ublo-lib 1.31.42 → 1.31.44

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

@@ -0,0 +1,34 @@
+export namespace flags {
+    export { ArFlag as ar };
+    export { CnFlag as cn };
+    export { DeFlag as de };
+    export { DkFlag as dk };
+    export { EnFlag as en };
+    export { EsFlag as es };
+    export { FrFlag as fr };
+    export { IlFlag as il };
+    export { ItFlag as it };
+    export { JpFlag as jp };
+    export { NlFlag as nl };
+    export { PlFlag as pl };
+    export { PtFlag as pt };
+    export { RuFlag as ru };
+    export { SeFlag as se };
+}
+declare function ArFlag(props: any): React.JSX.Element;
+declare function CnFlag(props: any): React.JSX.Element;
+declare function DeFlag(props: any): React.JSX.Element;
+declare function DkFlag(props: any): React.JSX.Element;
+declare function EnFlag(props: any): React.JSX.Element;
+declare function EsFlag(props: any): React.JSX.Element;
+declare function FrFlag(props: any): React.JSX.Element;
+declare function IlFlag(props: any): React.JSX.Element;
+declare function ItFlag(props: any): React.JSX.Element;
+declare function JpFlag(props: any): React.JSX.Element;
+declare function NlFlag(props: any): React.JSX.Element;
+declare function PlFlag(props: any): React.JSX.Element;
+declare function PtFlag(props: any): React.JSX.Element;
+declare function RuFlag(props: any): React.JSX.Element;
+declare function SeFlag(props: any): React.JSX.Element;
+import * as React from "react";
+export {};

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

