ublo-lib 1.38.44 → 1.39.0

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

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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 pagePlaceholder from "./images/page-placeholder.png";
+import lodgingPlaceholder from "./images/lodging-placeholder.png";
+import css from "./products.module.css";
+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, title, subtitle, parentTitle, image = "", imagePlaceholder, price, time, text, path, target, type, } = product.document;
+                    const decodedPath = decodeURIComponent(target || path);
+                    const productTitle = Utils.getHighlight("title", product.highlight) || title;
+                    const productSubTitle = Utils.getHighlight("subtitle", product.highlight) || subtitle;
+                    const productTime = Utils.getHighlight("time", product.highlight) || time;
+                    const productText = Utils.getHighlight("text", product.highlight) || text;
+                    const showPrice = price !== undefined;
+                    const imagePlaceholderStategy = imagePlaceholder ? "blur" : "empty";
+                    const showImage = Boolean(image);
+                    return (_jsxs(Link, { className: css.product, href: decodedPath, onClick: sendPlausibleGoal(decodedPath), onMouseDown: createRipple, children: [showImage ? (_jsx(Image, { className: css.productImage, src: image, alt: title, width: 220, height: 180, placeholder: imagePlaceholderStategy, blurDataURL: imagePlaceholder })) : (_jsx(Placeholder, { lang: lang, type: type })), _jsxs("div", { className: css.productContent, children: [parentTitle && (_jsx("div", { className: css.productParent, dangerouslySetInnerHTML: { __html: parentTitle } })), _jsx("div", { className: css.productTitle, dangerouslySetInnerHTML: { __html: productTitle } }), _jsx("div", { className: css.productSubtitle, dangerouslySetInnerHTML: { __html: productSubTitle } }), _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, {})] }) }))] }));
+}
+function Placeholder({ type }) {
+    const icons = {
+        lodging: "Home",
+        page: "File",
+    };
+    const Icon = Icons[icons[type]];
+    const image = type === "lodging" ? lodgingPlaceholder : pagePlaceholder;
+    return (_jsxs("div", { className: css.placeholder, children: [_jsx(Image, { className: css.productImage, src: image, width: 220, height: 180, alt: "placeholder" }), _jsx(Icon, { className: css.icon })] }));
+}

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

