@adhese/sdk-react 1.0.2 → 1.1.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @adhese/sdk-react
 
+## 1.1.0
+
+### Minor Changes
+
+- 112e224: Add `width` and `height` option to overwrite slot sizing
+
+  **NOTE**: Only applies when `renderMode` is `iframe` or `undefined`
+
+### Patch Changes
+
+- Updated dependencies [112e224]
+  - @adhese/sdk-shared@1.1.0
+  - @adhese/sdk@1.1.0
+
+## 1.0.3
+
+### Patch Changes
+
+- 32e1ca5: Remove src/legacy.d.ts from included files
+- 98121c3: Fix slot state sync not working properly
+- 5e953f8: Add 'use client' directive to AdheseSlot component for RSC environments
+
 ## 1.0.2
 
 ### Patch Changes

package/dist/AdheseSlot.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
+import { useRef, useCallback } from "react";
 import { watch } from "@adhese/sdk-shared";
 import { useAdheseSlot } from "./useAdheseSlot.js";
 function AdheseSlot({
@@ -9,13 +9,13 @@ function AdheseSlot({
   const element = useRef(null);
   useAdheseSlot(element, {
     ...options,
-    setup(context, hooks) {
+    setup: useCallback((context, hooks) => {
       var _a;
       (_a = options.setup) == null ? void 0 : _a.call(options, context, hooks);
       watch(context, (newSlot) => {
         onChange == null ? void 0 : onChange(newSlot);
       }, { immediate: true, deep: true });
-    }
+    }, [options.setup, onChange])
   });
   return /* @__PURE__ */ jsx("div", { ref: element });
 }

package/dist/AdheseSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdheseSlot.js","sources":["../src/AdheseSlot.tsx"],"sourcesContent":["import { type ReactElement, useRef } from 'react';\nimport type { AdheseSlotContext, AdheseSlotHooks, AdheseSlotOptions, AdheseSlot as Slot } from '@adhese/sdk';\nimport { type Ref, watch } from '@adhese/sdk-shared';\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  useAdheseSlot(element, {\n    ...options,\n    setup(context: Ref<AdheseSlotContext | null>, hooks: AdheseSlotHooks) {\n      options.setup?.(context, hooks);\n\n      watch(context, (newSlot) => {\n        onChange?.(newSlot);\n      }, { immediate: true, deep: true });\n    },\n  });\n\n  return (\n    <div ref={element} />\n  );\n}\n"],"names":[],"mappings":";;;;AAiBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAAkC;AAC1B,QAAA,UAAU,OAA8B,IAAI;AAElD,gBAAc,SAAS;AAAA,IACrB,GAAG;AAAA,IACH,MAAM,SAAwC,OAAwB;;AAC5D,oBAAA,UAAA,iCAAQ,SAAS;AAEnB,YAAA,SAAS,CAAC,YAAY;AAC1B,6CAAW;AAAA,SACV,EAAE,WAAW,MAAM,MAAM,KAAM,CAAA;AAAA,IACpC;AAAA,EAAA,CACD;AAGC,SAAA,oBAAC,OAAI,EAAA,KAAK,QAAS,CAAA;AAEvB;"}
+{"version":3,"file":"AdheseSlot.js","sources":["../src/AdheseSlot.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactElement, useCallback, useRef } from 'react';\nimport type { AdheseSlotOptions, AdheseSlot as Slot } from '@adhese/sdk';\nimport { watch } from '@adhese/sdk-shared';\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 * @warning Make sure to wrap your `setup` function in a `useCallback` as it can trigger an infinite loop if it's not\n * memoized.\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  useAdheseSlot(element, {\n    ...options,\n    setup: useCallback(((context, hooks): void => {\n      options.setup?.(context, hooks);\n\n      watch(context, (newSlot) => {\n        onChange?.(newSlot);\n      }, { immediate: true, deep: true });\n    }) satisfies AdheseSlotOptions['setup'], [options.setup, onChange]),\n  });\n\n  return (\n    <div ref={element} />\n  );\n}\n"],"names":[],"mappings":";;;;AAsBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAAkC;AAC1B,QAAA,UAAU,OAA8B,IAAI;AAElD,gBAAc,SAAS;AAAA,IACrB,GAAG;AAAA,IACH,OAAO,YAAa,CAAC,SAAS,UAAgB;;AACpC,oBAAA,UAAA,iCAAQ,SAAS;AAEnB,YAAA,SAAS,CAAC,YAAY;AAC1B,6CAAW;AAAA,SACV,EAAE,WAAW,MAAM,MAAM,KAAM,CAAA;AAAA,IACK,GAAA,CAAC,QAAQ,OAAO,QAAQ,CAAC;AAAA,EAAA,CACnE;AAGC,SAAA,oBAAC,OAAI,EAAA,KAAK,QAAS,CAAA;AAEvB;"}

package/dist/cjs/AdheseSlot.cjs

@@ -11,13 +11,13 @@ function AdheseSlot({
   const element = react.useRef(null);
   useAdheseSlot.useAdheseSlot(element, {
     ...options,
-    setup(context, hooks) {
+    setup: react.useCallback((context, hooks) => {
       var _a;
       (_a = options.setup) == null ? void 0 : _a.call(options, context, hooks);
       sdkShared.watch(context, (newSlot) => {
         onChange == null ? void 0 : onChange(newSlot);
       }, { immediate: true, deep: true });
-    }
+    }, [options.setup, onChange])
   });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: element });
 }

package/dist/cjs/AdheseSlot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdheseSlot.cjs","sources":["../../src/AdheseSlot.tsx"],"sourcesContent":["import { type ReactElement, useRef } from 'react';\nimport type { AdheseSlotContext, AdheseSlotHooks, AdheseSlotOptions, AdheseSlot as Slot } from '@adhese/sdk';\nimport { type Ref, watch } from '@adhese/sdk-shared';\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  useAdheseSlot(element, {\n    ...options,\n    setup(context: Ref<AdheseSlotContext | null>, hooks: AdheseSlotHooks) {\n      options.setup?.(context, hooks);\n\n      watch(context, (newSlot) => {\n        onChange?.(newSlot);\n      }, { immediate: true, deep: true });\n    },\n  });\n\n  return (\n    <div ref={element} />\n  );\n}\n"],"names":["useRef","useAdheseSlot","watch","jsx"],"mappings":";;;;;;AAiBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAAkC;AAC1B,QAAA,UAAUA,aAA8B,IAAI;AAElDC,gBAAAA,cAAc,SAAS;AAAA,IACrB,GAAG;AAAA,IACH,MAAM,SAAwC,OAAwB;;AAC5D,oBAAA,UAAA,iCAAQ,SAAS;AAEnBC,sBAAA,SAAS,CAAC,YAAY;AAC1B,6CAAW;AAAA,SACV,EAAE,WAAW,MAAM,MAAM,KAAM,CAAA;AAAA,IACpC;AAAA,EAAA,CACD;AAGC,SAAAC,2BAAA,IAAC,OAAI,EAAA,KAAK,QAAS,CAAA;AAEvB;;"}
+{"version":3,"file":"AdheseSlot.cjs","sources":["../../src/AdheseSlot.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactElement, useCallback, useRef } from 'react';\nimport type { AdheseSlotOptions, AdheseSlot as Slot } from '@adhese/sdk';\nimport { watch } from '@adhese/sdk-shared';\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 * @warning Make sure to wrap your `setup` function in a `useCallback` as it can trigger an infinite loop if it's not\n * memoized.\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  useAdheseSlot(element, {\n    ...options,\n    setup: useCallback(((context, hooks): void => {\n      options.setup?.(context, hooks);\n\n      watch(context, (newSlot) => {\n        onChange?.(newSlot);\n      }, { immediate: true, deep: true });\n    }) satisfies AdheseSlotOptions['setup'], [options.setup, onChange]),\n  });\n\n  return (\n    <div ref={element} />\n  );\n}\n"],"names":["useRef","useAdheseSlot","useCallback","watch","jsx"],"mappings":";;;;;;AAsBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAAkC;AAC1B,QAAA,UAAUA,aAA8B,IAAI;AAElDC,gBAAAA,cAAc,SAAS;AAAA,IACrB,GAAG;AAAA,IACH,OAAOC,MAAA,YAAa,CAAC,SAAS,UAAgB;;AACpC,oBAAA,UAAA,iCAAQ,SAAS;AAEnBC,sBAAA,SAAS,CAAC,YAAY;AAC1B,6CAAW;AAAA,SACV,EAAE,WAAW,MAAM,MAAM,KAAM,CAAA;AAAA,IACK,GAAA,CAAC,QAAQ,OAAO,QAAQ,CAAC;AAAA,EAAA,CACnE;AAGC,SAAAC,2BAAA,IAAC,OAAI,EAAA,KAAK,QAAS,CAAA;AAEvB;;"}

