Merge branch 'main' into feature/ISS-183379-update-hybrid-docs-samples

Author: dhananjayj-dev

custom-implementation/src/main.tsx

@@ -1,8 +1,7 @@
 import './main.css'
 import '@devrev/marketing-shared-components/dist/cjs/index.css'
 
-import ReactDOM from 'react-dom'
-
+import ReactDOM from 'react-dom/client'
 import React from 'react'
 
 import Header from './components/header'
@@ -15,13 +14,12 @@ import { getPageData } from './modules/sanity/utils'
 
 const FERN_CONTENT_WRAPPER_ID = 'fern-header-content-wrapper'
 const DEVREV_CONTENT_WRAPPER_ID = 'devrev-header-content-wrapper'
-
 const FERN_HEADER_CONTAINER_ID = 'fern-header'
 
 const render = async () => {
-  /*
-   * This is a where we try to make async data call.
-   */
+  if (typeof window === 'undefined') {
+    return
+  }
 
   const data = await getPageData()
 
@@ -30,20 +28,22 @@ const render = async () => {
 
   const theme = document.getElementsByTagName('html')[0].getAttribute('class')
 
-  if (!document.getElementById('sidenav-header-wrapper')) {
+  if (!document.getElementById('sidenav-header-wrapper') && sidenav) {
     const sidenavHeaderWrapper = document.createElement('div')
     sidenavHeaderWrapper.setAttribute('id', 'sidenav-header-wrapper')
     sidenav.appendChild(sidenavHeaderWrapper)
 
     const search = document.createElement('div')
     search.setAttribute('id', 'search-component')
     sidenavHeaderWrapper.appendChild(search)
-    ReactDOM.render(React.createElement(Search), search)
+    const searchRoot = ReactDOM.createRoot(search)
+    searchRoot.render(React.createElement(Search))
 
     const wrapper = document.createElement('div')
     wrapper.setAttribute('id', 'theme-switch')
     sidenavHeaderWrapper.appendChild(wrapper)
-    ReactDOM.render(React.createElement(ThemeSwitch), wrapper)
+    const themeRoot = ReactDOM.createRoot(wrapper)
+    themeRoot.render(React.createElement(ThemeSwitch))
 
     sidenav.replaceWith(sidenavHeaderWrapper)
   }
@@ -83,29 +83,33 @@ const render = async () => {
       document.body.appendChild(fernHeaderContainer)
     }
 
-    ReactDOM.render(
+    // Updated to createRoot - callback handling changed
+    const headerRoot = ReactDOM.createRoot(devrevContentWrapper)
+    headerRoot.render(
       React.createElement(Header, {
         ...data.header,
         version: theme == 'dark' ? 'light' : 'dark',
-      }),
-      devrevContentWrapper,
-      () => {
-        // Once the header component is loaded, make it visible
-        const header = document.getElementById(FERN_HEADER_CONTAINER_ID)
-        if (header) header.style.display = 'block'
-      }
+      })
     )
+    
+    // Make header visible immediately
+    setTimeout(() => {
+      const header = document.getElementById(FERN_HEADER_CONTAINER_ID)
+      if (header) header.style.display = 'block'
+    }, 0)
   }
 
-  ReactDOM.render(
-    React.createElement(Footer, { ...data.footer }),
-    document.getElementById('fern-footer'),
-    () => {
-      // Once the footer component is loaded, make it visible
+  const footerElement = document.getElementById('fern-footer')
+  if (footerElement) {
+    const footerRoot = ReactDOM.createRoot(footerElement)
+    footerRoot.render(React.createElement(Footer, { ...data.footer }))
+    
+    // Make footer visible immediately
+    setTimeout(() => {
       const footer = document.getElementById('fern-footer')
       if (footer) footer.style.display = 'block'
-    },
-  )
+    }, 0)
+  }
 
   // Add Plug component directly to body
   if (!document.getElementById('plug-platform')) {
@@ -145,8 +149,20 @@ const render = async () => {
 }
 
 let observations = 0
-document.addEventListener('DOMContentLoaded', async () => {
-  await render()
+
+if (document.readyState === 'loading') {
+  document.addEventListener('DOMContentLoaded', async () => {
+    await render()
+    setupMutationObserver()
+  })
+} else {
+  // DOM is already ready, run immediately
+  render().then(() => {
+    setupMutationObserver()
+  })
+}
+
+function setupMutationObserver() {
   new MutationObserver(async (e, o) => {
     await render()
     for (const item of e) {
@@ -164,4 +180,4 @@ document.addEventListener('DOMContentLoaded', async () => {
       }
     }
   }).observe(document.body, { childList: true, subtree: true })
-})
+}

fern/docs/pages/sdks/mobile/android/quickstart.mdx

@@ -45,6 +45,14 @@ To integrate the latest version of our SDK into your app, follow these steps:
 </Tab>
 </Tabs>
 
+### Proguard rules
+
+If you are using Proguard in your project, add the following lines to your configuration:
+   ```bash
+   -keep class ai.devrev.** { *; }
+   -keep class com.userexperior.* { *; }
+   ```
+
 ## Set up the DevRev SDK
 
 1. Open the DevRev web app at [https://app.devrev.ai](https://app.devrev.ai) and go to the **Settings** page.

fern/docs/pages/sdks/mobile/android/troubleshooting.mdx

@@ -1,10 +1,13 @@
 # Troubleshooting
 
-- **Issue**: Encountering problems with DevRev SDK integration.  
-  **Solution**: Verify the correct SDK dependency setup in the project. Ensure `mavenCentral` is accessible from the IDE.
+- **Issue**: Can't import the SDK into my app.
+  **Solution**: Double-check the setup process and ensure that `mavenCentral()` is present in the project level repositories block.
 
-- **Issue**: The `showSupport()` function or XML button is unresponsive.  
-  **Solution**: Confirm that user identification is performed before using the `showSupport()` function or XML button.
+- **Issue**: How does the DevRev SDK handle errors?
+  **Solution**: The DevRev SDK reports all errors using Android's logging utility. Look for error messages in Android Studio's Logcat after applying `DEVREV SDK` filter.
 
-- **Issue**: Incorrect operation due to `App ID` and `secret` misconfiguration.  
-  **Solution**: Double-check that both `App ID` and `secret` values are accurately configured in your application.
+- **Issue**: Support chat doesn't show.
+  **Solution**: Ensure you have correctly called one of the identification methods: `DevRev.identifyUnverifiedUser(...)`, `DevRev.identifyVerifiedUser(...)`, or `DevRev.identifyAnonymousUser(...)`.
+
+- **Issue**: Not receiving push notifications.
+  **Solution**: Ensure that your app is configured to receive push notifications and that your device is registered with the DevRev SDK.