ublo-lib 1.45.8 → 1.46.0

package/es/common/components/week-selector/week-selector.js

@@ -6,7 +6,11 @@ import getConfig from "next/config";
 import Tooltip from "dt-design-system/es/tooltip";
 import Button from "dt-design-system/es/button";
 import Select from "dt-design-system/es/select";
-import * as Icons from "dt-design-system/es/icons";
+import CalendarIcon from "dt-design-system/es/icons/calendar";
+import MinusSquareIcon from "dt-design-system/es/icons/minus-square";
+import DragHandleIcon from "dt-design-system/es/icons/drag-handle";
+import ChevronsLeftIcon from "dt-design-system/es/icons/chevrons-left";
+import ChevronsRightIcon from "dt-design-system/es/icons/chevrons-right";
 import * as Weeks from "./services/weeks";
 import styles from "./week-selector.module.css";
 const { publicRuntimeConfig } = getConfig();
@@ -92,7 +96,7 @@ export default function WeekSelector({ displayDate, setDisplayDate, cmsMode, })
         [styles.dragging]: dragging,
     });
     if (minimized) {
-        return (_jsx(Tooltip, { content: "Afficher le s\u00E9lecteur de date", contentProps: { side: "right" }, children: _jsx(Button, { className: styles.minimizedButton, onClick: maximize, children: _jsx(Icons.Calendar, {}) }) }));
+        return (_jsx(Tooltip, { content: "Afficher le s\u00E9lecteur de date", contentProps: { side: "right" }, children: _jsx(Button, { className: styles.minimizedButton, onClick: maximize, children: _jsx(CalendarIcon, {}) }) }));
     }
     return (_jsx("div", { ref: constraintsRef, className: classes, children: _jsxs(motion.div, { animate: {
                 boxShadow: "var(--ds-shadow-200, 0 5px 10px rgba(0, 0, 0, 0.12))",
@@ -100,11 +104,11 @@ export default function WeekSelector({ displayDate, setDisplayDate, cmsMode, })
                 cursor: "grabbing",
                 scale: 1.02,
                 boxShadow: "var(--ds-shadow-400, 0 30px 60px rgba(0, 0, 0, 0.12))",
-            }, onDragStart: startDragging, onDragEnd: stopDragging, children: [_jsxs("div", { className: styles.header, children: [_jsx(Button, { variant: "link", className: styles.dragHandle, onMouseEnter: enableDrag, onMouseMove: enableDrag, onMouseLeave: disableDrag, children: _jsx(Icons.DragHandle, {}) }), _jsx("div", { className: styles.title, children: "Pr\u00E9visualisation au" }), _jsx("div", { className: styles.selectedDate, children: Weeks.weekToDate(displayDate, end, yearOffset).toLocaleDateString("fr-FR", {
+            }, onDragStart: startDragging, onDragEnd: stopDragging, children: [_jsxs("div", { className: styles.header, children: [_jsx(Button, { variant: "link", className: styles.dragHandle, onMouseEnter: enableDrag, onMouseMove: enableDrag, onMouseLeave: disableDrag, children: _jsx(DragHandleIcon, {}) }), _jsx("div", { className: styles.title, children: "Pr\u00E9visualisation au" }), _jsx("div", { className: styles.selectedDate, children: Weeks.weekToDate(displayDate, end, yearOffset).toLocaleDateString("fr-FR", {
                                 day: "2-digit",
                                 month: "2-digit",
                                 year: "numeric",
-                            }) }), _jsx(Select, { className: styles.seasonSelect, label: "Saison", options: seasons, value: yearOffset, onValueChange: (value) => setYearOffset(Number(value)), compact: true }), _jsx(Tooltip, { content: "R\u00E9duire", children: _jsx(Button, { variant: "transparent", onClick: minimize, children: _jsx(Icons.MinusSquare, {}) }) })] }), _jsxs("div", { className: styles.inner, children: [_jsx("div", { ref: scrollingAreaRef, className: styles.items, children: weeks.map((week) => {
+                            }) }), _jsx(Select, { className: styles.seasonSelect, label: "Saison", options: seasons, value: yearOffset, onValueChange: (value) => setYearOffset(Number(value)), compact: true }), _jsx(Tooltip, { content: "R\u00E9duire", children: _jsx(Button, { variant: "transparent", onClick: minimize, children: _jsx(MinusSquareIcon, {}) }) })] }), _jsxs("div", { className: styles.inner, children: [_jsx("div", { ref: scrollingAreaRef, className: styles.items, children: weeks.map((week) => {
                                 const prevDate = Weeks.weekToDate(week - 1, end, yearOffset);
                                 const currDate = Weeks.weekToDate(week, end, yearOffset);
                                 const nextDate = Weeks.weekToDate(week + 1, end, yearOffset);
@@ -130,5 +134,5 @@ export default function WeekSelector({ displayDate, setDisplayDate, cmsMode, })
                                     setDisplayDate(week);
                                 };
                                 return (_jsxs("div", { className: weekClasses, children: [_jsx(Button, { className: styles.itemButton, onClick: selectWeek }), _jsxs("div", { className: styles.itemDate, children: [_jsx("div", { className: styles.itemDateFrom, children: Weeks.formatShort(currDate) }), isLast && (_jsx("div", { className: styles.itemDateTo, children: Weeks.formatShort(nextDate) }))] }), showMonth && (_jsxs("span", { className: styles.itemMonth, children: [formattedMonth, " ", showYear && (_jsx("b", { className: styles.itemYear, children: currYear }))] }))] }, week));
-                            }) }), _jsxs("div", { className: styles.controls, children: [_jsx(Button, { className: styles.control, variant: "secondary", "data-direction": "prev", onClick: scrollLeft, children: _jsx(Icons.ChevronsLeft, {}) }), _jsx(Button, { className: styles.control, variant: "secondary", "data-direction": "next", onClick: scrollRight, children: _jsx(Icons.ChevronsRight, {}) })] })] })] }) }));
+                            }) }), _jsxs("div", { className: styles.controls, children: [_jsx(Button, { className: styles.control, variant: "secondary", "data-direction": "prev", onClick: scrollLeft, children: _jsx(ChevronsLeftIcon, {}) }), _jsx(Button, { className: styles.control, variant: "secondary", "data-direction": "next", onClick: scrollRight, children: _jsx(ChevronsRightIcon, {}) })] })] })] }) }));
 }

package/es/esf/components/account-button/account-button.js

@@ -3,13 +3,13 @@ import * as React from "react";
 import classNames from "classnames";
 import Link from "ublo/link";
 import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
