@adhese/sdk-react 0.7.0 → 0.8.1

package/README.md

@@ -1,57 +1,112 @@
-# Adhese SDK
+# Adhese React SDK
 
-## Introduction
-This monorepo contains the Adhese SDK for web. The project uses Turborepo to manage the monorepo. Make sure to run
-everything from the root of the project.
+For React developers, we provide a React SDK that allows you to easily integrate our services into your React application.
 
-## Running the project
-Install dependencies:
-```
-npm i
-```
-> Only use `npm` to install dependencies. `pnpm` and `yarn` will create their own lockfiles and will cause issues when
-> maintaining the project.
+> The React SDK is built on top of the [Adhese JavaScript SDK](https:/adhese.github.com/sdk_typescript/index.html) and
+> doesn't need the Adhese JavaScript SDK to be installed separately.
 
-### Dev mode
-Start the dev server:
+## Installation
 ```bash
-npm run dev
+npm install @adhese/sdk-react
 ```
 
-This will spin up multiple processes at the same time depending on the package or app own configuration. In general,
-packages will start the test runner in watch mode and the docs app will start a dev server. For example, the
-`apps/example` will start a test server on `localhost:5173`.
+## `AdheseProvider`
+The `AdheseProvider` component is a context provider that makes the Adhese instance available to all child components.
+It should be placed at the root of your application. It accepts an `options` prop that is passed to the `createAdhese`
+function. When the `options` prop changes, the Adhese instance is recreated. This provider replaces the `createAdhese`
+function.
 
-### Testing
-Run all tests:
-```bash
-npm run test
+> The `AdheseProvider` component is a wrapper around the `createAdhese` function. It is required to use the
+> `AdheseProvider` if you want to use the `useAdhese` or `useAdheseSlot` hooks.
+
+```jsx
+import { AdheseProvider } from '@adhese/sdk-react';
+
+function Devtools() {
+  return (
+    <AdheseProvider options={{
+      account: 'your-account-id',
+    }}>
+      <YourApp />
+    </AdheseProvider>
+  );
+}
 ```
 
-This will run all tests in packages that have tests configured. It will also report test coverage. Currently, all
-projects use [Vitest](https://vitest.dev/) as the test runner.
+## `useAdhese`
+The `useAdhese` hook returns the Adhese instance that is created by the `AdheseProvider`. It can be used to access the Adhese instance in any child component.
 
-### Building
-Build all packages:
-```bash
-npm run build
+```jsx
+import { useAdhese } from '@adhese/sdk-react';
+
+function YourComponent() {
+  const adhese = useAdhese();
+  // Use the adhese instance
+}
 ```
 
-This will build all packages and apps.
+## `useAdheseSlot`
+The `useAdheseSlot` hook returns a slot object for a given slot name. Use the to create a slot in your component.
 
-### Linting
-Lint all packages:
-```bash
-npm run lint
+It accepts the following arguments:
+- `elementRef`: A ref to the element that the slot should be attached to.
+- `options`: An object with options for the slot. This object is passed to the `adhese.addSlot` function.
+
+When your component is unmounted, the slot is automatically removed from the Adhese instance.
+
+```jsx
+import { useAdheseSlot } from '@adhese/sdk-react';
+
+function YourComponent() {
+  const elementRef = useRef(null);
+
+  const slot = useAdheseSlot(elementRef, {
+    format: 'your-format',
+  });
+
+  return (
+    <div ref={elementRef} />
+  );
+}
 ```
 
-This will lint all packages and apps. Currently, all projects use [ESLint](https://eslint.org/) as the linter.
+## `useAdheseSlot` with `onBeforeRender`
+Like described in the
+[slots documentation](https:/adhese.github.com/sdk_typescript/slots.html#hijacking-the-rendering-process), you can use
+the `onBeforeRender` callback to intercept the to be rendered ad. The example there is written in vanilla JavaScript. To
+use`jsx` you can use the React `renderToStaticMarkup` function to create static HTML while still having the benefits of
+JSX.
+
+```jsx
+import { renderToStaticMarkup } from 'react-dom/server';
+import { useAdheseSlot } from '@adhese/sdk-react';
 
