ublo-lib 1.31.43 → 1.31.44

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

@@ -5,43 +5,24 @@ import * as Utils from "./utils";
 import Instructor from "./instructor";
 import { message } from "./messages";
 import css from "./list.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function List({
-  search = "",
-  instructors,
-  fromSuggestions,
-  formSendFunction,
-  formFields,
-  trombi,
-  popup
-}) {
-  const {
-    lang
-  } = useUbloContext();
-  const displayedInstructors = fromSuggestions ? instructors : Utils.filter(instructors, search);
-  const listCountMessageCode = displayedInstructors?.length > 1 ? "instructors" : "instructor";
-  const classes = classNames(css.container, {
-    [css.containerSuggestions]: fromSuggestions
-  });
-  return _jsxs("div", {
-    className: classes,
-    children: [!fromSuggestions && _jsxs("div", {
-      className: css.listCount,
-      children: [_jsx("b", {
-        children: displayedInstructors.length
-      }), " ", message(lang, listCountMessageCode)]
-    }), _jsx("div", {
-      className: css.inner,
-      children: displayedInstructors?.map(instructor => {
-        return _jsx(Instructor, {
-          instructor: instructor,
-          trombi: trombi,
-          formFields: formFields,
-          formSendFunction: formSendFunction,
-          popup: popup
-        }, instructor.uri);
-      })
-    })]
-  });
-}
+export default function List({ search = "", instructors, fromSuggestions, formSendFunction, formFields, trombi, popup, }) {
+    const { lang } = useUbloContext();
+    const displayedInstructors = fromSuggestions
+        ? instructors
+        : Utils.filter(instructors, search);
+    const listCountMessageCode = (displayedInstructors === null || displayedInstructors === void 0 ? void 0 : displayedInstructors.length) > 1 ? "instructors" : "instructor";
+    const classes = classNames(css.container, {
+        [css.containerSuggestions]: fromSuggestions,
+    });
+    return (<div className={classes}>
+      {!fromSuggestions && (<div className={css.listCount}>
+          <b>{displayedInstructors.length}</b>{" "}
+          {message(lang, listCountMessageCode)}
+        </div>)}
+      <div className={css.inner}>
+        {displayedInstructors === null || displayedInstructors === void 0 ? void 0 : displayedInstructors.map((instructor) => {
+            return (<Instructor key={instructor.uri} instructor={instructor} trombi={trombi} formFields={formFields} formSendFunction={formSendFunction} popup={popup}/>);
+        })}
+      </div>
+    </div>);
+}

package/es/esf/components/instructors-book/messages.d.ts

@@ -0,0 +1 @@
+export function message(lang: any, id: any): any;

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

