@becklyn/next 4.2.6 → 4.4.0

package/dist/es/lib/slider.js

@@ -1,23 +1,17 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSlider = void 0;
-const react_1 = require("react");
-const keen_slider_1 = __importDefault(require("keen-slider"));
-const useSlider = ({ shouldObserverMutations, shouldAutoDisable, ...opt } = {}) => {
-    const [ref, setRef] = (0, react_1.useState)(null);
-    const [details, setDetails] = (0, react_1.useState)(null);
-    const [options, setOptions] = (0, react_1.useState)(null);
-    const [isMounted, setIsMounted] = (0, react_1.useState)(false);
-    const sliderRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+import { useCallback, useEffect, useRef, useState } from "react";
+import KeenSlider from "keen-slider";
+export const useSlider = ({ shouldObserverMutations, shouldAutoDisable, ...opt } = {}) => {
+    const [ref, setRef] = useState(null);
+    const [details, setDetails] = useState(null);
+    const [options, setOptions] = useState(null);
+    const [isMounted, setIsMounted] = useState(false);
+    const sliderRef = useRef(null);
+    useEffect(() => {
         if (!ref) {
             return;
         }
-        sliderRef.current = new keen_slider_1.default(ref, {
+        sliderRef.current = new KeenSlider(ref, {
             rubberband: false,
             created: handleDetails,
             slideChanged: handleDetails,
@@ -37,7 +31,7 @@ const useSlider = ({ shouldObserverMutations, shouldAutoDisable, ...opt } = {})
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [ref]);
-    const isActiveIndex = (0, react_1.useCallback)((index) => index === details?.rel, [details]);
+    const isActiveIndex = useCallback((index) => index === details?.rel, [details]);
     const handleDetails = (ref) => {
         const details = ref.track.details;
         setIsMounted(true);
@@ -77,7 +71,6 @@ const useSlider = ({ shouldObserverMutations, shouldAutoDisable, ...opt } = {})
         },
     ];
 };
-exports.useSlider = useSlider;
 const MutationPlugin = slider => {
     const observer = new MutationObserver(() => {
         slider.update(slider.options);

package/dist/es/lib/staticContent.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStaticContent = void 0;
-const react_1 = require("react");
-const useStaticContent = () => {
-    const ref = (0, react_1.useRef)(null);
-    const [render, setRender] = (0, react_1.useState)(typeof window === "undefined");
-    (0, react_1.useEffect)(() => {
+import { useEffect, useRef, useState } from "react";
+export const useStaticContent = () => {
+    const ref = useRef(null);
+    const [render, setRender] = useState(typeof window === "undefined");
+    useEffect(() => {
         // check if the innerHTML is empty as client side navigation
         // need to render the component without server-side backup
         const isEmpty = ref.current?.innerHTML === "";
@@ -16,4 +13,3 @@ const useStaticContent = () => {
     }, []);
     return [render, ref];
 };
-exports.useStaticContent = useStaticContent;

package/dist/es/lib/typeChecks.js

@@ -1,19 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ensureArray = exports.first = exports.isDefined = exports.isObject = exports.isString = void 0;
-const isString = (value) => {
+export const isString = (value) => {
     return typeof value === "string";
 };
-exports.isString = isString;
-const isObject = (value) => {
+export const isObject = (value) => {
     return typeof value === "object" && !Array.isArray(value);
 };
-exports.isObject = isObject;
-const isDefined = (value) => {
+export const isDefined = (value) => {
     return value !== undefined && value !== null;
 };
-exports.isDefined = isDefined;
-const first = (value) => value ? (Array.isArray(value) ? value.at(0) : value) : undefined;
-exports.first = first;
-const ensureArray = (value) => value ? (Array.isArray(value) ? value : [value]) : [];
-exports.ensureArray = ensureArray;
+export const first = (value) => value ? (Array.isArray(value) ? value.at(0) : value) : undefined;
+export const ensureArray = (value) => value ? (Array.isArray(value) ? value : [value]) : [];

package/dist/es/lib/useDebounce.d.ts

@@ -0,0 +1,6 @@
+import { DependencyList } from "react";
+import { debounce } from "./debounce";
+type Props = Parameters<typeof debounce>;
+export declare const useDebounce: (fn: Props[0], ms: Props[1], deps?: DependencyList) => void;
+export {};
+//# sourceMappingURL=useDebounce.d.ts.map

package/dist/es/lib/useDebounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../lib/useDebounce.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEzC,eAAO,MAAM,WAAW,GAAI,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,cAAc,SAI5E,CAAC"}

package/dist/es/lib/useDebounce.js

@@ -0,0 +1,7 @@
+"use client";
+import { useEffect, useMemo } from "react";
+import { debounce } from "./debounce";
+export const useDebounce = (fn, ms, deps) => {
+    const bounce = useMemo(() => debounce(fn, ms), [fn, ms]);
+    useEffect(() => (deps && Array.isArray(deps) ? bounce() : bounce()), [deps, bounce]);
+};

package/dist/es/lib/useInterval.d.ts

@@ -0,0 +1,5 @@
+export declare const useInterval: (callback: (executions: number) => void, interval: number, maxExecutions?: number) => {
+    startInterval: () => void;
+    cancelInterval: () => void;
+};
+//# sourceMappingURL=useInterval.d.ts.map

package/dist/es/lib/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../lib/useInterval.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,GACpB,UAAU,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,EACtC,UAAU,MAAM,EAChB,gBAAgB,MAAM;;;CAyCzB,CAAC"}

package/dist/es/lib/useInterval.js

@@ -0,0 +1,36 @@
+"use client";
+import { useCallback, useEffect, useRef } from "react";
+export const useInterval = (callback, interval, maxExecutions) => {
+    const intervalRef = useRef(null);
+    const executions = useRef(0);
+    const startInterval = useCallback(() => {
+        if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+        }
+        executions.current = 0;
+        intervalRef.current = setInterval(() => {
+            executions.current++;
+            callback(executions.current);
+            if (undefined !== maxExecutions && executions.current >= maxExecutions) {
+                if (intervalRef.current) {
+                    clearInterval(intervalRef.current);
+                    intervalRef.current = null;
+                }
+            }
+        }, interval);
+    }, [callback, interval, maxExecutions]);
+    const cancelInterval = useCallback(() => {
+        if (intervalRef.current) {
+            clearInterval(intervalRef.current);
+            intervalRef.current = null;
+        }
+    }, []);
+    useEffect(() => {
+        return () => {
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+            }
+        };
+    }, []);
+    return { startInterval, cancelInterval };
+};

package/dist/es/lib/useIsDocumentHidden.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsDocumentHidden: () => boolean;
+//# sourceMappingURL=useIsDocumentHidden.d.ts.map

package/dist/es/lib/useIsDocumentHidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsDocumentHidden.d.ts","sourceRoot":"","sources":["../../../lib/useIsDocumentHidden.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,eAW/B,CAAC"}

package/dist/es/lib/useIsDocumentHidden.js

@@ -0,0 +1,10 @@
+import { useEffect, useState } from "react";
+export const useIsDocumentHidden = () => {
+    const [isDocumentHidden, setIsDocumentHidden] = useState(document.hidden);
+    useEffect(() => {
+        const handleVisibilityChange = () => setIsDocumentHidden(document.hidden);
+        document.addEventListener("visibilitychange", handleVisibilityChange);
+        return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
+    }, []);
+    return isDocumentHidden;
+};

package/dist/es/lib/useMediaQuery.js

@@ -1,18 +1,15 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaQuery = void 0;
-const react_1 = require("react");
+import { useEffect, useRef, useState } from "react";
 /**
  * Hook to track media query state
  * @param query - The media query string (e.g., "(min-width: 1024px)")
  * @returns boolean indicating if the media query matches
  */
-const useMediaQuery = (query) => {
+export const useMediaQuery = (query) => {
     // Default to false for SSR to prevent hydration mismatch
-    const [matches, setMatches] = (0, react_1.useState)(false);
-    const currentMatches = (0, react_1.useRef)(matches);
-    (0, react_1.useEffect)(() => {
+    const [matches, setMatches] = useState(false);
+    const currentMatches = useRef(matches);
+    useEffect(() => {
         // Only run on client side
         if (typeof window === "undefined") {
             return;
@@ -39,4 +36,3 @@ const useMediaQuery = (query) => {
     }, [query]);
     return matches;
 };
-exports.useMediaQuery = useMediaQuery;

package/dist/es/lib/useScrollAway.d.ts

@@ -0,0 +1,6 @@
+export declare const useScrollAway: (elementId: string, options?: {
+    scrollContainerQuery?: string;
+    elementHeight?: number;
+    reverseDirection?: boolean;
+}) => void;
+//# sourceMappingURL=useScrollAway.d.ts.map

package/dist/es/lib/useScrollAway.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollAway.d.ts","sourceRoot":"","sources":["../../../lib/useScrollAway.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GACtB,WAAW,MAAM,EACjB,UAAU;IACN,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B,SAoDJ,CAAC"}

package/dist/es/lib/useScrollAway.js

@@ -0,0 +1,43 @@
+"use client";
+import { useEffect } from "react";
+export const useScrollAway = (elementId, options) => {
+    useEffect(() => {
+        if (typeof document === "undefined") {
+            return;
+        }
+        const element = document.getElementById(elementId);
+        if (!element) {
+            return;
+        }
+        const { scrollContainerQuery, elementHeight, reverseDirection = false } = options || {};
+        const scrollContainer = scrollContainerQuery
+            ? document.querySelector(scrollContainerQuery)
+            : null;
+        const scrollAnchor = scrollContainer || document.documentElement;
+        const distanceToTransform = elementHeight ?? element.offsetHeight;
+        let lastScrollPosition = scrollAnchor.scrollTop;
+        let ticking = false;
+        const update = () => {
+            const currentScroll = scrollAnchor.scrollTop;
+            const isScrollingDown = currentScroll > lastScrollPosition;
+            const shouldHide = reverseDirection ? !isScrollingDown : isScrollingDown;
+            if (currentScroll >= distanceToTransform && shouldHide) {
+                element.style.transform = `translateY(${-distanceToTransform}px)`;
+            }
+            else {
+                element.style.transform = "translateY(0)";
+            }
+            lastScrollPosition = currentScroll;
+            ticking = false;
+        };
+        const handleScroll = () => {
+            if (!ticking) {
+                window.requestAnimationFrame(update);
+                ticking = true;
+            }
+        };
+        const targetElement = scrollContainer || window;
+        targetElement.addEventListener("scroll", handleScroll, { passive: true });
+        return () => targetElement.removeEventListener("scroll", handleScroll);
+    }, [elementId, options]);
+};

package/dist/es/lib/useTimeout.d.ts

@@ -0,0 +1,5 @@
+export declare const useTimeout: (callback: (executions: number) => void, duration: number, maxExecutions?: number) => {
+    startTimeout: () => void;
+    cancelTimeout: () => void;
+};
+//# sourceMappingURL=useTimeout.d.ts.map

package/dist/es/lib/useTimeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeout.d.ts","sourceRoot":"","sources":["../../../lib/useTimeout.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,GACnB,UAAU,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,EACtC,UAAU,MAAM,EAChB,gBAAgB,MAAM;;;CA0BzB,CAAC"}

package/dist/es/lib/useTimeout.js

@@ -0,0 +1,23 @@
+"use client";
+import { useCallback, useRef } from "react";
+export const useTimeout = (callback, duration, maxExecutions) => {
+    const timeoutRef = useRef(null);
+    const executions = useRef(0);
+    const startTimeout = useCallback(() => {
+        if (undefined !== maxExecutions && maxExecutions <= executions.current) {
+            return;
+        }
+        executions.current++;
+        timeoutRef.current = setTimeout(() => {
+            callback(executions.current);
+        }, duration);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const cancelTimeout = useCallback(() => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    }, []);
+    return { startTimeout, cancelTimeout };
+};

package/dist/es/mock/block.js

@@ -1,10 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mockBlock = void 0;
-const mockBlock = (overwrite) => ({
+export const mockBlock = (overwrite) => ({
     entryId: "123",
     locale: "de",
     draftMode: false,
     ...overwrite,
 });
-exports.mockBlock = mockBlock;

package/dist/es/rte/generators.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateRte = exports.generateRteData = exports.generateRteNewline = exports.generateRteAsset = exports.generateRteEmbed = exports.generateRteParagraph = exports.generateRteHeadline = exports.generateRteLink = exports.generateRteText = void 0;
-const rich_text_types_1 = require("@contentful/rich-text-types");
-const generateRteText = (text, marks = []) => {
+import { BLOCKS, INLINES, } from "@contentful/rich-text-types";
+export const generateRteText = (text, marks = []) => {
     return {
         data: {},
         marks,
@@ -10,36 +7,32 @@ const generateRteText = (text, marks = []) => {
         nodeType: "text",
     };
 };
-exports.generateRteText = generateRteText;
-const generateRteLink = (text, url) => {
+export const generateRteLink = (text, url) => {
     return {
         data: {
             uri: url,
         },
-        content: [(0, exports.generateRteText)(text)],
-        nodeType: rich_text_types_1.INLINES.HYPERLINK,
+        content: [generateRteText(text)],
+        nodeType: INLINES.HYPERLINK,
     };
 };
-exports.generateRteLink = generateRteLink;
-const generateRteHeadline = (text, marks = []) => {
+export const generateRteHeadline = (text, marks = []) => {
     return {
         data: {},
-        content: [(0, exports.generateRteText)(text, marks)],
-        nodeType: rich_text_types_1.BLOCKS.HEADING_3,
+        content: [generateRteText(text, marks)],
+        nodeType: BLOCKS.HEADING_3,
     };
 };
-exports.generateRteHeadline = generateRteHeadline;
-const generateRteParagraph = (children) => {
+export const generateRteParagraph = (children) => {
     return {
         content: children,
         data: {},
-        nodeType: rich_text_types_1.BLOCKS.PARAGRAPH,
+        nodeType: BLOCKS.PARAGRAPH,
     };
 };
-exports.generateRteParagraph = generateRteParagraph;
-const generateRteEmbed = (id) => {
+export const generateRteEmbed = (id) => {
     return {
-        nodeType: rich_text_types_1.BLOCKS.EMBEDDED_ENTRY,
+        nodeType: BLOCKS.EMBEDDED_ENTRY,
         data: {
             target: {
                 sys: {
@@ -52,10 +45,9 @@ const generateRteEmbed = (id) => {
         content: [],
     };
 };
-exports.generateRteEmbed = generateRteEmbed;
-const generateRteAsset = (id) => {
+export const generateRteAsset = (id) => {
     return {
-        nodeType: rich_text_types_1.BLOCKS.EMBEDDED_ASSET,
+        nodeType: BLOCKS.EMBEDDED_ASSET,
         data: {
             target: {
                 sys: {
@@ -68,20 +60,16 @@ const generateRteAsset = (id) => {
         content: [],
     };
 };
-exports.generateRteAsset = generateRteAsset;
-const generateRteNewline = () => (0, exports.generateRteParagraph)([(0, exports.generateRteText)("")]);
-exports.generateRteNewline = generateRteNewline;
-const generateRteData = (children) => {
+export const generateRteNewline = () => generateRteParagraph([generateRteText("")]);
+export const generateRteData = (children) => {
     return {
         content: children,
         data: {},
-        nodeType: rich_text_types_1.BLOCKS.DOCUMENT,
+        nodeType: BLOCKS.DOCUMENT,
     };
 };
-exports.generateRteData = generateRteData;
-const generateRte = (json) => {
+export const generateRte = (json) => {
     return {
         json,
     };
 };
-exports.generateRte = generateRte;

package/dist/es/rte/index.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Rte = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const rich_text_react_renderer_1 = require("@contentful/rich-text-react-renderer");
-const typeChecks_1 = require("../lib/typeChecks");
-const Rte = ({ data, options, ...props }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { documentToReactComponents } from "@contentful/rich-text-react-renderer";
+import { isString } from "../lib/typeChecks";
+export const Rte = ({ data, options, ...props }) => {
     if (!data) {
         return null;
     }
@@ -12,9 +9,8 @@ const Rte = ({ data, options, ...props }) => {
     if (!json) {
         return null;
     }
-    if ((0, typeChecks_1.isString)(json)) {
-        return (0, jsx_runtime_1.jsx)("div", { ...props, children: json });
+    if (isString(json)) {
+        return _jsx("div", { ...props, children: json });
     }
-    return (0, jsx_runtime_1.jsx)("div", { ...props, children: (0, rich_text_react_renderer_1.documentToReactComponents)(json, options) });
+    return _jsx("div", { ...props, children: documentToReactComponents(json, options) });
 };
-exports.Rte = Rte;

package/dist/es/structuredData/index.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StructuredData = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const StructuredData = ({ data }) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+export const StructuredData = ({ data }) => {
     if (!data) {
         return null;
     }
@@ -10,6 +7,5 @@ const StructuredData = ({ data }) => {
         "@context": "https://schema.org",
         ...data,
     };
-    return ((0, jsx_runtime_1.jsx)("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: JSON.stringify(structuredData) } }));
+    return (_jsx("script", { type: "application/ld+json", dangerouslySetInnerHTML: { __html: JSON.stringify(structuredData) } }));
 };
-exports.StructuredData = StructuredData;

package/dist/es/tracking/cookiebot/index.js

@@ -1,14 +1,8 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withCookiebot = exports.useCookiebot = exports.CookiebotProvider = exports.CookiebotProviderContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const script_1 = __importDefault(require("next/script"));
-exports.CookiebotProviderContext = (0, react_1.createContext)({});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
+import Script from "next/script";
+export const CookiebotProviderContext = createContext({});
 const closeWidget = () => {
     if (typeof window !== "undefined") {
         window?.Cookiebot?.hide();
@@ -19,13 +13,13 @@ const openWidget = () => {
         window?.Cookiebot?.show();
     }
 };
-const CookiebotProvider = ({ locale, cookieBotId, children, }) => {
-    const [consentUpdate, setConsentUpdate] = (0, react_1.useState)(0);
-    const [isAccepted, setIsAccepted] = (0, react_1.useState)(false);
-    const [isConsentAnswered, setIsConsentAnswered] = (0, react_1.useState)(false);
-    const [isLoaded, setIsLoaded] = (0, react_1.useState)(false);
-    const [isOpened, setIsOpened] = (0, react_1.useState)(false);
-    const [consent, setConsent] = (0, react_1.useState)({
+export const CookiebotProvider = ({ locale, cookieBotId, children, }) => {
+    const [consentUpdate, setConsentUpdate] = useState(0);
+    const [isAccepted, setIsAccepted] = useState(false);
+    const [isConsentAnswered, setIsConsentAnswered] = useState(false);
+    const [isLoaded, setIsLoaded] = useState(false);
+    const [isOpened, setIsOpened] = useState(false);
+    const [consent, setConsent] = useState({
         necessary: false,
         preferences: false,
         statistics: false,
@@ -33,7 +27,7 @@ const CookiebotProvider = ({ locale, cookieBotId, children, }) => {
         method: null,
     });
     const checkConsent = (key) => isAccepted && isLoaded && !!consent[key];
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const openedInitHandler = () => { };
         const tagsExecutedHandler = () => { };
         const openedHandler = () => {
@@ -74,7 +68,7 @@ const CookiebotProvider = ({ locale, cookieBotId, children, }) => {
             window.removeEventListener("CookiebotOnTagsExecuted", tagsExecutedHandler);
         };
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(exports.CookiebotProviderContext.Provider, { value: {
+    return (_jsxs(CookiebotProviderContext.Provider, { value: {
             openWidget,
             closeWidget,
             isLoaded,
@@ -84,12 +78,9 @@ const CookiebotProvider = ({ locale, cookieBotId, children, }) => {
             checkConsent,
             consent,
             consentUpdate,
-        }, children: [(0, jsx_runtime_1.jsx)(script_1.default, { id: "Cookiebot", "data-culture": locale.toUpperCase(), src: `https://consent.cookiebot.com/uc.js?cbid=${cookieBotId}` }), children] }));
+        }, children: [_jsx(Script, { id: "Cookiebot", "data-culture": locale.toUpperCase(), src: `https://consent.cookiebot.com/uc.js?cbid=${cookieBotId}` }), children] }));
 };
-exports.CookiebotProvider = CookiebotProvider;
-const useCookiebot = () => (0, react_1.useContext)(exports.CookiebotProviderContext);
-exports.useCookiebot = useCookiebot;
-const withCookiebot = (Component) => {
-    return (props) => ((0, jsx_runtime_1.jsx)(exports.CookiebotProvider, { ...props, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+export const useCookiebot = () => useContext(CookiebotProviderContext);
+export const withCookiebot = (Component) => {
+    return (props) => (_jsx(CookiebotProvider, { ...props, children: _jsx(Component, { ...props }) }));
 };
-exports.withCookiebot = withCookiebot;

package/dist/es/tracking/cookiebot/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/es/tracking/gtm/index.js

@@ -1,17 +1,11 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDataEventForwarder = exports.useLazyDataLayer = exports.useDataLayer = exports.withGtm = exports.useGtm = exports.GtmProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const script_1 = __importDefault(require("next/script"));
-const Context = (0, react_1.createContext)({});
-const GtmProvider = ({ hasConsent, onBeforeGtmSetup, onAfterGtmSetup, gtmDomain, gtmId, children, }) => {
-    (0, exports.useDataEventForwarder)(hasConsent);
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useLayoutEffect, } from "react";
+import Script from "next/script";
+const Context = createContext({});
+export const GtmProvider = ({ hasConsent, onBeforeGtmSetup, onAfterGtmSetup, gtmDomain, gtmId, children, }) => {
+    useDataEventForwarder(hasConsent);
+    useEffect(() => {
         if (onBeforeGtmSetup) {
             onBeforeGtmSetup();
         }
@@ -22,7 +16,7 @@ const GtmProvider = ({ hasConsent, onBeforeGtmSetup, onAfterGtmSetup, gtmDomain,
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(Context.Provider, { value: { hasConsent }, children: [hasConsent && ((0, jsx_runtime_1.jsx)(script_1.default, { id: "google-tag-manager", "data-cookieconsent": "marketing", children: `
+    return (_jsxs(Context.Provider, { value: { hasConsent }, children: [hasConsent && (_jsx(Script, { id: "google-tag-manager", "data-cookieconsent": "marketing", children: `
                       (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.async=true;j.src=
@@ -30,16 +24,13 @@ const GtmProvider = ({ hasConsent, onBeforeGtmSetup, onAfterGtmSetup, gtmDomain,
                       })(window,document,'script','dataLayer','${gtmId}');
                     ` })), children] }));
 };
-exports.GtmProvider = GtmProvider;
-const useGtm = () => (0, react_1.useContext)(Context);
-exports.useGtm = useGtm;
-const withGtm = (Component) => {
-    return (props) => ((0, jsx_runtime_1.jsx)(exports.GtmProvider, { ...props, children: (0, jsx_runtime_1.jsx)(Component, { ...props }) }));
+export const useGtm = () => useContext(Context);
+export const withGtm = (Component) => {
+    return (props) => (_jsx(GtmProvider, { ...props, children: _jsx(Component, { ...props }) }));
 };
-exports.withGtm = withGtm;
-const useDataLayer = (input, deps = []) => {
-    const hasConsent = (0, exports.useGtm)();
-    (0, react_1.useEffect)(() => {
+export const useDataLayer = (input, deps = []) => {
+    const hasConsent = useGtm();
+    useEffect(() => {
         if (!hasConsent) {
             return;
         }
@@ -56,9 +47,8 @@ const useDataLayer = (input, deps = []) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [hasConsent, input, ...deps]);
 };
-exports.useDataLayer = useDataLayer;
-const useLazyDataLayer = () => {
-    const { hasConsent } = (0, exports.useGtm)();
+export const useLazyDataLayer = () => {
+    const { hasConsent } = useGtm();
     return (input) => {
         if (!hasConsent || !input) {
             return;
@@ -72,9 +62,8 @@ const useLazyDataLayer = () => {
         }
     };
 };
-exports.useLazyDataLayer = useLazyDataLayer;
-const useDataEventForwarder = (hasConsent) => {
-    (0, react_1.useLayoutEffect)(() => {
+export const useDataEventForwarder = (hasConsent) => {
+    useLayoutEffect(() => {
         const captureDataEvent = (event) => {
             if (!hasConsent) {
                 return;
@@ -111,4 +100,3 @@ const useDataEventForwarder = (hasConsent) => {
         };
     }, [hasConsent]);
 };
-exports.useDataEventForwarder = useDataEventForwarder;

package/dist/es/tracking/gtm/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};