ublo-lib 1.31.43 → 1.32.0

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

@@ -1,20 +1,15 @@
 const api = "https://widget.vente-en-ligne-esf.com/api";
 export const fetchCart = async (cartId, lang, resort) => {
-  const id = JSON.parse(cartId);
-  const payload = {
-    cartId: id,
-    lang,
-    resort
-  };
-  const endpoint = `${api}/esfplus/cart`;
-  try {
-    const res = await fetch(endpoint, {
-      method: "POST",
-      headers: {
-        "content-type": "application/json;charset=UTF-8"
-      },
-      body: JSON.stringify(payload)
-    });
-    return res.json();
-  } catch (err) {}
-};
+    const id = JSON.parse(cartId);
+    const payload = { cartId: id, lang, resort };
+    const endpoint = `${api}/esfplus/cart`;
+    try {
+        const res = await fetch(endpoint, {
+            method: "POST",
+            headers: { "content-type": "application/json;charset=UTF-8" },
+            body: JSON.stringify(payload),
+        });
+        return res.json();
+    }
+    catch (err) { }
+};

package/es/common/components/cart-preview/cart-pill.d.ts

@@ -0,0 +1,5 @@
+export default CartPill;
+declare function CartPill({ count }: {
+    count: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cart-pill.d.ts.map

package/es/common/components/cart-preview/cart-pill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-pill.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-preview/cart-pill.js"],"names":[],"mappings":";AAGA;;4CAIC"}

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

@@ -1,13 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import css from "./cart-pill.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-const CartPill = ({
-  count
-}) => {
-  if (!count) return null;
-  return _jsx("div", {
-    className: css.pill,
-    children: count
-  });
+const CartPill = ({ count }) => {
+    if (!count)
+        return null;
+    return _jsx("div", { className: css.pill, children: count });
 };
-export default CartPill;
+export default CartPill;

package/es/common/components/cart-preview/cart-preview.d.ts

@@ -0,0 +1,6 @@
+export default CartPreview;
+declare function CartPreview({ lang, visible }: {
+    lang: any;
+    visible: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cart-preview.d.ts.map

package/es/common/components/cart-preview/cart-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-preview.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-preview/cart-preview.js"],"names":[],"mappings":";AAYA;;;4CAuEC"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import getConfig from "next/config";
@@ -7,106 +8,44 @@ import CartPill from "./cart-pill";
 import * as API from "./api";
 import * as Utils from "./utils";
 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 {
-  publicRuntimeConfig
-} = getConfig();
-const CartPreview = ({
-  lang,
-  visible
-}) => {
-  const {
-    lang: ubloLang = lang
-  } = useUbloContext();
-  const {
-    resort
-  } = publicRuntimeConfig;
-  const [count, setCount] = React.useState(0);
-  const [cart, setCart] = React.useState();
-  React.useEffect(() => {
-    const cartId = window.sessionStorage.cartId;
-    const getCart = async () => {
-      const response = await API.fetchCart(cartId, ubloLang, resort);
-      const nbInscriptions = Utils.countInscriptions(response);
-      if (response && response.cart) {
-        setCart(response);
-      }
-      setCount(nbInscriptions);
-    };
-    if (resort && cartId) {
-      getCart();
-    }
-  }, [ubloLang, resort]);
-  if (!cart) return null;
-  const {
-    orders: bareOrders,
-    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
-  });
-  return _jsxs(_Fragment, {
-    children: [_jsx(CartPill, {
-      count: count
-    }), _jsxs("div", {
-      className: classes,
-      onClick: preventClick,
-      children: [orders.map((order, i) => {
-        const {
-          inscriptions = [],
-          merchantName,
-          price,
-          total
-        } = order;
-        return _jsxs("div", {
-          className: css.entry,
-          children: [_jsxs("div", {
-            className: css.entryTitle,
-            children: [merchantName, _jsxs("span", {
-              className: css.entryPrice,
-              children: [total || price, " \u20AC"]
-            })]
-          }), _jsx("div", {
-            className: css.entryRows,
-            children: inscriptions.map((inscription, i) => {
-              const {
-                product,
-                activity
-              } = inscription;
-              if (!product && !activity) return null;
-              const {
-                name,
-                label
-              } = product || activity;
-              return _jsx("p", {
-                className: css.entryRow,
-                children: name || label
-              }, i);
-            })
-          })]
-        }, i);
-      }), _jsxs("div", {
-        className: css.total,
-        children: [_jsxs("div", {
-          className: css.totalTitle,
-          children: ["Total ", _jsxs("em", {
-            children: ["(", count, " produits)"]
-          })]
-        }), _jsxs("div", {
-          className: css.totalAmount,
-          children: [price, " \u20AC"]
-        })]
-      }), _jsx(Button, {
-        className: css.bottomButton,
-        onClick: stopPropagation,
-        children: "Voir le panier"
-      })]
-    })]
-  });
+const { publicRuntimeConfig } = getConfig();
+const CartPreview = ({ lang, visible }) => {
+    const { lang: ubloLang = lang } = useUbloContext();
+    const { resort } = publicRuntimeConfig;
+    const [count, setCount] = React.useState(0);
+    const [cart, setCart] = React.useState();
+    React.useEffect(() => {
+        const cartId = window.sessionStorage.cartId;
+        const getCart = async () => {
+            const response = await API.fetchCart(cartId, ubloLang, resort);
+            const nbInscriptions = Utils.countInscriptions(response);
+            if (response && response.cart) {
+                setCart(response);
+            }
+            setCount(nbInscriptions);
+        };
+        if (resort && cartId) {
+            getCart();
+        }
+    }, [ubloLang, resort]);
+    if (!cart)
+        return null;
+    const { orders: bareOrders, 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,
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(CartPill, { count: count }), _jsxs("div", { className: classes, onClick: preventClick, children: [orders.map((order, i) => {
+                        const { inscriptions = [], merchantName, price, total } = order;
+                        return (_jsxs("div", { className: css.entry, children: [_jsxs("div", { className: css.entryTitle, children: [merchantName, _jsxs("span", { className: css.entryPrice, children: [total || price, " \u20AC"] })] }), _jsx("div", { className: css.entryRows, children: inscriptions.map((inscription, i) => {
+                                        const { product, activity } = inscription;
+                                        if (!product && !activity)
+                                            return null;
+                                        const { name, label } = product || activity;
+                                        return (_jsx("p", { className: css.entryRow, children: name || label }, i));
+                                    }) })] }, i));
+                    }), _jsxs("div", { className: css.total, children: [_jsxs("div", { className: css.totalTitle, children: ["Total ", _jsxs("em", { children: ["(", count, " produits)"] })] }), _jsxs("div", { className: css.totalAmount, children: [price, " \u20AC"] })] }), _jsx(Button, { className: css.bottomButton, onClick: stopPropagation, children: "Voir le panier" })] })] }));
 };
