@veribenim/react 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,86 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as _veribenim_core from '@veribenim/core';
+import { VeribenimConfig, Veribenim, ConsentPreferences } from '@veribenim/core';
+export { ConsentAction, ConsentPreferences, PreferencesResponse, VeribenimConfig } from '@veribenim/core';
+
+interface VeribenimProviderProps {
+    config: VeribenimConfig;
+    children: ReactNode;
+}
+/**
+ * Veribenim Provider — uygulamanın kökünde kullanılır
+ *
+ * @example
+ * <VeribenimProvider config={{ token: 'ENV_TOKEN' }}>
+ *   <App />
+ * </VeribenimProvider>
+ */
+declare function VeribenimProvider({ config, children }: VeribenimProviderProps): react_jsx_runtime.JSX.Element;
+
+interface VeribenimContextValue {
+    client: Veribenim;
+    preferences: ConsentPreferences | null;
+    isLoaded: boolean;
+    isConsented: boolean;
+    accept: (prefs?: Partial<ConsentPreferences>) => Promise<void>;
+    decline: () => Promise<void>;
+    savePreferences: (prefs: ConsentPreferences) => Promise<void>;
+}
+declare const VeribenimContext: react.Context<VeribenimContextValue | null>;
+
+interface ConsentBannerProps {
+    /** Banner henüz onay verilmemişken render edilsin mi? */
+    showWhenPending?: boolean;
+    /** Özel render fonksiyonu */
+    children?: (props: {
+        preferences: ConsentPreferences | null;
+        isConsented: boolean;
+        accept: () => Promise<void>;
+        decline: () => Promise<void>;
+        savePreferences: (prefs: ConsentPreferences) => Promise<void>;
+    }) => ReactNode;
+    /** Hazır banner mı kullanılacak? */
+    className?: string;
+}
+/**
+ * Basit headless banner bileşeni
+ * Kendi UI'ınızı children render prop ile sağlayın.
+ *
+ * @example
+ * <ConsentBanner>
+ *   {({ accept, decline }) => (
+ *     <div>
+ *       <button onClick={accept}>Kabul Et</button>
+ *       <button onClick={decline}>Reddet</button>
+ *     </div>
+ *   )}
+ * </ConsentBanner>
+ */
+declare function ConsentBanner({ children, showWhenPending }: ConsentBannerProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Ana Veribenim hook'u — tüm state ve aksiyonlara erişim
+ *
+ * @example
+ * const { preferences, accept, decline } = useVeribenim();
+ */
+declare function useVeribenim(): VeribenimContextValue;
+/**
+ * Belirli bir çerez kategorisinin durumunu döner
+ *
+ * @example
+ * const analyticsAllowed = useConsentCategory('analytics');
+ */
+declare function useConsentCategory(category: keyof ConsentPreferences): boolean;
+/**
+ * Kullanıcı henüz karar vermedi mi?
+ */
+declare function useConsentPending(): boolean;
+/**
+ * Doğrudan API client'a erişim (gelişmiş kullanım)
+ */
+declare function useVeribenimClient(): _veribenim_core.Veribenim;
+
+export { ConsentBanner, type ConsentBannerProps, VeribenimContext, type VeribenimContextValue, VeribenimProvider, type VeribenimProviderProps, useConsentCategory, useConsentPending, useVeribenim, useVeribenimClient };

package/dist/index.d.ts

@@ -0,0 +1,86 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as _veribenim_core from '@veribenim/core';
+import { VeribenimConfig, Veribenim, ConsentPreferences } from '@veribenim/core';
+export { ConsentAction, ConsentPreferences, PreferencesResponse, VeribenimConfig } from '@veribenim/core';
+
+interface VeribenimProviderProps {
+    config: VeribenimConfig;
+    children: ReactNode;
+}
+/**
+ * Veribenim Provider — uygulamanın kökünde kullanılır
+ *
+ * @example
+ * <VeribenimProvider config={{ token: 'ENV_TOKEN' }}>
+ *   <App />
+ * </VeribenimProvider>
+ */
+declare function VeribenimProvider({ config, children }: VeribenimProviderProps): react_jsx_runtime.JSX.Element;
+
+interface VeribenimContextValue {
+    client: Veribenim;
+    preferences: ConsentPreferences | null;
+    isLoaded: boolean;
+    isConsented: boolean;
+    accept: (prefs?: Partial<ConsentPreferences>) => Promise<void>;
+    decline: () => Promise<void>;
+    savePreferences: (prefs: ConsentPreferences) => Promise<void>;
+}
+declare const VeribenimContext: react.Context<VeribenimContextValue | null>;
+
+interface ConsentBannerProps {
+    /** Banner henüz onay verilmemişken render edilsin mi? */
+    showWhenPending?: boolean;
+    /** Özel render fonksiyonu */
+    children?: (props: {
+        preferences: ConsentPreferences | null;
+        isConsented: boolean;
+        accept: () => Promise<void>;
+        decline: () => Promise<void>;
+        savePreferences: (prefs: ConsentPreferences) => Promise<void>;
+    }) => ReactNode;
+    /** Hazır banner mı kullanılacak? */
+    className?: string;
+}
+/**
+ * Basit headless banner bileşeni
+ * Kendi UI'ınızı children render prop ile sağlayın.
+ *
+ * @example
+ * <ConsentBanner>
+ *   {({ accept, decline }) => (
+ *     <div>
+ *       <button onClick={accept}>Kabul Et</button>
+ *       <button onClick={decline}>Reddet</button>
+ *     </div>
+ *   )}
+ * </ConsentBanner>
+ */
+declare function ConsentBanner({ children, showWhenPending }: ConsentBannerProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Ana Veribenim hook'u — tüm state ve aksiyonlara erişim
+ *
+ * @example
+ * const { preferences, accept, decline } = useVeribenim();
+ */
+declare function useVeribenim(): VeribenimContextValue;
+/**
+ * Belirli bir çerez kategorisinin durumunu döner
+ *
+ * @example
+ * const analyticsAllowed = useConsentCategory('analytics');
+ */
+declare function useConsentCategory(category: keyof ConsentPreferences): boolean;
+/**
+ * Kullanıcı henüz karar vermedi mi?
+ */
+declare function useConsentPending(): boolean;
+/**
+ * Doğrudan API client'a erişim (gelişmiş kullanım)
+ */
+declare function useVeribenimClient(): _veribenim_core.Veribenim;
+
+export { ConsentBanner, type ConsentBannerProps, VeribenimContext, type VeribenimContextValue, VeribenimProvider, type VeribenimProviderProps, useConsentCategory, useConsentPending, useVeribenim, useVeribenimClient };

package/dist/index.js

@@ -0,0 +1,168 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  ConsentBanner: () => ConsentBanner,
+  VeribenimContext: () => VeribenimContext,
+  VeribenimProvider: () => VeribenimProvider,
+  useConsentCategory: () => useConsentCategory,
+  useConsentPending: () => useConsentPending,
+  useVeribenim: () => useVeribenim,
+  useVeribenimClient: () => useVeribenimClient
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/VeribenimProvider.tsx
+var import_react2 = require("react");
+var import_core = require("@veribenim/core");
+
+// src/VeribenimContext.tsx
+var import_react = require("react");
+var VeribenimContext = (0, import_react.createContext)(null);
+function useVeribenimContext() {
+  const ctx = (0, import_react.useContext)(VeribenimContext);
+  if (!ctx) {
+    throw new Error("[Veribenim] useVeribenim hook'u <VeribenimProvider> i\xE7inde kullan\u0131lmal\u0131d\u0131r");
+  }
+  return ctx;
+}
+
+// src/VeribenimProvider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ALL_ACCEPTED = {
+  necessary: true,
+  analytics: true,
+  marketing: true,
+  preferences: true
+};
+var ALL_DECLINED = {
+  necessary: true,
+  analytics: false,
+  marketing: false,
+  preferences: false
+};
+function VeribenimProvider({ config, children }) {
+  const [preferences, setPreferences] = (0, import_react2.useState)(null);
+  const [isLoaded, setIsLoaded] = (0, import_react2.useState)(false);
+  const client = (0, import_react2.useMemo)(() => {
+    return new import_core.Veribenim(config, {
+      onAccept: (prefs) => setPreferences(prefs),
+      onDecline: (prefs) => setPreferences(prefs),
+      onChange: (prefs) => setPreferences(prefs)
+    });
+  }, [config.token]);
+  (0, import_react2.useEffect)(() => {
+    client.getPreferences().then((res) => {
+      if (res) setPreferences(res.preferences);
+      setIsLoaded(true);
+    });
+  }, [client]);
+  const accept = (0, import_react2.useCallback)(
+    async (prefs) => {
+      const fullPrefs = { ...ALL_ACCEPTED, ...prefs };
+      const res = await client.savePreferences(fullPrefs);
+      if (res) {
+        setPreferences(res.preferences);
+        await client.logConsent({ action: "accept_all", preferences: fullPrefs });
+      }
+    },
+    [client]
+  );
+  const decline = (0, import_react2.useCallback)(async () => {
+    const res = await client.savePreferences(ALL_DECLINED);
+    if (res) {
+      setPreferences(res.preferences);
+      await client.logConsent({ action: "reject_all", preferences: ALL_DECLINED });
+    }
+  }, [client]);
+  const savePreferences = (0, import_react2.useCallback)(
+    async (prefs) => {
+      const res = await client.savePreferences(prefs);
+      if (res) {
+        setPreferences(res.preferences);
+        await client.logConsent({ action: "save_preferences", preferences: prefs });
+      }
+    },
+    [client]
+  );
+  const isConsented = preferences !== null;
+  const value = {
+    client,
+    preferences,
+    isLoaded,
+    isConsented,
+    accept,
+    decline,
+    savePreferences
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VeribenimContext.Provider, { value, children });
+}
+
+// src/hooks.ts
+function useVeribenim() {
+  return useVeribenimContext();
+}
+function useConsentCategory(category) {
+  var _a;
+  const { preferences } = useVeribenimContext();
+  if (!preferences) return false;
+  return (_a = preferences[category]) != null ? _a : false;
+}
+function useConsentPending() {
+  const { isConsented } = useVeribenimContext();
+  return !isConsented;
+}
+function useVeribenimClient() {
+  return useVeribenimContext().client;
+}
+
+// src/ConsentBanner.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ConsentBanner({ children, showWhenPending = true }) {
+  const { preferences, isConsented, accept, decline, savePreferences } = useVeribenim();
+  if (isConsented && showWhenPending) return null;
+  if (children) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: children({ preferences, isConsented, accept, decline, savePreferences }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      role: "dialog",
+      "aria-label": "\xC7erez izni",
+      "data-veribenim-banner": true,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "Bu site \xE7erezler kullanmaktad\u0131r. Deneyiminizi iyile\u015Ftirmek i\xE7in onay\u0131n\u0131za ihtiyac\u0131m\u0131z var." }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: () => accept(), children: "T\xFCm\xFCn\xFC Kabul Et" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: decline, children: "Yaln\u0131zca Zorunlular" })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConsentBanner,
+  VeribenimContext,
+  VeribenimProvider,
+  useConsentCategory,
+  useConsentPending,
+  useVeribenim,
+  useVeribenimClient
+});

