ublo-lib 1.31.43 → 1.31.44

package/es/common/components/gesco-contact-form/phone-code-select.js

@@ -1,81 +0,0 @@
-import * as React from "react";
-import Select from "dt-design-system/es/custom-select";
-import * as Flags from "dt-design-system/es/flags";
-import prefixes from "./data/phone-prefixes.json";
-import styles from "./phone-code-select.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const HIGHLIGHTED_COUNTRIES = ["France", "United Kingdom", "Belgium", "Netherlands", "Switzerland", "United States", "Luxembourg", "Ireland", "Spain", "Brazil", "Germany", "Italy", "Portugal", "Australia"];
-const FIRST_PREFIX = prefixes[0];
-export default function PhoneCodeSelect({
-  messages,
-  disabled
-}) {
-  const defaultValue = `${FIRST_PREFIX.country}|${FIRST_PREFIX.code}`;
-  const deduppedPrefixes = prefixes.reduce((acc, prefix) => {
-    const {
-      code
-    } = prefix;
-    const splitted = code.split(", ").map(splitted => ({
-      ...prefix,
-      code: splitted
-    }));
-    return [...acc, ...splitted];
-  }, []).sort((a, b) => {
-    if (HIGHLIGHTED_COUNTRIES.includes(a.country) || HIGHLIGHTED_COUNTRIES.includes(b.country)) {
-      return 0;
-    }
-    return a.code.localeCompare(b.code);
-  });
-  const bareOptions = deduppedPrefixes.map(({
-    country,
-    code,
-    iso
-  }) => {
-    const Icon = Flags[iso.toLowerCase()] || "svg";
-    return {
-      label: _jsxs("span", {
-        className: styles.option,
-        children: [_jsx(Icon, {
-          className: styles.icon
-        }), _jsxs("span", {
-          className: styles.code,
-          children: ["+", code]
-        })]
-      }),
-      value: `${country}|${code}`,
-      kind: "item"
-    };
-  });
-  const separator = {
-    kind: "separator"
-  };
-  const {
-    highlighted,
-    others
-  } = bareOptions.reduce((acc, option) => {
-    const {
-      value
-    } = option;
-    const [country] = value.split("|");
-    const isHighlighted = HIGHLIGHTED_COUNTRIES.includes(country);
-    const key = isHighlighted ? "highlighted" : "others";
-    return {
-      ...acc,
-      [key]: [...acc[key], option]
-    };
-  }, {
-    highlighted: [],
-    others: []
-  });
-  const options = [...highlighted, separator, ...others];
-  return _jsx(Select, {
-    name: "phoneCode",
-    className: styles.select,
-    label: messages.phoneCode,
-    options: options,
-    defaultValue: defaultValue,
-    disabled: disabled,
-    required: true
-  });
-}

package/es/common/components/information/information.js

@@ -1,58 +0,0 @@
-import * as React from "react";
-import Router from "next/router";
-import { useUbloContext } from "ublo/with-ublo";
-import { fetchZone, fetchMenus } from "ublo/fetcher";
-import Dialog from "dt-design-system/es/dialog";
-import styles from "./information.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const STORAGE_KEY = "information_viewed";
-export default function Information({
-  source = "/popup",
-  zone = "content",
-  preventOpening
-}) {
-  const [content, setContent] = React.useState();
-  const {
-    config,
-    lang
-  } = useUbloContext();
-  const {
-    ubloApi,
-    site
-  } = config;
-  const close = React.useCallback(() => {
-    sessionStorage.setItem(STORAGE_KEY, "true");
-    setContent(undefined);
-  }, []);
-  const getContent = React.useCallback(async () => {
-    const menus = await fetchMenus(ubloApi, site, lang, source, 1, true);
-    if (menus.length === 1) {
-      const content = await fetchZone(ubloApi, site, lang, source, zone);
-      if (!content) return;
-      setContent(content);
-    }
-  }, [lang, site, source, ubloApi, zone]);
-  React.useEffect(() => {
-    const alreadySeen = sessionStorage.getItem(STORAGE_KEY) || sessionStorage.getItem("cms_token");
-    if (!preventOpening && !alreadySeen) {
-      getContent();
-    }
-  }, [getContent, preventOpening]);
-  Router.ready(() => {
-    Router.events.on("routeChangeComplete", () => {
-      close();
-    });
-  });
-  return _jsx(Dialog, {
-    className: styles.information,
-    close: close,
-    isOpened: !!content,
-    children: _jsx("div", {
-      className: styles.inner,
-      dangerouslySetInnerHTML: {
-        __html: content
-      },
-      "data-information-popup": ""
-    })
-  });
-}

