@jetshop/core 5.13.2 → 5.13.10-0

package/analytics/Analytics.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import { TrackingFunctionContext } from '@jetshop/core/analytics/tracking';
-export interface TrackingEvent {
-    name: string;
-    payload?: any;
-    id: string;
-}
-export declare type TrackingCallback = (context: TrackingFunctionContext) => void;
-export declare type LegacyTrackingFunction = (cb: TrackingCallback) => void;
-export interface AnalyticsProps {
-    children?: (track: LegacyTrackingFunction) => React.ReactNode;
-    event?: TrackingEvent;
-}
-declare function Analytics(props: AnalyticsProps): any;
-export declare type TrackingFunction = (event: TrackingEvent) => void;
-declare function useTracker(): TrackingFunction;
-export default Analytics;
-export { useTracker };
+/// <reference types="react" />
+import { TrackingFunctionContext } from '@jetshop/core/analytics/tracking';
+export interface TrackingEvent {
+    name: string;
+    payload?: any;
+    id: string;
+}
+export declare type TrackingCallback = (context: TrackingFunctionContext) => void;
+export declare type LegacyTrackingFunction = (cb: TrackingCallback) => void;
+export interface AnalyticsProps {
+    children?: (track: LegacyTrackingFunction) => React.ReactNode;
+    event?: TrackingEvent;
+}
+declare function Analytics(props: AnalyticsProps): any;
+export declare type TrackingFunction = (event: TrackingEvent) => void;
+declare function useTracker(): TrackingFunction;
+export default Analytics;
+export { useTracker };

package/analytics/Analytics.js

@@ -1,57 +1,57 @@
-import { AnalyticsContext } from '@jetshop/core/analytics/AnalyticsProvider';
-import { useContext, useEffect, useCallback, useRef } from 'react';
-import throwErrorInDev from '../helpers/throwErrorInDev';
-import { useLocation } from 'react-router';
-function Analytics(props) {
-    const track = useTracker();
-    useEffect(() => {
-        if (props.event) {
-            track(props.event);
-        }
-        // Here be dragons!
-        // Optimally we would pass track and props.track here, to make sure this
-        // effect runs if the props change. However, props.track returns a new
-        // function every time, so it always differs, and this effect runs multiple
-        // times <Analytics track={trackProduct({ action: 'view', product })} /> To
-        // fix this, the object passed to trackProduct would need to be memoized,
-        // but we can't rely on design partners doing that correctly…
-        // eslint-disable-next-line
-    }, [track]);
-    if (!props.children)
-        return null;
-    return props.children;
-}
-function useTracker() {
-    const { trackerRegistry, config } = useContext(AnalyticsContext);
-    const location = useLocation();
-    const locationState = useRef(location.state);
-    return useCallback(({ name, payload, id }) => {
-        try {
-            if (typeof name !== 'string') {
-                throw new Error('"name" is required');
-            }
-            // Please fix me
-            if (!config.trackingAllowed) {
-                payload === null || payload === void 0 ? void 0 : payload.callback();
-                return null;
-            }
-            const context = {
-                trackerRegistry,
-                list: locationState.current ? locationState.current.list : null,
-                emit: (str, payload) => {
-                    trackerRegistry.emit(str, payload, context, id);
-                }
-            };
-            trackerRegistry.emit(name, payload, context, id);
-        }
-        catch (err) {
-            throwErrorInDev(true, `Analytics error on "${name}"-event:`, {
-                err,
-                payload
-            });
-        }
-    }, [trackerRegistry, config.trackingAllowed]);
-}
-export default Analytics;
-export { useTracker };
+import { AnalyticsContext } from '@jetshop/core/analytics/AnalyticsProvider';
+import { useContext, useEffect, useCallback, useRef } from 'react';
+import throwErrorInDev from '../helpers/throwErrorInDev';
+import { useLocation } from 'react-router';
+function Analytics(props) {
+    const track = useTracker();
+    useEffect(() => {
+        if (props.event) {
+            track(props.event);
+        }
+        // Here be dragons!
+        // Optimally we would pass track and props.track here, to make sure this
+        // effect runs if the props change. However, props.track returns a new
+        // function every time, so it always differs, and this effect runs multiple
+        // times <Analytics track={trackProduct({ action: 'view', product })} /> To
+        // fix this, the object passed to trackProduct would need to be memoized,
+        // but we can't rely on design partners doing that correctly…
+        // eslint-disable-next-line
+    }, [track]);
+    if (!props.children)
+        return null;
+    return props.children;
+}
+function useTracker() {
+    const { trackerRegistry, config } = useContext(AnalyticsContext);
+    const location = useLocation();
+    const locationState = useRef(location.state);
+    return useCallback(({ name, payload, id }) => {
+        try {
+            if (typeof name !== 'string') {
+                throw new Error('"name" is required');
+            }
+            // Please fix me
+            if (!config.trackingAllowed) {
+                (payload === null || payload === void 0 ? void 0 : payload.callback) && (payload === null || payload === void 0 ? void 0 : payload.callback());
+                return null;
+            }
+            const context = {
+                trackerRegistry,
+                list: locationState.current ? locationState.current.list : null,
+                emit: (str, payload) => {
+                    trackerRegistry.emit(str, payload, context, id);
+                }
+            };
+            trackerRegistry.emit(name, payload, context, id);
+        }
+        catch (err) {
+            throwErrorInDev(true, `Analytics error on "${name}"-event:`, {
+                err,
+                payload
+            });
+        }
+    }, [trackerRegistry, config.trackingAllowed]);
+}
+export default Analytics;
+export { useTracker };
 //# sourceMappingURL=Analytics.js.map

