onClose event / how to reset visible state?

[kylegillen]

This module opens up in its own window / view it seems.

The example folder has a state driven solution to showing and hiding the chat window, but with no onClose event what's the proposed solution to resetting the state?

There's an existing closed issue with the same question and an answer here: #17 (comment)

But the answer is nonsensical.

[kasiri182]

You can use show function in Crisp Library for show modal

[ElpayetSupervan]

+1 @nextriot this would be very useful for a centralized top level management of Crisp. At the moment there is also this very annoying useEffect which opens the modal by default when the component is mounted : I wonder why this is necessary 😕 ?

[kamilpodlasek]

I couldn't render the chat for the second time because of this issue, so I ended up counting how many times it was opened and using the show function on every subsequent open. Here's my code if anyone has the same problem:

import { useState, useRef } from 'react'
import { show } from 'react-native-crisp-chat-sdk'

export const useSupportChat = () => {
  const [renderChat, setRenderChat] = useState(false)
  const counter = useRef(0)

  return {
    renderChat,
    showChat: () => {
      // workaround for the weird CrispChat behaviour
      if (counter.current === 0) {
        setRenderChat(true)
      } else {
        show()
      }

      counter.current += 1
    },
  }
}

Then, in the component:

const { renderChat, showChat } = useSupportChat()

{renderChat && <CrispChat />}

[AyoParadis]

useSupportChat()

This is a great solution but we should have to do this at all.

[VirtuozTM]

Hi everyone,

Currently, the React Native Crisp Chat SDK only exposes methods to open the chat, since the chat itself is handled natively on iOS and Android. That’s why it’s not possible to directly manage its state from React Native.

However, event callbacks (including chat opened / closed, message sent, session loaded, etc.) are planned and will be available soon. With these callbacks, you’ll be able to listen to events such as when the chat is closed, and update your state accordingly.

[astanb]

What's the ETA for the event callbacks? I have written my own version that works with v0.15.2, but haven't had time to update it for the latest version of this library. I now need to update the library because 0.15.2 is not compliant with 16kb Android page size requirements.

[VirtuozTM]

Not necessary to find hacks because this is implemented in the new sdk :)

https://github.com/crisp-im/crisp-sdk-react-native