ublo-lib 1.2.0 → 1.2.2

package/es/common/components/carousel.js

@@ -1,13 +1,10 @@
 import * as React from "react";
-import { forwardRef, memo, useEffect, useState, useRef, useCallback } from "react";
 import classnames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const UNDRAGGABLE_TAGS = "img, a, button";
 
-const isPlaceholder = path => path.indexOf("https://placehold.it/") !== -1;
-
 const euclideanModulo = (a, b) => {
   const m = a % b;
   return m < 0 ? b < 0 ? m - b : m + b : m;
@@ -23,11 +20,11 @@ const show = section => {
 };
 
 function useInterval(callback, delay, current, dragging) {
-  const savedCallback = useRef();
-  useEffect(() => {
+  const savedCallback = React.useRef();
+  React.useEffect(() => {
     savedCallback.current = callback;
   }, [callback]);
-  useEffect(() => {
+  React.useEffect(() => {
     function tick() {
       savedCallback.current();
     }
@@ -39,14 +36,6 @@ function useInterval(callback, delay, current, dragging) {
   }, [current, delay, dragging]);
 }
 
-const Thumbnails = forwardRef((_, ref) => _jsx("div", {
-  className: "carousel--navigation",
-  children: _jsx("div", {
-    className: "carousel--thumbnails",
-    ref: ref
-  })
-}));
-
 const Dots = ({
   count,
   current,
@@ -77,45 +66,33 @@ const Dots = ({
 const Carousel = ({
   delay = 4000,
   fade = false,
-  thumbnails,
   controls,
   dots,
   alwaysShowControls,
   allowDragOnDesktop,
   children
 }) => {
-  const carouselRef = useRef();
-  const thumbnailsRef = useRef();
+  const carouselRef = React.useRef();
   const {
     cmsMode
   } = useUbloContext();
-  const [count, setCount] = useState(0);
-  const [current, setCurrent] = useState(0);
-  const [thumbnailsLoaded, setThumbnailsLoaded] = useState(false);
-  const [touchStartPosition, setTouchStartPosition] = useState();
-  const [dragging, setDragging] = useState(0);
+  const [count, setCount] = React.useState(0);
+  const [current, setCurrent] = React.useState(0);
+  const [touchStartPosition, setTouchStartPosition] = React.useState();
+  const [dragging, setDragging] = React.useState(0);
   const editing = cmsMode === "editing";
   const draggingAllowed = !editing && allowDragOnDesktop;
   const showNextArrow = current < count - 1;
   const showPrevArrow = current !== 0;
-  const next = useCallback(e => {
+  const next = React.useCallback(e => {
     e?.stopPropagation();
     setCurrent(euclideanModulo(current + 1, count));
   }, [current, count]);
-  const prev = useCallback(e => {
+  const prev = React.useCallback(e => {
     e?.stopPropagation();
     setCurrent(euclideanModulo(current - 1, count));
   }, [current, count]);
 
-  const jump = e => {
-    e?.stopPropagation();
-    const {
-      target
-    } = e;
-    const index = target.closest(".carousel--thumbnail").dataset.index;
-    setCurrent(index);
-  };
-
   const onTouchStart = e => {
     if (fade) return;
     const {
@@ -218,12 +195,12 @@ const Carousel = ({
     setTouchStartPosition(undefined);
   };
 
-  const onSectionCreated = useCallback(() => {
+  const onSectionCreated = React.useCallback(() => {
     const carousel = carouselRef.current;
     const sections = Array.from(carousel.querySelectorAll("section"));
     setCount(sections.length);
   }, []);
-  useEffect(() => {
+  React.useEffect(() => {
     const zone = carouselRef.current?.querySelector(".cms");
 
     if (zone) {
@@ -231,12 +208,11 @@ const Carousel = ({
       return () => zone.removeEventListener("ubloSectionCreated", onSectionCreated);
     }
   }, [onSectionCreated]);
-  useEffect(() => {
+  React.useEffect(() => {
     const carousel = carouselRef.current;
     const inner = carousel.firstElementChild;
     const sections = Array.from(carousel.querySelectorAll("section"));
     const undraggableElements = Array.from(carousel.querySelectorAll(UNDRAGGABLE_TAGS));
-    const container = thumbnailsRef.current;
     setCount(sections.length);
 
     if (!editing) {
@@ -278,26 +254,12 @@ const Carousel = ({
       });
       if (fade) inner.style.removeProperty("transform");
     }
-
-    if (thumbnails && !thumbnailsLoaded) {
-      sections.forEach((section, index) => {
-        const thumbnail = section.querySelector(".carousel--thumbnail").cloneNode(true);
-
-        if (thumbnail && !isPlaceholder(thumbnail.querySelector("img").src)) {
-          thumbnail.setAttribute("data-index", index);
-          thumbnail.addEventListener("click", jump);
-          container.appendChild(thumbnail);
-        }
-      });
-    }
-
-    setThumbnailsLoaded(true);
-  }, [children, current, editing, fade, count, thumbnails, thumbnailsLoaded]);
-  const onUndraggableElementClick = useCallback(e => {
+  }, [children, current, editing, fade, count]);
+  const onUndraggableElementClick = React.useCallback(e => {
     e.preventDefault();
     e.stopPropagation();
   }, []);
-  useEffect(() => {
+  React.useEffect(() => {
     const carousel = carouselRef.current;
     const inner = carousel.firstElementChild;
     const undraggableElements = Array.from(inner.querySelectorAll(UNDRAGGABLE_TAGS));
@@ -330,7 +292,6 @@ const Carousel = ({
     ...eventHandlers,
     children: [children, (editing || controls && showPrevArrow || alwaysShowControls) && _jsx("button", {
       className: "carousel--prev",
-      "aria-label": "Previous",
       onClick: prev,
       disabled: alwaysShowControls && !showPrevArrow,
       children: _jsx("svg", {
@@ -342,7 +303,6 @@ const Carousel = ({
       })
     }), (editing || controls && showNextArrow || alwaysShowControls) && _jsx("button", {
       className: "carousel--next",
-      "aria-label": "Next",
       onClick: next,
       disabled: alwaysShowControls && !showNextArrow,
       children: _jsx("svg", {
@@ -352,8 +312,6 @@ const Carousel = ({
           d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
         })
       })
-    }), thumbnails && _jsx(Thumbnails, {
-      ref: thumbnailsRef
     }), dots && _jsx(Dots, {
       count: count,
       current: current,
@@ -362,4 +320,4 @@ const Carousel = ({
   });
 };
 
-export default memo(Carousel);
+export default React.memo(Carousel);

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

@@ -1,5 +1,5 @@
 import * as Fetcher from "../../../../common/utils/fetcher";
-const velApi = "https://widget.vente-en-ligne-esf.com/api";
+const velApi = "https://services.msem.tech/api";
 export const fetchWelcome = ({
   lang,
   resort,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "peerDependencies": {
     "dt-design-system": "^2.1.0",
     "next": "^12.0.0",