ublo-lib 1.38.44 → 1.39.0

package/es/market-place/components/instant-search/google-results.d.ts

@@ -0,0 +1,9 @@
+import { type GoogleSearchResult } from "./services/api";
+type Props = {
+    links: GoogleSearchResult[];
+    loading: boolean;
+    sendPlausibleGoal: (path: string) => void;
+};
+export default function OTLinks({ links, loading, sendPlausibleGoal }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=google-results.d.ts.map

package/es/market-place/components/instant-search/google-results.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-results.d.ts","sourceRoot":"","sources":["../../../../src/market-place/components/instant-search/google-results.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGzD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IAEjB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAAE,KAAK,2CAoD3E"}

package/es/market-place/components/instant-search/google-results.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "ublo/link";
+import * as Icons from "dt-design-system/es/icons";
+import Loader from "dt-design-system/es/loader";
+import * as Ripple from "dt-design-system/es/ripple";
+import css from "./google-results.module.css";
+const PLACEHOLDERS = [...new Array(4)];
+export default function OTLinks({ links, loading, sendPlausibleGoal }) {
+    if (!loading && (!links || links.length === 0))
+        return null;
+    const createRipple = (e) => {
+        Ripple.create(e);
+    };
+    const linksTitle = "Office du tourisme";
+    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, { variant: "overlay" }) }, i));
+                        }), !loading &&
+                        links.map((product, i) => {
+                            const { htmlTitle, link } = product;
+                            const productTitle = htmlTitle.toLowerCase();
+                            return (_jsxs(Link, { className: css.link, href: link, target: "_blank", onClick: sendPlausibleGoal(link), onMouseDown: createRipple, children: [_jsx(Icons.Globe, { className: css.linkIcon }), _jsx("div", { className: css.linkContent, children: _jsxs("div", { className: css.linkTitleContainer, children: [_jsx("div", { className: css.linkTitle, dangerouslySetInnerHTML: { __html: productTitle } }), _jsx(Icons.ExternalLink, { className: css.linkIcon })] }) })] }, i));
+                        })] })] }));
+}

package/es/market-place/components/instant-search/google-results.module.css