package/dist/cjs/useAdheseSlot.cjs

@@ -1,22 +1,31 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const react = require("react");
+const sdkShared = require("@adhese/sdk-shared");
 const adheseContext = require("./adheseContext.cjs");
 function useAdheseSlot(elementRef, options) {
-  const slot = react.useRef(null);
   const adhese = adheseContext.useAdhese();
+  const [slot, setSlot] = react.useState(null);
   react.useEffect(() => {
-    if (!adhese || !elementRef.current)
-      return;
-    slot.current = adhese == null ? void 0 : adhese.addSlot({
-      ...options,
-      containingElement: elementRef.current
-    });
+    let intermediate = null;
+    if (adhese && elementRef.current) {
+      intermediate = sdkShared.toRaw(adhese == null ? void 0 : adhese.addSlot({
+        ...options,
+        containingElement: elementRef.current,
+        setup(context, hooks) {
+          var _a;
+          (_a = options.setup) == null ? void 0 : _a.call(options, context, hooks);
+          sdkShared.watch(context, (newSlot) => {
+            setSlot(newSlot);
+          }, { deep: true, immediate: true });
+        }
+      }));
+    }
     return () => {
-      var _a;
-      (_a = slot.current) == null ? void 0 : _a.dispose();
+      intermediate == null ? void 0 : intermediate.dispose();
+      setSlot(null);
     };
-  }, [adhese == null ? void 0 : adhese.addSlot, options, elementRef.current]);
+  }, [adhese, ...Object.values(options)]);
   return slot;
 }
 exports.useAdheseSlot = useAdheseSlot;

