aesirx-analytics 2.2.12 → 2.2.14

package/dist/index.d.ts

@@ -41,4 +41,15 @@ declare const AnalyticsContext: React.Context<AnalyticsContextType>;
  */
 declare const getFingerprint: () => string;
 
-export { AnalyticsContext, AnalyticsNext, AnalyticsReact, getFingerprint, trackEvent };
+interface Props {
+    show: boolean;
+    handleClose: () => void;
+}
+declare global {
+    interface Window {
+        funcAfterPaymentConsent: any;
+    }
+}
+declare const PaymentConsent: ({ show, handleClose }: Props) => React.JSX.Element;
+
+export { AnalyticsContext, AnalyticsNext, AnalyticsReact, PaymentConsent, getFingerprint, trackEvent };

package/dist/index.js

@@ -8,8 +8,11 @@ import {
 import {
   AnalyticsContext,
   AnalyticsContextProvider_default,
-  getConsentTemplate
-} from "./chunk-R4T7FUMB.js";
+  bg_default,
+  getConsentTemplate,
+  privacy_default,
+  useTranslation
+} from "./chunk-N4WREXIA.js";
 
 // src/AnalyticsNext/index.tsx
 import React2, { useEffect as useEffect2, useState as useState2 } from "react";
@@ -72,8 +75,8 @@ var handle_default = AnalyticsHandle;
 
 // src/AnalyticsNext/index.tsx
 import dynamic from "next/dynamic";
-var ConsentComponent = dynamic(() => import("./Consent-QTHZTQUK.js"), { ssr: false });
-var ConsentComponentCustom = dynamic(() => import("./ConsentCustom-HQ6RMLQ6.js"), { ssr: false });
+var ConsentComponent = dynamic(() => import("./Consent-VTHZ6KB6.js"), { ssr: false });
+var ConsentComponentCustom = dynamic(() => import("./ConsentCustom-VIQCBSAX.js"), { ssr: false });
 var AnalyticsNext = ({
   router,
   attributes,
@@ -164,8 +167,8 @@ var AnalyticsHandle2 = ({ location, history, children }) => {
 var handle_default2 = AnalyticsHandle2;
 
 // src/AnalyticsReact/index.tsx
-var ConsentComponent2 = React4.lazy(() => import("./Consent-QTHZTQUK.js"));
-var ConsentComponentCustom2 = React4.lazy(() => import("./ConsentCustom-HQ6RMLQ6.js"));
+var ConsentComponent2 = React4.lazy(() => import("./Consent-VTHZ6KB6.js"));
+var ConsentComponentCustom2 = React4.lazy(() => import("./ConsentCustom-VIQCBSAX.js"));
 var AnalyticsReact = ({ location, history, oldLayout = false, children }) => {
   const [layout, setLayout] = useState3(process.env.REACT_APP_CONSENT_LAYOUT ?? "simple-web-2");
   const [gtagId, setGtagId] = useState3(process.env.REACT_APP_ANALYTICS_GTAG_ID);
@@ -204,10 +207,97 @@ var AnalyticsReact = ({ location, history, oldLayout = false, children }) => {
   ))));
 };
 var AnalyticsReact_default = AnalyticsReact;
