ublo-lib 1.6.4 → 1.6.6

package/es/common/components/admin-links/admin-links.js

@@ -5,7 +5,6 @@ import styles from "./admin-links.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";
-
 const ToggleIcon = () => {
   return _jsx("svg", {
     viewBox: "0 0 24 24",
@@ -17,7 +16,6 @@ const ToggleIcon = () => {
     })
   });
 };
-
 const AdminLinks = ({
   customLinks
 }) => {
@@ -79,11 +77,9 @@ const AdminLinks = ({
           } = link;
           const isHrefValid = typeof onClick === "string" && onClick !== "";
           const isFunction = typeof onClick === "function";
-
           if (!isHrefValid && !isFunction) {
             return null;
           }
-
           const Tag = isHrefValid ? "a" : "button";
           const anchorProps = {
             href: onClick,
@@ -103,5 +99,4 @@ const AdminLinks = ({
     })
   });
 };
-
 export default AdminLinks;

package/es/common/components/analytics.js

@@ -1,13 +1,11 @@
 import { useEffect } from "react";
 import { useUbloContext } from "ublo/with-ublo";
-
 const loadGTag = id => new Promise(resolve => {
   const script = document.createElement("script");
   script.src = `https://www.googletagmanager.com/gtag/js?id=${id}`;
   script.onload = resolve;
   document.body.appendChild(script);
 });
-
 const Analytics = ({
   consent,
   gaAccountOverride
@@ -23,24 +21,18 @@ const Analytics = ({
     const startGTag = async () => {
       await loadGTag(gaId);
       window.dataLayer = window.dataLayer || [];
-
       function gtag() {
         window.dataLayer.push(arguments);
       }
-
       gtag("js", new Date());
       gtag("config", gaId);
     };
-
     const allowAnalytics = consent && gaId;
-
     if (allowAnalytics) {
       startGTag();
     }
-
     window[`ga-disable-${gaId}`] = !allowAnalytics;
   }, [consent, gaId]);
   return null;
 };
-
 export default Analytics;

package/es/common/components/carousel-zone.js

@@ -2,7 +2,6 @@ import * as React from "react";
 import Zone from "ublo/zone";
 import { useUbloContext } from "ublo/with-ublo";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const CarouselZone = ({
   id,
   options = {},
@@ -57,5 +56,4 @@ const CarouselZone = ({
     })
   });
 };
-
 export default CarouselZone;

package/es/common/components/carousel.js

@@ -5,21 +5,16 @@ import * as Icons from "dt-design-system/es/icons";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const UNDRAGGABLE_TAGS = "img, a, button";
-
 const euclideanModulo = (a, b) => {
   const m = a % b;
   return m < 0 ? b < 0 ? m - b : m + b : m;
 };
-
 const preventDrag = element => element.setAttribute("draggable", false);
-
 const enableDrag = element => element.removeAttribute("draggable");
-
 const show = section => {
   const propertiesToRemove = ["opacity", "pointer-events", "touch-action"];
   propertiesToRemove.forEach(property => section.style.removeProperty(property));
 };