@@ -0,0 +1,169 @@
+.noProduct {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 18px;
+  color: var(--ds-grey-500, #484848);
+  text-align: center;
+  font-size: 17px;
+}
+
+.noProductIcon {
+  flex: 0 0 140px;
+  width: 140px;
+  height: 140px;
+}
+
+.loaderContainer {
+  position: relative;
+  width: 100%;
+  height: 290px;
+  border-radius: var(--ds-radius-100, 6px);
+}
+
+.loader {
+  background: linear-gradient(
+    -45deg,
+    var(--ds-grey-300, #d4d4d4),
+    var(--ds-grey-400, #d2d2d2),
+    var(--ds-grey-200, #efefef),
+    var(--ds-grey-400, #d2d2d2)
+  );
+  background-size: 400% 400%;
+  background-position: 0% 50%;
+}
+
+.product {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  color: var(--ds-grey-500, #484848);
+  border-radius: var(--ds-radius-100, 6px);
+  background-color: var(--ds-grey-000, #fff);
+}
+
+.product mark {
+  position: relative;
+  display: inline-block;
+  font-weight: 700;
+  color: var(--ds-primary, var(--ds-blue-500, #002dcc));
+  background-color: transparent;
+}
+
+.product 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;
+}
+
+.placeholder {
+  position: relative;
+  color: var(--ds-grey-000, #fff);
+}
+
+.placeholder,
+.productImage {
+  width: 100%;
+  height: 180px;
+  object-fit: cover;
+  border-radius: var(--ds-radius-100, 6px) var(--ds-radius-100, 6px) 0 0;
+}
+
+.placeholder::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background-color: var(--ds-primary, var(--ds-blue-500, #002dcc));
+  opacity: 0.7;
+  pointer-events: none;
+  touch-action: none;
+  z-index: 1;
+}
+
+.icon {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 33px;
+  height: 33px;
+  fill: currentColor;
+  z-index: 2;
+}
+
+.productContent {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 8px;
+}
+
+.productParent {
+  text-transform: uppercase;
+  font-size: 10px;
+}
+
+.productPageTitle {
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 1;
+}
+
+.productTitle {
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 1;
+}
+
+.productSubtitle {
+  font-size: 14px;
+  line-height: 1;
+}
+
+.productText {
+  font-size: 11px;
+}
+
+.productPrice {
+  position: absolute;
+  top: 6px;
+  left: 6px;
+  padding: 4px;
+  color: var(--ds-grey-100, #f5f5f5);
+  background-color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
+  font-weight: 700;
+  font-size: 12px;
+  border-radius: var(--ds-radius-100, 6px);
+}
+
+.productTime {
+  font-size: 8px;
+  text-transform: uppercase;
+  font-weight: 700;
+}
+
+.otherProducts {
+  grid-column: 1 / -1;
+  position: sticky;
+  bottom: 16px;
+  display: flex;
+  justify-content: center;
+}
+
+@media (min-width: 730px) {
+  .otherProducts {
+    display: none;
+  }
+}

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

@@ -0,0 +1,20 @@
+type Props = {
+    lang: string;
+    text: string;
+    results: {
+        facet_counts?: any[];
+        found?: number;
+        grouped_hits?: GroupedHit[];
+        out_of?: number;
+        page?: number;
+        request_params?: RequestParams;
+        search_cutoff?: boolean;
+        search_time_ms?: number;
+    };
+    weekNumber: number | null;
+    sendPlausibleGoal: (path: string) => void;
+    loading: boolean;
+};
+export default function Results({ lang, text, results, weekNumber, loading, sendPlausibleGoal, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=results.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"results.d.ts","sourceRoot":"","sources":["../../../../src/market-place/components/instant-search/results.tsx"],"names":[],"mappings":"AAQA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QACP,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC;QAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,aAAa,CAAC;QAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,UAAU,EACV,OAAO,EACP,iBAAiB,GAClB,EAAE,KAAK,2CA0GP"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Links from "./links";
+import OTLinks from "./google-results";
+import Products from "./products";
+import useGoogleSearch from "./hooks/use-google-search";
+import message from "./services/messages";
+import css from "./results.module.css";
+export default function Results({ lang, text, results, weekNumber, loading, sendPlausibleGoal, }) {
+    const ref = React.useRef(null);
+    const { setText: setGoogleText, search: googleSearch } = useGoogleSearch(lang);
+    const { grouped_hits: groupedHits = [] } = results || {};
+    const flattenedHits = groupedHits.reduce((acc, group) => {
+        return [...acc, ...group.hits];
+    }, []);
+    const sortedHits = flattenedHits.reduce((acc, hit) => {
+        const { type } = hit.document;
+        return { ...acc, [type]: [...acc[type], hit] };
+    }, { page: [], product: [], information: [], faq: [], lodging: [] });
+    React.useEffect(() => {
+        const runEffect = () => {
+            if (sortedHits.product.length < 4) {
+                setGoogleText(text);
+            }
+            else {
+                setGoogleText("");
+            }
+        };
+        runEffect();
+    }, [text, sortedHits, setGoogleText]);
+    const { page: pages, product: products, information, faq: faqs, lodging: lodgings, } = sortedHits;
+    const filteredFaqs = faqs.reduce((acc, faq) => {
+        const isAlreadyInAcc = acc.some((item) => {
+            const hasSameTitle = item.document.title === faq.document.title;
+            const hasSameParentTitle = item.document.parentTitle === faq.document.parentTitle;
+            return hasSameTitle && hasSameParentTitle;
+        });
+        if (isAlreadyInAcc)
+            return acc;
+        return [...acc, faq];
+    }, []);
+    const isOtherResultsEmpty = !(pages.length ||
+        filteredFaqs.length ||
+        information.length);
+    const allProducts = [...products, ...pages, ...lodgings];
+    return (_jsx("div", { className: css.results, children: (loading || text.length > 0) && (_jsxs("div", { className: css.inner, children: [_jsxs("div", { ref: ref, className: css.left, children: [_jsx(Links, { linksTitle: message(lang, "faqs"), icon: "Question", links: filteredFaqs, loading: loading, sendPlausibleGoal: sendPlausibleGoal }), _jsx(OTLinks, { links: googleSearch.result, loading: googleSearch.loading, sendPlausibleGoal: sendPlausibleGoal }), _jsx(Links, { linksTitle: message(lang, "information"), icon: "Info", links: information, loading: loading, sendPlausibleGoal: sendPlausibleGoal, pageTitleAsTitle: true })] }), _jsx("div", { className: css.right, children: _jsx(Products, { lang: lang, products: allProducts, weekNumber: weekNumber, loading: loading, sendPlausibleGoal: sendPlausibleGoal, otherResultsRef: ref, isOtherResultsEmpty: isOtherResultsEmpty }) })] })) }));
+}

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

@@ -0,0 +1,95 @@
+.results {
+  width: calc(100% - 20px);
+  height: 600px;
+  max-height: 70vh;
+  display: flex;
+  flex-direction: column;
+  margin: 0 10px 10px 10px;
+  padding: 10px;
+}
+
+.results:not(:empty) {
+  padding: 0;
+  background-color: var(--ds-grey-000, #fff);
+  border-radius: var(--ds-radius-100, 6px);
+  box-shadow: var(--ds-shadow-200, 0 5px 10px rgba(0, 0, 0, 0.12));
+}
+
+.inner {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border-radius: var(--ds-radius-100, 6px);
+  overflow: auto;
+  overscroll-behavior: contain;
+  -webkit-overflow-scrolling: touch;
+}
+
+@media (min-width: 730px) {
+  .inner {
+    flex-direction: row;
+    overflow: visible;
+  }
+}
+
+.left {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 16px;
+  order: 1;
+}
+
+.left:empty {
+  display: none;
+}
+
+@media (min-width: 730px) {
+  .left {
+    flex: 0 0 330px;
+    order: 0;
+    overflow: auto;
+    overscroll-behavior: contain;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+
+.right {
+  position: relative;
+  flex: 1 1 auto;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  align-content: flex-start;
+  background-color: var(--ds-grey-100, #f5f5f5);
+  border-radius: var(--ds-radius-100, 6px) var(--ds-radius-100, 6px) 0 0;
+  gap: 16px;
+  padding: 16px;
+}
+
+@media (min-width: 730px) {
+  .right {
+    border-radius: 0 var(--ds-radius-100, 6px) var(--ds-radius-100, 6px) 0;
+    overflow: auto;
+    overscroll-behavior: contain;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+
+.resultsWithWeekTitle,
+.resultsWithoutWeekTitle {
+  --ds-button-text-transform: none;
+
+  grid-column: 1 / -1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 10px;
+  padding: 12px 8px;
+  text-align: center;
+  font-size: 15px;
+  background-color: var(--ds-grey-000, #fff);
+  border-radius: var(--ds-radius-100, 6px);
+  z-index: 1;
+}

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

@@ -0,0 +1,15 @@
+type Suggestions = {
+    fr?: string[];
+    en?: string[];
+};
+type Props = {
+    lang: string;
+    text: string;
+    setText: (value: string) => void;
+    loading: boolean;
+    closeSearch: () => void;
+    suggestions?: Suggestions;
+};
+export default function SearchInput({ lang, text, setText, closeSearch, loading, suggestions, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=search-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../src/market-place/components/instant-search/search-input.tsx"],"names":[],"mappings":"AASA,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC;CACf,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IAEb,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,OAAO,EACP,WAAW,GACZ,EAAE,KAAK,2CAkFP"}

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

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 "./search-input.module.css";
+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: ["\u00AB ", suggestion, " \u00BB"] }, 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/market-place/components/instant-search/search-input.module.css

@@ -0,0 +1,87 @@
+.container {
+  position: relative;
+  padding: 10px;
+}
+
+.input {
+  --ds-input-padding: 14px;
+  --ds-input-background: var(--ds-grey-000, #fff);
+
+  width: 100%;
+  border-radius: var(--ds-radius-200, 10px);
+  box-shadow: var(--ds-shadow-200, 0 5px 10px rgba(0, 0, 0, 0.12));
+}
+
+.inputLoading svg {
+  animation: search-loader-spinning 1280ms
+    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9)) infinite;
+}
+
+@keyframes search-loader-spinning {
+  100% {
+    transform: rotate(1turn);
+  }
+}
+
+.suggestion {
+  position: absolute;
+  top: 50%;
+  left: 54px;
+  height: 21px;
+  display: flex;
+  align-items: center;
+  line-height: 1;
+  color: var(--ds-grey-600, #484848);
+  transform: translateY(-50%);
+  pointer-events: none;
+}
+
+.buttons {
+  position: relative;
+  height: inherit;
+  color: inherit;
+}
+
+.button {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: max-content;
+  height: 100%;
+  padding: 2px 5px 4px 5px;
+  color: inherit;
+  line-height: 1;
+  font-weight: 700;
+  cursor: pointer;
+  pointer-events: auto;
+  border-radius: var(--ds-radius-100, 6px);
+  transform: translateY(100%);
+  opacity: 0;
+  pointer-events: none;
+  transition: background-color 160ms
+      var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9)),
+    opacity 320ms var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9)),
+    transform 320ms
+      var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
+}
+
+.buttonPrev {
+  transform: translateY(-100%);
+}
+
+.buttonCurrent {
+  opacity: 1;
+  transform: none;
+  pointer-events: auto;
+}
+
+.button:is(:hover, :focus) {
+  background-color: var(--ds-grey-100, #f5f5f5);
+}
+
+button.close {
+  position: absolute;
+  top: 17px;
+  right: 14px;
+  color: inherit;
+}

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

@@ -0,0 +1,17 @@
+export declare function fetchResults(site: string, lang: string, query: string, groupLimit?: number, queryBy?: string, queryByWeights?: string, semantic?: boolean): Promise<any>;
+export type GoogleSearchResult = {
+    htmlTitle: string;
+    link: string;
+    displayLink: string;
+    htmlSnippet: string;
+    pagemap?: {
+        cse_image: {
+            src: string;
+        }[];
+        cse_thumbnail: {
+            src: string;
+        }[];
+    };
+};
+export declare function fetchOTResults(query: string, lang: string): Promise<GoogleSearchResult[]>;
+//# sourceMappingURL=api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/market-place/components/instant-search/services/api.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,UAAU,GAAE,MAAU,EACtB,OAAO,GAAE,MAAgE,EACzE,cAAc,CAAC,EAAE,MAAM,EACvB,QAAQ,CAAC,EAAE,OAAO,gBAmBnB;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE;QACR,SAAS,EAAE;YACT,GAAG,EAAE,MAAM,CAAC;SACb,EAAE,CAAC;QACJ,aAAa,EAAE;YACb,GAAG,EAAE,MAAM,CAAC;SACb,EAAE,CAAC;KACL,CAAC;CACH,CAAC;AAEF,wBAAsB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,iCAM/D"}

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

@@ -0,0 +1,24 @@
+import getConfig from "next/config";
+import * as Fetcher from "../../../../future/utils/fetcher";
+const { publicRuntimeConfig } = getConfig();
+const { searchApi: api, googleSites } = publicRuntimeConfig;
+export function fetchResults(site, lang, query, groupLimit = 8, queryBy = "title,text,pageTitle,seoKeywords,parentTitle,seoTitle", queryByWeights, semantic) {
+    const endpoint = `${api}/ublo-search/search/market-place${semantic ? "/semantic" : ""}`;
+    return Fetcher.post(endpoint, {
+        q: query,
+        query_by: queryBy + (semantic ? ",embedding" : ""),
+        query_by_weights: semantic ? undefined : queryByWeights,
+        vector_query: semantic
+            ? "embedding:([], distance_threshold:0.50, alpha: 0.8)"
+            : undefined,
+        group_limit: groupLimit,
+        per_page: 30,
+    }, { site, lang });
+}
+export async function fetchOTResults(query, lang) {
+    const endpoint = `${api}/ublo-search/google-search`;
+    return Fetcher.get(endpoint, {
+        query,
+        siteSearch: googleSites[lang][0],
+    });
+}

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

@@ -0,0 +1,2 @@
+export default function message(lang: string, id: string): any;
+//# sourceMappingURL=messages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../../src/market-place/components/instant-search/services/messages.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,OAGvD"}

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

@@ -0,0 +1,5 @@
+import locales from "../i18n.json";
+export default function message(lang, id) {
+    const messages = locales[lang] || locales.en;
+    return messages[id] || `??${id}??`;
+}

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

@@ -0,0 +1,4 @@
+export declare function getHighlight(property: string, highlight: PurpleHighlight, withExtractQuotes?: boolean): any;
+export declare function filterProducts(products: Hit[], weekNumber: number | null): Hit[];
+export declare function sliceText(text: string): string;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/market-place/components/instant-search/services/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,eAAe,EAC1B,iBAAiB,GAAE,OAAe,OAoBnC;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,SAkBxE;AAED,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,UAGrC"}

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

@@ -0,0 +1,44 @@
+export function getHighlight(property, highlight, withExtractQuotes = false) {
+    if (!highlight[property]?.snippet)
+        return;
+    let snippet = highlight[property].snippet;
+    if (!withExtractQuotes)
+        return snippet;
+    const startsWithMaj = /[A-Z]/.test(snippet);
+    const endsWithDot = snippet[snippet.length - 1] === ".";
+    if (!startsWithMaj) {
+        snippet = `...${snippet}`;
+    }
+    if (!endsWithDot) {
+        snippet = `${snippet}...`;
+    }
+    return snippet;
+}
+export function filterProducts(products, weekNumber) {
+    if (weekNumber !== null) {
+        return products.filter((product) => {
+            const { weeks = [] } = product.document;
+            return weeks.length === 0 || weeks.includes(weekNumber);
+        });
+    }
+    return products.reduce((acc, product) => {
+        const { image, pageTitle } = product.document;
+        const isAlreadyInAcc = acc.some((item) => {
+            return (normalizeImage(item.document.image) === normalizeImage(image) &&
+                item.document.pageTitle === pageTitle);
+        });
+        if (isAlreadyInAcc)
+            return acc;
+        return [...acc, product];
+    }, []);
+}
+export function sliceText(text) {
+    if (!text)
+        return;
+    return text?.slice(0, 30) + "...";
+}
+function normalizeImage(image) {
+    if (!image)
+        return "";
+    return image.replace(/(-[0-9]+)?.(jpg|jpeg|png|gif)/, "");
+}