shelf-purecloud-guest-chat-demo

How use widget:

<!-- Mount point -->
<div id="not-root"></div>
<script src="/lib/main.js"></script>
<script>
  EmbeddableChat.mount({
    parentElement: 'body', // Mounting selector
    pureCloudAPIHost: 'mypurecloud.com', // PureCloud region (to connect with an agent) SEE: https://help.mypurecloud.com/articles/aws-regions-for-purecloud-deployment/
    pureCloudCredentials: {
      chatBotCredentials: {
        accountId: 'SHELF_ACCOUNT_ID',
        shelfDomain: 'shelf.io',
        useRecommendations: true, // By default it recommends up to 3 SSP articles from account 
        allowedSSPLibraryIds: ['lib-id-1', 'lib-id-2'] // SSP (Self-service portal) libraries in which search for recommendations
      },
      chatCredentials: {
        organizationId: 'PURE_CLOUD_ORG_ID',
        deploymentId: 'PURE_CLOUD_DEPLOYMENT_ID',
        memberInfo: {
          displayName: 'Guest' // Purecloud Name of guest
        },
        routingTarget: {
          targetType: 'queue', // Purecloud API target type
          targetAddress: 'Name of queue' // Purecloud API queue
        }
      }
    }
  });
</script>

Working example

• install dependencies
• yarn run-widget or npm run run-widget
• open browser in http://localhost:8080/widget-test.html

Make changes in widget

Check src folder with widget code, change and run yarn build-widget

Folder structure

src                # Exports + components 
├── actions        # Redux for chat 
├── api            # API calls to Purecloud, Shelf
├── helpers        # Search in library helpers
├── i18n           # Localization
├── stores         # Init of redux + reducers
│   └── reducers
└── types          # TS types for every component