Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,3 +53,4 @@ mint dev

- Mintlify dev isn't running - Run `npm i -g mint@latest` it'll re-install dependencies.
- Page loads as a 404 - Make sure you are running in a folder with `docs.json`

2 changes: 1 addition & 1 deletion chat-apis.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"openapi": "3.0.0",
"info": {
"title": "Chat APIs",
"description": "Manage messages, users, groups for a particular app using our Chat API.",
"description": "Manage messages, users & groups for a particular app using our Chat API.",
"version": "3.0"
},
"servers": [
Expand Down
5 changes: 0 additions & 5 deletions docs.json
Original file line number Diff line number Diff line change
Expand Up @@ -5102,11 +5102,6 @@
"destination": "/docs/ai-chatbots/custom-agents"
}
],
"integrations": {
"gtm": {
"tagId": "GTM-59ZJRV2"
}
},
"seo": {
"indexing": "all",
"metatags" :{
Expand Down
99 changes: 99 additions & 0 deletions index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,109 @@ description: "Technical documentation & Implementation guides to add In-app Mess
canonical: "https://cometchat.com/docs"
---

import React, { useState } from 'react';

export const FloatingWidget = () => {
const [isOpen, setIsOpen] = useState(false);
const [hasLoaded, setHasLoaded] = useState(false);


const toggleWidget = () => setIsOpen(!isOpen);

return (
<div>
<button
onClick={toggleWidget}
style={{
position: 'fixed',
bottom: '16px',
right: '16px',
width: '64px',
height: '64px',
backgroundColor: '#6852D6',
borderRadius: '50%',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
cursor: 'pointer',
boxShadow: '0 4px 12px rgba(104, 82, 214, 0.3)',
zIndex: 1000000000,
transition: 'all 0.3s ease',
}}
>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20 2H4C2.9 2 2.01 2.9 2.01 4L2 22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2ZM6 9H18V11H6V9ZM14 14H6V12H14V14ZM18 8H6V6H18V8Z"
fill="white"
/>
</svg>
</button>

{
!hasLoaded && isOpen ? <div
style={{
position: 'fixed',
bottom: '85px',
right: '20px',
width: '30vw',
height: '85vh',
border: '1px solid #e1e5e9',
zIndex: 10000000001,
borderRadius: '24px',
background:'white',
display:'flex',
justifyContent: 'center',
alignItems: 'center',
}}
>
<div className="spinner" style={{
width: 30,
height: 30,
border: '4px solid #e0e0e0',
borderTop: '4px solid #7c7c8a',
borderRadius: '50%',
animation: 'spin 1s linear infinite',
marginBottom: 12,
zIndex: 10000000001,
}} />
</div> : null
}

<iframe
onLoad={() => setHasLoaded(true)}

src="https://rad-kashata-59aed7.netlify.app/"
style={{
position: 'fixed',
bottom: '85px',
right: '20px',
width: '30vw',
height: '85vh',
border: '1px solid #e1e5e9',
zIndex: 1000000000,
borderRadius: '24px',
display: isOpen ? 'block' : 'none'
}}
/>

</div>
);
};


export function openSearch() {
document.getElementById('search-bar-entry').click();
}

<div>
<FloatingWidget />
</div>
<div className="relative w-full flex items-center justify-center" style={{ height: '20rem', overflow: 'hidden'}}>


Expand Down
8 changes: 4 additions & 4 deletions sdk/javascript/call-logs.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ let callLogRequestBuilder = new CometChatCalls.CallLogRequestBuilder()

### Fetch Next

The**`fetchNext()`**method retrieves the next set of call logs.
The **`fetchNext()`** method retrieves the next set of call logs.

```javascript
let callLogRequestBuilder = new CometChatCalls.CallLogRequestBuilder()
Expand All @@ -60,7 +60,7 @@ callLogRequestBuilder.fetchNext()

### Fetch Previous

The**`fetchPrevious()`**method retrieves the previous set of call logs.
The **`fetchPrevious()`** method retrieves the previous set of call logs.

```javascript
let callLogRequestBuilder = new CometChatCalls.CallLogRequestBuilder()
Expand All @@ -80,7 +80,7 @@ callLogRequestBuilder.fetchPrevious()

## Get Call Details

To retrieve the specific details of a call, use the**`getCallDetails()`**method. This method requires the Auth token of the logged-in user and the session ID along with a callback listener.
To retrieve the specific details of a call, use the **`getCallDetails()`** method. This method requires the Auth token of the logged-in user and the session ID along with a callback listener.

```javascript
var sessionID = "SESSION_ID";
Expand All @@ -93,4 +93,4 @@ CometChatCalls.getCallDetails(sessionID, authToken)
});
```

Note: Replace**`"SESSION_ID"`**with the ID of the session you are interested in.
Note: Replace **`"SESSION_ID"`** with the ID of the session you are interested in.