Giter VIP home page Giter VIP logo

webex-contact-center-widget-starter's Introduction

Webex Contact Center Widget Starter

This repository is designed to speed up the initial set up for Agent and or Supervisor Desktop widget development. Feel free to treat this as a boilerplate project, that can be forked as a base for your Webex Contact Center widget or simply as a reference material.

We aim at covering various scenarios, for when your development team is leaning towards

  • React Generic badge, or
  • Angular Generic badge, or is willing to explore the pure
  • Web Component Generic badge approach (with some help from Lit Element and the Polymer project).

Dive into the respective folder based on your tech stack preference to get started.

To integrate JS SDK

To integrate contact center desktop sdk in the starter-kit-widget . Follow the below steps.

  • npm install @wxcc-desktop/sdk --save
    or
    yarn add @wxcc-desktop/sdk

  • Once you have installed the package in your project, include it in the appropriate component file following the ES6 import pattern:
    import {Desktop} from "@wxcc-desktop/sdk"

Reference links for more details

webex-contact-center-widget-starter's People

Contributors

agentlecisco avatar arsyam1 avatar arubhatt avatar arunm2pk avatar bindun avatar cmullenx avatar edumansky avatar elenagiere avatar manro avatar merajcal avatar molker avatar momeraj avatar msnowshadali avatar nehawuthoo avatar parsoman avatar prakhar-tiwari avatar rathnavel avatar sameyada avatar vinitkumargoel avatar yananym avatar yasagraw avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

webex-contact-center-widget-starter's Issues

Getting module not found for @uuip/unified-ui-platform-sdk when compiling React

Describe the bug
When trying to compile the React project per the readme, getting the following compilation error:

./src/direflow-component/App.tsx
Module not found: Can't resolve '@uuip/unified-ui-platform-sdk' in '/Users/Ed/Dropbox_Personal/Dev/webex-contact-center-widget-starter/react/src/direflow-component'
^CAssertion failed: (0), function uv_close, file ../deps/uv/src/unix/core.c, line 178.

To Reproduce
Steps to reproduce the behavior:

  1. In the react folder, do yarn
  2. Then do yarn start

Expected behavior
The app compiles correctly.

  • OS: Mac OSX 12.6.5
  • Node: v16.19.1
  • Yarn: v1.22.19

React code build issue related to @wxcc-desktop/sdk version 1.2.7

Build doesn't work

To Reproduce
Steps to reproduce the behavior:

  1. Follow instructions from Readme to build the project
  2. See error showing dependencies cannot be resolved
  3. Fix is to change "@wxcc-desktop/sdk" to "1.2.9" in package.json

Expected behavior
Build should work. Libraries should be updated to latest versions. https://www.npmjs.com/package/@wxcc-desktop/sdk even showing 1.2.10. Also, if would be nice to have some automatic build checker indicator embedded into Readme file.

lit-element is dependent on internal Cisco URL

Looks like some of the libraries referenced in package.json point to Cisco internal URLs. Building the code is not possible. When trying yarn in the lit-element folder:

$ yarn
yarn install v1.13.0
[1/4] ๐Ÿ” Resolving packages...
[2/4] ๐Ÿšš Fetching packages...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
info There appears to be trouble with your network connection. Retrying...
error An unexpected error occurred: "https://engci-maven.cisco.com/artifactory/api/npm/agentx-npm/@agentx/agentx-js-api/-/@agentx/agentx-js-api-1.0.9-beta.tgz: getaddrinfo ENOTFOUND engci-maven.cisco.com engci-maven.cisco.com:443".
info If you think this is a bug, please open a bug report with the information provided in "/Users/Ed/Dropbox (Personal)/Dev/webex-contact-center-widget-starter/lit-element/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

Dynamics Layout Not Working

Describe the bug
After going through the instructions in detailed I'm still not able to see the CRM inside WxCC desktop or see WxCC inside Dynamics.

To Reproduce
Steps to reproduce the behavior:

  1. Made all changes described in this article (https://help.webex.com/en-us/article/aw26j2/Integrate-Webex-Contact-Center-with-Microsoft-Dynamics-365#Cisco_Reference.dita_64af8d5d-33da-4c4e-b03e-45bbbc4a291d).
  2. Make the requested changes in the layout found in Github.
  3. Login to either Dynamics or WxCC.

Expected behavior
Expect to see the CRM inside WxCC or see WxCC desktop inside CRM.

Desktop (please complete the following information):

  • N/A

React Widget starter does not install - Dependency issue with Direflow

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"16.10.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"16.13.1" from [email protected]
npm ERR! node_modules/direflow-component
npm ERR! direflow-component@"3.5.3" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!

yarn start does not run under "pre-built-app" example widget

Describe the bug
error when running 'yarn start'

To Reproduce
Steps to reproduce the behavior:

  1. copy repo
  2. go to pre-built-app example folder
  3. run yarn
  4. run yarn start

Expected behavior
node server starts

Screenshots

prebuild-app-widget % yarn start
yarn run v1.22.19
error Command "start" not found.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Fix:
Add "start": "webpack-dev-server --mode development" under "
scripts" in package.json

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.