@adhese/sdk-react 0.9.11 → 0.9.13

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @adhese/sdk-react
 
+## 0.9.13
+
+### Patch Changes
+
+- 10a2c67: Update entry file(s)
+- Updated dependencies [10a2c67]
+- Updated dependencies [de15eab]
+  - @adhese/sdk-shared@0.10.0
+
+## 0.9.12
+
+### Patch Changes
+
+- 2dda12f: Update peerDependencies to match nearest compatible version
+
 ## 0.9.11
 
 ### Patch Changes

package/dist/AdheseSlot.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { useAdheseSlot } from "./useAdheseSlot.js";
+function AdheseSlot({
+  onChange,
+  ...options
+}) {
+  const element = useRef(null);
+  const slot = useAdheseSlot(element, options);
+  useEffect(() => {
+    onChange == null ? void 0 : onChange(slot);
+  }, [onChange, slot]);
+  return /* @__PURE__ */ jsx("div", { ref: element });
+}
+export {
+  AdheseSlot
+};
+//# sourceMappingURL=AdheseSlot.js.map

package/dist/AdheseSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdheseSlot.js","sources":["../src/AdheseSlot.tsx"],"sourcesContent":["import { type ReactElement, useEffect, useRef } from 'react';\nimport type { AdheseSlotOptions, AdheseSlot as Slot } from '@adhese/sdk';\nimport { useAdheseSlot } from './useAdheseSlot';\n\nexport type AdheseSlotProps = {\n  /**\n   * Callback to be called when the slot is created or disposed\n   */\n  onChange?(slot: Slot | null): void;\n} & Omit<AdheseSlotOptions, 'containingElement' | 'context'>;\n\n/**\n * Component to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be\n * created when the containing element is available and the Adhese instance is available.\n */\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseSlot({\n  onChange,\n  ...options\n}: AdheseSlotProps): ReactElement {\n  const element = useRef<HTMLDivElement | null>(null);\n\n  const slot = useAdheseSlot(element, options);\n\n  useEffect(() => {\n    onChange?.(slot);\n  }, [onChange, slot]);\n\n  return (\n    <div ref={element} />\n  );\n}\n"],"names":[],"mappings":";;;AAgBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAAkC;AAC1B,QAAA,UAAU,OAA8B,IAAI;AAE5C,QAAA,OAAO,cAAc,SAAS,OAAO;AAE3C,YAAU,MAAM;AACd,yCAAW;AAAA,EAAI,GACd,CAAC,UAAU,IAAI,CAAC;AAGjB,SAAA,oBAAC,OAAI,EAAA,KAAK,QAAS,CAAA;AAEvB;"}

package/dist/adheseContext.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useState, useEffect, useContext } from "react";
+const adheseContext = createContext(void 0);
+function AdheseProvider({ children, options }) {
+  const [adhese, setAdhese] = useState(void 0);
+  useEffect(() => {
+    let instance;
+    import("@adhese/sdk").then(({ createAdhese }) => {
+      instance = createAdhese(options);
+      setAdhese((current) => {
+        current == null ? void 0 : current.dispose();
+        return instance;
+      });
+    }).catch(console.error);
+    return () => {
+      instance == null ? void 0 : instance.dispose();
+    };
+  }, [options]);
+  return /* @__PURE__ */ jsx(adheseContext.Provider, { value: adhese, children });
+}
+function useAdhese() {
+  return useContext(adheseContext);
+}
+export {
+  AdheseProvider,
+  useAdhese
+};
+//# sourceMappingURL=adheseContext.js.map

package/dist/adheseContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adheseContext.js","sources":["../src/adheseContext.tsx"],"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, AdheseOptions } 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 * @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    let instance: Adhese | undefined;\n\n    import('@adhese/sdk').then(({ createAdhese }) => {\n      instance = createAdhese(options);\n\n      setAdhese((current) => {\n        current?.dispose();\n\n        return instance;\n      });\n    }).catch(console.error);\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"],"names":[],"mappings":";;AAYA,MAAM,gBAAgB,cAAkC,MAAS;AAQ1D,SAAS,eAAe,EAAE,UAAU,WAAwE;AACjH,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,MAAS;AAElE,YAAU,MAAM;AACV,QAAA;AAEJ,WAAO,aAAa,EAAE,KAAK,CAAC,EAAE,mBAAmB;AAC/C,iBAAW,aAAa,OAAO;AAE/B,gBAAU,CAAC,YAAY;AACrB,2CAAS;AAEF,eAAA;AAAA,MAAA,CACR;AAAA,IACF,CAAA,EAAE,MAAM,QAAQ,KAAK;AAEtB,WAAO,MAAY;AACjB,2CAAU;AAAA,IAAQ;AAAA,EACpB,GACC,CAAC,OAAO,CAAC;AAEZ,6BACG,cAAc,UAAd,EAAuB,OAAO,QAC5B,SACH,CAAA;AAEJ;AAKO,SAAS,YAAgC;AAC9C,SAAO,WAAW,aAAa;AACjC;"}