+import UserIcon from "dt-design-system/es/icons/user";
 import styles from "./account-button.module.css";
 const AccountButton = React.forwardRef(({ item, className, showLabel, compact, ...props }, ref) => {
     const { name, path, shortTitle, title } = item;
     const classes = classNames(styles.button, className, {
         [styles.compact]: compact,
     });
-    return (_jsxs(Button, { href: path, tag: Link, variant: "transparent", className: classes, "aria-label": shortTitle || title, compact: compact, ref: ref, ...props, children: [_jsx(Icons.User, { className: styles.icon }), showLabel && (_jsx("span", { className: styles.label, dangerouslySetInnerHTML: { __html: shortTitle || title } }))] }, name));
+    return (_jsxs(Button, { href: path, tag: Link, variant: "transparent", className: classes, "aria-label": shortTitle || title, compact: compact, ref: ref, ...props, children: [_jsx(UserIcon, { className: styles.icon }), showLabel && (_jsx("span", { className: styles.label, dangerouslySetInnerHTML: { __html: shortTitle || title } }))] }, name));
 });
 export default AccountButton;

package/es/esf/components/booking-form/lesson.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
+import BinIcon from "dt-design-system/es/icons/bin";
 import Field from "./field";
 import { message } from "./messages";
 import css from "./lesson.module.css";
@@ -21,6 +21,6 @@ const Lesson = ({ lang, index, fields, lessons, setLessons }) => {
     const classes = classNames(css.root, {
         [css.rootRemoving]: removing,
     });
-    return (_jsxs("div", { className: classes, children: [_jsxs("div", { className: css.title, children: [message(lang, "lesson"), " n\u00B0", index + 1, _jsxs(Button, { onClick: removeLesson, children: [message(lang, "remove"), _jsx(Icons.Bin, {})] })] }), _jsx("div", { className: css.inner, children: Object.keys(groupLessons).map((key, i) => (_jsxs(React.Fragment, { children: [_jsx(Field, { lang: lang, index: index, name: key, field: groupLessons[key], data: lessons, setData: setLessons }, `${key}-${index}`), key === "birthDate" && _jsx("hr", {})] }, i))) })] }));
+    return (_jsxs("div", { className: classes, children: [_jsxs("div", { className: css.title, children: [message(lang, "lesson"), " n\u00B0", index + 1, _jsxs(Button, { onClick: removeLesson, children: [message(lang, "remove"), _jsx(BinIcon, {})] })] }), _jsx("div", { className: css.inner, children: Object.keys(groupLessons).map((key, i) => (_jsxs(React.Fragment, { children: [_jsx(Field, { lang: lang, index: index, name: key, field: groupLessons[key], data: lessons, setData: setLessons }, `${key}-${index}`), key === "birthDate" && _jsx("hr", {})] }, i))) })] }));
 };
 export default Lesson;

package/es/esf/components/booking-form/lessons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lessons.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/booking-form/lessons.js"],"names":[],"mappings":";AASA;;;;;;;;;4CAiFC"}
+{"version":3,"file":"lessons.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/booking-form/lessons.js"],"names":[],"mappings":";AAWA;;;;;;;;;4CAiFC"}

package/es/esf/components/booking-form/lessons.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
+import InfoIcon from "dt-design-system/es/icons/info";
+import PlusIcon from "dt-design-system/es/icons/plus";
+import ChevronRightIcon from "dt-design-system/es/icons/chevron-right";
 import Lesson from "./lesson";
 import { message } from "./messages";
 import { validate } from "./utils";
@@ -45,6 +47,6 @@ const Lessons = ({ lang, fields, lessons, setLessons, setStep, personalData, set
     const title = `${lessons.length} ${lessons.length === 1
         ? message(lang, "your-lesson")
         : message(lang, "your-lessons")}`;
-    return (_jsxs("div", { className: css.root, children: [lessons.length === 0 && (_jsxs("div", { className: css.placeholder, children: [_jsx(Icons.Info, {}), message(lang, "lessons-placeholder")] })), lessons.length !== 0 && _jsx("div", { className: css.title, children: title }), lessons.map((lesson, i) => (_jsx(Lesson, { index: i, lang: lang, fields: fields, lesson: lesson, lessons: lessons, setLessons: setLessons }, i))), _jsxs("div", { className: css.buttons, children: [_jsxs(Button, { onClick: addLesson, children: [_jsx(Icons.Plus, {}), message(lang, "add-lesson")] }), _jsxs(Button, { disabled: step1Valid ? undefined : true, onClick: nextStep, children: [message(lang, "next-step"), _jsx(Icons.ChevronRight, {})] })] })] }));
+    return (_jsxs("div", { className: css.root, children: [lessons.length === 0 && (_jsxs("div", { className: css.placeholder, children: [_jsx(InfoIcon, {}), message(lang, "lessons-placeholder")] })), lessons.length !== 0 && _jsx("div", { className: css.title, children: title }), lessons.map((lesson, i) => (_jsx(Lesson, { index: i, lang: lang, fields: fields, lesson: lesson, lessons: lessons, setLessons: setLessons }, i))), _jsxs("div", { className: css.buttons, children: [_jsxs(Button, { onClick: addLesson, children: [_jsx(PlusIcon, {}), message(lang, "add-lesson")] }), _jsxs(Button, { disabled: step1Valid ? undefined : true, onClick: nextStep, children: [message(lang, "next-step"), _jsx(ChevronRightIcon, {})] })] })] }));
 };
 export default Lessons;

package/es/esf/components/booking-form/personal-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"personal-data.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/booking-form/personal-data.js"],"names":[],"mappings":";AASA;;;;;;;4CAoDC"}
+{"version":3,"file":"personal-data.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/booking-form/personal-data.js"],"names":[],"mappings":";AAUA;;;;;;;4CAoDC"}

package/es/esf/components/booking-form/personal-data.js

@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Field from "./field";
 import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
+import ChevronLeftIcon from "dt-design-system/es/chevron-left";
+import ChevronRightIcon from "dt-design-system/es/chevron-right";
 import { message } from "./messages";
 import useStay from "./hooks/use-stay";
 import { STEPS } from "./data";
@@ -21,6 +22,6 @@ const PersonalData = ({ lang, fields, personalData, setPersonalData, setStep, st
             return;
         setPersonalData({ ...personalData, stayFrom: stay.from, stayTo: stay.to });
     }, [personalData, setPersonalData, stay]);