package/analytics/Analytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"Analytics.js","sourceRoot":"","sources":["Analytics.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAe3C,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACpB;QAED,mBAAmB;QACnB,wEAAwE;QACxE,sEAAsE;QACtE,2EAA2E;QAC3E,2EAA2E;QAC3E,yEAAyE;QACzE,6DAA6D;QAE7D,2BAA2B;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,CAAC,KAAK,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAEjC,OAAO,KAAK,CAAC,QAAQ,CAAC;AACxB,CAAC;AAID,SAAS,UAAU;IACjB,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,WAAW,CAChB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE;QACxB,IAAI;YACF,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBAC5B,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;aACvC;YAED,gBAAgB;YAChB,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE;gBAC3B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAC;gBACpB,OAAO,IAAI,CAAC;aACb;YAED,MAAM,OAAO,GAA4B;gBACvC,eAAe;gBACf,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;gBAC/D,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;oBACrB,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;gBAClD,CAAC;aACF,CAAC;YACF,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;SAClD;QAAC,OAAO,GAAG,EAAE;YACZ,eAAe,CAAC,IAAI,EAAE,uBAAuB,IAAI,UAAU,EAAE;gBAC3D,GAAG;gBACH,OAAO;aACR,CAAC,CAAC;SACJ;IACH,CAAC,EACD,CAAC,eAAe,EAAE,MAAM,CAAC,eAAe,CAAC,CAC1C,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Analytics.js","sourceRoot":"","sources":["Analytics.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAe3C,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;SACpB;QAED,mBAAmB;QACnB,wEAAwE;QACxE,sEAAsE;QACtE,2EAA2E;QAC3E,2EAA2E;QAC3E,yEAAyE;QACzE,6DAA6D;QAE7D,2BAA2B;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,CAAC,KAAK,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAEjC,OAAO,KAAK,CAAC,QAAQ,CAAC;AACxB,CAAC;AAID,SAAS,UAAU;IACjB,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,WAAW,CAChB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE;QACxB,IAAI;YACF,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBAC5B,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;aACvC;YAED,gBAAgB;YAChB,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE;gBAC3B,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,CAAC;gBACzC,OAAO,IAAI,CAAC;aACb;YAED,MAAM,OAAO,GAA4B;gBACvC,eAAe;gBACf,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;gBAC/D,IAAI,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;oBACrB,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;gBAClD,CAAC;aACF,CAAC;YACF,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;SAClD;QAAC,OAAO,GAAG,EAAE;YACZ,eAAe,CAAC,IAAI,EAAE,uBAAuB,IAAI,UAAU,EAAE;gBAC3D,GAAG;gBACH,OAAO;aACR,CAAC,CAAC;SACJ;IACH,CAAC,EACD,CAAC,eAAe,EAAE,MAAM,CAAC,eAAe,CAAC,CAC1C,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/analytics/AnalyticsProvider.d.ts

@@ -1,42 +1,42 @@
-import React, { Context } from 'react';
-import { SelectedChannel } from '../components/ChannelContext/ChannelContext';
-import { BootOptions } from '../components/ConfigProvider';
-import { TrackerRegistry } from './trackerRegistry';
-import { Scalars } from '../types';
-export interface AnalyticsConfigReleware {
-    enabled: boolean;
-    baseUrl: Scalars['Uri'];
-    uid?: string;
-}
-export interface AnalyticsConfig {
-    gtag: {
-        trackingId: string;
-        useArticleNumberAsId?: boolean;
-        additionalGtagTrackingIds: string[];
-    };
-    gtm: {
-        containerId: string;
-    };
-    releware?: AnalyticsConfigReleware;
-    trackingAllowed: boolean;
-}
-export interface AnalyticsProviderContext {
-    config: AnalyticsConfig;
-    trackerRegistry: TrackerRegistry;
-}
-export declare const AnalyticsContext: Context<AnalyticsProviderContext>;
-export interface AnalyticsProviderProps {
-    releware?: AnalyticsConfigReleware;
-}
-export declare const getFacebookCapi: (selectedChannel: SelectedChannel) => {
-    token: string;
-    pixelId: string;
-};
-export declare const getGoogleAnalytics: (config: BootOptions, selectedChannel: SelectedChannel) => {
-    trackingID: string;
-    useArticleNumberAsId: boolean;
-    tagManagerID: string;
-    additionalGtagTrackingIds: string[];
-};
-declare const AnalyticsProvider: React.FC<AnalyticsProviderProps>;
-export default AnalyticsProvider;
+import React, { Context } from 'react';
+import { SelectedChannel } from '../components/ChannelContext/ChannelContext';
+import { BootOptions } from '../components/ConfigProvider';
+import { TrackerRegistry } from './trackerRegistry';
+import { Scalars } from '../types';
+export interface AnalyticsConfigReleware {
+    enabled: boolean;
+    baseUrl: Scalars['Uri'];
+    uid?: string;
+}
+export interface AnalyticsConfig {
+    gtag: {
+        trackingId: string;
+        useArticleNumberAsId?: boolean;
+        additionalGtagTrackingIds: string[];
+    };
+    gtm: {
+        containerId: string;
+    };
+    releware?: AnalyticsConfigReleware;
+    trackingAllowed: boolean;
+}
+export interface AnalyticsProviderContext {
+    config: AnalyticsConfig;
+    trackerRegistry: TrackerRegistry;
+}
+export declare const AnalyticsContext: Context<AnalyticsProviderContext>;
+export interface AnalyticsProviderProps {
+    releware?: AnalyticsConfigReleware;
+}
+export declare const getFacebookCapi: (selectedChannel: SelectedChannel) => {
+    token: string;
+    pixelId: string;
+};
+export declare const getGoogleAnalytics: (config: BootOptions, selectedChannel: SelectedChannel) => {
+    trackingID: string;
+    useArticleNumberAsId: boolean;
+    tagManagerID: string;
+    additionalGtagTrackingIds: string[];
+};
+declare const AnalyticsProvider: React.FC<AnalyticsProviderProps>;
+export default AnalyticsProvider;

package/analytics/AnalyticsProvider.js

@@ -1,178 +1,178 @@
-import React, { createContext, useContext, useMemo } from 'react';
-import ChannelContext from '../components/ChannelContext';
-import { useShopConfig } from '../hooks/useShopConfig';
-import { gtagTracker } from './integrations/gtag';
-import { gtmTracker } from './integrations/gtm';
-import { referrerModifier } from './integrations/gtm/referrerModifier';
-import { relewareTracker } from './integrations/releware';
-import { createServerTracker, trackerRegistry } from './trackerRegistry';
-import { Helmet } from 'react-helmet-async';
-import { usePreconnectLinks } from '../hooks/usePreconnectLinks';
-import { ga4Tracker } from './integrations/ga4';
-function isMSExternal(external) {
-    return 'msTrackingProtectionEnabled' in external;
-}
-const initialAnalyticsConfig = {
-    gtag: {
-        trackingId: null,
-        useArticleNumberAsId: false,
-        additionalGtagTrackingIds: null
-    },
-    gtm: { containerId: null },
-    releware: {
-        enabled: false,
-        baseUrl: null,
-        uid: null
-    },
-    trackingAllowed: false
-};
-export const AnalyticsContext = createContext({
-    config: initialAnalyticsConfig,
-    trackerRegistry: null
-});
-export const getFacebookCapi = (selectedChannel) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    let token, pixelId;
-    if (((_c = (_b = (_a = selectedChannel.settings) === null || _a === void 0 ? void 0 : _a.tracking) === null || _b === void 0 ? void 0 : _b.fca) === null || _c === void 0 ? void 0 : _c.accessToken) &&
-        ((_f = (_e = (_d = selectedChannel.settings) === null || _d === void 0 ? void 0 : _d.tracking) === null || _e === void 0 ? void 0 : _e.fca) === null || _f === void 0 ? void 0 : _f.pixelId)) {
-        token = (_j = (_h = (_g = selectedChannel.settings) === null || _g === void 0 ? void 0 : _g.tracking) === null || _h === void 0 ? void 0 : _h.fca) === null || _j === void 0 ? void 0 : _j.accessToken;
-        pixelId = (_m = (_l = (_k = selectedChannel.settings) === null || _k === void 0 ? void 0 : _k.tracking) === null || _l === void 0 ? void 0 : _l.fca) === null || _m === void 0 ? void 0 : _m.pixelId;
-    }
-    return {
-        token,
-        pixelId
-    };
-};
-export const getGoogleAnalytics = (config, selectedChannel) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    // Channel overrides are used in order to support channel specific overrides for certain shop config variables. You can read more here: https://docs.dev.jetshop.se/features/shop-config#other-options
-    const channelOverrides = config.channelOverrides
-        ? config.channelOverrides[selectedChannel.name]
-        : {};
-    let { trackingID, tagManagerID, useArticleNumberAsId, 
-    // eslint-disable-next-line prefer-const
-    additionalGtagTrackingIds } = Object.assign(Object.assign({}, config), channelOverrides);
-    if ((_c = (_b = (_a = selectedChannel.settings) === null || _a === void 0 ? void 0 : _a.tracking) === null || _b === void 0 ? void 0 : _b.ga) === null || _c === void 0 ? void 0 : _c.trackingId) {
-        trackingID = selectedChannel.settings.tracking.ga.trackingId;
-    }
-    if ((_f = (_e = (_d = selectedChannel.settings) === null || _d === void 0 ? void 0 : _d.tracking) === null || _e === void 0 ? void 0 : _e.ga) === null || _f === void 0 ? void 0 : _f.useArticleNumberAsId) {
-        useArticleNumberAsId =
-            selectedChannel.settings.tracking.ga.useArticleNumberAsId;
-    }
-    if ((_j = (_h = (_g = selectedChannel.settings) === null || _g === void 0 ? void 0 : _g.tracking) === null || _h === void 0 ? void 0 : _h.gtm) === null || _j === void 0 ? void 0 : _j.containerId) {
-        tagManagerID = selectedChannel.settings.tracking.gtm.containerId;
-    }
-    return {
-        trackingID,
-        useArticleNumberAsId,
-        tagManagerID,
-        additionalGtagTrackingIds
-    };
-};
-const AnalyticsProvider = function AnalyticsProvider(props) {
-    const shopConfig = useShopConfig();
-    const { selectedChannel } = useContext(ChannelContext);
-    const { tagManagerID, trackingID, useArticleNumberAsId, additionalGtagTrackingIds } = getGoogleAnalytics(shopConfig, selectedChannel);
-    const { pixelId, token } = getFacebookCapi(selectedChannel);
-    const trackingAllowed = allowsTrackingWithDNT();
-    const analyticsConfig = React.useMemo(() => ({
-        gtag: {
-            trackingId: trackingID,
-            additionalGtagTrackingIds: additionalGtagTrackingIds,
-            useArticleNumberAsId: useArticleNumberAsId
-        },
-        gtm: {
-            containerId: tagManagerID
-        },
-        releware: props.releware,
-        trackingAllowed: trackingAllowed
-    }), [
-        props.releware,
-        tagManagerID,
-        trackingID,
-        additionalGtagTrackingIds,
-        useArticleNumberAsId,
-        trackingAllowed
-    ]);
-    const { gtm, gtag, releware } = analyticsConfig;
-    const registry = useMemo(() => trackerRegistry({
-        config: analyticsConfig,
-        inServer: __IN_SERVER__
-    }), [analyticsConfig]);
-    if (gtag === null || gtag === void 0 ? void 0 : gtag.trackingId) {
-        if (shopConfig.ga4) {
-            registry.add(ga4Tracker({
-                currency: selectedChannel.currency.format.code,
-                trackingId: gtag.trackingId,
-                additionalGtagTrackingIds: gtag.additionalGtagTrackingIds,
-                brandCustomField: shopConfig.brandCustomField,
-                useArticleNumberAsId: gtag.useArticleNumberAsId
-            }));
-        }
-        else {
-            registry.add(gtagTracker({
-                currency: selectedChannel.currency.format.code,
-                trackingId: gtag.trackingId,
-                additionalGtagTrackingIds: gtag.additionalGtagTrackingIds,
-                brandCustomField: shopConfig.brandCustomField,
-                useArticleNumberAsId: gtag.useArticleNumberAsId
-            }));
-        }
-    }
-    if (releware === null || releware === void 0 ? void 0 : releware.enabled) {
-        registry.add(relewareTracker(releware));
-    }
-    if (gtm === null || gtm === void 0 ? void 0 : gtm.containerId) {
-        referrerModifier(trackingID);
-        registry.add(gtmTracker({
-            containerId: gtm.containerId,
-            currency: selectedChannel.currency.format.code,
-            brandCustomField: shopConfig.brandCustomField,
-            useArticleNumberAsId
-        }));
-    }
-    if (shopConfig.trackers) {
-        shopConfig.trackers.forEach((tracker) => {
-            registry.add(tracker);
-        });
-    }
-    if (shopConfig.serverTrackers) {
-        registry.add(createServerTracker({
-            currency: selectedChannel.currency.format.code,
-            useArticleNumberAsId: gtag.useArticleNumberAsId,
-            pixelId,
-            token
-        }));
-    }
-    const value = useMemo(() => {
-        return {
-            config: analyticsConfig,
-            trackerRegistry: registry
-        };
-    }, [analyticsConfig, registry]);
-    const preconnectLinks = usePreconnectLinks({
-        ga: !!(gtag === null || gtag === void 0 ? void 0 : gtag.trackingId),
-        gtm: !!(gtm === null || gtm === void 0 ? void 0 : gtm.containerId)
-    });
-    return (React.createElement(AnalyticsContext.Provider, { value: value },
-        React.createElement(Helmet, null, preconnectLinks.map(({ href, crossOrigin }) => (React.createElement("link", Object.assign({ rel: "preconnect", href: href }, (crossOrigin && { crossOrigin }), { key: href }))))),
-        props.children));
-};
-function allowsTrackingWithDNT() {
-    if (typeof window === 'undefined')
-        return false;
-    const dnt = window.doNotTrack ||
-        navigator.doNotTrack ||
-        // Support for IE 10 and older
-        navigator.msDoNotTrack;
-    if (dnt === '1' || dnt === 'yes') {
-        return false;
-    }
-    // All versions of IE
-    if (window.external && isMSExternal(window.external)) {
-        return !window.external.msTrackingProtectionEnabled();
-    }
-    return true;
-}
-export default AnalyticsProvider;
+import React, { createContext, useContext, useMemo } from 'react';
+import ChannelContext from '../components/ChannelContext';
+import { useShopConfig } from '../hooks/useShopConfig';
+import { gtagTracker } from './integrations/gtag';
+import { gtmTracker } from './integrations/gtm';
+import { referrerModifier } from './integrations/gtm/referrerModifier';
+import { relewareTracker } from './integrations/releware';
+import { createServerTracker, trackerRegistry } from './trackerRegistry';
+import { Helmet } from 'react-helmet-async';
+import { usePreconnectLinks } from '../hooks/usePreconnectLinks';
+import { ga4Tracker } from './integrations/ga4';
+function isMSExternal(external) {
+    return 'msTrackingProtectionEnabled' in external;
+}
+const initialAnalyticsConfig = {
+    gtag: {
+        trackingId: null,
+        useArticleNumberAsId: false,
+        additionalGtagTrackingIds: null
+    },
+    gtm: { containerId: null },
+    releware: {
+        enabled: false,
+        baseUrl: null,
+        uid: null
+    },
+    trackingAllowed: false
+};
+export const AnalyticsContext = createContext({
+    config: initialAnalyticsConfig,
+    trackerRegistry: null
+});
+export const getFacebookCapi = (selectedChannel) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    let token, pixelId;
+    if (((_c = (_b = (_a = selectedChannel.settings) === null || _a === void 0 ? void 0 : _a.tracking) === null || _b === void 0 ? void 0 : _b.fca) === null || _c === void 0 ? void 0 : _c.accessToken) &&
+        ((_f = (_e = (_d = selectedChannel.settings) === null || _d === void 0 ? void 0 : _d.tracking) === null || _e === void 0 ? void 0 : _e.fca) === null || _f === void 0 ? void 0 : _f.pixelId)) {
+        token = (_j = (_h = (_g = selectedChannel.settings) === null || _g === void 0 ? void 0 : _g.tracking) === null || _h === void 0 ? void 0 : _h.fca) === null || _j === void 0 ? void 0 : _j.accessToken;
+        pixelId = (_m = (_l = (_k = selectedChannel.settings) === null || _k === void 0 ? void 0 : _k.tracking) === null || _l === void 0 ? void 0 : _l.fca) === null || _m === void 0 ? void 0 : _m.pixelId;
+    }
+    return {
+        token,
+        pixelId
+    };
+};
+export const getGoogleAnalytics = (config, selectedChannel) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    // Channel overrides are used in order to support channel specific overrides for certain shop config variables. You can read more here: https://docs.dev.jetshop.se/features/shop-config#other-options
+    const channelOverrides = config.channelOverrides
+        ? config.channelOverrides[selectedChannel.name]
+        : {};
+    let { trackingID, tagManagerID, useArticleNumberAsId, 
+    // eslint-disable-next-line prefer-const
+    additionalGtagTrackingIds } = Object.assign(Object.assign({}, config), channelOverrides);
+    if ((_c = (_b = (_a = selectedChannel.settings) === null || _a === void 0 ? void 0 : _a.tracking) === null || _b === void 0 ? void 0 : _b.ga) === null || _c === void 0 ? void 0 : _c.trackingId) {
+        trackingID = selectedChannel.settings.tracking.ga.trackingId;
+    }
+    if ((_f = (_e = (_d = selectedChannel.settings) === null || _d === void 0 ? void 0 : _d.tracking) === null || _e === void 0 ? void 0 : _e.ga) === null || _f === void 0 ? void 0 : _f.useArticleNumberAsId) {
+        useArticleNumberAsId =
+            selectedChannel.settings.tracking.ga.useArticleNumberAsId;
+    }
+    if ((_j = (_h = (_g = selectedChannel.settings) === null || _g === void 0 ? void 0 : _g.tracking) === null || _h === void 0 ? void 0 : _h.gtm) === null || _j === void 0 ? void 0 : _j.containerId) {
+        tagManagerID = selectedChannel.settings.tracking.gtm.containerId;
+    }
+    return {
+        trackingID,
+        useArticleNumberAsId,
+        tagManagerID,
+        additionalGtagTrackingIds
+    };
+};
+const AnalyticsProvider = function AnalyticsProvider(props) {
+    const shopConfig = useShopConfig();
+    const { selectedChannel } = useContext(ChannelContext);
+    const { tagManagerID, trackingID, useArticleNumberAsId, additionalGtagTrackingIds } = getGoogleAnalytics(shopConfig, selectedChannel);
+    const { pixelId, token } = getFacebookCapi(selectedChannel);
+    const trackingAllowed = allowsTrackingWithDNT();
+    const analyticsConfig = React.useMemo(() => ({
+        gtag: {
+            trackingId: trackingID,
+            additionalGtagTrackingIds: additionalGtagTrackingIds,
+            useArticleNumberAsId: useArticleNumberAsId
+        },
+        gtm: {
+            containerId: tagManagerID
+        },
+        releware: props.releware,
+        trackingAllowed: trackingAllowed
+    }), [
+        props.releware,
+        tagManagerID,
+        trackingID,
+        additionalGtagTrackingIds,
+        useArticleNumberAsId,
+        trackingAllowed
+    ]);
+    const { gtm, gtag, releware } = analyticsConfig;
+    const registry = useMemo(() => trackerRegistry({
+        config: analyticsConfig,
+        inServer: __IN_SERVER__
+    }), [analyticsConfig]);
+    if (gtag === null || gtag === void 0 ? void 0 : gtag.trackingId) {
+        if (shopConfig.ga4) {
+            registry.add(ga4Tracker({
+                currency: selectedChannel.currency.format.code,
+                trackingId: gtag.trackingId,
+                additionalGtagTrackingIds: gtag.additionalGtagTrackingIds,
+                brandCustomField: shopConfig.brandCustomField,
+                useArticleNumberAsId: gtag.useArticleNumberAsId
+            }));
+        }
+        else {
+            registry.add(gtagTracker({
+                currency: selectedChannel.currency.format.code,
+                trackingId: gtag.trackingId,
+                additionalGtagTrackingIds: gtag.additionalGtagTrackingIds,
+                brandCustomField: shopConfig.brandCustomField,
+                useArticleNumberAsId: gtag.useArticleNumberAsId
+            }));
+        }
+    }
+    if (releware === null || releware === void 0 ? void 0 : releware.enabled) {
+        registry.add(relewareTracker(releware));
+    }
+    if (gtm === null || gtm === void 0 ? void 0 : gtm.containerId) {
+        referrerModifier(trackingID);
+        registry.add(gtmTracker({
+            containerId: gtm.containerId,
+            currency: selectedChannel.currency.format.code,
+            brandCustomField: shopConfig.brandCustomField,
+            useArticleNumberAsId
+        }));
+    }
+    if (shopConfig.trackers) {
+        shopConfig.trackers.forEach((tracker) => {
+            registry.add(tracker);
+        });
+    }
+    if (shopConfig.serverTrackers) {
+        registry.add(createServerTracker({
+            currency: selectedChannel.currency.format.code,
+            useArticleNumberAsId: gtag.useArticleNumberAsId,
+            pixelId,
+            token
+        }));
+    }
+    const value = useMemo(() => {
+        return {
+            config: analyticsConfig,
+            trackerRegistry: registry
+        };
+    }, [analyticsConfig, registry]);
+    const preconnectLinks = usePreconnectLinks({
+        ga: !!(gtag === null || gtag === void 0 ? void 0 : gtag.trackingId),
+        gtm: !!(gtm === null || gtm === void 0 ? void 0 : gtm.containerId)
+    });
+    return (React.createElement(AnalyticsContext.Provider, { value: value },
+        React.createElement(Helmet, null, preconnectLinks.map(({ href, crossOrigin }) => (React.createElement("link", Object.assign({ rel: "preconnect", href: href }, (crossOrigin && { crossOrigin }), { key: href }))))),
+        props.children));
+};
+function allowsTrackingWithDNT() {
+    if (typeof window === 'undefined')
+        return false;
+    const dnt = window.doNotTrack ||
+        navigator.doNotTrack ||
+        // Support for IE 10 and older
+        navigator.msDoNotTrack;
+    if (dnt === '1' || dnt === 'yes') {
+        return false;
+    }
+    // All versions of IE
+    if (window.external && isMSExternal(window.external)) {
+        return !window.external.msTrackingProtectionEnabled();
+    }
+    return true;
+}
+export default AnalyticsProvider;
 //# sourceMappingURL=AnalyticsProvider.js.map

