@uxf/analytics 10.1.0 → 10.1.1

package/gtm/index.d.ts

@@ -1,3 +1,4 @@
 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

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 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.0",
+  "version": "10.1.1",
   "description": "",
   "scripts": {
     "build": "tsc -P tsconfig.json",

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

@@ -2,5 +2,8 @@ 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

@@ -7,6 +7,9 @@ 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) {

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

@@ -0,0 +1 @@
+export declare const useGtmScript: (gtmId: string) => string;

package/src/gtm/use-gtm-script.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGtmScript = void 0;
+const consent_1 = require("../consent");
+const useGtmScript = (gtmId) => {
+    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 (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','${gtmId}');`);
+};
+exports.useGtmScript = useGtmScript;