@uxf/analytics 10.1.1 → 10.4.0

package/README.md

@@ -36,6 +36,16 @@ import { readConsentFromCookie } from "@uxf/analytics/consent";
 const consent = readConsentFromCookie();
 ```
 
+### Check if cookie consent is set
+
+This checks if the consent is already stored in cookies.
+
+```tsx
+import { isConsentCookieSet } from "@uxf/analytics/consent";
+
+const isSet = isCookieConsentSet(); // boolean
+```
+
 ## GTM
 
 ### Initialize GTM
@@ -43,10 +53,12 @@ const consent = readConsentFromCookie();
 This reads the consent from cookie and initializes the GTM dataLayer.
 
 ```tsx
-import { GtmScript } from "@uxf/analytics/gtm";
+import { useGtmScript } from "@uxf/analytics/gtm";
+
+const gtmScript = useGtmScript("GTM-YOURID");
 
 // in your head component
-<GtmScript gtmId="GTM-YOURID" />
+<script dangerouslySetInnerHTML={{ __html: gtmScript }} />
 ```
 
 ### Update GTM consent

package/gtm/index.d.ts

@@ -1,4 +1,3 @@
-export * from "../src/gtm/gmt-script";
 export type * from "../src/gtm/types";
 export * from "../src/gtm/use-gtm-script";
 export * from "../src/gtm/utils";

package/gtm/index.js

@@ -14,6 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../src/gtm/gmt-script"), exports);
 __exportStar(require("../src/gtm/use-gtm-script"), exports);
 __exportStar(require("../src/gtm/utils"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/analytics",
-  "version": "10.1.1",
+  "version": "10.4.0",
   "description": "",
   "scripts": {
     "build": "tsc -P tsconfig.json",
@@ -15,7 +15,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@uxf/core": "10.0.0"
+    "@uxf/core": "10.4.0"
   },
   "peerDependencies": {
     "react": ">=18.0.2"

package/src/consent/index.d.ts

@@ -5,3 +5,4 @@ export type CookiesConsentType = {
 };
 export declare const storeConsentToCookie: (consent: CookiesConsentType) => void;
 export declare const readConsentFromCookie: (ctx?: any) => CookiesConsentType;
+export declare const isConsentCookieSet: (ctx?: any) => boolean;

package/src/consent/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.readConsentFromCookie = exports.storeConsentToCookie = void 0;
+exports.isConsentCookieSet = exports.readConsentFromCookie = exports.storeConsentToCookie = void 0;
 const cookie_1 = require("@uxf/core/cookie");
 const COOKIE_NAME = "cookieConsent";
 const storeConsentToCookie = (consent) => {
@@ -15,3 +15,11 @@ const readConsentFromCookie = (ctx) => {
     return JSON.parse(atob(cookieConsent || "") || "{}");
 };
 exports.readConsentFromCookie = readConsentFromCookie;
+const isConsentCookieSet = (ctx) => {
+    const cookieConsent = cookie_1.Cookie.create(ctx).get(COOKIE_NAME);
+    const parsedConsent = JSON.parse(atob(cookieConsent || "") || "{}");
+    return (typeof parsedConsent.ad_storage === "boolean" &&
+        typeof parsedConsent.analytics_storage === "boolean" &&
+        typeof parsedConsent.personalization_storage === "boolean");
+};
+exports.isConsentCookieSet = isConsentCookieSet;

package/src/gtm/gmt-script.d.ts

@@ -1,9 +0,0 @@
-import { FC } from "react";
-interface Props {
-    gtmId: string;
-}
-/**
- * @deprecated use useGtmScript hook instead
- */
-export declare const GtmScript: FC<Props>;
-export {};

package/src/gtm/gmt-script.js

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GtmScript = void 0;
-const useIsMounted_1 = require("@uxf/core/hooks/useIsMounted");
-const react_1 = __importDefault(require("react"));
-const consent_1 = require("../consent");
-/**
- * @deprecated use useGtmScript hook instead
- */
-const GtmScript = (props) => {
-    const isMounted = (0, useIsMounted_1.useIsMounted)();
-    if (!isMounted) {
-        return null;
-    }
-    const decodedCookie = (0, consent_1.readConsentFromCookie)();
-    const defaultGtmCookie = `
-        window.dataLayer = window.dataLayer || [];
-        if (typeof gtag !== "function") { function gtag(){dataLayer.push(arguments)}; }
-        gtag("consent", "default", {
-            'analytics_storage': '${decodedCookie.analytics_storage ? "granted" : "denied"}',
-            'ad_storage': '${decodedCookie.ad_storage ? "granted" : "denied"}',
-            'personalization_storage': '${decodedCookie.personalization_storage ? "granted" : "denied"}'}
-        );`;
-    return (react_1.default.createElement("script", { dangerouslySetInnerHTML: {
-            __html: defaultGtmCookie +
-                `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','${props.gtmId}');`,
-        } }));
-};
-exports.GtmScript = GtmScript;