package/dist/cjs/AdheseSlot.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const useAdheseSlot = require("./useAdheseSlot.cjs");
+function AdheseSlot({
+  onChange,
+  ...options
+}) {
+  const element = react.useRef(null);
+  const slot = useAdheseSlot.useAdheseSlot(element, options);
+  react.useEffect(() => {
+    onChange == null ? void 0 : onChange(slot);
+  }, [onChange, slot]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: element });
+}
+exports.AdheseSlot = AdheseSlot;
+//# sourceMappingURL=AdheseSlot.cjs.map

package/dist/cjs/AdheseSlot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdheseSlot.cjs","sources":["../../src/AdheseSlot.tsx"],"sourcesContent":["import { type ReactElement, useEffect, useRef } from 'react';\nimport type { AdheseSlotOptions, AdheseSlot as Slot } from '@adhese/sdk';\nimport { useAdheseSlot } from './useAdheseSlot';\n\nexport type AdheseSlotProps = {\n  /**\n   * Callback to be called when the slot is created or disposed\n   */\n  onChange?(slot: Slot | null): void;\n} & Omit<AdheseSlotOptions, 'containingElement' | 'context'>;\n\n/**\n * Component to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be\n * created when the containing element is available and the Adhese instance is available.\n */\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseSlot({\n  onChange,\n  ...options\n}: AdheseSlotProps): ReactElement {\n  const element = useRef<HTMLDivElement | null>(null);\n\n  const slot = useAdheseSlot(element, options);\n\n  useEffect(() => {\n    onChange?.(slot);\n  }, [onChange, slot]);\n\n  return (\n    <div ref={element} />\n  );\n}\n"],"names":["useRef","useAdheseSlot","useEffect","jsx"],"mappings":";;;;;AAgBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAAkC;AAC1B,QAAA,UAAUA,aAA8B,IAAI;AAE5C,QAAA,OAAOC,cAAAA,cAAc,SAAS,OAAO;AAE3CC,QAAAA,UAAU,MAAM;AACd,yCAAW;AAAA,EAAI,GACd,CAAC,UAAU,IAAI,CAAC;AAGjB,SAAAC,2BAAA,IAAC,OAAI,EAAA,KAAK,QAAS,CAAA;AAEvB;;"}

package/dist/{index.cjs → cjs/adheseContext.cjs}