package/dist/cjs/useAdheseSlot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAdheseSlot.cjs","sources":["../../src/useAdheseSlot.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef } from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\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'>): RefObject<AdheseSlot | null> {\n  const slot = useRef<AdheseSlot | null>(null);\n  const adhese = useAdhese();\n\n  useEffect(() => {\n    if (!adhese || !elementRef.current)\n      return;\n\n    slot.current = adhese?.addSlot({\n      ...options,\n      containingElement: elementRef.current,\n    });\n    return (): void => {\n      slot.current?.dispose();\n    };\n  }, [adhese?.addSlot, options, elementRef.current]);\n\n  return slot;\n}\n"],"names":["useRef","useAdhese","useEffect"],"mappings":";;;;AAUgB,SAAA,cAAc,YAAoC,SAAiG;AAC3J,QAAA,OAAOA,aAA0B,IAAI;AAC3C,QAAM,SAASC,cAAAA;AAEfC,QAAAA,UAAU,MAAM;AACV,QAAA,CAAC,UAAU,CAAC,WAAW;AACzB;AAEG,SAAA,UAAU,iCAAQ,QAAQ;AAAA,MAC7B,GAAG;AAAA,MACH,mBAAmB,WAAW;AAAA,IAAA;AAEhC,WAAO,MAAY;;AACjB,iBAAK,YAAL,mBAAc;AAAA,IAAQ;AAAA,EACxB,GACC,CAAC,iCAAQ,SAAS,SAAS,WAAW,OAAO,CAAC;AAE1C,SAAA;AACT;;"}
+{"version":3,"file":"useAdheseSlot.cjs","sources":["../../src/useAdheseSlot.ts"],"sourcesContent":["import {\n  type RefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\nimport { toRaw, watch } 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 *\n * @warning Make sure to wrap your `setup` function in a `useCallback` as it can trigger an infinite loop if it's not\n * memoized.\n */\nexport function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): AdheseSlot | null {\n  const adhese = useAdhese();\n\n  const [slot, setSlot] = useState<AdheseSlot | null>(null);\n  useEffect(() => {\n    let intermediate: AdheseSlot | null = null;\n\n    if (adhese && elementRef.current) {\n      intermediate = toRaw(adhese?.addSlot({\n        ...options,\n        containingElement: elementRef.current,\n        setup(context, hooks) {\n          options.setup?.(context, hooks);\n\n          watch(context, (newSlot) => {\n            setSlot(newSlot);\n          }, { deep: true, immediate: true });\n        },\n      }));\n    }\n\n    return (): void => {\n      intermediate?.dispose();\n\n      setSlot(null);\n    };\n  }, [adhese, ...Object.values(options)]);\n\n  return slot;\n}\n"],"names":["useAdhese","useState","useEffect","toRaw","watch"],"mappings":";;;;;AAkBgB,SAAA,cAAc,YAAoC,SAAsF;AACtJ,QAAM,SAASA,cAAAA;AAEf,QAAM,CAAC,MAAM,OAAO,IAAIC,eAA4B,IAAI;AACxDC,QAAAA,UAAU,MAAM;AACd,QAAI,eAAkC;AAElC,QAAA,UAAU,WAAW,SAAS;AACjB,qBAAAC,UAAAA,MAAM,iCAAQ,QAAQ;AAAA,QACnC,GAAG;AAAA,QACH,mBAAmB,WAAW;AAAA,QAC9B,MAAM,SAAS,OAAO;;AACZ,wBAAA,UAAA,iCAAQ,SAAS;AAEnBC,0BAAA,SAAS,CAAC,YAAY;AAC1B,oBAAQ,OAAO;AAAA,aACd,EAAE,MAAM,MAAM,WAAW,KAAM,CAAA;AAAA,QACpC;AAAA,MACD,EAAC;AAAA,IACJ;AAEA,WAAO,MAAY;AACjB,mDAAc;AAEd,cAAQ,IAAI;AAAA,IAAA;AAAA,EACd,GACC,CAAC,QAAQ,GAAG,OAAO,OAAO,OAAO,CAAC,CAAC;AAE/B,SAAA;AACT;;"}

