@diplodoc/components 4.4.0 → 4.6.0

package/build/esm/hooks/useAnalytics.js

@@ -0,0 +1,80 @@
+"use client";
+
+// src/hooks/useAnalytics.ts
+import React from "react";
+import TagManager from "react-gtm-module";
+var useAnalytics = ({ gtmId, router, useConsent }) => {
+  const [gtmInitialized, setGtmInitialized] = React.useState(false);
+  const sendEvent = React.useCallback(
+    (data, force) => {
+      if (!useConsent && !force) {
+        return;
+      }
+      TagManager.dataLayer({ dataLayer: data });
+    },
+    [useConsent]
+  );
+  React.useEffect(() => {
+    if (!gtmId) {
+      return;
+    }
+    if (!gtmInitialized) {
+      TagManager.initialize({
+        gtmId,
+        dataLayer: []
+      });
+      setGtmInitialized(true);
+    }
+    sendEvent(
+      {
+        type: "consent",
+        action: "default",
+        params: {
+          analytics_storage: useConsent ? "granted" : "denied",
+          wait_for_update: useConsent ? 0 : Infinity
+        }
+      },
+      true
+    );
+    sendEvent(
+      {
+        event: "default_consent"
+      },
+      true
+    );
+  }, [gtmId, sendEvent]);
+  React.useEffect(() => {
+    if (!gtmInitialized) {
+      return;
+    }
+    sendEvent(
+      {
+        type: "consent",
+        action: "update",
+        params: {
+          analytics_storage: useConsent ? "granted" : "denied"
+        }
+      },
+      true
+    );
+  }, [useConsent]);
+  React.useEffect(() => {
+    if (!gtmInitialized) {
+      return;
+    }
+    sendEvent({
+      type: "config",
+      action: gtmId,
+      params: {
+        page_path: router.pathname
+      }
+    });
+  }, [gtmInitialized, sendEvent, gtmId, router.pathname]);
+  return {
+    sendEvent
+  };
+};
+export {
+  useAnalytics
+};
+//# sourceMappingURL=useAnalytics.js.map

package/build/esm/hooks/useAnalytics.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useAnalytics.ts"],
+  "sourcesContent": ["'use client';\n\nimport React from 'react';\n\nimport TagManager from 'react-gtm-module';\n\nimport type {Router} from '../models';\n\ntype GtagEventFunction = (\n    data: {\n        type?: string;\n        event?: string;\n        action?: string;\n        params?: Record<string, string | number | undefined>;\n    },\n    force?: boolean,\n) => void;\n\ndeclare global {\n    interface Window {\n        gtag: undefined | null | GtagEventFunction;\n    }\n}\n\nexport type AnalyticsParams = {\n    gtmId: string;\n    router: Router;\n    useConsent?: boolean;\n};\n\nexport const useAnalytics = ({gtmId, router, useConsent}: AnalyticsParams) => {\n    const [gtmInitialized, setGtmInitialized] = React.useState(false);\n\n    const sendEvent = React.useCallback<GtagEventFunction>(\n        (data, force) => {\n            if (!useConsent && !force) {\n                return;\n            }\n            TagManager.dataLayer({dataLayer: data});\n        },\n        [useConsent],\n    );\n\n    React.useEffect(() => {\n        if (!gtmId) {\n            return;\n        }\n        if (!gtmInitialized) {\n            TagManager.initialize({\n                gtmId,\n                dataLayer: [],\n            });\n            setGtmInitialized(true);\n        }\n        sendEvent(\n            {\n                type: 'consent',\n                action: 'default',\n                params: {\n                    analytics_storage: useConsent ? 'granted' : 'denied',\n                    wait_for_update: useConsent ? 0 : Infinity,\n                },\n            },\n            true,\n        );\n        sendEvent(\n            {\n                event: 'default_consent',\n            },\n            true,\n        );\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [gtmId, sendEvent]);\n\n    React.useEffect(() => {\n        if (!gtmInitialized) {\n            return;\n        }\n        sendEvent(\n            {\n                type: 'consent',\n                action: 'update',\n                params: {\n                    analytics_storage: useConsent ? 'granted' : 'denied',\n                },\n            },\n            true,\n        );\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [useConsent]);\n\n    React.useEffect(() => {\n        if (!gtmInitialized) {\n            return;\n        }\n        sendEvent({\n            type: 'config',\n            action: gtmId,\n            params: {\n                page_path: router.pathname,\n            },\n        });\n    }, [gtmInitialized, sendEvent, gtmId, router.pathname]);\n\n    return {\n        sendEvent,\n    };\n};\n"],
+  "mappings": ";;;AAEA,OAAO,WAAW;AAElB,OAAO,gBAAgB;AA0BhB,IAAM,eAAe,CAAC,EAAC,OAAO,QAAQ,WAAU,MAAuB;AAC1E,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAS,KAAK;AAEhE,QAAM,YAAY,MAAM;AAAA,IACpB,CAAC,MAAM,UAAU;AACb,UAAI,CAAC,cAAc,CAAC,OAAO;AACvB;AAAA,MACJ;AACA,iBAAW,UAAU,EAAC,WAAW,KAAI,CAAC;AAAA,IAC1C;AAAA,IACA,CAAC,UAAU;AAAA,EACf;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,CAAC,OAAO;AACR;AAAA,IACJ;AACA,QAAI,CAAC,gBAAgB;AACjB,iBAAW,WAAW;AAAA,QAClB;AAAA,QACA,WAAW,CAAC;AAAA,MAChB,CAAC;AACD,wBAAkB,IAAI;AAAA,IAC1B;AACA;AAAA,MACI;AAAA,QACI,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,UACJ,mBAAmB,aAAa,YAAY;AAAA,UAC5C,iBAAiB,aAAa,IAAI;AAAA,QACtC;AAAA,MACJ;AAAA,MACA;AAAA,IACJ;AACA;AAAA,MACI;AAAA,QACI,OAAO;AAAA,MACX;AAAA,MACA;AAAA,IACJ;AAAA,EAEJ,GAAG,CAAC,OAAO,SAAS,CAAC;AAErB,QAAM,UAAU,MAAM;AAClB,QAAI,CAAC,gBAAgB;AACjB;AAAA,IACJ;AACA;AAAA,MACI;AAAA,QACI,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,UACJ,mBAAmB,aAAa,YAAY;AAAA,QAChD;AAAA,MACJ;AAAA,MACA;AAAA,IACJ;AAAA,EAEJ,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,UAAU,MAAM;AAClB,QAAI,CAAC,gBAAgB;AACjB;AAAA,IACJ;AACA,cAAU;AAAA,MACN,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,QAAQ;AAAA,QACJ,WAAW,OAAO;AAAA,MACtB;AAAA,IACJ,CAAC;AAAA,EACL,GAAG,CAAC,gBAAgB,WAAW,OAAO,OAAO,QAAQ,CAAC;AAEtD,SAAO;AAAA,IACH;AAAA,EACJ;AACJ;",
+  "names": []
+}