This is a wrapper plugin that will create a div container append it to body and then initialize AWS-CCP into current page.
npm install aws-ccp container for aws ccp and append this at the end of your pages body.npm install aws-ccp
Now where you want to use this just use as follow
``
import CCPWrapper from 'aws-ccp';
const instanceURL = https://{your-instance-name}.awsapps.com/connect/ccp-v2/
const config = {
ccpUrl: instanceURL,
loginPopup: true,
loginPopupAutoClose: true,
region: 'eu-central-1',
softphone: {
allowFramedSoftphone: true,
disableRingtone: false,
ringtoneUrl: './ringtone.mp3'
}
}
const configURL = {url_that_returns_above_config}
CCPWrapper.init(configURL, config, onInit, onCallInit, onCallEnded);
`configURL
In above init call there are two options to pass configuration
- (url should return config json object or null)config
- (config object for ccp)
If both are provided configURL will have priority. If you wnat to pass config directly then pass 'null' as a first argument of init method.
You can call init when ever you want. This will initialize and redirect user to new tab to authenticate user. On success tab will close automatically and user comes back to own page.
You can view config details on original documentation of amazon streams
amazon-connect-streams
- onInit (callback will be called on initial agent connection establish)onCallInit
- (callback will be called on call initialized, not specifically on call connected with customer / end user)onCallEnded
- (callback will be called on call ended, whether automatically or manually by agent ot cms user)
- initcall
- show
- hide
-
`
CCPWrapper.call(number).then(res => {
// On successfully call triggered this will be called
}).catch((error) => {
// If any error occurs during call trigger
})
``