-
 function useInterval(callback, delay, current, dragging) {
   const savedCallback = React.useRef();
   React.useEffect(() => {
@@ -29,14 +24,12 @@ function useInterval(callback, delay, current, dragging) {
     function tick() {
       savedCallback.current();
     }
-
     if (!dragging && delay !== null && delay !== 0) {
       const interval = setInterval(tick, delay);
       return () => clearInterval(interval);
     }
   }, [current, delay, dragging]);
 }
-
 const Dots = ({
   count,
   current,
@@ -50,7 +43,6 @@ const Dots = ({
         e.stopPropagation();
         setCurrent(i);
       };
-
       const classes = classnames("carousel__dot", {
         "carousel__dot--current": i === current
       });
@@ -62,7 +54,6 @@ const Dots = ({
     })
   });
 };
-
 const Thumbnails = ({
   carouselRef,
   count,
@@ -72,10 +63,8 @@ const Thumbnails = ({
   const [thumbnails, setThumbnails] = React.useState([]);
   React.useEffect(() => {
     const carousel = carouselRef.current;
-
     if (carousel) {
       const sections = carousel.querySelectorAll("section[data-class]");
-
       if (sections.length) {
         const images = Array.from(sections).reduce((acc, section) => {
           const image = section.querySelector("img");
@@ -94,7 +83,6 @@ const Thumbnails = ({
         e.stopPropagation();
         setCurrent(i);
       };
-
       const classes = classnames("carousel__thumbnail", {
         "carousel__thumbnail--current": i === current
       });
@@ -107,7 +95,6 @@ const Thumbnails = ({
     })
   });
 };
-
 const Carousel = ({
   delay = 4000,
   fade = false,
@@ -138,7 +125,6 @@ const Carousel = ({
     e?.stopPropagation();
     setCurrent(euclideanModulo(current - 1, count));
   }, [current, count]);
-
   const onTouchStart = e => {
     if (fade) return;
     const {
@@ -146,7 +132,6 @@ const Carousel = ({
     } = e;
     const mousedown = type === "mousedown";
     const cancel = !draggingAllowed && mousedown;
-
     if (cancel || touchStartPosition || !mousedown && !e.targetTouches?.length) {
       const carousel = carouselRef.current;
       const inner = carousel.firstElementChild;
@@ -156,7 +141,6 @@ const Carousel = ({
       setTouchStartPosition(undefined);
       return;
     }
-
     const {
       clientX: startX,
       clientY: startY
@@ -166,7 +150,6 @@ const Carousel = ({
       startY
     });
   };
-
   const onTouchMove = e => {
     if (fade) return;
     const {
@@ -174,12 +157,10 @@ const Carousel = ({
     } = e;
     const mousemove = type === "mousemove";
     const cancel = !draggingAllowed && mousemove;
-
     if (!touchStartPosition || cancel || !mousemove && !e.targetTouches?.length) {
       setTouchStartPosition(undefined);
       return;
     }
-
     const {
       startX
     } = touchStartPosition;
@@ -197,7 +178,6 @@ const Carousel = ({
     });
     setDragging(deltaX);
   };
-
   const onTouchEnd = e => {
     if (fade) return;
     const {
@@ -208,14 +188,12 @@ const Carousel = ({
     setDragging(undefined);
     const carousel = carouselRef.current;
     const inner = carousel.firstElementChild;
-
     if (!touchStartPosition || cancel || !mouseup && !e.changedTouches?.length) {
       inner.style.transform = `translateX(${-current * 100}%)`;
       inner.style.removeProperty("transition");
       setTouchStartPosition(undefined);
       return;
     }
-
     inner.style.transform = `translateX(${-current * 100}%)`;
     inner.style.removeProperty("transition");
     const {
@@ -228,19 +206,16 @@ const Carousel = ({
     } = mouseup ? e : e.changedTouches[0];
     const deltaX = Math.abs(startX - endX);
     const deltaY = Math.abs(startY - endY);
-
     if (deltaX < 80 && deltaX < deltaY) {
       inner.style.transform = `translateX(${-current * 100}%)`;
       inner.style.removeProperty("transition");
       setTouchStartPosition(undefined);
       return;
     }
-
     if (startX < endX && current > 0) prev();
     if (startX > endX && current < count - 1) next();
     setTouchStartPosition(undefined);
   };
-
   const updateSectionCount = React.useCallback(() => {
     const carousel = carouselRef.current;
     const sections = carousel.querySelectorAll("section");
@@ -248,7 +223,6 @@ const Carousel = ({
   }, []);
   React.useEffect(() => {
     const zone = carouselRef.current?.querySelector(".cms");
-
     if (zone) {
       zone.addEventListener("ubloSectionCreated", updateSectionCount);
       return () => zone.removeEventListener("ubloSectionCreated", updateSectionCount);
@@ -260,7 +234,6 @@ const Carousel = ({
     const sections = Array.from(carousel.querySelectorAll("section"));
     const undraggableElements = Array.from(carousel.querySelectorAll(UNDRAGGABLE_TAGS));
     setCount(sections.length);
-
     if (!editing) {
       sections.forEach((section, index) => {
         const anchors = Array.from(section.querySelectorAll("a"));
@@ -270,11 +243,9 @@ const Carousel = ({
       });
       undraggableElements.forEach(preventDrag);
     }
-
     if (!fade || editing) {
       sections.forEach((section, index) => {
         show(section);
-
         if (!editing && current === index) {
           section.setAttribute("data-current", "");
         } else {
@@ -309,7 +280,6 @@ const Carousel = ({
     const carousel = carouselRef.current;
     const inner = carousel.firstElementChild;
     const undraggableElements = Array.from(inner.querySelectorAll(UNDRAGGABLE_TAGS));
-
     if (dragging) {
       undraggableElements.forEach(element => element.addEventListener("click", onUndraggableElementClick));
     } else {
@@ -362,5 +332,4 @@ const Carousel = ({
     })]
   });
 };
-
 export default React.memo(Carousel);

package/es/common/components/cart-preview/api.js

@@ -7,7 +7,6 @@ export const fetchCart = async (cartId, lang, resort) => {
     resort
   };
   const endpoint = `${api}/esfplus/cart`;
-
   try {
     const res = await fetch(endpoint, {
       method: "POST",

package/es/common/components/cart-preview/cart-pill.js

@@ -1,7 +1,6 @@
 import * as React from "react";
 import css from "./cart-pill.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const CartPill = ({
   count
 }) => {
@@ -11,5 +10,4 @@ const CartPill = ({
     children: count
   });
 };
-
 export default CartPill;

package/es/common/components/cart-preview/cart-preview.js

@@ -9,7 +9,6 @@ import css from "./cart-preview.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";
-
 const CartPreview = ({
   visible
 }) => {
@@ -24,18 +23,14 @@ const CartPreview = ({
   const [cart, setCart] = React.useState();
   React.useEffect(() => {
     const cartId = window.sessionStorage.cartId;
-
     const getCart = async () => {
       const response = await API.fetchCart(cartId, lang, resort);
       const nbInscriptions = Utils.countInscriptions(response);
-
       if (response && response.cart) {
         setCart(response);
       }
-
       setCount(nbInscriptions);
     };
-
     if (resort && cartId) {
       getCart();
     }
@@ -46,11 +41,8 @@ const CartPreview = ({
     price
   } = cart.cart;
   const orders = Utils.getOrders(bareOrders);
-
   const preventClick = e => e.preventDefault();
-
   const stopPropagation = e => e.stopPropagation();
-
   const classes = classnames(css.preview, {
     [css.previewVisible]: visible
   });
@@ -113,5 +105,4 @@ const CartPreview = ({
     })]
   });
 };
-
 export default CartPreview;

package/es/common/components/cart-preview/utils.js

@@ -8,7 +8,6 @@ export const countInscriptions = cart => {
   if (!cart || !cart.cart || !cart.cart.orders) {
     return 0;
   }
-
   const {
     orders
   } = cart.cart;

package/es/common/components/cookie-consent/cookie-consent.js

@@ -8,7 +8,6 @@ import css from "./cookie-consent.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const COOKIE_STORAGE = "cookie_allowed";
-
 const CookieConsent = ({
   lang,
   consent,
@@ -19,15 +18,12 @@ const CookieConsent = ({
   } = useUbloContext();
   const [mounted, setMounted] = React.useState(false);
   const isEnabled = config.gaAccount;
-
   const cookieAllowed = value => () => {
     updateConsent(value);
   };
-
   React.useEffect(() => {
     if (!mounted) {
       setMounted(true);
-
       if (!isEnabled) {
         updateConsent(true);
       }
@@ -79,10 +75,8 @@ const CookieConsent = ({
     })
   }), document.body);
 };
-
 export const useCookieConsent = () => {
   const [consent, setConsent] = React.useState(null);
-
   const updateConsent = value => {
     try {
       if (value === null || value === undefined) {
@@ -90,13 +84,11 @@ export const useCookieConsent = () => {
       } else {
         localStorage.setItem(COOKIE_STORAGE, value);
       }
-
       setConsent(value);
     } catch (e) {
       console.error(e);
     }
   };
-
   React.useEffect(() => {
     try {
       const stored = localStorage.getItem(COOKIE_STORAGE);

package/es/common/components/cookie-consent/messages.js

@@ -26,6 +26,5 @@ const messages = {
 };
 export const get = (lang, message) => {
   const _lang = messages[lang] === undefined ? "en" : lang;
-
   return messages[_lang][message];
 };

package/es/common/components/custom-contact-form/attachment.js

@@ -6,12 +6,10 @@ import styles from "./attachment.module.css";
 import { convertToFileList } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const getFormatName = format => {
   const splittedName = format.split("/");
   return splittedName[splittedName.length - 1];
 };
-
 const Item = ({
   item,
   removeItem
@@ -19,13 +17,11 @@ const Item = ({
   const {
     name
   } = item;
-
   const onRemoveClick = e => {
     e.stopPropagation();
     e.preventDefault();
     removeItem(name);
   };
-
   return _jsxs("div", {
     className: styles.item,
     onClick: undefined,
@@ -43,7 +39,6 @@ const Item = ({
     })]
   });
 };
-
 const Attachment = ({
   lang,
   name,
@@ -66,30 +61,24 @@ const Attachment = ({
   const formatedAuthorizedFormats = splittedFormats?.map((format, i) => `${i > 0 ? "," : ""} ${getFormatName(format)}`);
   const handleDrop = React.useCallback(files => {
     const authorizedSelectionFormats = files.every(file => splittedFormats.includes(file.type));
-
     if (!authorizedSelectionFormats) {
       return {
         error: Messages.get(lang, "attachmentFormatError")
       };
     }
-
     const authorizedSelectionFileNumber = files.length > 0 && files.length <= attachmentMaxFiles - items.length;
-
     if (!authorizedSelectionFileNumber) {
       return {
         error: Messages.get(lang, "attachmentNumberError")
       };
     }
-
     const maxSizeinOctet = attachmentMaxSize * 1000000;
     const authorizedSelectionFileSize = files.every(file => file.size < maxSizeinOctet);
-
     if (!authorizedSelectionFileSize) {
       return {
         error: Messages.get(lang, "attachmentSizeError")
       };
     }
-
     return {
       success: true
     };
@@ -100,12 +89,12 @@ const Attachment = ({
       success,
       error
     } = handleDrop(files);
-
     if (success) {
       setData(data => {
         const currentFiles = data.attachment.value;
         const newFiles = convertToFileList([...currentFiles, ...files]);
-        return { ...data,
+        return {
+          ...data,
           attachment: {
             value: newFiles,
             valid: true
@@ -117,21 +106,19 @@ const Attachment = ({
       setTimeout(() => setError(undefined), 5000);
     }
   }, [handleDrop, setData]);
-
   const removeItem = name => {
     const newItems = convertToFileList(Array.from(items).filter(item => item.name !== name));
-    setData(data => ({ ...data,
+    setData(data => ({
+      ...data,
       attachment: {
         value: newItems,
         valid: true
       }
     }));
   };
-
   const onDragIn = React.useCallback(e => {
     e.preventDefault();
     e.stopPropagation();
-
     if (e.dataTransfer.items) {
       setError(undefined);
       setDragging(e.dataTransfer.items.length > 0);
@@ -149,15 +136,12 @@ const Attachment = ({
     e.dataTransfer.clearData();
     setDragging(false);
   }, [onChange]);
-
   const onDragOver = e => {
     e.preventDefault();
     e.stopPropagation();
   };
-
   React.useEffect(() => {
     const container = ref.current;
-
     if (container) {
       container.addEventListener("dragenter", onDragIn);
       container.addEventListener("dragleave", onDragOut);
@@ -225,5 +209,4 @@ const Attachment = ({
     })]
   });
 };
-
 export default Attachment;

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

@@ -11,14 +11,13 @@ import styles from "./custom-contact-form.module.css";
 import { getInitialFormState, getSettings, send } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const CustomContactFormWithSnackbar = props => {
   return _jsx(SnackbarProvider, {
-    children: _jsx(CustomContactForm, { ...props
+    children: _jsx(CustomContactForm, {
+      ...props
     })
   });
 };
-
 const CustomContactForm = ({
   kind,
   title,
@@ -43,7 +42,6 @@ const CustomContactForm = ({
   } = config;
   const snackbar = useSnackbar();
   const isFormValid = Object.keys(data).every(key => data[key].valid);
-
   const sendForm = async () => {
     setSending(true);
     const sendFunction = customSend || send;
@@ -57,7 +55,6 @@ const CustomContactForm = ({
       subjectPrefix: subject?.prefix,
       subjectSuffix: subject?.suffix
     });
-
     if (error) {
       snackbar.show({
         type: "error",
@@ -71,7 +68,6 @@ const CustomContactForm = ({
       setData(getInitialFormState(fields));
       resetForm();
     }
-
     setSending(false);
     onSubmit?.({
       data,
@@ -79,16 +75,13 @@ const CustomContactForm = ({
       error
     });
   };
-
   const resetForm = () => {
     presets?.setter?.(undefined);
     setData(getInitialFormState(fields));
   };
-
   const blurForm = () => {
     document.activeElement.blur();
   };
-
   React.useEffect(() => {
     if (!ready && !settings) {
       const init = async () => {
@@ -96,7 +89,6 @@ const CustomContactForm = ({
         setSettings(formSettings);
         setReady(true);
       };
-
       init();
     }
   }, [ready, settings, site]);
@@ -109,14 +101,12 @@ const CustomContactForm = ({
   });
   const showSendingOverlay = !!settings?.attachmentAllowed && sending;
   if (!ready) return null;
-
   if (ready && !settings) {
     return _jsx("div", {
       className: styles.root,
       children: Messages.get(lang, "NO_SETTINGS_FOUND")
     });
   }
-
   const formKey = presets ? JSON.stringify(presets.values) : undefined;
   return _jsxs("div", {
     className: classes,
@@ -159,5 +149,4 @@ const CustomContactForm = ({
     })]
   });
 };
-
 export default React.memo(CustomContactFormWithSnackbar);