instantsearch.js 4.33.2 → 4.37.0

package/dist/instantsearch.development.js

@@ -1,4 +1,4 @@
-/*! InstantSearch.js 4.33.2 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch.js */
+/*! InstantSearch.js 4.37.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch.js */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
   typeof define === 'function' && define.amd ? define(factory) :
@@ -3475,7 +3475,7 @@
   var events = EventEmitter;
 
   // Backwards-compat with node 0.10.x
-  EventEmitter.EventEmitter = EventEmitter;
+  // EventEmitter.EventEmitter = EventEmitter;
 
   EventEmitter.prototype._events = undefined;
   EventEmitter.prototype._maxListeners = undefined;
@@ -3779,7 +3779,7 @@
     this.lastResults = null;
   }
 
-  inherits_1(DerivedHelper, events.EventEmitter);
+  inherits_1(DerivedHelper, events);
 
   /**
    * Detach this helper from the main helper
@@ -4115,7 +4115,7 @@
 
   var requestBuilder_1 = requestBuilder;
 
-  var version = '3.6.2';
+  var version = '3.7.0';
 
   /**
    * Event triggered when a parameter is set or updated
@@ -4236,7 +4236,7 @@
     this._currentNbQueries = 0;
   }
 
-  inherits_1(AlgoliaSearchHelper, events.EventEmitter);
+  inherits_1(AlgoliaSearchHelper, events);
 
   /**
    * Start the search with the parameters set in the state. When the
@@ -8186,7 +8186,8 @@
         return this;
       },
       init: function init(_ref2) {
-        var _this3 = this;
+        var _this3 = this,
+            _instantSearchInstanc;
 
         var instantSearchInstance = _ref2.instantSearchInstance,
             parent = _ref2.parent,
@@ -8244,11 +8245,21 @@
 
         derivedHelper = mainHelper.derive(function () {
           return merge$1.apply(void 0, _toConsumableArray(resolveSearchParameters(_this3)));
-        }); // Subscribe to the Helper state changes for the page before widgets
+        });
+        var indexInitialResults = (_instantSearchInstanc = instantSearchInstance._initialResults) === null || _instantSearchInstanc === void 0 ? void 0 : _instantSearchInstanc[this.getIndexId()];
+
+        if (indexInitialResults) {
+          // We restore the shape of the results provided to the instance to respect
+          // the helper's structure.
+          var results = new algoliasearchHelper_1.SearchResults(new algoliasearchHelper_1.SearchParameters(indexInitialResults.state), indexInitialResults.results);
+          derivedHelper.lastResults = results;
+          helper.lastResults = results;
+        } // Subscribe to the Helper state changes for the page before widgets
         // are initialized. This behavior mimics the original one of the Helper.
         // It makes sense to replicate it at the `init` step. We have another
         // listener on `change` below, once `init` is done.
 
+
         helper.on('change', function (_ref3) {
           var isPageReset = _ref3.isPageReset;
 
@@ -8349,6 +8360,13 @@
             instantSearchInstance.onInternalStateChange();
           }
         });
+
+        if (indexInitialResults) {
+          // If there are initial results, we're not notified of the next results
+          // because we don't trigger an initial search. We therefore need to directly
+          // schedule a render that will render the results injected on the helper.
+          instantSearchInstance.scheduleRender();
+        }
       },
       render: function render(_ref5) {
         var _this4 = this;
@@ -8465,7 +8483,7 @@
     instantSearchInstance.renderState = _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState), {}, _defineProperty({}, parentIndexName, _objectSpread2(_objectSpread2({}, instantSearchInstance.renderState[parentIndexName]), renderState)));
   }
 
-  var version$1 = '4.33.2';
+  var version$1 = '4.37.0';
 
   var NAMESPACE = 'ais';
   var component = function component(componentName) {
@@ -9962,6 +9980,8 @@
 
       _defineProperty(_assertThisInitialized(_this), "_initialUiState", void 0);
 
+      _defineProperty(_assertThisInitialized(_this), "_initialResults", void 0);
+
       _defineProperty(_assertThisInitialized(_this), "_createURL", void 0);
 
       _defineProperty(_assertThisInitialized(_this), "_searchFunction", void 0);
@@ -10066,6 +10086,7 @@
       _this._isSearchStalled = false;
       _this._createURL = defaultCreateURL;
       _this._initialUiState = initialUiState;
+      _this._initialResults = null;
 
       if (searchFunction) {
         _this._searchFunction = searchFunction;
@@ -10308,9 +10329,27 @@
           parent: null,
           uiState: this._initialUiState
         });
-        this.scheduleSearch(); // Keep the previous reference for legacy purpose, some pattern use
+
+        if (this._initialResults) {
+          var originalScheduleSearch = this.scheduleSearch; // We don't schedule a first search when initial results are provided
+          // because we already have the results to render. This skips the initial
+          // network request on the browser on `start`.
+
+          this.scheduleSearch = defer(noop); // We also skip the initial network request when widgets are dynamically
+          // added in the first tick (that's the case in all the framework-based flavors).
+          // When we add a widget to `index`, it calls `scheduleSearch`. We can rely
+          // on our `defer` util to restore the original `scheduleSearch` value once
+          // widgets are added to hook back to the regular lifecycle.
+
+          defer(function () {
+            _this3.scheduleSearch = originalScheduleSearch;
+          })();
+        } else {
+          this.scheduleSearch();
+        } // Keep the previous reference for legacy purpose, some pattern use
         // the direct Helper access `search.helper` (e.g multi-index).
 
+
         this.helper = this.mainIndex.getHelper(); // track we started the search if we add more widgets,
         // to init them directly after add
 
@@ -11211,7 +11250,7 @@
     };
   }
 
-  var n,u,t,i,r,o,f={},e=[],c=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i;function s(n,l){for(var u in l)n[u]=l[u];return n}function a(n){var l=n.parentNode;l&&l.removeChild(n);}function h(n,l,u){var t,i,r,o,f=arguments;if(l=s({},l),arguments.length>3)for(u=[u],t=3;t<arguments.length;t++)u.push(f[t]);if(null!=u&&(l.children=u),null!=n&&null!=n.defaultProps)for(i in n.defaultProps)void 0===l[i]&&(l[i]=n.defaultProps[i]);return o=l.key,null!=(r=l.ref)&&delete l.ref,null!=o&&delete l.key,v(n,l,o,r)}function v(l,u,t,i){var r={type:l,props:u,key:t,ref:i,__k:null,__p:null,__b:0,__e:null,l:null,__c:null,constructor:void 0};return n.vnode&&n.vnode(r),r}function p(){return {}}function d(n){return n.children}function y(n){if(null==n||"boolean"==typeof n)return null;if("string"==typeof n||"number"==typeof n)return v(null,n,null,null);if(null!=n.__e||null!=n.__c){var l=v(n.type,n.props,n.key,null);return l.__e=n.__e,l}return n}function m(n,l){this.props=n,this.context=l;}function w(n,l){if(null==l)return n.__p?w(n.__p,n.__p.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?w(n):null}function g(n){var l,u;if(null!=(n=n.__p)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return g(n)}}function k(l){(!l.__d&&(l.__d=!0)&&1===u.push(l)||i!==n.debounceRendering)&&(i=n.debounceRendering,(n.debounceRendering||t)(_));}function _(){var n,l,t,i,r,o,f,e;for(u.sort(function(n,l){return l.__v.__b-n.__v.__b});n=u.pop();)n.__d&&(t=void 0,i=void 0,o=(r=(l=n).__v).__e,f=l.__P,e=l.u,l.u=!1,f&&(t=[],i=$(f,r,s({},r),l.__n,void 0!==f.ownerSVGElement,null,t,e,null==o?w(r):o),j(t,r),i!=o&&g(r)));}function b(n,l,u,t,i,r,o,c,s){var h,v,p,d,y,m,g,k=u&&u.__k||e,_=k.length;if(c==f&&(c=null!=r?r[0]:_?w(u,0):null),h=0,l.__k=x(l.__k,function(u){if(null!=u){if(u.__p=l,u.__b=l.__b+1,null===(p=k[h])||p&&u.key==p.key&&u.type===p.type)k[h]=void 0;else for(v=0;v<_;v++){if((p=k[v])&&u.key==p.key&&u.type===p.type){k[v]=void 0;break}p=null;}if(d=$(n,u,p=p||f,t,i,r,o,null,c,s),(v=u.ref)&&p.ref!=v&&(g||(g=[])).push(v,u.__c||d,u),null!=d){if(null==m&&(m=d),null!=u.l)d=u.l,u.l=null;else if(r==p||d!=c||null==d.parentNode){n:if(null==c||c.parentNode!==n)n.appendChild(d);else{for(y=c,v=0;(y=y.nextSibling)&&v<_;v+=2)if(y==d)break n;n.insertBefore(d,c);}"option"==l.type&&(n.value="");}c=d.nextSibling,"function"==typeof l.type&&(l.l=d);}}return h++,u}),l.__e=m,null!=r&&"function"!=typeof l.type)for(h=r.length;h--;)null!=r[h]&&a(r[h]);for(h=_;h--;)null!=k[h]&&D(k[h],k[h]);if(g)for(h=0;h<g.length;h++)A(g[h],g[++h],g[++h]);}function x(n,l,u){if(null==u&&(u=[]),null==n||"boolean"==typeof n)l&&u.push(l(null));else if(Array.isArray(n))for(var t=0;t<n.length;t++)x(n[t],l,u);else u.push(l?l(y(n)):n);return u}function C(n,l,u,t,i){var r;for(r in u)r in l||N(n,r,null,u[r],t);for(r in l)i&&"function"!=typeof l[r]||"value"===r||"checked"===r||u[r]===l[r]||N(n,r,l[r],u[r],t);}function P(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]="number"==typeof u&&!1===c.test(l)?u+"px":null==u?"":u;}function N(n,l,u,t,i){var r,o,f,e,c;if("key"===(l=i?"className"===l?"class":l:"class"===l?"className":l)||"children"===l);else if("style"===l)if(r=n.style,"string"==typeof u)r.cssText=u;else{if("string"==typeof t&&(r.cssText="",t=null),t)for(o in t)u&&o in u||P(r,o,"");if(u)for(f in u)t&&u[f]===t[f]||P(r,f,u[f]);}else"o"===l[0]&&"n"===l[1]?(e=l!==(l=l.replace(/Capture$/,"")),c=l.toLowerCase(),l=(c in n?c:l).slice(2),u?(t||n.addEventListener(l,T,e),(n.t||(n.t={}))[l]=u):n.removeEventListener(l,T,e)):"list"!==l&&"tagName"!==l&&"form"!==l&&!i&&l in n?n[l]=null==u?"":u:"function"!=typeof u&&"dangerouslySetInnerHTML"!==l&&(l!==(l=l.replace(/^xlink:?/,""))?null==u||!1===u?n.removeAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase()):n.setAttributeNS("http://www.w3.org/1999/xlink",l.toLowerCase(),u):null==u||!1===u?n.removeAttribute(l):n.setAttribute(l,u));}function T(l){return this.t[l.type](n.event?n.event(l):l)}function $(l,u,t,i,r,o,f,e,c,a){var h,v,p,y,w,g,k,_,C,P,N=u.type;if(void 0!==u.constructor)return null;(h=n.__b)&&h(u);try{n:if("function"==typeof N){if(_=u.props,C=(h=N.contextType)&&i[h.__c],P=h?C?C.props.value:h.__p:i,t.__c?k=(v=u.__c=t.__c).__p=v.__E:("prototype"in N&&N.prototype.render?u.__c=v=new N(_,P):(u.__c=v=new m(_,P),v.constructor=N,v.render=H),C&&C.sub(v),v.props=_,v.state||(v.state={}),v.context=P,v.__n=i,p=v.__d=!0,v.__h=[]),null==v.__s&&(v.__s=v.state),null!=N.getDerivedStateFromProps&&s(v.__s==v.state?v.__s=s({},v.__s):v.__s,N.getDerivedStateFromProps(_,v.__s)),p)null==N.getDerivedStateFromProps&&null!=v.componentWillMount&&v.componentWillMount(),null!=v.componentDidMount&&f.push(v);else{if(null==N.getDerivedStateFromProps&&null==e&&null!=v.componentWillReceiveProps&&v.componentWillReceiveProps(_,P),!e&&null!=v.shouldComponentUpdate&&!1===v.shouldComponentUpdate(_,v.__s,P)){for(v.props=_,v.state=v.__s,v.__d=!1,v.__v=u,u.__e=null!=c?c!==t.__e?c:t.__e:null,u.__k=t.__k,h=0;h<u.__k.length;h++)u.__k[h]&&(u.__k[h].__p=u);break n}null!=v.componentWillUpdate&&v.componentWillUpdate(_,v.__s,P);}for(y=v.props,w=v.state,v.context=P,v.props=_,v.state=v.__s,(h=n.__r)&&h(u),v.__d=!1,v.__v=u,v.__P=l,h=v.render(v.props,v.state,v.context),u.__k=x(null!=h&&h.type==d&&null==h.key?h.props.children:h),null!=v.getChildContext&&(i=s(s({},i),v.getChildContext())),p||null==v.getSnapshotBeforeUpdate||(g=v.getSnapshotBeforeUpdate(y,w)),b(l,u,t,i,r,o,f,c,a),v.base=u.__e;h=v.__h.pop();)v.__s&&(v.state=v.__s),h.call(v);p||null==y||null==v.componentDidUpdate||v.componentDidUpdate(y,w,g),k&&(v.__E=v.__p=null);}else u.__e=z(t.__e,u,t,i,r,o,f,a);(h=n.diffed)&&h(u);}catch(l){n.__e(l,u,t);}return u.__e}function j(l,u){for(var t;t=l.pop();)try{t.componentDidMount();}catch(l){n.__e(l,t.__v);}n.__c&&n.__c(u);}function z(n,l,u,t,i,r,o,c){var s,a,h,v,p=u.props,d=l.props;if(i="svg"===l.type||i,null==n&&null!=r)for(s=0;s<r.length;s++)if(null!=(a=r[s])&&(null===l.type?3===a.nodeType:a.localName===l.type)){n=a,r[s]=null;break}if(null==n){if(null===l.type)return document.createTextNode(d);n=i?document.createElementNS("http://www.w3.org/2000/svg",l.type):document.createElement(l.type),r=null;}return null===l.type?p!==d&&(null!=r&&(r[r.indexOf(n)]=null),n.data=d):l!==u&&(null!=r&&(r=e.slice.call(n.childNodes)),h=(p=u.props||f).dangerouslySetInnerHTML,v=d.dangerouslySetInnerHTML,c||(v||h)&&(v&&h&&v.__html==h.__html||(n.innerHTML=v&&v.__html||"")),C(n,d,p,i,c),l.__k=l.props.children,v||b(n,l,u,t,"foreignObject"!==l.type&&i,r,o,f,c),c||("value"in d&&void 0!==d.value&&d.value!==n.value&&(n.value=null==d.value?"":d.value),"checked"in d&&void 0!==d.checked&&d.checked!==n.checked&&(n.checked=d.checked))),n}function A(l,u,t){try{"function"==typeof l?l(u):l.current=u;}catch(l){n.__e(l,t);}}function D(l,u,t){var i,r,o;if(n.unmount&&n.unmount(l),(i=l.ref)&&A(i,null,u),t||"function"==typeof l.type||(t=null!=(r=l.__e)),l.__e=l.l=null,null!=(i=l.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(l){n.__e(l,u);}i.base=i.__P=null;}if(i=l.__k)for(o=0;o<i.length;o++)i[o]&&D(i[o],u,t);null!=r&&a(r);}function H(n,l,u){return this.constructor(n,u)}function I(l,u,t){var i,o,c;n.__p&&n.__p(l,u),o=(i=t===r)?null:t&&t.__k||u.__k,l=h(d,null,[l]),c=[],$(u,i?u.__k=l:(t||u).__k=l,o||f,f,void 0!==u.ownerSVGElement,t&&!i?[t]:o?null:e.slice.call(u.childNodes),c,!1,t||f,i),j(c,l);}n={},m.prototype.setState=function(n,l){var u=this.__s!==this.state&&this.__s||(this.__s=s({},this.state));("function"!=typeof n||(n=n(u,this.props)))&&s(u,n),null!=n&&this.__v&&(this.u=!1,l&&this.__h.push(l),k(this));},m.prototype.forceUpdate=function(n){this.__v&&(n&&this.__h.push(n),this.u=!0,k(this));},m.prototype.render=d,u=[],t="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,i=n.debounceRendering,n.__e=function(n,l,u){for(var t;l=l.__p;)if((t=l.__c)&&!t.__p)try{if(t.constructor&&null!=t.constructor.getDerivedStateFromError)t.setState(t.constructor.getDerivedStateFromError(n));else{if(null==t.componentDidCatch)continue;t.componentDidCatch(n);}return k(t.__E=t)}catch(l){n=l;}throw n},r=f,o=0;
+  var n,l,u,t,r,o,f,e={},c=[],s=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a(n,l){for(var u in l)n[u]=l[u];return n}function h(n){var l=n.parentNode;l&&l.removeChild(n);}function v(l,u,i){var t,r,o,f={};for(o in u)"key"==o?t=u[o]:"ref"==o?r=u[o]:f[o]=u[o];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(o in l.defaultProps)void 0===f[o]&&(f[o]=l.defaultProps[o]);return y(l,f,t,r,null)}function y(n,i,t,r,o){var f={type:n,props:i,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==o?++u:o};return null==o&&null!=l.vnode&&l.vnode(f),f}function p(){return {current:null}}function d(n){return n.children}function _(n,l){this.props=n,this.context=l;}function k(n,l){if(null==l)return n.__?k(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k(n):null}function b(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b(n)}}function m(n){(!n.__d&&(n.__d=!0)&&t.push(n)&&!g.__r++||o!==l.debounceRendering)&&((o=l.debounceRendering)||r)(g);}function g(){for(var n;g.__r=t.length;)n=t.sort(function(n,l){return n.__v.__b-l.__v.__b}),t=[],n.some(function(n){var l,u,i,t,r,o;n.__d&&(r=(t=(l=n).__v).__e,(o=l.__P)&&(u=[],(i=a({},t)).__v=t.__v+1,j(o,t,i,l.__n,void 0!==o.ownerSVGElement,null!=t.__h?[r]:null,u,null==r?k(t):r,t.__h),z(u,t),t.__e!=r&&b(t)));});}function w(n,l,u,i,t,r,o,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y(null,_,null,null,_):Array.isArray(_)?y(d,{children:_},null,null,null):_.__b>0?y(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j(n,_,p=p||e,t,r,o,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x(_,s,n):s=P(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M(g[h],g[++h],g[++h]);}function x(n,l,u){for(var i,t=n.__k,r=0;t&&r<t.length;r++)(i=t[r])&&(i.__=n,l="function"==typeof i.type?x(i,l,u):P(u,i,i,t,i.__e,l));return l}function P(n,l,u,i,t,r){var o,f,e;if(void 0!==l.__d)o=l.__d,l.__d=void 0;else if(null==u||t!=r||null==t.parentNode)n:if(null==r||r.parentNode!==n)n.appendChild(t),o=null;else{for(f=r,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,r),o=r;}return void 0!==o?o:t.nextSibling}function C(n,l,u,i,t){var r;for(r in u)"children"===r||"key"===r||r in l||H(n,r,null,u[r],i);for(r in l)t&&"function"!=typeof l[r]||"children"===r||"key"===r||"value"===r||"checked"===r||u[r]===l[r]||H(n,r,l[r],u[r],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s.test(l)?u:u+"px";}function H(n,l,u,i,t){var r;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else{if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])r=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+r]=u,u?i||n.addEventListener(l,r?T:I,r):n.removeEventListener(l,r?T:I,r);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink[H:h]/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l.event?l.event(n):n);}function T(n){this.l[n.type+!0](l.event?l.event(n):n);}function j(n,u,i,t,r,o,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,o=[e]),(s=l.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _(m,x),h.constructor=P,h.render=O),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a({},h.__s)),a(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else{if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a(a({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d&&null==s.key?s.props.children:s,w(n,Array.isArray(A)?A:[A],u,i,t,r,o,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==o&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,r,o,f,c);(s=l.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=o)&&(u.__e=e,u.__h=!!c,o[o.indexOf(e)]=null),l.__e(n,u,i);}}function z(n,u){l.__c&&l.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l.__e(n,u.__v);}});}function L(l,u,i,t,r,o,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(r=!0),null!=o)for(;_<o.length;_++)if((s=o[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,o[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=r?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),o=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else{if(o=o&&n.call(l.childNodes),a=(y=i.props||e).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=o)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C(l,p,y,r,c),v)u.__k=[];else if(_=u.props.children,w(l,Array.isArray(_)?_:[_],u,i,t,r&&"foreignObject"!==d,o,f,o?o[0]:i.__k&&k(i,0),c),null!=o)for(_=o.length;_--;)null!=o[_]&&h(o[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==y.value||_!==l.value||"progress"===d&&!_)&&H(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H(l,"checked",_,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l.__e(n,i);}}function N(n,u,i){var t,r;if(l.unmount&&l.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(r=0;r<t.length;r++)t[r]&&N(t[r],u,"function"!=typeof n.type);i||null==n.__e||h(n.__e),n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function S(u,i,t){var r,o,f;l.__&&l.__(u,i),o=(r="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j(i,u=(!r&&t||i).__k=v(d,null,[u]),o||e,e,void 0!==i.ownerSVGElement,!r&&t?[t]:o?null:i.firstChild?n.call(i.childNodes):null,f,!r&&t?t:o?o.__e:i.firstChild,r),z(f,u);}n=c.slice,l={__e:function(n,l){for(var u,i,t;l=l.__;)if((u=l.__c)&&!u.__)try{if((i=u.constructor)&&null!=i.getDerivedStateFromError&&(u.setState(i.getDerivedStateFromError(n)),t=u.__d),null!=u.componentDidCatch&&(u.componentDidCatch(n),t=u.__d),t)return u.__E=u}catch(l){n=l;}throw n}},u=0,_.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a({},this.state),"function"==typeof n&&(n=n(a({},u),this.props)),n&&a(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m(this));},_.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m(this));},_.prototype.render=d,t=[],r="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g.__r=0,f=0;
 
   /** @jsx h */
 
