💡New Sample - React-CoPilot-ChatBubble

[NishkalankBezawada]

• New sample
• Bug fix/update
• Related issues: fixes #X, partially #Y, mentioned in #Z

What's in this Pull Request?

1. Inspired from React application chatbubble copilot extension
2. This sample demonstrates on integrating CoPilot agent into SharePoint using SSO

Copilot Chat Bubble - With SSO which summarizes sessions at ESPC 2024

Summary

This web part integrates the Microsoft Copilot Agent, built via Copilot Studio, into SharePoint Online featuring Single Sign-on and a chat interface.

For sample purpose, I have built a CoPilot agent which will summarize sessions at ESPC 2024, and Provides a concise summary of all sessions and topics covered at ESPC 2024, including key take aways and speakers insights.

The webpart uses Cache management to store the webpart properties, which is fetched from the list.

Node Version

Node version used: v18.18.2

SPFx Version

SPFx version used : v1.20.0

Checklist

• My pull request affects only ONE sample.
• My sample builds without any warnings
• I have updated the README.md file's Version history. For new samples, created a new README.md file matching this template
• My README.md has at least one static high-resolution screenshot (i.e. not a GIF) located in the assets folder.
• My README.md contains complete setup instructions, including pre-requisites and permissions required
• My solution includes a .nvmrc file indicating the version of Node.js

[NicolasKheirallah]

Amazing work as always @NishkalankBezawada 🥇

[hugoabernier]

This is going to be a fantastic sample! Can't wait to process this PR!

[github-actions]

Validation failed!

File: samples/react-copilot-chatbubble-with-sso/assets/sample.json

• The JSON value could not be converted to Microsoft365Galleries.WebAPI.Model.Samples.Write.WritableSampleThumbnailType. Path: $.thumbnails[0].type | LineNumber: 28 | BytePositionInLine: 29.

[github-actions]

Validation failed!

File: samples/react-copilot-chatbubble-with-sso/assets/sample.json

• The JSON value could not be converted to Microsoft365Galleries.WebAPI.Model.Samples.Write.WritableSampleThumbnailType. Path: $.thumbnails[0].type | LineNumber: 28 | BytePositionInLine: 29.

[hugoabernier]

Thanks @Nishkalank Bezawada for your sample! Highly appreciated!

We'd love to have your sample featured in one of our future community calls.

If haven't done so yet, and you'd be interested on showing this great sample in a public community call, please fill in following form and we'll get you scheduled - aka.ms/community/request/demo

Thank you for sharing your sample with others - you rock! 👏🥇👩‍💻

[NishkalankBezawada]

Thanks @Nishkalank Bezawada for your sample! Highly appreciated!

We'd love to have your sample featured in one of our future community calls.

If haven't done so yet, and you'd be interested on showing this great sample in a public community call, please fill in following form and we'll get you scheduled - aka.ms/community/request/demo

Thank you for sharing your sample with others - you rock! 👏🥇👩‍💻

Thanks @hugoabernier

I'll be demoing this on February 06th.

Thanks,
Nishkalank