package/es/common/components/instant-search/input.js

@@ -1,86 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Input from "dt-design-system/es/input";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import * as Ripple from "dt-design-system/es/ripple";
-import message from "./services/messages";
-import css from "./input.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const TRANSITION_DURATION = 1800;
-export default function SearchInput({
-  lang,
-  text,
-  setText,
-  closeSearch,
-  loading,
-  suggestions
-}) {
-  const [currentSuggestion, setCurrentSuggestion] = React.useState(0);
-  const updateText = value => () => {
-    setText(value);
-  };
-  const classes = classNames(css.input, {
-    [css.inputLoading]: loading
-  });
-  const inputIcon = loading ? "Loader2" : "Search";
-  const suggestionsSet = getSuggestions(suggestions)[lang];
-  const enableSuggestion = Boolean(suggestionsSet);
-  const createRipple = e => {
-    Ripple.create(e);
-  };
-  React.useEffect(() => {
-    if (enableSuggestion && !text) {
-      const interval = setInterval(() => {
-        setCurrentSuggestion(current => {
-          const nextSuggestion = current >= suggestionsSet.length - 1 ? 0 : current + 1;
-          return nextSuggestion;
-        });
-      }, TRANSITION_DURATION);
-      return () => {
-        clearInterval(interval);
-      };
-    }
-  }, [enableSuggestion, suggestionsSet, text]);
-  return _jsxs("div", {
-    className: css.container,
-    children: [_jsx(Input, {
-      value: text,
-      onValueChange: setText,
-      icon: inputIcon,
-      className: classes
-    }), enableSuggestion && !text && _jsxs("div", {
-      className: css.suggestion,
-      children: [message(lang, "try"), _jsx("div", {
-        className: css.buttons,
-        children: suggestionsSet.map((suggestion, i) => {
-          const isCurrent = i === currentSuggestion;
-          const isPrev = currentSuggestion === 0 ? i === suggestionsSet.length - 1 : i === currentSuggestion - 1;
-          const classes = classNames(css.button, {
-            [css.buttonCurrent]: isCurrent,
-            [css.buttonPrev]: isPrev
-          });
-          return _jsxs("button", {
-            className: classes,
-            onClick: updateText(suggestion),
-            onMouseDown: createRipple,
-            children: ["\xAB ", suggestion, " \xBB"]
-          }, suggestion);
-        })
-      })]
-    }), _jsx(Button, {
-      variant: "transparent",
-      className: css.close,
-      onClick: closeSearch,
-      children: _jsx(Icons.Cross, {})
-    })]
-  });
-}
-function getSuggestions(suggestions = {}) {
-  return {
-    fr: ["cours de ski", "cours privés", "compétition", "cours débutants"],
-    en: ["ski lessons", "private lessons", "competition"],
-    ...suggestions
-  };
-}

package/es/common/components/instant-search/instant-search.js