@@ -24,8 +24,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const useDeepCompareEffect = require("use-deep-compare-effect");
-const sdkShared = require("@adhese/sdk-shared");
 const adheseContext = react.createContext(void 0);
 function AdheseProvider({ children, options }) {
   const [adhese, setAdhese] = react.useState(void 0);
@@ -47,39 +45,6 @@ function AdheseProvider({ children, options }) {
 function useAdhese() {
   return react.useContext(adheseContext);
 }
-function useAdheseSlot(elementRef, options) {
-  const [slot, setSlot] = react.useState(null);
-  const adhese = useAdhese();
-  useDeepCompareEffect(() => {
-    let intermediate;
-    if (adhese && elementRef.current) {
-      intermediate = adhese.addSlot(
-        {
-          ...options,
-          containingElement: elementRef.current
-        }
-      );
-      setSlot(intermediate);
-    }
-    return () => {
-      intermediate == null ? void 0 : intermediate.dispose();
-    };
-  }, [adhese, sdkShared.omit(options, Object.entries(options).filter(([, value]) => typeof value === "function").map(([key]) => key)), elementRef.current]);
-  return slot;
-}
-function AdheseSlot({
-  onChange,
-  ...options
-}) {
-  const element = react.useRef(null);
-  const slot = useAdheseSlot(element, options);
-  react.useEffect(() => {
-    onChange == null ? void 0 : onChange(slot);
-  }, [onChange, slot]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: element });
-}
 exports.AdheseProvider = AdheseProvider;
-exports.AdheseSlot = AdheseSlot;
 exports.useAdhese = useAdhese;
-exports.useAdheseSlot = useAdheseSlot;
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=adheseContext.cjs.map

package/dist/cjs/adheseContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"adheseContext.cjs","sources":["../../src/adheseContext.tsx"],"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, AdheseOptions } 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 * @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    let instance: Adhese | undefined;\n\n    import('@adhese/sdk').then(({ createAdhese }) => {\n      instance = createAdhese(options);\n\n      setAdhese((current) => {\n        current?.dispose();\n\n        return instance;\n      });\n    }).catch(console.error);\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"],"names":["createContext","useState","useEffect","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgBA,MAAAA,cAAkC,MAAS;AAQ1D,SAAS,eAAe,EAAE,UAAU,WAAwE;AACjH,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAA6B,MAAS;AAElEC,QAAAA,UAAU,MAAM;AACV,QAAA;AAEJ,WAAO,aAAa,EAAE,KAAK,CAAC,EAAE,mBAAmB;AAC/C,iBAAW,aAAa,OAAO;AAE/B,gBAAU,CAAC,YAAY;AACrB,2CAAS;AAEF,eAAA;AAAA,MAAA,CACR;AAAA,IACF,CAAA,EAAE,MAAM,QAAQ,KAAK;AAEtB,WAAO,MAAY;AACjB,2CAAU;AAAA,IAAQ;AAAA,EACpB,GACC,CAAC,OAAO,CAAC;AAEZ,wCACG,cAAc,UAAd,EAAuB,OAAO,QAC5B,SACH,CAAA;AAEJ;AAKO,SAAS,YAAgC;AAC9C,SAAOC,MAAAA,WAAW,aAAa;AACjC;;;"}

package/dist/cjs/sdkReact.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const adheseContext = require("./adheseContext.cjs");
+const useAdheseSlot = require("./useAdheseSlot.cjs");
+const AdheseSlot = require("./AdheseSlot.cjs");
+exports.AdheseProvider = adheseContext.AdheseProvider;
+exports.useAdhese = adheseContext.useAdhese;
+exports.useAdheseSlot = useAdheseSlot.useAdheseSlot;
+exports.AdheseSlot = AdheseSlot.AdheseSlot;
+//# sourceMappingURL=sdkReact.cjs.map

package/dist/cjs/sdkReact.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdkReact.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/useAdheseSlot.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const useDeepCompareEffect = require("use-deep-compare-effect");
+const sdkShared = require("@adhese/sdk-shared");
+const adheseContext = require("./adheseContext.cjs");
+function useAdheseSlot(elementRef, options) {
+  const [slot, setSlot] = react.useState(null);
+  const adhese = adheseContext.useAdhese();
+  useDeepCompareEffect(() => {
+    let intermediate;
+    if (adhese && elementRef.current) {
+      intermediate = adhese.addSlot(
+        {
+          ...options,
+          containingElement: elementRef.current
+        }
+      );
+      setSlot(intermediate);
+    }
+    return () => {
+      intermediate == null ? void 0 : intermediate.dispose();
+    };
+  }, [adhese, sdkShared.omit(options, Object.entries(options).filter(([, value]) => typeof value === "function").map(([key]) => key)), elementRef.current]);
+  return slot;
+}
+exports.useAdheseSlot = useAdheseSlot;
+//# sourceMappingURL=useAdheseSlot.cjs.map

package/dist/cjs/useAdheseSlot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdheseSlot.cjs","sources":["../../src/useAdheseSlot.ts"],"sourcesContent":["import { type RefObject, useState } from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\nimport useDeepCompareEffect from 'use-deep-compare-effect';\nimport { omit } from '@adhese/sdk-shared';\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":["useState","useAdhese","omit"],"mappings":";;;;;;AAYgB,SAAA,cAAc,YAAoC,SAAsF;AACtJ,QAAM,CAAC,MAAM,OAAO,IAAIA,eAA4B,IAAI;AACxD,QAAM,SAASC,cAAAA;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,QAAQC,eAAK,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/sdkReact.js