-    return (_jsxs("div", { className: css.root, children: [_jsx("div", { className: css.title, children: message(lang, "personal-data") }), _jsx("div", { className: css.inner, children: Object.keys(data).map((key) => (_jsx(Field, { lang: lang, index: "step-2", name: key, field: data[key], data: personalData, setData: setPersonalData }, `${key}`))) }), _jsxs("div", { className: css.buttons, children: [_jsxs(Button, { onClick: previousStep, children: [_jsx(Icons.ChevronLeft, {}), message(lang, "previous-step")] }), _jsxs(Button, { disabled: step2Valid ? undefined : true, onClick: nextStep, children: [message(lang, "next-step"), _jsx(Icons.ChevronRight, {})] })] })] }));
+    return (_jsxs("div", { className: css.root, children: [_jsx("div", { className: css.title, children: message(lang, "personal-data") }), _jsx("div", { className: css.inner, children: Object.keys(data).map((key) => (_jsx(Field, { lang: lang, index: "step-2", name: key, field: data[key], data: personalData, setData: setPersonalData }, `${key}`))) }), _jsxs("div", { className: css.buttons, children: [_jsxs(Button, { onClick: previousStep, children: [_jsx(ChevronLeftIcon, {}), message(lang, "previous-step")] }), _jsxs(Button, { disabled: step2Valid ? undefined : true, onClick: nextStep, children: [message(lang, "next-step"), _jsx(ChevronRightIcon, {})] })] })] }));
 };
 export default PersonalData;

package/es/esf/components/booking-form/summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"summary.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/booking-form/summary.js"],"names":[],"mappings":";AA+BA;;;;;;;;4CAuHC"}
+{"version":3,"file":"summary.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/booking-form/summary.js"],"names":[],"mappings":";AAiCA;;;;;;;;4CAuHC"}

package/es/esf/components/booking-form/summary.js

@@ -3,7 +3,9 @@ import * as React from "react";
 import classNames from "classnames";
 import { useSnackbar } from "dt-design-system/es/snackbar";
 import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
+import ChevronLeftIcon from "dt-design-system/es/icons/chevron-left";
+import ChevronsLeftIcon from "dt-design-system/es/icons/chevrons-left";
+import MailIcon from "dt-design-system/es/icons/mail";
 import { message } from "./messages";
 import { send, calculateAge, formatDate } from "./utils";
 import { gescoFields, STEPS } from "./data";
@@ -67,6 +69,6 @@ const Summary = ({ lang, fields, lessons, personalData, setStep, config, clearFo
                                     };
                                     return _jsx(Tag, { ...props }, key);
                                 })] }, i));
-                    })] }), _jsxs("div", { className: css.buttons, children: [_jsxs(Button, { onClick: previousStep, children: [_jsx(Icons.ChevronLeft, {}), message(lang, "previous-step")] }), _jsxs(Button, { onClick: goToStep1, children: [_jsx(Icons.ChevronsLeft, {}), message(lang, "add-lesson")] }), _jsxs(Button, { onClick: submit, children: [_jsx(Icons.Mail, {}), message(lang, "send")] })] })] }));
+                    })] }), _jsxs("div", { className: css.buttons, children: [_jsxs(Button, { onClick: previousStep, children: [_jsx(ChevronLeftIcon, {}), message(lang, "previous-step")] }), _jsxs(Button, { onClick: goToStep1, children: [_jsx(ChevronsLeftIcon, {}), message(lang, "add-lesson")] }), _jsxs(Button, { onClick: submit, children: [_jsx(MailIcon, {}), message(lang, "send")] })] })] }));
 };
 export default Summary;

package/es/esf/components/espace-prive/admin/config.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import * as React from "react";
 import Button from "dt-design-system/es/button";
 import Tooltip from "dt-design-system/es/tooltip";
-import * as Icons from "dt-design-system/es/icons";
+import ChevronDownIcon from "dt-design-system/es/icons/chevron-down";
 import ConfigField from "./config-field";
 import MailTemplate from "./mail-template";
 import Message from "../message";
@@ -13,5 +13,5 @@ export default function Config() {
         setIsOpened((prev) => !prev);
     };
     const message = isOpened ? "hide-config" : "show-config";
-    return (_jsxs("div", { className: styles.config, "data-opened": isOpened, children: [_jsx("div", { className: styles.head, children: _jsx(Tooltip, { content: _jsx(Message, { id: message }), children: _jsxs(Button, { className: styles.button, variant: "transparent", onClick: toggleOpened, children: [_jsx("h1", { className: styles.title, children: "Configuration" }), _jsx(Icons.ChevronDown, {})] }) }) }), isOpened && (_jsxs(_Fragment, { children: [_jsx(ConfigField, {}), _jsx("div", { className: styles.divider }), _jsx(ConfigField, { isReplyTo: true }), _jsx("div", { className: styles.divider }), _jsx(MailTemplate, {})] }))] }));
+    return (_jsxs("div", { className: styles.config, "data-opened": isOpened, children: [_jsx("div", { className: styles.head, children: _jsx(Tooltip, { content: _jsx(Message, { id: message }), children: _jsxs(Button, { className: styles.button, variant: "transparent", onClick: toggleOpened, children: [_jsx("h1", { className: styles.title, children: "Configuration" }), _jsx(ChevronDownIcon, {})] }) }) }), isOpened && (_jsxs(_Fragment, { children: [_jsx(ConfigField, {}), _jsx("div", { className: styles.divider }), _jsx(ConfigField, { isReplyTo: true }), _jsx("div", { className: styles.divider }), _jsx(MailTemplate, {})] }))] }));
 }

package/es/esf/components/espace-prive/admin/link-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-row.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/admin/link-row.js"],"names":[],"mappings":"AAUA;;;;;4CAqEC"}
+{"version":3,"file":"link-row.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/admin/link-row.js"],"names":[],"mappings":"AAYA;;;;;4CAqEC"}

package/es/esf/components/espace-prive/admin/link-row.js

@@ -4,7 +4,9 @@ import { useUbloContext } from "ublo/with-ublo";
 import Tooltip from "dt-design-system/es/tooltip";
 import Button from "dt-design-system/es/button";
 import Dialog from "dt-design-system/es/dialog";
-import * as Icons from "dt-design-system/es/icons";
+import CheckIcon from "dt-design-system/es/icons/check";
+import CopyIcon from "dt-design-system/es/icons/copy";
+import TrashIcon from "dt-design-system/es/icons/trash";
 import Message, { message } from "../message";
 import { constructLink } from "../utils/construct-link";
 import styles from "./link-row.module.css";
@@ -25,5 +27,5 @@ export default function LinkRow({ path, email, hash, onDelete }) {
         await onDelete();
         toggleDialog();
     };