-export default CartPreview;
+export default CartPreview;

package/es/common/components/cart-preview/index.d.ts

@@ -0,0 +1,3 @@
+export default CartPreview;
+import CartPreview from "./cart-preview";
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/cart-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-preview/index.js"],"names":[],"mappings":";wBAAwB,gBAAgB"}

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

@@ -1,2 +1,2 @@
 import CartPreview from "./cart-preview";
-export default CartPreview;
+export default CartPreview;

package/es/common/components/cart-preview/utils.d.ts

@@ -0,0 +1,3 @@
+export function getOrders(orders: any, orderKeys?: string[]): any[];
+export function countInscriptions(cart: any): any;
+//# sourceMappingURL=utils.d.ts.map

package/es/common/components/cart-preview/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cart-preview/utils.js"],"names":[],"mappings":"AAcO,oEAIN;AAEM,kDAMN"}

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

@@ -1,15 +1,25 @@
-const ORDER_KEYS = ["ESF", "ESF_CUSTOM", "LIFT", "SKI_RENTAL", "HOT", "STAY_TAX", "STAND", "TRANSFER", "GENERIC_LINE", "ASSU", "FFS"];
+const ORDER_KEYS = [
+    "ESF",
+    "ESF_CUSTOM",
+    "LIFT",
+    "SKI_RENTAL",
+    "HOT",
+    "STAY_TAX",
+    "STAND",
+    "TRANSFER",
+    "GENERIC_LINE",
+    "ASSU",
+    "FFS",
+];
 export const getOrders = (orders, orderKeys = ORDER_KEYS) => {
-  return orderKeys.reduce((arr, orderKey) => {
-    return orders[orderKey] ? [...arr, ...orders[orderKey]] : [...arr];
-  }, []);
+    return orderKeys.reduce((arr, orderKey) => {
+        return orders[orderKey] ? [...arr, ...orders[orderKey]] : [...arr];
+    }, []);
+};
+export const countInscriptions = (cart) => {
+    if (!cart || !cart.cart || !cart.cart.orders) {
+        return 0;
+    }
+    const { orders } = cart.cart;
+    return Object.keys(orders).reduce((acc, key) => acc + orders[key].length, 0);
 };