@@ -0,0 +1,109 @@
+.linksSection {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.linksTitle {
+  position: sticky;
+  top: 16px;
+  font-size: 17px;
+  font-weight: 700;
+  padding: 3px 8px;
+  background-color: var(--ds-grey-200, #efefef);
+  border-radius: var(--ds-radius-200, 8px);
+  z-index: 1;
+}
+
+@media (min-width: 730px) {
+  .linksTitle {
+    top: 0;
+  }
+}
+
+.links {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.loaderContainer {
+  position: relative;
+  width: 100%;
+  height: 44px;
+  border-radius: var(--ds-radius-100, 6px);
+}
+
+a.link {
+  position: relative;
+  display: flex;
+  gap: 10px;
+  padding: 6px;
+  color: var(--ds-grey-700, #262626);
+  border-radius: var(--ds-radius-100, 6px);
+  transition: background-color 160ms
+    var(--ds-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+}
+
+.link:is(:hover, :focus) {
+  background-color: var(--ds-grey-100, #f5f5f5);
+}
+
+.linkIcon {
+  flex: 0 0 16px;
+  width: 16px;
+  height: 16px;
+  margin-top: 2px;
+  fill: currentColor;
+}
+
+.linkContent {
+  flex: 1 1 auto;
+}
+
+.linkTitleContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 4px;
+}
+
+.linkTitle {
+  font-size: 15px;
+  font-weight: 700;
+}
+
+.linkTitle:first-letter {
+  text-transform: uppercase;
+}
+
+.link b {
+  position: relative;
+  display: inline-block;
+  font-weight: 700;
+  color: var(--ds-primary, var(--ds-blue-500, #002dcc));
+  background-color: transparent;
+}
+
+.link b::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--ds-primary, var(--ds-blue-500, #002dcc));
+  border-radius: calc(var(--ds-radius-100, 6px) / 3);
+  opacity: 0.15;
+}
+
+.linkParent {
+  text-transform: uppercase;
+  font-size: 10px;
+}
+
+.linkText {
+  font-size: 14px;
+  white-space: pre-wrap;
+}

package/es/market-place/components/instant-search/hooks/use-constant.d.ts

@@ -0,0 +1,2 @@
+export default function useConstant(fn: any): any;
+//# sourceMappingURL=use-constant.d.ts.map

package/es/market-place/components/instant-search/hooks/use-constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-constant.d.ts","sourceRoot":"","sources":["../../../../../src/market-place/components/instant-search/hooks/use-constant.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,EAAE,GAAG,OAQ1C"}

package/es/market-place/components/instant-search/hooks/use-constant.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export default function useConstant(fn) {
+    const ref = React.useRef();
+    if (!ref.current) {
+        ref.current = { v: fn() };
+    }
+    return ref.current.v;
+}

package/es/market-place/components/instant-search/hooks/use-debounced-search.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export default function useDebouncedSearch(searchFunction: (text: string) => Promise<any>): {
+    text: string;
+    setText: React.Dispatch<React.SetStateAction<string>>;
+    search: import("react-async-hook").UseAsyncReturn<any, any[]>;
+};
+//# sourceMappingURL=use-debounced-search.d.ts.map

package/es/market-place/components/instant-search/hooks/use-debounced-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-search.d.ts","sourceRoot":"","sources":["../../../../../src/market-place/components/instant-search/hooks/use-debounced-search.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAExC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC;;;;EAY/C"}

package/es/market-place/components/instant-search/hooks/use-debounced-search.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import debouncePromise from "awesome-debounce-promise";
+import { useAsync } from "react-async-hook";
+import useConstant from "./use-constant";
+const DEBOUNCE_AMOUNT = 400;
+export default function useDebouncedSearch(searchFunction) {
+    const [text, setText] = React.useState("");
+    const debouncedSearchFunction = useConstant(() => debouncePromise(searchFunction, DEBOUNCE_AMOUNT));
+    const search = useAsync(async () => (text.length === 0 ? undefined : debouncedSearchFunction(text)), [debouncedSearchFunction, text], { setLoading: (state) => ({ ...state, loading: true }) });
+    return { text, setText, search };
+}

package/es/market-place/components/instant-search/hooks/use-google-search.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export default function useGoogleSearch(lang: string): {
+    text: string;
+    setText: import("react").Dispatch<import("react").SetStateAction<string>>;
+    search: import("react-async-hook").UseAsyncReturn<any, any[]>;
+};
+//# sourceMappingURL=use-google-search.d.ts.map

package/es/market-place/components/instant-search/hooks/use-google-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-google-search.d.ts","sourceRoot":"","sources":["../../../../../src/market-place/components/instant-search/hooks/use-google-search.ts"],"names":[],"mappings":";AAGA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,IAAI,EAAE,MAAM;;;;EAInD"}

package/es/market-place/components/instant-search/hooks/use-google-search.js

@@ -0,0 +1,7 @@
+import useDebouncedSearch from "./use-debounced-search";
+import * as API from "../services/api";
+export default function useGoogleSearch(lang) {
+    return useDebouncedSearch(async (query) => {
+        return API.fetchOTResults(query, lang);
+    });
+}

package/es/market-place/components/instant-search/hooks/use-search.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export type SearchOptions = {
+    groupLimit?: number;
+    page?: number;
+    perPage?: number;
+    queryBy?: string;
+    queryByWeights?: string;
+    filterBy?: string;
+    sortBy?: string;
+    semantic?: boolean;
+};
+export default function useSearch(lang: string, options?: SearchOptions): {
+    text: string;
+    setText: import("react").Dispatch<import("react").SetStateAction<string>>;
+    search: import("react-async-hook").UseAsyncReturn<any, any[]>;
+};
+//# sourceMappingURL=use-search.d.ts.map

package/es/market-place/components/instant-search/hooks/use-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-search.d.ts","sourceRoot":"","sources":["../../../../../src/market-place/components/instant-search/hooks/use-search.ts"],"names":[],"mappings":";AAOA,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;;;;EAY1E"}

package/es/market-place/components/instant-search/hooks/use-search.js

@@ -0,0 +1,10 @@
+import getConfig from "next/config";
+import useDebouncedSearch from "./use-debounced-search";
+import * as API from "../services/api";
+const { publicRuntimeConfig } = getConfig();
+const { site } = publicRuntimeConfig;
+export default function useSearch(lang, options = {}) {
+    return useDebouncedSearch(async (query) => {
+        return API.fetchResults(site, lang, query, options.groupLimit, options.queryBy, options.queryByWeights, options.semantic);
+    });
+}

package/es/market-place/components/instant-search/i18n.json

@@ -0,0 +1,67 @@
+{
+  "fr": {
+    "search-placeholder": "Que recherchez-vous ?",
+    "try": "Essayez",
+    "pages": "Pages",
+    "page": "Page",
+    "faqs": "Questions fréquentes",
+    "information": "Informations",
+    "instructors": "Moniteurs",
+    "noProducts": "Pas de produit correspondant",
+    "lodging": "Hébergement",
+    "showOtherResults": "Afficher les autres résultats"
+  },
+  "en": {
+    "search-placeholder": "What are you looking for?",
+    "try": "Try",
+    "pages": "Pages",
+    "page": "Page",
+    "faqs": "FAQs",
+    "information": "Information",
+    "instructors": "Instructors",
+    "noProducts": "No matching product",
+    "lodging": "Lodging",
+    "showOtherResults": "Show other results"
+  },
+  "es": {
+    "search-placeholder": "¿Qué estás buscando?",
+    "pages": "Paginas",
+    "page": "Página",
+    "faqs": "Preguntas frecuentes",
+    "information": "Informaciones",
+    "instructors": "Instructores",
+    "noProducts": "Ningún producto coincidente",
+    "lodging": "Alojamiento",
+    "showOtherResults": "Mostrar otros resultados"
+  },
+  "it": {
+    "search-placeholder": "Cosa stai cercando?",
+    "pages": "Pagine",
+    "faqs": "Domande frequenti",
+    "information": "Informazioni",
+    "instructors": "Insegnanti",
+    "noProducts": "Nessun prodotto corrispondente",
+    "lodging": "Alloggio",
+    "showOtherResults": "Mostra altri risultati"
+  },
+  "nl": {
+    "search-placeholder": "Waar ben je naar op zoek?",
+    "pages": "Pagina's",
+    "faqs": "Veel Gestelde Vragen",
+    "information": "Informatie",
+    "instructors": "Instructeurs",
+    "noProducts": "Geen bijpassend product",
+    "lodging": "Accommodatie",
+    "showOtherResults": "Toon andere resultaten"
+  },
+  "ru": {
+    "search-placeholder": "Что вы ищете?",
+    "pages": "Страницы",
+    "faqs": "Часто задаваемые вопросы",
+    "information": "Информация",
+    "instructors": "Преподаватели",
+    "noProducts": "Нет подходящего продукта",
+    "lodging": "Проживание",
+    "showOtherResults": "Показать другие результаты"
+  }
+}

package/es/market-place/components/instant-search/index.d.ts

@@ -0,0 +1,3 @@
+import InstantSearch from "./instant-search";
+export default InstantSearch;
+//# sourceMappingURL=index.d.ts.map

package/es/market-place/components/instant-search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/market-place/components/instant-search/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,eAAe,aAAa,CAAC"}

package/es/market-place/components/instant-search/index.js

@@ -0,0 +1,2 @@
+import InstantSearch from "./instant-search";
+export default InstantSearch;

package/es/market-place/components/instant-search/instant-search.d.ts

@@ -0,0 +1,14 @@
+import { SearchOptions } from "./hooks/use-search";
+type Props = {
+    lang: string;
+    className?: string;
+    suggestions?: {
+        fr?: string[];
+        en?: string[];
+    };
+    options?: SearchOptions;
+    weekNumber: number | null;
+};
+export default function InstantSearch({ lang, suggestions, className, options, weekNumber, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=instant-search.d.ts.map

package/es/market-place/components/instant-search/instant-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instant-search.d.ts","sourceRoot":"","sources":["../../../../src/market-place/components/instant-search/instant-search.tsx"],"names":[],"mappings":"AAOA,OAAkB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAK9D,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE;QACZ,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;KACf,CAAC;IACF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAI,EACJ,WAAW,EACX,SAAS,EACT,OAAY,EACZ,UAAU,GACX,EAAE,KAAK,2CAmGP"}

package/es/market-place/components/instant-search/instant-search.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import classNames from "classnames";
+import Router from "next/router";
+import Input from "dt-design-system/es/input";
+import Dialog from "dt-design-system/es/dialog";
+import SearchInput from "./search-input";
+import Results from "./results";
+import useSearch from "./hooks/use-search";
+import * as Plausible from "../../../common/components/plausible";
+import message from "./services/messages";
+import css from "./instant-search.module.css";
+export default function InstantSearch({ lang, suggestions, className, options = {}, weekNumber, }) {
+    const [opened, setOpened] = React.useState(false);
+    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?.grouped_hits?.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}`,
+        });
+    };
+    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(() => {
+        window.addEventListener("keydown", handleKeyPresses);
+        return () => {
+            window.removeEventListener("keydown", handleKeyPresses);
+        };
+    }, [handleKeyPresses]);
+    return (_jsxs(_Fragment, { children: [_jsx(Input, { icon: "Search", placeholder: message(lang, "search-placeholder"), className: classes, onClick: openSearch, readOnly: true }), _jsxs(Dialog, { className: css.dialog, isOpened: opened, showCloseButton: false, close: () => closeSearch(), container: "body", children: [_jsx(SearchInput, { 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, loading: search.loading === true && search.result === undefined, sendPlausibleGoal: sendPlausibleGoal })] })] }));
+}

package/es/market-place/components/instant-search/instant-search.module.css

@@ -0,0 +1,16 @@
+.search {
+  flex: 1 1 auto;
+}
+
+.search input:placeholder {
+  color: var(--ds-grey-600, #484848);
+}
+
+.dialog {
+  width: 1100px;
+  max-width: calc(100% - 6px);
+  max-height: calc(100% - 6px);
+  background-color: transparent;
+  box-shadow: none;
+  pointer-events: auto;
+}

package/es/market-place/components/instant-search/links.d.ts

@@ -0,0 +1,11 @@
+type Props = {
+    linksTitle: string;
+    icon: "FileText" | "Info" | "Question" | "User";
+    links: Hit[];
+    pageTitleAsTitle?: boolean;
+    loading: boolean;
+    sendPlausibleGoal: (path: string) => void;
+};
+export default function Links({ icon, linksTitle, links, pageTitleAsTitle, loading, sendPlausibleGoal, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=links.d.ts.map

package/es/market-place/components/instant-search/links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../../src/market-place/components/instant-search/links.tsx"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;IAChD,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IAEjB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,iBAAiB,GAClB,EAAE,KAAK,2CAoEP"}

package/es/market-place/components/instant-search/links.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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";
+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) ||
+                                Utils.sliceText(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/market-place/components/instant-search/links.module.css

@@ -0,0 +1,97 @@
+.linksSection {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.linksTitle {
+  position: sticky;
+  top: 16px;
+  font-size: 17px;
+  font-weight: 700;
+  padding: 3px 8px;
+  background-color: var(--ds-grey-200, #efefef);
+  border-radius: var(--ds-radius-100, 6px);
+  z-index: 1;
+}
+
+@media (min-width: 730px) {
+  .linksTitle {
+    top: 0;
+  }
+}
+
+.links {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.loaderContainer {
+  position: relative;
+  width: 100%;
+  height: 44px;
+  border-radius: var(--ds-radius-100, 6px);
+}
+
+.link {
+  position: relative;
+  display: flex;
+  gap: 10px;
+  padding: 6px;
+  color: var(--ds-grey-700, #262626);
+  border-radius: var(--ds-radius-100, 6px);
+  transition: background-color 160ms
+    var(--ds-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+}
+
+.link:is(:hover, :focus) {
+  background-color: var(--ds-grey-100, #f5f5f5);
+}
+
+.linkIcon {
+  flex: 0 0 16px;
+  width: 16px;
+  height: 16px;
+  margin-top: 2px;
+  fill: currentColor;
+}
+
+.linkContent {
+  flex: 1 1 auto;
+}
+
+.linkTitle {
+  font-size: 15px;
+  font-weight: 700;
+}
+
+.link mark {
+  position: relative;
+  display: inline-block;
+  font-weight: 700;
+  color: var(--ds-primary, var(--ds-blue-500, #002dcc));
+  background-color: transparent;
+}
+
+.link mark::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--ds-primary, var(--ds-blue-500, #002dcc));
+  border-radius: calc(var(--ds-radius-100, 6px) / 3);
+  opacity: 0.15;
+}
+
+.linkParent {
+  text-transform: uppercase;
+  font-size: 10px;
+}
+
+.linkText {
+  font-size: 14px;
+  white-space: pre-wrap;
+}

package/es/market-place/components/instant-search/no-product.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    className?: string;
+};
+export default function NoProduct({ className }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=no-product.d.ts.map

package/es/market-place/components/instant-search/no-product.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-product.d.ts","sourceRoot":"","sources":["../../../../src/market-place/components/instant-search/no-product.tsx"],"names":[],"mappings":"AAAA,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,2CA2FrD"}

package/es/market-place/components/instant-search/no-product.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, 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/market-place/components/instant-search/products.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+type Props = {
+    lang: string;
+    products: Hit[];
+    weekNumber: number | null;
+    loading: boolean;
+    sendPlausibleGoal: (path: string) => void;
+    otherResultsRef: React.RefObject<HTMLDivElement>;
+    isOtherResultsEmpty: boolean;
+};
+export default function Products({ lang, products, weekNumber, loading, sendPlausibleGoal, otherResultsRef, isOtherResultsEmpty, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=products.d.ts.map

package/es/market-place/components/instant-search/products.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../../src/market-place/components/instant-search/products.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IAEjB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD,mBAAmB,EAAE,OAAO,CAAC;CAC9B,CAAC;AASF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,mBAAmB,GACpB,EAAE,KAAK,2CAoIP"}