-## Installing new dependencies
-When installing new dependencies, consider the following:
-- Do I need this dependency in all packages?
-  - If yes, install it in the root of the project using `npm install <package>`.
-  - If no, install it in the package that needs it using `npm install <package> -w <package-name>`.
-- Is it a dev dependency?
-  - If no, make sure to separately install into the `packages/sdk/package.json` to make sure that the dependency is not
-    included in the bundle as NPM will handle the dependency.
+function YourComponent() {
+  const adhese = useAdhese();
+  const elementRef = useRef(null);
+
+  const slot = useAdheseSlot(elementRef, {
+    format: 'your-format',
+    onBeforeRender: (ad) => {
+      if (typeof ad.tag !== 'object') {
+        // If the tag is not an object, return the ad as is
+        return ad;
+      }
+
+      return {
+        ...ad,
+        tag: renderToStaticMarkup((
+          <div>
+            <h1>{ad.tag.title}</h1>
+            <p>{ad.tag.description}</p>
+          </div>
+        )),
+      }
+    },
+  });
+
+  return (
+    <div ref={slot.elementRef} />
+  );
+}
+```

package/dist/index.cjs

@@ -26,7 +26,7 @@ function useAdheseSlot(elementRef, options) {
   useDeepCompareEffect(() => {
     let intermediate;
     if (adhese && elementRef.current) {
-      intermediate = adhese.add(
+      intermediate = adhese.addSlot(
         {
           ...options,
           containingElement: elementRef.current

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/adheseContext.tsx","../src/useAdheseSlot.ts"],"sourcesContent":["'use client';\n\nimport {\n  type PropsWithChildren,\n  type ReactElement,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { type Adhese, type AdheseOptions, createAdhese } from '@adhese/sdk';\n\nconst adheseContext = createContext<Adhese | undefined>(undefined);\n\n/**\n * Provider to create an Adhese instance with the given options. Via the `useAdhese` hook, the Adhese instance can be\n * used in all child components.\n * @param children The children to render\n * @param options The options to create the Adhese instance with. When the options change, the Adhese instance will be recreated.\n * @constructor\n */\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseProvider({ children, options }: PropsWithChildren<{ options: AdheseOptions }>): ReactElement {\n  const [adhese, setAdhese] = useState<Adhese | undefined>(undefined);\n\n  useEffect(() => {\n    const instance = createAdhese(options);\n    setAdhese(instance);\n\n    return () => {\n      instance.dispose();\n    };\n  }, [options]);\n\n  return (\n    <adheseContext.Provider value={adhese}>\n      {children}\n    </adheseContext.Provider>\n  );\n}\n\n/**\n * Hook to get the Adhese instance from the nearest `AdheseProvider`. When the Adhese instance is not available yet, `null`\n */\nexport function useAdhese(): Adhese | undefined {\n  return useContext(adheseContext);\n}\n","import { type RefObject, useState } from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\nimport useDeepCompareEffect from 'use-deep-compare-effect';\nimport { omit } from 'remeda';\nimport { useAdhese } from './adheseContext';\n\n/**\n * Hook to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be created\n * when the containing element is available and the Adhese instance is available.\n * @param elementRef The ref to the containing element\n * @param options The options to create the slot\n */\nexport function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): AdheseSlot | null {\n  const [slot, setSlot] = useState<AdheseSlot | null>(null);\n  const adhese = useAdhese();\n\n  useDeepCompareEffect(() => {\n    let intermediate: AdheseSlot | undefined;\n\n    if (adhese && elementRef.current) {\n      intermediate = adhese.add(\n        {\n          ...options,\n          containingElement: elementRef.current,\n        },\n      );\n\n      setSlot(intermediate);\n    }\n\n    return () => {\n      intermediate?.dispose();\n    };\n  }, [adhese, omit(options, Object.entries(options).filter(([, value]) => typeof value === 'function').map(([key]) => key as keyof typeof options)), elementRef.current]);\n\n  return slot;\n}\n"],"names":["createContext","useState","useEffect","createAdhese","useContext","omit"],"mappings":";;;;;;;AAYA,MAAM,gBAAgBA,MAAAA,cAAkC,MAAS;AAU1D,SAAS,eAAe,EAAE,UAAU,WAAwE;AACjH,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAA6B,MAAS;AAElEC,QAAAA,UAAU,MAAM;AACR,UAAA,WAAWC,iBAAa,OAAO;AACrC,cAAU,QAAQ;AAElB,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,OAAO,CAAC;AAEZ,wCACG,cAAc,UAAd,EAAuB,OAAO,QAC5B,SACH,CAAA;AAEJ;AAKO,SAAS,YAAgC;AAC9C,SAAOC,MAAAA,WAAW,aAAa;AACjC;AClCgB,SAAA,cAAc,YAAoC,SAAsF;AACtJ,QAAM,CAAC,MAAM,OAAO,IAAIH,eAA4B,IAAI;AACxD,QAAM,SAAS;AAEf,uBAAqB,MAAM;AACrB,QAAA;AAEA,QAAA,UAAU,WAAW,SAAS;AAChC,qBAAe,OAAO;AAAA,QACpB;AAAA,UACE,GAAG;AAAA,UACH,mBAAmB,WAAW;AAAA,QAChC;AAAA,MAAA;AAGF,cAAQ,YAAY;AAAA,IACtB;AAEA,WAAO,MAAM;AACX,mDAAc;AAAA,IAAQ;AAAA,EAEvB,GAAA,CAAC,QAAQI,YAAK,SAAS,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAA,EAAG,KAAK,MAAM,OAAO,UAAU,UAAU,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM,GAA2B,CAAC,GAAG,WAAW,OAAO,CAAC;AAE/J,SAAA;AACT;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/adheseContext.tsx","../src/useAdheseSlot.ts"],"sourcesContent":["'use client';\n\nimport {\n  type PropsWithChildren,\n  type ReactElement,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { type Adhese, type AdheseOptions, createAdhese } from '@adhese/sdk';\n\nconst adheseContext = createContext<Adhese | undefined>(undefined);\n\n/**\n * Provider to create an Adhese instance with the given options. Via the `useAdhese` hook, the Adhese instance can be\n * used in all child components.\n * @param children The children to render\n * @param options The options to create the Adhese instance with. When the options change, the Adhese instance will be recreated.\n * @constructor\n */\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseProvider({ children, options }: PropsWithChildren<{ options: AdheseOptions }>): ReactElement {\n  const [adhese, setAdhese] = useState<Adhese | undefined>(undefined);\n\n  useEffect(() => {\n    const instance = createAdhese(options);\n    setAdhese(instance);\n\n    return (): void => {\n      instance.dispose();\n    };\n  }, [options]);\n\n  return (\n    <adheseContext.Provider value={adhese}>\n      {children}\n    </adheseContext.Provider>\n  );\n}\n\n/**\n * Hook to get the Adhese instance from the nearest `AdheseProvider`. When the Adhese instance is not available yet, `null`\n */\nexport function useAdhese(): Adhese | undefined {\n  return useContext(adheseContext);\n}\n","import { type RefObject, useState } from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\nimport useDeepCompareEffect from 'use-deep-compare-effect';\nimport { omit } from 'remeda';\nimport { useAdhese } from './adheseContext';\n\n/**\n * Hook to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be created\n * when the containing element is available and the Adhese instance is available.\n * @param elementRef The ref to the containing element\n * @param options The options to create the slot\n */\nexport function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): AdheseSlot | null {\n  const [slot, setSlot] = useState<AdheseSlot | null>(null);\n  const adhese = useAdhese();\n\n  useDeepCompareEffect(() => {\n    let intermediate: AdheseSlot | undefined;\n\n    if (adhese && elementRef.current) {\n      intermediate = adhese.addSlot(\n        {\n          ...options,\n          containingElement: elementRef.current,\n        },\n      );\n\n      setSlot(intermediate);\n    }\n\n    return (): void => {\n      intermediate?.dispose();\n    };\n  }, [adhese, omit(options, Object.entries(options).filter(([, value]) => typeof value === 'function').map(([key]) => key as keyof typeof options)), elementRef.current]);\n\n  return slot;\n}\n"],"names":["createContext","useState","useEffect","createAdhese","useContext","omit"],"mappings":";;;;;;;AAYA,MAAM,gBAAgBA,MAAAA,cAAkC,MAAS;AAU1D,SAAS,eAAe,EAAE,UAAU,WAAwE;AACjH,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAA6B,MAAS;AAElEC,QAAAA,UAAU,MAAM;AACR,UAAA,WAAWC,iBAAa,OAAO;AACrC,cAAU,QAAQ;AAElB,WAAO,MAAY;AACjB,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,OAAO,CAAC;AAEZ,wCACG,cAAc,UAAd,EAAuB,OAAO,QAC5B,SACH,CAAA;AAEJ;AAKO,SAAS,YAAgC;AAC9C,SAAOC,MAAAA,WAAW,aAAa;AACjC;AClCgB,SAAA,cAAc,YAAoC,SAAsF;AACtJ,QAAM,CAAC,MAAM,OAAO,IAAIH,eAA4B,IAAI;AACxD,QAAM,SAAS;AAEf,uBAAqB,MAAM;AACrB,QAAA;AAEA,QAAA,UAAU,WAAW,SAAS;AAChC,qBAAe,OAAO;AAAA,QACpB;AAAA,UACE,GAAG;AAAA,UACH,mBAAmB,WAAW;AAAA,QAChC;AAAA,MAAA;AAGF,cAAQ,YAAY;AAAA,IACtB;AAEA,WAAO,MAAY;AACjB,mDAAc;AAAA,IAAQ;AAAA,EAEvB,GAAA,CAAC,QAAQI,YAAK,SAAS,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAA,EAAG,KAAK,MAAM,OAAO,UAAU,UAAU,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM,GAA2B,CAAC,GAAG,WAAW,OAAO,CAAC;AAE/J,SAAA;AACT;;;;"}

package/dist/index.js

@@ -24,7 +24,7 @@ function useAdheseSlot(elementRef, options) {
   useDeepCompareEffect(() => {
     let intermediate;
     if (adhese && elementRef.current) {
-      intermediate = adhese.add(
+      intermediate = adhese.addSlot(
         {
           ...options,
           containingElement: elementRef.current

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/adheseContext.tsx","../src/useAdheseSlot.ts"],"sourcesContent":["'use client';\n\nimport {\n  type PropsWithChildren,\n  type ReactElement,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { type Adhese, type AdheseOptions, createAdhese } from '@adhese/sdk';\n\nconst adheseContext = createContext<Adhese | undefined>(undefined);\n\n/**\n * Provider to create an Adhese instance with the given options. Via the `useAdhese` hook, the Adhese instance can be\n * used in all child components.\n * @param children The children to render\n * @param options The options to create the Adhese instance with. When the options change, the Adhese instance will be recreated.\n * @constructor\n */\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseProvider({ children, options }: PropsWithChildren<{ options: AdheseOptions }>): ReactElement {\n  const [adhese, setAdhese] = useState<Adhese | undefined>(undefined);\n\n  useEffect(() => {\n    const instance = createAdhese(options);\n    setAdhese(instance);\n\n    return () => {\n      instance.dispose();\n    };\n  }, [options]);\n\n  return (\n    <adheseContext.Provider value={adhese}>\n      {children}\n    </adheseContext.Provider>\n  );\n}\n\n/**\n * Hook to get the Adhese instance from the nearest `AdheseProvider`. When the Adhese instance is not available yet, `null`\n */\nexport function useAdhese(): Adhese | undefined {\n  return useContext(adheseContext);\n}\n","import { type RefObject, useState } from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\nimport useDeepCompareEffect from 'use-deep-compare-effect';\nimport { omit } from 'remeda';\nimport { useAdhese } from './adheseContext';\n\n/**\n * Hook to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be created\n * when the containing element is available and the Adhese instance is available.\n * @param elementRef The ref to the containing element\n * @param options The options to create the slot\n */\nexport function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): AdheseSlot | null {\n  const [slot, setSlot] = useState<AdheseSlot | null>(null);\n  const adhese = useAdhese();\n\n  useDeepCompareEffect(() => {\n    let intermediate: AdheseSlot | undefined;\n\n    if (adhese && elementRef.current) {\n      intermediate = adhese.add(\n        {\n          ...options,\n          containingElement: elementRef.current,\n        },\n      );\n\n      setSlot(intermediate);\n    }\n\n    return () => {\n      intermediate?.dispose();\n    };\n  }, [adhese, omit(options, Object.entries(options).filter(([, value]) => typeof value === 'function').map(([key]) => key as keyof typeof options)), elementRef.current]);\n\n  return slot;\n}\n"],"names":[],"mappings":";;;;;AAYA,MAAM,gBAAgB,cAAkC,MAAS;AAU1D,SAAS,eAAe,EAAE,UAAU,WAAwE;AACjH,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,MAAS;AAElE,YAAU,MAAM;AACR,UAAA,WAAW,aAAa,OAAO;AACrC,cAAU,QAAQ;AAElB,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,OAAO,CAAC;AAEZ,6BACG,cAAc,UAAd,EAAuB,OAAO,QAC5B,SACH,CAAA;AAEJ;AAKO,SAAS,YAAgC;AAC9C,SAAO,WAAW,aAAa;AACjC;AClCgB,SAAA,cAAc,YAAoC,SAAsF;AACtJ,QAAM,CAAC,MAAM,OAAO,IAAI,SAA4B,IAAI;AACxD,QAAM,SAAS;AAEf,uBAAqB,MAAM;AACrB,QAAA;AAEA,QAAA,UAAU,WAAW,SAAS;AAChC,qBAAe,OAAO;AAAA,QACpB;AAAA,UACE,GAAG;AAAA,UACH,mBAAmB,WAAW;AAAA,QAChC;AAAA,MAAA;AAGF,cAAQ,YAAY;AAAA,IACtB;AAEA,WAAO,MAAM;AACX,mDAAc;AAAA,IAAQ;AAAA,EAEvB,GAAA,CAAC,QAAQ,KAAK,SAAS,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAA,EAAG,KAAK,MAAM,OAAO,UAAU,UAAU,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM,GAA2B,CAAC,GAAG,WAAW,OAAO,CAAC;AAE/J,SAAA;AACT;"}
+{"version":3,"file":"index.js","sources":["../src/adheseContext.tsx","../src/useAdheseSlot.ts"],"sourcesContent":["'use client';\n\nimport {\n  type PropsWithChildren,\n  type ReactElement,\n  createContext,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport { type Adhese, type AdheseOptions, createAdhese } from '@adhese/sdk';\n\nconst adheseContext = createContext<Adhese | undefined>(undefined);\n\n/**\n * Provider to create an Adhese instance with the given options. Via the `useAdhese` hook, the Adhese instance can be\n * used in all child components.\n * @param children The children to render\n * @param options The options to create the Adhese instance with. When the options change, the Adhese instance will be recreated.\n * @constructor\n */\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseProvider({ children, options }: PropsWithChildren<{ options: AdheseOptions }>): ReactElement {\n  const [adhese, setAdhese] = useState<Adhese | undefined>(undefined);\n\n  useEffect(() => {\n    const instance = createAdhese(options);\n    setAdhese(instance);\n\n    return (): void => {\n      instance.dispose();\n    };\n  }, [options]);\n\n  return (\n    <adheseContext.Provider value={adhese}>\n      {children}\n    </adheseContext.Provider>\n  );\n}\n\n/**\n * Hook to get the Adhese instance from the nearest `AdheseProvider`. When the Adhese instance is not available yet, `null`\n */\nexport function useAdhese(): Adhese | undefined {\n  return useContext(adheseContext);\n}\n","import { type RefObject, useState } from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\nimport useDeepCompareEffect from 'use-deep-compare-effect';\nimport { omit } from 'remeda';\nimport { useAdhese } from './adheseContext';\n\n/**\n * Hook to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be created\n * when the containing element is available and the Adhese instance is available.\n * @param elementRef The ref to the containing element\n * @param options The options to create the slot\n */\nexport function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): AdheseSlot | null {\n  const [slot, setSlot] = useState<AdheseSlot | null>(null);\n  const adhese = useAdhese();\n\n  useDeepCompareEffect(() => {\n    let intermediate: AdheseSlot | undefined;\n\n    if (adhese && elementRef.current) {\n      intermediate = adhese.addSlot(\n        {\n          ...options,\n          containingElement: elementRef.current,\n        },\n      );\n\n      setSlot(intermediate);\n    }\n\n    return (): void => {\n      intermediate?.dispose();\n    };\n  }, [adhese, omit(options, Object.entries(options).filter(([, value]) => typeof value === 'function').map(([key]) => key as keyof typeof options)), elementRef.current]);\n\n  return slot;\n}\n"],"names":[],"mappings":";;;;;AAYA,MAAM,gBAAgB,cAAkC,MAAS;AAU1D,SAAS,eAAe,EAAE,UAAU,WAAwE;AACjH,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,MAAS;AAElE,YAAU,MAAM;AACR,UAAA,WAAW,aAAa,OAAO;AACrC,cAAU,QAAQ;AAElB,WAAO,MAAY;AACjB,eAAS,QAAQ;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,OAAO,CAAC;AAEZ,6BACG,cAAc,UAAd,EAAuB,OAAO,QAC5B,SACH,CAAA;AAEJ;AAKO,SAAS,YAAgC;AAC9C,SAAO,WAAW,aAAa;AACjC;AClCgB,SAAA,cAAc,YAAoC,SAAsF;AACtJ,QAAM,CAAC,MAAM,OAAO,IAAI,SAA4B,IAAI;AACxD,QAAM,SAAS;AAEf,uBAAqB,MAAM;AACrB,QAAA;AAEA,QAAA,UAAU,WAAW,SAAS;AAChC,qBAAe,OAAO;AAAA,QACpB;AAAA,UACE,GAAG;AAAA,UACH,mBAAmB,WAAW;AAAA,QAChC;AAAA,MAAA;AAGF,cAAQ,YAAY;AAAA,IACtB;AAEA,WAAO,MAAY;AACjB,mDAAc;AAAA,IAAQ;AAAA,EAEvB,GAAA,CAAC,QAAQ,KAAK,SAAS,OAAO,QAAQ,OAAO,EAAE,OAAO,CAAC,CAAA,EAAG,KAAK,MAAM,OAAO,UAAU,UAAU,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM,GAA2B,CAAC,GAAG,WAAW,OAAO,CAAC;AAE/J,SAAA;AACT;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adhese/sdk-react",
   "type": "module",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "Adhese SDK",
   "repository": {
     "type": "git",
@@ -17,19 +17,19 @@
   ],
   "scripts": {
     "build": "vite build && tsup src/index.ts --dts-only --minify --format esm",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
+    "lint": "eslint . --ignore-pattern **/*.md/**/*",
+    "lint:fix": "eslint --fix . --ignore-pattern **/*.md/**/*",
     "clean": "rm -rf dist",
     "typecheck": "tsc --noEmit",
     "prepareRelease": "npm run build"
   },
   "peerDependencies": {
+    "@adhese/sdk": "^0",
     "react": ">=16.13",
     "react-dom": ">=16.13"
   },
   "dependencies": {
-    "@adhese/sdk": "^0.7.0",
-    "remeda": "^1.59.0",
+    "remeda": "^1.61.0",
     "use-deep-compare-effect": "^1.8.1"
   },
   "devDependencies": {