-    return (_jsxs("tr", { className: styles.row, children: [_jsx("th", { className: styles.cell, scope: "row", children: email }), _jsx("td", { className: styles.cell, children: _jsxs("div", { className: styles.linkWrapper, children: [_jsx("span", { className: styles.linkText, children: link }), _jsx(Tooltip, { content: message(lang, "hover-copy-button"), children: _jsx(Button, { variant: copySuccess ? "success" : "transparent", onClick: copyLink, children: copySuccess ? _jsx(Icons.Check, {}) : _jsx(Icons.Copy, {}) }) })] }) }), _jsx("td", { className: styles.cell, children: _jsx(Tooltip, { content: message(lang, "delete-button"), children: _jsx(Button, { className: styles.button, variant: "danger", onClick: toggleDialog, children: _jsx(Icons.Trash, {}) }) }) }), _jsxs(Dialog, { className: styles.dialog, isOpened: isDialogOpen, close: toggleDialog, showCloseButton: false, showAsModal: false, children: [_jsx(Message, { id: "confirm-delete-link" }), _jsxs("div", { className: styles.buttons, children: [_jsx(Button, { variant: "secondary", onClick: toggleDialog, children: _jsx(Message, { id: "cancel-button" }) }), _jsx(Button, { variant: "danger", onClick: confirmDelete, children: _jsx(Message, { id: "delete-button" }) })] })] })] }));
+    return (_jsxs("tr", { className: styles.row, children: [_jsx("th", { className: styles.cell, scope: "row", children: email }), _jsx("td", { className: styles.cell, children: _jsxs("div", { className: styles.linkWrapper, children: [_jsx("span", { className: styles.linkText, children: link }), _jsx(Tooltip, { content: message(lang, "hover-copy-button"), children: _jsx(Button, { variant: copySuccess ? "success" : "transparent", onClick: copyLink, children: copySuccess ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}) }) })] }) }), _jsx("td", { className: styles.cell, children: _jsx(Tooltip, { content: message(lang, "delete-button"), children: _jsx(Button, { className: styles.button, variant: "danger", onClick: toggleDialog, children: _jsx(TrashIcon, {}) }) }) }), _jsxs(Dialog, { className: styles.dialog, isOpened: isDialogOpen, close: toggleDialog, showCloseButton: false, showAsModal: false, children: [_jsx(Message, { id: "confirm-delete-link" }), _jsxs("div", { className: styles.buttons, children: [_jsx(Button, { variant: "secondary", onClick: toggleDialog, children: _jsx(Message, { id: "cancel-button" }) }), _jsx(Button, { variant: "danger", onClick: confirmDelete, children: _jsx(Message, { id: "delete-button" }) })] })] })] }));
 }

package/es/esf/components/espace-prive/cart-link.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Link from "ublo/link";
-import * as Icons from "dt-design-system/es/icons";
-import Tooltip from "dt-design-system/es/tooltip";
 import { useUbloContext } from "ublo/with-ublo";
+import Tooltip from "dt-design-system/es/tooltip";
+import ShoppingCartIcon from "dt-design-system/es/icons/shopping-cart";
 import { message } from "./message";
 import { useContext } from "./context";
 import styles from "./cart-link.module.css";
@@ -10,5 +10,5 @@ export default function CartLink() {
     const { lang } = useUbloContext();
     const { partnerID } = useContext();
     const href = `/espace-prive/${partnerID}/panier`;
-    return (_jsx(Tooltip, { content: message(lang, "go-to-cart"), children: _jsx(Link, { href: href, className: styles.link, children: _jsx(Icons.ShoppingCart, {}) }) }));
+    return (_jsx(Tooltip, { content: message(lang, "go-to-cart"), children: _jsx(Link, { href: href, className: styles.link, children: _jsx(ShoppingCartIcon, {}) }) }));
 }

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

@@ -3,7 +3,7 @@ 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 CrossIcon from "dt-design-system/es/icons/cross";
 import * as Ripple from "dt-design-system/es/ripple";
 import message from "./services/messages";
 import css from "./input.module.css";
@@ -45,7 +45,7 @@ export default function SearchInput({ lang, text, setText, closeSearch, loading,
                                 [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, {}) })] }));
+                        }) })] })), _jsx(Button, { variant: "transparent", className: css.close, onClick: () => closeSearch(), children: _jsx(CrossIcon, {}) })] }));
 }
 function getSuggestions(suggestions = {}) {
     return {

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

@@ -3,7 +3,7 @@ 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 SearchIcon from "dt-design-system/es/icons/search";
 import Dialog from "dt-design-system/es/dialog";
 import PeriodPicker from "../period-picker";
 import Input from "./input";
@@ -83,5 +83,5 @@ export default function InstantSearch({ lang, suggestions, className, ubloContex
             window.removeEventListener("keydown", handleKeyPresses);
         };
     }, [handleKeyPresses]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "transparent", 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 }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "transparent", className: classes, onClick: openSearch, children: _jsx(SearchIcon, { 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/esf/components/instant-search/links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/instant-search/links.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGrC,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;IACjB,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,2CAmEP"}
+{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/instant-search/links.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGrC,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;IACjB,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAMF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,OAAO,EACP,iBAAiB,GAClB,EAAE,KAAK,2CAmEP"}

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

@@ -1,11 +1,15 @@
 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 FileText from "dt-design-system/es/icons/file-text";
+import Info from "dt-design-system/es/icons/info";
+import Question from "dt-design-system/es/icons/question";
+import User from "dt-design-system/es/icons/user";
 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)];
+const Icons = { FileText, Info, Question, User };
 export default function Links({ icon, linksTitle, links, pageTitleAsTitle, loading, sendPlausibleGoal, }) {
     const Icon = Icons[icon];
     const noResult = !loading && !links.length;

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

@@ -1 +1 @@
-{"version":3,"file":"no-product.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/instant-search/no-product.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,2CA2FrD"}
+{"version":3,"file":"no-product.d.ts","sourceRoot":"","sources":["../../../../src/esf/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/esf/components/instant-search/products.js

@@ -3,7 +3,7 @@ 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 ArrowDownIcon from "dt-design-system/es/icons/arrow-down";
 import * as Ripple from "dt-design-system/es/ripple";
 import * as Utils from "./services/utils";
 import message from "./services/messages";
@@ -38,5 +38,5 @@ export default function Products({ lang, products, weekNumber, loading, sendPlau
                     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, {})] }) }))] }));
+                }), !noProduct && !isOtherResultsEmpty && (_jsx("div", { className: css.otherProducts, children: _jsxs(Button, { className: css.otherProductsButton, onClick: scrollToOtherResults, children: [message(lang, "showOtherResults"), _jsx(ArrowDownIcon, {})] }) }))] }));
 }

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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 CalendarIcon from "dt-design-system/es/icons/calendar";
 import Links from "./links";
 import Products from "./products";
 import * as Dates from "./services/dates";
@@ -37,5 +37,5 @@ export default function Results({ lang, text, results, weekNumber, openPeriodPic
         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 })] })] })) }));
+    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(CalendarIcon, {}), message(lang, "updateWeek")] })] })) : (_jsxs("div", { className: css.resultsWithoutWeekTitle, children: [message(lang, "productTitleWithoutWeek"), _jsxs(Button, { onClick: openPeriodPicker, children: [_jsx(CalendarIcon, {}), message(lang, "chooseWeek")] })] })) })), _jsx(Products, { lang: lang, products: products, weekNumber: weekNumber, loading: loading, sendPlausibleGoal: sendPlausibleGoal, otherResultsRef: ref, isOtherResultsEmpty: isOtherResultsEmpty })] })] })) }));
 }