@@ -1,138 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Router from "next/router";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import Dialog from "dt-design-system/es/dialog";
-import PeriodPicker from "../../../esf/components/period-picker";
-import Input from "./input";
-import Results from "./results";
-import useSearch from "./hooks/use-search";
-import * as Plausible from "../plausible";
-import css from "./instant-search.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function InstantSearch({
-  lang,
-  suggestions,
-  className,
-  ubloContext,
-  options = {}
-}) {
-  const [opened, setOpened] = React.useState(false);
-  const [periodPickerOpened, setPeriodPickerOpened] = React.useState(false);
-  const [weekNumber, setWeekNumber] = React.useState(null);
-  const {
-    text,
-    setText,
-    search
-  } = useSearch(lang, options);
-  const classes = classNames(css.search, className);
-  const openSearch = () => {
-    setOpened(true);
-  };
-  const closeSearch = skipEvent => {
-    setOpened(false);
-    setText("");
-    document.body.style.removeProperty("overflow");
-    if (!skipEvent) {
-      const event = search?.result?.length === 0 ? "Search failed" : "Search canceled";
-      if (text.length > 0) {
-        Plausible.sendGoal(event, {
-          Terms: text
-        });
-      }
-    }
-  };
-  const sendPlausibleGoal = path => () => {
-    Plausible.sendGoal("Search", {
-      "Terms - Destination": `${text} - ${path}`
-    });
-  };
-  const openPeriodPicker = () => {
-    setPeriodPickerOpened(true);
-  };
-  const closePeriodPicker = () => {
-    setPeriodPickerOpened(false);
-  };
-  const updateWeek = () => {
-    const storedWeekNumber = window.sessionStorage.getItem("stayWeek");
-    if (storedWeekNumber !== null) {
-      setWeekNumber(Number(storedWeekNumber));
-      setPeriodPickerOpened(false);
-    }
-  };
-  Router.ready(() => {
-    Router.events.on("routeChangeStart", () => {
-      if (opened) {
-        closeSearch(true);
-      }
-    });
-  });
-  const handleKeyPresses = React.useCallback(e => {
-    const allowedKeys = ["k"];
-    const {
-      code,
-      ctrlKey,
-      key,
-      metaKey
-    } = e;
-    const isAllowed = (ctrlKey || metaKey) && (allowedKeys.includes(code) || allowedKeys.includes(key));
-    if (!isAllowed) return;
-    e.preventDefault();
-    if (key === "k" && (ctrlKey || metaKey)) {
-      openSearch();
-    }
-  }, []);
-  React.useEffect(() => {
-    if (opened) {
-      updateWeek();
-    }
-  }, [opened]);
-  React.useEffect(() => {
-    window.addEventListener("keydown", handleKeyPresses);
-    return () => {
-      window.removeEventListener("keydown", handleKeyPresses);
-    };
-  }, [handleKeyPresses]);
-  return _jsxs(_Fragment, {
-    children: [_jsx(Button, {
-      className: classes,
-      onClick: openSearch,
-      children: _jsx(Icons.Search, {
-        className: css.searchIcon
-      })
-    }), _jsxs(Dialog, {
-      className: css.dialog,
-      isOpened: opened,
-      showCloseButton: false,
-      close: closeSearch,
-      container: "body",
-      children: [_jsx(Input, {
-        lang: lang,
-        text: text,
-        setText: setText,
-        closeSearch: closeSearch,
-        loading: search.loading === true,
-        suggestions: suggestions
-      }), _jsx(Results, {
-        lang: lang,
-        text: text,
-        results: search.result,
-        weekNumber: weekNumber,
-        openPeriodPicker: openPeriodPicker,
-        loading: search.loading === true && search.result === undefined,
-        sendPlausibleGoal: sendPlausibleGoal
-      })]
-    }), _jsx(Dialog, {
-      isOpened: periodPickerOpened,
-      close: closePeriodPicker,
-      container: "body",
-      children: _jsx(PeriodPicker, {
-        onChange: updateWeek,
-        ubloContext: ubloContext
-      })
-    })]
-  });
-}

package/es/common/components/instant-search/links.js

@@ -1,81 +0,0 @@
-import * as React from "react";
-import Link from "ublo/link";
-import Loader from "dt-design-system/es/loader";
-import * as Icons from "dt-design-system/es/icons";
-import * as Ripple from "dt-design-system/es/ripple";
-import * as Utils from "./services/utils";
-import css from "./links.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const PLACEHOLDERS = [...new Array(3)];
-export default function Links({
-  icon,
-  linksTitle,
-  links,
-  pageTitleAsTitle,
-  loading,
-  sendPlausibleGoal
-}) {
-  const Icon = Icons[icon];
-  const noResult = !loading && !links.length;
-  const createRipple = e => {
-    Ripple.create(e);
-  };
-  if (noResult) return null;
-  return _jsxs("div", {
-    className: css.linksSection,
-    children: [_jsx("div", {
-      className: css.linksTitle,
-      children: linksTitle
-    }), _jsxs("div", {
-      className: css.links,
-      children: [loading && PLACEHOLDERS.map((_, i) => {
-        return _jsx("div", {
-          className: css.loaderContainer,
-          children: _jsx(Loader, {
-            className: css.loader,
-            variant: "overlay"
-          })
-        }, i);
-      }), !loading && links.map(link => {
-        const {
-          id,
-          text,
-          parentTitle,
-          path
-        } = link.document;
-        const decodedPath = decodeURIComponent(path);
-        const titleProperty = pageTitleAsTitle ? "pageTitle" : "title";
-        const linkTitle = Utils.getHighlight(titleProperty, link.highlight) || link.document[titleProperty];
-        const linkText = Utils.getHighlight("text", link.highlight, true) || text;
-        return _jsxs(Link, {
-          href: decodedPath,
-          className: css.link,
-          onClick: sendPlausibleGoal(decodedPath),
-          onMouseDown: createRipple,
-          children: [_jsx(Icon, {
-            className: css.linkIcon
-          }), _jsxs("div", {
-            className: css.linkContent,
-            children: [parentTitle && _jsx("div", {
-              className: css.linkParent,
-              dangerouslySetInnerHTML: {
-                __html: parentTitle
-              }
-            }), _jsx("div", {
-              className: css.linkTitle,
-              dangerouslySetInnerHTML: {
-                __html: linkTitle
-              }
-            }), linkText && _jsx("div", {
-              className: css.linkText,
-              dangerouslySetInnerHTML: {
-                __html: linkText
-              }
-            })]
-          })]
-        }, id);
-      })]
-    })]
-  });
-}

