aesirx-analytics 2.2.4 → 2.2.5

package/dist/{chunk-FKCTTU52.js → chunk-JH54YDTD.js}

@@ -381,7 +381,7 @@ import { createElement as createElement4 } from "react";
 import { useContext as useContext3 } from "react";
 
 // src/utils/AnalyticsContextProvider.tsx
-import React3, { useState as useState2 } from "react";
+import React3, { useRef as useRef2, useState as useState2 } from "react";
 
 // src/translations/dk/common.json
 var common_default = {
@@ -1093,11 +1093,13 @@ var AnalyticsContext = React3.createContext({
   event_uuid: void 0,
   visitor_uuid: void 0,
   setEventID: void 0,
-  setUUID: void 0
+  setUUID: void 0,
+  ref: void 0
 });
 var AnalyticsContextProvider = ({ children }) => {
   const [eventID, setEventID] = useState2();
   const [UUID, setUUID] = useState2();
+  const ref = useRef2();
   return /* @__PURE__ */ React3.createElement(
     AnalyticsContext.Provider,
     {
@@ -1105,7 +1107,8 @@ var AnalyticsContextProvider = ({ children }) => {
         event_uuid: eventID,
         visitor_uuid: UUID,
         setEventID,
-        setUUID
+        setUUID,
+        ref
       }
     },
     /* @__PURE__ */ React3.createElement(AesirXI18nextProvider, { appLanguages }, children)

package/dist/{chunk-AJMXPNA2.js → chunk-PHG7RB3K.js}

@@ -1,7 +1,7 @@
 import {
   AnalyticsContext,
   useTranslation
-} from "./chunk-FKCTTU52.js";
+} from "./chunk-JH54YDTD.js";
 
 // src/utils/consent.ts
 import { stringMessage } from "@concordium/react-components";
@@ -389,7 +389,7 @@ var useConsentStatus = (endpoint, props) => {
   }, [rpc]);
   useEffect(() => {
     const initConnector = async () => {
-      if (isDesktop && sessionStorage.getItem("aesirx-analytics-revoke") !== "1" && sessionStorage.getItem("aesirx-analytics-revoke") !== "2") {
+      if (isDesktop && sessionStorage.getItem("aesirx-analytics-revoke") !== "1" && sessionStorage.getItem("aesirx-analytics-revoke") !== "2" && sessionStorage.getItem("aesirx-analytics-rejected") !== "true") {
         if (window["concordium"]) {
           const address2 = await window["concordium"]?.requestAccounts() ?? [];
           if (window["concordium"] && address2?.length) {
@@ -406,7 +406,7 @@ var useConsentStatus = (endpoint, props) => {
       }
     };
     initConnector();
-  }, []);
+  }, [window["concordium"]]);
   useEffect(() => {
     if (activeConnector) {
       connect();
@@ -9328,6 +9328,11 @@ var css = `:root {
 .aesirxconsent .btn-success:hover {
   color: var(--aesirxconsent-white);
 }
+@media (max-width: 991.98px) {
+  .aesirxconsent .nav {
+    --aesirxconsent-nav-link-padding-y: 5px;
+  }
+}
 .aesirxconsent .toast {
   --aesirxconsent-toast-zindex: 1049;
   --aesirxconsent-toast-font-size: 16px;
@@ -9338,6 +9343,13 @@ var css = `:root {
   border: var(--aesirxconsent-toast-border-width) solid var(--aesirxconsent-toast-border-color);
   box-shadow: var(--aesirxconsent-toast-box-shadow);
   border-radius: var(--aesirxconsent-toast-border-radius);
+  max-height: 100vh;
+  overflow-y: auto;
+}
+@media (max-width: 991.98px) {
+  .aesirxconsent .toast .toast-body {
+    font-size: 14px;
+  }
 }
 @media (max-width: 991.98px) {
   .aesirxconsent .toast .toast-body button {
@@ -9383,16 +9395,16 @@ var css = `:root {
   background-color: #222328;
 }
 .aesirxconsent .toast.custom .status-tier.tier-1 {
-  background-color: #c8192e;
+  background-color: #F1C40F;
 }
 .aesirxconsent .toast.custom .status-tier.tier-2 {
-  background-color: #e67e22;
+  background-color: #E67E22;
 }
 .aesirxconsent .toast.custom .status-tier.tier-3 {
-  background-color: #ffc700;
+  background-color: #9B59B6;
 }
 .aesirxconsent .toast.custom .status-tier.tier-4 {
-  background-color: #1c9678;
+  background-color: #C8192E;
 }
 .aesirxconsent .toast-container {
   box-sizing: border-box;
@@ -9617,6 +9629,9 @@ var css = `:root {
     opacity: 0;
   }
 }
+.aesirxconsent .header-consent-bg {
+  background-color: #f8f9fd;
+}
 
 body.modal-open .aesirxconsent .offcanvas-backdrop,
 body.modal-sso-open .aesirxconsent .offcanvas-backdrop {
@@ -9689,7 +9704,7 @@ body.modal-sso-open .aesirxconsent .toast-container {
   background-color: var(--aesirxconsent-dark-bg-subtle);
 }
 [data-bs-theme=dark] .aesirxconsent .bg-white {
-  background-color: var(--aesirxconsent-light-bg-subtle);
+  background-color: var(--aesirxconsent-dark) !important;
 }
 [data-bs-theme=dark] .aesirxconsent .bg-light {
   background-color: var(--aesirxconsent-light-bg-subtle);
@@ -9702,6 +9717,17 @@ body.modal-sso-open .aesirxconsent .toast-container {
 }
 [data-bs-theme=dark] .aesirxconsent .minimize-shield-wrapper .text {
   color: #fff;
+}
+[data-bs-theme=dark] .aesirxconsent .header-consent-bg {
+  background-color: var(--aesirxconsent-light-bg-subtle);
+}
+[data-bs-theme=dark] .aesirxconsent .toast.custom .consent_info_tab .nav-item button.active {
+  color: #fff;
+  background-color: #1B233F;
+}
+[data-bs-theme=dark] .aesirxconsent .item_compliant {
+  background-color: #F0F3FB;
+  color: #222328;
 }`;
 document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
 
@@ -9798,11 +9824,8 @@ var TermsComponent = ({ children, level, handleLevel, isCustom = false }) => {
     (term, key) => term.level === level && /* @__PURE__ */ React.createElement(Fragment, { key }, /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: `rounded-top d-flex align-items-center justify-content-between p-3 fw-medium flex-wrap  ${isCustom ? "py-3 px-4" : "p-3 border-bottom bg-white"}`,
+        className: `rounded-top d-flex align-items-center justify-content-between p-2 p-lg-3 fw-medium flex-wrap  ${isCustom ? "py-2 py-lg-3 px-4 header-consent-bg" : "p-2 p-lg-3 border-bottom bg-white"}`,
         style: {
-          ...isCustom && {
-            backgroundColor: "#F8F9FD"
-          },
           ...isCustom && {
             borderBottom: "1px solid #DEDEDE"
           }
@@ -9816,15 +9839,15 @@ var TermsComponent = ({ children, level, handleLevel, isCustom = false }) => {
           src: bg_default
         }
       ), /* @__PURE__ */ React.createElement("div", { className: "minimize-shield position-relative z-2 py-2" }, /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }), t("txt_shield_of_privacy")))) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `status-tier tier-${term.level} rounded-circle` }), /* @__PURE__ */ React.createElement("div", { className: "status-tier-text" }, t(term.tier), " - ", t(term.levelname))))
-    ), /* @__PURE__ */ React.createElement("div", { className: `p-3 ${isCustom ? "pt-0" : ""} bg-white` }, isCustom ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React.createElement("div", { className: `pb-3 ${isCustom ? "pt-0" : ""} bg-white` }, isCustom ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       Tabs,
       {
         id: "consent_info_tab",
         activeKey: activeTab,
         onSelect: (k) => setActiveTab(k),
-        className: "mb-3 w-100 flex-nowrap consent_info_tab"
+        className: "mb-2 mb-lg-3 w-100 flex-nowrap consent_info_tab"
       },
-      /* @__PURE__ */ React.createElement(Tab, { eventKey: "consent", title: "Consent", className: "w-100" }, /* @__PURE__ */ React.createElement("p", { className: "mb-3" }, t("txt_consent_to_data")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "me-10px" }, t("txt_ethical_compliant")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement("div", { className: "item_compliant fw-semibold d-flex align-items-center text-dark" }, /* @__PURE__ */ React.createElement("img", { src: check_line_default, width: 24, height: 24 }), "GDPR"), /* @__PURE__ */ React.createElement("div", { className: "item_compliant fw-semibold d-flex align-items-center text-dark ms-10px" }, /* @__PURE__ */ React.createElement("img", { src: check_line_default, width: 24, height: 24 }), "CCPA"))), /* @__PURE__ */ React.createElement("div", { className: "fw-semibold mt-3 mb-0 text-dark" }, t("txt_your_current_level")), /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(Tab, { eventKey: "consent", title: "Consent", className: "w-100 px-3" }, /* @__PURE__ */ React.createElement("p", { className: "mb-2 mb-lg-3" }, t("txt_consent_to_data")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "me-10px" }, t("txt_ethical_compliant")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement("div", { className: "item_compliant fw-semibold d-flex align-items-center" }, /* @__PURE__ */ React.createElement("img", { src: check_line_default, width: 24, height: 24 }), "GDPR"), /* @__PURE__ */ React.createElement("div", { className: "item_compliant fw-semibold d-flex align-items-center ms-10px" }, /* @__PURE__ */ React.createElement("img", { src: check_line_default, width: 24, height: 24 }), "CCPA"))), /* @__PURE__ */ React.createElement("div", { className: "fw-semibold mt-2 mt-lg-3 mb-0 text-dark" }, t("txt_your_current_level")), /* @__PURE__ */ React.createElement(
         ConsentLevel,
         {
           level: term.level,
@@ -9834,7 +9857,7 @@ var TermsComponent = ({ children, level, handleLevel, isCustom = false }) => {
           content_custom: t(term.content_custom)
         }
       )),
-      /* @__PURE__ */ React.createElement(Tab, { eventKey: "detail", title: "Detail" }, /* @__PURE__ */ React.createElement("div", { className: "about_section" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("img", { src: check_circle_default, width: "14px", height: "15px" })), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(Tab, { eventKey: "detail", title: "Detail", className: "px-3" }, /* @__PURE__ */ React.createElement("div", { className: "about_section" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("img", { src: check_circle_default, width: "14px", height: "15px" })), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, /* @__PURE__ */ React.createElement(
         "div",
         {
           dangerouslySetInnerHTML: {
@@ -9898,7 +9921,7 @@ var TermsComponent = ({ children, level, handleLevel, isCustom = false }) => {
           content_custom: t("txt_tier_4_content_custom")
         }
       ))),
-      /* @__PURE__ */ React.createElement(Tab, { eventKey: "about", title: "About" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("img", { src: check_circle_default, width: "14px", height: "15px" })), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(Tab, { eventKey: "about", title: "About", className: "px-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-start" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("img", { src: check_circle_default, width: "14px", height: "15px" })), /* @__PURE__ */ React.createElement("div", { className: "ms-10px" }, /* @__PURE__ */ React.createElement(
         "div",
         {
           dangerouslySetInnerHTML: {
@@ -9934,7 +9957,7 @@ var TermsComponent = ({ children, level, handleLevel, isCustom = false }) => {
             })
           }
         }
-      ))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center mt-3 flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "me-10px" }, t("txt_ethical_compliant")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement("div", { className: "item_compliant fw-semibold d-flex align-items-center text-dark" }, /* @__PURE__ */ React.createElement("img", { src: check_line_default, width: 24, height: 24 }), "GDPR"), /* @__PURE__ */ React.createElement("div", { className: "item_compliant fw-semibold d-flex align-items-center text-dark ms-10px" }, /* @__PURE__ */ React.createElement("img", { src: check_line_default, width: 24, height: 24 }), "CCPA"))))
+      ))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center mt-3 flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "me-10px" }, t("txt_ethical_compliant")), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement("div", { className: "item_compliant fw-semibold d-flex align-items-center" }, /* @__PURE__ */ React.createElement("img", { src: check_line_default, width: 24, height: 24 }), "GDPR"), /* @__PURE__ */ React.createElement("div", { className: "item_compliant fw-semibold d-flex align-items-center ms-10px" }, /* @__PURE__ */ React.createElement("img", { src: check_line_default, width: 24, height: 24 }), "CCPA"))))
     )) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: "text-dark fw-medium" }, t(term.content)), " ", /* @__PURE__ */ React.createElement("span", { className: "" }, t(term.term)), /* @__PURE__ */ React.createElement("div", { className: "read-more d-flex justify-content-between align-items-center flex-wrap" }, term.upgrade && /* @__PURE__ */ React.createElement(
       "a",
       {
@@ -9954,17 +9977,17 @@ var TermsComponent = ({ children, level, handleLevel, isCustom = false }) => {
       !showReadmore ? t("txt_show_details") : t("txt_hide_details"),
       " ",
       /* @__PURE__ */ React.createElement("img", { src: arrow_default, className: `ms-1 ${showReadmore ? "revert" : ""}` })
-    )))), isCustom ? /* @__PURE__ */ React.createElement("div", { className: "rounded-bottom position-relative overflow-hidden text-white bg-white" }, /* @__PURE__ */ React.createElement("div", { className: "position-relative p-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, children))) : /* @__PURE__ */ React.createElement("div", { className: "rounded-bottom position-relative overflow-hidden text-white" }, /* @__PURE__ */ React.createElement("img", { className: "position-absolute h-100 w-100 object-fit-cover", src: bg_default }), /* @__PURE__ */ React.createElement(
+    )))), isCustom ? /* @__PURE__ */ React.createElement("div", { className: "rounded-bottom position-relative overflow-hidden text-white bg-white" }, /* @__PURE__ */ React.createElement("div", { className: "position-relative pt-2 pt-lg-3 p-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, children))) : /* @__PURE__ */ React.createElement("div", { className: "rounded-bottom position-relative overflow-hidden text-white" }, /* @__PURE__ */ React.createElement("img", { className: "position-absolute h-100 w-100 object-fit-cover", src: bg_default }), /* @__PURE__ */ React.createElement(
       "img",
       {
         className: "position-absolute h-100 w-100 object-fit-cover lightning flash-effect",
         src: bg_default
       }
-    ), /* @__PURE__ */ React.createElement("div", { className: "position-relative p-3" }, showReadmore && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "mb-3" }, term.upgrade && t(term.upgrade), t(term.upgradetext), /* @__PURE__ */ React.createElement("div", { className: "fs-14 fst-italic" }, "* ", t("txt_no_collect")))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "me-2" }, /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: t(term.name) }), " ", t("txt_shield_of_privacy")), children))))
+    ), /* @__PURE__ */ React.createElement("div", { className: "position-relative pt-2 pt-lg-3 p-3" }, showReadmore && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "mb-3" }, term.upgrade && t(term.upgrade), t(term.upgradetext), /* @__PURE__ */ React.createElement("div", { className: "fs-14 fst-italic" }, "* ", t("txt_no_collect")))), /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "me-2" }, /* @__PURE__ */ React.createElement("img", { src: privacy_default, alt: t(term.name) }), " ", t("txt_shield_of_privacy")), children))))
   ));
 };
 var ConsentLevel = ({ level, tier, levelname, term_custom, content_custom }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: "consent_level mt-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap mb-2" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement("div", { className: `status-tier tier-${level} rounded-circle` }), /* @__PURE__ */ React.createElement("div", { className: "status-tier-text fw-semibold fs-14 text-primary" }, tier, " - ", levelname)), /* @__PURE__ */ React.createElement("div", { className: "fw-semibold fs-14 text-primary" }, term_custom)), /* @__PURE__ */ React.createElement("div", null, content_custom));
+  return /* @__PURE__ */ React.createElement("div", { className: "consent_level mt-2 mt-lg-3" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap mb-2" }, /* @__PURE__ */ React.createElement("div", { className: "d-flex align-items-center" }, /* @__PURE__ */ React.createElement("div", { className: `status-tier tier-${level} rounded-circle` }), /* @__PURE__ */ React.createElement("div", { className: "status-tier-text fw-semibold fs-14 text-primary" }, tier, " - ", levelname)), /* @__PURE__ */ React.createElement("div", { className: "fw-semibold fs-14 text-primary" }, term_custom)), /* @__PURE__ */ React.createElement("div", null, content_custom));
 };
 
 // src/Assets/yes.svg

package/dist/index.d.ts

@@ -4,10 +4,12 @@ import { NextRouter } from 'next/router';
 interface AnalyticsNext {
     router: NextRouter;
     attributes: any;
-    customLayout?: boolean;
+    oldLayout?: boolean;
+    loginApp?: any;
+    isLoggedApp?: boolean;
     children?: ReactNode;
 }
-declare const AnalyticsNext: ({ router, attributes, customLayout, children }: AnalyticsNext) => React.JSX.Element;
+declare const AnalyticsNext: ({ router, attributes, oldLayout, loginApp, isLoggedApp, children, }: AnalyticsNext) => React.JSX.Element;
 
 interface AnalyticsReact {
     location: {
@@ -18,8 +20,9 @@ interface AnalyticsReact {
         replace: (_: object) => void;
     };
     children?: ReactNode;
+    oldLayout?: boolean;
 }
-declare const AnalyticsReact: ({ location, history, children }: AnalyticsReact) => React.JSX.Element;
+declare const AnalyticsReact: ({ location, history, oldLayout, children }: AnalyticsReact) => React.JSX.Element;
 
 declare const trackEvent: (endpoint: string, referer?: string, data?: object) => Promise<boolean>;
 
@@ -28,6 +31,7 @@ interface AnalyticsContextType {
     visitor_uuid: string;
     setEventID: Dispatch<SetStateAction<string>>;
     setUUID: Dispatch<SetStateAction<string>>;
+    ref: any;
 }
 declare const AnalyticsContext: React.Context<AnalyticsContextType>;
 

package/dist/index.js

@@ -1,7 +1,7 @@
 import {
   AnalyticsContext,
   AnalyticsContextProvider_default
-} from "./chunk-FKCTTU52.js";
+} from "./chunk-JH54YDTD.js";
 
 // src/AnalyticsNext/index.tsx
 import React2 from "react";
@@ -518,22 +518,33 @@ var handle_default = AnalyticsHandle;
 
 // src/AnalyticsNext/index.tsx
 import dynamic from "next/dynamic";
-var ConsentComponent = dynamic(() => import("./Consent-J6XDJB65.js"), { ssr: false });
-var ConsentComponentCustom = dynamic(() => import("./ConsentCustom-6YFZO4ZJ.js"), { ssr: false });
-var AnalyticsNext = ({ router, attributes, customLayout = false, children }) => {
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(AnalyticsContextProvider_default, null, /* @__PURE__ */ React2.createElement(handle_default, { router, attributes }, children, process.env.NEXT_PUBLIC_DISABLE_ANALYTICS_CONSENT !== "true" && /* @__PURE__ */ React2.createElement(React2.Fragment, null, customLayout ? /* @__PURE__ */ React2.createElement(
-    ConsentComponentCustom,
+var ConsentComponent = dynamic(() => import("./Consent-ZWVGMKB7.js"), { ssr: false });
+var ConsentComponentCustom = dynamic(() => import("./ConsentCustom-P3FMYMS3.js"), { ssr: false });
+var AnalyticsNext = ({
+  router,
+  attributes,
+  oldLayout = false,
+  loginApp,
+  isLoggedApp,
+  children
+}) => {
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(AnalyticsContextProvider_default, null, /* @__PURE__ */ React2.createElement(handle_default, { router, attributes }, children, process.env.NEXT_PUBLIC_DISABLE_ANALYTICS_CONSENT !== "true" && /* @__PURE__ */ React2.createElement(React2.Fragment, null, oldLayout ? /* @__PURE__ */ React2.createElement(
+    ConsentComponent,
     {
       endpoint: process.env.NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL,
       networkEnv: process.env.NEXT_PUBLIC_CONCORDIUM_NETWORK,
-      aesirXEndpoint: process.env.NEXT_PUBLIC_ENDPOINT_URL ?? "https://api.aesirx.io"
+      aesirXEndpoint: process.env.NEXT_PUBLIC_ENDPOINT_URL ?? "https://api.aesirx.io",
+      loginApp,
+      isLoggedApp
     }
   ) : /* @__PURE__ */ React2.createElement(
-    ConsentComponent,
+    ConsentComponentCustom,
     {
       endpoint: process.env.NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL,
       networkEnv: process.env.NEXT_PUBLIC_CONCORDIUM_NETWORK,
-      aesirXEndpoint: process.env.NEXT_PUBLIC_ENDPOINT_URL ?? "https://api.aesirx.io"
+      aesirXEndpoint: process.env.NEXT_PUBLIC_ENDPOINT_URL ?? "https://api.aesirx.io",
+      loginApp,
+      isLoggedApp
     }
   )))));
 };
@@ -579,15 +590,23 @@ var AnalyticsHandle2 = ({ location, history, children }) => {
 var handle_default2 = AnalyticsHandle2;
 
 // src/AnalyticsReact/index.tsx
-var ConsentComponent2 = React4.lazy(() => import("./Consent-J6XDJB65.js"));
-var AnalyticsReact = ({ location, history, children }) => {
-  return /* @__PURE__ */ React4.createElement(AnalyticsContextProvider_default, null, /* @__PURE__ */ React4.createElement(handle_default2, { location, history }, children, process.env.REACT_APP_DISABLE_ANALYTICS_CONSENT !== "true" && /* @__PURE__ */ React4.createElement(Suspense, { fallback: /* @__PURE__ */ React4.createElement(React4.Fragment, null) }, /* @__PURE__ */ React4.createElement(
+var ConsentComponent2 = React4.lazy(() => import("./Consent-ZWVGMKB7.js"));
+var ConsentComponentCustom2 = React4.lazy(() => import("./ConsentCustom-P3FMYMS3.js"));
+var AnalyticsReact = ({ location, history, oldLayout = false, children }) => {
+  return /* @__PURE__ */ React4.createElement(AnalyticsContextProvider_default, null, /* @__PURE__ */ React4.createElement(handle_default2, { location, history }, children, process.env.REACT_APP_DISABLE_ANALYTICS_CONSENT !== "true" && /* @__PURE__ */ React4.createElement(Suspense, { fallback: /* @__PURE__ */ React4.createElement(React4.Fragment, null) }, oldLayout ? /* @__PURE__ */ React4.createElement(
     ConsentComponent2,
     {
       endpoint: process.env.REACT_APP_ENDPOINT_ANALYTICS_URL,
       networkEnv: process.env.REACT_APP_CONCORDIUM_NETWORK,
       aesirXEndpoint: process.env.REACT_APP_ENDPOINT_URL ?? "https://api.aesirx.io"
     }
+  ) : /* @__PURE__ */ React4.createElement(
+    ConsentComponentCustom2,
+    {
+      endpoint: process.env.NEXT_PUBLIC_ENDPOINT_ANALYTICS_URL,
+      networkEnv: process.env.NEXT_PUBLIC_CONCORDIUM_NETWORK,
+      aesirXEndpoint: process.env.NEXT_PUBLIC_ENDPOINT_URL ?? "https://api.aesirx.io"
+    }
   ))));
 };
 var AnalyticsReact_default = AnalyticsReact;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aesirx-analytics",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "license": "GPL-3.0-only",
   "author": "AesirX",
   "repository": "https://gitlab.redweb.dk/aesirx/analytics",
@@ -21,13 +21,13 @@
     "buffer": "^6.0.3",
     "ethers": "^6.6.5",
     "i18next": "^23.6.0",
-    "i18next-browser-languagedetector": "^7.1.0",
+    "i18next-browser-languagedetector": "^7.2.1",
     "murmurhash-js": "^1.0.0",
     "next": "^14.1.0",
     "query-string": "^7.1.1",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-bootstrap": "^2.8.0",
-    "react-content-loader": "^6.2.1",
+    "react-content-loader": "^7.0.0",
     "react-device-detect": "^2.2.3",
     "react-dom": "18",
     "react-toastify": "^9.1.3",
@@ -63,13 +63,13 @@
     ]
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.21.5",
+    "@babel/preset-env": "^7.24.5",
     "@babel/preset-typescript": "^7.23.0",
     "@jest/globals": "^29.7.0",
     "@types/jest": "^29.5.0",
     "@types/murmurhash-js": "^1.0.3",
     "@types/node": "^20.8.0",
-    "@types/react": "^18.2.21",
+    "@types/react": "^18.3.1",
     "@types/react-dom": "^18.2.14",
     "@typescript-eslint/eslint-plugin": "^5.57.0",
     "@typescript-eslint/parser": "^5.57.0",