package/es/esf/components/instructors-book/instructor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"instructor.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/instructors-book/instructor.js"],"names":[],"mappings":"AAWA;;;;;;4CA2FC"}
+{"version":3,"file":"instructor.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/instructors-book/instructor.js"],"names":[],"mappings":"AAYA;;;;;;4CA2FC"}

package/es/esf/components/instructors-book/instructor.js

@@ -4,7 +4,8 @@ import Image from "next/image";
 import Link from "ublo/link";
 import { useUbloContext } from "ublo/with-ublo";
 import Dialog from "dt-design-system/es/dialog";
-import * as Icons from "dt-design-system/es/icons";
+import LoaderIcon from "dt-design-system/es/icons/loader2";
+import UserIcon from "dt-design-system/es/icons/user";
 import Sheet from "./sheet";
 import * as Utils from "./utils";
 import prefixes from "./prefixes";
@@ -40,5 +41,5 @@ export default function Instructor({ instructor, formFields, formSendFunction, t
         stopLoading();
         currentTarget.onerror = null;
     };
-    return (_jsxs(_Fragment, { children: [_jsxs(Tag, { className: css.card, ...props, children: [_jsx("div", { className: css.imageContainer, children: picture ? (_jsxs(_Fragment, { children: [loading && _jsx(Icons.Loader2, { className: css.imageLoader }), _jsx(Image, { loading: "lazy", src: picture, className: css.image, alt: `${prenom} ${nom}`, onLoad: stopLoading, onError: setFallbackPicture, width: "170", height: "220" })] })) : (_jsx("div", { className: css.imagePlaceholder, children: _jsx(Icons.User, { className: css.imagePlaceholderIcon }) })) }), _jsx("div", { className: css.information, children: _jsxs("div", { className: css.name, children: [_jsxs("span", { className: css.firstName, children: [Utils.formatNames(prenom), " "] }), _jsx("span", { className: css.lastName, children: Utils.formatNames(nom) })] }) })] }), _jsx(Dialog, { isOpened: popupOpened, close: closePopup, onClose: closePopup, showAsModal: false, children: _jsx("div", { className: css.dialogContent, children: _jsx(Sheet, { instructor: instructor, formFields: formFields, formSendFunction: formSendFunction, popup: true }) }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Tag, { className: css.card, ...props, children: [_jsx("div", { className: css.imageContainer, children: picture ? (_jsxs(_Fragment, { children: [loading && _jsx(LoaderIcon, { className: css.imageLoader }), _jsx(Image, { loading: "lazy", src: picture, className: css.image, alt: `${prenom} ${nom}`, onLoad: stopLoading, onError: setFallbackPicture, width: "170", height: "220" })] })) : (_jsx("div", { className: css.imagePlaceholder, children: _jsx(UserIcon, { className: css.imagePlaceholderIcon }) })) }), _jsx("div", { className: css.information, children: _jsxs("div", { className: css.name, children: [_jsxs("span", { className: css.firstName, children: [Utils.formatNames(prenom), " "] }), _jsx("span", { className: css.lastName, children: Utils.formatNames(nom) })] }) })] }), _jsx(Dialog, { isOpened: popupOpened, close: closePopup, onClose: closePopup, showAsModal: false, children: _jsx("div", { className: css.dialogContent, children: _jsx(Sheet, { instructor: instructor, formFields: formFields, formSendFunction: formSendFunction, popup: true }) }) })] }));
 }

package/es/esf/components/instructors-book/sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/instructors-book/sheet.js"],"names":[],"mappings":"AAaA;;;;;;4CA2KC"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/instructors-book/sheet.js"],"names":[],"mappings":"AAgBA;;;;;;4CA2KC"}

package/es/esf/components/instructors-book/sheet.js

@@ -4,8 +4,11 @@ import Image from "next/image";
 import classNames from "classnames";
 import Link from "ublo/link";
 import { useUbloContext } from "ublo/with-ublo";
+import ChevronLeftIcon from "dt-design-system/es/icons/chevron-left";
+import ChevronRightIcon from "dt-design-system/es/icons/chevron-right";
+import LoaderIcon from "dt-design-system/es/icons/loader2";
+import UserIcon from "dt-design-system/es/icons/user";
 import CustomContactForm from "../../../common/components/custom-contact-form";
-import * as Icons from "dt-design-system/es/icons";
 import * as Utils from "./utils";
 import prefixes from "./prefixes";
 import { message } from "./messages";
