ublo-lib 1.31.42 → 1.31.44

package/es/common/components/editable-map/popup-data.js

@@ -1,38 +1,17 @@
 import * as React from "react";
 import Button from "dt-design-system/es/button";
 import css from "./popup-data.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function PopupData({
-  marker
-}) {
-  const {
-    title,
-    description,
-    url,
-    label
-  } = marker;
-  const isExternalUrl = /^((http|https):\/\/)/.test(url);
-  const target = isExternalUrl ? "_blank" : undefined;
-  const rel = isExternalUrl ? "noopener" : undefined;
-  const formatedDescription = description.replace(/\n/g, "<br />");
-  return _jsxs("div", {
-    className: css.data,
-    children: [_jsx("div", {
-      className: css.title,
-      children: title
-    }), formatedDescription && _jsx("div", {
-      className: css.description,
-      dangerouslySetInnerHTML: {
-        __html: formatedDescription
-      }
-    }), url?.trim() && _jsx(Button, {
-      tag: "a",
-      href: url.trim(),
-      className: css.link,
-      target: target,
-      rel: rel,
-      children: label || "En savoir plus"
-    })]
-  });
-}
+export default function PopupData({ marker }) {
+    const { title, description, url, label } = marker;
+    const isExternalUrl = /^((http|https):\/\/)/.test(url);
+    const target = isExternalUrl ? "_blank" : undefined;
+    const rel = isExternalUrl ? "noopener" : undefined;
+    const formatedDescription = description.replace(/\n/g, "<br />");
+    return (<div className={css.data}>
+      <div className={css.title}>{title}</div>
+      {formatedDescription && (<div className={css.description} dangerouslySetInnerHTML={{ __html: formatedDescription }}/>)}
+      {(url === null || url === void 0 ? void 0 : url.trim()) && (<Button tag="a" href={url.trim()} className={css.link} target={target} rel={rel}>
+          {label || "En savoir plus"}
+        </Button>)}
+    </div>);
+}

package/es/common/components/editable-map/slopes-toggle.d.ts

@@ -0,0 +1,5 @@
+export default function SlopesToggle({ showSlopes, setShowSlopes }: {
+    showSlopes: any;
+    setShowSlopes: any;
+}): React.JSX.Element;
+import * as React from "react";

package/es/common/components/editable-map/slopes-toggle.js

@@ -1,23 +1,14 @@
 import * as React from "react";
 import Checkbox from "dt-design-system/es/checkbox";
 import css from "./slopes-toggle.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
 const labels = {
-  fr: "Afficher les pistes",
-  en: "Show slopes"
+    fr: "Afficher les pistes",
+    en: "Show slopes",
 };
-export default function SlopesToggle({
-  showSlopes,
-  setShowSlopes
-}) {
-  const lang = document.documentElement.getAttribute("lang");
-  const label = lang === "fr" ? labels.fr : labels.en;
-  return _jsx("div", {
-    className: css.slopesToggle,
-    children: _jsx(Checkbox, {
-      label: label,
-      checked: showSlopes,
-      onCheckedChange: setShowSlopes
-    })
-  });
-}
+export default function SlopesToggle({ showSlopes, setShowSlopes }) {
+    const lang = document.documentElement.getAttribute("lang");
+    const label = lang === "fr" ? labels.fr : labels.en;
+    return (<div className={css.slopesToggle}>
+      <Checkbox label={label} checked={showSlopes} onCheckedChange={setShowSlopes}/>
+    </div>);
+}

package/es/common/components/error-404/error-404.d.ts

@@ -0,0 +1,6 @@
+export default Error404;
+declare function Error404({ logo, className }: {
+    logo: any;
+    className: any;
+}): React.JSX.Element;
+import * as React from "react";

package/es/common/components/error-404/error-404.js

@@ -5,46 +5,26 @@ import Button from "dt-design-system/es/button";
 import { useGoal } from "../plausible";
 import message from "./messages";
 import css from "./error-404.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Error404 = ({
