ublo-lib 1.15.0 → 1.16.0

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type Props = {
+    className?: string;
+};
+export default function NoProduct({ className }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=no-product.d.ts.map

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

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

package/es/common/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/common/components/instant-search/products.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import type { Hit } from "./results";
+declare 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): JSX.Element;
+export {};
+//# sourceMappingURL=products.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"products.d.ts","sourceRoot":"","sources":["../../../../src/common/components/instant-search/products.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGrC,aAAK,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;IACjB,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;AAIF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,mBAAmB,GACpB,EAAE,KAAK,eA6HP"}

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

@@ -0,0 +1,44 @@
+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 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, 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 (
+                    // @ts-ignore
+                    _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, {})] }) }))] }));
+}

package/es/common/components/instant-search/products.module.css

@@ -0,0 +1,133 @@
+.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-secondary, var(--ds-blue-400, #4177f6));
+  background-color: transparent;
+}
+
+.product mark::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--ds-secondary, var(--ds-blue-400, #4177f6));
+  border-radius: calc(var(--ds-radius-100, 6px) / 3);
+  opacity: 0.15;
+}
+
+.productImage {
+  width: 100%;
+  height: 180px;
+  object-fit: cover;
+  border-radius: var(--ds-radius-100, 6px) var(--ds-radius-100, 6px) 0 0;
+}
+
+.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: 13px;
+  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/common/components/instant-search/results.d.ts

@@ -0,0 +1,77 @@
+/// <reference types="react" />
+declare type Document = {
+    id: string;
+    image?: string;
+    imagePlaceholder?: string;
+    lang: string;
+    pageTitle?: string;
+    parentTitle?: string;
+    path: string;
+    price?: string;
+    site: string;
+    text?: string;
+    time?: string;
+    title: string;
+    type: "page" | "product" | "information" | "faq";
+    weeks?: number[];
+    shortTitle?: string;
+    seoKeywords?: string[];
+    seoTitle?: string;
+};
+declare type Text = {
+    matched_tokens: string[];
+    snippet: string;
+};
+export declare type PurpleHighlight = {
+    text?: Text;
+    title?: Text;
+};
+declare type HighlightElement = {
+    field: string;
+    matched_tokens: string[];
+    snippet: string;
+};
+declare type TextMatchInfo = {
+    best_field_score: string;
+    best_field_weight: number;
+    fields_matched: number;
+    score: string;
+    tokens_matched: number;
+};
+export declare type Hit = {
+    document: Document;
+    highlight: PurpleHighlight;
+    highlights: HighlightElement[];
+    text_match: number;
+    text_match_info: TextMatchInfo;
+};
+declare type GroupedHit = {
+    group_key: string[];
+    hits: Hit[];
+};
+declare type RequestParams = {
+    collection_name: string;
+    per_page: number;
+    q: string;
+};
+declare 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;
+    openPeriodPicker: () => void;
+    sendPlausibleGoal: (path: string) => void;
+    loading: boolean;
+};
+export default function Results({ lang, text, results, weekNumber, openPeriodPicker, loading, sendPlausibleGoal, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=results.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"results.d.ts","sourceRoot":"","sources":["../../../../src/common/components/instant-search/results.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import getConfig from "next/config";
+import Button from "dt-design-system/es/button";
+import * as Icons from "dt-design-system/es/icons";
+import Links from "./links";
+import Products from "./products";
+import * as Dates from "./services/dates";
+import message from "./services/messages";
+import css from "./results.module.css";
+const { publicRuntimeConfig } = getConfig();
+const { season } = publicRuntimeConfig;
+export default function Results({ lang, text, results, weekNumber, openPeriodPicker, loading, sendPlausibleGoal, }) {
+    const ref = React.useRef(null);
+    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: [], instructor: [] });
+    const { page: pages, product: products, information, faq: faqs, instructor: instructors, } = 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 weekSystemEnabled = Boolean(season);
+    const showProductsTitle = weekNumber !== null;
+    const isOtherResultsEmpty = !(pages.length ||
+        instructors.length ||
+        filteredFaqs.length ||
+        information.length);
+    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, "pages"), icon: "FileText", links: pages, loading: loading, sendPlausibleGoal: sendPlausibleGoal }), _jsx(Links, { linksTitle: message(lang, "instructors"), icon: "User", links: instructors, loading: loading, sendPlausibleGoal: sendPlausibleGoal }), _jsx(Links, { linksTitle: message(lang, "faqs"), icon: "Question", links: filteredFaqs, loading: loading, sendPlausibleGoal: sendPlausibleGoal }), _jsx(Links, { linksTitle: message(lang, "information"), icon: "Info", links: information, loading: loading, sendPlausibleGoal: sendPlausibleGoal, pageTitleAsTitle: true })] }), _jsxs("div", { className: css.right, children: [!loading && products.length > 0 && weekSystemEnabled && (_jsx(_Fragment, { children: showProductsTitle ? (_jsxs("div", { className: css.resultsWithWeekTitle, children: [message(lang, "productTitleWithWeek"), Dates.weekToLongDate(weekNumber, season.end, season.forceSeasonSwitch), _jsxs(Button, { onClick: openPeriodPicker, children: [_jsx(Icons.Calendar, {}), message(lang, "updateWeek")] })] })) : (_jsxs("div", { className: css.resultsWithoutWeekTitle, children: [message(lang, "productTitleWithoutWeek"), _jsxs(Button, { onClick: openPeriodPicker, children: [_jsx(Icons.Calendar, {}), message(lang, "chooseWeek")] })] })) })), _jsx(Products, { lang: lang, products: products, weekNumber: weekNumber, loading: loading, sendPlausibleGoal: sendPlausibleGoal, otherResultsRef: ref, isOtherResultsEmpty: isOtherResultsEmpty })] })] })) }));
+}