package/analytics/deprecatedTracking.d.ts

@@ -1,17 +1,17 @@
-import { TrackProductProps, TrackCartProps, TrackListProps, TrackPageProps, TrackingFunctionContext } from './trackerRegistry';
-/**
- * @deprecated
- */
-export declare const trackProduct: (args: TrackProductProps) => (context: TrackingFunctionContext) => void;
-/**
- * @deprecated
- */
-export declare const trackCartCheckout: (args: TrackCartProps) => (context: TrackingFunctionContext) => void;
-/**
- * @deprecated
- */
-export declare const trackList: (args: TrackListProps) => (context: TrackingFunctionContext) => void;
-/**
- * @deprecated
- */
-export declare const trackPage: (args: TrackPageProps) => (context: TrackingFunctionContext) => void;
+import { TrackProductProps, TrackCartProps, TrackListProps, TrackPageProps, TrackingFunctionContext } from './trackerRegistry';
+/**
+ * @deprecated
+ */
+export declare const trackProduct: (args: TrackProductProps) => (context: TrackingFunctionContext) => void;
+/**
+ * @deprecated
+ */
+export declare const trackCartCheckout: (args: TrackCartProps) => (context: TrackingFunctionContext) => void;
+/**
+ * @deprecated
+ */
+export declare const trackList: (args: TrackListProps) => (context: TrackingFunctionContext) => void;
+/**
+ * @deprecated
+ */
+export declare const trackPage: (args: TrackPageProps) => (context: TrackingFunctionContext) => void;