@becklyn/next 1.0.1

package/dist/es/tracking/gtm/index.d.ts

@@ -0,0 +1,17 @@
+import { DependencyList, FC, PropsWithChildren } from "react";
+import { DataLayerData } from "./types";
+export interface GtmProviderProps {
+    hasConsent: boolean;
+    onBeforeGtmSetup?: () => void;
+    onAfterGtmSetup?: () => void;
+}
+export interface GtmProviderData {
+    hasConsent: boolean;
+}
+export declare const GtmProvider: FC<PropsWithChildren<GtmProviderProps>>;
+export declare const useGtm: () => GtmProviderData;
+export declare const withGtm: <P extends {} & GtmProviderProps>(Component: FC<P>) => (props: P) => import("react/jsx-runtime").JSX.Element;
+export declare const useDataLayer: (input: DataLayerData, deps?: DependencyList) => void;
+export declare const useLazyDataLayer: () => (input: DataLayerData) => void;
+export declare const useDataEventForwarder: (hasConsent: boolean) => void;
+//# sourceMappingURL=index.d.ts.map

package/dist/es/tracking/gtm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../tracking/gtm/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,cAAc,EACd,EAAE,EACF,iBAAiB,EAKpB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,WAAW,gBAAgB;IAC7B,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC5B,UAAU,EAAE,OAAO,CAAC;CACvB;AAID,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAuC/D,CAAC;AAEF,eAAO,MAAM,MAAM,uBAA4B,CAAC;AAEhD,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,EAAE,GAAG,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,MAC7D,OAAO,CAAC,4CAKnB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,aAAa,EAAE,OAAM,cAAmB,SAqB3E,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAGjB,OAAO,aAAa,SAa/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,YAAY,OAAO,SA6CxD,CAAC"}

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

