[Omnibox] Package - Dependency - Lib

I. Packages

1. Dependencies

• @craco/craco - A Create React App configuration override tool Craco
• @devops_gcalls/gcalls-web-sdk - A Web SDK for GCalls GCalls Web SDK
• @fortawesome/fontawesome-svg-core - A React component for Font Awesome Font Awesome
• @fortawesome/free-solid-svg-icons - A React component for Font Awesome Font Awesome
• @fortawesome/react-fontawesome - A React component for Font Awesome Font Awesome
• @sentry/react - An application monitoring platform that provides error tracking and performance monitoring for software applications Sentry
• @sentry/tracing - An application monitoring platform that provides error tracking and performance monitoring for software applications Sentry
• @testing-library/jest-dom - Simple and complete DOM testing utilities that encourage good testing practices Jest Dom
• @testing-library/react - Simple and complete DOM testing utilities that encourage good testing practices React Testing Library
• @testing-library/user-event - Simple and complete DOM testing utilities that encourage good testing practices User Event
• @types/jest - A delightful JavaScript Testing Framework with a focus on simplicity Jest
• @types/jsforce - A JavaScript REST API wrapper for Salesforce JSForce
• @types/node - A JavaScript runtime built on Chrome's V8 JavaScript engine Node
• @types/react-dom - A JavaScript library for building user interfaces React Dom
• @types/react - A JavaScript library for building user interfaces React
• axios - Promise based HTTP client for the browser and node.js Axios
• broadcast-channel - BroadcastChannel API Broadcast Channel
• dotenv - Loads environment variables from .env file Dotenv
• gc-sdk - A Web SDK for GCalls GCalls Web SDK
• html-react-parser - A utility for converting HTML strings into React components HTML React Parser
• jsforce - A JavaScript REST API wrapper for Salesforce JSForce
• jsqr - A pure javascript QR code reading library JSQR
• keycloak-connect-multirealm - A Keycloak middleware for Express Keycloak Connect Multirealm
• keycloak-connect - A Keycloak middleware for Express Keycloak Connect
• keycloak-js - A JavaScript library for Keycloak Keycloak JS
• path - A utility for converting HTML strings into React components Path
• png.js - A PNG decoder fully written in JavaScript PNG JS
• pouchdb-react-native - A JavaScript database that syncs PouchDB React Native
• react-beforeunload - A React component that warns users of unsaved changes to forms when they attempt to leave a page React Beforeunload
• react-confirm-alert - A React component that warns users of unsaved changes to forms when they attempt to leave a page React Confirm Alert
• react-dom - A JavaScript library for building user interfaces React Dom
• react-file-reader - A React component that provides a file reader React File Reader
• react-hook-form - A lightweight library for managing form state in React React Hook Form
• react-one-tab-enforcer - A React component that ensures that only one instance of a web app is open in a given browser tab. React One Tab Enforcer
• react-qr-code - A React component that renders a QR code React QR Code
• react-ring-spinner - A React component that renders a ring spinner React Ring Spinner
• react-scripts - A set of scripts for React React Scripts
• react-spring - A spring physics based React animation library React Spring
• react-swipeable - A React component that provides swipeable views React Swipeable
• react-switch - A React component that provides a switch React Switch
• react-timer-hook - A React component that provides a timer React Timer Hook
• react-toast-notification - A React component that provides toast notifications React Toast Notification
• react-toast-notifications - A React component that provides toast notifications React Toast Notifications
• react - A JavaScript library for building user interfaces React
• typescript - A superset of JavaScript that compiles to clean JavaScript output Typescript
• web-vitals - A JavaScript library for measuring performance Web Vitals

2. Dev dependencies

• @types/png.js - A typescript declaration file that provides type definition for the png.js library Types PNG JS
• @types/react-beforeunload - A typescript declaration file that provides type definition for the react-beforeunload library Types React Beforeunload
• autoprefixer - A PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use Autoprefixer
• postcss - A tool for transforming CSS with JavaScript PostCSS
• react-csp - A React component that provides a Content Security Policy React CSP
• sass - A pure JavaScript implementation of Sass Sass
• tailwindcss@npm:@tailwindcss/postcss7-compat@2.2.17 - A utility-first CSS framework for rapidly building custom user interfaces Tailwind CSS

II. Source tree

