ublo-lib 1.31.43 → 1.32.0

package/es/esf/components/levels/levels.js

@@ -1,340 +1,215 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import Detail from "./detail";
 import { useUbloContext } from "ublo/with-ublo";
 import { fetchMenus } from "ublo/fetcher";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const LEVELS = {
-  pioupiou: "skialpin-clubpioupiou-pioupiou",
-  blanchot: "skialpin-clubpioupiou-blanchot",
-  sifflote: "skialpin-clubpioupiou-sifflote",
-  garolou: "skialpin-clubpioupiou-garolou",
-  ourson: "skialpin-revedetoiles-ourson",
-  flocon: "skialpin-revedetoiles-flocon",
-  "1-star": "skialpin-revedetoiles-etoile1",
-  "2-star": "skialpin-revedetoiles-etoile2",
-  "3-star": "skialpin-revedetoiles-etoile3",
-  "bronze-star": "skialpin-teametoile-etoiledebronze",
-  "silver-star": "skialpin-teametoile-etoiledargent",
-  "gold-star": "skialpin-teametoile-etoiledor",
-  "1-ski": "skialpin-esfexperiences-decouverte",
-  "1-degree": "skialpin-esfexperiences-classe1",
-  "2-degree": "skialpin-esfexperiences-classe2",
-  "3-degree": "skialpin-esfexperiences-classe3",
-  "ski-beginner": "skialpin-esfexperiences-decouverte",
-  "ski-intermediate": "skialpin-esfexperiences-intermediaire",
-  "ski-confirmed": "skialpin-esfexperiences-confirme",
-  chamois: "skialpin-clubesf-chamois",
-  fleche: "skialpin-clubesf-fleche",
-  fusee: "skialpin-clubesf-fusee",
-  record: "skialpin-clubesf-record",
-  "saut-bronze": "skialpin-clubesf-saut",
-  skiercross: "skialpin-clubesf-skiercross",
-  "goomie-rider": "snow-kids-goomierider",
-  "rookie-rider": "snow-kids-rookierider",
-  "izzy-rider": "snow-kids-izzierider",
-  "snowboard-discovery": "snow-juniors-decouverte",
-  "1-snowboard": "snow-juniors-snowboard1",
-  "2-snowboard": "snow-snowboardstyle-snowboard2",
-  "3-snowboard": "snow-snowboardstyle-snowboard3",
-  "snowboard-expert": "snow-snowboardstyle-snowboardexpert",
-  "x-boarder": "snow-clubesfsnow-xboarder",
-  "ptit-freestyler": "skialpin-teamrider-ptitfreestyler",
-  "freestyler-inter": "skialpin-teamrider-intermediaire",
-  freestyler: "snow-freestylecamp-freestyler",
-  "freestyler-expert": "snow-freestylecamp-freestylerexpert",
-  "freestyler-pro": "snow-freestylecamp-freestylerpro",
-  "ourson-nordic": "nordic-revedetoiles-ourson",
-  "flocon-nordic": "nordic-revedetoiles-flocon",
-  "1-star-nordic": "nordic-revedetoiles-etoile1",
-  "2-star-nordic": "nordic-revedetoiles-etoile2",
-  "3-star-nordic": "nordic-revedetoiles-etoile3",
-  "bronze-star-nordic": "nordic-revedetoiles-etoiledebronze",
-  "gold-star-nordic": "nordic-revedetoiles-etoiledor",
-  "1-ski-nordic": "nordic-esfexperiences-ski1",
-  "1-degree-nordic": "nordic-esfexperiences-classe1",
-  "2-degree-nordic": "nordic-esfexperiences-classe2",
-  "3-degree-nordic": "nordic-esfexperiences-classe3",
-  "biathlon-level": "nordic-biathlon-offrebiathlon",
-  "nordic-cross": "nordic-clubesfnordique-nordicross"
+    pioupiou: "skialpin-clubpioupiou-pioupiou",
+    blanchot: "skialpin-clubpioupiou-blanchot",
+    sifflote: "skialpin-clubpioupiou-sifflote",
+    garolou: "skialpin-clubpioupiou-garolou",
+    ourson: "skialpin-revedetoiles-ourson",
+    flocon: "skialpin-revedetoiles-flocon",
+    "1-star": "skialpin-revedetoiles-etoile1",
+    "2-star": "skialpin-revedetoiles-etoile2",
+    "3-star": "skialpin-revedetoiles-etoile3",
+    "bronze-star": "skialpin-teametoile-etoiledebronze",
+    "silver-star": "skialpin-teametoile-etoiledargent",
+    "gold-star": "skialpin-teametoile-etoiledor",
+    "1-ski": "skialpin-esfexperiences-decouverte",
+    "1-degree": "skialpin-esfexperiences-classe1",
+    "2-degree": "skialpin-esfexperiences-classe2",
+    "3-degree": "skialpin-esfexperiences-classe3",
+    "ski-beginner": "skialpin-esfexperiences-decouverte",
+    "ski-intermediate": "skialpin-esfexperiences-intermediaire",
+    "ski-confirmed": "skialpin-esfexperiences-confirme",
+    chamois: "skialpin-clubesf-chamois",
+    fleche: "skialpin-clubesf-fleche",
+    fusee: "skialpin-clubesf-fusee",
+    record: "skialpin-clubesf-record",
+    "saut-bronze": "skialpin-clubesf-saut",
+    skiercross: "skialpin-clubesf-skiercross",
+    "goomie-rider": "snow-kids-goomierider",
+    "rookie-rider": "snow-kids-rookierider",
+    "izzy-rider": "snow-kids-izzierider",
+    "snowboard-discovery": "snow-juniors-decouverte",
+    "1-snowboard": "snow-juniors-snowboard1",
+    "2-snowboard": "snow-snowboardstyle-snowboard2",
+    "3-snowboard": "snow-snowboardstyle-snowboard3",
+    "snowboard-expert": "snow-snowboardstyle-snowboardexpert",
+    "x-boarder": "snow-clubesfsnow-xboarder",
+    "ptit-freestyler": "skialpin-teamrider-ptitfreestyler",
+    "freestyler-inter": "skialpin-teamrider-intermediaire",
+    freestyler: "snow-freestylecamp-freestyler",
+    "freestyler-expert": "snow-freestylecamp-freestylerexpert",
+    "freestyler-pro": "snow-freestylecamp-freestylerpro",
+    "ourson-nordic": "nordic-revedetoiles-ourson",
+    "flocon-nordic": "nordic-revedetoiles-flocon",
+    "1-star-nordic": "nordic-revedetoiles-etoile1",
+    "2-star-nordic": "nordic-revedetoiles-etoile2",
+    "3-star-nordic": "nordic-revedetoiles-etoile3",
+    "bronze-star-nordic": "nordic-revedetoiles-etoiledebronze",
+    "gold-star-nordic": "nordic-revedetoiles-etoiledor",
+    "1-ski-nordic": "nordic-esfexperiences-ski1",
+    "1-degree-nordic": "nordic-esfexperiences-classe1",
+    "2-degree-nordic": "nordic-esfexperiences-classe2",
+    "3-degree-nordic": "nordic-esfexperiences-classe3",
+    "biathlon-level": "nordic-biathlon-offrebiathlon",
+    "nordic-cross": "nordic-clubesfnordique-nordicross",
 };