package/dist/sdkReact.d.ts

@@ -19,8 +19,11 @@ declare function useAdhese(): Adhese | undefined;
  * 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
+ *
+ * @warning Make sure to wrap your `setup` function in a `useCallback` as it can trigger an infinite loop if it's not
+ * memoized.
  */
-declare function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): RefObject<AdheseSlot$1 | null>;
+declare function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): AdheseSlot$1 | null;
 
 type AdheseSlotProps = {
     /**
@@ -31,6 +34,9 @@ type AdheseSlotProps = {
 /**
  * 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.
+ *
+ * @warning Make sure to wrap your `setup` function in a `useCallback` as it can trigger an infinite loop if it's not
+ * memoized.
  */
 declare function AdheseSlot({ onChange, ...options }: AdheseSlotProps): ReactElement;
 

package/dist/useAdheseSlot.js

@@ -1,20 +1,29 @@
-import { useRef, useEffect } from "react";
+import { useState, useEffect } from "react";
+import { toRaw, watch } from "@adhese/sdk-shared";
 import { useAdhese } from "./adheseContext.js";
 function useAdheseSlot(elementRef, options) {
-  const slot = useRef(null);
   const adhese = useAdhese();
+  const [slot, setSlot] = useState(null);
   useEffect(() => {
-    if (!adhese || !elementRef.current)
-      return;
-    slot.current = adhese == null ? void 0 : adhese.addSlot({
-      ...options,
-      containingElement: elementRef.current
-    });
+    let intermediate = null;
+    if (adhese && elementRef.current) {
+      intermediate = toRaw(adhese == null ? void 0 : adhese.addSlot({
+        ...options,
+        containingElement: elementRef.current,
+        setup(context, hooks) {
+          var _a;
+          (_a = options.setup) == null ? void 0 : _a.call(options, context, hooks);
+          watch(context, (newSlot) => {
+            setSlot(newSlot);
+          }, { deep: true, immediate: true });
+        }
+      }));
+    }
     return () => {
-      var _a;
-      (_a = slot.current) == null ? void 0 : _a.dispose();
+      intermediate == null ? void 0 : intermediate.dispose();
+      setSlot(null);
     };
-  }, [adhese == null ? void 0 : adhese.addSlot, options, elementRef.current]);
+  }, [adhese, ...Object.values(options)]);
   return slot;
 }
 export {

package/dist/useAdheseSlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAdheseSlot.js","sources":["../src/useAdheseSlot.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef } from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\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'>): RefObject<AdheseSlot | null> {\n  const slot = useRef<AdheseSlot | null>(null);\n  const adhese = useAdhese();\n\n  useEffect(() => {\n    if (!adhese || !elementRef.current)\n      return;\n\n    slot.current = adhese?.addSlot({\n      ...options,\n      containingElement: elementRef.current,\n    });\n    return (): void => {\n      slot.current?.dispose();\n    };\n  }, [adhese?.addSlot, options, elementRef.current]);\n\n  return slot;\n}\n"],"names":[],"mappings":";;AAUgB,SAAA,cAAc,YAAoC,SAAiG;AAC3J,QAAA,OAAO,OAA0B,IAAI;AAC3C,QAAM,SAAS;AAEf,YAAU,MAAM;AACV,QAAA,CAAC,UAAU,CAAC,WAAW;AACzB;AAEG,SAAA,UAAU,iCAAQ,QAAQ;AAAA,MAC7B,GAAG;AAAA,MACH,mBAAmB,WAAW;AAAA,IAAA;AAEhC,WAAO,MAAY;;AACjB,iBAAK,YAAL,mBAAc;AAAA,IAAQ;AAAA,EACxB,GACC,CAAC,iCAAQ,SAAS,SAAS,WAAW,OAAO,CAAC;AAE1C,SAAA;AACT;"}
+{"version":3,"file":"useAdheseSlot.js","sources":["../src/useAdheseSlot.ts"],"sourcesContent":["import {\n  type RefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport type { AdheseSlot, AdheseSlotOptions } from '@adhese/sdk';\nimport { toRaw, watch } 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 *\n * @warning Make sure to wrap your `setup` function in a `useCallback` as it can trigger an infinite loop if it's not\n * memoized.\n */\nexport function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): AdheseSlot | null {\n  const adhese = useAdhese();\n\n  const [slot, setSlot] = useState<AdheseSlot | null>(null);\n  useEffect(() => {\n    let intermediate: AdheseSlot | null = null;\n\n    if (adhese && elementRef.current) {\n      intermediate = toRaw(adhese?.addSlot({\n        ...options,\n        containingElement: elementRef.current,\n        setup(context, hooks) {\n          options.setup?.(context, hooks);\n\n          watch(context, (newSlot) => {\n            setSlot(newSlot);\n          }, { deep: true, immediate: true });\n        },\n      }));\n    }\n\n    return (): void => {\n      intermediate?.dispose();\n\n      setSlot(null);\n    };\n  }, [adhese, ...Object.values(options)]);\n\n  return slot;\n}\n"],"names":[],"mappings":";;;AAkBgB,SAAA,cAAc,YAAoC,SAAsF;AACtJ,QAAM,SAAS;AAEf,QAAM,CAAC,MAAM,OAAO,IAAI,SAA4B,IAAI;AACxD,YAAU,MAAM;AACd,QAAI,eAAkC;AAElC,QAAA,UAAU,WAAW,SAAS;AACjB,qBAAA,MAAM,iCAAQ,QAAQ;AAAA,QACnC,GAAG;AAAA,QACH,mBAAmB,WAAW;AAAA,QAC9B,MAAM,SAAS,OAAO;;AACZ,wBAAA,UAAA,iCAAQ,SAAS;AAEnB,gBAAA,SAAS,CAAC,YAAY;AAC1B,oBAAQ,OAAO;AAAA,aACd,EAAE,MAAM,MAAM,WAAW,KAAM,CAAA;AAAA,QACpC;AAAA,MACD,EAAC;AAAA,IACJ;AAEA,WAAO,MAAY;AACjB,mDAAc;AAEd,cAAQ,IAAI;AAAA,IAAA;AAAA,EACd,GACC,CAAC,QAAQ,GAAG,OAAO,OAAO,OAAO,CAAC,CAAC;AAE/B,SAAA;AACT;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adhese/sdk-react",
   "type": "module",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Adhese SDK",
   "repository": {
     "type": "git",
@@ -29,8 +29,7 @@
     "CHANGELOG.md",
     "LICENSE",
     "README.md",
-    "dist",
-    "src/legacy.d.ts"
+    "dist"
   ],
   "scripts": {
     "build": "vite build",
@@ -45,7 +44,7 @@
     "react-dom": ">=16.13"
   },
   "dependencies": {
-    "@adhese/sdk": "^1.0.2",
-    "@adhese/sdk-shared": "^1.0.0"
+    "@adhese/sdk": "^1.1.0",
+    "@adhese/sdk-shared": "^1.1.0"
   }
 }

package/src/legacy.d.ts

@@ -1,13 +0,0 @@
-import type { PropsWithChildren, ReactElement, RefObject } from 'react';
-
-declare function AdheseProvider({ children, options }: PropsWithChildren<{
-  options: any;
-}>): ReactElement;
-
-declare function useAdhese(): any | undefined;
-
-declare function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: any): any;
-
-declare function AdheseSlot({ onChange, ...options }: {
-  onChange?(slot: any | null): void;
-} & any): ReactElement;