@@ -1,248 +1,110 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import * as React from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const SVG = ({
-  title,
-  ...props
-}) => _jsxs("svg", {
-  viewBox: "0 0 24 24",
-  ...props,
-  children: [title && _jsx("title", {
-    children: title
-  }), props.children]
-});
-const ArFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M0 3h24v6H0V3z",
-    fill: "#000"
-  }), _jsx("path", {
-    d: "M0 9h24v6H0V9z",
-    fill: "#fff"
-  }), _jsx("path", {
-    d: "M0 15h24v6H0v-6z",
-    fill: "#00732F"
-  })]
-});
-const CnFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M0 3h24v18H0V3z",
-    fill: "#DE2910"
-  }), _jsx("path", {
-    d: "M2.91 9.69L4.5 4.8l1.59 4.89-4.16-3.03h5.14L2.91 9.7zM9.9 4.88l-1.66.38 1.12-1.29-.15 1.7-.88-1.46 1.58.67zM11.6 7.01l-1.7-.3 1.55-.74-.8 1.51-.25-1.7 1.2 1.23zM11.35 10.01l-1.42-.96L11.64 9l-1.35 1.06.48-1.65.58 1.61zM9.24 11.97l-.95-1.43 1.6.6-1.65.46 1.08-1.34-.08 1.71z",
-    fill: "#FFDE00"
-  })]
-});
-const DeFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M0 15h24v6H0v-6z",
-    fill: "#FFCE00"
-  }), _jsx("path", {
-    d: "M0 3h24v6H0V3z",
-    fill: "#000"
-  }), _jsx("path", {
-    d: "M0 9h24v6H0V9z",
-    fill: "#D00"
-  })]
-});
-const DkFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M0 3h24v18H0V3z",
-    fill: "#C60C30"
-  }), _jsx("path", {
-    d: "M7.7 3h2.6v18H7.7V3z",
-    fill: "#fff"
-  }), _jsx("path", {
-    d: "M0 10.7h24v2.6H0v-2.6z",
-    fill: "#fff"
-  })]
-});
-const EsFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M0 3h24v18H0V3z",
-    fill: "#C60B1E"
-  }), _jsx("path", {
-    d: "M0 7.5h24v9H0v-9z",
-    fill: "#FFC400"
-  })]
-});
-const FrFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 3h24v18H0V3z",
-    fill: "#fff"
-  }), _jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 3h8v18H0V3z",
-    fill: "#00267F"
-  }), _jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 3h8v18h-8V3z",
-    fill: "#F31830"
-  })]
-});
-const EnFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M-6 3h36v18H-6V3z",
-    fill: "#006"
-  }), _jsx("path", {
-    d: "M-6 3v2l32 16h4v-2L-2 3h-4zm36 0v2L-2 21h-4v-2L26 3h4z",
-    fill: "#fff"
-  }), _jsx("path", {
-    d: "M9 3v18h6V3H9zM-6 9v6h36V9H-6z",
-    fill: "#fff"
-  }), _jsx("path", {
-    d: "M-6 10.2v3.6h36v-3.6H-6zM10.2 3v18h3.6V3h-3.6zM-7 21l11-6h3l-11 6h-3zm1-18.5L7 9H4.5L-6 4V2.5zM16.5 9l12-6H31L19 9h-2.5zM30 21.5L17 15h3l10 5v1.5z",
-    fill: "#C00"
-  })]
-});
-const IlFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M25 21H-1V3H25v18z",
-    fill: "#fff"
-  }), _jsx("path", {
-    d: "M25 7H-1V4.8H25V7zm0 12.4H-1V17H25v2.4zM7.8 9.7l3.9 6.8 4-6.7h-8z",
-    fill: "#00C"
-  }), _jsx("path", {
-    d: "M11 14.2l.8 1.3.7-1.3H11z",
-    fill: "#fff"
-  }), _jsx("path", {
-    d: "M7.9 14.3l3.9-6.8 4 6.8h-8z",
-    fill: "#00C"
-  }), _jsx("path", {
-    d: "M11 9.8l.8-1.3.7 1.2H11zm-1.5 2.8l-.8 1.2h1.5l-.7-1.2zm-.8-2.4h1.5l-.7 1.3-.8-1.3zm5.4 2.4l.7 1.2h-1.5l.8-1.2zm.7-2.4h-1.5l.7 1.3.8-1.3zm-4 0l-1 1.8 1 1.8h1.8l1.2-1.8-1-1.8h-2z",
-    fill: "#fff"
-  })]
-});
-const ItFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 3h24v18H0V3z",
-    fill: "#fff"
-  }), _jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 3h8v18H0V3z",
-    fill: "#009246"
-  }), _jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 3h8v18h-8V3z",
-    fill: "#CE2B37"
-  })]
-});
-const JpFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M-1.5 3h27v18h-27V3z",
-    fill: "#fff"
-  }), _jsx("path", {
-    d: "M12 17.6a5.6 5.6 0 100-11.2 5.6 5.6 0 000 11.2z",
-    fill: "#D30000"
-  })]
-});
-const NlFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M24 3H0v18h24V3z",
-    fill: "#fff"
-  }), _jsx("path", {
-    d: "M24 15H0v6h24v-6z",
-    fill: "#21468B"
-  }), _jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 3h24v6H0V3z",
-    fill: "#AE1C28"
-  })]
-});
-const PlFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M24 21H0V3h24v18z",
-    fill: "#fff"
-  }), _jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M24 21H0v-9h24v9z",
-    fill: "#DC143C"
-  })]
-});
-const PtFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M9.6 3H24v18H9.6V3z",
-    fill: "red"
-  }), _jsx("path", {
-    d: "M0 3h9.6v18H0V3z",
-    fill: "#060"
-  })]
-});
-const RuFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 3h24v18H0V3z",
-    fill: "#fff"
-  }), _jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 9h24v12H0V9z",
-    fill: "#0039A6"
-  }), _jsx("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 15h24v6H0v-6z",
-    fill: "#D52B1E"
-  })]
-});
-const SeFlag = props => _jsxs(SVG, {
-  ...props,
-  children: [_jsx("path", {
-    d: "M-2.4 3h9v7.2h-9V3zm0 10.8h9V21h-9v-7.2z",
-    fill: "#006AA7"
-  }), _jsx("path", {
-    d: "M-2.4 10.2h9v3.6h-9v-3.6zM6.6 3h3.6v18H6.6V3z",
-    fill: "#FECC00"
-  }), _jsx("path", {
-    d: "M10 10.2h16.3v3.6H10v-3.6z",
-    fill: "#FECC00"
-  }), _jsx("path", {
-    d: "M10.2 13.8h16.2V21H10.2v-7.2zm0-10.8h16.2v7.2H10.2V3z",
-    fill: "#006AA7"
-  })]
-});
+const SVG = (_a) => {
+    var { title } = _a, props = __rest(_a, ["title"]);
+    return (<svg viewBox="0 0 24 24" {...props}>
+    {title && <title>{title}</title>}
+    {props.children}
+  </svg>);
+};
+const ArFlag = (props) => (<SVG {...props}>
+    <path d="M0 3h24v6H0V3z" fill="#000"/>
+    <path d="M0 9h24v6H0V9z" fill="#fff"/>
+    <path d="M0 15h24v6H0v-6z" fill="#00732F"/>
+  </SVG>);
+const CnFlag = (props) => (<SVG {...props}>
+    <path d="M0 3h24v18H0V3z" fill="#DE2910"/>
+    <path d="M2.91 9.69L4.5 4.8l1.59 4.89-4.16-3.03h5.14L2.91 9.7zM9.9 4.88l-1.66.38 1.12-1.29-.15 1.7-.88-1.46 1.58.67zM11.6 7.01l-1.7-.3 1.55-.74-.8 1.51-.25-1.7 1.2 1.23zM11.35 10.01l-1.42-.96L11.64 9l-1.35 1.06.48-1.65.58 1.61zM9.24 11.97l-.95-1.43 1.6.6-1.65.46 1.08-1.34-.08 1.71z" fill="#FFDE00"/>
+  </SVG>);
+const DeFlag = (props) => (<SVG {...props}>
+    <path d="M0 15h24v6H0v-6z" fill="#FFCE00"/>
+    <path d="M0 3h24v6H0V3z" fill="#000"/>
+    <path d="M0 9h24v6H0V9z" fill="#D00"/>
+  </SVG>);
+const DkFlag = (props) => (<SVG {...props}>
+    <path d="M0 3h24v18H0V3z" fill="#C60C30"/>
+    <path d="M7.7 3h2.6v18H7.7V3z" fill="#fff"/>
+    <path d="M0 10.7h24v2.6H0v-2.6z" fill="#fff"/>
+  </SVG>);
+const EsFlag = (props) => (<SVG {...props}>
+    <path d="M0 3h24v18H0V3z" fill="#C60B1E"/>
+    <path d="M0 7.5h24v9H0v-9z" fill="#FFC400"/>
+  </SVG>);
+const FrFlag = (props) => (<SVG {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M0 3h24v18H0V3z" fill="#fff"/>
+    <path fillRule="evenodd" clipRule="evenodd" d="M0 3h8v18H0V3z" fill="#00267F"/>
+    <path fillRule="evenodd" clipRule="evenodd" d="M16 3h8v18h-8V3z" fill="#F31830"/>
+  </SVG>);
+const EnFlag = (props) => (<SVG {...props}>
+    <path d="M-6 3h36v18H-6V3z" fill="#006"/>
+    <path d="M-6 3v2l32 16h4v-2L-2 3h-4zm36 0v2L-2 21h-4v-2L26 3h4z" fill="#fff"/>
+    <path d="M9 3v18h6V3H9zM-6 9v6h36V9H-6z" fill="#fff"/>
+    <path d="M-6 10.2v3.6h36v-3.6H-6zM10.2 3v18h3.6V3h-3.6zM-7 21l11-6h3l-11 6h-3zm1-18.5L7 9H4.5L-6 4V2.5zM16.5 9l12-6H31L19 9h-2.5zM30 21.5L17 15h3l10 5v1.5z" fill="#C00"/>
+  </SVG>);
+const IlFlag = (props) => (<SVG {...props}>
+    <path d="M25 21H-1V3H25v18z" fill="#fff"/>
+    <path d="M25 7H-1V4.8H25V7zm0 12.4H-1V17H25v2.4zM7.8 9.7l3.9 6.8 4-6.7h-8z" fill="#00C"/>
+    <path d="M11 14.2l.8 1.3.7-1.3H11z" fill="#fff"/>
+    <path d="M7.9 14.3l3.9-6.8 4 6.8h-8z" fill="#00C"/>
+    <path d="M11 9.8l.8-1.3.7 1.2H11zm-1.5 2.8l-.8 1.2h1.5l-.7-1.2zm-.8-2.4h1.5l-.7 1.3-.8-1.3zm5.4 2.4l.7 1.2h-1.5l.8-1.2zm.7-2.4h-1.5l.7 1.3.8-1.3zm-4 0l-1 1.8 1 1.8h1.8l1.2-1.8-1-1.8h-2z" fill="#fff"/>
+  </SVG>);
+const ItFlag = (props) => (<SVG {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M0 3h24v18H0V3z" fill="#fff"/>
+    <path fillRule="evenodd" clipRule="evenodd" d="M0 3h8v18H0V3z" fill="#009246"/>
+    <path fillRule="evenodd" clipRule="evenodd" d="M16 3h8v18h-8V3z" fill="#CE2B37"/>
+  </SVG>);
+const JpFlag = (props) => (<SVG {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M-1.5 3h27v18h-27V3z" fill="#fff"/>
+    <path d="M12 17.6a5.6 5.6 0 100-11.2 5.6 5.6 0 000 11.2z" fill="#D30000"/>
+  </SVG>);
+const NlFlag = (props) => (<SVG {...props}>
+    <path d="M24 3H0v18h24V3z" fill="#fff"/>
+    <path d="M24 15H0v6h24v-6z" fill="#21468B"/>
+    <path fillRule="evenodd" clipRule="evenodd" d="M0 3h24v6H0V3z" fill="#AE1C28"/>
+  </SVG>);
+const PlFlag = (props) => (<SVG {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M24 21H0V3h24v18z" fill="#fff"/>
+    <path fillRule="evenodd" clipRule="evenodd" d="M24 21H0v-9h24v9z" fill="#DC143C"/>
+  </SVG>);
+const PtFlag = (props) => (<SVG {...props}>
+    <path d="M9.6 3H24v18H9.6V3z" fill="red"/>
+    <path d="M0 3h9.6v18H0V3z" fill="#060"/>
+  </SVG>);
+const RuFlag = (props) => (<SVG {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M0 3h24v18H0V3z" fill="#fff"/>
+    <path fillRule="evenodd" clipRule="evenodd" d="M0 9h24v12H0V9z" fill="#0039A6"/>
+    <path fillRule="evenodd" clipRule="evenodd" d="M0 15h24v6H0v-6z" fill="#D52B1E"/>
+  </SVG>);
+const SeFlag = (props) => (<SVG {...props}>
+    <path d="M-2.4 3h9v7.2h-9V3zm0 10.8h9V21h-9v-7.2z" fill="#006AA7"/>
+    <path d="M-2.4 10.2h9v3.6h-9v-3.6zM6.6 3h3.6v18H6.6V3z" fill="#FECC00"/>
+    <path d="M10 10.2h16.3v3.6H10v-3.6z" fill="#FECC00"/>
+    <path d="M10.2 13.8h16.2V21H10.2v-7.2zm0-10.8h16.2v7.2H10.2V3z" fill="#006AA7"/>
+  </SVG>);
 export const flags = {
-  ar: ArFlag,
-  cn: CnFlag,
-  de: DeFlag,
-  dk: DkFlag,
-  en: EnFlag,
-  es: EsFlag,
-  fr: FrFlag,
-  il: IlFlag,
-  it: ItFlag,
-  jp: JpFlag,
-  nl: NlFlag,
-  pl: PlFlag,
-  pt: PtFlag,
-  ru: RuFlag,
-  se: SeFlag
-};
+    ar: ArFlag,
+    cn: CnFlag,
+    de: DeFlag,
+    dk: DkFlag,
+    en: EnFlag,
+    es: EsFlag,
+    fr: FrFlag,
+    il: IlFlag,
+    it: ItFlag,
+    jp: JpFlag,
+    nl: NlFlag,
+    pl: PlFlag,
+    pt: PtFlag,
+    ru: RuFlag,
+    se: SeFlag,
+};

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

@@ -0,0 +1,6 @@
+import Book from "./book";
+import Sheet from "./sheet";
+import Suggestions from "./suggestions";
+import * as API from "./api";
+import prefixes from "./prefixes";
+export { Book, Sheet, Suggestions, API, prefixes };

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

@@ -3,4 +3,4 @@ import Book from "./book";
 import Sheet from "./sheet";
 import Suggestions from "./suggestions";
 import prefixes from "./prefixes";
-export { Book, Sheet, Suggestions, API, prefixes };
+export { Book, Sheet, Suggestions, API, prefixes };

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

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

package/es/esf/components/instructors-book/instructor.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 Image from "next/image";
 import Link from "ublo/link";
@@ -8,106 +17,58 @@ import Sheet from "./sheet";
 import * as Utils from "./utils";
 import prefixes from "./prefixes";
 import css from "./instructor.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Instructor({
-  instructor,
-  formFields,
-  formSendFunction,
-  trombi,
-  popup
-}) {
-  const {
-    lang
-  } = useUbloContext();
-  const {
-    prenom,
-    nom,
-    photo,
-    uri
-  } = instructor;
-  const [loading, setLoading] = React.useState(true);
-  const [picture, setPicture] = React.useState(photo);
-  const [popupOpened, setPopupOpened] = React.useState(false);
-  const prefixLang = lang === "fr" ? "fr" : "en";
-  const openPopup = async e => {
-    if (!popup) return;
-    e.preventDefault();
-    setPopupOpened(true);
-  };
-  const closePopup = () => {
-    setPopupOpened(false);
-  };
-  const Tag = trombi ? "div" : Link;
-  const divProps = {};
-  const linkProps = {
-    href: `${prefixes[prefixLang]}/${uri}`,
-    onClick: openPopup
-  };
-  const props = trombi ? divProps : linkProps;
-  const stopLoading = () => {
-    setLoading(false);
-  };
-  const setFallbackPicture = ({
-    currentTarget
-  }) => {
-    setPicture(null);
-    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
-        })
-      })
-    })]
-  });
-}
+export default function Instructor({ instructor, formFields, formSendFunction, trombi, popup, }) {
+    const { lang } = useUbloContext();
+    const { prenom, nom, photo, uri } = instructor;
+    const [loading, setLoading] = React.useState(true);
+    const [picture, setPicture] = React.useState(photo);
+    const [popupOpened, setPopupOpened] = React.useState(false);
+    const prefixLang = lang === "fr" ? "fr" : "en";
+    const openPopup = (e) => __awaiter(this, void 0, void 0, function* () {
+        if (!popup)
+            return;
+        e.preventDefault();
+        setPopupOpened(true);
+    });
+    const closePopup = () => {
+        setPopupOpened(false);
+    };
+    const Tag = trombi ? "div" : Link;
+    const divProps = {};
+    const linkProps = {
+        href: `${prefixes[prefixLang]}/${uri}`,
+        onClick: openPopup,
+    };
+    const props = trombi ? divProps : linkProps;
+    const stopLoading = () => {
+        setLoading(false);
+    };
+    const setFallbackPicture = ({ currentTarget }) => {
+        setPicture(null);
+        stopLoading();
+        currentTarget.onerror = null;
+    };
+    return (<>
+      <Tag className={css.card} {...props}>
+        <div className={css.imageContainer}>
+          {picture ? (<>
+              {loading && <Icons.Loader2 className={css.imageLoader}/>}
+              <Image loading="lazy" src={picture} className={css.image} alt={`${prenom} ${nom}`} onLoad={stopLoading} onError={setFallbackPicture} width="170" height="220"/>
+            </>) : (<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>
+        </div>
+      </Tag>
+      <Dialog isOpened={popupOpened} close={closePopup} onClose={closePopup} showAsModal={false}>
+        <div className={css.dialogContent}>
+          <Sheet instructor={instructor} formFields={formFields} formSendFunction={formSendFunction} popup/>
+        </div>
+      </Dialog>
+    </>);
+}

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

@@ -0,0 +1,10 @@
+export default function List({ search, instructors, fromSuggestions, formSendFunction, formFields, trombi, popup, }: {
+    search?: string;
+    instructors: any;
+    fromSuggestions: any;
+    formSendFunction: any;
+    formFields: any;
+    trombi: any;
+    popup: any;
+}): React.JSX.Element;
+import * as React from "react";