-  logo,
-  className
-}) => {
-  useGoal("404 error");
-  const {
-    lang: ubloLang
-  } = useUbloContext();
-  const [lang, setLang] = React.useState(ubloLang);
-  React.useEffect(() => {
-    if (!lang) {
-      setLang(document.documentElement.getAttribute("lang") || "en");
-    }
-  }, [lang]);
-  const classes = classNames(css.error, className);
-  return _jsxs("div", {
-    className: classes,
-    children: [logo && _jsx("div", {
-      className: css.logo,
-      children: logo
-    }), _jsxs("div", {
-      className: css.inner,
-      children: [_jsx("div", {
-        className: css.title,
-        children: message(lang, "title")
-      }), _jsx("div", {
-        className: css.tagline,
-        children: message(lang, "tagline")
-      }), _jsx(Button, {
-        tag: "a",
-        className: css.button,
-        href: "/",
-        children: message(lang, "button")
-      }), _jsx("div", {
-        className: css.errorCode,
-        children: "404"
-      })]
-    })]
-  });
+const Error404 = ({ logo, className }) => {
+    useGoal("404 error");
+    const { lang: ubloLang } = useUbloContext();
+    const [lang, setLang] = React.useState(ubloLang);
+    React.useEffect(() => {
+        if (!lang) {
+            setLang(document.documentElement.getAttribute("lang") || "en");
+        }
+    }, [lang]);
+    const classes = classNames(css.error, className);
+    return (<div className={classes}>
+      {logo && <div className={css.logo}>{logo}</div>}
+      <div className={css.inner}>
+        <div className={css.title}>{message(lang, "title")}</div>
+        <div className={css.tagline}>{message(lang, "tagline")}</div>
+        <Button tag="a" className={css.button} href="/">
+          {message(lang, "button")}
+        </Button>
+        <div className={css.errorCode}>404</div>
+      </div>
+    </div>);
 };
-export default Error404;
+export default Error404;

package/es/common/components/error-404/index.d.ts

@@ -0,0 +1,2 @@
+export default Error404;
+import Error404 from "./error-404";

package/es/common/components/error-404/index.js

@@ -1,2 +1,2 @@
 import Error404 from "./error-404";
-export default Error404;
+export default Error404;

package/es/common/components/error-404/messages.d.ts

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

package/es/common/components/error-404/messages.js

@@ -1,16 +1,17 @@
 const messages = {
-  fr: {
-    title: "Erreur",
-    tagline: "Cette page n'existe pas, ou plus...",
-    button: "Retour à l'accueil"
-  },
-  en: {
-    title: "Error",
-    tagline: "This page doesn't exist...",
-    button: "Back to home page"
-  }
+    fr: {
+        title: "Erreur",
+        tagline: "Cette page n'existe pas, ou plus...",
+        button: "Retour à l'accueil",
+    },
+    en: {
+        title: "Error",
+        tagline: "This page doesn't exist...",
+        button: "Back to home page",
+    },
 };
 export default function message(lang, id) {
-  const _lang = lang === "fr" ? "fr" : "en";
-  return messages[_lang]?.[id] || `??${id}??`;
-}
+    var _a;
+    const _lang = lang === "fr" ? "fr" : "en";
+    return ((_a = messages[_lang]) === null || _a === void 0 ? void 0 : _a[id]) || `??${id}??`;
+}

package/es/common/components/faq.d.ts

@@ -0,0 +1,6 @@
+declare const _default: React.MemoExoticComponent<({ target, children }: {
+    target?: string;
+    children: any;
+}) => React.JSX.Element>;
+export default _default;
+import * as React from "react";

package/es/common/components/faq.js

@@ -1,54 +1,50 @@
 import * as React from "react";
 import { memo, useEffect, useState, useRef } from "react";
 import { useUbloContext } from "ublo/with-ublo";
-import { jsx as _jsx } from "react/jsx-runtime";
 const FAQ_OPENED_CLASS = "faq__opened";