-export const countInscriptions = cart => {
-  if (!cart || !cart.cart || !cart.cart.orders) {
-    return 0;
-  }
-  const {
-    orders
-  } = cart.cart;
-  return Object.keys(orders).reduce((acc, key) => acc + orders[key].length, 0);
-};

package/es/common/components/collapsible/collapsible.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type Props = {
+    children: React.ReactNode;
+    height: number;
+    lang: string;
+    gradientColor: string;
+};
+export default function Collapsible({ gradientColor, height, children, lang, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=collapsible.d.ts.map

package/es/common/components/collapsible/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/common/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAaF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAsB,EACtB,MAAY,EACZ,QAAQ,EACR,IAAI,GACL,EAAE,KAAK,2CAgDP"}

package/es/common/components/collapsible/collapsible.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import Button from "dt-design-system/es/button";
 import { motion } from "framer-motion";
@@ -5,65 +6,40 @@ import * as Icons from "dt-design-system/es/icons";
 import classnames from "classnames";
 import * as Cms from "../../utils/cms";
 import styles from "./collapsible.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 const messages = {
-  fr: {
-    open: "Afficher",
-    close: "Masquer"
-  },
-  en: {
-    open: "Open",
-    close: "Close"
-  }
-};
-export default function Collapsible({
-  gradientColor = "#fff",
-  height = 150,
-  children,
-  lang
-}) {
-  const [opened, setOpened] = React.useState(false);
-  const [hasOverflow, setHasOverflow] = React.useState(false);
-  const classes = classnames(styles.collapsible, {
-    [styles.opened]: opened,
-    [styles.overflow]: hasOverflow
-  });
-  const parentRef = React.useRef(null);
-  const childrenRef = React.useRef(null);
-  const toggleOpen = () => {
-    setOpened(!opened);
-  };
-  const messageLang = lang === "fr" ? "fr" : "en";
-  const message = opened ? messages[messageLang].close : messages[messageLang].open;
-  const Icon = opened ? Icons.ChevronUp : Icons.ChevronDown;
-  React.useEffect(() => {
-    const parentHeight = parentRef.current?.offsetHeight;
-    const childrenHeight = childrenRef.current?.offsetHeight;
-    const isConnected = Cms.isConnected();
-    if (!isConnected && childrenHeight > parentHeight) {
-      setHasOverflow(true);
-    }
-  }, []);
-  return _jsxs(motion.div, {
-    ref: parentRef,
-    animate: {
-      height: opened || !hasOverflow ? "auto" : height
-    },
-    initial: {
-      height
+    fr: {
+        open: "Afficher",
+        close: "Masquer",
     },
-    className: classes,
-    style: {
-      "--gradient-color": gradientColor
+    en: {
+        open: "Open",
+        close: "Close",
     },
-    children: [_jsx("div", {
-      ref: childrenRef,
-      children: children
-    }), hasOverflow && _jsxs(Button, {
-      className: styles.message,
-      onClick: toggleOpen,
-      children: [message, _jsx(Icon, {})]
-    })]
-  });
-}
+};
+export default function Collapsible({ gradientColor = "#fff", height = 150, children, lang, }) {
+    const [opened, setOpened] = React.useState(false);
+    const [hasOverflow, setHasOverflow] = React.useState(false);
+    const classes = classnames(styles.collapsible, {
+        [styles.opened]: opened,
+        [styles.overflow]: hasOverflow,
+    });
+    const parentRef = React.useRef(null);
+    const childrenRef = React.useRef(null);
+    const toggleOpen = () => {
+        setOpened(!opened);
+    };
+    const messageLang = lang === "fr" ? "fr" : "en";
+    const message = opened
+        ? messages[messageLang].close
+        : messages[messageLang].open;
+    const Icon = opened ? Icons.ChevronUp : Icons.ChevronDown;
+    React.useEffect(() => {
+        const parentHeight = parentRef.current?.offsetHeight;
+        const childrenHeight = childrenRef.current?.offsetHeight;
+        const isConnected = Cms.isConnected();
+        if (!isConnected && childrenHeight > parentHeight) {
+            setHasOverflow(true);
+        }
+    }, []);
+    return (_jsxs(motion.div, { ref: parentRef, animate: { height: opened || !hasOverflow ? "auto" : height }, initial: { height }, className: classes, style: { "--gradient-color": gradientColor }, children: [_jsx("div", { ref: childrenRef, children: children }), hasOverflow && (_jsxs(Button, { className: styles.message, onClick: toggleOpen, children: [message, _jsx(Icon, {})] }))] }));
+}

package/es/common/components/collapsible/index.d.ts

@@ -0,0 +1,3 @@
+import Collapsible from "./collapsible";
+export default Collapsible;
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/collapsible/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,eAAe,WAAW,CAAC"}

package/es/common/components/collapsible/index.js

@@ -1,2 +1,2 @@
 import Collapsible from "./collapsible";
-export default Collapsible;
+export default Collapsible;

package/es/common/components/cookie-consent/cookie-consent.d.ts

@@ -0,0 +1,8 @@
+export function useCookieConsent(): any[];
+export default CookieConsent;
+declare function CookieConsent({ lang, consent, updateConsent }: {
+    lang: any;
+    consent: any;
+    updateConsent: any;
+}): import("react-dom/node_modules/@types/react").ReactPortal;
+//# sourceMappingURL=cookie-consent.d.ts.map

package/es/common/components/cookie-consent/cookie-consent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookie-consent.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cookie-consent/cookie-consent.js"],"names":[],"mappings":"AAsGO,0CA6BN;;AArHD;;;;8DAsFC"}

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import getConfig from "next/config";
@@ -6,120 +7,74 @@ import Button from "dt-design-system/es/button";
 import * as Messages from "./messages";
 import * as Utils from "./utils";
 import css from "./cookie-consent.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  gaAccount,
-  hotjar
-} = publicRuntimeConfig;
+const { publicRuntimeConfig } = getConfig();
+const { gaAccount, hotjar } = publicRuntimeConfig;
 const COOKIE_STORAGE = "cookie_allowed";
-const CookieConsent = ({
-  lang,
-  consent,
-  updateConsent
-}) => {
-  const [mounted, setMounted] = React.useState(false);
-  const isEnabled = Boolean(gaAccount || hotjar);
-  const cookieAllowed = value => () => {
-    updateConsent(value);
-  };
-  React.useEffect(() => {
-    if (!mounted) {
-      setMounted(true);
-      if (!isEnabled) {
-        updateConsent(true);
-      }
-    }
-  }, [isEnabled, mounted, updateConsent]);
-  React.useEffect(() => {
-    if (mounted) {
-      const runEffect = async () => {
-        if (consent && hotjar) {
-          const {
-            id,
-            version = 6
-          } = hotjar;
-          await Utils.loadHotjar(id, version);
-        } else {
-          const script = document.querySelector('[data-id="hotjar"]');
-          if (script) script.remove();
+const CookieConsent = ({ lang, consent, updateConsent }) => {
+    const [mounted, setMounted] = React.useState(false);
+    const isEnabled = Boolean(gaAccount || hotjar);
+    const cookieAllowed = (value) => () => {
+        updateConsent(value);
+    };
+    React.useEffect(() => {
+        if (!mounted) {
+            setMounted(true);
+            if (!isEnabled) {
+                updateConsent(true);
+            }
         }
-      };
-      runEffect();
-    }
-  }, [consent, mounted]);
-  if (!mounted) return null;
-  const classes = classNames(css.banner, {
-    [css.opened]: consent === null
-  });
-  return ReactDOM.createPortal(_jsx("div", {
-    className: classes,
-    children: _jsxs("div", {
-      className: css.inner,
-      children: [_jsx("div", {
-        className: css.iconContainer,
-        children: _jsx("svg", {
-          className: css.icon,
-          xmlns: "http://www.w3.org/2000/svg",
-          viewBox: "0 0 24 24",
-          height: "24",
-          width: "24",
-          children: _jsx("path", {
-            d: "M10.5 10q.625 0 1.062-.438Q12 9.125 12 8.5t-.438-1.062Q11.125 7 10.5 7t-1.062.438Q9 7.875 9 8.5t.438 1.062Q9.875 10 10.5 10Zm-2 5q.625 0 1.062-.438Q10 14.125 10 13.5t-.438-1.062Q9.125 12 8.5 12t-1.062.438Q7 12.875 7 13.5t.438 1.062Q7.875 15 8.5 15Zm6.5 1q.425 0 .713-.288Q16 15.425 16 15t-.287-.713Q15.425 14 15 14t-.712.287Q14 14.575 14 15t.288.712Q14.575 16 15 16Zm-3 6q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12q0-2.025.838-3.938Q3.675 6.15 5.163 4.7 6.65 3.25 8.7 2.5q2.05-.75 4.5-.45.375.05.575.312.2.263.225.713.05 1.6 1.188 2.737Q16.325 6.95 17.9 7q.525.025.8.3.275.275.3.85.05 1.05.638 1.725.587.675 1.637 1.025.35.125.537.362.188.238.188.588.05 2.075-.725 3.925-.775 1.85-2.125 3.237-1.35 1.388-3.2 2.188-1.85.8-3.95.8Zm0-2q3.05 0 5.413-2.1 2.362-2.1 2.587-5.35-1.25-.55-1.962-1.5-.713-.95-.963-2.125-1.925-.275-3.3-1.65-1.375-1.375-1.7-3.3-2-.05-3.513.725-1.512.775-2.524 1.987Q5.025 7.9 4.513 9.325 4 10.75 4 12q0 3.325 2.338 5.663Q8.675 20 12 20Zm0-8.1Z"
-          })
-        })
-      }), _jsxs("div", {
-        className: css.text,
-        children: [_jsx("div", {
-          className: css.title,
-          children: Messages.get(lang, isEnabled ? "cookie-consent-title" : "no-cookie-title")
-        }), isEnabled && _jsx("div", {
-          className: css.description,
-          dangerouslySetInnerHTML: {
-            __html: Messages.get(lang, "cookie-consent-text")
-          }
-        })]
-      }), _jsxs("div", {
-        className: css.buttons,
-        children: [isEnabled && _jsx(Button, {
-          className: css.button,
-          onClick: cookieAllowed(true),
-          children: Messages.get(lang, "cookie-consent-agree")
-        }), _jsx(Button, {
-          className: css.button,
-          onClick: cookieAllowed(false),
-          children: Messages.get(lang, isEnabled ? "cookie-consent-revoke" : "no-cookie-button")
-        })]
-      })]
-    })
-  }), document.body);
+    }, [isEnabled, mounted, updateConsent]);
+    React.useEffect(() => {
+        if (mounted) {
+            const runEffect = async () => {
+                if (consent && hotjar) {
+                    const { id, version = 6 } = hotjar;
+                    await Utils.loadHotjar(id, version);
+                }
+                else {
+                    const script = document.querySelector('[data-id="hotjar"]');
+                    if (script)
+                        script.remove();
+                }
+            };
+            runEffect();
+        }
+    }, [consent, mounted]);
+    if (!mounted)
+        return null;
+    const classes = classNames(css.banner, {
+        [css.opened]: consent === null,
+    });
+    return ReactDOM.createPortal(_jsx("div", { className: classes, children: _jsxs("div", { className: css.inner, children: [_jsx("div", { className: css.iconContainer, children: _jsx("svg", { className: css.icon, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", height: "24", width: "24", children: _jsx("path", { d: "M10.5 10q.625 0 1.062-.438Q12 9.125 12 8.5t-.438-1.062Q11.125 7 10.5 7t-1.062.438Q9 7.875 9 8.5t.438 1.062Q9.875 10 10.5 10Zm-2 5q.625 0 1.062-.438Q10 14.125 10 13.5t-.438-1.062Q9.125 12 8.5 12t-1.062.438Q7 12.875 7 13.5t.438 1.062Q7.875 15 8.5 15Zm6.5 1q.425 0 .713-.288Q16 15.425 16 15t-.287-.713Q15.425 14 15 14t-.712.287Q14 14.575 14 15t.288.712Q14.575 16 15 16Zm-3 6q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12q0-2.025.838-3.938Q3.675 6.15 5.163 4.7 6.65 3.25 8.7 2.5q2.05-.75 4.5-.45.375.05.575.312.2.263.225.713.05 1.6 1.188 2.737Q16.325 6.95 17.9 7q.525.025.8.3.275.275.3.85.05 1.05.638 1.725.587.675 1.637 1.025.35.125.537.362.188.238.188.588.05 2.075-.725 3.925-.775 1.85-2.125 3.237-1.35 1.388-3.2 2.188-1.85.8-3.95.8Zm0-2q3.05 0 5.413-2.1 2.362-2.1 2.587-5.35-1.25-.55-1.962-1.5-.713-.95-.963-2.125-1.925-.275-3.3-1.65-1.375-1.375-1.7-3.3-2-.05-3.513.725-1.512.775-2.524 1.987Q5.025 7.9 4.513 9.325 4 10.75 4 12q0 3.325 2.338 5.663Q8.675 20 12 20Zm0-8.1Z" }) }) }), _jsxs("div", { className: css.text, children: [_jsx("div", { className: css.title, children: Messages.get(lang, isEnabled ? "cookie-consent-title" : "no-cookie-title") }), isEnabled && (_jsx("div", { className: css.description, dangerouslySetInnerHTML: {
+                                __html: Messages.get(lang, "cookie-consent-text"),
+                            } }))] }), _jsxs("div", { className: css.buttons, children: [isEnabled && (_jsx(Button, { className: css.button, onClick: cookieAllowed(true), children: Messages.get(lang, "cookie-consent-agree") })), _jsx(Button, { className: css.button, onClick: cookieAllowed(false), children: Messages.get(lang, isEnabled ? "cookie-consent-revoke" : "no-cookie-button") })] })] }) }), document.body);
 };
 export const useCookieConsent = () => {
-  const [consent, setConsent] = React.useState(null);
-  const updateConsent = value => {
-    try {
-      if (value === null || value === undefined) {
-        window.localStorage.removeItem(COOKIE_STORAGE);
-      } else {
-        window.localStorage.setItem(COOKIE_STORAGE, value);
-      }
-      setConsent(value);
-    } catch (e) {
-      console.error(e);
-    }
-  };
-  React.useEffect(() => {
-    try {
-      const stored = window.localStorage.getItem(COOKIE_STORAGE);
-      const currentConsent = !stored ? null : Boolean(stored);
-      setConsent(currentConsent);
-    } catch (e) {
-      console.error(e);
-    }
-  }, [consent]);
-  return [consent, updateConsent];
+    const [consent, setConsent] = React.useState(null);
+    const updateConsent = (value) => {
+        try {
+            if (value === null || value === undefined) {
+                window.localStorage.removeItem(COOKIE_STORAGE);
+            }
+            else {
+                window.localStorage.setItem(COOKIE_STORAGE, value);
+            }
+            setConsent(value);
+        }
+        catch (e) {
+            console.error(e);
+        }
+    };
+    React.useEffect(() => {
+        try {
+            const stored = window.localStorage.getItem(COOKIE_STORAGE);
+            const currentConsent = !stored ? null : Boolean(stored);
+            setConsent(currentConsent);
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }, [consent]);
+    return [consent, updateConsent];
 };
-export default CookieConsent;
+export default CookieConsent;

package/es/common/components/cookie-consent/index.d.ts

@@ -0,0 +1,5 @@
+export { useCookieConsent };
+export default CookieConsent;
+import { useCookieConsent } from "./cookie-consent";
+import CookieConsent from "./cookie-consent";
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/cookie-consent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/cookie-consent/index.js"],"names":[],"mappings":";;iCAAgD,kBAAkB;0BAAlB,kBAAkB"}