@@ -31,7 +34,7 @@ export default function Sheet({ instructor, popup, formFields, formSendFunction,
     const formattedFirstname = Utils.formatNames(prenom);
     const formattedLastname = Utils.formatNames(nom);
     const key = `${lang}-${path}${prenom}-${nom}`;
-    return (_jsxs("div", { className: classes, children: [_jsxs("div", { className: css.content, children: [!popup && bookUrl && (_jsxs(Link, { href: bookUrl, className: classNames(buttonCss.button, buttonCss.link), children: [_jsx(Icons.ChevronLeft, {}), message(lang, "go-back")] })), _jsxs("div", { className: css.header, children: [_jsx("div", { className: css.imageContainer, children: picture ? (_jsxs(_Fragment, { children: [loading && _jsx(Icons.Loader2, { className: css.imageLoader }), _jsx(Image, { loading: "lazy", src: picture, className: css.image, alt: `${prenom} ${nom}`, onLoad: stopLoading, onError: setFallbackPicture, width: "200", height: "280" }, uri)] })) : (_jsx("div", { className: css.imagePlaceholder, children: _jsx(Icons.User, { className: css.imagePlaceholderIcon }) })) }), _jsxs("div", { className: css.information, children: [_jsxs("div", { className: css.name, children: [_jsxs("span", { className: css.firstName, children: [formattedFirstname, " "] }), _jsx("span", { className: css.lastName, children: formattedLastname })] }), disciplines && (_jsxs("div", { className: css.activities, children: [_jsx("div", { className: css.activitiesTitle, children: message(lang, "activities") }), _jsx("div", { className: css.activitiesList, children: disciplines.map((discipline, i) => {
+    return (_jsxs("div", { className: classes, children: [_jsxs("div", { className: css.content, children: [!popup && bookUrl && (_jsxs(Link, { href: bookUrl, className: classNames(buttonCss.button, buttonCss.link), children: [_jsx(ChevronLeftIcon, {}), message(lang, "go-back")] })), _jsxs("div", { className: css.header, children: [_jsx("div", { className: css.imageContainer, children: picture ? (_jsxs(_Fragment, { children: [loading && _jsx(LoaderIcon, { className: css.imageLoader }), _jsx(Image, { loading: "lazy", src: picture, className: css.image, alt: `${prenom} ${nom}`, onLoad: stopLoading, onError: setFallbackPicture, width: "200", height: "280" }, uri)] })) : (_jsx("div", { className: css.imagePlaceholder, children: _jsx(UserIcon, { className: css.imagePlaceholderIcon }) })) }), _jsxs("div", { className: css.information, children: [_jsxs("div", { className: css.name, children: [_jsxs("span", { className: css.firstName, children: [formattedFirstname, " "] }), _jsx("span", { className: css.lastName, children: formattedLastname })] }), disciplines && (_jsxs("div", { className: css.activities, children: [_jsx("div", { className: css.activitiesTitle, children: message(lang, "activities") }), _jsx("div", { className: css.activitiesList, children: disciplines.map((discipline, i) => {
                                                     const { code, label } = discipline;
                                                     const length = disciplines.length;
                                                     return (_jsxs("span", { className: css.activity, children: [_jsx("span", { children: label }), i < length - 2
@@ -47,5 +50,5 @@ export default function Sheet({ instructor, popup, formFields, formSendFunction,
                                     __html: popup
                                         ? Utils.truncate(Utils.sanitizeHTML(description))
                                         : description,
-                                } }), popup && (_jsxs(Link, { href: `${prefixes[prefixLang]}/${uri}`, className: classNames(buttonCss.button, buttonCss.secondary), target: "_blank", children: [message(lang, "see-more"), _jsx(Icons.ChevronRight, {})] }))] }))] }), formFields && formSendFunction && (_jsxs("div", { className: css.aside, children: [_jsxs("div", { className: css.formTitle, children: [message(lang, "contact"), " ", formattedFirstname, " ", formattedLastname, message(lang, "question-mark")] }), _jsx(CustomContactForm, { fields: formFields, className: css.form, innerClassName: css.formInner, customSend: formSendFunction(prenom, nom) })] }))] }, key));
+                                } }), popup && (_jsxs(Link, { href: `${prefixes[prefixLang]}/${uri}`, className: classNames(buttonCss.button, buttonCss.secondary), target: "_blank", children: [message(lang, "see-more"), _jsx(ChevronRightIcon, {})] }))] }))] }), formFields && formSendFunction && (_jsxs("div", { className: css.aside, children: [_jsxs("div", { className: css.formTitle, children: [message(lang, "contact"), " ", formattedFirstname, " ", formattedLastname, message(lang, "question-mark")] }), _jsx(CustomContactForm, { fields: formFields, className: css.form, innerClassName: css.formInner, customSend: formSendFunction(prenom, nom) })] }))] }, key));
 }

package/es/esf/components/instructors-book/suggestions.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
+import ArrowRightIcon from "dt-design-system/es/icons/arrow-right";
 import List from "./list";
 import * as API from "./api";
 import css from "./suggestions.module.css";
@@ -32,5 +32,5 @@ export default function Suggestions({ bookUrl, popup, formFields, formSendFuncti
     if (!instructors || !Array.isArray(instructors) || instructors.length === 0) {
         return null;
     }
-    return (_jsxs("div", { className: css.suggestions, children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.headerTitle, children: message(lang, "suggestions-title") }), bookUrl && (_jsxs(Button, { tag: "a", href: bookUrl, className: css.headerButton, children: [message(lang, "suggestions-button"), " ", _jsx(Icons.ArrowRight, {})] }))] }), _jsx(List, { instructors: instructors, popup: popup, formFields: formFields, formSendFunction: formSendFunction, fromSuggestions: true })] }));
+    return (_jsxs("div", { className: css.suggestions, children: [_jsxs("div", { className: css.header, children: [_jsx("div", { className: css.headerTitle, children: message(lang, "suggestions-title") }), bookUrl && (_jsxs(Button, { tag: "a", href: bookUrl, className: css.headerButton, children: [message(lang, "suggestions-button"), " ", _jsx(ArrowRightIcon, {})] }))] }), _jsx(List, { instructors: instructors, popup: popup, formFields: formFields, formSendFunction: formSendFunction, fromSuggestions: true })] }));
 }

package/es/esf/components/loyal-customers/components/customer-form.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Dialog from "dt-design-system/es/dialog";
 import Button from "dt-design-system/es/button";
-import * as DTIcons from "dt-design-system/es/icons";
+import CheckIcon from "dt-design-system/es/icons/check";
 import Field from "./field";
 import * as Messages from "../messages";
 import * as Utils from "../utils";
@@ -39,6 +39,6 @@ const CustomerForm = ({ lang, formTitle, close, open, rows, setRows, voucher, se
         setVoucher("");
         setResponse(RESPONSE.OK);
     };
-    return (_jsx(Dialog, { className: styles.popup, close: close, isOpened: open, title: Messages.get(lang, "customer-information"), children: _jsxs("div", { className: styles.inner, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "customer-information") }), _jsx(Stay, { lang: lang }), _jsx("div", { className: styles.form, children: Object.keys(fields).map((key) => (_jsx(Field, { lang: lang, name: key, field: fields[key], data: customerData, setData: setCustomerData }, key))) }), _jsxs("div", { className: styles.footer, children: [_jsxs(Button, { className: styles.confirm, disabled: !isFormValid || response === RESPONSE.LOADING, onClick: onSubmit, children: [Messages.get(lang, "send-request"), _jsx(DTIcons.Check, {})] }), response === RESPONSE.ERROR && (_jsx("div", { className: styles.error, children: Messages.get(lang, "form-error") })), response === RESPONSE.OK && (_jsx("div", { className: styles.sent, children: Messages.get(lang, "form-sent") }))] })] }) }));
+    return (_jsx(Dialog, { className: styles.popup, close: close, isOpened: open, title: Messages.get(lang, "customer-information"), children: _jsxs("div", { className: styles.inner, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "customer-information") }), _jsx(Stay, { lang: lang }), _jsx("div", { className: styles.form, children: Object.keys(fields).map((key) => (_jsx(Field, { lang: lang, name: key, field: fields[key], data: customerData, setData: setCustomerData }, key))) }), _jsxs("div", { className: styles.footer, children: [_jsxs(Button, { className: styles.confirm, disabled: !isFormValid || response === RESPONSE.LOADING, onClick: onSubmit, children: [Messages.get(lang, "send-request"), _jsx(CheckIcon, {})] }), response === RESPONSE.ERROR && (_jsx("div", { className: styles.error, children: Messages.get(lang, "form-error") })), response === RESPONSE.OK && (_jsx("div", { className: styles.sent, children: Messages.get(lang, "form-sent") }))] })] }) }));
 };
 export default CustomerForm;

package/es/esf/components/loyal-customers/components/student-form.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Dialog from "dt-design-system/es/dialog";
-import Field from "./field";
 import Button from "dt-design-system/es/button";
-import * as DTIcons from "dt-design-system/es/icons";
+import CheckIcon from "dt-design-system/es/icons/check";
+import Field from "./field";
 import * as Messages from "../messages";
 import * as Data from "../data";
 import styles from "./student-form.module.css";
@@ -33,6 +33,6 @@ const StudentForm = ({ lang, close, studentData, levels, setRows, recapFormRef,
         }
     };
     const { details, price, selectedOption, title } = studentData;
-    return (_jsx(Dialog, { className: styles.popup, close: onClose, isOpened: Boolean(dataKeys.length), title: Messages.get(lang, "student-information"), showCloseButton: true, children: _jsxs("div", { className: styles.inner, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "student-information") }), _jsxs("div", { className: styles.header, children: [_jsx("div", { className: styles.title, children: _jsx("b", { children: title }) }), _jsx("div", { className: styles.price, children: _jsxs("b", { children: [price, " \u20AC"] }) }), details && (_jsxs("div", { className: styles.details, children: [Messages.get(lang, "student-form-details"), " ", _jsx("span", { children: details })] })), selectedOption && (_jsxs("div", { className: styles.option, children: [Messages.get(lang, "student-form-option"), " ", _jsx("span", { children: selectedOption })] }))] }), _jsx("div", { className: styles.instructions, children: Messages.get(lang, "student-form-popup-instructions") }), _jsx("div", { className: styles.form, children: Object.keys(fields).map((key) => (_jsx(Field, { lang: lang, name: key, field: fields[key], data: formData, setData: setFormData }, key))) }), _jsx("div", { className: styles.footer, children: _jsxs(Button, { className: styles.confirm, disabled: !isFormValid, onClick: onSubmit, children: [Messages.get(lang, "confirm"), _jsx(DTIcons.Check, {})] }) })] }) }));
+    return (_jsx(Dialog, { className: styles.popup, close: onClose, isOpened: Boolean(dataKeys.length), title: Messages.get(lang, "student-information"), showCloseButton: true, children: _jsxs("div", { className: styles.inner, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "student-information") }), _jsxs("div", { className: styles.header, children: [_jsx("div", { className: styles.title, children: _jsx("b", { children: title }) }), _jsx("div", { className: styles.price, children: _jsxs("b", { children: [price, " \u20AC"] }) }), details && (_jsxs("div", { className: styles.details, children: [Messages.get(lang, "student-form-details"), " ", _jsx("span", { children: details })] })), selectedOption && (_jsxs("div", { className: styles.option, children: [Messages.get(lang, "student-form-option"), " ", _jsx("span", { children: selectedOption })] }))] }), _jsx("div", { className: styles.instructions, children: Messages.get(lang, "student-form-popup-instructions") }), _jsx("div", { className: styles.form, children: Object.keys(fields).map((key) => (_jsx(Field, { lang: lang, name: key, field: fields[key], data: formData, setData: setFormData }, key))) }), _jsx("div", { className: styles.footer, children: _jsxs(Button, { className: styles.confirm, disabled: !isFormValid, onClick: onSubmit, children: [Messages.get(lang, "confirm"), _jsx(CheckIcon, {})] }) })] }) }));
 };
 export default StudentForm;