package/es/common/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/common/components/instant-search/services/api.d.ts

@@ -0,0 +1,2 @@
+export declare function fetchResults(site: string, lang: string, query: string, groupLimit?: number, queryBy?: string, queryByWeights?: string): any;
+//# sourceMappingURL=api.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/instant-search/services/api.ts"],"names":[],"mappings":"AAKA,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,OAcxB"}

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

@@ -0,0 +1,13 @@
+// import * as Fetcher from "ublo-lib/es/common/utils/fetcher";
+import * as Fetcher from "../../../utils/fetcher";
+const api = "https://search.ublo.app/api";
+export function fetchResults(site, lang, query, groupLimit = 8, queryBy = "title,text,pageTitle,seoKeywords,parentTitle,seoTitle", queryByWeights) {
+    const endpoint = `${api}/search`;
+    return Fetcher.post(endpoint, {
+        q: query,
+        query_by: queryBy,
+        query_by_weights: queryByWeights,
+        group_limit: groupLimit,
+        per_page: 30,
+    }, { site, lang });
+}

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

@@ -0,0 +1,50 @@
+function padStart(value, count, pad) {
+  let str = String(value);
+  while (str.length < count) {
+    str = pad + str;
+  }
+  return str;
+}
+function createDate(...args) {
+  const ref = new Date(...args);
+  const yy = ref.getFullYear();
+  const mm = padStart(ref.getMonth() + 1, 2, 0);
+  const dd = padStart(ref.getDate(), 2, 0);
+  const str = `${yy}-${mm}-${dd}`;
+  return new Date(str);
+}
+function getPrevSaturday(date) {
+  const clone = createDate(date);
+  const day = 1 + clone.getDay();
+  const prevSaturday = clone.getDate() - day % 7;
+  clone.setDate(prevSaturday);
+  return clone;
+}
+function addDays(date, days) {
+  const clone = createDate(date);
+  clone.setDate(clone.getDate() + days);
+  return clone;
+}
+
+function christmasWeek(endWeek, forceSeasonSwitch) {
+  const now = createDate();
+  const year = now.getFullYear();
+  const month = now.getMonth();
+  const date = now.getDate();
+  const isAfterChristmas = month === 11 && date >= 25;
+  const lastChristmasYear = isAfterChristmas || !isAfterChristmas && forceSeasonSwitch ? year : year - 1;
+  const lastChristmas = createDate(lastChristmasYear, 11, 25);
+  const nextChristmas = createDate(lastChristmasYear + 1, 11, 25);
+  const dateSeasonEnd = addDays(getPrevSaturday(lastChristmas), endWeek * 7);
+  return getPrevSaturday(now <= dateSeasonEnd ? lastChristmas : nextChristmas);
+}
+function weekToDate(week, endWeek, forceSeasonSwitch) {
+  return addDays(christmasWeek(endWeek, forceSeasonSwitch), week * 7);
+}
+export function weekToLongDate(week, endWeek, forceSeasonSwitch) {
+  const date = weekToDate(week, endWeek, forceSeasonSwitch);
+  const dd = padStart(date.getDate(), 2, 0);
+  const mm = padStart(date.getMonth() + 1, 2, 0);
+  const yy = date.getFullYear();
+  return `${dd}/${mm}/${yy}`;
+}

package/es/common/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/common/components/instant-search/services/messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../../../../src/common/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/common/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/common/components/instant-search/services/utils.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/instant-search/services/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEvD,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"}

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

@@ -0,0 +1,39 @@
+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.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];
+    }, []);
+}
+function normalizeImage(image) {
+    if (!image)
+        return "";
+    return image.replace(/(-[0-9]+)?.(jpg|jpeg|png|gif)/, "");
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "ublo-lib",
-  "version": "1.15.0",
+  "version": "1.16.0",
   "peerDependencies": {
-    "dt-design-system": "^2.1.0",
+    "dt-design-system": "^2.9.0",
     "leaflet": "^1.9.1",
     "next": "^12.0.0 || ^13.0.0",
     "react": "^18.2.0",
@@ -38,7 +38,7 @@
     "@types/react-dom": "^18.0.6",
     "classnames": "^2.3.1",
     "cpx2": "^4.2.0",
-    "dt-design-system": "^2.1.0",
+    "dt-design-system": "^2.9.0",
     "eslint": "^8.23.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-standard": "^17.0.0",