Angular webchat sample is not showing any solution

[Bradrajkumar]

Is it an issue related to Adaptive Cards?

No

Is this an accessibility issue?

No

What version of Web Chat are you using?

Unrelated

Which distribution are you using Web Chat from?

Unrelated

Which hosting environment does this issue primarily affect?

Others or unrelated

Which browsers and platforms do the issue happened?

Others or unrelated

Which area does this issue affect?

Others or unrelated

What is the public URL for the website?

No response

Please describe the bug

This URL should open the sample code of angular where webchat is added but it is not opening. https://stackblitz.com/github/omarsourour/ng-webchat-example

Do you see any errors in console log?

No response

How to reproduce the issue?

1. Navigate to :- https://github.com/microsoft/BotFramework-WebChat
2. open sample of host with angular
3. access the sample link.

What do you expect?

i want to see how i can use the sample code for adding webchat in my my angular application

What actually happened?

stackblitz url is not opening

Do you have any screenshots or recordings to repro the issue?

No response

Adaptive Card JSON

No response

Additional context

No response

[stevkan]

@Bradrajkumar - Thank you for reporting this. We will look to resolve in a future release. Were you able to find or build a suitable alternative?

[Bradrajkumar]

Yes @stevkan ,

i tried with adding external JS files in my angular component.

[lalchanp]

@Bradrajkumar Do you have a working sample on how to invoke different scenarios of health bot from angular component

[Gusnaud]

Any approved solutions for this yet?

[stevkan]

@Bradrajkumar, @lalchanp - Not sure if either of you are still looking for a solution, but there are a couple options:

1. The Samples folder of this repo includes a ReadMe on how to include Web Chat in an Angular project. Please be aware that it is not a complete project. But it could point you in the right direction.

2. I have an angular-web-chat project on GitHub you can check out. I just had it running without issue using Angular v19.0.0. If you choose to use it, note the following:

   • This is NOT an official Microsoft sample.
   • There is NO official support provided for it.
   • I am not an Angular developer. I won't provide any support for it as that would likely hinder you more than help.
   • It is a project meant for testing and, therefore, it's a bit messy with dependencies, bits of code, and other configurations that are unused. All that being said, it isn't a huge project so it shouldn't take much to clean up if you were to clone it.