package/es/common/components/instant-search/no-product.js

@@ -1,81 +0,0 @@
-import * as React from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function NoProduct({
-  className
-}) {
-  return _jsxs("svg", {
-    width: "200",
-    height: "200",
-    viewBox: "0 0 200 200",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: className,
-    children: [_jsx("path", {
-      d: "M100.5 184.3a85.8 85.8 0 1 0 0-171.5 85.8 85.8 0 0 0 0 171.5Z",
-      fill: "#EDEDED"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M100.5 11a87.5 87.5 0 1 0 0 175 87.5 87.5 0 0 0 0-175Zm0 3.5a84 84 0 1 1 0 168 84 84 0 0 1 0-168Z",
-      fill: "#D7D7D7"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M161.4 61.5c1 0 1.8-.8 1.8-1.8V46.1a4.7 4.7 0 0 0-4.7-4.7H26a4.7 4.7 0 0 0-4.7 4.7v34.3c0 1 .8 1.8 1.8 1.8h61.5c.4 0 .8-.1 1.1-.4l26.4-20.3h49.3Z",
-      fill: "#D7D7D7"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M138.4 59.7h-25.5L84.6 80.4H45.3V25.7a3 3 0 0 1 2.9-2.9h64.7l25.5 27.5v9.4Z",
-      fill: "#fff"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M112.9 21H48.2a4.7 4.7 0 0 0-4.7 4.7v54.7c0 1 .8 1.8 1.8 1.8h39.3c.4 0 .8-.1 1-.3l27.8-20.4h25c1 0 1.8-.8 1.8-1.8V50l-.1-.3-.2-.3v-.2l-.2-.1L114 21.6l-.1-.2-.4-.2h-.1l-.3-.1H113Zm-1.8 3.6H48.2c-.6 0-1.2.5-1.2 1.1v53h37l27.8-20.4c.3-.2.7-.3 1-.3h23.8v-6H113c-1 0-1.8-.8-1.8-1.7V24.6Zm-51 44.8h25.7a1.8 1.8 0 0 0 0-3.5H60.2a1.8 1.8 0 0 0 0 3.5Zm0-16h22a1.8 1.8 0 0 0 0-3.5H60a1.8 1.8 0 0 0 0 3.5Zm0-8.4h37.4a1.8 1.8 0 0 0 0-3.6H60.2a1.8 1.8 0 0 0 0 3.6Z",
-      fill: "#D7D7D7"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M4.8 84a3 3 0 0 1 2.9-3.6h76.5a3 3 0 0 0 1.7-.5l26.4-19.6a3 3 0 0 1 1.8-.6h64.7a3 3 0 0 1 3 3.5c-2.9 16-14.4 83-16.8 96.7a3 3 0 0 1-2.9 2.4H25.4a3 3 0 0 1-2.9-2.2L4.8 84Z",
-      fill: "#EDEDED"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "m3.1 84.4 17.7 76a4.7 4.7 0 0 0 4.6 3.7h136.7c2.3 0 4.2-1.7 4.6-4l16.7-96.6a4.7 4.7 0 0 0-4.6-5.5h-64.7c-1 0-2 .3-2.8.9a1130716.6 1130716.6 0 0 1-27.1 19.8H7.7a4.7 4.7 0 0 0-4.6 5.7Zm3.5-.8a1.2 1.2 0 0 1 1.1-1.4h76.5c1 0 2-.3 2.8-1a724489.6 724489.6 0 0 1 27-19.7h64.8a1.2 1.2 0 0 1 1.2 1.4l-16.7 96.7c-.1.6-.6 1-1.2 1H25.4c-.5 0-1-.4-1.1-1l-17.7-76Z",
-      fill: "#D7D7D7"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M159.7 161a36.5 36.5 0 0 1-46.5-4 36.6 36.6 0 0 1 .4-51.8 36.6 36.6 0 0 1 51.7-.4 36.5 36.5 0 0 1 4 46.5l25 24.9c2.6 2.6 2.6 7 0 9.6a6.8 6.8 0 0 1-9.7 0l-25-24.9Z",
-      fill: "#fff"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "m159.5 163.2 23.8 23.9a8.6 8.6 0 0 0 12.2 0 8.6 8.6 0 0 0 0-12.2L171.6 151a38.2 38.2 0 0 0-5-47.4 38.3 38.3 0 0 0-54.2.4 38.3 38.3 0 0 0-.4 54.2 38.2 38.2 0 0 0 47.5 5Zm1.4-3.5c-.6-.6-1.5-.7-2.2-.2a34.7 34.7 0 0 1-44.2-3.8 34.8 34.8 0 0 1 .4-49.2 34.8 34.8 0 0 1 49.2-.4c12 11.9 13.1 30.5 3.8 44.2-.5.7-.4 1.6.2 2.2l24.9 25c2 1.9 2 5.1 0 7a5 5 0 0 1-7.2 0L161 159.8Z",
-      fill: "#D7D7D7"
-    }), _jsx("path", {
-      d: "M163.5 130.8a24.4 24.4 0 0 0-24.2-24.6c-13.4 0-24.3 11-24.3 24.6a24.4 24.4 0 0 0 24.3 24.6c13.3 0 24.2-11 24.2-24.6Z",
-      fill: "#EDEDED"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M113.3 130.8a26.2 26.2 0 0 0 26 26.4c14.3 0 26-11.8 26-26.4a26.2 26.2 0 0 0-26-26.4c-14.4 0-26 11.8-26 26.4Zm3.5 0c0-12.6 10-22.8 22.5-22.8a22.7 22.7 0 0 1 22.4 22.8c0 12.6-10 22.9-22.4 22.9a22.7 22.7 0 0 1-22.5-22.9Z",
-      fill: "#D7D7D7"
-    }), _jsx("path", {
-      opacity: ".7",
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M117 121c.7-1.4 13.9 1.6 22.3 9.9 8.1 8 11.4 21.4 10.2 22-9.1 4.3-20.2 2.7-27.6-4.7-7.4-7.3-9-18.3-4.8-27.3Z",
-      fill: "#fff"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M120.9 112.5a26.2 26.2 0 0 0-.3 37 26.2 26.2 0 0 0 37-.2 26.2 26.2 0 0 0 .3-37 26.2 26.2 0 0 0-37 .2Zm2.5 2.5c9-9 23.3-9 32-.3a22.7 22.7 0 0 1-.2 32c-9 9-23.3 9.1-32 .3a22.7 22.7 0 0 1 .2-32Z",
-      fill: "#D7D7D7"
-    }), _jsx("path", {
-      d: "M140.2 142.1c1.4 0 2.4 1 2.4 2.4 0 1.3-1 2.3-2.4 2.3-1.3 0-2.3-1-2.3-2.3 0-1.3 1-2.4 2.3-2.4Zm.1-20.5V117a9.5 9.5 0 0 0-9.4 6.8v.2l4.5 1v.1l-4.6-1.1c-.3 1.2.5 2.5 1.8 2.8 1.2.3 2.5-.5 2.8-1.7l.2-.5.7-1.2c.7-.8 1.8-1.7 4-1.7Zm9.4 5.1a9.3 9.3 0 0 0-9.4-9.8v4.7c.6 0 1.8.2 2.9 1 .9.6 1.8 1.7 1.8 4.1 0 .5-.2 1-.7 1.6-.5.6-1.3 1.2-2.2 1.7a18.4 18.4 0 0 1-3.4 1.5h-.3c-1.2.4-2 1.8-1.6 3 .4 1.3 1.7 2 3 1.6l-.7-2.2-.4-1.4-.2-.6V131.6l.6 2.3.6 2.2h.2a11.6 11.6 0 0 0 1.3-.5c.9-.3 2-.8 3.2-1.5 1.2-.6 2.4-1.5 3.4-2.7a7 7 0 0 0 2-4.7Z",
-      fill: "#D7D7D7"
-    })]
-  });
-}