@@ -0,0 +1,10 @@
+import { AdheseProvider, useAdhese } from "./adheseContext.js";
+import { useAdheseSlot } from "./useAdheseSlot.js";
+import { AdheseSlot } from "./AdheseSlot.js";
+export {
+  AdheseProvider,
+  AdheseSlot,
+  useAdhese,
+  useAdheseSlot
+};
+//# sourceMappingURL=sdkReact.js.map

package/dist/sdkReact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdkReact.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/useAdheseSlot.js

@@ -0,0 +1,28 @@
+import { useState } from "react";
+import useDeepCompareEffect from "use-deep-compare-effect";
+import { omit } from "@adhese/sdk-shared";
+import { useAdhese } from "./adheseContext.js";
+function useAdheseSlot(elementRef, options) {
+  const [slot, setSlot] = useState(null);
+  const adhese = useAdhese();
+  useDeepCompareEffect(() => {
+    let intermediate;
+    if (adhese && elementRef.current) {
+      intermediate = adhese.addSlot(
+        {
+          ...options,
+          containingElement: elementRef.current
+        }
+      );
+      setSlot(intermediate);
+    }
+    return () => {
+      intermediate == null ? void 0 : intermediate.dispose();
+    };
+  }, [adhese, omit(options, Object.entries(options).filter(([, value]) => typeof value === "function").map(([key]) => key)), elementRef.current]);
+  return slot;
+}
+export {
+  useAdheseSlot
+};
+//# sourceMappingURL=useAdheseSlot.js.map

