wip

devrnt · Jun 14, 2023 · 2fd239a · 2fd239a
1 parent e13a07c
commit 2fd239a
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 4 deletions.
diff --git a/apps/playground/src/modules/useIntercom/useIntercom.tsx b/apps/playground/src/modules/useIntercom/useIntercom.tsx
@@ -39,6 +39,7 @@ const RawUseIntercomPage = () => {
     showArticle,
     startSurvey,
     showSpace,
+    unreadCount,
   } = useIntercom();
   const handleBoot = React.useCallback(() => boot(), [boot]);
 
@@ -289,13 +290,19 @@ const RawUseIntercomPage = () => {
         </p>
         <Button label="Open space" onClick={handleShowSpace} />
       </Item>
+      <Item>
+        <p>Unread messages count: {unreadCount}</p>
+      </Item>
     </Grid>
   );
 };
 
 const UseIntercomPage = () => {
   return (
-    <IntercomProvider appId="jcabc7e3">
+    <IntercomProvider
+      appId="jcabc7e3"
+      onUnreadCountChange={(count) => alert(`another one ${count}`)}
+    >
       <RawUseIntercomPage />
     </IntercomProvider>
   );

diff --git a/packages/react-use-intercom/src/provider.tsx b/packages/react-use-intercom/src/provider.tsx
@@ -32,6 +32,7 @@ export const IntercomProvider: React.FC<
 }) => {
   const isBooted = React.useRef(false);
   const isInitialized = React.useRef(false);
+  const [unreadCount, setUnReadCount] = React.useState(0);
 
   // Allow data-x attributes, see https://github.com/devrnt/react-use-intercom/issues/478
   const invalidPropKeys = Object.keys(rest).filter(
@@ -83,16 +84,22 @@ export const IntercomProvider: React.FC<
     if (onShow) onShow();
   }, [onShow, setIsOpen]);
 
+  const onUnReadCountChangeWrapper = React.useCallback(
+    (unreadCount: number) => {
+      setUnReadCount(unreadCount);
+      if (onUnreadCountChange) onUnreadCountChange(unreadCount);
+    },
+    [onUnreadCountChange],
+  );
+
   if (!isSSR && shouldInitialize && !isInitialized.current) {
     initialize(appId, initializeDelay);
 
     // attach listeners
     IntercomAPI('onHide', onHideWrapper);
     IntercomAPI('onShow', onShowWrapper);
     IntercomAPI('onUserEmailSupplied', onUserEmailSupplied);
-
-    if (onUnreadCountChange)
-      IntercomAPI('onUnreadCountChange', onUnreadCountChange);
+    IntercomAPI('onUnreadCountChange', onUnReadCountChangeWrapper);
 
     if (autoBoot) {
       boot(autoBootProps);
@@ -264,6 +271,7 @@ export const IntercomProvider: React.FC<
       showArticle,
       startSurvey,
       showSpace,
+      unreadCount,
     };
   }, [
     boot,
@@ -281,6 +289,7 @@ export const IntercomProvider: React.FC<
     showArticle,
     startSurvey,
     showSpace,
+    unreadCount,
   ]);
 
   return (

diff --git a/packages/react-use-intercom/src/types.ts b/packages/react-use-intercom/src/types.ts
@@ -418,6 +418,11 @@ export type IntercomContextValues = {
    * @example showSpace('tasks')
    */
   showSpace: (spaceName: IntercomSpace) => void;
+  /**
+   *
+   * @remark The unread messages count. Updated whenever the current number of unread messages changes.
+   */
+  unreadCount: number;
 };
 
 export type IntercomProviderProps = {