ublo-lib 1.20.10 → 1.20.13

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

@@ -16,7 +16,7 @@ export default function SlopesToggle({
     className: css.slopesToggle,
     children: _jsx(Checkbox, {
       label: label,
-      value: showSlopes,
+      checked: showSlopes,
       onCheckedChange: setShowSlopes
     })
   });

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

@@ -119,13 +119,14 @@ function ContactForm({
           ...acc,
           [key]: field.value
         };
-      }, {});
+      });
       onSubmit?.(payload);
       const result = await API.postMessage({
         lang: widgetLang,
         channel,
         resort,
         merchant,
+        facet,
         ...payload
       }, integration, uat);
       if (result.error) {

package/es/common/hooks/use-tunnel.d.ts

@@ -2,7 +2,8 @@ type Props = {
     channel?: string;
     multipleVillages?: boolean;
     integration?: boolean;
+    categoryCode?: string;
 };
-export default function useTunnel({ channel, multipleVillages, integration, }?: Props): void;
+export default function useTunnel({ channel, multipleVillages, integration, categoryCode, }?: Props): void;
 export {};
 //# sourceMappingURL=use-tunnel.d.ts.map

package/es/common/hooks/use-tunnel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-tunnel.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-tunnel.ts"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAMF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAe,EACf,gBAAgB,EAChB,WAAW,GACZ,GAAE,KAAU,QA0BZ"}
+{"version":3,"file":"use-tunnel.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-tunnel.ts"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAMF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,OAAe,EACf,gBAAgB,EAChB,WAAW,EACX,YAAY,GACb,GAAE,KAAU,QA2BZ"}

package/es/common/hooks/use-tunnel.js

@@ -6,7 +6,7 @@ import { loadJS } from "../utils/load-js";
 const { publicRuntimeConfig } = getConfig();
 const { langPrefix, resort } = publicRuntimeConfig;
 const hasLangPrefix = langPrefix.links;
-export default function useTunnel({ channel = "ESF", multipleVillages, integration, } = {}) {
+export default function useTunnel({ channel = "ESF", multipleVillages, integration, categoryCode, } = {}) {
     const { lang, breadcrumb } = useUbloContext();
     const { path: esfPath } = multipleVillages ? breadcrumb?.next : breadcrumb;
     const widgetLang = React.useMemo(() => (lang === "fr" ? "fr" : "en"), [lang]);
@@ -22,6 +22,7 @@ export default function useTunnel({ channel = "ESF", multipleVillages, integrati
                     lang: widgetLang,
                     esfUrl,
                     analytics: Plausible.callback,
+                    categoryCode,
                 });
             });
         };

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

@@ -31,7 +31,8 @@ export default function Sheet({
     uri
   } = instructor;
   const {
-    lang
+    lang,
+    path
   } = useUbloContext();
   const [loading, setLoading] = React.useState(true);
   const [picture, setPicture] = React.useState(photo);
@@ -49,6 +50,7 @@ export default function Sheet({
   const classes = classNames(css.container, {
     [css.containerPopup]: popup
   });
+  const key = `${lang}-${path}${prenom}-${nom}`;
   return _jsxs("div", {
     className: classes,
     children: [_jsxs("div", {
@@ -71,8 +73,8 @@ export default function Sheet({
               alt: `${prenom} ${nom}`,
               onLoad: stopLoading,
               onError: setFallbackPicture,
-              width: "190",
-              height: "250"
+              width: "200",
+              height: "280"
             }, uri)]
           }) : _jsx("div", {
             className: css.imagePlaceholder,
@@ -167,5 +169,5 @@ export default function Sheet({
         customSend: formSendFunction(prenom, nom)
       })]
     })]
-  });
+  }, key);
 }

package/es/esf/components/instructors-book/sheet.module.css

@@ -38,8 +38,8 @@
 
 .imageContainer {
   position: relative;
-  width: 130px;
-  height: 180px;
+  width: 200px;
+  height: 280px;
   display: flex;
   align-items: center;
   justify-content: center;

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

@@ -3,7 +3,7 @@ import { useUbloContext } from "ublo/with-ublo";
 import Button from "dt-design-system/es/button";
 import * as Icons from "dt-design-system/es/icons";
 import { message } from "./messages";
-import { loadWigetMseM, preview } from "./services/widgets";
+import { loadWigetMseM } from "./services/widgets";
 import * as Plausible from "../../../common/components/plausible";
 import css from "./booking.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -24,6 +24,9 @@ const Booking = ({
   const {
     resort
   } = config;
+  const langPrefix = config.langPrefix.links ? `/${lang}` : "";
+  const cartPage = langPrefix.concat(cartUrl || "/panier");
+  const categoryCode = values?.categories;
   const goBack = () => {
     setCurrentStep(0);
   };
@@ -48,6 +51,12 @@ const Booking = ({
       };
     }
   }, [engagement, values?.activities, values?.days, values?.durations, values?.languages, values?.nbPersons, values?.startDates]);
