@wapitee/typhoonx-react 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Wapitee Interactive
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,93 @@
+# TyphoonX for React
+
+[![npm package](https://img.shields.io/npm/v/@wapitee/typhoonx-react?style=flat-square)](https://www.npmjs.com/package/@wapitee/typhoonx-react)
+[![MIT License](https://img.shields.io/badge/License-MIT-red.svg?style=flat-square)](https://opensource.org/licenses/MIT)
+
+React context and hook for sending TyphoonX storefront events by hand.
+
+## Install
+
+```bash
+npm install --save @wapitee/typhoonx-react
+```
+
+## Usage
+
+Wrap the storefront in `<TyphoonXProvider>`:
+
+```tsx
+import {TyphoonXProvider} from '@wapitee/typhoonx-react';
+
+export function App() {
+  return (
+    <TyphoonXProvider
+      consent={hasAnalyticsConsent}
+      merchantId="TPX-XXXXXX"
+      shopId="123456789"
+    >
+      {/* storefront */}
+    </TyphoonXProvider>
+  );
+}
+```
+
+Send events from any component inside the provider with `useTyphoonX()`. Calling it outside `<TyphoonXProvider>` throws.
+
+```tsx
+import {useTyphoonX} from '@wapitee/typhoonx-react';
+import {useEffect} from 'react';
+
+function ProductPage({product}: {product: Product}) {
+  const typhoonx = useTyphoonX();
+
+  useEffect(() => {
+    typhoonx.pageView();
+    typhoonx.viewItem({
+      currency: 'USD',
+      items: [
+        {
+          itemBrand: product.vendor,
+          itemId: product.id,
+          itemName: product.title,
+          price: product.price,
+          quantity: 1,
+        },
+      ],
+      value: product.price,
+    });
+  }, [typhoonx, product]);
+
+  return <AddToCartButton product={product} />;
+}
+```
+
+If your site sets a Content-Security-Policy, add `https://spell.typhoonx.io` to `connect-src` so event collection is not blocked.
+
+### Props
+
+| Prop           | Type      | Required | Description                                                                                                                       |
+| -------------- | --------- | -------- | --------------------------------------------------------------------------------------------------------------------------------- |
+| `merchantId`   | `string`  | yes      | TyphoonX merchant ID (`TPX-…`)                                                                                                    |
+| `shopId`       | `string`  | yes      | Shop ID                                                                                                                           |
+| `consent`      | `boolean` | yes      | Whether the visitor allows data collection. While `false`, events are dropped and nothing is written to cookies or `localStorage` |
+| `cookieDomain` | `string`  | no       | Cookie `Domain` for a first-party client id. Defaults to the current hostname's apex domain (e.g. `.example.com`)                 |
+
+### Events
+
+| Method                                                | TyphoonX Event     |
+| ----------------------------------------------------- | ------------------ |
+| `pageView()`                                          | `page_view`        |
+| `viewItem({currency?, items, value})`                 | `view_item`        |
+| `viewItemList({currency?, itemListId, itemListName})` | `view_item_list`   |
+| `addToCart({currency?, items, value})`                | `add_to_cart`      |
+| `removeFromCart({currency?, items, value})`           | `remove_from_cart` |
+| `viewCart({currency?, items, value})`                 | `view_cart`        |
+| `search({searchTerm})`                                | `search`           |
+
+Each item is `{itemBrand, itemId, itemName, price, quantity}`.
+
+Identical calls on the same page within one task, such as effects re-run by React StrictMode, are sent once.
+
+## License
+
+[MIT](./LICENSE) © Wapitee Interactive

package/dist/TyphoonXProvider.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import type { TyphoonXConfig, TyphoonXTracker } from './tracker.js';
+export interface TyphoonXProviderProps extends TyphoonXConfig {
+    children?: ReactNode;
+}
+export declare function TyphoonXProvider({ children, consent, cookieDomain, merchantId, shopId, }: TyphoonXProviderProps): import("react").JSX.Element;
+export declare function useTyphoonX(): TyphoonXTracker;
+//# sourceMappingURL=TyphoonXProvider.d.ts.map

package/dist/TyphoonXProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TyphoonXProvider.d.ts","sourceRoot":"","sources":["../src/TyphoonXProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EAAc,cAAc,EAAE,eAAe,EAAC,MAAM,cAAc,CAAC;AAG/E,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAID,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,UAAU,EACV,MAAM,GACP,EAAE,qBAAqB,+BAyBvB;AAED,wBAAgB,WAAW,IAAI,eAAe,CAU7C"}

package/dist/TyphoonXProvider.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useRef } from 'react';
+import { recordFirstVisit } from './first-visit.js';
+import { createTracker } from './tracker.js';
+const TyphoonXContext = createContext(null);
+export function TyphoonXProvider({ children, consent, cookieDomain, merchantId, shopId, }) {
+    const history = useRef({ previousUrl: null, url: null });
+    const tracker = useMemo(() => {
+        // Runs during render, before any child effect can create the client id.
+        if (consent && typeof window !== 'undefined') {
+            recordFirstVisit();
+        }
+        return createTracker({
+            consent,
+            merchantId,
+            shopId,
+            ...(cookieDomain === undefined ? {} : { cookieDomain }),
+        }, history.current);
+    }, [consent, cookieDomain, merchantId, shopId]);
+    return (_jsx(TyphoonXContext.Provider, { value: tracker, children: children }));
+}
+export function useTyphoonX() {
+    const tracker = useContext(TyphoonXContext);
+    if (tracker === null) {
+        throw new Error('[TyphoonX] useTyphoonX() must be called inside <TyphoonXProvider>.');
+    }
+    return tracker;
+}

package/dist/client-id.d.ts

@@ -0,0 +1,5 @@
+/** Whether `__typhoon_client_id` is already set. */
+export declare function hasClientId(): boolean;
+/** Existing `__typhoon_client_id`, or a new UUID cookie on the apex domain. */
+export declare function getOrCreateClientId(cookieDomain?: string): string;
+//# sourceMappingURL=client-id.d.ts.map

package/dist/client-id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-id.d.ts","sourceRoot":"","sources":["../src/client-id.ts"],"names":[],"mappings":"AAwBA,oDAAoD;AACpD,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED,+EAA+E;AAC/E,wBAAgB,mBAAmB,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAWjE"}

package/dist/client-id.js

@@ -0,0 +1,41 @@
+import CookieLib from 'universal-cookie';
+const COOKIE = '__typhoon_client_id';
+const MAX_AGE = 31_536_000; // 365 days
+// Runtime default export is the class.
+const Cookies = CookieLib;
+const cookies = new Cookies(null, {
+    path: '/',
+    sameSite: 'lax',
+    maxAge: MAX_AGE,
+});
+/** Whether `__typhoon_client_id` is already set. */
+export function hasClientId() {
+    return cookies.get(COOKIE, { doNotParse: true }) !== undefined;
+}
+/** Existing `__typhoon_client_id`, or a new UUID cookie on the apex domain. */
+export function getOrCreateClientId(cookieDomain) {
+    const existing = cookies.get(COOKIE, { doNotParse: true });
+    if (existing) {
+        return existing;
+    }
+    const id = crypto.randomUUID();
+    const domain = cookieDomain ?? apexCookieDomain(window.location.hostname);
+    const secure = window.location.protocol === 'https:';
+    cookies.set(COOKIE, id, domain ? { domain, secure } : { secure });
+    return id;
+}
+function apexCookieDomain(hostname) {
+    const labels = hostname.split('.');
+    const secure = window.location.protocol === 'https:';
+    for (let n = 2; n <= labels.length; n += 1) {
+        const domain = `.${labels.slice(-n).join('.')}`;
+        const token = crypto.randomUUID();
+        cookies.set('__typhoon_d', token, { domain, maxAge: 60, secure });
+        const probe = cookies.get('__typhoon_d', { doNotParse: true });
+        cookies.remove('__typhoon_d', { domain, secure });
+        if (probe === token) {
+            return domain;
+        }
+    }
+    return undefined;
+}

package/dist/first-visit.d.ts

@@ -0,0 +1,9 @@
+export interface FirstVisit {
+    time: string;
+    url: string;
+}
+/** Stores a new visitor's first visit time and URL, keeping any earlier record. */
+export declare function recordFirstVisit(): void;
+/** Reads and clears the stored first visit, if any. */
+export declare function takeFirstVisit(): FirstVisit | undefined;
+//# sourceMappingURL=first-visit.d.ts.map

package/dist/first-visit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"first-visit.d.ts","sourceRoot":"","sources":["../src/first-visit.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,mFAAmF;AACnF,wBAAgB,gBAAgB,IAAI,IAAI,CAUvC;AAED,uDAAuD;AACvD,wBAAgB,cAAc,IAAI,UAAU,GAAG,SAAS,CAUvD"}

package/dist/first-visit.js

@@ -0,0 +1,29 @@
+import { hasClientId } from './client-id.js';
+const TIME_KEY = '__typhoon_first_visit_time';
+const URL_KEY = '__typhoon_first_visit_url';
+/** Stores a new visitor's first visit time and URL, keeping any earlier record. */
+export function recordFirstVisit() {
+    try {
+        if (hasClientId() || window.localStorage.getItem(TIME_KEY) !== null) {
+            return;
+        }
+        window.localStorage.setItem(TIME_KEY, new Date().toISOString());
+        window.localStorage.setItem(URL_KEY, window.location.href);
+    }
+    catch {
+        // Do nothing
+    }
+}
+/** Reads and clears the stored first visit, if any. */
+export function takeFirstVisit() {
+    try {
+        const time = window.localStorage.getItem(TIME_KEY);
+        const url = window.localStorage.getItem(URL_KEY);
+        window.localStorage.removeItem(TIME_KEY);
+        window.localStorage.removeItem(URL_KEY);
+        return time && url ? { time, url } : undefined;
+    }
+    catch {
+        return undefined;
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export type { TyphoonXConfig, TyphoonXItem, TyphoonXItemListEvent, TyphoonXItemsEvent, TyphoonXSearchEvent, TyphoonXTracker, } from './tracker.js';
+export type { TyphoonXProviderProps } from './TyphoonXProvider.js';
+export { TyphoonXProvider, useTyphoonX } from './TyphoonXProvider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,cAAc,EACd,YAAY,EACZ,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,GAChB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAC,qBAAqB,EAAC,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAC,gBAAgB,EAAE,WAAW,EAAC,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+export { TyphoonXProvider, useTyphoonX } from './TyphoonXProvider.js';

package/dist/meta-pixel.d.ts

@@ -0,0 +1,7 @@
+export interface MetaPixelIds {
+    fbc?: string;
+    fbp?: string;
+}
+/** Meta Pixel `_fbp` / `_fbc` cookies, with `_fbc` falling back to `url`'s `fbclid`. */
+export declare function getMetaPixelIds(url: string): MetaPixelIds;
+//# sourceMappingURL=meta-pixel.d.ts.map

package/dist/meta-pixel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta-pixel.d.ts","sourceRoot":"","sources":["../src/meta-pixel.ts"],"names":[],"mappings":"AASA,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wFAAwF;AACxF,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAQzD"}

package/dist/meta-pixel.js

@@ -0,0 +1,23 @@
+import CookieLib from 'universal-cookie';
+// Runtime default export is the class.
+const cookies = new CookieLib();
+/** Meta Pixel `_fbp` / `_fbc` cookies, with `_fbc` falling back to `url`'s `fbclid`. */
+export function getMetaPixelIds(url) {
+    const fbp = cookies.get('_fbp', { doNotParse: true });
+    const fbc = cookies.get('_fbc', { doNotParse: true }) ?? fbcFromUrl(url);
+    return {
+        ...(fbc === undefined ? {} : { fbc }),
+        ...(fbp === undefined ? {} : { fbp }),
+    };
+}
+function fbcFromUrl(url) {
+    let fbclid;
+    try {
+        fbclid = new URL(url).searchParams.get('fbclid');
+    }
+    catch {
+        return undefined;
+    }
+    // Meta specifies subdomain index 1 for an `_fbc` built outside the Pixel.
+    return fbclid ? `fb.1.${String(Date.now())}.${fbclid}` : undefined;
+}

package/dist/tracker.d.ts

@@ -0,0 +1,43 @@
+export interface TyphoonXConfig {
+    /** Whether the visitor allows data collection. Nothing is sent or stored while `false`. */
+    consent: boolean;
+    cookieDomain?: string;
+    merchantId: string;
+    shopId: string;
+}
+export interface TyphoonXItem {
+    itemBrand: string;
+    itemId: string;
+    itemName: string;
+    price: number | string;
+    quantity: number;
+}
+export interface TyphoonXItemsEvent {
+    currency?: string;
+    items: TyphoonXItem[];
+    value: number | string;
+}
+export interface TyphoonXItemListEvent {
+    currency?: string;
+    itemListId: string;
+    itemListName: string;
+}
+export interface TyphoonXSearchEvent {
+    searchTerm: string;
+}
+export interface TyphoonXTracker {
+    addToCart: (event: TyphoonXItemsEvent) => void;
+    pageView: () => void;
+    removeFromCart: (event: TyphoonXItemsEvent) => void;
+    search: (event: TyphoonXSearchEvent) => void;
+    viewCart: (event: TyphoonXItemsEvent) => void;
+    viewItem: (event: TyphoonXItemsEvent) => void;
+    viewItemList: (event: TyphoonXItemListEvent) => void;
+}
+/** Current and previous page URLs, kept across trackers so consent changes don't reset the referrer. */
+export interface PageHistory {
+    previousUrl: string | null;
+    url: string | null;
+}
+export declare function createTracker({ consent, cookieDomain, merchantId, shopId }: TyphoonXConfig, history: PageHistory): TyphoonXTracker;
+//# sourceMappingURL=tracker.d.ts.map

package/dist/tracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracker.d.ts","sourceRoot":"","sources":["../src/tracker.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,2FAA2F;IAC3F,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACpD,MAAM,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACtD;AAED,wGAAwG;AACxG,MAAM,WAAW,WAAW;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACpB;AA+CD,wBAAgB,aAAa,CAC3B,EAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAC,EAAE,cAAc,EAC3D,OAAO,EAAE,WAAW,GACnB,eAAe,CAwGjB"}

package/dist/tracker.js

@@ -0,0 +1,97 @@
+import { getOrCreateClientId } from './client-id.js';
+import { takeFirstVisit } from './first-visit.js';
+import { getMetaPixelIds } from './meta-pixel.js';
+const COLLECT_ENDPOINT = 'https://spell.typhoonx.io/api/v1/receive';
+const ignore = () => undefined;
+const NOOP_TRACKER = {
+    addToCart: ignore,
+    pageView: ignore,
+    removeFromCart: ignore,
+    search: ignore,
+    viewCart: ignore,
+    viewItem: ignore,
+    viewItemList: ignore,
+};
+export function createTracker({ consent, cookieDomain, merchantId, shopId }, history) {
+    if (!consent) {
+        return NOOP_TRACKER;
+    }
+    const referrerFor = (url) => {
+        if (history.url !== url) {
+            history.previousUrl = history.url;
+            history.url = url;
+        }
+        return history.previousUrl ?? document.referrer;
+    };
+    const send = (payload) => {
+        navigator.sendBeacon(COLLECT_ENDPOINT, new Blob([JSON.stringify(payload)], { type: 'application/json' }));
+    };
+    const shared = (currency) => {
+        const url = window.location.href;
+        return {
+            client_id: getOrCreateClientId(cookieDomain),
+            merchant_id: merchantId,
+            referrer: referrerFor(url),
+            request_page_url: url,
+            shop_id: shopId,
+            timestamp: new Date().toISOString(),
+            user_agent: window.navigator.userAgent,
+            ...(currency === undefined ? {} : { currency }),
+            ...getMetaPixelIds(url),
+        };
+    };
+    const trackedThisTask = new Set();
+    // StrictMode re-runs effects synchronously, so identical calls within one task are the same event.
+    const dedupe = (event, track) => (...args) => {
+        const key = JSON.stringify([event, window.location.href, args]);
+        if (trackedThisTask.has(key))
+            return;
+        trackedThisTask.add(key);
+        queueMicrotask(() => trackedThisTask.delete(key));
+        track(...args);
+    };
+    const itemsEvent = (event) => dedupe(event, ({ currency, items, value }) => {
+        send({
+            ...shared(currency),
+            event,
+            items: items.map((item) => ({
+                item_brand: item.itemBrand,
+                item_id: item.itemId,
+                item_name: item.itemName,
+                price: String(item.price),
+                quantity: item.quantity,
+            })),
+            value: String(value),
+        });
+    });
+    return {
+        addToCart: itemsEvent('add_to_cart'),
+        pageView: dedupe('page_view', () => {
+            const payload = shared();
+            send({ ...payload, event: 'page_view' });
+            const firstVisit = takeFirstVisit();
+            if (firstVisit === undefined)
+                return;
+            send({
+                ...payload,
+                event: 'first_visit',
+                request_page_url: firstVisit.url,
+                timestamp: firstVisit.time,
+            });
+        }),
+        removeFromCart: itemsEvent('remove_from_cart'),
+        search: dedupe('search', ({ searchTerm }) => {
+            send({ ...shared(), event: 'search', search_term: searchTerm });
+        }),
+        viewCart: itemsEvent('view_cart'),
+        viewItem: itemsEvent('view_item'),
+        viewItemList: dedupe('view_item_list', ({ currency, itemListId, itemListName }) => {
+            send({
+                ...shared(currency),
+                event: 'view_item_list',
+                item_list_id: itemListId,
+                item_list_name: itemListName,
+            });
+        }),
+    };
+}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@wapitee/typhoonx-react",
+  "version": "0.0.0",
+  "description": "TyphoonX storefront events for React",
+  "keywords": [
+    "typhoonx",
+    "analytics",
+    "react",
+    "storefront"
+  ],
+  "homepage": "https://github.com/Wapitee-Interactive-Marketing-Limited/typhoonx-js/tree/main/packages/typhoonx-react",
+  "bugs": {
+    "url": "https://github.com/Wapitee-Interactive-Marketing-Limited/typhoonx-js/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Wapitee-Interactive-Marketing-Limited/typhoonx-js.git",
+    "directory": "packages/typhoonx-react"
+  },
+  "license": "MIT",
+  "author": "jay@wapitee.io",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "universal-cookie": "^8.1.2"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.31",
+    "react": "^18.3.1",
+    "typescript": "^6.0.3"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "registry": "https://registry.npmjs.org"
+  }
+}