ublo-lib 1.31.42 → 1.31.44

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

@@ -0,0 +1 @@
+export function fetchCart(cartId: any, lang: any, resort: any): Promise<any>;

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

@@ -1,20 +1,24 @@
-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)
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
-    return res.json();
-  } catch (err) {}
-};
+};
+const api = "https://widget.vente-en-ligne-esf.com/api";
+export const fetchCart = (cartId, lang, resort) => __awaiter(void 0, void 0, void 0, function* () {
+    const id = JSON.parse(cartId);
+    const payload = { cartId: id, lang, resort };
+    const endpoint = `${api}/esfplus/cart`;
+    try {
+        const res = yield 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;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -1,13 +1,8 @@
 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 <div className={css.pill}>{count}</div>;
 };
-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;
+}): React.JSX.Element;
+import * as React from "react";

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

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as React from "react";
 import classNames from "classnames";
 import getConfig from "next/config";
@@ -7,106 +16,68 @@ 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 = () => __awaiter(void 0, void 0, void 0, function* () {
+            const response = yield 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 (<>
+      <CartPill count={count}/>
+      <div className={classes} onClick={preventClick}>
+        {orders.map((order, i) => {
+            const { inscriptions = [], merchantName, price, total } = order;
+            return (<div key={i} className={css.entry}>
+              <div className={css.entryTitle}>
+                {merchantName}
+                <span className={css.entryPrice}>{total || price} €</span>
+              </div>
+              <div className={css.entryRows}>
+                {inscriptions.map((inscription, i) => {
+                    const { product, activity } = inscription;
+                    if (!product && !activity)
+                        return null;
+                    const { name, label } = product || activity;
+                    return (<p key={i} className={css.entryRow}>
+                      {name || label}
+                    </p>);
+                })}
+              </div>
+            </div>);
+        })}
+        <div className={css.total}>
+          <div className={css.totalTitle}>
+            Total <em>({count} produits)</em>
+          </div>
+          <div className={css.totalAmount}>{price} €</div>
+        </div>
+        <Button className={css.bottomButton} onClick={stopPropagation}>
+          Voir le panier
+        </Button>
+      </div>
+    </>);
 };
-export default CartPreview;
+export default CartPreview;

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

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

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,2 @@
+export function getOrders(orders: any, orderKeys?: string[]): any[];
+export function countInscriptions(cart: any): any;

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,9 @@
+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): React.JSX.Element;
+export {};

package/es/common/components/collapsible/collapsible.jsx

@@ -0,0 +1,51 @@
+import * as React from "react";
+import Button from "dt-design-system/es/button";
+import { motion } from "framer-motion";
+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";
+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(() => {
+        var _a, _b;
+        const parentHeight = (_a = parentRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight;
+        const childrenHeight = (_b = childrenRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight;
+        const isConnected = Cms.isConnected();
+        if (!isConnected && childrenHeight > parentHeight) {
+            setHasOverflow(true);
+        }
+    }, []);
+    return (<motion.div ref={parentRef} animate={{ height: opened || !hasOverflow ? "auto" : height }} initial={{ height }} className={classes} style={{ "--gradient-color": gradientColor }}>
+      <div ref={childrenRef}>{children}</div>
+      {hasOverflow && (<Button className={styles.message} onClick={toggleOpen}>
+          {message}
+          <Icon />
+        </Button>)}
+    </motion.div>);
+}

package/es/common/components/collapsible/{index.js → index.d.ts}

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

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

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

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

@@ -0,0 +1,7 @@
+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;

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

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import getConfig from "next/config";
@@ -6,120 +15,98 @@ 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);
+            }
+        }
+    }, [isEnabled, mounted, updateConsent]);
+    React.useEffect(() => {
+        if (mounted) {
+            const runEffect = () => __awaiter(void 0, void 0, void 0, function* () {
+                if (consent && hotjar) {
+                    const { id, version = 6 } = hotjar;
+                    yield Utils.loadHotjar(id, version);
+                }
+                else {
+                    const script = document.querySelector('[data-id="hotjar"]');
+                    if (script)
+                        script.remove();
+                }
+            });
+            runEffect();
         }
-      };
-      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);
+    }, [consent, mounted]);
+    if (!mounted)
+        return null;
+    const classes = classNames(css.banner, {
+        [css.opened]: consent === null,
+    });
+    return ReactDOM.createPortal(<div className={classes}>
+      <div className={css.inner}>
+        <div className={css.iconContainer}>
+          <svg className={css.icon} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24">
+            <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"/>
+          </svg>
+        </div>
+        <div className={css.text}>
+          <div className={css.title}>
+            {Messages.get(lang, isEnabled ? "cookie-consent-title" : "no-cookie-title")}
+          </div>
+          {isEnabled && (<div className={css.description} dangerouslySetInnerHTML={{
+                __html: Messages.get(lang, "cookie-consent-text"),
+            }}/>)}
+        </div>
+        <div className={css.buttons}>
+          {isEnabled && (<Button className={css.button} onClick={cookieAllowed(true)}>
+              {Messages.get(lang, "cookie-consent-agree")}
+            </Button>)}
+          <Button className={css.button} onClick={cookieAllowed(false)}>
+            {Messages.get(lang, isEnabled ? "cookie-consent-revoke" : "no-cookie-button")}
+          </Button>
+        </div>
+      </div>
+    </div>, 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) {
+            // eslint-disable-next-line no-console
+            console.error(e);
+        }
+    };
+    React.useEffect(() => {
+        try {
+            const stored = window.localStorage.getItem(COOKIE_STORAGE);
+            const currentConsent = !stored ? null : Boolean(stored);
+            setConsent(currentConsent);
+        }
+        catch (e) {
+            // eslint-disable-next-line no-console
+            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,4 @@
+export { useCookieConsent };
+export default CookieConsent;
+import { useCookieConsent } from "./cookie-consent";
+import CookieConsent from "./cookie-consent";

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

@@ -1,3 +1,3 @@
 import CookieConsent, { useCookieConsent } from "./cookie-consent";
 export { useCookieConsent };
-export default CookieConsent;
+export default CookieConsent;

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

@@ -0,0 +1 @@
+export function get(lang: any, message: any): any;