ublo-lib 1.31.42 → 1.31.44

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

@@ -4,76 +4,44 @@ import PersonalData from "./personal-data";
 import Summary from "./summary";
 import css from "./steps.module.css";
 import { STEPS } from "./data";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const Steps = ({
-  lang,
-  step,
-  setStep,
-  fields,
-  lessons,
-  setLessons,
-  personalData,
-  setPersonalData,
-  config,
-  clearForm
-}) => {
-  const [step1Valid, setStep1Valid] = React.useState(false);
-  const [step2Valid, setStep2Valid] = React.useState(false);
-  React.useEffect(() => {
-    if (lessons.length > 0) {
-      setStep1Valid(true);
-      lessons.forEach(lesson => {
-        Object.keys(lesson).forEach(key => {
-          if (!fields.groupLessons[key].hidden && fields.groupLessons[key].required && !lesson[key].validator) {
+const Steps = ({ lang, step, setStep, fields, lessons, setLessons, personalData, setPersonalData, config, clearForm, }) => {
+    const [step1Valid, setStep1Valid] = React.useState(false);
+    const [step2Valid, setStep2Valid] = React.useState(false);
+    React.useEffect(() => {
+        if (lessons.length > 0) {
+            setStep1Valid(true);
+            lessons.forEach((lesson) => {
+                Object.keys(lesson).forEach((key) => {
+                    if (!fields.groupLessons[key].hidden &&
+                        fields.groupLessons[key].required &&
+                        !lesson[key].validator) {
+                        setStep1Valid(false);
+                    }
+                });
+            });
+        }
+        else {
             setStep1Valid(false);
-          }
-        });
-      });
-    } else {
-      setStep1Valid(false);
-    }
-  }, [fields.groupLessons, lessons, step1Valid]);
-  React.useEffect(() => {
-    if (Object.keys(personalData).length > 0) {
-      setStep2Valid(true);
-      Object.keys(personalData).forEach(key => {
-        if (!fields.data[key].hidden && fields.data[key].required && !personalData[key].validator) {
-          setStep2Valid(false);
         }
-      });
-    }
-  }, [fields.data, personalData, step2Valid]);
-  return _jsx("div", {
-    className: css.root,
-    children: _jsxs("div", {
-      className: css.inner,
-      children: [step === STEPS.LESSONS && _jsx(Lessons, {
-        lang: lang,
-        fields: fields,
-        lessons: lessons,
-        setLessons: setLessons,
-        setStep: setStep,
-        personalData: personalData,
-        setPersonalData: setPersonalData,
-        step1Valid: step1Valid
-      }), step === STEPS.PERSONAL_DATA && _jsx(PersonalData, {
-        lang: lang,
-        fields: fields,
-        personalData: personalData,
-        setPersonalData: setPersonalData,
-        setStep: setStep,
-        step2Valid: step2Valid
-      }), step === STEPS.SUMMARY && _jsx(Summary, {
-        lang: lang,
-        fields: fields,
-        lessons: lessons,
-        personalData: personalData,
-        setStep: setStep,
-        config: config,
-        clearForm: clearForm
-      })]
-    })
-  });
+    }, [fields.groupLessons, lessons, step1Valid]);
+    React.useEffect(() => {
+        if (Object.keys(personalData).length > 0) {
+            setStep2Valid(true);
+            Object.keys(personalData).forEach((key) => {
+                if (!fields.data[key].hidden &&
+                    fields.data[key].required &&
+                    !personalData[key].validator) {
+                    setStep2Valid(false);
+                }
+            });
+        }
+    }, [fields.data, personalData, step2Valid]);
+    return (<div className={css.root}>
+      <div className={css.inner}>
+        {step === STEPS.LESSONS && (<Lessons lang={lang} fields={fields} lessons={lessons} setLessons={setLessons} setStep={setStep} personalData={personalData} setPersonalData={setPersonalData} step1Valid={step1Valid}/>)}
+        {step === STEPS.PERSONAL_DATA && (<PersonalData lang={lang} fields={fields} personalData={personalData} setPersonalData={setPersonalData} setStep={setStep} step2Valid={step2Valid}/>)}
+        {step === STEPS.SUMMARY && (<Summary lang={lang} fields={fields} lessons={lessons} personalData={personalData} setStep={setStep} config={config} clearForm={clearForm}/>)}
+      </div>
+    </div>);
 };
-export default Steps;
+export default Steps;

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

@@ -0,0 +1,11 @@
+export default Summary;
+declare function Summary({ lang, fields, lessons, personalData, setStep, config, clearForm, }: {
+    lang: any;
+    fields: any;
+    lessons: any;
+    personalData: any;
+    setStep: any;
+    config: any;
+    clearForm: any;
+}): React.JSX.Element;
+import * as React from "react";

package/es/esf/components/booking-form/summary.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 classNames from "classnames";
 import { useSnackbar } from "dt-design-system/es/snackbar";
@@ -7,140 +16,101 @@ import { message } from "./messages";
 import { send, calculateAge, formatDate } from "./utils";
 import { gescoFields, STEPS } from "./data";
 import css from "./summary.module.css";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
 const getChildren = (lang, key, type, label, value, isName, age) => {
-  if (key === "birthDate") return _jsxs(_Fragment, {
-    children: [_jsxs("span", {
-      children: [label, " :"]
-    }), " ", formatDate(lang, value), " ", age]
-  });
-  if (type === "date") return _jsxs(_Fragment, {
-    children: [_jsxs("span", {
-      children: [label, " :"]
-    }), " ", formatDate(lang, value)]
-  });
-  if (isName) return value + " ";
-  return _jsxs(_Fragment, {
-    children: [_jsxs("span", {
-      children: [label, " :"]
-    }), " ", value]
-  });
+    if (key === "birthDate")
+        return (<>
+        <span>{label} :</span> {formatDate(lang, value)} {age}
+      </>);
+    if (type === "date")
+        return (<>
+        <span>{label} :</span> {formatDate(lang, value)}
+      </>);
+    if (isName)
+        return value + " ";
+    return (<>
+      <span>{label} :</span> {value}
+    </>);
 };
-const Summary = ({
-  lang,
-  fields,
-  lessons,
-  personalData,
-  setStep,
-  config,
-  clearForm
-}) => {
-  const ref = React.useRef();
-  const {
-    groupLessons,
-    data
-  } = fields;
-  const {
-    channel,
-    resort,
-    merchant,
-    integration,
-    uat
-  } = config;
-  const previousStep = () => setStep(STEPS.PERSONAL_DATA);
-  const goToStep1 = () => setStep(STEPS.LESSONS);
-  const snackbar = useSnackbar();
-  const submit = async () => {
-    const fields = gescoFields(personalData, ref);
-    const response = await send(lang, channel, resort, merchant, integration, uat, fields);
-    const type = response ? "success" : "error";
-    snackbar.show({
-      type,
-      message: message(lang, `response-${type}`)
+const Summary = ({ lang, fields, lessons, personalData, setStep, config, clearForm, }) => {
+    const ref = React.useRef();
+    const { groupLessons, data } = fields;
+    const { channel, resort, merchant, integration, uat } = config;
+    const previousStep = () => setStep(STEPS.PERSONAL_DATA);
+    const goToStep1 = () => setStep(STEPS.LESSONS);
+    const snackbar = useSnackbar();
+    const submit = () => __awaiter(void 0, void 0, void 0, function* () {
+        const fields = gescoFields(personalData, ref);
+        const response = yield send(lang, channel, resort, merchant, integration, uat, fields);
+        const type = response ? "success" : "error";
+        snackbar.show({ type, message: message(lang, `response-${type}`) });
+        if (response) {
+            clearForm();
+        }
     });
-    if (response) {
-      clearForm();
-    }
-  };
-  return _jsxs("div", {
-    className: css.root,
-    children: [_jsx("div", {
-      className: css.title,
-      children: message(lang, "summary")
-    }), _jsxs("div", {
-      ref: ref,
-      className: css.inner,
-      children: [_jsx("div", {
-        className: css.information,
-        children: message(lang, "group-lessons-request")
-      }), _jsx("div", {
-        className: css.subTitle,
-        children: message(lang, "personal-data")
-      }), Object.keys(personalData).map(key => {
-        const {
-          type,
-          label,
-          hidden
-        } = data[key];
-        if (hidden) return null;
-        const {
-          value
-        } = personalData[key];
-        const props = {
-          className: css.row,
-          children: getChildren(lang, key, type, label[lang], value)
-        };
-        return _jsx("div", {
-          ...props
-        }, key);
-      }), lessons.map((lesson, i) => {
-        return _jsxs(React.Fragment, {
-          children: [_jsx("br", {}), _jsxs("div", {
-            className: css.subTitle,
-            children: [message(lang, "lesson"), " n\xB0", i + 1]
-          }), Object.keys(lesson).map(key => {
-            const {
-              type,
-              label,
-              hidden
-            } = groupLessons[key];
-            if (hidden) return null;
-            const {
-              value
-            } = lesson[key];
-            const [birthDate, stayFrom] = [lesson.birthDate.value, personalData.stayFrom.value];
-            const age = key === "birthDate" && `(${calculateAge(birthDate, stayFrom)} ${message(lang, "year-old")})`;
-            const isName = key === "firstName" || key === "lastName";
-            const Tag = isName ? "span" : "div";
-            const classes = classNames(css.row, {
-              [css[`row${key}`]]: key
-            });
+    return (<div className={css.root}>
+      <div className={css.title}>{message(lang, "summary")}</div>
+      <div ref={ref} className={css.inner}>
+        <div className={css.information}>
+          {message(lang, "group-lessons-request")}
+        </div>
+        <div className={css.subTitle}>{message(lang, "personal-data")}</div>
+        {Object.keys(personalData).map((key) => {
+            const { type, label, hidden } = data[key];
+            if (hidden)
+                return null;
+            const { value } = personalData[key];
             const props = {
-              key,
-              className: classes,
-              children: getChildren(lang, key, type, label[lang], value, isName, age)
+                className: css.row,
+                children: getChildren(lang, key, type, label[lang], value),
             };
-            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")]
-      })]
-    })]
-  });
+            return <div key={key} {...props}/>;
+        })}
+        {lessons.map((lesson, i) => {
+            return (<React.Fragment key={i}>
+              <br />
+              <div className={css.subTitle}>
+                {message(lang, "lesson")} n°{i + 1}
+              </div>
+              {Object.keys(lesson).map((key) => {
+                    const { type, label, hidden } = groupLessons[key];
+                    if (hidden)
+                        return null;
+                    const { value } = lesson[key];
+                    const [birthDate, stayFrom] = [
+                        lesson.birthDate.value,
+                        personalData.stayFrom.value,
+                    ];
+                    const age = key === "birthDate" &&
+                        `(${calculateAge(birthDate, stayFrom)} ${message(lang, "year-old")})`;
+                    const isName = key === "firstName" || key === "lastName";
+                    const Tag = isName ? "span" : "div";
+                    const classes = classNames(css.row, {
+                        [css[`row${key}`]]: key,
+                    });
+                    const props = {
+                        key,
+                        className: classes,
+                        children: getChildren(lang, key, type, label[lang], value, isName, age),
+                    };
+                    return <Tag key={key} {...props}/>;
+                })}
+            </React.Fragment>);
+        })}
+      </div>
+      <div className={css.buttons}>
+        <Button onClick={previousStep}>
+          <Icons.ChevronLeft />
+          {message(lang, "previous-step")}
+        </Button>
+        <Button onClick={goToStep1}>
+          <Icons.ChevronsLeft />
+          {message(lang, "add-lesson")}
+        </Button>
+        <Button onClick={submit}>
+          <Icons.Mail />
+          {message(lang, "send")}
+        </Button>
+      </div>
+    </div>);
 };
-export default Summary;
+export default Summary;

package/es/esf/components/booking-form/utils.d.ts

@@ -0,0 +1,5 @@
+export function mergeDeep(target: any, ...sources: any[]): any;
+export function validate(type: any, value: any): any;
+export function calculateAge(birthDate: any, stayDate: any): number;
+export function formatDate(lang: any, date: any): string;
+export function send(lang: any, channel: any, resort: any, merchant: any, integration: any, uat: any, fields: any): Promise<boolean>;

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

@@ -1,68 +1,63 @@
+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 { HOSTS, TESTS } from "./data";
-const isObject = item => item && typeof item === "object" && !Array.isArray(item);
+const isObject = (item) => item && typeof item === "object" && !Array.isArray(item);
 export const mergeDeep = (target, ...sources) => {
-  if (!sources.length) return target;
-  const source = sources.shift();
-  if (isObject(target) && isObject(source)) {
-    for (const key in source) {
-      if (isObject(source[key])) {
-        if (!target[key]) Object.assign(target, {
-          [key]: {}
-        });
-        mergeDeep(target[key], source[key]);
-      } else {
-        Object.assign(target, {
-          [key]: source[key]
-        });
-      }
+    if (!sources.length)
+        return target;
+    const source = sources.shift();
+    if (isObject(target) && isObject(source)) {
+        for (const key in source) {
+            if (isObject(source[key])) {
+                if (!target[key])
+                    Object.assign(target, { [key]: {} });
+                mergeDeep(target[key], source[key]);
+            }
+            else {
+                Object.assign(target, { [key]: source[key] });
+            }
+        }
     }
-  }
-  return mergeDeep(target, ...sources);
+    return mergeDeep(target, ...sources);
 };
 export const validate = (type, value) => {
-  const regex = TESTS[type];
-  return regex && regex.test(value);
+    const regex = TESTS[type];
+    return regex && regex.test(value);
 };
 export const calculateAge = (birthDate, stayDate) => {
-  const ageDifMs = new Date(stayDate).getTime() - new Date(birthDate).getTime();
-  const ageDate = new Date(ageDifMs);
-  return Math.abs(ageDate.getUTCFullYear() - 1970);
+    const ageDifMs = new Date(stayDate).getTime() - new Date(birthDate).getTime();
+    const ageDate = new Date(ageDifMs);
+    return Math.abs(ageDate.getUTCFullYear() - 1970);
 };
 export const formatDate = (lang, date) => {
-  const locale = lang === "fr" ? "fr-FR" : "en-UK";
-  const d = new Date(date);
-  return d.toLocaleString(locale, {
-    month: "long",
-    day: "numeric",
-    year: "numeric"
-  });
-};
-const postMessage = async (payload, integration = false, uat = false) => {
-  const host = integration ? HOSTS.TEST : uat ? HOSTS.UAT : HOSTS.PROD;
-  const res = await fetch(`${host}/api/gesco/files/new-from-website`, {
-    method: "POST",
-    headers: {
-      "content-type": "application/json;charset=utf-8"
-    },
-    body: JSON.stringify({
-      ...payload
-    })
-  });
-  return res.json();
+    const locale = lang === "fr" ? "fr-FR" : "en-UK";
+    const d = new Date(date);
+    return d.toLocaleString(locale, {
+        month: "long",
+        day: "numeric",
+        year: "numeric",
+    });
 };
-export const send = async (lang, channel, resort, merchant, integration, uat, fields) => {
-  const payload = Object.keys(fields).reduce((acc, key) => {
-    return {
-      ...acc,
-      [key]: fields[key]
-    };
-  }, {});
-  const result = await postMessage({
-    lang,
-    channel,
-    resort,
-    merchant,
-    ...payload
-  }, integration, uat);
-  return !result.error;
-};
+const postMessage = (payload, integration = false, uat = false) => __awaiter(void 0, void 0, void 0, function* () {
+    const host = integration ? HOSTS.TEST : uat ? HOSTS.UAT : HOSTS.PROD;
+    const res = yield fetch(`${host}/api/gesco/files/new-from-website`, {
+        method: "POST",
+        headers: { "content-type": "application/json;charset=utf-8" },
+        body: JSON.stringify(Object.assign({}, payload)),
+    });
+    return res.json();
+});
+export const send = (lang, channel, resort, merchant, integration, uat, fields) => __awaiter(void 0, void 0, void 0, function* () {
+    const payload = Object.keys(fields).reduce((acc, key) => {
+        return Object.assign(Object.assign({}, acc), { [key]: fields[key] });
+    }, {});
+    const result = yield postMessage(Object.assign({ lang, channel, resort, merchant }, payload), integration, uat);
+    return !result.error;
+});

package/es/esf/components/covid-link/index.d.ts

@@ -0,0 +1,2 @@
+export default CovidLink;
+declare function CovidLink({}: {}): any;

package/es/esf/components/covid-link/index.js

@@ -1,4 +1,135 @@
+// import * as React from "react";
+// import * as ReactDOM from "react-dom";
+// import Popup from "../../../common/components/popup";
+// import VaxPassIcon from "./vax-pass-icon";
+// import MaskIcon from "./mask-icon";
+// import css from "./index.module.css";
+// const DEFAULT_TOOLTIP = {
+//   fr: "Informations Covid-19",
+//   en: "Covid-19 Information",
+// };
+// const DEFAULT_STYLES = {
+//   "--background-color": "#cc0900",
+//   "--color": "#fff",
+//   "--z-index": 5,
+// };
+// const TAG_TRIGGER = "covid-link";
+// const COVID_PAGE = {
+//   fr: "https://www.esf.net/informations-coronavirus/",
+//   en: "https://www.esf-en.net/informations-coronavirus/",
+// };
+// handle both UBLO & PLAY sites as I can't use useUbloContext() on PLAY sites
+// const cartWords = [
+//   "/cart",
+//   "/panier",
+//   "/carrello",
+//   "/cesta",
+//   "/cistella",
+//   "/mandje",
+//   "/korzina",
+// ];
 const CovidLink = ({}) => {
-  return null;
+    // const [loaded, setLoaded] = React.useState(false);
+    // const [open, setOpen] = React.useState(false);
+    // const [content, setContent] = React.useState(null);
+    // const Tag = hrefs && !openInPopup ? "a" : "button";
+    // const href = hrefs?.[lang];
+    // const hrefAttribute = !openInPopup ? href : undefined;
+    // const tooltip = tooltips[lang] || tooltips.en;
+    // const iframeSrc = COVID_PAGE[lang] || COVID_PAGE.en;
+    // const styles = { ...DEFAULT_STYLES, ...customStyles };
+    // const fetchContent = React.useCallback(async () => {
+    //   const response = await fetch(
+    //     `https://ublo.valraiso.net/api/zone?site=${site}&lang=${lang}&path=${href}&id=${zoneId}`
+    //   );
+    //   const html = await response.text();
+    //   return html;
+    // }, [href, lang, site, zoneId]);
+    // const togglePopup = React.useCallback(async () => {
+    //   if (open) {
+    //     setOpen(false);
+    //     setContent(null);
+    //     return;
+    //   }
+    //   if (href && openInPopup) {
+    //     const html = await fetchContent();
+    //     setContent(html);
+    //   }
+    //   setOpen(true);
+    // }, [fetchContent, href, open, openInPopup]);
+    // const onClick = !hrefs || openInPopup ? togglePopup : undefined;
+    // const onSectionClick = React.useCallback(
+    //   (e) => {
+    //     if (!document.body.classList.contains("cms--editing")) {
+    //       e.preventDefault();
+    //       togglePopup();
+    //     }
+    //   },
+    //   [togglePopup]
+    // );
+    // const init = React.useCallback(
+    //   (sections) => {
+    //     sections.forEach((section) =>
+    //       section.addEventListener("click", onSectionClick)
+    //     );
+    //   },
+    //   [onSectionClick]
+    // );
+    // const cleanup = React.useCallback(
+    //   (sections) => {
+    //     sections.forEach((section) =>
+    //       section.removeEventListener("click", onSectionClick)
+    //     );
+    //   },
+    //   [onSectionClick]
+    // );
+    // React.useEffect(() => {
+    // const isCartPage = cartWords.some((word) => window.location.pathname.includes(word))
+    // if (isCartPage) return setLoaded(false)
+    // if (loaded) {
+    //   const sections = document.querySelectorAll(`[data-tags="${TAG_TRIGGER}"]`)
+    //   init(sections)
+    //   return () => cleanup(sections)
+    // } else {
+    //   setLoaded(true)
+    // }
+    // }, [init, cleanup, loaded]);
+    // if (!loaded) return null;
+    return null;
+    // const covidLink = (
+    //   <>
+    //     {!hideFixedButton && (
+    //       <Tag
+    //         id={id}
+    //         className={css.index}
+    //         style={styles}
+    //         data-tooltip={tooltip}
+    //         href={hrefAttribute}
+    //         onClick={onClick}
+    //       >
+    //         <MaskIcon className={css.icon} />
+    //         <VaxPassIcon className={css.icon} />
+    //       </Tag>
+    //     )}
+    //     {open && (
+    //       <Popup
+    //         close={togglePopup}
+    //         html={content}
+    //         className={css.popup}
+    //         backdrop
+    //       >
+    //         {!content ? (
+    //           <div
+    //             className={css.loader}
+    //             style={{ "--background-color": styles["--background-color"] }}
+    //           >
+    //             <iframe title="Covid-19" className={css.iframe} src={iframeSrc} />
+    //           </div>
+    //         ) : undefined}
+    //       </Popup>
+    //     )}
+    //   </>
+    // );
+    // return ReactDOM.createPortal(covidLink, document.body);
 };
-export default CovidLink;
+export default CovidLink;

package/es/esf/components/covid-link/mask-icon.d.ts

@@ -0,0 +1,3 @@
+export default VaxPassIcon;
+declare function VaxPassIcon(props: any): React.JSX.Element;
+import * as React from "react";