@@ -1,41 +1,41 @@
 const locales = {
-  fr: {
-    "search-label": "Chercher un moniteur",
-    "search-placeholder": "Nom, prénom...",
-    "activity-label": "Quelle pratique ?",
-    "language-label": "Quelle langue ?",
-    instructors: "moniteurs trouvés",
-    instructor: "moniteur trouvé",
-    activities: "Activités pratiquées",
-    and: "et",
-    languages: "Langues parlées",
-    about: "À propos",
-    contact: "Quand souhaitez-vous skier avec moi ?",
-    "suggestions-title": "Les moniteurs qui vous proposent ce cours",
-    "suggestions-button": "Voir tous les moniteurs",
-    "see-more": "Voir plus",
-    "go-back": "Retour"
-  },
-  en: {
-    "search-label": "Search an instructor",
-    "search-placeholder": "Lastname, firstname...",
-    "activity-label": "Which activity?",
-    "language-label": "Which language?",
-    instructors: "instructors found",
-    instructor: "instructor found",
-    activities: "Activities",
-    and: "and",
-    languages: "Spoken languages",
-    about: "About",
-    contact: "When would you like to ski with me?",
-    "suggestions-title": "The instructors who offer you this course",
-    "suggestions-button": "See all instructors",
-    "see-more": "See more",
-    "go-back": "Go back"
-  }
+    fr: {
+        "search-label": "Chercher un moniteur",
+        "search-placeholder": "Nom, prénom...",
+        "activity-label": "Quelle pratique ?",
+        "language-label": "Quelle langue ?",
+        instructors: "moniteurs trouvés",
+        instructor: "moniteur trouvé",
+        activities: "Activités pratiquées",
+        and: "et",
+        languages: "Langues parlées",
+        about: "À propos",
+        contact: "Quand souhaitez-vous skier avec moi ?",
+        "suggestions-title": "Les moniteurs qui vous proposent ce cours",
+        "suggestions-button": "Voir tous les moniteurs",
+        "see-more": "Voir plus",
+        "go-back": "Retour",
+    },
+    en: {
+        "search-label": "Search an instructor",
+        "search-placeholder": "Lastname, firstname...",
+        "activity-label": "Which activity?",
+        "language-label": "Which language?",
+        instructors: "instructors found",
+        instructor: "instructor found",
+        activities: "Activities",
+        and: "and",
+        languages: "Spoken languages",
+        about: "About",
+        contact: "When would you like to ski with me?",
+        "suggestions-title": "The instructors who offer you this course",
+        "suggestions-button": "See all instructors",
+        "see-more": "See more",
+        "go-back": "Go back",
+    },
 };
 export const message = (lang, id) => {
-  const locale = lang === "fr" ? "fr" : "en";
-  const messages = locales[locale];
-  return messages[id] || `??${id}??`;
-};
+    const locale = lang === "fr" ? "fr" : "en";
+    const messages = locales[locale];
+    return messages[id] || `??${id}??`;
+};

package/es/esf/components/instructors-book/prefixes.d.ts

@@ -0,0 +1,5 @@
+export default prefixes;
+declare namespace prefixes {
+    let fr: string;
+    let en: string;
+}

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

@@ -1,5 +1,5 @@
 const prefixes = {
-  fr: "/moniteur",
-  en: "/instructor"
+    fr: "/moniteur",
+    en: "/instructor",
 };
-export default prefixes;
+export default prefixes;

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

