@adhese/sdk-react 1.0.0 → 1.0.2

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @adhese/sdk-react
 
+## 1.0.2
+
+### Patch Changes
+
+- e59b2d5: Replace use-deep-compare-effect in useAdheseSlot with useEffect and useRef
+
+## 1.0.1
+
+### Patch Changes
+
+- 5393373: Add fallback legacy d.ts file for older ts version with very limited types
+- 5393373: Mode @adhese/sdk as a dependency instead of peer dependency
+
 ## 1.0.0
 
 ### Major Changes

package/dist/AdheseSlot.js

@@ -1,15 +1,22 @@
 import { jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
+import { useRef } 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(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 });
+    }
+  });
   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":["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;"}

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(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 });
+    }
+  });
   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":["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;;"}

package/dist/cjs/useAdheseSlot.cjs

@@ -1,27 +1,22 @@
 "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 slot = react.useRef(null);
   const adhese = adheseContext.useAdhese();
-  useDeepCompareEffect(() => {
-    let intermediate;
-    if (adhese && elementRef.current) {
-      intermediate = adhese.addSlot(
-        {
-          ...options,
-          containingElement: elementRef.current
-        }
-      );
-      setSlot(intermediate);
-    }
+  react.useEffect(() => {
+    if (!adhese || !elementRef.current)
+      return;
+    slot.current = adhese == null ? void 0 : adhese.addSlot({
+      ...options,
+      containingElement: elementRef.current
+    });
     return () => {
-      intermediate == null ? void 0 : intermediate.dispose();
+      var _a;
+      (_a = slot.current) == null ? void 0 : _a.dispose();
     };
-  }, [adhese, sdkShared.omit(options, Object.entries(options).filter(([, value]) => typeof value === "function").map(([key]) => key)), elementRef.current]);
+  }, [adhese == null ? void 0 : adhese.addSlot, options, elementRef.current]);
   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 { 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;;"}

package/dist/legacy.d.ts

@@ -0,0 +1,13 @@
+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;

package/dist/sdkReact.d.ts

@@ -20,7 +20,7 @@ declare function useAdhese(): Adhese | undefined;
  * @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;
+declare function useAdheseSlot(elementRef: RefObject<HTMLElement>, options: Omit<AdheseSlotOptions, 'containingElement' | 'context'>): RefObject<AdheseSlot$1 | null>;
 
 type AdheseSlotProps = {
     /**

package/dist/useAdheseSlot.js

@@ -1,25 +1,20 @@
-import { useState } from "react";
-import useDeepCompareEffect from "use-deep-compare-effect";
-import { omit } from "@adhese/sdk-shared";
+import { useRef, useEffect } from "react";
 import { useAdhese } from "./adheseContext.js";
 function useAdheseSlot(elementRef, options) {
-  const [slot, setSlot] = useState(null);
+  const slot = useRef(null);
   const adhese = useAdhese();
-  useDeepCompareEffect(() => {
-    let intermediate;
-    if (adhese && elementRef.current) {
-      intermediate = adhese.addSlot(
-        {
-          ...options,
-          containingElement: elementRef.current
-        }
-      );
-      setSlot(intermediate);
-    }
+  useEffect(() => {
+    if (!adhese || !elementRef.current)
+      return;
+    slot.current = adhese == null ? void 0 : adhese.addSlot({
+      ...options,
+      containingElement: elementRef.current
+    });
     return () => {
-      intermediate == null ? void 0 : intermediate.dispose();
+      var _a;
+      (_a = slot.current) == null ? void 0 : _a.dispose();
     };
-  }, [adhese, omit(options, Object.entries(options).filter(([, value]) => typeof value === "function").map(([key]) => key)), elementRef.current]);
+  }, [adhese == null ? void 0 : adhese.addSlot, options, elementRef.current]);
   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 { 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;"}

package/package.json

@@ -1,20 +1,36 @@
 {
   "name": "@adhese/sdk-react",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Adhese SDK",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/adhese/sdk_typescript.git"
   },
+  "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",
+  "typesVersions": {
+    "<5.1": {
+      "*": [
+        "./dist/legacy.d.ts"
+      ]
+    }
+  },
   "files": [
     "CHANGELOG.md",
     "LICENSE",
     "README.md",
-    "dist"
+    "dist",
+    "src/legacy.d.ts"
   ],
   "scripts": {
     "build": "vite build",
@@ -25,16 +41,11 @@
     "prepareRelease": "npm run build"
   },
   "peerDependencies": {
-    "@adhese/sdk": ">=1.0.0",
     "react": ">=16.13",
     "react-dom": ">=16.13"
   },
   "dependencies": {
-    "@adhese/sdk-shared": "^1.0.0",
-    "use-deep-compare-effect": "^1.8.1"
-  },
-  "devDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "@adhese/sdk": "^1.0.2",
+    "@adhese/sdk-shared": "^1.0.0"
   }
 }

package/src/legacy.d.ts

@@ -0,0 +1,13 @@
+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;