+  const goToCart = React.useCallback(() => {
+    if (categoryCode) {
+      window.sessionStorage.setItem("categoryCode", categoryCode);
+    }
+    window.location.href = cartPage;
+  }, [cartPage, categoryCode]);
   React.useEffect(() => {
     const init = async () => {
       await loadWigetMseM();
@@ -56,11 +65,12 @@ const Booking = ({
           resort,
           lang,
           channel,
-          preview: !!cmsMode || preview,
-          cartUrl,
+          preview: !!cmsMode,
+          cartChanged: goToCart,
           fullWidth: true,
           groundedTo: "#msem-magic-box",
-          analytics: Plausible.callback
+          analytics: Plausible.callback,
+          categoryCode
         };
         const presets = {
           kind: "CP",
@@ -75,7 +85,7 @@ const Booking = ({
       });
     };
     init();
-  }, [cartUrl, channel, cmsMode, engagement, engagementPresets, lang, resort, stay.from, stay.to, values.categories]);
+  }, [cartUrl, categoryCode, channel, cmsMode, engagement, engagementPresets, goToCart, lang, resort, stay.from, stay.to]);
   return _jsxs("div", {
     className: css.root,
     children: [_jsxs(Button, {

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

@@ -1,3 +1,4 @@
 import { loadJS } from "../../../../common/utils/load-js";
-export const preview = typeof window !== "undefined" && window.location.search.indexOf("preview") !== -1;
-export const loadWigetMseM = () => loadJS("https://widget.msem.tech/static/js/widget-msem.js", "widget-msem");
+export async function loadWigetMseM() {
+  await loadJS("https://widget.msem.tech/static/js/widget-msem.js", "widget-msem");
+}

package/es/esf/hooks/use-booking-links.js

@@ -2,28 +2,7 @@ import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import { loadJS } from "../../common/utils/load-js";
 import * as Plausible from "../../common/components/plausible";
-const closeAllDialogs = e => {
-  const cart = e.target.closest("[onclick^='openBoutiqueESF(']");
-  if (!cart) return;
-  const dialogs = document.querySelectorAll("dialog");
-  if (dialogs.length) {
-    Array.from(dialogs).forEach(d => d.close?.());
-  }
-};
-const setupDialogCleanup = () => {
-  document.addEventListener("click", closeAllDialogs);
-};
-const setupConfig = (lang, breadcrumb, cart = [], multipleVillages, hasLangPrefix, channel) => {
-  const pageEsf = multipleVillages ? breadcrumb?.next?.path : breadcrumb?.path;
-  const langPrefix = hasLangPrefix ? `/${lang}` : "";
-  const pagePanier = langPrefix.concat(cart[0] ? cart[0].path : "/panier");
-  window.pagePanier = pagePanier;
-  window.pageEsf = pageEsf;
-  window.currentLang = lang;
-  window.analytics = Plausible.callback;
-  window.channel = channel;
-};
-const useBookingLinks = (cart, multipleVillages, setupCallback, channel = "ESF") => {
+export default function useBookingLinks(cart, multipleVillages, setupCallback, channel = "ESF") {
   const {
     breadcrumb,
     config,
@@ -41,5 +20,25 @@ const useBookingLinks = (cart, multipleVillages, setupCallback, channel = "ESF")
     };
     run();
   }, [bookingLang, breadcrumb, cart, channel, hasLangPrefix, multipleVillages, path, setupCallback]);
-};
-export default useBookingLinks;
+}
+function setupConfig(lang, breadcrumb, cart = [], multipleVillages, hasLangPrefix, channel) {
+  const pageEsf = multipleVillages ? breadcrumb?.next?.path : breadcrumb?.path;
+  const langPrefix = hasLangPrefix ? `/${lang}` : "";
+  const pagePanier = langPrefix.concat(cart[0] ? cart[0].path : "/panier");
+  window.pagePanier = pagePanier;
+  window.pageEsf = pageEsf;
+  window.currentLang = lang;
+  window.analytics = Plausible.callback;
+  window.channel = channel;
+}
+function closeAllDialogs(e) {
+  const cart = e.target.closest("[onclick^='openBoutiqueESF(']");
+  if (!cart) return;
+  const dialogs = document.querySelectorAll("dialog");
+  if (dialogs.length) {
+    Array.from(dialogs).forEach(d => d.close?.());
+  }
+}
+function setupDialogCleanup() {
+  document.addEventListener("click", closeAllDialogs);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.20.10",
+  "version": "1.20.13",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",