.
├── README.md
├── craco.config.js
├── csp.json
├── docker-compose.yml
├── local.ini
├── package.json
├── public
│   ├── favicon.ico
│   ├── favicon.png
│   ├── index.html
│   ├── interaction.js
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   ├── opencti_min.js
│   ├── robots.txt
│   └── socket.io.js
├── src
│   ├── App.css
│   ├── App.test.tsx
│   ├── App.tsx
│   ├── assets - #../static file
│   │   ├── images
│   │   │   ├── background.png
│   │   │   ├── eye.svg
│   │   │   └── logoGcalls.png:Zone.Identifier
│   │   └── sounds
│   │       ├── incoming-call.mp3
│   │       ├── ringback.mp3
│   │       └── telephone-ring.mp3
│   ├── components 
│   │   ├── agent  # status
│   │   │   └── agentStatus.tsx
│   │   ├── dropdowns  # select region Bac - Nam (pick hotline)
│   │   │   └── regionPopup
│   │   │       └── index.tsx
│   │   ├── inPhoning  
│   │   │   ├── components
│   │   │   │   ├── keypadComponent.tsx
│   │   │   │   └── transferCall.tsx
│   │   │   └── index.tsx
│   │   ├── incoming  # incoming call 
│   │   │   └── index.tsx
│   │   ├── index.tsx
│   │   ├── integrationGcalls
│   │   │   ├── components
│   │   │   │   ├── Checkbox.tsx
│   │   │   │   ├── Login.css
│   │   │   │   ├── images
│   │   │   │   │   └── logoGcalls.png
│   │   │   │   ├── infoPage.tsx
│   │   │   │   ├── loginForm.tsx
│   │   │   │   └── loginPage.tsx
│   │   │   └── index.tsx
│   │   ├── miniComponents # mini version 
│   │   │   ├── minInPhoning
│   │   │   │   └── index.tsx
│   │   │   └── minIncoming
│   │   │       └── index.tsx
│   │   ├── outgoing   # outgoing
│   │   │   ├── chooseNumber
│   │   │   │   └── index.tsx
│   │   │   └── index.tsx
│   │   ├── settingsComponent
│   │   │   ├── changeSip
│   │   │   │   └── index.tsx
│   │   │   ├── function
│   │   │   │   ├── Checkbox.tsx
│   │   │   │   └── index.tsx
│   │   │   └── index.tsx
│   │   ├── showinfoComponent
│   │   │   └── regionDropdown.tsx
│   │   ├── sms
│   │   │   └── sms.tsx
│   │   └── sounds
│   │       ├── incoming-call.mp3
│   │       ├── ringback.mp3
│   │       └── telephone-ring.mp3
│   ├── config
│   │   ├── configEncrypt.js
│   │   └── host.js
│   ├── customCallbox - custom integration
│   │   ├── bitrixselfhost
│   │   │   ├── function.js
│   │   │   └── showInfo
│   │   │       └── index.tsx
│   │   ├── default
│   │   │   ├── function.js
│   │   │   └── showInfo
│   │   │       └── index.tsx
│   │   ├── gimasys
│   │   │   ├── function.ts
│   │   │   └── showInfo
│   │   │       ├── index.tsx
│   │   │       └── table.tsx
│   │   ├── globish
│   │   │   ├── function.ts
│   │   │   └── showInfo
│   │   │       ├── index.tsx
│   │   │       └── table.tsx
│   │   ├── hubspot
│   │   │   ├── function.js
│   │   │   └── showInfo
│   │   │       └── index.tsx
│   │   ├── icons
│   │   │   └── eye.svg
│   │   ├── nhanhv1
│   │   │   ├── function.js
│   │   │   └── showInfo
│   │   │       └── index.tsx
│   │   ├── salesforce -
│   │   │   ├── 62e206a54e4a1c0d633bdaea
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 62e348a9d4cbb246b94cbc1f
│   │   │   │   ├── function.js
│   │   │   │   └── showInfo
│   │   │   │       ├── index.tsx
│   │   │   │       └── table.tsx
│   │   │   ├── 62eb7dd2b41fb905c3683e8f
│   │   │   │   ├── function.js
│   │   │   │   └── showInfo
│   │   │   │       ├── index.tsx
│   │   │   │       └── table.tsx
│   │   │   ├── 6305d1cdf2566a2336d42116
│   │   │   │   ├── function.js
│   │   │   │   └── showInfo
│   │   │   │       ├── index.tsx
│   │   │   │       └── table.tsx
│   │   │   ├── 6306f68af2566a2336d42117
│   │   │   │   ├── function.js
│   │   │   │   └── showInfo
│   │   │   │       ├── index.tsx
│   │   │   │       └── table.tsx
│   │   │   ├── 633e80c8ea9d262321ece69d
│   │   │   │   ├── README.md
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.scss
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   ├── index_old_vinaCapitalUI.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 6360c5bdbc4cbe379abc71c4
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 63a40b26102e1b9759a12c2a
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 63a4269b102e1b9759a12c2b
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 63ae4140a25e7b56d8447f00
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   ├── sms
│   │   │   │   │   └── sms.tsx
│   │   │   │   └── vimedimex
│   │   │   ├── 63bcb8a6baac8a7328c1abff
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 6409f39d14695197d73c9924
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 659d665c38a892001c2d63cb
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 65b3cdd538a892001c2d63dc
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 65b86cf938a892001c2d63dd
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   ├── 65c059468ddbce001c1f27bb
│   │   │   │   ├── function.js
│   │   │   │   ├── showInfo
│   │   │   │   │   ├── index.tsx
│   │   │   │   │   └── table.tsx
│   │   │   │   └── sms
│   │   │   │       └── sms.tsx
│   │   │   └── 65c09bd88ddbce001c1f607d
│   │   │       ├── function.js
│   │   │       ├── showInfo
│   │   │       │   ├── index.tsx
│   │   │       │   └── table.tsx
│   │   │       └── sms
│   │   │           └── sms.tsx
│   │   ├── sapo
│   │   │   ├── function.js
│   │   │   └── showInfo
│   │   │       └── index.tsx
│   │   └── vinuni
│   │       ├── function.ts
│   │       └── showInfo
│   │           ├── index.tsx
│   │           └── table.tsx
│   ├── customCrmFunction
│   │   └── sieuviet.js
│   ├── customHooks
│   │   ├── Ringing.tsx
│   │   └── myStopwatch.tsx
│   ├── icons
│   │   ├── account.png
│   │   ├── account.svg
│   │   ├── application.png
│   │   ├── approve.svg
│   │   ├── back.svg
│   │   ├── call-end.svg
│   │   ├── call-ringing.svg
│   │   ├── call.png
│   │   ├── callin.svg
│   │   ├── callout.svg
│   │   ├── case.svg
│   │   ├── cases.png
│   │   ├── close.svg
│   │   ├── closeWindow.svg
│   │   ├── contact.png
│   │   ├── contact.svg
│   │   ├── custom7.svg
│   │   ├── delete.svg
│   │   ├── down-arrow.svg
│   │   ├── empty.svg
│   │   ├── eye-18.svg
│   │   ├── eye-close18.svg
│   │   ├── eye.svg
│   │   ├── forward-call.svg
│   │   ├── forward.svg
│   │   ├── help.svg
│   │   ├── info.png
│   │   ├── keypad.svg
│   │   ├── lead.png
│   │   ├── lead.svg
│   │   ├── login-phone.svg
│   │   ├── logo-login.svg
│   │   ├── mic.svg
│   │   ├── mute.svg
│   │   ├── note.svg
│   │   ├── openWindow.svg
│   │   ├── opportunity.png
│   │   ├── opportunity.svg
│   │   ├── pause-small.png
│   │   ├── phone.svg
│   │   ├── record.svg
│   │   ├── setting.svg
│   │   ├── sms.svg
│   │   ├── speaker-off.svg
│   │   ├── speaker-on.svg
│   │   ├── student.png
│   │   ├── student.svg
│   │   ├── up-arrow copy.svg
│   │   ├── up-arrow.svg
│   │   ├── verify.svg
│   │   └── white-arrow-down.png
│   ├── index.css
│   ├── index.tsx
│   ├── lib
│   │   ├── gCdn.js
│   │   ├── gConst.js
│   │   ├── gUtils.js
│   │   ├── gdebug.js
│   │   └── index.ts
│   ├── react-app-env.d.ts
│   ├── reportWebVitals.ts
│   ├── services
│   │   ├── gMobileApp.service.tsx
│   │   ├── gcalls.service.tsx
│   │   ├── keycloak.js
│   │   ├── keycloak.service.tsx
│   │   └── sharedFunction.tsx
│   ├── setupTests.ts
│   └── types
│       └── index.ts
├── tailwind.config.js
├── tsconfig.json
├── workers-site
│   ├── index.js
│   └── package.json
* wrangler.toml
└── yarn.lock