package/dist/useAdheseSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAdheseSlot.js","sources":["../src/useAdheseSlot.ts"],"sourcesContent":["import { type RefObject, useState } from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\nimport useDeepCompareEffect from 'use-deep-compare-effect';\nimport { omit } from '@adhese/sdk-shared';\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":";;;;AAYgB,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,15 +1,15 @@
 {
   "name": "@adhese/sdk-react",
   "type": "module",
-  "version": "0.9.11",
+  "version": "0.9.13",
   "description": "Adhese SDK",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/adhese/sdk_typescript.git"
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/cjs/sdkReact.cjs",
+  "module": "./dist/sdkReact.js",
+  "types": "./dist/sdkReact.d.ts",
   "files": [
     "CHANGELOG.md",
     "LICENSE",
@@ -17,7 +17,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build && tsup src/index.ts --dts-only --minify --format esm",
+    "build": "vite build",
     "lint": "eslint . --ignore-pattern **/*.md/**/*",
     "lint:fix": "eslint --fix . --ignore-pattern **/*.md/**/*",
     "clean": "rm -rf dist",
@@ -25,12 +25,12 @@
     "prepareRelease": "npm run build"
   },
   "peerDependencies": {
-    "@adhese/sdk": "^0",
+    "@adhese/sdk": ">= 0.16 < 1",
     "react": ">=16.13",
     "react-dom": ">=16.13"
   },
   "dependencies": {
-    "@adhese/sdk-shared": "^0.9.0",
+    "@adhese/sdk-shared": "^0.10.0",
     "use-deep-compare-effect": "^1.8.1"
   },
   "devDependencies": {

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../src/adheseContext.tsx","../src/useAdheseSlot.ts","../src/AdheseSlot.tsx"],"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, AdheseOptions } 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 * @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    let instance: Adhese | undefined;\n\n    import('@adhese/sdk').then(({ createAdhese }) => {\n      instance = createAdhese(options);\n\n      setAdhese((current) => {\n        current?.dispose();\n\n        return instance;\n      });\n    }).catch(console.error);\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 '@adhese/sdk-shared';\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","import { type ReactElement, useEffect, useRef } from 'react';\nimport type { AdheseSlotOptions, AdheseSlot as Slot } from '@adhese/sdk';\nimport { useAdheseSlot } from './useAdheseSlot';\n\nexport type AdheseSlotProps = {\n  /**\n   * Callback to be called when the slot is created or disposed\n   */\n  onChange?(slot: Slot | null): void;\n} & Omit<AdheseSlotOptions, 'containingElement' | 'context'>;\n\n/**\n * Component to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be\n * created when the containing element is available and the Adhese instance is available.\n */\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseSlot({\n  onChange,\n  ...options\n}: AdheseSlotProps): ReactElement {\n  const element = useRef<HTMLDivElement | null>(null);\n\n  const slot = useAdheseSlot(element, options);\n\n  useEffect(() => {\n    onChange?.(slot);\n  }, [onChange, slot]);\n\n  return (\n    <div ref={element} />\n  );\n}\n"],"names":["createContext","useState","useEffect","useContext","omit","useRef","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,gBAAgBA,MAAAA,cAAkC,MAAS;AAQ1D,SAAS,eAAe,EAAE,UAAU,WAAwE;AACjH,QAAM,CAAC,QAAQ,SAAS,IAAIC,MAAAA,SAA6B,MAAS;AAElEC,QAAAA,UAAU,MAAM;AACV,QAAA;AAEJ,WAAO,aAAa,EAAE,KAAK,CAAC,EAAE,mBAAmB;AAC/C,iBAAW,aAAa,OAAO;AAE/B,gBAAU,CAAC,YAAY;AACrB,2CAAS;AAEF,eAAA;AAAA,MAAA,CACR;AAAA,IACF,CAAA,EAAE,MAAM,QAAQ,KAAK;AAEtB,WAAO,MAAY;AACjB,2CAAU;AAAA,IAAQ;AAAA,EACpB,GACC,CAAC,OAAO,CAAC;AAEZ,wCACG,cAAc,UAAd,EAAuB,OAAO,QAC5B,SACH,CAAA;AAEJ;AAKO,SAAS,YAAgC;AAC9C,SAAOC,MAAAA,WAAW,aAAa;AACjC;ACzCgB,SAAA,cAAc,YAAoC,SAAsF;AACtJ,QAAM,CAAC,MAAM,OAAO,IAAIF,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,QAAQG,eAAK,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;ACpBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAAkC;AAC1B,QAAA,UAAUC,aAA8B,IAAI;AAE5C,QAAA,OAAO,cAAc,SAAS,OAAO;AAE3CH,QAAAA,UAAU,MAAM;AACd,yCAAW;AAAA,EAAI,GACd,CAAC,UAAU,IAAI,CAAC;AAGjB,SAAAI,2BAAA,IAAC,OAAI,EAAA,KAAK,QAAS,CAAA;AAEvB;;;;;"}

package/dist/index.d.ts

@@ -1,37 +0,0 @@
-import { PropsWithChildren, ReactElement, RefObject } from 'react';
-import { AdheseOptions, Adhese, AdheseSlotOptions, AdheseSlot as AdheseSlot$1 } from '@adhese/sdk';
-
-/**
- * Provider to create an Adhese instance with the given options. Via the `useAdhese` hook, the Adhese instance can be
- * used in all child components.
- * @constructor
- */
-declare function AdheseProvider({ children, options }: PropsWithChildren<{
-    options: AdheseOptions;
-}>): ReactElement;
-/**
- * Hook to get the Adhese instance from the nearest `AdheseProvider`. When the Adhese instance is not available yet, `null`
- */
-declare function useAdhese(): Adhese | undefined;
-
-/**
- * Hook to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be created
- * when the containing element is available and the Adhese instance is available.
- * @param elementRef The ref to the containing element
- * @param options The options to create the slot
- */
-declare function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): AdheseSlot$1 | null;
-
-type AdheseSlotProps = {
-    /**
-     * Callback to be called when the slot is created or disposed
-     */
-    onChange?(slot: AdheseSlot$1 | null): void;
-} & Omit<AdheseSlotOptions, 'containingElement' | 'context'>;
-/**
- * Component to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be
- * created when the containing element is available and the Adhese instance is available.
- */
-declare function AdheseSlot({ onChange, ...options }: AdheseSlotProps): ReactElement;
-
-export { AdheseProvider, AdheseSlot, useAdhese, useAdheseSlot };

package/dist/index.js

