@blaze-cms/react-page-builder 0.146.0-translations.8 → 0.147.0-rc-eagle.4

package/src/components/List/helpers/build-query-booster.js

@@ -8,12 +8,11 @@ const buildQueryBooster = (props, data) => {
   const { function_score: { query, functions = [] } = {} } = parsedRawQuery;
 
   const boostedPropsFunctios = recencyBoostProperty.map(propToBoost => ({
-    gauss: {
+    exp: {
       [propToBoost]: {
-        origin: 'now',
-        scale: '30d',
-        offset: '7d',
-        decay: 0.5
+        scale: '14d',
+        decay: 0.99, // high value slow decay
+        offset: '7d'
       }
     }
   }));
@@ -21,7 +20,14 @@ const buildQueryBooster = (props, data) => {
   const updatedData = {
     function_score: {
       query: functions.length ? query : parsedRawQuery,
-      functions: [...functions, ...boostedPropsFunctios],
+      functions: [
+        ...functions,
+        ...boostedPropsFunctios,
+        {
+          weight: 0.01 // minimum score to avoid zeroing out
+        }
+      ],
+      score_mode: 'sum',
       boost_mode: 'multiply'
     }
   };

package/src/components/List/helpers/sort-aggs.js

@@ -5,8 +5,7 @@ const sortAggs = data => {
     searchPublishedContent: {
       rawResults: { aggregations: { azCount: { buckets = [] } = {} } = {} } = {}
     } = {}
-  } =
-    data || {};
+  } = data || {};
 
   return [...buckets].sort((a, b) => {
     if (Number(a.key) || specialCheck.test(a.key)) return 1;

package/src/components/Menu/Menu.js

@@ -29,17 +29,14 @@ const Menu = ({
   const router = useRouter();
   const [showMobileMenu, setShowMobileMenu] = useState(false);
 
-  useEffect(
-    () => {
-      const handleRouteChange = () => setShowMobileMenu(false);
-      router.events.on('routeChangeStart', handleRouteChange);
+  useEffect(() => {
+    const handleRouteChange = () => setShowMobileMenu(false);
+    router.events.on('routeChangeStart', handleRouteChange);
 
-      return () => {
-        router.events.off('routeChangeStart', handleRouteChange);
-      };
-    },
-    [router.events]
-  );
+    return () => {
+      router.events.off('routeChangeStart', handleRouteChange);
+    };
+  }, [router.events]);
 
   const shouldDisplayChildren = collapse ? showMobileMenu : true;
 
@@ -76,12 +73,11 @@ const Menu = ({
             </div>
           </div>
         )}
-        {logoOnMobile &&
-          !showMobileMenu && (
-            <Link href="/" name="mobile menu">
-              <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />
-            </Link>
-          )}
+        {logoOnMobile && !showMobileMenu && (
+          <Link href="/" name="mobile menu">
+            <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />
+          </Link>
+        )}
 
         <div className="menu--desktop-wrapper">
           <ul className={childModifiers}>

package/src/components/MenuItem/MenuItemRender.js

@@ -34,21 +34,23 @@ const MenuItemRender = ({ children, eventType, text, modifier, url, parent }) =>
 
   const [displayChildren, setDisplayChildren] = useState(shouldPreOpen);
 
-  useEffect(
-    () => {
-      if (!showMobileMenu && !shouldPreOpen) setDisplayChildren(false);
-    },
-    [children, isClickEvent, loadingUrl, openActiveSubmenus, router, shouldPreOpen, showMobileMenu]
-  );
-
-  useEffect(
-    () => {
-      if (isHoverEvent) {
-        setDisplayChildren(false);
-      }
-    },
-    [router.asPath, isHoverEvent]
-  );
+  useEffect(() => {
+    if (!showMobileMenu && !shouldPreOpen) setDisplayChildren(false);
+  }, [
+    children,
+    isClickEvent,
+    loadingUrl,
+    openActiveSubmenus,
+    router,
+    shouldPreOpen,
+    showMobileMenu
+  ]);
+
+  useEffect(() => {
+    if (isHoverEvent) {
+      setDisplayChildren(false);
+    }
+  }, [router.asPath, isHoverEvent]);
 
   if (loadingUrl || loadingText) return '';
 

package/src/components/MenuItem/helpers/inject-helper-into-template.js

@@ -1,9 +1,19 @@
 const injectHelperIntoTemplate = (template, helper) => {
   if (!helper || !template) return template;
 
-  let result = template.replace(/{{{([^{}]+)}}}/g, `{{{${helper} $1}}}`);
+  // Inject helper into triple-stash expressions unless they are block/closing tags
+  let result = template.replace(/{{{([^{}]+)}}}/g, (match, inner) => {
+    const trimmed = inner.trim();
+    if (trimmed.startsWith('#') || trimmed.startsWith('/') || trimmed === 'else') return match; // skip block helpers and else
+    return `{{{${helper} ${inner}}}}`;
+  });
 
-  result = result.replace(/{{([^{}]+)}}(?!})/g, `{{${helper} $1}}`);
+  // Inject helper into double-stash expressions (excluding triple) unless block/closing tags
+  result = result.replace(/{{([^{}]+)}}(?!})/g, (match, inner) => {
+    const trimmed = inner.trim();
+    if (trimmed.startsWith('#') || trimmed.startsWith('/') || trimmed === 'else') return match; // skip block helpers and else
+    return `{{${helper} ${inner}}}`;
+  });
 
   return result;
 };

package/src/components/ModalAdapter/index.js

@@ -1,5 +1,5 @@
 import dynamic from 'next/dynamic';
 
-export default dynamic(() =>
-  import(/* webpackChunkName: "blazePbModalAdaptor" */ './ModalAdapter')
+export default dynamic(
+  () => import(/* webpackChunkName: "blazePbModalAdaptor" */ './ModalAdapter')
 );

package/src/components/SearchContent/SearchContent.js

@@ -37,43 +37,37 @@ const SearchContent = props => {
     queryHook: runHook
   });
 
-  useEffect(
-    () => {
-      const handleRouteChange = () => {
-        setSearchTerm('');
+  useEffect(() => {
+    const handleRouteChange = () => {
+      setSearchTerm('');
+      setShowResults(false);
+      if (collapsedSearch) setCollapsed(true);
+    };
+    router.events.on('routeChangeStart', handleRouteChange);
+    return () => {
+      router.events.off('routeChangeStart', handleRouteChange);
+    };
+  }, [collapsedSearch, router.events, setSearchTerm]);
+
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (searchContentRef.current && !searchContentRef.current.contains(event.target)) {
         setShowResults(false);
-        if (collapsedSearch) setCollapsed(true);
-      };
-      router.events.on('routeChangeStart', handleRouteChange);
-      return () => {
-        router.events.off('routeChangeStart', handleRouteChange);
-      };
-    },
-    [collapsedSearch, router.events, setSearchTerm]
-  );
-
-  useEffect(
-    () => {
-      const handleClickOutside = event => {
-        if (searchContentRef.current && !searchContentRef.current.contains(event.target)) {
-          setShowResults(false);
-          setSearchTerm('');
-          if (
-            collapsedSearch &&
-            document.activeElement !== searchContentRef.current.querySelector('input')
-          ) {
-            setCollapsed(true);
-          }
+        setSearchTerm('');
+        if (
+          collapsedSearch &&
+          document.activeElement !== searchContentRef.current.querySelector('input')
+        ) {
+          setCollapsed(true);
         }
-      };
-
-      document.addEventListener('click', handleClickOutside);
-      return () => {
-        document.removeEventListener('click', handleClickOutside);
-      };
-    },
-    [collapsedSearch, setSearchTerm]
-  );
+      }
+    };
+
+    document.addEventListener('click', handleClickOutside);
+    return () => {
+      document.removeEventListener('click', handleClickOutside);
+    };
+  }, [collapsedSearch, setSearchTerm]);
 
   const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
 
@@ -127,9 +121,15 @@ const SearchContent = props => {
               name="search"
               placeholder={placeholder}
               value={searchTerm}
-              onChange={e => setSearchTerm(e.target.value)}
+              onChange={e => {
+                setSearchTerm(e.target.value);
+                setShowResults(true);
+              }}
               onKeyDown={handleKeyDown}
-              onFocus={() => setShowResults(true)}
+              onFocus={() => {
+                setShowResults(true);
+                if (collapsedSearch) setCollapsed(false);
+              }}
               data-testid="search-content-input"
             />
           )}

package/src/components/SearchContent/SearchContentResults.js

@@ -6,7 +6,7 @@ const SearchContentResults = ({ results, debouncedSearchTerm, onClick }) => {
   if (!debouncedSearchTerm) return null;
   const hasResults = results.length > 0;
   return (
-    <div className="search-content--results__wrapper">
+    <div className="search-content--results__wrapper" data-testid="search-content-results">
       <div className="search-content--results__wrapper--message">
         <div className="search-content--results__content">
           {hasResults ? (

package/src/components/SearchFilter/SearchFilter/SearchFilter.js

@@ -53,15 +53,12 @@ const SearchFilter = ({
     doSubmit(newValues);
   }, 200);
 
-  useEffect(
-    () => {
-      if (filterValues.shouldSearch) {
-        handleSubmit(filterValues);
-        setAppliedFilters({ type: 'resetSearch' });
-      }
-    },
-    [filterValues, handleSubmit, setAppliedFilters]
-  );
+  useEffect(() => {
+    if (filterValues.shouldSearch) {
+      handleSubmit(filterValues);
+      setAppliedFilters({ type: 'resetSearch' });
+    }
+  }, [filterValues, handleSubmit, setAppliedFilters]);
 
   const formClass = classnames('filter__form filter__form--initial', {
     'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,
@@ -221,17 +218,16 @@ const SearchFilter = ({
         {displaySearchFilter && <MobileFormToolbar formId={formId} handleReset={handleReset} />}
       </form>
 
-      {isCollapsedOnResponsive &&
-        !displaySearchFilter && (
-          <div
-            className="filter__refine filter__refine--mobile-close"
-            data-testid="refine-mobile"
-            aria-label={t('REFINE_SEARCH')}>
-            <div role="button" onClick={() => setDisplaySearchFilter(true)}>
-              {mobileRefineButtonText || t('REFINE_SEARCH')}
-            </div>
+      {isCollapsedOnResponsive && !displaySearchFilter && (
+        <div
+          className="filter__refine filter__refine--mobile-close"
+          data-testid="refine-mobile"
+          aria-label={t('REFINE_SEARCH')}>
+          <div role="button" onClick={() => setDisplaySearchFilter(true)}>
+            {mobileRefineButtonText || t('REFINE_SEARCH')}
           </div>
-        )}
+        </div>
+      )}
     </>
   );
 };

package/src/components/SearchFilter/helpers/build-new-url.js

@@ -1,6 +1,7 @@
-const buildNewUrl = (url, currentUrl, queryParams, hashBit) => {
+const buildNewUrl = (url, currentUrl, queryParams, newHashBit) => {
   const encodedQuery = encodeURI(queryParams);
-  const baseUrl = url || currentUrl;
+  const [baseUrl, urlHash] = (url || currentUrl).split('#');
+  const hashBit = newHashBit || urlHash || '';
   const newUrl = encodedQuery ? `${baseUrl}?${encodedQuery}` : `${baseUrl}`;
   return hashBit ? `${newUrl}#${hashBit}` : newUrl;
 };

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

@@ -11,29 +11,26 @@ const VimeoProvider = ({ url, autoplay, loop, imageData }) => {
   const [videoError, setVideoError] = useState(null);
   const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);
 
-  useEffect(
-    () => {
-      async function fetchVideoData(videoUrl) {
-        try {
-          const res = await fetch(videoUrl);
-          const data = await res.json();
-          setVideoData(data);
-        } catch (err) {
-          setVideoError(err);
-        }
+  useEffect(() => {
+    async function fetchVideoData(videoUrl) {
+      try {
+        const res = await fetch(videoUrl);
+        const data = await res.json();
+        setVideoData(data);
+      } catch (err) {
+        setVideoError(err);
       }
-      if (url) {
-        const currentHeight = inputEl.current.clientHeight;
-        const urlWithParams = addExtraParamsToUrl(url, {
-          autoplay: true,
-          loop,
-          height: currentHeight
-        });
-        fetchVideoData(urlWithParams);
-      }
-    },
-    [autoplay, loop, url]
-  );
+    }
+    if (url) {
+      const currentHeight = inputEl.current.clientHeight;
+      const urlWithParams = addExtraParamsToUrl(url, {
+        autoplay: true,
+        loop,
+        height: currentHeight
+      });
+      fetchVideoData(urlWithParams);
+    }
+  }, [autoplay, loop, url]);
 
   const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData || {};
   const imageUrl = imageData && imageData.url;

package/src/components/Video/providers/YouTube/YoutubeEmbeded.js

@@ -60,75 +60,69 @@ const YoutubeEmbeded = ({
   const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;
   const iframeId = `yt-iframe-${videoId}`;
 
-  useEffect(
-    () => {
-      if (!emitEvent || !renderIframe) return;
-
-      if (!document.getElementById(SCRIPT_ID)) {
-        // if script not already loaded
-        const tag = document.createElement('script');
-        tag.id = SCRIPT_ID;
-        tag.src = 'https://www.youtube.com/iframe_api';
-        const firstScriptTag = document.getElementsByTagName('script')[0];
-        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+  useEffect(() => {
+    if (!emitEvent || !renderIframe) return;
+
+    if (!document.getElementById(SCRIPT_ID)) {
+      // if script not already loaded
+      const tag = document.createElement('script');
+      tag.id = SCRIPT_ID;
+      tag.src = 'https://www.youtube.com/iframe_api';
+      const firstScriptTag = document.getElementsByTagName('script')[0];
+      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+    }
+
+    const onStateChange = event => {
+      let action = '';
+      if (event.data === window.YT.PlayerState.ENDED) {
+        action = EVENT_ACTIONS.ENDED;
+      } else if (event.data === window.YT.PlayerState.PAUSED) {
+        action = EVENT_ACTIONS.PAUSED;
+      } else if (event.data === window.YT.PlayerState.PLAYING) {
+        action = EVENT_ACTIONS.PLAYING;
       }
 
-      const onStateChange = event => {
-        let action = '';
-        if (event.data === window.YT.PlayerState.ENDED) {
-          action = EVENT_ACTIONS.ENDED;
-        } else if (event.data === window.YT.PlayerState.PAUSED) {
-          action = EVENT_ACTIONS.PAUSED;
-        } else if (event.data === window.YT.PlayerState.PLAYING) {
-          action = EVENT_ACTIONS.PLAYING;
-        }
-
-        emitEvent({ action, videoId });
-      };
+      emitEvent({ action, videoId });
+    };
 
-      if (window.YT) {
-        // if script already loaded then attach player
-        window.YT.ready(() => {
-          playerRef.current = new window.YT.Player(iframeId, {
-            events: {
-              onStateChange
-            }
-          });
+    if (window.YT) {
+      // if script already loaded then attach player
+      window.YT.ready(() => {
+        playerRef.current = new window.YT.Player(iframeId, {
+          events: {
+            onStateChange
+          }
+        });
+      });
+    } else {
+      // called on script load
+      window.onYouTubeIframeAPIReady = () => {
+        playerRef.current = new window.YT.Player(ref.current, {
+          events: {
+            onStateChange
+          }
         });
-      } else {
-        // called on script load
-        window.onYouTubeIframeAPIReady = () => {
-          playerRef.current = new window.YT.Player(ref.current, {
-            events: {
-              onStateChange
-            }
-          });
-        };
-      }
-    },
-    [emitEvent, iframeId, renderIframe, videoId]
-  );
-
-  useEffect(
-    () => {
-      let isMounted = true;
-      if ((!priority && !isIntersecting) || imageSize === YT_HQ_FORMAT) return;
-
-      const img = new Image();
-      // eslint-disable-next-line func-names
-      img.onload = function() {
-        let newImageSize = imageSize;
-        if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;
-        if (isMounted) setImageDetails({ imageSize: newImageSize, displayImage: true });
-      };
-
-      img.src = posterUrl;
-      return () => {
-        isMounted = false;
       };
-    },
-    [imageSize, isIntersecting, posterUrl, priority]
-  );
+    }
+  }, [emitEvent, iframeId, renderIframe, videoId]);
+
+  useEffect(() => {
+    let isMounted = true;
+    if ((!priority && !isIntersecting) || imageSize === YT_HQ_FORMAT) return;
+
+    const img = new Image();
+    // eslint-disable-next-line func-names
+    img.onload = function () {
+      let newImageSize = imageSize;
+      if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;
+      if (isMounted) setImageDetails({ imageSize: newImageSize, displayImage: true });
+    };
+
+    img.src = posterUrl;
+    return () => {
+      isMounted = false;
+    };
+  }, [imageSize, isIntersecting, posterUrl, priority]);
 
   const warmConnections = () => {
     if (preconnected) return;

package/src/components/Video/providers/get-provider.js

@@ -1,11 +1,11 @@
 import dynamic from 'next/dynamic';
 
 const SUPPORTED_PROVIDERS = {
-  youtube: dynamic(() =>
-    import(/* webpackChunkName: "blazePbVideoYouTube" */ './YouTube/YouTubeProvider')
+  youtube: dynamic(
+    () => import(/* webpackChunkName: "blazePbVideoYouTube" */ './YouTube/YouTubeProvider')
   ),
-  JWPlayer: dynamic(() =>
-    import(/* webpackChunkName: "blazePbVideoJWPlayer" */ './JWPlayer/JWPlayerProvider')
+  JWPlayer: dynamic(
+    () => import(/* webpackChunkName: "blazePbVideoJWPlayer" */ './JWPlayer/JWPlayerProvider')
   ),
   vimeo: dynamic(() => import(/* webpackChunkName: "blazePbVideoVimeo" */ './Vimeo/VimeoProvider')),
   default: dynamic(() => import(/* webpackChunkName: "blazePbVideoDefault" */ './Default')),

package/src/components/Wrapper.js

@@ -5,13 +5,11 @@ const Wrapper = React.forwardRef(
   ({ children, className, modifiers, style, tagType, ...props }, ref) => {
     const TagType = !tagType || tagType === 'Default' ? 'div' : tagType;
     return (
-      <>
-        {children && (
-          <TagType ref={ref} className={`${className} ${modifiers}`} style={style} {...props}>
-            {children}
-          </TagType>
-        )}
-      </>
+      children && (
+        <TagType ref={ref} className={`${className} ${modifiers}`} style={style} {...props}>
+          {children}
+        </TagType>
+      )
     );
   }
 );

package/src/components/index.js

@@ -11,20 +11,20 @@ export default {
   image: dynamic(() => import(/* webpackChunkName: "blazePbImage" */ './Image')),
   row: dynamic(() => import(/* webpackChunkName: "blazePbLayout" */ './Layout')),
   list: dynamic(() => import(/* webpackChunkName: "blazePbList" */ './List')),
-  socialfollow: dynamic(() =>
-    import(/* webpackChunkName: "blazePbSocialFollow" */ './SocialFollow')
+  socialfollow: dynamic(
+    () => import(/* webpackChunkName: "blazePbSocialFollow" */ './SocialFollow')
   ),
   textblock: dynamic(() => import(/* webpackChunkName: "blazePbTextBlock" */ './TextBlock')),
   video: dynamic(() => import(/* webpackChunkName: "blazePbVideo" */ './Video')),
   wrapper: dynamic(() => import(/* webpackChunkName: "blazePbWrapper" */ './Wrapper')),
-  searchcontent: dynamic(() =>
-    import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchContent/SearchContent')
+  searchcontent: dynamic(
+    () => import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchContent/SearchContent')
   ),
-  searchfilter: dynamic(() =>
-    import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchFilter')
+  searchfilter: dynamic(
+    () => import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchFilter')
   ),
-  searchfiltersort: dynamic(() =>
-    import(/* webpackChunkName: "blazePbSearchFilteSort" */ './SearchFilterSort')
+  searchfiltersort: dynamic(
+    () => import(/* webpackChunkName: "blazePbSearchFilteSort" */ './SearchFilterSort')
   ),
   modal: dynamic(() => import(/* webpackChunkName: "blazePbModal" */ './Modal')),
   datetime: dynamic(() => import(/* webpackChunkName: "blazePbDateTime" */ './DateTime')),
@@ -32,26 +32,26 @@ export default {
   menu: dynamic(() => import(/* webpackChunkName: "blazePbMenu" */ './Menu')),
   menuitem: dynamic(() => import(/* webpackChunkName: "blazePbMenuItem" */ './MenuItem')),
   submenu: dynamic(() => import(/* webpackChunkName: "blazePbSubMenu" */ './SubMenu')),
-  emailconfirm: dynamic(() =>
-    import(/* webpackChunkName: "blazePbEmailConfirm" */ './EmailConfirm')
+  emailconfirm: dynamic(
+    () => import(/* webpackChunkName: "blazePbEmailConfirm" */ './EmailConfirm')
   ),
 
   breadcrumb: dynamic(() => import(/* webpackChunkName: "blazePbBreadcrumb" */ './Breadcrumb')),
-  itemlistbutton: dynamic(() =>
-    import(/* webpackChunkName: "blazePbItemListButton" */ './ItemList/ItemListButton')
+  itemlistbutton: dynamic(
+    () => import(/* webpackChunkName: "blazePbItemListButton" */ './ItemList/ItemListButton')
   ),
-  itemlistcounter: dynamic(() =>
-    import(/* webpackChunkName: "blazePbItemListCounter" */ './ItemList/ItemListCounter')
+  itemlistcounter: dynamic(
+    () => import(/* webpackChunkName: "blazePbItemListCounter" */ './ItemList/ItemListCounter')
   ),
-  itemlistnew: dynamic(() =>
-    import(/* webpackChunkName: "blazePbItemListNew" */ './ItemList/ItemListNew')
+  itemlistnew: dynamic(
+    () => import(/* webpackChunkName: "blazePbItemListNew" */ './ItemList/ItemListNew')
   ),
   backtotop: dynamic(() => import(/* webpackChunkName: "blazePbBackToTop" */ './BackToTop')),
-  contentgroup: dynamic(() =>
-    import(/* webpackChunkName: "blazePbContentGroup" */ './ContentGroup')
+  contentgroup: dynamic(
+    () => import(/* webpackChunkName: "blazePbContentGroup" */ './ContentGroup')
   ),
-  contentgroupsection: dynamic(() =>
-    import(/* webpackChunkName: "blazePbContentGroupSection" */ './ContentGroupSection')
+  contentgroupsection: dynamic(
+    () => import(/* webpackChunkName: "blazePbContentGroupSection" */ './ContentGroupSection')
   ),
   iframe: dynamic(() => import(/* webpackChunkName: "blazePbIframe" */ './Iframe'))
 };

package/src/constants/index.js

@@ -172,7 +172,8 @@ const ANCHOR_TAG = 'a';
 const TARGET_BLANK = '_blank';
 
 const DATA_SUMMARY_EMAIL_REGEX = /^([a-z0-9_\.\+-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
-const DATA_SUMMARY_URL_REGEX = /(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
+const DATA_SUMMARY_URL_REGEX =
+  /(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
 const DATA_SUMMARY_TEL_REGEX = /^\+{0,1}[0-9\(\)\.\- \/]{7,}$/; // note: very loose phone number match not for validation
 const SIZE = process.env.BLAZE_PB_SEARCH_FILETER_AGG_SIZE || 500;
 

package/src/helpers/build-search-values-checkbox-select.js

@@ -18,7 +18,7 @@ const buildSearchValuesCheckboxSelect = (query, rangeFilters, checkboxFilters, s
       if (isQueryParamString) {
         if (rangeFilterProps.includes(queryParam)) {
           const [min, max] = query[queryParam].split('-');
-          if (min === 'NaN' || max === 'NaN') return;
+          if (min === 'NaN' || max === 'NaN') return acc;
           acc.values.push({
             range: {
               [queryParam]: {

package/src/helpers/get-component-id.js

@@ -2,7 +2,7 @@ import cssesc from 'cssesc';
 import { COMPONENT_ID_PREFIX } from '../constants';
 
 const getComponentId = componentName =>
-  cssesc(`${COMPONENT_ID_PREFIX}${componentName}`, {
+  cssesc(`${COMPONENT_ID_PREFIX}${componentName.replace(/\s+/g, '-')}`, {
     isIdentifier: true
   });
 

package/src/helpers/get-current-offset.js

@@ -1,4 +1,4 @@
-const getCurrentOffset = (offset = 0, itemsPerPage = 1, paginationIndex = 1, limit) => {
+const getCurrentOffset = (limit, offset = 0, itemsPerPage = 1, paginationIndex = 1) => {
   if (paginationIndex <= 1) return Number(offset);
   const cumulativeOffset = Number(offset) + Number(itemsPerPage) * (Number(paginationIndex) - 1);
   return !!limit && cumulativeOffset >= limit ? offset : cumulativeOffset;