-const Faq = ({
-  target = "FAQ",
-  children
-}) => {
-  const faqRef = useRef();
-  const {
-    cmsMode
-  } = useUbloContext();
-  const [count, setCount] = useState(0);
-  const [current, setCurrent] = useState();
-  useEffect(() => {
-    if (window.location.hostname === "localhost") {
-      console.warn("Faq is deprecated, prefer useFaq (ublo-lib/es/common/hooks/use-faq)");
-    }
-  }, []);
-  useEffect(() => {
-    const faq = faqRef.current;
-    const sections = faq.querySelectorAll(`section[data-class="${target}"]`);
-    setCount(sections.length);
-    const clicked = section => () => {
-      if (current) {
-        current.classList.remove(FAQ_OPENED_CLASS);
-      }
-      if (section === current) {
-        setCurrent();
-      } else {
-        setCurrent(section);
-        section.classList.add(FAQ_OPENED_CLASS);
-      }
-    };
-    if (cmsMode !== "editing" && cmsMode !== "connected" && cmsMode !== "info") {
-      Array.prototype.forEach.call(sections, section => {
-        section.clicked = clicked(section);
-        section.addEventListener("click", section.clicked);
-      });
-      return () => {
-        Array.prototype.forEach.call(sections, section => {
-          section.removeEventListener("click", section.clicked);
-        });
-      };
-    }
-  }, [count, current, cmsMode, target]);
-  return _jsx("div", {
-    className: "faq",
-    ref: faqRef,
-    children: children
-  });
+const Faq = ({ target = "FAQ", children }) => {
+    const faqRef = useRef();
+    const { cmsMode } = useUbloContext();
+    const [count, setCount] = useState(0);
+    const [current, setCurrent] = useState();
+    useEffect(() => {
+        if (window.location.hostname === "localhost") {
+            // eslint-disable-next-line no-console
+            console.warn("Faq is deprecated, prefer useFaq (ublo-lib/es/common/hooks/use-faq)");
+        }
+    }, []);
+    useEffect(() => {
+        const faq = faqRef.current;
+        const sections = faq.querySelectorAll(`section[data-class="${target}"]`);
+        setCount(sections.length);
+        const clicked = (section) => () => {
+            if (current) {
+                current.classList.remove(FAQ_OPENED_CLASS);
+            }
+            if (section === current) {
+                setCurrent();
+            }
+            else {
+                setCurrent(section);
+                section.classList.add(FAQ_OPENED_CLASS);
+            }
+        };
+        if (cmsMode !== "editing" &&
+            cmsMode !== "connected" &&
+            cmsMode !== "info") {
+            Array.prototype.forEach.call(sections, (section) => {
+                section.clicked = clicked(section);
+                section.addEventListener("click", section.clicked);
+            });
+            return () => {
+                Array.prototype.forEach.call(sections, (section) => {
+                    section.removeEventListener("click", section.clicked);
+                });
+            };
+        }
+    }, [count, current, cmsMode, target]);
+    return (<div className="faq" ref={faqRef}>
+      {children}
+    </div>);
 };
-export default memo(Faq);
+export default memo(Faq);

package/es/common/components/gesco-contact-form/gesco-contact-form.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+type Props = {
+    lang: "fr" | "en";
+    channel: string;
+    resort?: number;
+    merchant?: string;
+    categories?: string[];
+    subject?: string;
+    facet?: "WINTER" | "SUMMER";
+    host?: "https://admin.mon-sejour-en-montagne.com" | "https://admin-integration.mon-sejour-en-montagne.com" | "https://admin-uat.mon-sejour-en-montagne.com";
+    onSubmit?: (params: Record<string, string | number | boolean>) => void;
+    messagesOverrides?: {
+        fr?: Record<string, string>;
+        en?: Record<string, string>;
+    };
+};
+export default function GescoContactForm({ lang, channel, resort, merchant, categories, subject, facet, host, onSubmit, messagesOverrides, }: Props): React.JSX.Element;
+export {};

package/es/common/components/gesco-contact-form/gesco-contact-form.jsx

@@ -0,0 +1,152 @@
+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 Select, { formatOptions } from "dt-design-system/es/select";
+import Input from "dt-design-system/es/input";
+import Textarea from "dt-design-system/es/textarea";
+import Button from "dt-design-system/es/button";
+import Loader from "dt-design-system/es/loader";
+import Information from "dt-design-system/es/information";
+import * as Icons from "dt-design-system/es/icons";
+import PhoneCodeSelect from "./phone-code-select";
+import useParams from "./hooks/use-params";
+import * as Messages from "./services/messages";
+import * as Form from "./services/form";
+import * as API from "./services/api";
+import * as Plausible from "./services/plausible";
+import styles from "./gesco-contact-form.module.css";
+export default function GescoContactForm({ lang = "fr", channel = "ESF", resort, merchant, categories, subject, facet = "WINTER", host = "https://admin.mon-sejour-en-montagne.com", onSubmit, messagesOverrides = {}, }) {
+    var _a, _b, _c, _d;
+    const { params, error } = useParams({
+        lang,
+        channel,
+        resort,
+        merchant,
+        categories,
+        host,
+    });
+    const [submiting, setSubmiting] = React.useState(false);
+    const [stayNeeded, setStayNeeded] = React.useState(false);
+    const [stayMin, setStayMin] = React.useState();
+    const [stayToMin, setStayToMin] = React.useState();
+    const [stayFromMax, setStayFromMax] = React.useState();
+    const [sendSuccess, setSendSuccess] = React.useState(false);
+    const [sendError, setSendError] = React.useState(false);
+    const [formKey, setFormKey] = React.useState(0);
+    React.useEffect(() => {
+        const now = new Date();
+        setStayMin(now.toISOString().split("T")[0]);
+    }, []);
+    const _lang = lang === "fr" ? "fr" : "en";
+    const needCategory = stayNeeded &&
+        ((_a = params === null || params === void 0 ? void 0 : params.categories) === null || _a === void 0 ? void 0 : _a.length) !== undefined &&
+        ((_b = params === null || params === void 0 ? void 0 : params.categories) === null || _b === void 0 ? void 0 : _b.length) > 1;
+    const loading = !error && params === undefined;
+    const defaultCategoryValue = stayNeeded && ((_d = (_c = params === null || params === void 0 ? void 0 : params.categories) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.code);
+    const messages = Messages.get(_lang, messagesOverrides);
+    const subjectOptions = formatOptions("label", "id", params === null || params === void 0 ? void 0 : params.subjects);
+    const categoryOptions = formatOptions("label", "code", params === null || params === void 0 ? void 0 : params.categories);
+    const countryOptions = formatOptions("name", "code", params === null || params === void 0 ? void 0 : params.countries);
+    const submitForm = (e) => __awaiter(this, void 0, void 0, function* () {
+        e.preventDefault();
+        setSubmiting(true);
+        setSendSuccess(false);
+        setSendError(false);
+        const form = e.currentTarget;
+        let values = Form.extractValues(form.elements);
+        if (!values.category && defaultCategoryValue) {
+            values = Object.assign(Object.assign({}, values), { category: defaultCategoryValue });
+        }
+        if (subject) {
+            values = Object.assign(Object.assign({}, values), { subject });
+        }
+        const payload = Form.buildPayload({ lang: _lang, merchant, channel, resort, facet }, values);
+        try {
+            const result = yield API.send(host, payload);
+            if (result.error) {
+                throw new Error(result.error);
+            }
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(payload);
+            Plausible.sendEvent(values, params);
+            setSendSuccess(true);
+            form.reset();
+            setFormKey(formKey + 1);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            console.error(e);
+            setSendError(true);
+        }
+        finally {
+            setSubmiting(false);
+        }
+    });
+    const checkIfStayIsNeeded = (value) => {
+        var _a;
+        const subject = (_a = params === null || params === void 0 ? void 0 : params.subjects) === null || _a === void 0 ? void 0 : _a.find((s) => String(s.id) === value);
+        setStayNeeded(Boolean(subject === null || subject === void 0 ? void 0 : subject.stay));
+    };
+    const hideSuccess = () => {
+        setSendSuccess(false);
+    };
+    const hideError = () => {
+        setSendError(false);
+    };
+    const updateStayToMin = (value) => {
+        setStayToMin(value);
+    };
+    const updateStayFromMax = (value) => {
+        setStayFromMax(value);
+    };
+    return (<form key={formKey} className={styles.form} onSubmit={submitForm}>
+      {!subject && (<Select name="subject" label={messages.subject} className={styles.fullWidthField} placeholder={messages.defaultSubject} options={subjectOptions} disabled={Boolean(error) || loading} onValueChange={checkIfStayIsNeeded} required/>)}
+      <Input name="firstname" type="text" icon="User" label={messages.firstname} pattern=".{2,}" patternError={Messages.format(messages.lengthError, {
+            label: messages.firstname,
+            length: "1",
+        })} disabled={Boolean(error) || loading} required/>
+      <Input name="lastname" type="text" icon="User" label={messages.lastname} pattern=".{2,}" patternError={Messages.format(messages.lengthError, {
+            label: messages.lastname,
+            length: "1",
+        })} disabled={Boolean(error) || loading} required/>
+      <Input name="email" type="email" icon="Mail" label={messages.email} pattern="[^@\s]+@[^@\s]+\.[^@\s]+" patternError={messages.emailError} disabled={Boolean(error) || loading} required/>
+      <div className={styles.phoneGroup}>
+        <PhoneCodeSelect messages={messages} disabled={Boolean(error) || loading}/>
+        <Input name="phone" type="phone" className={styles.phoneField} label={messages.phone} inputMode="numeric" pattern="[0-9 ]{9,15}$" patternError={messages.phoneError} disabled={Boolean(error) || loading} required/>
+      </div>
+      <Select name="country" icon="Globe" label={messages.country} className={styles.fullWidthField} placeholder={messages.defaultCountry} options={countryOptions} disabled={Boolean(error) || loading} required/>
+      {needCategory && (<Select name="category" icon="Plane" label={messages.category} className={styles.fullWidthField} placeholder={messages.defaultCategory} options={categoryOptions} disabled={Boolean(error) || loading} required/>)}
+      <Input name="stayFrom" className={styles.stayField} type="date" label={messages.stayFromDate} placeholder={messages.dateFormat} onValueChange={updateStayToMin} hint={stayFromMax} min={stayMin} max={stayFromMax} disabled={Boolean(error) || loading} patternError={Messages.format(messages.mandatoryError, {
+            label: messages.stayFrom,
+        })} 
+    // required={stayNeeded}
+    required extended/>
+      <Input name="stayTo" className={styles.stayField} type="date" label={messages.stayToDate} placeholder={messages.dateFormat} onValueChange={updateStayFromMax} hint={stayToMin} min={stayToMin || stayMin} disabled={Boolean(error) || loading} patternError={Messages.format(messages.mandatoryError, {
+            label: messages.stayTo,
+        })} 
+    // required={stayNeeded}
+    required extended/>
+      <Textarea name="message" className={styles.fullWidthField} label={messages.message} disabled={Boolean(error) || loading} required autoSizing/>
+      <div className={styles.send}>
+        <Button type="submit" disabled={Boolean(error) || loading || submiting}>
+          {submiting ? <Loader className={styles.loader}/> : <Icons.Plane />}
+          {messages.submit}
+        </Button>
+      </div>
+      {sendSuccess && (<Information className={styles.response} type="success" close={hideSuccess}>
+          {messages.sendSucesss}
+        </Information>)}
+      {sendError && (<Information className={styles.response} type="error" close={hideError}>
+          {messages.sendError}
+        </Information>)}
+      {error && (<Information className={styles.error} type="warning">
+          {messages.parametersError}
+        </Information>)}
+    </form>);
+}

package/es/common/components/gesco-contact-form/hooks/use-params.d.ts

@@ -0,0 +1,14 @@
+import type { Params } from "../types";
+type Arguments = {
+    lang: string;
+    channel: string;
+    resort?: number;
+    merchant?: string;
+    categories?: string[];
+    host: string;
+};
+export default function useParams(args: Arguments): {
+    params: Params;
+    error: string;
+};
+export {};

package/es/common/components/gesco-contact-form/hooks/use-params.js

@@ -1,39 +1,33 @@
+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 * as API from "../services/api";
 export default function useParams(args) {
-  const [params, setParams] = React.useState();
-  const [error, setError] = React.useState();
-  const {
-    lang,
-    resort,
-    merchant,
-    channel,
-    categories,
-    host
-  } = args;
-  React.useEffect(() => {
-    const runEffect = async () => {
-      try {
-        const payload = {
-          lang,
-          channel,
-          resort,
-          merchant,
-          categories
-        };
-        const result = await API.getParams(host, payload);
-        if (!result || result.error) {
-          throw new Error(result.error);
-        }
-        setParams(result);
-      } catch (error) {
-        setError(error);
-      }
-    };
-    runEffect();
-  }, [categories, channel, host, lang, merchant, resort]);
-  return {
-    params,
-    error
-  };
-}
+    const [params, setParams] = React.useState();
+    const [error, setError] = React.useState();
+    const { lang, resort, merchant, channel, categories, host } = args;
+    React.useEffect(() => {
+        const runEffect = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const payload = { lang, channel, resort, merchant, categories };
+                const result = yield API.getParams(host, payload);
+                if (!result || result.error) {
+                    throw new Error(result.error);
+                }
+                setParams(result);
+            }
+            catch (error) {
+                setError(error);
+            }
+        });
+        runEffect();
+    }, [categories, channel, host, lang, merchant, resort]);
+    return { params, error };
+}

package/es/common/components/gesco-contact-form/index.d.ts

@@ -0,0 +1,2 @@
+import GescoContactForm from "./gesco-contact-form";
+export default GescoContactForm;

package/es/common/components/gesco-contact-form/index.js

@@ -1,2 +1,2 @@
 import GescoContactForm from "./gesco-contact-form";
-export default GescoContactForm;
+export default GescoContactForm;

package/es/common/components/gesco-contact-form/phone-code-select.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+type Props = {
+    messages: Record<string, string>;
+    disabled?: boolean;
+};
+export default function PhoneCodeSelect({ messages, disabled }: Props): React.JSX.Element;
+export {};