-const LevelDetail = ({
-  detail
-}) => {
-  if (!detail) return null;
-  return _jsx(Detail, {
-    detail: detail
-  });
+const LevelDetail = ({ detail }) => {
+    if (!detail)
+        return null;
+    return _jsx(Detail, { detail: detail });
 };
-const Level = ({
-  level,
-  content,
-  detail,
-  setDetail,
-  levelRef
-}) => {
-  if (!content) return null;
-  const {
-    name,
-    title
-  } = level;
-  const clicked = () => () => {
-    if (levelRef.current) {
-      levelRef.current.scrollIntoView({
-        behavior: "smooth",
-        block: "center",
-        inline: "center"
-      });
-    }
-    setDetail(content);
-  };
-  const selected = name === detail?.code;
-  const levelClasses = classNames("evaluate-level__level", {
-    "evaluate-level__level--selected": selected
-  });
-  const hasContent = name in LEVELS && Boolean(LEVELS[name]);
-  const styles = hasContent ? undefined : {
-    pointerEvents: "none",
-    touchAction: "none"
-  };
-  const onClick = hasContent ? clicked(name) : undefined;
-  const image = content.image ? `https://widget.msem.tech/images/esf/level/${content.image}` : "https://widget.msem.tech/images/esf/product/default.svg";
-  return _jsxs("div", {
-    className: levelClasses,
-    style: styles,
-    onClick: onClick,
-    children: [_jsx("h3", {
-      className: "evaluate-level__level-title",
-      children: title
-    }), _jsx("img", {
-      src: image,
-      alt: title
-    })]
-  });
+const Level = ({ level, content, detail, setDetail, levelRef }) => {
+    if (!content)
+        return null;
+    const { name, title } = level;
+    const clicked = () => () => {
+        if (levelRef.current) {
+            levelRef.current.scrollIntoView({
+                behavior: "smooth",
+                block: "center",
+                inline: "center",
+            });
+        }
+        setDetail(content);
+    };
+    const selected = name === detail?.code;
+    const levelClasses = classNames("evaluate-level__level", {
+        "evaluate-level__level--selected": selected,
+    });
+    const hasContent = name in LEVELS && Boolean(LEVELS[name]);
+    const styles = hasContent
+        ? undefined
+        : { pointerEvents: "none", touchAction: "none" };
+    const onClick = hasContent ? clicked(name) : undefined;
+    const image = content.image
+        ? `https://widget.msem.tech/images/esf/level/${content.image}`
+        : "https://widget.msem.tech/images/esf/product/default.svg";
+    return (_jsxs("div", { className: levelClasses, style: styles, onClick: onClick, children: [_jsx("h3", { className: "evaluate-level__level-title", children: title }), _jsx("img", { src: image, alt: title })] }));
 };
-const Levels = ({
-  levels,
-  selectedActivity,
-  selectedAge,
-  detail,
-  setDetail,
-  levelRef
-}) => {
-  const {
-    lang
-  } = useUbloContext();
-  const [ready, setReady] = React.useState(false);
-  const [contents, setContents] = React.useState({});
-  const levelLang = lang === "fr" ? lang : "en";
-  const getContents = React.useCallback(async () => {
-    const contents = levels.reduce(async (promiseAcc, level) => {
-      const acc = await promiseAcc;
-      const code = level.name in LEVELS && LEVELS[level.name];
-      if (code) {
-        const endpoint = `https://services.msem.tech/api/esf-wiki/${levelLang}/fiche/${code}`;
-        const result = await fetch(endpoint);
-        const json = await result.json();
-        return {
-          ...acc,
-          code,
-          [level.name]: json
+const Levels = ({ levels, selectedActivity, selectedAge, detail, setDetail, levelRef, }) => {
+    const { lang } = useUbloContext();
+    const [ready, setReady] = React.useState(false);
+    const [contents, setContents] = React.useState({});
+    const levelLang = lang === "fr" ? lang : "en";
+    const getContents = React.useCallback(async () => {
+        const contents = levels.reduce(async (promiseAcc, level) => {
+            const acc = await promiseAcc;
+            const code = level.name in LEVELS && LEVELS[level.name];
+            if (code) {
+                const endpoint = `https://services.msem.tech/api/esf-wiki/${levelLang}/fiche/${code}`;
+                const result = await fetch(endpoint);
+                const json = await result.json();
+                return { ...acc, code, [level.name]: json };
+            }
+            return acc;
+        }, Promise.resolve({}));
+        return contents;
+    }, [levelLang, levels]);
+    React.useEffect(() => {
+        const runEffect = async () => {
+            const result = await getContents();
+            setContents(result);
+            setReady(true);
         };
-      }
-      return acc;
-    }, Promise.resolve({}));
-    return contents;
-  }, [levelLang, levels]);
-  React.useEffect(() => {
-    const runEffect = async () => {
-      const result = await getContents();
-      setContents(result);
-      setReady(true);
-    };
-    runEffect();
-  }, [getContents]);
-  if (!ready) return null;
-  return _jsxs("div", {
-    className: "evaluate-level__levels",
-    children: [_jsxs("div", {
-      className: "evaluate-level__levels-title",
-      children: [selectedActivity.title, " ", _jsx("span", {
-        children: selectedAge.title
-      })]
-    }), _jsx("div", {
-      ref: levelRef,
-      className: "evaluate-level__levels-outer",
-      children: levels.map(level => {
-        return _jsx(Level, {
-          level: level,
-          content: contents[level.name],
-          detail: detail,
-          setDetail: setDetail,
-          levelRef: levelRef
-        }, level.name);
-      })
-    })]
-  });
+        runEffect();
+    }, [getContents]);
+    if (!ready)
+        return null;
+    return (_jsxs("div", { className: "evaluate-level__levels", children: [_jsxs("div", { className: "evaluate-level__levels-title", children: [selectedActivity.title, " ", _jsx("span", { children: selectedAge.title })] }), _jsx("div", { ref: levelRef, className: "evaluate-level__levels-outer", children: levels.map((level) => {
+                    return (_jsx(Level, { level: level, content: contents[level.name], detail: detail, setDetail: setDetail, levelRef: levelRef }, level.name));
+                }) })] }));
 };
-const AgeClasses = ({
-  ages,
-  selectedAge,
-  ageChanged
-}) => {
-  const clicked = age => () => ageChanged(age);
-  return _jsx("div", {
-    className: "evaluate-level__ages",
-    children: ages.map(age => {
-      const {
-        name,
-        title,
-        path
-      } = age;
-      const selected = selectedAge.path === path;
-      const ageClasses = classNames("evaluate-level__age", {
-        "evaluate-level__age--selected": selected
-      });
-      return _jsxs("div", {
-        className: ageClasses,
-        onClick: clicked(age),
-        children: [_jsx("div", {
-          className: "evaluate-level__radio-button"
-        }), title]
-      }, name);
-    })
-  });
+const AgeClasses = ({ ages, selectedAge, ageChanged }) => {
+    const clicked = (age) => () => ageChanged(age);
+    return (_jsx("div", { className: "evaluate-level__ages", children: ages.map((age) => {
+            const { name, title, path } = age;
+            const selected = selectedAge.path === path;
+            const ageClasses = classNames("evaluate-level__age", {
+                "evaluate-level__age--selected": selected,
+            });
+            return (_jsxs("div", { className: ageClasses, onClick: clicked(age), children: [_jsx("div", { className: "evaluate-level__radio-button" }), title] }, name));
+        }) }));
 };
-const Activities = ({
-  activities,
-  activityChanged,
-  selectedActivity,
-  selectedAge,
-  ageChanged
-}) => {
-  const clicked = activity => () => activityChanged(activity);
-  return _jsx("div", {
-    className: "evaluate-level__activities",
-    children: activities.map(activity => {
-      const {
-        name,
-        path,
-        title,
-        subs
-      } = activity;
-      const hasSubs = subs !== undefined;
-      const selected = path === selectedActivity.path && hasSubs;
-      const isFreestyle = name === "levels-freestyle";
-      const activityClasses = classNames("evaluate-level__item", {
-        "evaluate-level__item--selected": selected
-      });
-      return _jsxs("div", {
-        className: activityClasses,
-        children: [_jsxs("div", {
-          className: "evaluate-level__activity",
-          onClick: clicked(activity),
-          children: [_jsx("div", {
-            className: "evaluate-level__radio-button"
-          }), title]
-        }), selected && !isFreestyle && _jsx(AgeClasses, {
-          ages: subs,
-          selectedAge: selectedAge,
-          ageChanged: ageChanged
-        })]
-      }, name);
-    })
-  });
+const Activities = ({ activities, activityChanged, selectedActivity, selectedAge, ageChanged, }) => {
+    const clicked = (activity) => () => activityChanged(activity);
+    return (_jsx("div", { className: "evaluate-level__activities", children: activities.map((activity) => {
+            const { name, path, title, subs } = activity;
+            const hasSubs = subs !== undefined;
+            const selected = path === selectedActivity.path && hasSubs;
+            const isFreestyle = name === "levels-freestyle";
+            const activityClasses = classNames("evaluate-level__item", {
+                "evaluate-level__item--selected": selected,
+            });
+            return (_jsxs("div", { className: activityClasses, children: [_jsxs("div", { className: "evaluate-level__activity", onClick: clicked(activity), children: [_jsx("div", { className: "evaluate-level__radio-button" }), title] }), selected && !isFreestyle && (_jsx(AgeClasses, { ages: subs, selectedAge: selectedAge, ageChanged: ageChanged }))] }, name));
+        }) }));
 };
-const EvaluateLevel = ({
-  menu
-}) => {
-  const {
-    config,
-    lang
-  } = useUbloContext();
-  const {
-    ubloApi,
-    site
-  } = config;
-  const levelRef = React.useRef(null);
-  const [activities, setActivities] = React.useState([]);
-  const [levels, setLevels] = React.useState([]);
-  const [detail, setDetail] = React.useState();
-  const [selectedActivity, setSelectedActivity] = React.useState({});
-  const [selectedAge, setSelectedAge] = React.useState({});
-  const activityChanged = activity => {
-    const {
-      name
-    } = activity;
-    const isFreestyle = name === "levels-freestyle";
-    setSelectedActivity(activity);
-    setSelectedAge(isFreestyle ? activity : {});
-    setLevels([]);
-    setDetail(undefined);
-  };
-  const ageChanged = age => {
-    setSelectedAge(age);
-    setLevels([]);
-    setDetail(undefined);
-  };
-  React.useEffect(() => {
-    const activitiesLoaded = activities.length > 0;
-    if (menu !== undefined && activitiesLoaded) {
-      const isFreestyle = menu.split("/").length - 1 === 2;
-      if (isFreestyle) {
-        const [activity] = activities.filter(a => a.menu === menu);
-        if (activity !== undefined) {
-          setSelectedActivity(activity);
-          setSelectedAge(activity);
+const EvaluateLevel = ({ menu }) => {
+    const { config, lang } = useUbloContext();
+    const { ubloApi, site } = config;
+    const levelRef = React.useRef(null);
+    const [activities, setActivities] = React.useState([]);
+    const [levels, setLevels] = React.useState([]);
+    const [detail, setDetail] = React.useState();
+    const [selectedActivity, setSelectedActivity] = React.useState({});
+    const [selectedAge, setSelectedAge] = React.useState({});
+    const activityChanged = (activity) => {
+        const { name } = activity;
+        const isFreestyle = name === "levels-freestyle";
+        setSelectedActivity(activity);
+        setSelectedAge(isFreestyle ? activity : {});
+        setLevels([]);
+        setDetail(undefined);
+    };
+    const ageChanged = (age) => {
+        setSelectedAge(age);
+        setLevels([]);
+        setDetail(undefined);
+    };
+    React.useEffect(() => {
+        const activitiesLoaded = activities.length > 0;
+        if (menu !== undefined && activitiesLoaded) {
+            const isFreestyle = menu.split("/").length - 1 === 2;
+            if (isFreestyle) {
+                const [activity] = activities.filter((a) => a.menu === menu);
+                if (activity !== undefined) {
+                    setSelectedActivity(activity);
+                    setSelectedAge(activity);
+                }
+            }
+            else {
+                const activityPath = menu.substring(0, menu.lastIndexOf("/"));
+                const [activity] = activities.filter((a) => a.menu === activityPath);
+                if (activity !== undefined) {
+                    const [age] = activity.subs.filter((a) => a.menu === menu);
+                    if (age !== undefined) {
+                        setSelectedActivity(activity);
+                        setSelectedAge(age);
+                    }
+                }
+            }
         }
-      } else {
-        const activityPath = menu.substring(0, menu.lastIndexOf("/"));
-        const [activity] = activities.filter(a => a.menu === activityPath);
-        if (activity !== undefined) {
-          const [age] = activity.subs.filter(a => a.menu === menu);
-          if (age !== undefined) {
-            setSelectedActivity(activity);
-            setSelectedAge(age);
-          }
+    }, [activities, menu]);
+    React.useEffect(() => {
+        const getActivities = async () => {
+            setActivities(await fetchMenus(ubloApi, site, lang, "/levels", 2));
+        };
+        getActivities();
+    }, [lang, site, ubloApi]);
+    React.useEffect(() => {
+        const { menu } = selectedAge;
+        if (menu !== undefined) {
+            const getLevels = async () => {
+                const levels = await fetchMenus(ubloApi, site, lang, menu);
+                setLevels(levels);
+            };
+            getLevels();
         }
-      }
-    }
-  }, [activities, menu]);
-  React.useEffect(() => {
-    const getActivities = async () => {
-      setActivities(await fetchMenus(ubloApi, site, lang, "/levels", 2));
-    };
-    getActivities();
-  }, [lang, site, ubloApi]);
-  React.useEffect(() => {
-    const {
-      menu
-    } = selectedAge;
-    if (menu !== undefined) {
-      const getLevels = async () => {
-        const levels = await fetchMenus(ubloApi, site, lang, menu);
-        setLevels(levels);
-      };
-      getLevels();
-    }
-  }, [lang, selectedAge, site, ubloApi]);
-  return _jsxs("div", {
-    className: "evaluate-level",
-    children: [!menu && _jsx(Activities, {
-      activities: activities,
-      selectedActivity: selectedActivity,
-      activityChanged: activityChanged,
-      selectedAge: selectedAge,
-      ageChanged: ageChanged
-    }), selectedAge.path && _jsx(Levels, {
-      levels: levels,
-      selectedActivity: selectedActivity,
-      selectedAge: selectedAge,
-      detail: detail,
-      setDetail: setDetail,
-      levelRef: levelRef
-    }), detail && _jsx(LevelDetail, {
-      detail: detail
-    })]
-  });
+    }, [lang, selectedAge, site, ubloApi]);
+    return (_jsxs("div", { className: "evaluate-level", children: [!menu && (_jsx(Activities, { activities: activities, selectedActivity: selectedActivity, activityChanged: activityChanged, selectedAge: selectedAge, ageChanged: ageChanged })), selectedAge.path && (_jsx(Levels, { levels: levels, selectedActivity: selectedActivity, selectedAge: selectedAge, detail: detail, setDetail: setDetail, levelRef: levelRef })), detail && _jsx(LevelDetail, { detail: detail })] }));
 };
-export default EvaluateLevel;
+export default EvaluateLevel;

package/es/esf/components/loyal-customers/api.d.ts

@@ -0,0 +1,5 @@
+export function sendFile(payload: any, integration: any): Promise<{
+    action: any;
+    error: any;
+}>;
+//# sourceMappingURL=api.d.ts.map

package/es/esf/components/loyal-customers/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/api.js"],"names":[],"mappings":"AAYA;;;GAGC"}

package/es/esf/components/loyal-customers/api.js

@@ -1,22 +1,14 @@
 import * as Data from "./data";
 async function createGescoFile(payload, integration) {
-  const host = integration ? Data.HOSTS.TEST : Data.HOSTS.PROD;
-  const res = await fetch(`${host}/api/gesco/files/new-with-generic-lines`, {
-    method: "POST",
-    headers: {
-      "content-type": "application/json;charset=utf-8"
-    },
-    body: JSON.stringify(payload)
-  });
-  return res.json();
+    const host = integration ? Data.HOSTS.TEST : Data.HOSTS.PROD;
+    const res = await fetch(`${host}/api/gesco/files/new-with-generic-lines`, {
+        method: "POST",
+        headers: { "content-type": "application/json;charset=utf-8" },
+        body: JSON.stringify(payload),
+    });
+    return res.json();
 }
 export async function sendFile(payload, integration) {
-  const {
-    action,
-    error
-  } = await createGescoFile(payload, integration);
-  return {
-    action,
-    error
-  };
-}
+    const { action, error } = await createGescoFile(payload, integration);
+    return { action, error };
+}

package/es/esf/components/loyal-customers/components/bin-icon.d.ts

@@ -0,0 +1,3 @@
+export default BinIcon;
+declare function BinIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bin-icon.d.ts.map

package/es/esf/components/loyal-customers/components/bin-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bin-icon.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/loyal-customers/components/bin-icon.js"],"names":[],"mappings":";AAIA,oEAmBC"}

package/es/esf/components/loyal-customers/components/bin-icon.js

@@ -1,29 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import styles from "./bin-icon.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const BinIcon = () => {
-  return _jsxs("svg", {
-    className: styles.bin,
-    viewBox: "0 0 24 24",
-    width: "24",
-    height: "24",
-    children: [_jsx("path", {
-      d: "M4.87868 22.1213C4.31607 21.5587 4 20.7956 4 20V7H6V20C6 20.2652 6.10536 20.5196 6.29289 20.7071C6.48043 20.8946 6.73478 21 7 21H17C17.2652 21 17.5196 20.8946 17.7071 20.7071C17.8946 20.5196 18 20.2652 18 20V7H20V20C20 20.7956 19.6839 21.5587 19.1213 22.1213C18.5587 22.6839 17.7956 23 17 23H7C6.20435 23 5.44129 22.6839 4.87868 22.1213Z"
-    }), _jsx("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M10 10C10.2652 10 10.5196 10.1054 10.7071 10.2929C10.8946 10.4804 11 10.7348 11 11V17C11 17.2652 10.8946 17.5196 10.7071 17.7071C10.5196 17.8946 10.2652 18 10 18C9.73478 18 9.48043 17.8946 9.29289 17.7071C9.10536 17.5196 9 17.2652 9 17V11C9 10.7348 9.10536 10.4804 9.29289 10.2929C9.48043 10.1054 9.73478 10 10 10ZM14 10C14.2652 10 14.5196 10.1054 14.7071 10.2929C14.8946 10.4804 15 10.7348 15 11V17C15 17.2652 14.8946 17.5196 14.7071 17.7071C14.5196 17.8946 14.2652 18 14 18C13.7348 18 13.4804 17.8946 13.2929 17.7071C13.1054 17.5196 13 17.2652 13 17V11C13 10.7348 13.1054 10.4804 13.2929 10.2929C13.4804 10.1054 13.7348 10 14 10Z"
-    }), _jsxs("g", {
-      className: styles.handle,
-      children: [_jsx("path", {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M2 6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6C22 6.26522 21.8946 6.51957 21.7071 6.70711C21.5196 6.89464 21.2652 7 21 7H3C2.73478 7 2.48043 6.89464 2.29289 6.70711C2.10536 6.51957 2 6.26522 2 6Z"
-      }), _jsx("path", {
-        d: "M9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V5H17V4C17 3.20435 16.6839 2.44129 16.1213 1.87868C15.5587 1.31607 14.7956 1 14 1H10C9.20435 1 8.44129 1.31607 7.87868 1.87868C7.31607 2.44129 7 3.20435 7 4V5H9V4C9 3.73478 9.10536 3.48043 9.29289 3.29289Z"
-      })]
-    })]
-  });
+    return (_jsxs("svg", { className: styles.bin, viewBox: "0 0 24 24", width: "24", height: "24", children: [_jsx("path", { d: "M4.87868 22.1213C4.31607 21.5587 4 20.7956 4 20V7H6V20C6 20.2652 6.10536 20.5196 6.29289 20.7071C6.48043 20.8946 6.73478 21 7 21H17C17.2652 21 17.5196 20.8946 17.7071 20.7071C17.8946 20.5196 18 20.2652 18 20V7H20V20C20 20.7956 19.6839 21.5587 19.1213 22.1213C18.5587 22.6839 17.7956 23 17 23H7C6.20435 23 5.44129 22.6839 4.87868 22.1213Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 10C10.2652 10 10.5196 10.1054 10.7071 10.2929C10.8946 10.4804 11 10.7348 11 11V17C11 17.2652 10.8946 17.5196 10.7071 17.7071C10.5196 17.8946 10.2652 18 10 18C9.73478 18 9.48043 17.8946 9.29289 17.7071C9.10536 17.5196 9 17.2652 9 17V11C9 10.7348 9.10536 10.4804 9.29289 10.2929C9.48043 10.1054 9.73478 10 10 10ZM14 10C14.2652 10 14.5196 10.1054 14.7071 10.2929C14.8946 10.4804 15 10.7348 15 11V17C15 17.2652 14.8946 17.5196 14.7071 17.7071C14.5196 17.8946 14.2652 18 14 18C13.7348 18 13.4804 17.8946 13.2929 17.7071C13.1054 17.5196 13 17.2652 13 17V11C13 10.7348 13.1054 10.4804 13.2929 10.2929C13.4804 10.1054 13.7348 10 14 10Z" }), _jsxs("g", { className: styles.handle, children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 6C2 5.73478 2.10536 5.48043 2.29289 5.29289C2.48043 5.10536 2.73478 5 3 5H21C21.2652 5 21.5196 5.10536 21.7071 5.29289C21.8946 5.48043 22 5.73478 22 6C22 6.26522 21.8946 6.51957 21.7071 6.70711C21.5196 6.89464 21.2652 7 21 7H3C2.73478 7 2.48043 6.89464 2.29289 6.70711C2.10536 6.51957 2 6.26522 2 6Z" }), _jsx("path", { d: "M9.29289 3.29289C9.48043 3.10536 9.73478 3 10 3H14C14.2652 3 14.5196 3.10536 14.7071 3.29289C14.8946 3.48043 15 3.73478 15 4V5H17V4C17 3.20435 16.6839 2.44129 16.1213 1.87868C15.5587 1.31607 14.7956 1 14 1H10C9.20435 1 8.44129 1.31607 7.87868 1.87868C7.31607 2.44129 7 3.20435 7 4V5H9V4C9 3.73478 9.10536 3.48043 9.29289 3.29289Z" })] })] }));
 };
-export default BinIcon;
+export default BinIcon;