@@ -1,63 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useState, useEffect, useContext, useRef } from "react";
-import useDeepCompareEffect from "use-deep-compare-effect";
-import { omit } from "@adhese/sdk-shared";
-const adheseContext = createContext(void 0);
-function AdheseProvider({ children, options }) {
-  const [adhese, setAdhese] = useState(void 0);
-  useEffect(() => {
-    let instance;
-    import("@adhese/sdk").then(({ createAdhese }) => {
-      instance = createAdhese(options);
-      setAdhese((current) => {
-        current == null ? void 0 : current.dispose();
-        return instance;
-      });
-    }).catch(console.error);
-    return () => {
-      instance == null ? void 0 : instance.dispose();
-    };
-  }, [options]);
-  return /* @__PURE__ */ jsx(adheseContext.Provider, { value: adhese, children });
-}
-function useAdhese() {
-  return useContext(adheseContext);
-}
-function useAdheseSlot(elementRef, options) {
-  const [slot, setSlot] = useState(null);
-  const adhese = useAdhese();
-  useDeepCompareEffect(() => {
-    let intermediate;
-    if (adhese && elementRef.current) {
-      intermediate = adhese.addSlot(
-        {
-          ...options,
-          containingElement: elementRef.current
-        }
-      );
-      setSlot(intermediate);
-    }
-    return () => {
-      intermediate == null ? void 0 : intermediate.dispose();
-    };
-  }, [adhese, omit(options, Object.entries(options).filter(([, value]) => typeof value === "function").map(([key]) => key)), elementRef.current]);
-  return slot;
-}
-function AdheseSlot({
-  onChange,
-  ...options
-}) {
-  const element = useRef(null);
-  const slot = useAdheseSlot(element, options);
-  useEffect(() => {
-    onChange == null ? void 0 : onChange(slot);
-  }, [onChange, slot]);
-  return /* @__PURE__ */ jsx("div", { ref: element });
-}
-export {
-  AdheseProvider,
-  AdheseSlot,
-  useAdhese,
-  useAdheseSlot
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/adheseContext.tsx","../src/useAdheseSlot.ts","../src/AdheseSlot.tsx"],"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, AdheseOptions } 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 * @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    let instance: Adhese | undefined;\n\n    import('@adhese/sdk').then(({ createAdhese }) => {\n      instance = createAdhese(options);\n\n      setAdhese((current) => {\n        current?.dispose();\n\n        return instance;\n      });\n    }).catch(console.error);\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 '@adhese/sdk-shared';\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","import { type ReactElement, useEffect, useRef } from 'react';\nimport type { AdheseSlotOptions, AdheseSlot as Slot } from '@adhese/sdk';\nimport { useAdheseSlot } from './useAdheseSlot';\n\nexport type AdheseSlotProps = {\n  /**\n   * Callback to be called when the slot is created or disposed\n   */\n  onChange?(slot: Slot | null): void;\n} & Omit<AdheseSlotOptions, 'containingElement' | 'context'>;\n\n/**\n * Component to create an Adhese slot. The slot will be disposed when the component is unmounted. The slot will be\n * created when the containing element is available and the Adhese instance is available.\n */\n// eslint-disable-next-line ts/naming-convention\nexport function AdheseSlot({\n  onChange,\n  ...options\n}: AdheseSlotProps): ReactElement {\n  const element = useRef<HTMLDivElement | null>(null);\n\n  const slot = useAdheseSlot(element, options);\n\n  useEffect(() => {\n    onChange?.(slot);\n  }, [onChange, slot]);\n\n  return (\n    <div ref={element} />\n  );\n}\n"],"names":[],"mappings":";;;;AAYA,MAAM,gBAAgB,cAAkC,MAAS;AAQ1D,SAAS,eAAe,EAAE,UAAU,WAAwE;AACjH,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,MAAS;AAElE,YAAU,MAAM;AACV,QAAA;AAEJ,WAAO,aAAa,EAAE,KAAK,CAAC,EAAE,mBAAmB;AAC/C,iBAAW,aAAa,OAAO;AAE/B,gBAAU,CAAC,YAAY;AACrB,2CAAS;AAEF,eAAA;AAAA,MAAA,CACR;AAAA,IACF,CAAA,EAAE,MAAM,QAAQ,KAAK;AAEtB,WAAO,MAAY;AACjB,2CAAU;AAAA,IAAQ;AAAA,EACpB,GACC,CAAC,OAAO,CAAC;AAEZ,6BACG,cAAc,UAAd,EAAuB,OAAO,QAC5B,SACH,CAAA;AAEJ;AAKO,SAAS,YAAgC;AAC9C,SAAO,WAAW,aAAa;AACjC;ACzCgB,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;ACpBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAAkC;AAC1B,QAAA,UAAU,OAA8B,IAAI;AAE5C,QAAA,OAAO,cAAc,SAAS,OAAO;AAE3C,YAAU,MAAM;AACd,yCAAW;AAAA,EAAI,GACd,CAAC,UAAU,IAAI,CAAC;AAGjB,SAAA,oBAAC,OAAI,EAAA,KAAK,QAAS,CAAA;AAEvB;"}