- feat: Add clear extension contacts data button

- feat: Sync contacts do not clear contacts data first

Author: zxdong262

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pipedrive-embeddable-ringcentral-phone-spa",
-  "version": "2.11.2",
+  "version": "2.12.0",
   "description": "Add RingCentral Embeddable Voice widgets to Pipedrive",
   "keywords": [
     "RingCentral",

src/custom.styl

@@ -38,9 +38,11 @@
   z-index 20
   box-shadow 0px 0px 3px 3px rgba(0,0,0,0.35)
 .rc-reloading-contacts
-  z-index 21
+  z-index 12000
 #Pipedrive-rc
   overflow visible
   b
   .bold
-    font-weight bold
+    font-weight bold
+*[class*="ant-"].ant-notification
+  z-index 12000

src/features/contacts.js

@@ -16,7 +16,6 @@ import { setCache, getCache } from 'ringcentral-embeddable-extension-common/src/
 import fetch from 'ringcentral-embeddable-extension-common/src/common/fetch'
 import { thirdPartyConfigs } from 'ringcentral-embeddable-extension-common/src/common/app-config'
 import {
-  remove,
   insert,
   getByPage,
   match
@@ -123,11 +122,6 @@ async function fetchAllContacts (_recent) {
   const lastSync = lastSyncOffset
   let start = await getCache(lastSync) || 0
   let hasMore = true
-  if (!recent && !start) {
-    await remove().catch(e => {
-      console.log(e.stack)
-    })
-  }
   while (hasMore) {
     let res = await getContact(start).catch(console.debug)
     if (res && res.data) {
@@ -176,7 +170,9 @@ export const getContacts = async function (page = 1) {
     console.debug('use cache')
     return cached
   }
-  fetchAllContacts()
+  if (!window.rc.syncTimestamp && !cached.result.length) {
+    fetchAllContacts()
+  }
   return final
 }
 

src/lib/react-ele.js

@@ -3,13 +3,16 @@
  */
 
 import { useEffect } from 'react'
-import { Modal, Button } from 'antd'
+import { Modal, Button, notification } from 'antd'
 import { SyncOutlined, InfoCircleOutlined } from '@ant-design/icons'
 import { reSyncData } from '../features/contacts'
 import './antd.less'
 import 'antd/dist/antd.less'
 import { doAuth } from '../features/auth'
 import AutoSync from './auto-resync'
+import {
+  remove
+} from 'ringcentral-embeddable-extension-common/src/common/db'
 
 function showSyncMenu () {
   let mod = null
@@ -21,6 +24,13 @@ function showSyncMenu () {
     reSyncData()
     destroyMod()
   }
+  async function delAll () {
+    await remove()
+    notification.success({
+      message: 'All contacts removed from extension database',
+      zIndex: 6697
+    })
+  }
   function destroyMod () {
     mod.destroy()
   }
@@ -42,6 +52,13 @@ function showSyncMenu () {
         >
           Sync all contacts
         </Button>
+        <Button
+          type='primary'
+          className='rc-mg1r rc-mg1b'
+          onClick={delAll}
+        >
+          Remove all contacts data from extension database
+        </Button>
         <Button
           type='ghost'
           className='rc-mg1r rc-mg1b'

src/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Ringcentral Embeddable Widgets for Pipedrive",
-  "version": "2.11.2",
+  "version": "2.12.0",
   "description": "Add RingCentral Embeddable Voice widgets to Pipedrive",
   "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA1YqYvCEeGGNOgtKrx8DfG33ujx7NgAwbyVpikug4mHiNvKZYWulw7lY5fjaD8wAy5bmXnkfULDzqMkL8UOxUcf8qD2lJFcLm+BqBtqNnoSz00vwjSOxXrcDvpvsMrjEZkI7N/FD60sTWp1U+QOehua7OboUpXb4iV7TQfppz3PsCz7qGOa4PWjUMAZTTgomUtW47Es6f/vjIeejs7Ihro3Al5Jo3SWIbjpjSU9BK34XgFvtcZx3lZQgfFiK+ZNyxlx8mgC/PLqJB+uX63ywMrT86TdcfxBuaThy98S8SCXjZTpHOP6X5pmGMk0lPM06hwxmSCBZgHOHL/Wk6r8FUlQIDAQAB",
   "permissions": [