@diplodoc/components 5.18.0 → 5.18.2

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useAnalytics.ts"],
-  "sourcesContent": ["import type {Router} from '../models';\n\nimport React from 'react';\nimport TagManager from 'react-gtm-module';\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    consentMode?: 'base' | 'notification';\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;AAClB,OAAO,gBAAgB;AAyBhB,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;",
+  "sourcesContent": ["import type {Router} from '../models';\n\nimport React from 'react';\nimport TagManager from 'react-gtm-module';\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\n// There used to be a `declare global { interface Window { gtag: ... } }` here.\n// It was removed: this package never read `window.gtag` (analytics goes through\n// TagManager.dataLayer), and the type did not match the real gtag.js, whose\n// signature is (command, targetId, params). The global declaration overrode the\n// type of a browser API for every consumer of this package and broke correct\n// calls such as `window.gtag('config', id, {...})`.\n\nexport type AnalyticsParams = {\n    gtmId: string;\n    router: Router;\n    useConsent?: boolean;\n    consentMode?: 'base' | 'notification';\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;AAClB,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": []
 }