@adhese/sdk-react 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @adhese/sdk-react
 
+## 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
+
+- e59b2d5: Replace use-deep-compare-effect in useAdheseSlot with useEffect and useRef
+
 ## 1.0.1
 
 ### Patch Changes

package/dist/AdheseSlot.js

@@ -1,15 +1,22 @@
 import { jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
+import { useRef, useCallback } from "react";
+import { watch } from "@adhese/sdk-shared";
 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]);
+  useAdheseSlot(element, {
+    ...options,
+    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 });
 }
 export {

package/dist/AdheseSlot.js.map

@@ -1 +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;"}
+{"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

@@ -2,16 +2,23 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
+const sdkShared = require("@adhese/sdk-shared");
 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]);
+  useAdheseSlot.useAdheseSlot(element, {
+    ...options,
+    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 });
 }
 exports.AdheseSlot = AdheseSlot;

package/dist/cjs/AdheseSlot.cjs.map

@@ -1 +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;;"}
+{"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,27 +1,31 @@
 "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;
+  const [slot, setSlot] = react.useState(null);
+  react.useEffect(() => {
+    let intermediate = null;
     if (adhese && elementRef.current) {
-      intermediate = adhese.addSlot(
-        {
-          ...options,
-          containingElement: 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 });
         }
-      );
-      setSlot(intermediate);
+      }));
     }
     return () => {
       intermediate == null ? void 0 : intermediate.dispose();
+      setSlot(null);
     };
-  }, [adhese, sdkShared.omit(options, Object.entries(options).filter(([, value]) => typeof value === "function").map(([key]) => key)), 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, 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;;"}
+{"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,6 +19,9 @@ 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'>): AdheseSlot$1 | null;
 
@@ -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,25 +1,29 @@
-import { useState } from "react";
-import useDeepCompareEffect from "use-deep-compare-effect";
-import { omit } from "@adhese/sdk-shared";
+import { useState, useEffect } from "react";
+import { toRaw, watch } from "@adhese/sdk-shared";
 import { useAdhese } from "./adheseContext.js";
 function useAdheseSlot(elementRef, options) {
-  const [slot, setSlot] = useState(null);
   const adhese = useAdhese();
-  useDeepCompareEffect(() => {
-    let intermediate;
+  const [slot, setSlot] = useState(null);
+  useEffect(() => {
+    let intermediate = null;
     if (adhese && elementRef.current) {
-      intermediate = adhese.addSlot(
-        {
-          ...options,
-          containingElement: 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 });
         }
-      );
-      setSlot(intermediate);
+      }));
     }
     return () => {
       intermediate == null ? void 0 : intermediate.dispose();
+      setSlot(null);
     };
-  }, [adhese, omit(options, Object.entries(options).filter(([, value]) => typeof value === "function").map(([key]) => key)), 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, 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;"}
+{"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,20 +1,20 @@
 {
   "name": "@adhese/sdk-react",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Adhese SDK",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/adhese/sdk_typescript.git"
   },
-  "exports": [
-    {
+  "exports": {
+    ".": {
       "types": "./dist/sdkReact.d.ts",
       "import": "./dist/sdkReact.js",
       "require": "./dist/cjs/sdkReact.cjs",
       "types@<5.1": "./dist/legacy.d.ts"
     }
-  ],
+  },
   "main": "./dist/cjs/sdkReact.cjs",
   "module": "./dist/sdkReact.js",
   "types": "./dist/sdkReact.d.ts",
@@ -29,8 +29,7 @@
     "CHANGELOG.md",
     "LICENSE",
     "README.md",
-    "dist",
-    "src/legacy.d.ts"
+    "dist"
   ],
   "scripts": {
     "build": "vite build",
@@ -46,7 +45,6 @@
   },
   "dependencies": {
     "@adhese/sdk": "^1.0.2",
-    "@adhese/sdk-shared": "^1.0.0",
-    "use-deep-compare-effect": "^1.8.1"
+    "@adhese/sdk-shared": "^1.0.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;