package/dist/index.mjs

@@ -0,0 +1,135 @@
+// src/VeribenimProvider.tsx
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { Veribenim } from "@veribenim/core";
+
+// src/VeribenimContext.tsx
+import { createContext, useContext } from "react";
+var VeribenimContext = createContext(null);
+function useVeribenimContext() {
+  const ctx = useContext(VeribenimContext);
+  if (!ctx) {
+    throw new Error("[Veribenim] useVeribenim hook'u <VeribenimProvider> i\xE7inde kullan\u0131lmal\u0131d\u0131r");
+  }
+  return ctx;
+}
+
+// src/VeribenimProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var ALL_ACCEPTED = {
+  necessary: true,
+  analytics: true,
+  marketing: true,
+  preferences: true
+};
+var ALL_DECLINED = {
+  necessary: true,
+  analytics: false,
+  marketing: false,
+  preferences: false
+};
+function VeribenimProvider({ config, children }) {
+  const [preferences, setPreferences] = useState(null);
+  const [isLoaded, setIsLoaded] = useState(false);
+  const client = useMemo(() => {
+    return new Veribenim(config, {
+      onAccept: (prefs) => setPreferences(prefs),
+      onDecline: (prefs) => setPreferences(prefs),
+      onChange: (prefs) => setPreferences(prefs)
+    });
+  }, [config.token]);
+  useEffect(() => {
+    client.getPreferences().then((res) => {
+      if (res) setPreferences(res.preferences);
+      setIsLoaded(true);
+    });
+  }, [client]);
+  const accept = useCallback(
+    async (prefs) => {
+      const fullPrefs = { ...ALL_ACCEPTED, ...prefs };
+      const res = await client.savePreferences(fullPrefs);
+      if (res) {
+        setPreferences(res.preferences);
+        await client.logConsent({ action: "accept_all", preferences: fullPrefs });
+      }
+    },
+    [client]
+  );
+  const decline = useCallback(async () => {
+    const res = await client.savePreferences(ALL_DECLINED);
+    if (res) {
+      setPreferences(res.preferences);
+      await client.logConsent({ action: "reject_all", preferences: ALL_DECLINED });
+    }
+  }, [client]);
+  const savePreferences = useCallback(
+    async (prefs) => {
+      const res = await client.savePreferences(prefs);
+      if (res) {
+        setPreferences(res.preferences);
+        await client.logConsent({ action: "save_preferences", preferences: prefs });
+      }
+    },
+    [client]
+  );
+  const isConsented = preferences !== null;
+  const value = {
+    client,
+    preferences,
+    isLoaded,
+    isConsented,
+    accept,
+    decline,
+    savePreferences
+  };
+  return /* @__PURE__ */ jsx(VeribenimContext.Provider, { value, children });
+}
+
+// src/hooks.ts
+function useVeribenim() {
+  return useVeribenimContext();
+}
+function useConsentCategory(category) {
+  var _a;
+  const { preferences } = useVeribenimContext();
+  if (!preferences) return false;
+  return (_a = preferences[category]) != null ? _a : false;
+}
+function useConsentPending() {
+  const { isConsented } = useVeribenimContext();
+  return !isConsented;
+}
+function useVeribenimClient() {
+  return useVeribenimContext().client;
+}
+
+// src/ConsentBanner.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+function ConsentBanner({ children, showWhenPending = true }) {
+  const { preferences, isConsented, accept, decline, savePreferences } = useVeribenim();
+  if (isConsented && showWhenPending) return null;
+  if (children) {
+    return /* @__PURE__ */ jsx2(Fragment, { children: children({ preferences, isConsented, accept, decline, savePreferences }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "dialog",
+      "aria-label": "\xC7erez izni",
+      "data-veribenim-banner": true,
+      children: [
+        /* @__PURE__ */ jsx2("p", { children: "Bu site \xE7erezler kullanmaktad\u0131r. Deneyiminizi iyile\u015Ftirmek i\xE7in onay\u0131n\u0131za ihtiyac\u0131m\u0131z var." }),
+        /* @__PURE__ */ jsx2("button", { onClick: () => accept(), children: "T\xFCm\xFCn\xFC Kabul Et" }),
+        /* @__PURE__ */ jsx2("button", { onClick: decline, children: "Yaln\u0131zca Zorunlular" })
+      ]
+    }
+  );
+}
+export {
+  ConsentBanner,
+  VeribenimContext,
+  VeribenimProvider,
+  useConsentCategory,
+  useConsentPending,
+  useVeribenim,
+  useVeribenimClient
+};

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@veribenim/react",
+  "version": "1.0.0",
+  "description": "Veribenim KVKK/GDPR çerez onayı SDK - React",
+  "keywords": [
+    "kvkk",
+    "gdpr",
+    "cookie",
+    "consent",
+    "veribenim",
+    "react"
+  ],
+  "homepage": "https://veribenim.com",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pariette/veribenim.js.sdk",
+    "directory": "packages/react"
+  },
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@veribenim/core": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.tsx --format cjs,esm --dts --clean",
+    "dev": "tsup src/index.tsx --format cjs,esm --dts --watch",
+    "test": "jest --passWithNoTests",
+    "lint": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}