How to integrate sendbird chatbot ai in angular?

Sendbird AI Agent
1

when i add the script code in the index.html :

<body>
  <script>
    !function(w, d, s, ...args){
      var div = d.createElement('div');
      div.id = 'aichatbot';
      d.body.appendChild(div);
      w.chatbotConfig = args;
      var f = d.getElementsByTagName(s)[0],
      j = d.createElement(s);
      j.defer = true;
      j.type = 'module';
      j.src = 'https://aichatbot.sendbird.com/index.js';
      f.parentNode.insertBefore(j, f);
    }(window, document, 'script', '19E64F6C-928E-45AF-9374-ED6B01D58092', 'onboarding_bot', {
      apiHost: 'https://api-cf-eu-1.sendbird.com',
    });
    </script>
  <app-root></app-root>
</body>

the chatbot appear like this photo :

sendbird-chatbot
sendbird-chatbot601×852 17.5 KB

2

how fix this error because i have this some error??

3

Please can you share the contents of your browser console so we can see any errors that might be there?

4

There is no error in the console of browser.

5

there is no error in the console

6

Please can you provide your Sendbird app_id. You can dm me it if you don’t want to leave it here. Also, one other thing, please open the console and delete and local storage relating to Sendbird, then reload.

Consider that we create a new user and group channel when the widget opens for the first time. Their details are stored in the local storage. If it possible there is a mismatch between the local storage and what is in Sendbird. Deleting the local storage for Sendbird will reset the widget to create a new user an channel.

I’m not saying it’s the solution just that it might work.

7

I tried the suggested steps, but it doesn’t seem to work. Specifically, I deleted the local storage related to Sendbird in my application and reloaded, but the issue is still
persists.

sendbird-chatbot
sendbird-chatbot601×852 17.5 KB

8

can you give me the URL for post method to send a message in ai chatbot ??

9

Hi,
Can you provide me please the URL for the endpoint that uses the Sendbird chatbot AI to respond to questions or return prompt responses like ChatGPT?

10

Hi @hammouda_wissem could you please check the domain allowed list? The two URLs below treated differently, so it would be good to confirm whether a trailing slash is added or not.

11

My domaine restrict is : http://localhost
Because i try to integrate it in angular.

12

Since localhost is not a domain, could you try adding the port when adding it to the allowed list?
http://localhost:0000