├── .babelrc ├── .eslintignore ├── .eslintrc ├── .gitignore ├── .npmignore ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── assets ├── FEA_open_source_sm.png ├── chat-demonstration.gif ├── clear-button.svg ├── close.svg ├── icon-smiley.svg ├── launcher_button.svg ├── minus.svg ├── plus.svg ├── send_button.svg ├── zoom-in.svg └── zoom-out.svg ├── circle.yml ├── custom.d.ts ├── dev ├── App.tsx ├── index.html └── main.tsx ├── index.d.ts ├── index.js ├── mocks ├── fileMock.js └── styleMock.js ├── package.json ├── src ├── components │ └── Widget │ │ ├── components │ │ ├── Conversation │ │ │ ├── components │ │ │ │ ├── Header │ │ │ │ │ ├── index.tsx │ │ │ │ │ └── style.scss │ │ │ │ ├── Messages │ │ │ │ │ ├── components │ │ │ │ │ │ ├── Loader │ │ │ │ │ │ │ ├── index.tsx │ │ │ │ │ │ │ └── styles.scss │ │ │ │ │ │ ├── Message │ │ │ │ │ │ │ ├── index.tsx │ │ │ │ │ │ │ ├── styles.scss │ │ │ │ │ │ │ └── test │ │ │ │ │ │ │ │ ├── __snapshots__ │ │ │ │ │ │ │ │ └── index.test.js.snap │ │ │ │ │ │ │ │ └── index.test.js │ │ │ │ │ │ └── Snippet │ │ │ │ │ │ │ ├── index.tsx │ │ │ │ │ │ │ └── styles.scss │ │ │ │ │ ├── index.tsx │ │ │ │ │ ├── styles.scss │ │ │ │ │ └── test │ │ │ │ │ │ └── index.test.js │ │ │ │ ├── QuickButtons │ │ │ │ │ ├── components │ │ │ │ │ │ └── QuickButton │ │ │ │ │ │ │ ├── index.tsx │ │ │ │ │ │ │ └── styles.scss │ │ │ │ │ ├── index.tsx │ │ │ │ │ └── style.scss │ │ │ │ └── Sender │ │ │ │ │ ├── index.tsx │ │ │ │ │ └── style.scss │ │ │ ├── index.tsx │ │ │ └── style.scss │ │ ├── FullScreenPreview │ │ │ ├── index.tsx │ │ │ ├── styles.scss │ │ │ ├── usePortal.ts │ │ │ └── usePreview.ts │ │ └── Launcher │ │ │ ├── components │ │ │ └── Badge │ │ │ │ ├── index.tsx │ │ │ │ └── style.scss │ │ │ ├── index.tsx │ │ │ ├── style.scss │ │ │ └── test │ │ │ └── index.test.js │ │ ├── index.tsx │ │ ├── layout.tsx │ │ ├── style.scss │ │ └── test │ │ └── index.test.js ├── constants.ts ├── index.tsx ├── scss │ ├── _animation.scss │ ├── _common.scss │ └── variables │ │ ├── _colors.scss │ │ └── _sizes.scss ├── store │ ├── actions │ │ ├── index.ts │ │ └── types.ts │ ├── dispatcher.ts │ ├── index.ts │ ├── reducers │ │ ├── behaviorReducer.ts │ │ ├── fullscreenPreviewReducer.ts │ │ ├── messagesReducer.ts │ │ └── quickButtonsReducer.ts │ └── types.ts └── utils │ ├── contentEditable.ts │ ├── createReducer.ts │ ├── messages.ts │ ├── store.ts │ └── types.ts ├── tsconfig.json ├── tsconfig.paths.json ├── webpack.config.dev.js └── webpack.config.prod.js /.babelrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/.babelrc -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | lib 2 | dev 3 | webpack.config* 4 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/.eslintrc -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/.npmignore -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/CONTRIBUTING.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/README.md -------------------------------------------------------------------------------- /assets/FEA_open_source_sm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/FEA_open_source_sm.png -------------------------------------------------------------------------------- /assets/chat-demonstration.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/chat-demonstration.gif -------------------------------------------------------------------------------- /assets/clear-button.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/clear-button.svg -------------------------------------------------------------------------------- /assets/close.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/close.svg -------------------------------------------------------------------------------- /assets/icon-smiley.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/icon-smiley.svg -------------------------------------------------------------------------------- /assets/launcher_button.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/launcher_button.svg -------------------------------------------------------------------------------- /assets/minus.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/minus.svg -------------------------------------------------------------------------------- /assets/plus.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/plus.svg -------------------------------------------------------------------------------- /assets/send_button.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/send_button.svg -------------------------------------------------------------------------------- /assets/zoom-in.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/zoom-in.svg -------------------------------------------------------------------------------- /assets/zoom-out.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/assets/zoom-out.svg -------------------------------------------------------------------------------- /circle.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/circle.yml -------------------------------------------------------------------------------- /custom.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/custom.d.ts -------------------------------------------------------------------------------- /dev/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/dev/App.tsx -------------------------------------------------------------------------------- /dev/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/dev/index.html -------------------------------------------------------------------------------- /dev/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/dev/main.tsx -------------------------------------------------------------------------------- /index.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/index.d.ts -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/index.js -------------------------------------------------------------------------------- /mocks/fileMock.js: -------------------------------------------------------------------------------- 1 | module.exports = 'test-file-stub'; 2 | -------------------------------------------------------------------------------- /mocks/styleMock.js: -------------------------------------------------------------------------------- 1 | module.exports = {}; 2 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/package.json -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Header/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Header/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Header/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Header/style.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/components/Loader/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/components/Loader/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/components/Loader/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/components/Loader/styles.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/components/Message/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/components/Message/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/components/Message/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/components/Message/styles.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/components/Message/test/__snapshots__/index.test.js.snap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/components/Message/test/__snapshots__/index.test.js.snap -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/components/Message/test/index.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/components/Message/test/index.test.js -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/components/Snippet/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/components/Snippet/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/components/Snippet/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/components/Snippet/styles.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/styles.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Messages/test/index.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Messages/test/index.test.js -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/QuickButtons/components/QuickButton/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/QuickButtons/components/QuickButton/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/QuickButtons/components/QuickButton/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/QuickButtons/components/QuickButton/styles.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/QuickButtons/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/QuickButtons/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/QuickButtons/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/QuickButtons/style.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Sender/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Sender/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/components/Sender/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/components/Sender/style.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Conversation/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Conversation/style.scss -------------------------------------------------------------------------------- /src/components/Widget/components/FullScreenPreview/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/FullScreenPreview/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/FullScreenPreview/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/FullScreenPreview/styles.scss -------------------------------------------------------------------------------- /src/components/Widget/components/FullScreenPreview/usePortal.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/FullScreenPreview/usePortal.ts -------------------------------------------------------------------------------- /src/components/Widget/components/FullScreenPreview/usePreview.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/FullScreenPreview/usePreview.ts -------------------------------------------------------------------------------- /src/components/Widget/components/Launcher/components/Badge/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Launcher/components/Badge/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Launcher/components/Badge/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Launcher/components/Badge/style.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Launcher/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Launcher/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/components/Launcher/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Launcher/style.scss -------------------------------------------------------------------------------- /src/components/Widget/components/Launcher/test/index.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/components/Launcher/test/index.test.js -------------------------------------------------------------------------------- /src/components/Widget/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/index.tsx -------------------------------------------------------------------------------- /src/components/Widget/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/layout.tsx -------------------------------------------------------------------------------- /src/components/Widget/style.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/style.scss -------------------------------------------------------------------------------- /src/components/Widget/test/index.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/components/Widget/test/index.test.js -------------------------------------------------------------------------------- /src/constants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/constants.ts -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/scss/_animation.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/scss/_animation.scss -------------------------------------------------------------------------------- /src/scss/_common.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/scss/_common.scss -------------------------------------------------------------------------------- /src/scss/variables/_colors.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/scss/variables/_colors.scss -------------------------------------------------------------------------------- /src/scss/variables/_sizes.scss: -------------------------------------------------------------------------------- 1 | $fullscreen-break: 800px; 2 | -------------------------------------------------------------------------------- /src/store/actions/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/store/actions/index.ts -------------------------------------------------------------------------------- /src/store/actions/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/store/actions/types.ts -------------------------------------------------------------------------------- /src/store/dispatcher.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/store/dispatcher.ts -------------------------------------------------------------------------------- /src/store/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/store/index.ts -------------------------------------------------------------------------------- /src/store/reducers/behaviorReducer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/store/reducers/behaviorReducer.ts -------------------------------------------------------------------------------- /src/store/reducers/fullscreenPreviewReducer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/store/reducers/fullscreenPreviewReducer.ts -------------------------------------------------------------------------------- /src/store/reducers/messagesReducer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/store/reducers/messagesReducer.ts -------------------------------------------------------------------------------- /src/store/reducers/quickButtonsReducer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/store/reducers/quickButtonsReducer.ts -------------------------------------------------------------------------------- /src/store/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/store/types.ts -------------------------------------------------------------------------------- /src/utils/contentEditable.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/utils/contentEditable.ts -------------------------------------------------------------------------------- /src/utils/createReducer.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/utils/createReducer.ts -------------------------------------------------------------------------------- /src/utils/messages.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/utils/messages.ts -------------------------------------------------------------------------------- /src/utils/store.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/utils/store.ts -------------------------------------------------------------------------------- /src/utils/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/src/utils/types.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.paths.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/tsconfig.paths.json -------------------------------------------------------------------------------- /webpack.config.dev.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/webpack.config.dev.js -------------------------------------------------------------------------------- /webpack.config.prod.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Wolox/react-chat-widget/HEAD/webpack.config.prod.js --------------------------------------------------------------------------------