+
+// src/Components/PaymentConsent.tsx
+import React5, { useEffect as useEffect5 } from "react";
+import { Button } from "react-bootstrap";
+var PaymentConsent = ({ show = false, handleClose }) => {
+  const { t } = useTranslation();
+  const handleConsent = () => {
+    sessionStorage.setItem("aesirx-analytics-payment", "true");
+    window?.funcAfterPaymentConsent && window.funcAfterPaymentConsent();
+    handleClose();
+  };
+  useEffect5(() => {
+    if (sessionStorage.getItem("aesirx-analytics-payment") === "true") {
+      window.funcAfterPaymentConsent && window.funcAfterPaymentConsent();
+    }
+  }, []);
+  return /* @__PURE__ */ React5.createElement("div", { className: "aesirxconsent" }, /* @__PURE__ */ React5.createElement(
+    "div",
+    {
+      tabIndex: -1,
+      className: `toast-container position-fixed m-md-3 ${show ? "top-50 start-50 translate-middle" : "bottom-0 end-0 opacity-0"}`
+    },
+    /* @__PURE__ */ React5.createElement("div", { className: `toast payment-consent ${show ? "show" : ""} custom` }, /* @__PURE__ */ React5.createElement("div", { className: "toast-body p-0 shadow mx-3 mx-md-0" }, /* @__PURE__ */ React5.createElement("div", { className: "bg-white" }, /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        className: `d-flex rounded-top align-items-center justify-content-between p-2 p-lg-3 fw-medium flex-wrap py-2 py-lg-3 px-4 header-consent-bg`,
+        style: {
+          borderBottom: "1px solid #DEDEDE"
+        }
+      },
+      /* @__PURE__ */ React5.createElement("div", { className: "text-primary text-nowrap" }, t("txt_tracking_data_privacy")),
+      /* @__PURE__ */ React5.createElement("div", { className: "d-flex align-items-center fs-14 text-primary" }, /* @__PURE__ */ React5.createElement(
+        "a",
+        {
+          href: "https://shield.aesirx.io/",
+          rel: "noreferrer",
+          target: "_blank",
+          className: "minimize-shield-wrapper position-relative text-decoration-none"
+        },
+        /* @__PURE__ */ React5.createElement(
+          "img",
+          {
+            className: "cover-img position-absolute h-100 w-100 object-fit-cover z-1",
+            src: bg_default
+          }
+        ),
+        /* @__PURE__ */ React5.createElement("div", { className: "minimize-shield position-relative z-2 py-2" }, /* @__PURE__ */ React5.createElement("img", { src: privacy_default, alt: "Shield of Privacy" }), t("txt_shield_of_privacy"))
+      ))
+    ), /* @__PURE__ */ React5.createElement("div", { className: "p-4 pt-3 pb-0 bg-white" }, /* @__PURE__ */ React5.createElement("p", { className: "fw-semibold lh-160 text-primary mb-2" }, t("txt_payment_notice")), /* @__PURE__ */ React5.createElement("div", { className: "text-primary lh-160" }, t("txt_payment_1"), /* @__PURE__ */ React5.createElement("br", null), /* @__PURE__ */ React5.createElement("br", null), /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        dangerouslySetInnerHTML: {
+          __html: t("txt_payment_2", {
+            interpolation: { escapeValue: false }
+          })
+        }
+      }
+    ), /* @__PURE__ */ React5.createElement("br", null), t("txt_payment_3"), /* @__PURE__ */ React5.createElement("br", null), /* @__PURE__ */ React5.createElement("br", null), /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        dangerouslySetInnerHTML: {
+          __html: t("txt_payment_4", {
+            interpolation: { escapeValue: false }
+          })
+        }
+      }
+    ))), /* @__PURE__ */ React5.createElement("div", { className: "rounded-bottom position-relative overflow-hidden text-white bg-white" }, /* @__PURE__ */ React5.createElement("div", { className: "position-relative pt-2 pt-lg-3 p-3" }, /* @__PURE__ */ React5.createElement("div", { className: "d-flex align-items-center justify-content-between flex-wrap" }, /* @__PURE__ */ React5.createElement(
+      Button,
+      {
+        onClick: handleClose,
+        variant: "outline-success",
+        className: "border-2 fs-7 fw-bold text-primary rounded-pill py-13px px-5rem"
+      },
+      t("txt_reject_consent")
+    ), /* @__PURE__ */ React5.createElement(
+      Button,
+      {
+        onClick: handleConsent,
+        variant: "outline-success",
+        className: "border-2 fs-7 fw-bold text-primary rounded-pill py-13px px-5rem"
+      },
+      t("txt_yes_i_consent")
+    )))))))
+  ));
+};
+var PaymentConsent_default = PaymentConsent;
 export {
   AnalyticsContext,
   AnalyticsNext_default as AnalyticsNext,
   AnalyticsReact_default as AnalyticsReact,
+  PaymentConsent_default as PaymentConsent,
   fingerprint_default as getFingerprint,
   trackEvent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aesirx-analytics",
-  "version": "2.2.12",
+  "version": "2.2.14",
   "license": "GPL-3.0-only",
   "author": "AesirX",
   "repository": "https://gitlab.redweb.dk/aesirx/analytics",
@@ -14,7 +14,7 @@
     "@concordium/web-sdk": "^7.0.4-rc.3",
     "@web3modal/ethereum": "^2.7.0",
     "@web3modal/react": "^2.7.0",
-    "aesirx-sso": "^1.4.12",
+    "aesirx-sso": "^1.4.13",
     "axios": "^1.6.0",
     "bootstrap": "^5.3.2",
     "bowser": "^2.11.0",
@@ -66,7 +66,7 @@
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-typescript": "^7.23.0",
     "@jest/globals": "^29.7.0",
-    "@types/jest": "^29.5.0",
+    "@types/jest": "^29.5.12",
     "@types/murmurhash-js": "^1.0.3",
     "@types/node": "^20.8.0",
     "@types/react": "^18.3.1",
@@ -80,7 +80,7 @@
     "esbuild-scss-modules-plugin": "^1.1.1",
     "eslint": "^8.48.0",
     "eslint-plugin-react": "^7.33.2",
-    "jest": "^29.4.3",
+    "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.4.3",
     "node-fetch": "^3.3.1",
     "prettier": "^3.0.3",