@@ -11274,9 +11313,9 @@
         }
       };
 
-      return h("div", {
+      return v("div", {
         onClick: handleClick
-      }, h(BaseComponent, props));
+      }, v(BaseComponent, props));
     }
 
     return WithInsightsListener;
@@ -11563,7 +11602,7 @@
               index: helper.getIndex(),
               widgetType: this.$$type
             });
-            isFirstPage = helper.state.page === undefined || getFirstReceivedPage(helper.state, cachedHits) === 0;
+            isFirstPage = state.page === undefined || getFirstReceivedPage(state, cachedHits) === 0;
           } else {
             var _state$page3 = state.page,
                 _page = _state$page3 === void 0 ? 0 : _state$page3;
@@ -12291,6 +12330,7 @@
         getWidgetRenderState: function getWidgetRenderState(_ref6) {
           var results = _ref6.results,
               helper = _ref6.helper,
+              state = _ref6.state,
               createURL = _ref6.createURL;
 
           if (!connectorState.refine) {
@@ -12301,14 +12341,13 @@
           }
 
           if (!connectorState.createURL) {
-            connectorState.createURL = function (state) {
+            connectorState.createURL = function (helperState) {
               return function (page) {
-                return createURL(state.setPage(page));
+                return createURL(helperState.setPage(page));
               };
             };
           }
 
-          var state = helper.state;
           var page = state.page || 0;
           var nbPages = getMaxPage(results || {
             nbPages: 0
@@ -13028,11 +13067,12 @@
         },
         getWidgetRenderState: function getWidgetRenderState(_ref3) {
           var helper = _ref3.helper,
-              searchMetadata = _ref3.searchMetadata;
+              searchMetadata = _ref3.searchMetadata,
+              state = _ref3.state;
 
           if (!_refine) {
             var setQueryAndSearch = function setQueryAndSearch(query) {
-              if (query !== helper.state.query) {
+              if (query !== state.query) {
                 helper.setQuery(query).search();
               }
             };
@@ -13049,7 +13089,7 @@
 
           _clear = clear(helper);
           return {
-            query: helper.state.query || '',
+            query: state.query || '',
             refine: _refine,
             clear: _cachedClear,
             widgetParams: widgetParams,
@@ -13135,6 +13175,7 @@
         getWidgetRenderState: function getWidgetRenderState(_ref3) {
           var results = _ref3.results,
               helper = _ref3.helper,
+              state = _ref3.state,
               parent = _ref3.parent;
 
           if (!connectorState.initialIndex && parent) {
@@ -13148,7 +13189,7 @@
           }
 
           return {
-            currentRefinement: helper.state.index,
+            currentRefinement: state.index,
             options: transformItems(items),
             refine: connectorState.setIndex,
             hasNoResults: results ? results.nbHits === 0 : true,
@@ -13492,18 +13533,18 @@
         },
         getWidgetRenderState: function getWidgetRenderState(_ref) {
           var results = _ref.results,
-              helper = _ref.helper;
+              state = _ref.state;
 
           if (!results) {
             return {
-              hitsPerPage: helper.state.hitsPerPage,
+              hitsPerPage: state.hitsPerPage,
               nbHits: 0,
               nbSortedHits: undefined,
               areHitsSorted: false,
               nbPages: 0,
-              page: helper.state.page || 0,
+              page: state.page || 0,
               processingTimeMS: -1,
-              query: helper.state.query || '',
+              query: state.query || '',
               widgetParams: widgetParams
             };
           }
@@ -13696,7 +13737,7 @@
               createURL = _ref6.createURL,
               instantSearchInstance = _ref6.instantSearchInstance;
           var isRefined = results ? on.every(function (v) {
-            return helper.state.isDisjunctiveFacetRefined(attribute, v);
+            return state.isDisjunctiveFacetRefined(attribute, v);
           }) : on.every(function (v) {
             return state.isDisjunctiveFacetRefined(attribute, v);
           });
@@ -14464,6 +14505,7 @@
           var _this = this;
 
           var helper = _ref4.helper,
+              state = _ref4.state,
               scopedResults = _ref4.scopedResults,
               instantSearchInstance = _ref4.instantSearchInstance;
 
@@ -14491,7 +14533,7 @@
             };
           });
           return {
-            currentRefinement: helper.state.query || '',
+            currentRefinement: state.query || '',
             indices: indices,
             refine: connectorState.refine,
             widgetParams: widgetParams
@@ -15179,12 +15221,17 @@
     name: 'dynamic-widgets',
     connector: true
   });
+  var MAX_WILDCARD_FACETS = 20;
 
   var connectDynamicWidgets = function connectDynamicWidgets(renderFn) {
     var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
     checkRendering(renderFn, withUsage$r());
     return function (widgetParams) {
       var widgets = widgetParams.widgets,
+          _widgetParams$maxValu = widgetParams.maxValuesPerFacet,
+          maxValuesPerFacet = _widgetParams$maxValu === void 0 ? 20 : _widgetParams$maxValu,
+          _widgetParams$facets = widgetParams.facets,
+          facets = _widgetParams$facets === void 0 ? ['*'] : _widgetParams$facets,
           _widgetParams$transfo = widgetParams.transformItems,
           transformItems = _widgetParams$transfo === void 0 ? function (items) {
         return items;
@@ -15197,6 +15244,10 @@
         throw new Error(withUsage$r('The `widgets` option expects an array of widgets.'));
       }
 
+      if (!(Array.isArray(facets) && facets.length <= 1 && (facets[0] === '*' || facets[0] === undefined))) {
+        throw new Error(withUsage$r("The `facets` option only accepts [] or [\"*\"], you passed ".concat(JSON.stringify(facets))));
+      }
+
       var localWidgets = new Map();
       return {
         $$type: 'ais.dynamicWidgets',
@@ -15276,6 +15327,14 @@
           parent.removeWidgets(toRemove);
           unmountFn();
         },
+        getWidgetSearchParameters: function getWidgetSearchParameters(state) {
+          // broadening the scope of facets to avoid conflict between never and *
+          return facets.reduce(function (acc, curr) {
+            return acc.addFacet(curr);
+          }, state.setQueryParameters({
+            maxValuesPerFacet: Math.max(maxValuesPerFacet || 0, state.maxValuesPerFacet || 0)
+          }));
+        },
         getRenderState: function getRenderState(renderState, renderOptions) {
           return _objectSpread2(_objectSpread2({}, renderState), {}, {
             dynamicWidgets: this.getWidgetRenderState(renderOptions)
@@ -15284,7 +15343,8 @@
         getWidgetRenderState: function getWidgetRenderState(_ref4) {
           var _results$renderingCon, _results$renderingCon2, _results$renderingCon3, _results$renderingCon4;
 
-          var results = _ref4.results;
+          var results = _ref4.results,
+              state = _ref4.state;
 
           if (!results) {
             return {
@@ -15293,11 +15353,18 @@
             };
           }
 
-          var attributesToRender = (_results$renderingCon = (_results$renderingCon2 = results.renderingContent) === null || _results$renderingCon2 === void 0 ? void 0 : (_results$renderingCon3 = _results$renderingCon2.facetOrdering) === null || _results$renderingCon3 === void 0 ? void 0 : (_results$renderingCon4 = _results$renderingCon3.facets) === null || _results$renderingCon4 === void 0 ? void 0 : _results$renderingCon4.order) !== null && _results$renderingCon !== void 0 ? _results$renderingCon : [];
+          var attributesToRender = transformItems((_results$renderingCon = (_results$renderingCon2 = results.renderingContent) === null || _results$renderingCon2 === void 0 ? void 0 : (_results$renderingCon3 = _results$renderingCon2.facetOrdering) === null || _results$renderingCon3 === void 0 ? void 0 : (_results$renderingCon4 = _results$renderingCon3.facets) === null || _results$renderingCon4 === void 0 ? void 0 : _results$renderingCon4.order) !== null && _results$renderingCon !== void 0 ? _results$renderingCon : [], {
+            results: results
+          });
+
+          if (!Array.isArray(attributesToRender)) {
+            throw new Error(withUsage$r('The `transformItems` option expects a function that returns an Array.'));
+          }
+
+           _warning(maxValuesPerFacet >= (state.maxValuesPerFacet || 0), "The maxValuesPerFacet set by dynamic widgets (".concat(maxValuesPerFacet, ") is smaller than one of the limits set by a widget (").concat(state.maxValuesPerFacet, "). This causes a mismatch in query parameters and thus an extra network request when that widget is mounted.")) ;
+           _warning(attributesToRender.length <= MAX_WILDCARD_FACETS || widgetParams.facets !== undefined, "More than ".concat(MAX_WILDCARD_FACETS, " facets are requested to be displayed without explicitly setting which facets to retrieve. This could have a performance impact. Set \"facets\" to [] to do two smaller network requests, or explicitly to ['*'] to avoid this warning.")) ;
           return {
-            attributesToRender: transformItems(attributesToRender, {
-              results: results
-            }),
+            attributesToRender: attributesToRender,
             widgetParams: widgetParams
           };
         }
@@ -15608,7 +15675,7 @@
           return null;
         }
 
-        return h(RootTagName, _extends({}, this.props.rootProps, {
+        return v(RootTagName, _extends({}, this.props.rootProps, {
           dangerouslySetInnerHTML: {
             __html: content
           }
@@ -15617,7 +15684,7 @@
     }]);
 
     return Template;
-  }(m);
+  }(_);
 
   _defineProperty(Template, "defaultProps", defaultProps);
 
@@ -15627,13 +15694,13 @@
         templateProps = _ref.templateProps,
         createURL = _ref.createURL,
         refine = _ref.refine;
-    return h("div", {
+    return v("div", {
       className: classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, items.length === 0))
-    }, h("ul", {
+    }, v("ul", {
       className: cssClasses.list
-    }, h("li", {
+    }, v("li", {
       className: classnames(cssClasses.item, _defineProperty({}, cssClasses.selectedItem, items.length === 0))
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: "home",
       rootTagName: "a",
       rootProps: {
@@ -15646,17 +15713,17 @@
       }
     }))), items.map(function (item, idx) {
       var isLast = idx === items.length - 1;
-      return h("li", {
+      return v("li", {
         key: item.label + idx,
         className: classnames(cssClasses.item, _defineProperty({}, cssClasses.selectedItem, isLast))
-      }, h(Template, _extends({}, templateProps, {
+      }, v(Template, _extends({}, templateProps, {
         templateKey: "separator",
         rootTagName: "span",
         rootProps: {
           className: cssClasses.separator,
           'aria-hidden': true
         }
-      })), isLast ? item.label : h("a", {
+      })), isLast ? item.label : v("a", {
         className: cssClasses.link,
         href: createURL(item.value),
         onClick: function onClick(event) {
@@ -15698,7 +15765,7 @@
         return;
       }
 
-      I(h(Breadcrumb, {
+      S(v(Breadcrumb, {
         canRefine: canRefine,
         cssClasses: cssClasses,
         createURL: createURL,
@@ -15755,7 +15822,7 @@
       templates: templates
     });
     var makeWidget = connectBreadcrumb(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attributes: attributes,
@@ -15772,9 +15839,9 @@
         refine = _ref.refine,
         cssClasses = _ref.cssClasses,
         templateProps = _ref.templateProps;
-    return h("div", {
+    return v("div", {
       className: cssClasses.root
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: "resetLabel",
       rootTagName: "button",
       rootProps: {
@@ -15816,7 +15883,7 @@
         return;
       }
 
-      I(h(ClearRefinements, {
+      S(v(ClearRefinements, {
         refine: refine,
         cssClasses: cssClasses,
         hasRefinements: hasRefinements,
@@ -15858,7 +15925,7 @@
       templates: templates
     });
     var makeWidget = connectClearRefinements(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       includedAttributes: includedAttributes,
@@ -15911,23 +15978,23 @@
   var CurrentRefinements = function CurrentRefinements(_ref2) {
     var items = _ref2.items,
         cssClasses = _ref2.cssClasses;
-    return h("div", {
+    return v("div", {
       className: cssClasses.root
-    }, h("ul", {
+    }, v("ul", {
       className: cssClasses.list
     }, items.map(function (item, index) {
-      return h("li", {
+      return v("li", {
         key: "".concat(item.indexName, "-").concat(item.attribute, "-").concat(index),
         className: cssClasses.item
-      }, h("span", {
+      }, v("span", {
         className: cssClasses.label
       }, capitalize(item.label), ":"), item.refinements.map(function (refinement) {
-        return h("span", {
+        return v("span", {
           key: createItemKey(refinement),
           className: cssClasses.category
-        }, h("span", {
+        }, v("span", {
           className: cssClasses.categoryLabel
-        }, refinement.attribute === 'query' ? h("q", null, refinement.label) : refinement.label), h("button", {
+        }, refinement.attribute === 'query' ? v("q", null, refinement.label) : refinement.label), v("button", {
           className: cssClasses.delete,
           onClick: handleClick(item.refine.bind(null, refinement))
         }, "\u2715"));
@@ -15951,7 +16018,7 @@
     var _ref2 = widgetParams,
         container = _ref2.container,
         cssClasses = _ref2.cssClasses;
-    I(h(CurrentRefinements, {
+    S(v(CurrentRefinements, {
       cssClasses: cssClasses,
       items: items
     }), container);
@@ -15993,7 +16060,7 @@
       }), userCssClasses.delete)
     };
     var makeWidget = connectCurrentRefinements(renderer$2, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       container: containerNode,
@@ -16019,9 +16086,9 @@
         isLoading = _ref.isLoading,
         cssClasses = _ref.cssClasses,
         templateProps = _ref.templateProps;
-    return h("div", {
+    return v("div", {
       className: classnames(cssClasses.root, _defineProperty({}, cssClasses.emptyRoot, hits.length === 0))
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: "header",
       rootProps: {
         className: cssClasses.header
@@ -16030,15 +16097,15 @@
         hits: hits,
         isLoading: isLoading
       }
-    })), isLoading ? h(Template, _extends({}, templateProps, {
+    })), isLoading ? v(Template, _extends({}, templateProps, {
       templateKey: "loader",
       rootProps: {
         className: cssClasses.loader
       }
-    })) : h("ul", {
+    })) : v("ul", {
       className: cssClasses.list
     }, hits.map(function (hit, position) {
-      return h(Template, _extends({}, templateProps, {
+      return v(Template, _extends({}, templateProps, {
         templateKey: "item",
         rootTagName: "li",
         rootProps: {
@@ -16076,7 +16143,7 @@
         return;
       }
 
-      I(h(Answers, {
+      S(v(Answers, {
         cssClasses: cssClasses,
         hits: hits,
         isLoading: isLoading,
@@ -16130,7 +16197,7 @@
       renderState: {}
     });
     var makeWidget = connectAnswers(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attributesForPrediction: attributesForPrediction,
@@ -16169,9 +16236,9 @@
   var dynamicWidgets = function dynamicWidgets(widgetParams) {
     var _ref = widgetParams || {},
         containerSelector = _ref.container,
-        transformItems = _ref.transformItems,
         widgets = _ref.widgets,
-        fallbackWidget = _ref.fallbackWidget;
+        fallbackWidget = _ref.fallbackWidget,
+        otherWidgetParams = _objectWithoutProperties(_ref, ["container", "widgets", "fallbackWidget"]);
 
     if (!containerSelector) {
       throw new Error(withUsage$x('The `container` option is required.'));
@@ -16206,8 +16273,7 @@
     }, function () {
       userContainer.removeChild(rootContainer);
     });
-    var widget = makeWidget({
-      transformItems: transformItems,
+    var widget = makeWidget(_objectSpread2(_objectSpread2({}, otherWidgetParams), {}, {
       widgets: connectorWidgets,
       fallbackWidget: typeof fallbackWidget === 'function' ? function (_ref3) {
         var attribute = _ref3.attribute;
@@ -16218,7 +16284,7 @@
           container: container
         });
       } : undefined
-    });
+    }));
     return _objectSpread2(_objectSpread2({}, widget), {}, {
       init: function init(initOptions) {
         widgets.forEach(function (cb) {
@@ -16242,7 +16308,7 @@
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         onClick = _ref.onClick,
         children = _ref.children;
-    return h("button", {
+    return v("button", {
       className: className,
       onClick: onClick,
       disabled: disabled
@@ -16257,9 +16323,9 @@
         checked = _ref.checked,
         onToggle = _ref.onToggle,
         children = _ref.children;
-    return h("label", {
+    return v("label", {
       className: classNameLabel
-    }, h("input", {
+    }, v("input", {
       className: classNameInput,
       type: "checkbox",
       checked: checked,
@@ -16279,36 +16345,36 @@
         onRefineClick = _ref.onRefineClick,
         onClearClick = _ref.onClearClick,
         templateProps = _ref.templateProps;
-    return h(d, null, enableRefine && h("div", null, enableRefineControl && h("div", {
+    return v(d, null, enableRefine && v("div", null, enableRefineControl && v("div", {
       className: cssClasses.control
-    }, isRefineOnMapMove || !hasMapMoveSinceLastRefine ? h(GeoSearchToggle, {
+    }, isRefineOnMapMove || !hasMapMoveSinceLastRefine ? v(GeoSearchToggle, {
       classNameLabel: classnames(cssClasses.label, _defineProperty({}, cssClasses.selectedLabel, isRefineOnMapMove)),
       classNameInput: cssClasses.input,
       checked: isRefineOnMapMove,
       onToggle: onRefineToggle
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: "toggle",
       rootTagName: "span"
-    }))) : h(GeoSearchButton, {
+    }))) : v(GeoSearchButton, {
       className: cssClasses.redo,
       disabled: !hasMapMoveSinceLastRefine,
       onClick: onRefineClick
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: "redo",
       rootTagName: "span"
-    })))), !enableRefineControl && !isRefineOnMapMove && h("div", {
+    })))), !enableRefineControl && !isRefineOnMapMove && v("div", {
       className: cssClasses.control
-    }, h(GeoSearchButton, {
+    }, v(GeoSearchButton, {
       className: classnames(cssClasses.redo, _defineProperty({}, cssClasses.disabledRedo, !hasMapMoveSinceLastRefine)),
       disabled: !hasMapMoveSinceLastRefine,
       onClick: onRefineClick
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: "redo",
       rootTagName: "span"
-    })))), enableClearMapRefinement && isRefinedWithMap && h(GeoSearchButton, {
+    })))), enableClearMapRefinement && isRefinedWithMap && v(GeoSearchButton, {
       className: cssClasses.reset,
       onClick: onClearClick
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: "reset",
       rootTagName: "span"
     })))));
@@ -16492,7 +16558,7 @@
       });
     }
 
-    I(h(GeoSearchControls, {
+    S(v(GeoSearchControls, {
       cssClasses: cssClasses,
       enableRefine: enableRefine,
       enableRefineControl: enableRefineControl,
@@ -16781,7 +16847,7 @@
     var createMarker = !customHTMLMarker ? createBuiltInMarker : createCustomHTMLMarker;
     var markerOptions = !customHTMLMarker ? builtInMarker : customHTMLMarker;
     var makeWidget = connectGeoSearch(renderer$4, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget(_objectSpread2(_objectSpread2({}, otherWidgetParams), {}, {
       renderState: {},
@@ -16810,7 +16876,7 @@
         templateKey = _ref.templateKey,
         templateData = _ref.templateData,
         subItems = _ref.subItems;
-    return h("li", {
+    return v("li", {
       className: className,
       onClick: function onClick(originalEvent) {
         handleClick({
@@ -16819,7 +16885,7 @@
           originalEvent: originalEvent
         });
       }
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: templateKey,
       data: templateData
     })), subItems);
@@ -16976,17 +17042,16 @@
             showLoadingIndicator = _this$props4.showLoadingIndicator,
             templates = _this$props4.templates,
             isSearchStalled = _this$props4.isSearchStalled;
-        return h("div", {
+        return v("div", {
           className: cssClasses.root
-        }, h("form", {
+        }, v("form", {
           action: "",
           role: "search",
           className: cssClasses.form,
           noValidate: true,
-          onSubmit: this.onSubmit // @ts-expect-error `onReset` attibute is missing in preact 10.0.0 JSX types
-          ,
+          onSubmit: this.onSubmit,
           onReset: this.onReset
-        }, h("input", {
+        }, v("input", {
           ref: this.input,
           value: this.state.query,
           disabled: this.props.disabled,
@@ -16995,15 +17060,15 @@
           placeholder: placeholder,
           autoFocus: autofocus,
           autoComplete: "off",
-          autoCorrect: "off" // @ts-expect-error `autoCapitalize` attibute is missing in preact 10.0.0 JSX types
+          autoCorrect: "off",
+          autoCapitalize: "off" // @ts-expect-error `spellCheck` attribute is missing in preact JSX types
           ,
-          autoCapitalize: "off",
           spellCheck: "false",
           maxLength: 512,
           onInput: this.onInput,
           onBlur: this.onBlur,
           onFocus: this.onFocus
-        }), h(Template, {
+        }), v(Template, {
           templateKey: "submit",
           rootTagName: "button",
           rootProps: {
@@ -17016,7 +17081,7 @@
           data: {
             cssClasses: cssClasses
           }
-        }), h(Template, {
+        }), v(Template, {
           templateKey: "reset",
           rootTagName: "button",
           rootProps: {
@@ -17029,7 +17094,7 @@
           data: {
             cssClasses: cssClasses
           }
-        }), showLoadingIndicator && h(Template, {
+        }), showLoadingIndicator && v(Template, {
           templateKey: "loadingIndicator",
           rootTagName: "span",
           rootProps: {
@@ -17045,7 +17110,7 @@
     }]);
 
     return SearchBox;
-  }(m);
+  }(_);
 
   _defineProperty(SearchBox, "defaultProps", defaultProps$1);
 
@@ -17099,7 +17164,7 @@
               root = _this$props$cssClasse.root,
               cssClasses = _objectWithoutProperties(_this$props$cssClasse, ["root"]);
 
-          subItems = h(RefinementList, _extends({}, this.props, {
+          subItems = v(RefinementList, _extends({}, this.props, {
             // We want to keep `root` required for external usage but not for the
             // sub items.
             cssClasses: cssClasses,
@@ -17130,7 +17195,7 @@
         }
 
         var refinementListItemClassName = classnames(this.props.cssClasses.item, (_cx = {}, _defineProperty(_cx, this.props.cssClasses.selectedItem, facetValue.isRefined), _defineProperty(_cx, this.props.cssClasses.disabledItem, !facetValue.count), _defineProperty(_cx, this.props.cssClasses.parentItem, isHierarchicalMenuItem(facetValue) && Array.isArray(facetValue.data) && facetValue.data.length > 0), _cx));
-        return h(RefinementListItem, {
+        return v(RefinementListItem, {
           templateKey: "item",
           key: key,
           facetValueToRefine: facetValue.value,
@@ -17224,7 +17289,7 @@
         var _this2 = this;
 
         var showMoreButtonClassName = classnames(this.props.cssClasses.showMore, _defineProperty({}, this.props.cssClasses.disabledShowMore, !(this.props.showMore === true && this.props.canToggleShowMore)));
-        var showMoreButton = this.props.showMore === true && h(Template, _extends({}, this.props.templateProps, {
+        var showMoreButton = this.props.showMore === true && v(Template, _extends({}, this.props.templateProps, {
           templateKey: "showMoreText",
           rootTagName: "button",
           rootProps: {
@@ -17237,9 +17302,9 @@
           }
         }));
         var shouldDisableSearchBox = this.props.searchIsAlwaysActive !== true && !(this.props.isFromSearch || !this.props.hasExhaustiveItems);
-        var searchBox = this.props.searchFacetValues && h("div", {
+        var searchBox = this.props.searchFacetValues && v("div", {
           className: this.props.cssClasses.searchBox
-        }, h(SearchBox, {
+        }, v(SearchBox, {
           ref: this.searchBox,
           placeholder: this.props.searchPlaceholder,
           disabled: shouldDisableSearchBox,
@@ -17258,24 +17323,24 @@
           ,
           searchAsYouType: false
         }));
-        var facetValues = this.props.facetValues && this.props.facetValues.length > 0 && h("ul", {
+        var facetValues = this.props.facetValues && this.props.facetValues.length > 0 && v("ul", {
           className: this.props.cssClasses.list
         }, this.props.facetValues.map(this._generateFacetItem, this));
-        var noResults = this.props.searchFacetValues && this.props.isFromSearch && (!this.props.facetValues || this.props.facetValues.length === 0) && h(Template, _extends({}, this.props.templateProps, {
+        var noResults = this.props.searchFacetValues && this.props.isFromSearch && (!this.props.facetValues || this.props.facetValues.length === 0) && v(Template, _extends({}, this.props.templateProps, {
           templateKey: "searchableNoResults",
           rootProps: {
             className: this.props.cssClasses.noResults
           }
         }));
         var rootClassName = classnames(this.props.cssClasses.root, _defineProperty({}, this.props.cssClasses.noRefinementRoot, !this.props.facetValues || this.props.facetValues.length === 0), this.props.className);
-        return h("div", {
+        return v("div", {
           className: rootClassName
         }, this.props.children, searchBox, facetValues, noResults, showMoreButton);
       }
     }]);
 
     return RefinementList;
-  }(m);
+  }(_);
 
   _defineProperty(RefinementList$1, "defaultProps", defaultProps$2);
 
@@ -17313,7 +17378,7 @@
         return;
       }
 
-      I(h(RefinementList$1, {
+      S(v(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: items,
@@ -17450,7 +17515,7 @@
       renderState: {}
     });
     var makeWidget = connectHierarchicalMenu(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attributes: attributes,
@@ -17475,7 +17540,7 @@
         templateProps = _ref.templateProps;
 
     if (results.hits.length === 0) {
-      return h(Template, _extends({}, templateProps, {
+      return v(Template, _extends({}, templateProps, {
         templateKey: "empty",
         rootProps: {
           className: classnames(cssClasses.root, cssClasses.emptyRoot)
@@ -17484,12 +17549,12 @@
       }));
     }
 
-    return h("div", {
+    return v("div", {
       className: cssClasses.root
-    }, h("ol", {
+    }, v("ol", {
       className: cssClasses.list
     }, hits.map(function (hit, index) {
-      return h(Template, _extends({}, templateProps, {
+      return v(Template, _extends({}, templateProps, {
         templateKey: "item",
         rootTagName: "li",
         rootProps: {
@@ -17545,7 +17610,7 @@
         return;
       }
 
-      I(h(HitsWithInsightsListener, {
+      S(v(HitsWithInsightsListener, {
         cssClasses: cssClasses,
         hits: receivedHits,
         results: results,
@@ -17593,7 +17658,7 @@
       templates: templates
     });
     var makeWidget = withInsights(connectHits)(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       escapeHTML: escapeHTML,
@@ -17610,14 +17675,14 @@
         options = _ref.options,
         cssClasses = _ref.cssClasses,
         setValue = _ref.setValue;
-    return h("select", {
+    return v("select", {
       className: classnames(cssClasses.select),
       onChange: function onChange(event) {
         return setValue(event.target.value);
       },
       value: "".concat(currentValue)
     }, options.map(function (option) {
-      return h("option", {
+      return v("option", {
         className: classnames(cssClasses.option),
         key: option.label + option.value,
         value: "".concat(option.value)
@@ -17644,9 +17709,9 @@
       }) || {},
           currentValue = _ref3.value;
 
-      I(h("div", {
+      S(v("div", {
         className: cssClasses.root
-      }, h(Selector, {
+      }, v(Selector, {
         cssClasses: cssClasses,
         currentValue: currentValue,
         options: items,
@@ -17682,7 +17747,7 @@
       cssClasses: cssClasses
     });
     var makeWidget = connectHitsPerPage(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       items: items,
@@ -17705,7 +17770,7 @@
         templateProps = _ref.templateProps;
 
     if (results.hits.length === 0) {
-      return h(Template, _extends({}, templateProps, {
+      return v(Template, _extends({}, templateProps, {
         templateKey: "empty",
         rootProps: {
           className: classnames(cssClasses.root, cssClasses.emptyRoot)
@@ -17714,9 +17779,9 @@
       }));
     }
 
-    return h("div", {
+    return v("div", {
       className: cssClasses.root
-    }, hasShowPrevious && h(Template, _extends({}, templateProps, {
+    }, hasShowPrevious && v(Template, _extends({}, templateProps, {
       templateKey: "showPreviousText",
       rootTagName: "button",
       rootProps: {
@@ -17724,10 +17789,10 @@
         disabled: isFirstPage,
         onClick: showPrevious
       }
-    })), h("ol", {
+    })), v("ol", {
       className: cssClasses.list
     }, hits.map(function (hit, position) {
-      return h(Template, _extends({}, templateProps, {
+      return v(Template, _extends({}, templateProps, {
         templateKey: "item",
         rootTagName: "li",
         rootProps: {
@@ -17739,7 +17804,7 @@
         }),
         bindEvent: bindEvent
       }));
-    })), h(Template, _extends({}, templateProps, {
+    })), v(Template, _extends({}, templateProps, {
       templateKey: "showMoreText",
       rootTagName: "button",
       rootProps: {
@@ -17791,7 +17856,7 @@
         return;
       }
 
-      I(h(InfiniteHitsWithInsightsListener, {
+      S(v(InfiniteHitsWithInsightsListener, {
         cssClasses: cssClasses,
         hits: hits,
         results: results,
@@ -17861,7 +17926,7 @@
       renderState: {}
     });
     var makeWidget = withInsights(connectInfiniteHits)(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       escapeHTML: escapeHTML,
@@ -17912,7 +17977,7 @@
           url: createURL(facetValue.value)
         });
       });
-      I(h(RefinementList$1, {
+      S(v(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: facetValues,
@@ -17985,7 +18050,7 @@
       showMore: showMore
     });
     var makeWidget = connectMenu(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -18012,15 +18077,15 @@
     },
         selectedValue = _ref2.value;
 
-    return h("div", {
+    return v("div", {
       className: classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinementRoot, items.length === 0))
-    }, h("select", {
+    }, v("select", {
       className: cssClasses.select,
       value: selectedValue,
       onChange: function onChange(event) {
         refine(event.target.value);
       }
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: "defaultOption",
       rootTagName: "option",
       rootProps: {
@@ -18028,7 +18093,7 @@
         className: cssClasses.option
       }
     })), items.map(function (item) {
-      return h(Template, _extends({}, templateProps, {
+      return v(Template, _extends({}, templateProps, {
         templateKey: "item",
         rootTagName: "option",
         rootProps: {
@@ -18070,7 +18135,7 @@
         return;
       }
 
-      I(h(MenuSelect, {
+      S(v(MenuSelect, {
         cssClasses: cssClasses,
         items: items,
         refine: refine,
@@ -18117,7 +18182,7 @@
       templates: templates
     });
     var makeWidget = connectMenu(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -18159,7 +18224,7 @@
         return;
       }
 
-      I(h(RefinementList$1, {
+      S(v(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: items,
@@ -18219,7 +18284,7 @@
       templates: templates
     });
     var makeWidget = connectNumericMenu(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -18232,32 +18297,41 @@
 
   /** @jsx h */
 
-  var PaginationLink = function PaginationLink(_ref) {
-    var cssClasses = _ref.cssClasses,
-        label = _ref.label,
+  function PaginationLink(_ref) {
+    var label = _ref.label,
         ariaLabel = _ref.ariaLabel,
-        url = _ref.url,
-        isDisabled = _ref.isDisabled,
-        handleClick = _ref.handleClick,
-        pageNumber = _ref.pageNumber;
+        pageNumber = _ref.pageNumber,
+        _ref$additionalClassN = _ref.additionalClassName,
+        additionalClassName = _ref$additionalClassN === void 0 ? null : _ref$additionalClassN,
+        _ref$isDisabled = _ref.isDisabled,
+        isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+        _ref$isSelected = _ref.isSelected,
+        isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+        cssClasses = _ref.cssClasses,
+        createURL = _ref.createURL,
+        handleClick = _ref.handleClick;
+    var classes = {
+      item: classnames(cssClasses.item, additionalClassName, isDisabled && cssClasses.disabledItem, isSelected && cssClasses.selectedItem),
+      link: cssClasses.link
+    };
 
     if (isDisabled) {
-      return h("li", {
-        className: cssClasses.item
-      }, h("span", {
-        className: cssClasses.link,
+      return v("li", {
+        className: classes.item
+      }, v("span", {
+        className: classes.link,
         dangerouslySetInnerHTML: {
           __html: label
         }
       }));
     }
 
-    return h("li", {
-      className: cssClasses.item
-    }, h("a", {
-      className: cssClasses.link,
+    return v("li", {
+      className: classes.item
+    }, v("a", {
+      className: classes.link,
       "aria-label": ariaLabel,
-      href: url,
+      href: createURL(pageNumber),
       onClick: function onClick(event) {
         return handleClick(pageNumber, event);
       },
@@ -18265,7 +18339,7 @@
         __html: label
       }
     }));
-  };
+  }
 
   var defaultProps$3 = {
     currentPage: 0,
@@ -18273,145 +18347,78 @@
     pages: []
   };
 
-  var Pagination = /*#__PURE__*/function (_Component) {
-    _inherits(Pagination, _Component);
-
-    var _super = _createSuper(Pagination);
-
-    function Pagination() {
-      var _this;
-
-      _classCallCheck(this, Pagination);
-
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
+  function Pagination(props) {
+    var handleClick = function handleClick(pageNumber, event) {
+      if (isSpecialClick(event)) {
+        // do not alter the default browser behavior
+        // if one special key is down
+        return;
       }
 
-      _this = _super.call.apply(_super, [this].concat(args));
-
-      _defineProperty(_assertThisInitialized(_this), "handleClick", function (pageNumber, event) {
-        if (isSpecialClick(event)) {
-          // do not alter the default browser behavior
-          // if one special key is down
-          return;
-        }
-
-        event.preventDefault();
-
-        _this.props.setCurrentPage(pageNumber);
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "previousPageLink", function () {
-        return _this.pageLink({
-          ariaLabel: 'Previous',
-          additionalClassName: _this.props.cssClasses.previousPageItem,
-          isDisabled: _this.props.isFirstPage,
-          label: _this.props.templates.previous,
-          pageNumber: _this.props.currentPage - 1,
-          createURL: _this.props.createURL
-        });
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "nextPageLink", function () {
-        return _this.pageLink({
-          ariaLabel: 'Next',
-          additionalClassName: _this.props.cssClasses.nextPageItem,
-          isDisabled: _this.props.isLastPage,
-          label: _this.props.templates.next,
-          pageNumber: _this.props.currentPage + 1,
-          createURL: _this.props.createURL
-        });
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "firstPageLink", function () {
-        return _this.pageLink({
-          ariaLabel: 'First',
-          additionalClassName: _this.props.cssClasses.firstPageItem,
-          isDisabled: _this.props.isFirstPage,
-          label: _this.props.templates.first,
-          pageNumber: 0,
-          createURL: _this.props.createURL
-        });
-      });
-
-      _defineProperty(_assertThisInitialized(_this), "lastPageLink", function () {
-        return _this.pageLink({
-          ariaLabel: 'Last',
-          additionalClassName: _this.props.cssClasses.lastPageItem,
-          isDisabled: _this.props.isLastPage,
-          label: _this.props.templates.last,
-          pageNumber: _this.props.nbPages - 1,
-          createURL: _this.props.createURL
-        });
-      });
+      event.preventDefault();
+      props.setCurrentPage(pageNumber);
+    };
 
-      _defineProperty(_assertThisInitialized(_this), "pages", function () {
-        return _this.props.pages.map(function (pageNumber) {
-          return _this.pageLink({
-            ariaLabel: "".concat(pageNumber + 1),
-            additionalClassName: _this.props.cssClasses.pageItem,
-            isSelected: pageNumber === _this.props.currentPage,
-            label: "".concat(pageNumber + 1),
-            pageNumber: pageNumber,
-            createURL: _this.props.createURL
-          });
-        });
+    return v("div", {
+      className: classnames(props.cssClasses.root, _defineProperty({}, props.cssClasses.noRefinementRoot, props.nbPages <= 1))
+    }, v("ul", {
+      className: props.cssClasses.list
+    }, props.showFirst && v(PaginationLink, {
+      key: "first",
+      ariaLabel: 'First',
+      additionalClassName: props.cssClasses.firstPageItem,
+      isDisabled: props.isFirstPage,
+      label: props.templates.first,
+      pageNumber: 0,
+      createURL: props.createURL,
+      cssClasses: props.cssClasses,
+      handleClick: handleClick
+    }), props.showPrevious && v(PaginationLink, {
+      key: "previous",
+      ariaLabel: 'Previous',
+      additionalClassName: props.cssClasses.previousPageItem,
+      isDisabled: props.isFirstPage,
+      label: props.templates.previous,
+      pageNumber: props.currentPage - 1,
+      createURL: props.createURL,
+      cssClasses: props.cssClasses,
+      handleClick: handleClick
+    }), props.pages.map(function (pageNumber) {
+      return v(PaginationLink, {
+        key: pageNumber,
+        ariaLabel: "".concat(pageNumber + 1),
+        additionalClassName: props.cssClasses.pageItem,
+        isSelected: pageNumber === props.currentPage,
+        label: "".concat(pageNumber + 1),
+        pageNumber: pageNumber,
+        createURL: props.createURL,
+        cssClasses: props.cssClasses,
+        handleClick: handleClick
       });
+    }), props.showNext && v(PaginationLink, {
+      key: "next",
+      ariaLabel: 'Next',
+      additionalClassName: props.cssClasses.nextPageItem,
+      isDisabled: props.isLastPage,
+      label: props.templates.next,
+      pageNumber: props.currentPage + 1,
+      createURL: props.createURL,
+      cssClasses: props.cssClasses,
+      handleClick: handleClick
+    }), props.showLast && v(PaginationLink, {
+      key: "last",
+      ariaLabel: 'Last',
+      additionalClassName: props.cssClasses.lastPageItem,
+      isDisabled: props.isLastPage,
+      label: props.templates.last,
+      pageNumber: props.nbPages - 1,
+      createURL: props.createURL,
+      cssClasses: props.cssClasses,
+      handleClick: handleClick
+    })));
+  }
 
-      return _this;
-    }
-
-    _createClass(Pagination, [{
-      key: "pageLink",
-      value: function pageLink(_ref) {
-        var label = _ref.label,
-            ariaLabel = _ref.ariaLabel,
-            pageNumber = _ref.pageNumber,
-            _ref$additionalClassN = _ref.additionalClassName,
-            additionalClassName = _ref$additionalClassN === void 0 ? null : _ref$additionalClassN,
-            _ref$isDisabled = _ref.isDisabled,
-            isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-            _ref$isSelected = _ref.isSelected,
-            isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
-            createURL = _ref.createURL;
-        var cssClasses = {
-          item: classnames(this.props.cssClasses.item, additionalClassName),
-          link: this.props.cssClasses.link
-        };
-
-        if (isDisabled) {
-          cssClasses.item = classnames(cssClasses.item, this.props.cssClasses.disabledItem);
-        } else if (isSelected) {
-          cssClasses.item = classnames(cssClasses.item, this.props.cssClasses.selectedItem);
-        }
-
-        var url = !isDisabled ? createURL(pageNumber) : '#';
-        return h(PaginationLink, {
-          ariaLabel: ariaLabel,
-          cssClasses: cssClasses,
-          handleClick: this.handleClick,
-          isDisabled: isDisabled,
-          key: label + pageNumber + ariaLabel,
-          label: label,
-          pageNumber: pageNumber,
-          url: url
-        });
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        return h("div", {
-          className: classnames(this.props.cssClasses.root, _defineProperty({}, this.props.cssClasses.noRefinementRoot, this.props.nbPages <= 1))
-        }, h("ul", {
-          className: this.props.cssClasses.list
-        }, this.props.showFirst && this.firstPageLink(), this.props.showPrevious && this.previousPageLink(), this.pages(), this.props.showNext && this.nextPageLink(), this.props.showLast && this.lastPageLink()));
-      }
-    }]);
-
-    return Pagination;
-  }(m);
-
-  _defineProperty(Pagination, "defaultProps", defaultProps$3);
+  Pagination.defaultProps = defaultProps$3;
 
   var suit$h = component('Pagination');
   var withUsage$G = createDocumentationMessageGenerator({
@@ -18451,7 +18458,7 @@
         }
       };
 
-      I(h(Pagination, {
+      S(v(Pagination, {
         createURL: createURL,
         cssClasses: cssClasses,
         currentPage: currentRefinement,
@@ -18553,7 +18560,7 @@
       scrollToNode: scrollToNode
     });
     var makeWidget = connectPagination(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       totalPages: totalPages,
@@ -18563,23 +18570,23 @@
     });
   };
 
-  var t$1,r$1,u$1=[],i$1=n.__r;n.__r=function(n){i$1&&i$1(n),t$1=0,(r$1=n.__c).__H&&(r$1.__H.t=A$1(r$1.__H.t));};var f$1=n.diffed;n.diffed=function(n){f$1&&f$1(n);var t=n.__c;if(t){var r=t.__H;r&&(r.u=(r.u.some(function(n){n.ref&&(n.ref.current=n.createHandle());}),[]),r.i=A$1(r.i));}};var o$1=n.unmount;function e$1(t){n.__h&&n.__h(r$1);var u=r$1.__H||(r$1.__H={o:[],t:[],i:[],u:[]});return t>=u.o.length&&u.o.push({}),u.o[t]}function c$1(n){return a$1(q,n)}function a$1(n,u,i){var f=e$1(t$1++);return f.__c||(f.__c=r$1,f.v=[i?i(u):q(void 0,u),function(t){var r=n(f.v[0],t);f.v[0]!==r&&(f.v[0]=r,f.__c.setState({}));}]),f.v}function v$1(n,u){var i=e$1(t$1++);h$1(i.m,u)&&(i.v=n,i.m=u,r$1.__H.t.push(i),T$1(r$1));}function d$1(n){return l(function(){return {current:n}},[])}function l(n,r){var u=e$1(t$1++);return h$1(u.m,r)?(u.m=r,u.p=n,u.v=n()):u.v}n.unmount=function(n){o$1&&o$1(n);var t=n.__c;if(t){var r=t.__H;r&&r.o.forEach(function(n){return n.l&&n.l()});}};var T$1=function(){};function g$1(){u$1.some(function(n){n.s=!1,n.__P&&(n.__H.t=A$1(n.__H.t));}),u$1=[];}if("undefined"!=typeof window){var w$1=n.requestAnimationFrame;T$1=function(t){(!t.s&&(t.s=!0)&&1===u$1.push(t)||w$1!==n.requestAnimationFrame)&&(w$1=n.requestAnimationFrame,(n.requestAnimationFrame||function(n){var t=function(){clearTimeout(r),cancelAnimationFrame(u),setTimeout(n);},r=setTimeout(t,100),u=requestAnimationFrame(t);})(g$1));};}function A$1(n){return n.forEach(E),n.forEach(F),[]}function E(n){n.l&&n.l();}function F(n){var t=n.v();"function"==typeof t&&(n.l=t);}function h$1(n,t){return !n||t.some(function(t,r){return t!==n[r]})}function q(n,t){return "function"==typeof t?t(n):t}
+  var t$1,u$1,r$1,o$1=0,i=[],c$1=l.__b,f$1=l.__r,e$1=l.diffed,a$1=l.__c,v$1=l.unmount;function m$1(t,r){l.__h&&l.__h(u$1,t,o$1||r),o$1=0;var i=u$1.__H||(u$1.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function l$1(n){return o$1=1,p$1(w$1,n)}function p$1(n,r,o){var i=m$1(t$1++,2);return i.t=n,i.__c||(i.__=[o?o(r):w$1(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}));}],i.__c=u$1),i.__}function y$1(r,o){var i=m$1(t$1++,3);!l.__s&&k$1(i.__H,o)&&(i.__=r,i.__H=o,u$1.__H.__h.push(i));}function s$1(n){return o$1=5,d$1(function(){return {current:n}},[])}function d$1(n,u){var r=m$1(t$1++,7);return k$1(r.__H,u)&&(r.__=n(),r.__H=u,r.__h=n),r.__}function x$1(){var t;for(i.sort(function(n,t){return n.__v.__b-t.__v.__b});t=i.pop();)if(t.__P)try{t.__H.__h.forEach(g$1),t.__H.__h.forEach(j$1),t.__H.__h=[];}catch(u){t.__H.__h=[],l.__e(u,t.__v);}}l.__b=function(n){u$1=null,c$1&&c$1(n);},l.__r=function(n){f$1&&f$1(n),t$1=0;var r=(u$1=n.__c).__H;r&&(r.__h.forEach(g$1),r.__h.forEach(j$1),r.__h=[]);},l.diffed=function(t){e$1&&e$1(t);var o=t.__c;o&&o.__H&&o.__H.__h.length&&(1!==i.push(o)&&r$1===l.requestAnimationFrame||((r$1=l.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),b$1&&cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);b$1&&(t=requestAnimationFrame(u));})(x$1)),u$1=null;},l.__c=function(t,u){u.some(function(t){try{t.__h.forEach(g$1),t.__h=t.__h.filter(function(n){return !n.__||j$1(n)});}catch(r){u.some(function(n){n.__h&&(n.__h=[]);}),u=[],l.__e(r,t.__v);}}),a$1&&a$1(t,u);},l.unmount=function(t){v$1&&v$1(t);var u,r=t.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{g$1(n);}catch(n){u=n;}}),u&&l.__e(u,r.__v));};var b$1="function"==typeof requestAnimationFrame;function g$1(n){var t=u$1,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u$1=t;}function j$1(n){var t=u$1;n.__c=n.__(),u$1=t;}function k$1(n,t){return !n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function w$1(n,t){return "function"==typeof t?t(n):t}
 
   function Panel(props) {
     var _cx;
 
-    var _useState = c$1(props.isCollapsed),
+    var _useState = l$1(props.isCollapsed),
         _useState2 = _slicedToArray(_useState, 2),
         isCollapsed = _useState2[0],
         setIsCollapsed = _useState2[1];
 
-    var _useState3 = c$1(false),
+    var _useState3 = l$1(false),
         _useState4 = _slicedToArray(_useState3, 2),
         isControlled = _useState4[0],
         setIsControlled = _useState4[1];
 
-    var bodyRef = d$1(null);
-    v$1(function () {
+    var bodyRef = s$1(null);
+    y$1(function () {
       var node = bodyRef.current;
 
       if (!node) {
@@ -18596,17 +18603,17 @@
       setIsCollapsed(props.isCollapsed);
     }
 
-    return h("div", {
+    return v("div", {
       className: classnames(props.cssClasses.root, (_cx = {}, _defineProperty(_cx, props.cssClasses.noRefinementRoot, props.hidden), _defineProperty(_cx, props.cssClasses.collapsibleRoot, props.collapsible), _defineProperty(_cx, props.cssClasses.collapsedRoot, isCollapsed), _cx)),
       hidden: props.hidden
-    }, props.templates.header && h("div", {
+    }, props.templates.header && v("div", {
       className: props.cssClasses.header
-    }, h(Template, {
+    }, v(Template, {
       templates: props.templates,
       templateKey: "header",
       rootTagName: "span",
       data: props.data
-    }), props.collapsible && h("button", {
+    }), props.collapsible && v("button", {
       className: props.cssClasses.collapseButton,
       "aria-expanded": !isCollapsed,
       onClick: function onClick(event) {
@@ -18616,17 +18623,17 @@
           return !prevIsCollapsed;
         });
       }
-    }, h(Template, {
+    }, v(Template, {
       templates: props.templates,
       templateKey: "collapseButtonText",
       rootTagName: "span",
       data: {
         collapsed: isCollapsed
       }
-    }))), h("div", {
+    }))), v("div", {
       className: props.cssClasses.body,
       ref: bodyRef
-    }), props.templates.footer && h(Template, {
+    }), props.templates.footer && v(Template, {
       templates: props.templates,
       templateKey: "footer",
       rootProps: {
@@ -18651,7 +18658,7 @@
           hidden = _ref2.hidden,
           collapsible = _ref2.collapsible,
           collapsed = _ref2.collapsed;
-      I(h(Panel, {
+      S(v(Panel, {
         cssClasses: cssClasses,
         hidden: hidden,
         collapsible: collapsible,
@@ -18787,7 +18794,7 @@
             }
           },
           dispose: function dispose() {
-            I(null, containerNode);
+            S(null, containerNode);
 
             if (typeof widget.dispose === 'function') {
               var _widget$dispose;
@@ -18911,12 +18918,12 @@
 
   /** @jsx h */
 
-  var _ref2 = h("path", {
+  var _ref2 = v("path", {
     fill: "#5468FF",
     d: "M78.99.94h16.6a2.97 2.97 0 012.96 2.96v16.6a2.97 2.97 0 01-2.97 2.96h-16.6a2.97 2.97 0 01-2.96-2.96V3.9A2.96 2.96 0 0179 .94"
   });
 
-  var _ref3 = h("path", {
+  var _ref3 = v("path", {
     fill: "#FFF",
     d: "M89.63 5.97v-.78a.98.98 0 00-.98-.97h-2.28a.98.98 0 00-.97.97V6c0 .09.08.15.17.13a7.13 7.13 0 013.9-.02c.08.02.16-.04.16-.13m-6.25 1L83 6.6a.98.98 0 00-1.38 0l-.46.46a.97.97 0 000 1.38l.38.39c.06.06.15.04.2-.02a7.49 7.49 0 011.63-1.62c.07-.04.08-.14.02-.2m4.16 2.45v3.34c0 .1.1.17.2.12l2.97-1.54c.06-.03.08-.12.05-.18a3.7 3.7 0 00-3.08-1.87c-.07 0-.14.06-.14.13m0 8.05a4.49 4.49 0 110-8.98 4.49 4.49 0 010 8.98m0-10.85a6.37 6.37 0 100 12.74 6.37 6.37 0 000-12.74"
   });
@@ -18925,15 +18932,15 @@
     var url = _ref.url,
         theme = _ref.theme,
         cssClasses = _ref.cssClasses;
-    return h("div", {
+    return v("div", {
       className: cssClasses.root
-    }, h("a", {
+    }, v("a", {
       href: url,
       target: "_blank",
       className: cssClasses.link,
       "aria-label": "Search by Algolia",
       rel: "noopener noreferrer"
-    }, h("svg", {
+    }, v("svg", {
       height: "1.2em",
       className: cssClasses.logo,
       viewBox: "0 0 168 24" // This style is necessary as long as it's not included in InstantSearch.css.
@@ -18942,10 +18949,10 @@
       style: {
         width: 'auto'
       }
-    }, h("path", {
+    }, v("path", {
       fill: theme === 'dark' ? '#FFF' : '#5D6494',
       d: "M6.97 6.68V8.3a4.47 4.47 0 00-2.42-.67 2.2 2.2 0 00-1.38.4c-.34.26-.5.6-.5 1.02 0 .43.16.77.49 1.03.33.25.83.53 1.51.83a7.04 7.04 0 011.9 1.08c.34.24.58.54.73.89.15.34.23.74.23 1.18 0 .95-.33 1.7-1 2.24a4 4 0 01-2.6.81 5.71 5.71 0 01-2.94-.68v-1.71c.84.63 1.81.94 2.92.94.58 0 1.05-.14 1.39-.4.34-.28.5-.65.5-1.13 0-.29-.1-.55-.3-.8a2.2 2.2 0 00-.65-.53 23.03 23.03 0 00-1.64-.78 13.67 13.67 0 01-1.11-.64c-.12-.1-.28-.22-.46-.4a1.72 1.72 0 01-.39-.5 4.46 4.46 0 01-.22-.6c-.07-.23-.1-.48-.1-.75 0-.91.33-1.63 1-2.17a4 4 0 012.57-.8c.97 0 1.8.18 2.47.52zm7.47 5.7v-.3a2.26 2.26 0 00-.5-1.44c-.3-.35-.74-.53-1.32-.53-.53 0-.99.2-1.37.58a2.9 2.9 0 00-.72 1.68h3.91zm1 2.79v1.4c-.6.34-1.38.51-2.36.51a4.02 4.02 0 01-3-1.13 4.04 4.04 0 01-1.11-2.97c0-1.3.34-2.32 1.02-3.06a3.38 3.38 0 012.6-1.1c1.03 0 1.85.32 2.46.96.6.64.9 1.57.9 2.78 0 .33-.03.68-.09 1.04h-5.31c.1.7.4 1.24.89 1.61.49.38 1.1.56 1.85.56.86 0 1.58-.2 2.15-.6zm6.61-1.78h-1.21c-.6 0-1.05.12-1.35.36-.3.23-.46.53-.46.89 0 .37.12.66.36.88.23.2.57.32 1.02.32.5 0 .9-.15 1.2-.43.3-.28.44-.65.44-1.1v-.92zm-4.07-2.55V9.33a4.96 4.96 0 012.5-.55c2.1 0 3.17 1.03 3.17 3.08V17H22.1v-.96c-.42.68-1.15 1.02-2.19 1.02-.76 0-1.38-.22-1.84-.66-.46-.44-.7-1-.7-1.68 0-.78.3-1.38.88-1.81.59-.43 1.4-.65 2.46-.65h1.34v-.46c0-.55-.13-.97-.4-1.25-.26-.29-.7-.43-1.32-.43-.86 0-1.65.24-2.35.72zm9.34-1.93v1.42c.39-1 1.1-1.5 2.12-1.5.15 0 .31.02.5.05v1.53c-.23-.1-.48-.14-.76-.14-.54 0-.99.24-1.34.71a2.8 2.8 0 00-.52 1.71V17h-1.57V8.91h1.57zm5 4.09a3 3 0 00.76 2.01c.47.53 1.14.8 2 .8.64 0 1.24-.18 1.8-.53v1.4c-.53.32-1.2.48-2 .48a3.98 3.98 0 01-4.17-4.18c0-1.16.38-2.15 1.14-2.98a4 4 0 013.1-1.23c.7 0 1.34.15 1.92.44v1.44a3.24 3.24 0 00-1.77-.5A2.65 2.65 0 0032.33 13zm7.92-7.28v4.58c.46-1 1.3-1.5 2.5-1.5.8 0 1.42.24 1.9.73.48.5.72 1.17.72 2.05V17H43.8v-5.1c0-.56-.14-.99-.43-1.29-.28-.3-.65-.45-1.1-.45-.54 0-1 .2-1.42.6-.4.4-.61 1.02-.61 1.85V17h-1.56V5.72h1.56zM55.2 15.74c.6 0 1.1-.25 1.5-.76.4-.5.6-1.16.6-1.95 0-.92-.2-1.62-.6-2.12-.4-.5-.92-.74-1.55-.74-.56 0-1.05.22-1.5.67-.44.45-.66 1.13-.66 2.06 0 .96.22 1.67.64 2.14.43.47.95.7 1.57.7zM53 5.72v4.42a2.74 2.74 0 012.43-1.34c1.03 0 1.86.38 2.51 1.15.65.76.97 1.78.97 3.05 0 1.13-.3 2.1-.92 2.9-.62.81-1.47 1.21-2.54 1.21s-1.9-.45-2.46-1.34V17h-1.58V5.72H53zm9.9 11.1l-3.22-7.9h1.74l1 2.62 1.26 3.42c.1-.32.48-1.46 1.15-3.42l.91-2.63h1.66l-2.92 7.87c-.78 2.07-1.96 3.1-3.56 3.1-.28 0-.53-.02-.73-.07v-1.34c.17.04.35.06.54.06 1.03 0 1.76-.57 2.17-1.7z"
-    }), _ref2, _ref3, h("path", {
+    }), _ref2, _ref3, v("path", {
       fill: theme === 'dark' ? '#FFF' : '#5468FF',
       d: "M120.92 18.8c-4.38.02-4.38-3.54-4.38-4.1V1.36l2.67-.42v13.25c0 .32 0 2.36 1.71 2.37v2.24zm-10.84-2.18c.82 0 1.43-.04 1.85-.12v-2.72a5.48 5.48 0 00-1.57-.2c-.3 0-.6.02-.9.07-.3.04-.57.12-.81.24-.24.11-.44.28-.58.49a.93.93 0 00-.22.65c0 .63.22 1 .61 1.23.4.24.94.36 1.62.36zm-.23-9.7c.88 0 1.62.11 2.23.33.6.22 1.09.53 1.44.92.36.4.61.92.76 1.48.16.56.23 1.17.23 1.85v6.87a21.69 21.69 0 01-4.68.5c-.69 0-1.32-.07-1.9-.2a4 4 0 01-1.46-.63 3.3 3.3 0 01-.96-1.13 4.3 4.3 0 01-.34-1.8 3.13 3.13 0 011.43-2.63c.45-.3.95-.5 1.54-.62a8.8 8.8 0 013.79.05v-.44c0-.3-.04-.6-.11-.87a1.78 1.78 0 00-1.1-1.22 3.2 3.2 0 00-1.15-.2 9.75 9.75 0 00-2.95.46l-.33-2.19a11.43 11.43 0 013.56-.53zm52.84 9.63c.82 0 1.43-.05 1.85-.13V13.7a5.42 5.42 0 00-1.57-.2c-.3 0-.6.02-.9.07-.3.04-.57.12-.81.24-.24.12-.44.28-.58.5a.93.93 0 00-.22.65c0 .63.22.99.61 1.23.4.24.94.36 1.62.36zm-.23-9.7c.88 0 1.63.11 2.23.33.6.22 1.1.53 1.45.92.35.39.6.92.76 1.48.15.56.23 1.18.23 1.85v6.88c-.41.08-1.03.19-1.87.31-.83.12-1.77.18-2.81.18-.7 0-1.33-.06-1.9-.2a4 4 0 01-1.47-.63c-.4-.3-.72-.67-.95-1.13a4.3 4.3 0 01-.34-1.8c0-.66.13-1.08.38-1.53.26-.45.61-.82 1.05-1.1.44-.3.95-.5 1.53-.62a8.8 8.8 0 013.8.05v-.43c0-.31-.04-.6-.12-.88-.07-.28-.2-.52-.38-.73a1.78 1.78 0 00-.73-.5c-.3-.1-.68-.2-1.14-.2a9.85 9.85 0 00-2.95.47l-.32-2.19a11.63 11.63 0 013.55-.53zm-8.03-1.27a1.62 1.62 0 000-3.24 1.62 1.62 0 100 3.24zm1.35 13.22h-2.7V7.27l2.7-.42V18.8zm-4.72 0c-4.38.02-4.38-3.54-4.38-4.1l-.01-13.34 2.67-.42v13.25c0 .32 0 2.36 1.72 2.37v2.24zm-8.7-5.9a4.7 4.7 0 00-.74-2.79 2.4 2.4 0 00-2.07-1 2.4 2.4 0 00-2.06 1 4.7 4.7 0 00-.74 2.8c0 1.16.25 1.94.74 2.62a2.4 2.4 0 002.07 1.02c.88 0 1.57-.34 2.07-1.02a4.2 4.2 0 00.73-2.63zm2.74 0a6.46 6.46 0 01-1.52 4.23c-.49.53-1.07.94-1.76 1.22-.68.29-1.73.45-2.26.45a6.6 6.6 0 01-2.25-.45 5.1 5.1 0 01-2.88-3.13 7.3 7.3 0 01-.01-4.84 5.13 5.13 0 012.9-3.1 5.67 5.67 0 012.22-.42c.81 0 1.56.14 2.24.42.69.29 1.28.69 1.75 1.22.49.52.87 1.15 1.14 1.89a7 7 0 01.43 2.5zm-20.14 0c0 1.11.25 2.36.74 2.88.5.52 1.13.78 1.91.78a4.07 4.07 0 002.12-.6V9.33c-.19-.04-.99-.2-1.76-.23a2.67 2.67 0 00-2.23 1 4.73 4.73 0 00-.78 2.8zm7.44 5.27c0 1.82-.46 3.16-1.4 4-.94.85-2.37 1.27-4.3 1.27-.7 0-2.17-.13-3.34-.4l.43-2.11c.98.2 2.27.26 2.95.26 1.08 0 1.84-.22 2.3-.66.46-.43.68-1.08.68-1.94v-.44a5.2 5.2 0 01-2.54.6 5.6 5.6 0 01-2.01-.36 4.2 4.2 0 01-2.58-2.71 9.88 9.88 0 01.02-5.35 4.92 4.92 0 012.93-2.96 6.6 6.6 0 012.43-.46 19.64 19.64 0 014.43.66v10.6z"
     }))));
@@ -18966,7 +18973,7 @@
       if (isFirstRendering) {
         var _widgetParams$theme = widgetParams.theme,
             theme = _widgetParams$theme === void 0 ? 'light' : _widgetParams$theme;
-        I(h(PoweredBy, {
+        S(v(PoweredBy, {
           cssClasses: cssClasses,
           url: url,
           theme: theme
@@ -19005,7 +19012,7 @@
       cssClasses: cssClasses
     });
     var makeWidget = connectPoweredBy(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       theme: theme
@@ -19036,7 +19043,7 @@
     var cssClasses = _ref.cssClasses,
         templates = _ref.templates,
         items = _ref.items;
-    return h(Template, {
+    return v(Template, {
       templateKey: "default",
       templates: templates,
       rootProps: {
@@ -19065,7 +19072,7 @@
         templates = _ref2.templates;
     return function (_ref3) {
       var items = _ref3.items;
-      I(h(QueryRuleCustomData, {
+      S(v(QueryRuleCustomData, {
         cssClasses: cssClasses,
         templates: templates,
         items: items
@@ -19103,7 +19110,7 @@
       templates: templates
     });
     var makeWidget = connectQueryRules(specializedRenderer, function () {
-      I(null, containerNode);
+      S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       transformItems: transformItems
@@ -19174,14 +19181,14 @@
         var isDisabled = min && max ? min >= max : false;
         var hasRefinements = Boolean(minValue || maxValue);
         var rootClassNames = classnames(cssClasses.root, _defineProperty({}, cssClasses.noRefinement, !hasRefinements));
-        return h("div", {
+        return v("div", {
           className: rootClassNames
-        }, h("form", {
+        }, v("form", {
           className: cssClasses.form,
           onSubmit: this.onSubmit
-        }, h("label", {
+        }, v("label", {
           className: cssClasses.label
-        }, h("input", {
+        }, v("input", {
           className: classnames(cssClasses.input, cssClasses.inputMin),
           type: "number",
           min: min,
@@ -19191,15 +19198,15 @@
           onInput: this.onInput('min'),
           placeholder: min === null || min === void 0 ? void 0 : min.toString(),
           disabled: isDisabled
-        })), h(Template, _extends({}, templateProps, {
+        })), v(Template, _extends({}, templateProps, {
           templateKey: "separatorText",
           rootTagName: "span",
           rootProps: {
             className: cssClasses.separator
           }
-        })), h("label", {
+        })), v("label", {
           className: cssClasses.label
-        }, h("input", {
+        }, v("input", {
           className: classnames(cssClasses.input, cssClasses.inputMax),
           type: "number",
           min: min,
@@ -19209,7 +19216,7 @@
           onInput: this.onInput('max'),
           placeholder: max === null || max === void 0 ? void 0 : max.toString(),
           disabled: isDisabled
-        })), h(Template, _extends({}, templateProps, {
+        })), v(Template, _extends({}, templateProps, {
           templateKey: "submitText",
           rootTagName: "button",
           rootProps: {
@@ -19222,7 +19229,7 @@
     }]);
 
     return RangeInput;
-  }(m);
+  }(_);
 
   var withUsage$L = createDocumentationMessageGenerator({
     name: 'range-input'
@@ -19266,7 +19273,7 @@
         min: minValue !== -Infinity && minValue !== rangeMin ? minValue : undefined,
         max: maxValue !== Infinity && maxValue !== rangeMax ? maxValue : undefined
       };
-      I(h(RangeInput, {
+      S(v(RangeInput, {
         min: rangeMin,
         max: rangeMax,
         step: step,
@@ -19332,7 +19339,7 @@
       renderState: {}
     });
     var makeWidget = connectRange(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -19390,14 +19397,14 @@
   }
 
   function Button(props) {
-    return h("button", _extends({}, props, {
+    return v("button", _extends({}, props, {
       type: "button"
     }));
   } // Preact doesn't have builtin types for Style, JSX.HTMLAttributes['style'] is just object
   // maybe migrate to csstype later?
 
 
-  var _ref6 = h("div", {
+  var _ref6 = v("div", {
     className: "rheostat-background"
   });
 
@@ -19931,7 +19938,7 @@
             className = _this$state6.className,
             handlePos = _this$state6.handlePos,
             values = _this$state6.values;
-        return h("div", {
+        return v("div", {
           className: className,
           ref: this.rheostat,
           onClick: disabled ? undefined : this.handleClick,
@@ -19946,7 +19953,7 @@
             left: "".concat(pos, "%"),
             position: 'absolute'
           };
-          return h(Handle, {
+          return v(Handle, {
             "aria-valuemax": _this7.getMaxValue(idx),
             "aria-valuemin": _this7.getMinValue(idx),
             "aria-valuenow": values[idx],
@@ -19967,7 +19974,7 @@
             return null;
           }
 
-          return h(ProgressBar, {
+          return v(ProgressBar, {
             className: "rheostat-progress",
             key: "progress-bar-".concat(idx),
             style: _this7.getProgressStyle(idx)
@@ -19981,7 +19988,7 @@
             left: "".concat(pos, "%"),
             position: 'absolute'
           };
-          return h(PitComponent, {
+          return v(PitComponent, {
             key: "pit-".concat(n),
             style: pitStyle
           }, n);
@@ -19990,7 +19997,7 @@
     }]);
 
     return Rheostat;
-  }(m);
+  }(_);
 
   _defineProperty(Rheostat, "defaultProps", {
     className: '',
@@ -20023,14 +20030,14 @@
     var shouldDisplayValue = [0, 50, 100].includes(positionValue);
     var value = children;
     var pitValue = Math.round(parseInt(value, 10) * 100) / 100;
-    return h("div", {
+    return v("div", {
       style: _objectSpread2(_objectSpread2({}, style), {}, {
         marginLeft: positionValue === 100 ? '-2px' : 0
       }),
       className: classnames('rheostat-marker', 'rheostat-marker-horizontal', {
         'rheostat-marker-large': shouldDisplayValue
       })
-    }, shouldDisplayValue && h("div", {
+    }, shouldDisplayValue && v("div", {
       className: 'rheostat-value'
     }, pitValue));
   };
@@ -20070,9 +20077,9 @@
             'rheostat-handle-lower': props['data-handle-key'] === 0,
             'rheostat-handle-upper': props['data-handle-key'] === 1
           });
-          return h("div", _extends({}, props, {
+          return v("div", _extends({}, props, {
             className: className
-          }), tooltips && h("div", {
+          }), tooltips && v("div", {
             className: "rheostat-tooltip"
           }, value));
         };
@@ -20142,9 +20149,9 @@
           min: min,
           max: max
         });
-        return h("div", {
+        return v("div", {
           className: classnames(cssClasses.root, _defineProperty({}, cssClasses.disabledRoot, this.isDisabled))
-        }, h(Rheostat, {
+        }, v(Rheostat, {
           handle: this.createHandleComponent(tooltips),
           onChange: this.handleChange,
           min: min,
@@ -20160,7 +20167,7 @@
     }]);
 
     return Slider;
-  }(m);
+  }(_);
 
   var withUsage$M = createDocumentationMessageGenerator({
     name: 'range-slider'
@@ -20196,7 +20203,7 @@
       // backward compatible so we still need to pass [-Infinity, Infinity]
 
       var values = [minFinite > maxRange ? maxRange : minFinite, maxFinite < minRange ? minRange : maxFinite];
-      I(h(Slider, {
+      S(v(Slider, {
         cssClasses: cssClasses,
         refine: refine,
         min: minRange,
@@ -20255,7 +20262,7 @@
       cssClasses: cssClasses
     });
     var makeWidget = connectRange(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -20277,11 +20284,11 @@
   });
   var suit$n = component('RatingMenu');
 
-  var _ref3$1 = h("path", {
+  var _ref3$1 = v("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"
   });
 
-  var _ref4 = h("path", {
+  var _ref4 = v("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"
   });
 
@@ -20305,20 +20312,20 @@
         return;
       }
 
-      I(h(RefinementList$1, {
+      S(v(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: items,
         templateProps: renderState.templateProps,
         toggleRefinement: refine
-      }, h("svg", {
+      }, v("svg", {
         style: "display:none;"
-      }, h("symbol", {
+      }, v("symbol", {
         id: suit$n({
           descendantName: 'starSymbol'
         }),
         viewBox: "0 0 24 24"
-      }, _ref3$1), h("symbol", {
+      }, _ref3$1), v("symbol", {
         id: suit$n({
           descendantName: 'starEmptySymbol'
         }),
@@ -20417,7 +20424,7 @@
       templates: templates
     });
     var makeWidget = connectRatingMenu(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -20481,7 +20488,7 @@
         return;
       }
 
-      I(h(RefinementList$1, {
+      S(v(RefinementList$1, {
         createURL: createURL,
         cssClasses: cssClasses,
         facetValues: items,
@@ -20633,7 +20640,7 @@
       showMore: showMore
     });
     var makeWidget = connectRefinementList(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -20657,9 +20664,9 @@
         isRelevantSorted = _ref.isRelevantSorted,
         isVirtualReplica = _ref.isVirtualReplica,
         refine = _ref.refine;
-    return isVirtualReplica ? h("div", {
+    return isVirtualReplica ? v("div", {
       className: cssClasses.root
-    }, h(Template, {
+    }, v(Template, {
       templateKey: "text",
       templates: templates,
       rootProps: {
@@ -20668,7 +20675,7 @@
       data: {
         isRelevantSorted: isRelevantSorted
       }
-    }), h("button", {
+    }), v("button", {
       type: "button",
       className: cssClasses.button,
       onClick: function onClick() {
@@ -20678,7 +20685,7 @@
           refine(undefined);
         }
       }
-    }, h(Template, {
+    }, v(Template, {
       rootTagName: "span",
       templateKey: "button",
       templates: templates,
@@ -20709,7 +20716,7 @@
       var isRelevantSorted = _ref2.isRelevantSorted,
           isVirtualReplica = _ref2.isVirtualReplica,
           refine = _ref2.refine;
-      I(h(RelevantSort, {
+      S(v(RelevantSort, {
         cssClasses: cssClasses,
         templates: templates,
         isRelevantSorted: isRelevantSorted,
@@ -20750,7 +20757,7 @@
       templates: templates
     });
     var makeWidget = connectRelevantSort(specializedRenderer, function () {
-      I(null, containerNode);
+      S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({})), {}, {
       $$widgetType: 'ais.relevantSort'
@@ -20776,7 +20783,7 @@
       var refine = _ref2.refine,
           query = _ref2.query,
           isSearchStalled = _ref2.isSearchStalled;
-      I(h(SearchBox, {
+      S(v(SearchBox, {
         query: query,
         placeholder: placeholder,
         autofocus: autofocus,
@@ -20869,7 +20876,7 @@
       showLoadingIndicator: showLoadingIndicator
     });
     var makeWidget = connectSearchBox(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       queryHook: queryHook
@@ -20895,9 +20902,9 @@
         return;
       }
 
-      I(h("div", {
+      S(v("div", {
         className: cssClasses.root
-      }, h(Selector, {
+      }, v(Selector, {
         cssClasses: cssClasses,
         currentValue: currentRefinement,
         options: options,
@@ -20938,7 +20945,7 @@
       cssClasses: cssClasses
     });
     var makeWidget = connectSortBy(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       container: containerNode,
@@ -20956,9 +20963,9 @@
         templateProps = _ref.templateProps,
         rest = _objectWithoutProperties(_ref, ["nbHits", "nbSortedHits", "cssClasses", "templateProps"]);
 
-    return h("div", {
+    return v("div", {
       className: classnames(cssClasses.root)
-    }, h(Template, _extends({}, templateProps, {
+    }, v(Template, _extends({}, templateProps, {
       templateKey: "text",
       rootTagName: "span",
       rootProps: {
@@ -21011,7 +21018,7 @@
         return;
       }
 
-      I(h(Stats, {
+      S(v(Stats, {
         cssClasses: cssClasses,
         hitsPerPage: hitsPerPage,
         nbHits: nbHits,
@@ -21059,7 +21066,7 @@
       renderState: {}
     });
     var makeWidget = connectStats(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({})), {}, {
       $$widgetType: 'ais.stats'
@@ -21071,11 +21078,11 @@
         refine = _ref.refine,
         cssClasses = _ref.cssClasses,
         templateProps = _ref.templateProps;
-    return h("div", {
+    return v("div", {
       className: cssClasses.root
-    }, h("label", {
+    }, v("label", {
       className: cssClasses.label
-    }, h("input", {
+    }, v("input", {
       className: cssClasses.checkbox,
       type: "checkbox",
       checked: currentRefinement.isRefined,
@@ -21084,7 +21091,7 @@
           isRefined: !event.target.checked
         });
       }
-    }), h(Template, _extends({}, templateProps, {
+    }), v(Template, _extends({}, templateProps, {
       rootTagName: "span",
       rootProps: {
         className: cssClasses.labelText
@@ -21122,7 +21129,7 @@
         return;
       }
 
-      I(h(ToggleRefinement, {
+      S(v(ToggleRefinement, {
         cssClasses: cssClasses,
         currentRefinement: value,
         templateProps: renderState.templateProps,
@@ -21179,7 +21186,7 @@
       templates: templates
     });
     var makeWidget = connectToggleRefinement(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       attribute: attribute,
@@ -21212,9 +21219,9 @@
         transcript = voiceListeningState.transcript,
         isSpeechFinal = voiceListeningState.isSpeechFinal,
         errorCode = voiceListeningState.errorCode;
-    return h("div", {
+    return v("div", {
       className: cssClasses.root
-    }, h(Template, {
+    }, v(Template, {
       templateKey: "buttonText",
       rootTagName: "button",
       rootProps: {
@@ -21233,7 +21240,7 @@
         isBrowserSupported: isBrowserSupported
       },
       templates: templates
-    }), h(Template, {
+    }), v(Template, {
       templateKey: "status",
       rootProps: {
         className: cssClasses.status
@@ -21282,7 +21289,7 @@
           isListening = _ref2.isListening,
           toggleListening = _ref2.toggleListening,
           voiceListeningState = _ref2.voiceListeningState;
-      I(h(VoiceSearch, {
+      S(v(VoiceSearch, {
         cssClasses: cssClasses,
         templates: templates,
         isBrowserSupported: isBrowserSupported,
@@ -21329,7 +21336,7 @@
       templates: templates
     });
     var makeWidget = connectVoiceSearch(specializedRenderer, function () {
-      return I(null, containerNode);
+      return S(null, containerNode);
     });
     return _objectSpread2(_objectSpread2({}, makeWidget({
       container: containerNode,