@@ -0,0 +1,114 @@
+"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, children, }) => {
+    (0, exports.useDataEventForwarder)(hasConsent);
+    (0, react_1.useEffect)(() => {
+        if (onBeforeGtmSetup) {
+            onBeforeGtmSetup();
+        }
+        window.dataLayer = window.dataLayer || [];
+        window.gtag = window.gtag || ((...arg) => window.dataLayer.push(arg));
+        if (onAfterGtmSetup) {
+            onAfterGtmSetup();
+        }
+        // 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: `
+                      (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=
+                      'https://dt.visit-bw.com/dt.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+                      })(window,document,'script','dataLayer','${process.env.NEXT_PUBLIC_GTM_ID}');
+                    ` })), 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 }) }));
+};
+exports.withGtm = withGtm;
+const useDataLayer = (input, deps = []) => {
+    const hasConsent = (0, exports.useGtm)();
+    (0, react_1.useEffect)(() => {
+        if (!hasConsent) {
+            return;
+        }
+        const data = typeof input === "function" ? input() : input;
+        if (!data) {
+            return;
+        }
+        if (window.dataLayer) {
+            window.dataLayer.push(data);
+        }
+        else {
+            window.dataLayer = [data];
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [hasConsent, input, ...deps]);
+};
+exports.useDataLayer = useDataLayer;
+const useLazyDataLayer = () => {
+    const { hasConsent } = (0, exports.useGtm)();
+    return (input) => {
+        if (!hasConsent || !input) {
+            return;
+        }
+        const data = typeof input === "function" ? input() : input;
+        if (window.dataLayer) {
+            window.dataLayer.push(data);
+        }
+        else {
+            window.dataLayer = [data];
+        }
+    };
+};
+exports.useLazyDataLayer = useLazyDataLayer;
+const useDataEventForwarder = (hasConsent) => {
+    (0, react_1.useLayoutEffect)(() => {
+        const captureDataEvent = (event) => {
+            if (!hasConsent) {
+                return;
+            }
+            const target = event.target;
+            if (!target) {
+                return;
+            }
+            const element = target.closest("*[data-event]");
+            if (!element) {
+                return;
+            }
+            const dataEvent = element.getAttribute("data-event") ?? undefined;
+            const classList = element.classList ? element.classList.toString() : undefined;
+            const className = element.className;
+            const text = "innerText" in element ? element.innerText : undefined;
+            const data = {
+                event: "websiteClick",
+                dataEvent,
+                classList,
+                className,
+                text,
+            };
+            if (window.dataLayer) {
+                window.dataLayer.push(data);
+            }
+            else {
+                window.dataLayer = [data];
+            }
+        };
+        document.addEventListener("click", captureDataEvent);
+        return () => {
+            document.removeEventListener("click", captureDataEvent);
+        };
+    }, [hasConsent]);
+};
+exports.useDataEventForwarder = useDataEventForwarder;

package/dist/es/tracking/gtm/types.d.ts

@@ -0,0 +1,19 @@
+export type DataLayer = unknown[] | undefined;
+export type DataLayerData = (() => Record<string, string | number | undefined> | null) | Record<string, string | number | undefined> | null;
+export type Gtag = (event: string, name: string, payload: {
+    ad_personalization: "granted" | "denied";
+    ad_storage: "granted" | "denied";
+    ad_user_data: "granted" | "denied";
+    analytics_storage: "granted" | "denied";
+    functionality_storage: "granted" | "denied";
+    personalization_storage: "granted" | "denied";
+    security_storage: "granted" | "denied";
+    wait_for_update: number;
+} | null | boolean) => void;
+declare global {
+    interface Window {
+        dataLayer?: DataLayer;
+        gtag?: Gtag;
+    }
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/es/tracking/gtm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../tracking/gtm/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;AAE9C,MAAM,MAAM,aAAa,GACnB,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,GAAG,IAAI,CAAC,GAC1D,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,GAC3C,IAAI,CAAC;AAEX,MAAM,MAAM,IAAI,GAAG,CACf,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,OAAO,EACD;IACI,kBAAkB,EAAE,SAAS,GAAG,QAAQ,CAAC;IACzC,UAAU,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC,YAAY,EAAE,SAAS,GAAG,QAAQ,CAAC;IACnC,iBAAiB,EAAE,SAAS,GAAG,QAAQ,CAAC;IACxC,qBAAqB,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5C,uBAAuB,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC9C,gBAAgB,EAAE,SAAS,GAAG,QAAQ,CAAC;IACvC,eAAe,EAAE,MAAM,CAAC;CAC3B,GACD,IAAI,GACJ,OAAO,KACZ,IAAI,CAAC;AAEV,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,IAAI,CAAC,EAAE,IAAI,CAAC;KACf;CACJ"}

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

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

package/dist/es/tracking/index.d.ts

@@ -0,0 +1,8 @@
+export declare const TRACKING: {
+    LOGO: string;
+    FOOTER: string;
+    HEADER: string;
+    BUTTON: string;
+    MENU: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/es/tracking/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tracking/index.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC"}

package/dist/es/tracking/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TRACKING = void 0;
+exports.TRACKING = {
+    LOGO: "ga-logo",
+    FOOTER: "ga-footer",
+    HEADER: "ga-header",
+    BUTTON: "ga-button",
+    MENU: "ga-menu",
+};

package/dist/es/types/block.d.ts

@@ -0,0 +1,4 @@
+import { Inspectable } from "./preview";
+export type BlockProps = Inspectable;
+export type Block<B = object> = B & BlockProps;
+//# sourceMappingURL=block.d.ts.map

package/dist/es/types/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../types/block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAExC,MAAM,MAAM,UAAU,GAAG,WAAW,CAAC;AAErC,MAAM,MAAM,KAAK,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG,UAAU,CAAC"}

package/dist/es/types/block.js

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

package/dist/es/types/preview.d.ts

@@ -0,0 +1,8 @@
+export interface Previewable {
+    draftMode?: boolean;
+}
+export interface Inspectable extends Previewable {
+    entryId: string;
+    locale: string;
+}
+//# sourceMappingURL=preview.d.ts.map

package/dist/es/types/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../types/preview.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAClB"}

package/dist/es/types/preview.js

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

package/dist/es/types/style.d.ts

@@ -0,0 +1,7 @@
+export interface StyledProps {
+    className?: string;
+}
+export type PropsWithClassName<P = object> = P & {
+    className?: string;
+};
+//# sourceMappingURL=style.d.ts.map

package/dist/es/types/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../types/style.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/dist/es/types/style.js

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

package/package.json

@@ -0,0 +1,47 @@
+{
+    "name": "@becklyn/next",
+    "version": "1.0.1",
+    "license": "MIT",
+    "scripts": {
+        "lint": "eslint . --max-warnings 0 && prettier --check \"./**/*.{ts,tsx}\"",
+        "format": "eslint . --fix && prettier --write \"./**/*.{ts,tsx,scss}\"",
+        "build": "rm -rf ./dist && tsc -p tsconfig-es.json && tsc -p tsconfig-cjs.json",
+        "prepublishOnly": "npm run lint && npm run build",
+        "migrate": "ts-node ./bin/migrate.ts"
+    },
+    "dependencies": {
+        "@contentful/rich-text-react-renderer": "^15.22.11",
+        "@popperjs/core": "^2.11.8",
+        "keen-slider": "^6.8.6",
+        "react-popper": "^2.3.0",
+        "sass": "^1.82.0"
+    },
+    "devDependencies": {
+        "@becklyn/eslint": "*",
+        "@becklyn/tsconfig": "*",
+        "@contentful/rich-text-types": "^16.8.5",
+        "@types/node": "^20.17.9",
+        "@types/react": "^18.3.13",
+        "@types/react-dom": "^18.3.1",
+        "next": "^14.2.20",
+        "react": "^18.3.1",
+        "typescript": "^5.8.2"
+    },
+    "peerDependencies": {
+        "react": "^18.3.1 || ^19.0.0",
+        "next": "^14.0.0 || ^15.0.0"
+    },
+    "files": [
+        "./dist"
+    ],
+    "main": "./dist/cjs/index.js",
+    "module": "./dist/es/index.js",
+    "exports": {
+        ".": {
+            "require": "./dist/cjs/index.js",
+            "import": "./dist/es/index.js",
+            "default": "./dist/cjs/index.js"
+        },
+        "./package.json": "./package.json"
+    }
+}