package/es/common/components/instant-search/products.js

@@ -1,129 +0,0 @@
-import * as React from "react";
-import Image from "next/image";
-import Link from "ublo/link";
-import Loader from "dt-design-system/es/loader";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import * as Ripple from "dt-design-system/es/ripple";
-import * as Utils from "./services/utils";
-import message from "./services/messages";
-import NoProduct from "./no-product";
-import css from "./products.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-const PLACEHOLDERS = [...new Array(5)];
-export default function Products({
-  lang,
-  products,
-  weekNumber,
-  loading,
-  sendPlausibleGoal,
-  otherResultsRef,
-  isOtherResultsEmpty
-}) {
-  const filteredProducts = Utils.filterProducts(products, weekNumber);
-  const noProduct = !loading && !filteredProducts.length;
-  const scrollToOtherResults = () => {
-    if (otherResultsRef.current) {
-      otherResultsRef.current.scrollIntoView({
-        behavior: "smooth",
-        block: "start"
-      });
-    }
-  };
-  const createRipple = e => {
-    Ripple.create(e);
-  };
-  return _jsxs(_Fragment, {
-    children: [noProduct && _jsxs("div", {
-      className: css.noProduct,
-      children: [_jsx(NoProduct, {
-        className: css.noProductIcon
-      }), message(lang, "noProducts")]
-    }), loading && PLACEHOLDERS.map((_, i) => {
-      return _jsx("div", {
-        className: css.loaderContainer,
-        children: _jsx(Loader, {
-          className: css.loader,
-          variant: "overlay"
-        })
-      }, i);
-    }), !loading && filteredProducts.map(product => {
-      const {
-        id,
-        pageTitle,
-        title,
-        parentTitle,
-        image = "",
-        imagePlaceholder,
-        price,
-        time,
-        text,
-        path
-      } = product.document;
-      const decodedPath = decodeURIComponent(path);
-      const productPageTitle = Utils.getHighlight("pageTitle", product.highlight) || pageTitle;
-      const productTitle = Utils.getHighlight("title", product.highlight) || title;
-      const productTime = Utils.getHighlight("time", product.highlight) || time;
-      const productText = Utils.getHighlight("text", product.highlight) || text;
-      const showPrice = price !== undefined && weekNumber !== null;
-      const imagePlaceholderStategy = imagePlaceholder ? "blur" : "empty";
-      return _jsxs(Link, {
-        className: css.product,
-        href: decodedPath,
-        onClick: sendPlausibleGoal(decodedPath),
-        onMouseDown: createRipple,
-        children: [_jsx(Image, {
-          className: css.productImage,
-          src: image,
-          alt: title,
-          width: 220,
-          height: 180,
-          placeholder: imagePlaceholderStategy,
-          blurDataURL: imagePlaceholder
-        }), _jsxs("div", {
-          className: css.productContent,
-          children: [parentTitle && _jsx("div", {
-            className: css.productParent,
-            dangerouslySetInnerHTML: {
-              __html: parentTitle
-            }
-          }), _jsx("div", {
-            className: css.productPageTitle,
-            dangerouslySetInnerHTML: {
-              __html: productPageTitle
-            }
-          }), _jsx("div", {
-            className: css.productTitle,
-            dangerouslySetInnerHTML: {
-              __html: productTitle
-            }
-          }), _jsx("div", {
-            className: css.productTime,
-            dangerouslySetInnerHTML: {
-              __html: productTime
-            }
-          }), _jsx("div", {
-            className: css.productText,
-            dangerouslySetInnerHTML: {
-              __html: productText
-            }
-          }), showPrice && _jsx("div", {
-            className: css.productPrice,
-            dangerouslySetInnerHTML: {
-              __html: price
-            }
-          })]
-        })]
-      }, id);
-    }), !noProduct && !isOtherResultsEmpty && _jsx("div", {
-      className: css.otherProducts,
-      children: _jsxs(Button, {
-        className: css.otherProductsButton,
-        onClick: scrollToOtherResults,
-        children: [message(lang, "showOtherResults"), _jsx(Icons.ArrowDown, {})]
-      })
-    })]
-  });
-}