@@ -0,0 +1,8 @@
+export default function Sheet({ instructor, popup, formFields, formSendFunction, bookUrl, }: {
+    instructor: any;
+    popup: any;
+    formFields: any;
+    formSendFunction: any;
+    bookUrl: any;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -10,164 +10,98 @@ import prefixes from "./prefixes";
 import { message } from "./messages";
 import css from "./sheet.module.css";
 import buttonCss from "dt-design-system/es/button/button.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function Sheet({
-  instructor,
-  popup,
-  formFields,
-  formSendFunction,
-  bookUrl
-}) {
-  const {
-    prenom,
-    nom,
-    photo,
-    langues,
-    disciplines,
-    introduction,
-    description,
-    uri
-  } = instructor;
-  const {
-    lang,
-    path
-  } = useUbloContext();
-  const [loading, setLoading] = React.useState(true);
-  const [picture, setPicture] = React.useState(photo);
-  const prefixLang = lang === "fr" ? "fr" : "en";
-  const stopLoading = () => {
-    setLoading(false);
-  };
-  const setFallbackPicture = ({
-    currentTarget
-  }) => {
-    setPicture(null);
-    stopLoading();
-    currentTarget.onerror = null;
-  };
-  const classes = classNames(css.container, {
-    [css.containerPopup]: popup
-  });
-  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: [Utils.formatNames(prenom), " "]
-            }), _jsx("span", {
-              className: css.lastName,
-              children: Utils.formatNames(nom)
-            })]
-          }), 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;
+export default function Sheet({ instructor, popup, formFields, formSendFunction, bookUrl, }) {
+    const { prenom, nom, photo, langues, disciplines, introduction, description, uri, } = instructor;
+    const { lang, path } = useUbloContext();
+    const [loading, setLoading] = React.useState(true);
+    const [picture, setPicture] = React.useState(photo);
+    const prefixLang = lang === "fr" ? "fr" : "en";
+    const stopLoading = () => {
+        setLoading(false);
+    };
+    const setFallbackPicture = ({ currentTarget }) => {
+        setPicture(null);
+        stopLoading();
+        currentTarget.onerror = null;
+    };
+    const classes = classNames(css.container, {
+        [css.containerPopup]: popup,
+    });
+    const key = `${lang}-${path}${prenom}-${nom}`;
+    return (<div key={key} className={classes}>
+      <div className={css.content}>
+        {!popup && bookUrl && (<Link href={bookUrl} className={classNames(buttonCss.button, buttonCss.link)}>
+            <Icons.ChevronLeft />
+            {message(lang, "go-back")}
+          </Link>)}
+        <div className={css.header}>
+          <div className={css.imageContainer}>
+            {picture ? (<>
+                {loading && <Icons.Loader2 className={css.imageLoader}/>}
+                <Image key={uri} loading="lazy" src={picture} className={css.image} alt={`${prenom} ${nom}`} onLoad={stopLoading} onError={setFallbackPicture} width="200" height="280"/>
+              </>) : (<div className={css.imagePlaceholder}>
+                <Icons.User className={css.imagePlaceholderIcon}/>
+              </div>)}
+          </div>
+          <div className={css.information}>
+            <div className={css.name}>
+              <span className={css.firstName}>
+                {Utils.formatNames(prenom)}{" "}
+              </span>
+              <span className={css.lastName}>{Utils.formatNames(nom)}</span>
+            </div>
+            {disciplines && (<div className={css.activities}>
+                <div className={css.activitiesTitle}>
+                  {message(lang, "activities")}
+                </div>
+                <div className={css.activitiesList}>
+                  {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 ? ", " : i < length - 1 ? ` ${message(lang, "and")} ` : ""]
-                }, code);
-              })
-            })]
-          }), langues && _jsxs("div", {
-            className: css.languages,
-            children: [_jsx("div", {
-              className: css.languagesTitle,
-              children: message(lang, "languages")
-            }), _jsx("div", {
-              className: css.languagesList,
-              children: langues.map((langue, i) => {
-                const {
-                  code,
-                  label
-                } = langue;
+                return (<span key={code} className={css.activity}>
+                        <span>{label}</span>
+                        {i < length - 2
+                        ? ", "
+                        : i < length - 1
+                            ? ` ${message(lang, "and")} `
+                            : ""}
+                      </span>);
+            })}
+                </div>
+              </div>)}
+            {langues && (<div className={css.languages}>
+                <div className={css.languagesTitle}>
+                  {message(lang, "languages")}
+                </div>
+                <div className={css.languagesList}>
+                  {langues.map((langue, i) => {
+                const { code, label } = langue;
                 const length = langues.length;
-                return _jsxs("span", {
-                  className: css.language,
-                  children: [label, " ", i < length - 1 ? " - " : ""]
-                }, code);
-              })
-            })]
-          })]
-        })]
-      }), !popup && introduction && _jsx("div", {
-        className: css.introduction,
-        dangerouslySetInnerHTML: {
-          __html: introduction
-        }
-      }), description && _jsxs("div", {
-        className: css.description,
-        children: [_jsx("div", {
-          className: css.descriptionTitle,
-          children: message(lang, "about")
-        }), _jsx("div", {
-          className: css.descriptionInner,
-          dangerouslySetInnerHTML: {
-            __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: [_jsx("div", {
-        className: css.formTitle,
-        children: message(lang, "contact")
-      }), _jsx(CustomContactForm, {
-        fields: formFields,
-        className: css.form,
-        innerClassName: css.formInner,
-        customSend: formSendFunction(prenom, nom)
-      })]
-    })]
-  }, key);
-}
+                return (<span key={code} className={css.language}>
+                        {label} {i < length - 1 ? " - " : ""}
+                      </span>);
+            })}
+                </div>
+              </div>)}
+          </div>
+        </div>
+        {!popup && introduction && (<div className={css.introduction} dangerouslySetInnerHTML={{ __html: introduction }}/>)}
+        {description && (<div className={css.description}>
+            <div className={css.descriptionTitle}>{message(lang, "about")}</div>
+            <div className={css.descriptionInner} dangerouslySetInnerHTML={{
+                __html: popup
+                    ? Utils.truncate(Utils.sanitizeHTML(description))
+                    : description,
+            }}/>
+            {popup && (<Link href={`${prefixes[prefixLang]}/${uri}`} className={classNames(buttonCss.button, buttonCss.secondary)} target="_blank">
+                {message(lang, "see-more")}
+                <Icons.ChevronRight />
+              </Link>)}
+          </div>)}
+      </div>
+      {formFields && formSendFunction && (<div className={css.aside}>
+          <div className={css.formTitle}>{message(lang, "contact")}</div>
+          <CustomContactForm fields={formFields} className={css.form} innerClassName={css.formInner} customSend={formSendFunction(prenom, nom)}/>
+        </div>)}
+    </div>);
+}

