@talkjs/react-components 0.0.8 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talkjs/react-components",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "bugs": {
     "url": "https://talkjs.com/?chat"
   },
@@ -43,8 +43,8 @@
     "wavesurfer.js": "^7.7.7"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": ">=17.0.0 <20.0.0",
+    "react-dom": ">=17.0.0 <20.0.0"
   },
   "keywords": [
     "chat",

package/theming.d.ts

@@ -399,27 +399,11 @@ export declare interface TimeAgo {
      * An amount of milliseconds after which the values in `long` and `short` _may_ have changed.
      * If undefined, the values will not change within any meaningful period.
      */
-    changeTimeout: number | undefined;
+    changeTimeout?: number | undefined;
     long: string;
     short: string;
 }
 
-/**
- *
- * This timer triggers only when a human-readable timestamp needs to be updated.
- * For example, you could use it to display that a messages was updated X
- * minutes or Y hours ago.
- *
- * @public
- */
-export declare class TimeAgoTimer {
-    timestamp: number;
-    t: Translation;
-    constructor(timestamp: number, t: Translation);
-    onTick(callback: (timeAgo: TimeAgo) => void): () => void;
-    currentValue(): TimeAgo;
-}
-
 export declare type Translation = TranslationData & TranslationStrings;
 
 declare interface TranslationData {
@@ -510,6 +494,16 @@ export declare interface UserPermissions {
 
 export { UserSnapshot }
 
+/**
+ *
+ * This hooks triggers only when a human-readable timestamp needs to be updated.
+ * For example, you could use it to display that a messages was updated X
+ * minutes or Y hours ago.
+ *
+ * @public
+ */
+export declare function useTimeAgo(timestamp: number, t: Translation): TimeAgo;
+
 export { VideoBlock }
 
 export declare interface VideoBlockProps extends ContentBlockProps {