package/es/esf/components/loyal-customers/loyal-customers.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
+import CheckIcon from "dt-design-system/es/icons/check";
 import Rows from "./components/rows";
 import Voucher from "./components/voucher";
 import StudentForm from "./components/student-form";
@@ -8,7 +9,6 @@ import CustomerForm from "./components/customer-form";
 import * as Messages from "./messages";
 import * as Content from "./content";
 import Button from "dt-design-system/es/button";
-import * as DTIcons from "dt-design-system/es/icons";
 import useStoredRows from "./hooks/use-stored-rows";
 import styles from "./loyal-customers.module.css";
 export default function LoyalCustomers({ lang, cmsMode, selectors, levels, className, convertTableToSelect, handleVariants, manualStay, channel = "ESF", merchant, resort, disableVoucher, integration, categoryCode, formTitle = "Clients fidèles", }) {
@@ -57,5 +57,5 @@ export default function LoyalCustomers({ lang, cmsMode, selectors, levels, class
         }
     }, [cleanup, cmsMode, init, selectors]);
     const classes = classNames(styles.index, className);
-    return (_jsxs("div", { ref: ref, className: classes, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "title") }), _jsx(Rows, { lang: lang, rows: rows, setRows: setRows, openedRow: openedRow, setOpenedRow: setOpenedRow }), !disableVoucher && (_jsx(Voucher, { lang: lang, voucher: voucher, setVoucher: setVoucher })), _jsxs("div", { className: styles.overview, children: [_jsx("div", { className: styles.overviewTitle, children: Messages.get(lang, "total") }), _jsxs("div", { className: styles.overviewTotal, children: [total, " \u20AC"] })] }), _jsxs(Button, { className: styles.orderButton, disabled: !rows.length, onClick: openCustomerForm, children: [Messages.get(lang, "order"), _jsx(DTIcons.Check, {})] }), _jsx(StudentForm, { lang: lang, close: closeStudentForm, studentData: studentData, levels: levels, setRows: setRows, recapFormRef: ref }), _jsx(CustomerForm, { lang: lang, formTitle: formTitle, close: closeCustomerForm, open: customerFormOpen, rows: rows, setRows: setRows, voucher: voucher, setVoucher: setVoucher, disableVoucher: disableVoucher, manualStay: manualStay, channel: channel, merchant: merchant, resort: resort, integration: integration, categoryCode: categoryCode })] }));
+    return (_jsxs("div", { ref: ref, className: classes, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "title") }), _jsx(Rows, { lang: lang, rows: rows, setRows: setRows, openedRow: openedRow, setOpenedRow: setOpenedRow }), !disableVoucher && (_jsx(Voucher, { lang: lang, voucher: voucher, setVoucher: setVoucher })), _jsxs("div", { className: styles.overview, children: [_jsx("div", { className: styles.overviewTitle, children: Messages.get(lang, "total") }), _jsxs("div", { className: styles.overviewTotal, children: [total, " \u20AC"] })] }), _jsxs(Button, { className: styles.orderButton, disabled: !rows.length, onClick: openCustomerForm, children: [Messages.get(lang, "order"), _jsx(CheckIcon, {})] }), _jsx(StudentForm, { lang: lang, close: closeStudentForm, studentData: studentData, levels: levels, setRows: setRows, recapFormRef: ref }), _jsx(CustomerForm, { lang: lang, formTitle: formTitle, close: closeCustomerForm, open: customerFormOpen, rows: rows, setRows: setRows, voucher: voucher, setVoucher: setVoucher, disableVoucher: disableVoucher, manualStay: manualStay, channel: channel, merchant: merchant, resort: resort, integration: integration, categoryCode: categoryCode })] }));
 }

package/es/esf/components/magic-box/booking.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
+import ArrowLeftIcon from "dt-design-system/es/icons/arrow-left";
 import { message } from "./messages";
 import { loadWidgetMseM } from "./services/widgets";
 import * as Plausible from "../../../future/components/plausible";