package/es/esf/components/instructors-book/suggestions.d.ts

@@ -0,0 +1,7 @@
+export default function Suggestions({ bookUrl, popup, formFields, formSendFunction, }: {
+    bookUrl: any;
+    popup: any;
+    formFields: any;
+    formSendFunction: any;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import Button from "dt-design-system/es/button";
@@ -6,54 +15,37 @@ import List from "./list";
 import * as API from "./api";
 import css from "./suggestions.module.css";
 import { message } from "./messages";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Suggestions({
-  bookUrl,
-  popup,
-  formFields,
-  formSendFunction
-}) {
-  const [instructors, setInstructors] = React.useState([]);
-  const {
-    seo,
-    lang
-  } = useUbloContext();
-  const tags = React.useMemo(() => seo && seo.keywords && seo.keywords.trim() !== "" ? seo.keywords.split(",") : undefined, [seo]);
-  React.useEffect(() => {
-    const fetchInstructors = async () => {
-      if (tags) {
-        try {
-          const instructors = await API.fetchRandomInstructors(lang, tags, 6);
-          if (instructors) {
-            setInstructors(instructors);
-          }
-        } catch (e) {
-          setInstructors([]);
-        }
-      }
-    };
-    fetchInstructors();
-  }, [lang, tags]);
-  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
-    })]
-  });
-}
+export default function Suggestions({ bookUrl, popup, formFields, formSendFunction, }) {
+    const [instructors, setInstructors] = React.useState([]);
+    const { seo, lang } = useUbloContext();
+    const tags = React.useMemo(() => seo && seo.keywords && seo.keywords.trim() !== ""
+        ? seo.keywords.split(",")
+        : undefined, [seo]);
+    React.useEffect(() => {
+        const fetchInstructors = () => __awaiter(this, void 0, void 0, function* () {
+            if (tags) {
+                try {
+                    const instructors = yield API.fetchRandomInstructors(lang, tags, 6);
+                    if (instructors) {
+                        setInstructors(instructors);
+                    }
+                }
+                catch (e) {
+                    setInstructors([]);
+                }
+            }
+        });
+        fetchInstructors();
+    }, [lang, tags]);
+    return (<div className={css.suggestions}>
+      <div className={css.header}>
+        <div className={css.headerTitle}>
+          {message(lang, "suggestions-title")}
+        </div>
+        {bookUrl && (<Button tag="a" href={bookUrl} className={css.headerButton}>
+            {message(lang, "suggestions-button")} <Icons.ArrowRight />
+          </Button>)}
+      </div>
+      <List instructors={instructors} popup={popup} formFields={formFields} formSendFunction={formSendFunction} fromSuggestions/>
+    </div>);
+}

package/es/esf/components/instructors-book/utils.d.ts

@@ -0,0 +1,13 @@
+export function truncate(input: any, lenght?: number): any;
+export function sanitizeHTML(text: any): string;
+export function propsFromQueryString(): {
+    activity?: undefined;
+    language?: undefined;
+} | {
+    activity: string;
+    language: string;
+};
+export function hasTrailingSlash(path: any): any;
+export function includesString(source: any, included: any): void;
+export function filter(array: any, search?: string): any;
+export function formatNames(name: any): any;