ublo-lib 1.8.13 → 1.9.0

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

@@ -2,8 +2,9 @@ import * as React from "react";
 import * as ReactDOM from "react-dom";
 import getConfig from "next/config";
 import classnames from "classnames";
-import * as Messages from "./messages";
 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";
@@ -11,7 +12,8 @@ const {
   publicRuntimeConfig
 } = getConfig();
 const {
-  gaAccount
+  gaAccount,
+  hotjar
 } = publicRuntimeConfig;
 const COOKIE_STORAGE = "cookie_allowed";
 const CookieConsent = ({
@@ -20,7 +22,7 @@ const CookieConsent = ({
   updateConsent
 }) => {
   const [mounted, setMounted] = React.useState(false);
-  const isEnabled = Boolean(gaAccount);
+  const isEnabled = Boolean(gaAccount || hotjar);
   const cookieAllowed = value => () => {
     updateConsent(value);
   };
@@ -32,6 +34,24 @@ const CookieConsent = ({
       }
     }
   }, [isEnabled, mounted, updateConsent]);
+  React.useEffect(() => {
+    if (mounted) {
+      const runEffect = async () => {
+        if (consent) {
+          const {
+            id,
+            version
+          } = hotjar;
+          await Utils.loadHotjar(id, version);
+        } else {
+          const script = document.querySelector('data-id="hotjar"');
+          if (script) script.remove();
+          if ("hj" in window) delete window.hj;
+        }
+      };
+      runEffect();
+    }
+  }, [consent, mounted]);
   if (!mounted) return null;
   const classes = classnames(css.banner, {
     [css.opened]: consent === null

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

@@ -1,7 +1,7 @@
 const messages = {
   fr: {
     "cookie-consent-title": "Nous utilisons des cookies",
-    "cookie-consent-text": "Ce site utilise des cookies <b>uniquement pour mesurer l'audience</b> afin d'<b>améliorer</b> nos services. En cliquant sur « J’accepte » vous nous aidez à <b>faciliter votre expérience</b>.",
+    "cookie-consent-text": "Ce site utilise des cookies uniquement <b>pour mesurer l'audience</b> dans le but d'<b>améliorer</b> nos services. En cliquant sur « J'accepte » vous nous aidez à <b>faciliter votre expérience</b>.",
     "cookie-consent-revoke": "Je refuse",
     "cookie-consent-agree": "J'accepte",
     "no-cookie-title": "Nous n'utilisons plus de cookies",
@@ -9,7 +9,7 @@ const messages = {
   },
   en: {
     "cookie-consent-title": "We use cookies",
-    "cookie-consent-text": "This site uses cookies <b>to measure its audience</b>, and also to <b>improve</b> our services and <b>facilitate its use</b> by our customers. By clicking on « Got it » you <b>help us improve it</b>.",
+    "cookie-consent-text": "This site uses cookies only <b>to measure its audience</b>, and also to <b>improve</b> our services and <b>facilitate its use</b> by our customers. By clicking on « Got it » you <b>help us improve it</b>.",
     "cookie-consent-revoke": "Deny",
     "cookie-consent-agree": "Got it",
     "no-cookie-title": "We are no longer using cookies",

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

@@ -0,0 +1,21 @@
+export async function loadHotjar(id, version, debug = false) {
+  (function (h, o, t, j, a, r) {
+    h.hj = h.hj || function () {
+      (h.hj.q = h.hj.q || []).push(arguments);
+    };
+    h._hjSettings = {
+      hjid: id,
+      hjsv: version,
+      hjDebug: debug
+    };
+    h._scriptPath = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
+    if (!document.querySelector('script[src*="' + h._scriptPath + '"]')) {
+      a = o.getElementsByTagName("head")[0];
+      r = o.createElement("script");
+      r.async = 1;
+      r.src = h._scriptPath;
+      r["data-id"] = "hotjar";
+      a.appendChild(r);
+    }
+  })(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv=");
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.8.13",
+  "version": "1.9.0",
   "peerDependencies": {
     "dt-design-system": "^2.1.0",
     "next": "^12.0.0 || ^13.0.0",