@@ -91,6 +91,6 @@ const Booking = ({ stay, cartUrl, channel, values, maxCPDuration, setCurrentStep
         stay.from,
         stay.to,
     ]);
-    return (_jsxs("div", { className: css.root, children: [_jsxs(Button, { onClick: goBack, children: [_jsx(Icons.ArrowLeft, {}), message(lang, "go-back")] }), _jsx("div", { id: "msem-magic-box" })] }));
+    return (_jsxs("div", { className: css.root, children: [_jsxs(Button, { onClick: goBack, children: [_jsx(ArrowLeftIcon, {}), message(lang, "go-back")] }), _jsx("div", { id: "msem-magic-box" })] }));
 };
 export default Booking;

package/es/esf/components/magic-box/magic-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"magic-box.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/magic-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,cAAc,GACf,0BAA0B,GAC1B,sCAAsC,GACtC,8BAA8B,CAAC;AACnC,KAAK,WAAW,GACZ,oCAAoC,GACpC,gDAAgD,GAChD,wCAAwC,CAAC;AAC7C,KAAK,aAAa,GACd,oDAAoD,GACpD,gEAAgE,GAChE,wDAAwD,CAAC;AAE7D,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,kBAAkB,EAAE,OAAO,CAAC;KAC7B,CAAC;CACH,CAAC;;AAIF,wBAAoC;AAEpC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAW,EACX,OAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,cAA2C,EAC3C,WAAkD,EAClD,aAAoE,EACpE,YAAY,EACZ,QAAQ,GACT,EAAE,KAAK,2CAoPP"}
+{"version":3,"file":"magic-box.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/magic-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,cAAc,GACf,0BAA0B,GAC1B,sCAAsC,GACtC,8BAA8B,CAAC;AACnC,KAAK,WAAW,GACZ,oCAAoC,GACpC,gDAAgD,GAChD,wCAAwC,CAAC;AAC7C,KAAK,aAAa,GACd,oDAAoD,GACpD,gEAAgE,GAChE,wDAAwD,CAAC;AAE7D,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE;QACb,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,kBAAkB,EAAE,OAAO,CAAC;KAC7B,CAAC;CACH,CAAC;;AAIF,wBAAoC;AAEpC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAW,EACX,OAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,cAA2C,EAC3C,WAAkD,EAClD,aAAoE,EACpE,YAAY,EACZ,QAAQ,GACT,EAAE,KAAK,2CAoPP"}

package/es/esf/components/magic-box/magic-box.js

@@ -5,8 +5,9 @@ import Router from "next/router";
 import { useUbloContext } from "ublo/with-ublo";
 import Button from "dt-design-system/es/button";
 import Information from "dt-design-system/es/information";
-import * as Icons from "dt-design-system/es/icons";
 import Dialog from "dt-design-system/es/dialog";
+import ArrowRightIcon from "dt-design-system/es/icons/arrow-right";
+import SearchIcon from "dt-design-system/es/icons/search";
 import Filters from "./filters";
 import Booking from "./booking";
 import GescoContactForm from "../../../common/components/gesco-contact-form";
@@ -151,7 +152,7 @@ function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, max
         setContactDialogOpened(false);
     };
     const showFilter = stay && filters && values;
-    const SubmitIcon = customSubmitChecked ? Icons.ArrowRight : Icons.Search;
+    const SubmitIcon = customSubmitChecked ? ArrowRightIcon : SearchIcon;
     const classes = classNames(css.root, className);
     return (_jsxs("div", { className: classes, "data-align": alignContent, children: [_jsxs("div", { className: css.top, children: [children, VELClosed && !jmoins && (_jsxs(Information, { type: "error", className: css.errorMessage, children: [message(lang, "vel-closed"), _jsx(Button, { className: css.contact, onClick: openContactDialog, children: message(lang, "contact-us") })] })), jmoins && (_jsxs(Information, { type: "warning", className: css.errorMessage, children: [message(lang, "booking-block-day-minus-start"), " ", jmoins, message(lang, "booking-block-day-minus-end")] })), !VELClosed && currentStep === 0 && (_jsxs(_Fragment, { children: [!filters && _jsx("div", { className: css.loader }), showFilter && (_jsx(Filters, { filters: filters, values: values, setValues: setValues, customSubmit: customSubmit, customSubmitChecked: customSubmitChecked, setCustomSubmitChecked: setCustomSubmitChecked }))] })), _jsxs(Button, { className: css.confirm, onClick: submit, disabled: VELClosed || !isValid, children: [message(lang, customSubmitChecked ? "proceed" : "confirm"), _jsx(SubmitIcon, {})] }), currentStep === 1 && (_jsx(Booking, { stay: stay, cartUrl: cartUrl, channel: channel, values: values, maxCPDuration: maxCPDuration, setCurrentStep: setCurrentStep, msemWidgetHost: msemWidgetHost }))] }), _jsx(Dialog, { className: css.dialog, isOpened: contactDialogOpened, close: closeContactDialog, children: _jsx("div", { className: css.dialogInner, children: _jsx(GescoContactForm, { lang: lang, channel: channel, resort: resort, merchant: merchant }) }) })] }));
 }

package/es/esf/components/period-picker/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/controls.js"],"names":[],"mappings":"AAQA;;;4CAmCC"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/period-picker/controls.js"],"names":[],"mappings":"AASA;;;4CAmCC"}

package/es/esf/components/period-picker/controls.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
+import ArrowLeftIcon from "dt-design-system/es/icons/arrow-left";
+import ArrowRightIcon from "dt-design-system/es/icons/arrow-right";
 import css from "./controls.module.css";
 const LEFT = 0;
 const RIGHT = 1;
@@ -18,5 +19,5 @@ export default function Controls({ barRef, distance }) {
             bar.scrollLeft = currentScroll + distance;
         }
     };
-    return (_jsxs("div", { className: css.controls, "data-controls": "", children: [_jsx(Button, { variant: "transparent", className: css.control, onClick: scrollTo(LEFT), "aria-label": "Previous", "data-control": "prev", children: _jsx(Icons.ArrowLeft, { className: css.icon }) }), _jsx(Button, { variant: "transparent", className: css.control, onClick: scrollTo(RIGHT), "aria-label": "Next", "data-control": "next", children: _jsx(Icons.ArrowRight, { className: css.icon }) })] }));
+    return (_jsxs("div", { className: css.controls, "data-controls": "", children: [_jsx(Button, { variant: "transparent", className: css.control, onClick: scrollTo(LEFT), "aria-label": "Previous", "data-control": "prev", children: _jsx(ArrowLeftIcon, { className: css.icon }) }), _jsx(Button, { variant: "transparent", className: css.control, onClick: scrollTo(RIGHT), "aria-label": "Next", "data-control": "next", children: _jsx(ArrowRightIcon, { className: css.icon }) })] }));
 }