Merge branch 'main' of https://github.com/reshmee011/sp-dev-fx-webparts

.github/ISSUE_TEMPLATE/bug-report.yml

@@ -47,15 +47,15 @@ body:
   validations:
     required: true
   attributes:
-    label: Author(s)
+    label: Contributor(s)
     description: |
         Who wrote the sample?
         
-        Because of the way this repository is configured, samples authors do not get a notification when you create an issue. 
+        Because of the way this repository is configured, samples contributors do not get a notification when you create an issue. 
         
-        For the section above **@mention any author of the sample**. Authors' GitHub handle can be found on the main sample documentation page, under the "Solution" section. 
+        For the section above **@mention any of the sample contributors**. Contributors' GitHub handle can be found on the main sample documentation page, under the "Contributors" section. 
         
-        Issues without an @mention will be closed automatically, as authors won't get notified.
+        Issues without an @mention will be closed automatically, as contributors won't get notified.
         
         **NOTE:** Don't @mention the repo maintainers, they already get notified.
 
@@ -99,7 +99,7 @@ body:
 - type: markdown
   attributes:
     value: |
-      When solving bugs, most time is spent going back and forth with the issue author asking for more information about their environment. 
+      When solving bugs, most time is spent going back and forth with the issue contributors asking for more information about their environment. 
       
       Save yourself some time (and those who are trying to help you); provide us with your environment information so we can reproduce the issue.
       

.github/ISSUE_TEMPLATE/question.yml

@@ -44,15 +44,15 @@ body:
   validations:
     required: true
   attributes:
-    label: Author(s)
+    label: Contributor(s)
     description: |
         Who wrote the sample?
         
-        Because of the way this repository is configured, samples authors do not get a notification when you create an issue. 
+        Because of the way this repository is configured, samples contributors do not get a notification when you create an issue. 
         
-        For the section above **@mention any author of the sample**. Authors' GitHub handle can be found on the main sample documentation page, under the "Solution" section. 
+        For the section above **@mention any of the sample contributors**. Contributors' GitHub handle can be found on the main sample documentation page, under the "Contributors" section. 
         
-        Questions without an @mention will automatically be closed, because authors won't get notified.
+        Questions without an @mention will automatically be closed, because contributors won't get notified.
         
         **NOTE:** Don't @mention the repo maintainers, they already get notified.
 

.github/ISSUE_TEMPLATE/suggestion.yml

@@ -41,13 +41,13 @@ body:
   validations:
     required: true
   attributes:
-    label: Author(s)
+    label: Contributor(s)
     description: |
         Who wrote the sample?
         
-        Because of the way this repository is configured, samples authors do not get a notification when you create an issue. 
+        Because of the way this repository is configured, samples contributors do not get a notification when you create an issue. 
         
-        For the section above **@mention any author of the sample**. Authors' GitHub handle can be found on the main sample documentation page, under the "Solution" section. 
+        For the section above **@mention any of the sample contributors**. Contributors' GitHub handle can be found on the main sample documentation page, under the "Contributors" section. 
         
         **NOTE:** Don't @mention the repo maintainers, they already get notified.
 

.github/label-actions.yml

@@ -39,15 +39,15 @@ status:wrong-repo:
 status:wrong-author:
   # Post a comment
   comment: |+
-    ## Wrong or missing author @mentions
+    ## Wrong or missing contributor @mentions
 
-    Thank you for your submission, but you appear to have forgotten to @mention the sample author(s).
+    Thank you for your submission, but you appear to have forgotten to @mention the sample contributor(s).
 
-    To help increase your chances of getting assistance from the original authors of the sample, you should make sure to @mention the actual authors (and not the repository maintainers).
+    To help increase your chances of getting assistance from the original contributors of the sample, you should make sure to @mention the actual contributors (and not the repository maintainers).
 
-    Please note that the sample authors will not get notified about this issue unless you update this issue accordingly.    
+    Please note that the sample contributors will not get notified about this issue unless you update this issue accordingly.    
 
-    You can find the author(s) of each sample in the sample's `README.md`, under **Solution**.
+    You can find the contributors of each sample in the sample's `README.md`, under the aptly-named **Contributors** section.
 
     We'll automatically close this issue in 7 days unless you update the issue.
 

samples/aad-api-spo-cookie/README.md

@@ -34,11 +34,9 @@ Sample web part showing the list of latest orders retrieved from a custom API se
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
---------|---------
-aad-api-spo-cookie|[Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/ace-strategy-pattern/README.md

@@ -48,11 +48,9 @@ With a better isolation and testability of our actions.
 
 None
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Marcin Wojciechowski](https://github.com/mgwojciech) [@mgwojciech](https://twitter.com/mgwojciech)
---------|---------
-ace-strategy-pattern | [Marcin Wojciechowski](https://github.com/mgwojciech) [@mgwojciech](https://twitter.com/mgwojciech)
 
 ## Version history
 

samples/angular-aad-webapi/README.md

@@ -46,11 +46,9 @@ Sample SharePoint Framework client-side web part illustrating communication with
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [David Hartman](https://github.com/davidhartman) ([Slalom](https://slalom.com))
---------|---------
-angular-aad-webapi|[David Hartman](https://github.com/davidhartman) ([Slalom](https://slalom.com))
 
 ## Version history
 

samples/angular-greeting/README.md

@@ -30,18 +30,9 @@ Final outcome:
 * [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
 
 
-## Solution
+## Contributors
 
-> We use this section to recognize and promote your contributions. Please provide one author per line -- even if you worked together on it.
+* [Gaurav Goyal](https://github.com/gauravgoyal5) ([@gauravgoyal_5](https://twitter.com/gauravgoyal_5)), BizPortals 365
-> We'll only use the info you provided here. Make sure to include your full name, not just your GitHub username.
-> Provide a link to your GitHub profile to help others find more cool things you have done.
-> If you provide a link to your Twitter profile, we'll promote your contribution on social media.
-> 
-> DELETE THE TEXT ABOVE BEFORE SUBMITTING
-
-Solution|Author(s)
---------|---------
-AngularJS Greeting | [Gaurav Goyal](https://github.com/gauravgoyal5) ([@gauravgoyal_5](https://twitter.com/gauravgoyal_5)), BizPortals 365
 
 ## Version history
 

samples/angular-migration/README.md

@@ -30,11 +30,9 @@ Application after migration:
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
---------|---------
-angular-migration|[Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/angular-migration/angular-todo-webpart/README.md

@@ -29,11 +29,9 @@ Sample SharePoint Framework client-side web part for managing tasks stored in a
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
---------|---------
-angular-todo-webpart|[Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/angular-migration/angular-todo/README.md

@@ -6,11 +6,9 @@ Sample Angular application for managing tasks stored in a SharePoint list.
 
 ![Angular todo application](../assets/angular-todo-preview.png)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz)  (MVP, Rencore, @waldekm)
---------|---------
-angular-todo|[Waldek Mastykarz](https://github.com/waldekmastykarz)  (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/angular-msgraph/README.md

@@ -60,11 +60,9 @@ display all the lists associated with the site followed by all the items inside
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [David Hartman](https://github.com/davidhartman) ([Slalom](https://slalom.com))
---------|---------
-angular-msgraph|[David Hartman](https://github.com/davidhartman) ([Slalom](https://slalom.com))
 
 ## Version history
 

samples/angular-multipage/README.md

@@ -47,11 +47,9 @@ This sample contains a poll web part allowing users to vote and view the results
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
---------|---------
-angular-multipage|[Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/angular-ngofficeuifabric-file-upload/README.md

@@ -46,12 +46,10 @@ Edit web part properties to set Document library Name. Initially, It has been se
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Atish Kumar Dipongkor](https://github.com/dipongkor) (MVP, Office Development)
---------|---------
+* [Gautam Sheth](https://github.com/gautamdsheth) (SharePoint Consultant,RapidCircle,@gautamdsheth)
-angular-ngofficeuifabric-file-upload | [Atish Kumar Dipongkor](https://github.com/dipongkor) (MVP, Office Development)
-angular-ngofficeuifabric-file-upload | [Gautam Sheth](https://github.com/gautamdsheth) (SharePoint Consultant,RapidCircle,@gautamdsheth)
 
 ## Version history
 

samples/angular-ngofficeuifabric-todo/README.md

@@ -35,11 +35,9 @@ You can find a video recording walk-through this sample from [SharePoint PnP You
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
---------|---------
-angular-ngofficeuifabric-todo|[Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/angular-search/README.md

@@ -54,11 +54,9 @@ The logic for querying the SharePoint Content Types in the properties of the web
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [David Hartman](https://github.com/davidhartman) ([Slalom](https://slalom.com))
---------|---------
-angular-search|[David Hartman](https://github.com/davidhartman) ([Slalom](https://slalom.com))
 
 ## Version history
 

samples/angular-todo/README.md

@@ -44,11 +44,9 @@ Sample Web Part illustrating using Angular with the SharePoint Framework.
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
---------|---------
-angular-todo|[Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/angular2-prototype/README.md

@@ -56,12 +56,10 @@ Sample To Do Web Part built with Angular2. This sample illustrates how you can u
 
 > Some familiarity of Angular2 architecture.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Manish Garg
---------|---------
+* [Daniel Gaeta](https://github.com/dgaeta)
-angular2-prototype | Manish Garg
-angular2-prototype | [Daniel Gaeta](https://github.com/dgaeta)
 
 ## Version history
 

samples/angularelements-helloworld/README.md

@@ -42,12 +42,10 @@ Set of sample web parts illustrating how to use Angular Elements in the SharePoi
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm),
---------|---------
+* [Sébastien Levert](https://github.com/sebastienlevert) (MVP, Valo, @sebastienlevert)
-angularelements-helloworld|[Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm), 
-angularelements-helloworld|[Sébastien Levert](https://github.com/sebastienlevert) (MVP, Valo, @sebastienlevert)
 
 ## Version history
 

samples/angularelements-html-templatefile/README.md

@@ -42,11 +42,9 @@ A sample web part illustrating how to use Angular Elements in the SharePoint Fra
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Jayakumar Balasubramaniam](https://github.com/JayakumarB) (C# Corner MVP, Hubfly, [@jayakumrB](https://twitter.com/jayakumrB))
---------|---------
-angularelements-html-templatefile| [Jayakumar Balasubramaniam](https://github.com/JayakumarB) (C# Corner MVP, Hubfly, [@jayakumrB](https://twitter.com/jayakumrB))
 
 ## Version history
 

samples/bootstrap-slider/README.md

@@ -48,11 +48,9 @@ Sample bootstrap slider which pulls the slides from a list inside the SharePoint
 * [SharePoint Framework Developer GA](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [David Hartman](https://github.com/davidhartman) ([Slalom](https://slalom.com))
---------|---------
-bootstrap-slider|[David Hartman](https://github.com/davidhartman) ([Slalom](https://slalom.com))
 
 ## Version History
 

samples/handlebarsjs-webpack-loader/README.md

@@ -38,11 +38,9 @@ This sample demonstrate how to set up SPFx to use [Handlebars](http://handlebars
 * [SharePoint Framework Developer](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Stefan Bauer](https://github.com/n8design) - n8d ([@stfbauer](https://twitter.com/stfbauer))
---------|---------
-handlebarsjs-webpack-loader | [Stefan Bauer](https://github.com/n8design) - n8d ([@stfbauer](https://twitter.com/stfbauer))
 
 ## Version history
 

samples/jquery-cdn/README.md

@@ -46,11 +46,9 @@ This is a sample web Part that illustrates the use of jQuery and its plugins loa
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
---------|---------
-jquery-cdn|[Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/jquery-photopile/README.md

@@ -50,11 +50,9 @@ simulates a pile of photos scattered about on a surface. Thumbnail clicks remove
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Olivier Carpentier](https://github.com/OlivierCC) (@olivierc)
---------|---------
-jquery-photopile|[Olivier Carpentier](https://github.com/OlivierCC) (@olivierc)
 
 ## Version history
 

samples/js-advanced-commenting/README.md

@@ -69,11 +69,9 @@ For more information about SPFx compatibility, please refer to <https://aka.ms/s
  
 None
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Sudharsan K.](https://github.com/sudharsank) ([@sudharsank](https://twitter.com/sudharsank), [Know More](http://windowssharepointserver.blogspot.com/))
---------|---------
-SPFxPageComments | [Sudharsan K.](https://github.com/sudharsank) ([@sudharsank](https://twitter.com/sudharsank), [Know More](http://windowssharepointserver.blogspot.com/))
 
 ## Version history
 

samples/js-display-list/README.md

@@ -42,13 +42,11 @@ This simplistic sample web part demonstrates the use of JavaScript in a SharePoi
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Naamat Al-Aswad, P.Eng.
---------|---------
+* Velin Georgiev ([@VelinGeorgiev](https://twitter.com/velingeorgiev)) (Updated to GA Version)
-js-display-list| Naamat Al-Aswad, P.Eng.
+* Ryan Schouten ([@ShrPntKnight](https://twitter.com/ShrPntKnight)) (Upgraded to SPFx 1.11.0)
-js-display-list| Velin Georgiev ([@VelinGeorgiev](https://twitter.com/velingeorgiev)) (Updated to GA Version)
-js-display-list| Ryan Schouten ([@ShrPntKnight](https://twitter.com/ShrPntKnight)) (Upgraded to SPFx 1.11.0)
 
 
 

samples/js-dynamic-bundling-libraries/README.md

@@ -31,11 +31,9 @@ Post Button Click that imports jQuery and additional functionality:
 * [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
 
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [David Warner II](https://github.com/PopWarner) ([@DavidWarnerII](https://twitter.com/davidwarnerii) / [Warner Digital](http://warner.digital))
---------|---------
-js-dynamic-bundling-libaries | [David Warner II](https://github.com/PopWarner) ([@DavidWarnerII](https://twitter.com/davidwarnerii) / [Warner Digital](http://warner.digital))
 
 ## Version history
 

samples/js-employee-spotlight/README.md

@@ -60,11 +60,9 @@ Simple Web Part that demonstrates the use of SharePoint Framework for show casin
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* SPS (Strategic Products and Services)
---------|---------
-js-employee-spotlight| SPS (Strategic Products and Services)
 
 
 ## Version history

samples/js-extend-gulp/README.md

@@ -78,11 +78,9 @@ http://www.imagemagick.org/script/binary-releases.php
 
 Confirm that ImageMagick is properly set up by executing convert -help in a terminal.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [Chakkaradeep Chandran](https://github.com/chakkaradeep) (@chakkaradeep)
---------|---------
-js-extend-gulp | [Chakkaradeep Chandran](https://github.com/chakkaradeep) (@chakkaradeep)
 
 ## Version history
 

samples/js-extend-webpack/README.md

@@ -46,12 +46,10 @@ Read the following documentation for detailed information on working with webpac
 * [SharePoint Framework Developer](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [Chakkaradeep Chandran](https://github.com/chakkaradeep) (@chakkaradeep)
---------|---------
+- [Velin Georgiev](https://github.com/VelinGeorgiev) ([@VelinGeorgiev](https://twitter.com/velingeorgiev))
-js-extend-webpack | [Chakkaradeep Chandran](https://github.com/chakkaradeep) (@chakkaradeep)
-Updated to GA Version| [Velin Georgiev](https://github.com/VelinGeorgiev) ([@VelinGeorgiev](https://twitter.com/velingeorgiev))
 
 ## Version history
 

samples/js-gitHubBadge/README.md

@@ -31,11 +31,9 @@ Displays information from GitHub for a specified user.
  
 None
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Eric Skaggs](https://github.com/skaggej) [@skaggej](https://www.twitter.com/skaggej)
---------|---------
-js-GitHubBadge | [Eric Skaggs](https://github.com/skaggej) [@skaggej](https://www.twitter.com/skaggej)
 
 ## Version history
 

samples/js-modern-calendar/README.md

@@ -46,14 +46,12 @@ This is a modern web part built using the [SharePoint Framework](https://dev.off
  
 None
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Jeremy Coleman](https://github.com/jcoleman-pcprofessional) (MCP, PC Professional, Inc.)
---------|---------
+* [Nanddeep Nachan](https://github.com/nanddeepn) ([@NanddeepNachan](twitter.com/NanddeepNachan))
-js-modern-calendar | [Jeremy Coleman](https://github.com/jcoleman-pcprofessional) (MCP, PC Professional, Inc.)
+* [Ravi Chandra](https://github.com/Ravikadri)
-js-modern-calendar | [Nanddeep Nachan](https://github.com/nanddeepn) ([@NanddeepNachan](twitter.com/NanddeepNachan))
+* [Peter Paul Kirschner](https://github.com/petkir) ([@petkir_at](https://twitter.com/petkir_at))
-js-modern-calendar | [Ravi Chandra](https://github.com/Ravikadri)
-js-modern-calendar | [Peter Paul Kirschner](https://github.com/petkir) ([@petkir_at](https://twitter.com/petkir_at))
 
 ## Version history
 
@@ -62,7 +60,7 @@ Version|Date|Comments
 1.0.0.0|February 11, 2017|Initial release
 1.0.0.1|June 05, 2020|Updated the external CDN references to public CDN references
 1.0.2.0|February 9, 2021|Upgraded to SPFx 1.11 and fixed issues with missing dependencies
-1.0.3.0|October 28, 2021|fixed issues with Timezones. The Browser Timezone Settings are now used
+1.0.3.0|October 28, 2021|fixed issues with Time zones. The Browser Time zone Settings are now used
 
 ## Minimal Path to Awesome
 

samples/js-msgraph-thumbnail/README.md

@@ -45,11 +45,9 @@ The goal of the sample is to illustrate a single call calling pattern for the th
 * [SharePoint Framework Release GA](https://blogs.office.com/2017/02/23/sharepoint-framework-reaches-general-availability-build-and-deploy-engaging-web-parts-today/)
 * [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Mikael Svenson](https://github.com/wobba) ([@mikaelsvenson](http://www.twitter.com/mikaelsvenson), [techmikael.com](techmikael.com))
---------|---------
-js-msgraph-thumbnail | [Mikael Svenson](https://github.com/wobba) ([@mikaelsvenson](http://www.twitter.com/mikaelsvenson), [techmikael.com](techmikael.com))
 
 ## Version history
 
@@ -58,6 +56,7 @@ Version|Date|Comments
 1.0|January 21st, 2020|Initial release
 
 ## Minimal Path to Awesome
+
 ### Local testing
 
 - Clone this repository

samples/js-myflows/README.md

@@ -58,12 +58,9 @@ Web Part Title | Text| no|
 
  
 
-## Solution
+## Contributors
-The web part Use msflowsdk-1.1.js library
 
-Solution|Author(s)
+* [João Mendes](https://github.com/joaojmendes)
---------|---------
-My FLows Web Part|João Mendes
 
 ## Version history
 

samples/js-powerbi-embedded/README.md

@@ -39,11 +39,9 @@ This sample SharePoint Framework client-side web part embedding a PowerBI report
 ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)
 ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Roland Oldengarm](https://github.com/rolandoldengarm) (Provoke Solutions, @rolandoldengarm)
---------|---------
-powerbi-embedded|[Roland Oldengarm](https://github.com/rolandoldengarm) (Provoke Solutions, @rolandoldengarm)
 
 ## Version history
 

samples/js-propertycontrols-svg/README.md

@@ -39,11 +39,9 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
 * [sp-dev-fx-property-controls](https://github.com/pnp/sp-dev-fx-property-controls)
 * [PnP Man](https://github.com/thechriskent/PnPMan)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Chris Kent ([thechriskent.com](https://thechriskent.com), [@thechriskent](https://twitter.com/thechriskent))
---------|---------
-js-propertycontrols-svg | Chris Kent ([thechriskent.com](https://thechriskent.com), [@thechriskent](https://twitter.com/thechriskent))
 
 ## Version history
 

samples/js-public-unjoined-teams/README.md

@@ -31,11 +31,9 @@ This web part lists all the public teams the current user is not yet a member of
 
 To be able to pin this web part as a Teams tab, your tenant currently needs to be in the targeted release mode. If your tenant is not in targeted release, you can still use the web part in SharePoint as usual.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Laura Kokkarinen](https://github.com/LauraKokkarinen) ([laurakokkarinen.com](https://laurakokkarinen.com), [@LauraKokkarinen](https://twitter.com/LauraKokkarinen))
---------|---------
-js-public-unjoined-teams | [Laura Kokkarinen](https://github.com/LauraKokkarinen) ([laurakokkarinen.com](https://laurakokkarinen.com), [@LauraKokkarinen](https://twitter.com/LauraKokkarinen))
 
 ## Version history
 

samples/js-skype-status/README.md

@@ -47,11 +47,9 @@ See the demo:
 * [SharePoint Framework Developer](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Vincent Biret](https://github.com/baywet)
---------|---------
-js-skype-status|[Vincent Biret](https://github.com/baywet)
 
 
 ## Version history

samples/js-solution-editions/README.md

@@ -36,11 +36,9 @@ This sample shows a possible approach of handling multiple editions (e.g. trial,
 
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Alex Terentiev ([Sharepointalist Inc.](http://www.sharepointalist.com), [AJIXuMuK](https://github.com/AJIXuMuK))
---------|---------
-js-solution-editions | Alex Terentiev ([Sharepointalist Inc.](http://www.sharepointalist.com), [AJIXuMuK](https://github.com/AJIXuMuK))
 
 ## Version history
 

samples/js-teams-meeting-app/README.md

@@ -32,11 +32,9 @@ This project demonstrates a SPFx web part used as a Microsoft Teams meetings app
 
 - Administrative access to MS Teams to deploy the package
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [Andrew Connell](/andrewconnell) ([@andrewconnell](https://twitter.com/andrewconnell)), [Voitanos, LLC](https://www.voitanos.io)
---------|---------
-js-teams-meeting-app | [Andrew Connell](/andrewconnell) ([@andrewconnell](https://twitter.com/andrewconnell)), [Voitanos, LLC](https://www.voitanos.io)
 
 ## Version history
 

samples/js-theme-manager-2019/README.md

@@ -36,14 +36,12 @@ NOTE: This is a great option to provide theme management of a Site Collection wi
 * SharePoint 2019 on-premises
 
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [David Warner II](https://github.com/PopWarner) ([@DavidWarnerII](https://twitter.com/davidwarnerii) / [Warner Digital](http://warner.digital))
---------|---------
+* [Beau Cameron](https://github.com/bcameron1231) ([@Beau__Cameron](https://twitter.com/@Beau__Cameron) / [Blog](https://beaucameron.net/))
-js-theme-manager-2019 | [David Warner II](https://github.com/PopWarner) ([@DavidWarnerII](https://twitter.com/davidwarnerii) / [Warner Digital](http://warner.digital))
+* Biju Basheer
-js-theme-manager-2019 | [Beau Cameron](https://github.com/bcameron1231) ([@Beau__Cameron](https://twitter.com/@Beau__Cameron) / [Blog](https://beaucameron.net/))
+* [Eric Skaggs](https://github.com/skaggej) ([@skaggej](https://twitter.com/skaggej) / [ericskaggs.net](http://www.ericskaggs.net/))
-js-theme-manager-2019 | Biju Basheer
-js-theme-manager-2019 | [Eric Skaggs](https://github.com/skaggej) ([@skaggej](https://twitter.com/skaggej) / [ericskaggs.net](http://www.ericskaggs.net/))
 
 ## Version history
 

samples/js-theme-manager/README.md

@@ -48,13 +48,10 @@ NOTE: This is a great option to provide theme management of a Site Collection wi
 * [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
 
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Hugo Bernier ([@bernierh](https://twitter.com/bernierh) / [Tahoe Ninja](https://tahoeninja.blog))
---------|---------
+* Beau Cameron ([@Beau__Cameron](https://twitter.com/@Beau__Cameron) / [Blog](https://beaucameron.net/))
-js-theme-manager (Upgrade) | Hugo Bernier ([@bernierh](https://twitter.com/bernierh) / [Tahoe Ninjas](https://tahoeninjas.blog))
-js-theme-manager | Beau Cameron ([@Beau__Cameron](https://twitter.com/@Beau__Cameron) / [Blog](https://beaucameron.net/))
-js-theme-manager | Beau Cameron ([@Beau__Cameron](https://twitter.com/@Beau__Cameron) / [Blog](https://beaucameron.net/))
 
 ## Version history
 

samples/js-workbench-customizer/README.md

@@ -49,11 +49,9 @@ Alternatively, you can add the output files for the web part to a custom SPFx pr
 * Office 365 subscription with SharePoint Online license
 * SharePoint Framework [development environment](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) already set up.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Joel Rodrigues](https://github.com/joelfmrodrigues)
---------|---------
-workbench-customizer|[Joel Rodrigues](https://github.com/joelfmrodrigues)
 
 ## Version history
 

samples/knockout-dependent-properties/README.md

@@ -46,11 +46,9 @@ Sample Web Part illustrating
 
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Alex Terentiev](https://github.com/AJIXuMuK) (Sharepointalist Inc., @alexaterentiev)
---------|---------
-ko-dependent-properties | [Alex Terentiev](https://github.com/AJIXuMuK) (Sharepointalist Inc., @alexaterentiev)
 
 ## Version history
 

samples/knockout-sp-pnp-js/README.md

@@ -42,13 +42,10 @@ This web part demonstrates how to integrate the @pnp/sp library into the SharePo
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365](https://docs.microsoft.com/sharepoint/)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Patrick Rodgers](https://github.com/patrick-rodgers) ([@mediocrebowler](https://twitter.com/mediocrebowler))
---------|---------
+* [Gautam Sheth](https://github.com/gautamdsheth) ([@gautamdsheth](https://twitter.com/gautamdsheth))
-spfx-sp-pnp-js-example|[Patrick Rodgers](https://github.com/patrick-rodgers) ([@mediocrebowler](https://twitter.com/mediocrebowler))
-
-Upgrade to v1.7.0|[Gautam Sheth](https://github.com/gautamdsheth) ([@gautamdsheth](https://twitter.com/gautamdsheth))
 
 ## Version history
 

samples/knockout-taxonomy/README.md

@@ -44,11 +44,9 @@ Sample Web Part illustrating
 
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Alex Terentiev](https://github.com/AJIXuMuK) ([Sharepointalist Inc.](http://www.sharepointalist.com), [AJIXuMuK](https://github.com/AJIXuMuK))
---------|---------
-knockout-taxonomy |  [Alex Terentiev](https://github.com/AJIXuMuK) ([Sharepointalist Inc.](http://www.sharepointalist.com), [AJIXuMuK](https://github.com/AJIXuMuK))
 
 ## Version history
 

samples/react-3rd-party-api/README.md

@@ -9,11 +9,9 @@ This sub folder contains a client-side project that shows how to consume a 3rd p
 In subfolder _Server-API_ you can find the sample REST API built using ASP.NET MVC.
 You will need to publish the web application on a hosting environment (for example an Azure App Service), configure CORS, and configure the application in the Azure AD tenant under the cover of your target SharePoint Online tenant.
 
-## Solution
+## Contributors
 
-| Solution  | Author(s) |
+* Paolo Pialorsi (PiaSys.com - @PaoloPia)
-| ------------- | ------------- |
-| react-3rd-party-api  | Paolo Pialorsi (PiaSys.com - @PaoloPia)   |
 
 ## Version history
 

samples/react-aad-implicitflow/README.md

@@ -48,11 +48,9 @@ Sample SharePoint Framework client-side web part built using React showing upcom
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
---------|---------
-react-aad-implicitflow|[Waldek Mastykarz](https://github.com/waldekmastykarz) (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/react-aad-webapi/README.md

@@ -29,11 +29,9 @@ Sample SharePoint Framework client-side web part illustrating communication with
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Waldek Mastykarz](https://github.com/waldekmastykarz)  (MVP, Rencore, @waldekm)
---------|---------
-react-aad-webapi|[Waldek Mastykarz](https://github.com/waldekmastykarz)  (MVP, Rencore, @waldekm)
 
 ## Version history
 

samples/react-accordion-dynamic-section/README.md

@@ -57,14 +57,10 @@
 
 Please create the list as described above
 
-## Solution
+## Contributors
 
-| Solution                                   | Author(s)                                                                                            |
+* [Erik Benke](https://github.com/ejbenke) ([@erikjbenke](https://twitter.com/erikjbenke))             * [Mike Zimmerman](https://github.com/mikezimm)                                                        * [Jerry Yasir](https://github.com/jyasir)                                                             
-| ------------------------------------------ | -----------------------------------------------------------------------------------------------------|
+* [Ari Gunawan](https://github.com/AriGunawan) ([@AriGunawan3023](https://twitter.com/AriGunawan3023)) |
-| SPFx Collapsible Accordion Section         | [Erik Benke](https://github.com/ejbenke) ([@erikjbenke](https://twitter.com/erikjbenke))             |
-| SPFx Collapsible Accordion Section         | [Mike Zimmerman](https://github.com/mikezimm)                                                        |
-| Dynamic SPFx Collapsible Accordion Section | [Jerry Yasir](https://github.com/jyasir)                                                             |
-| Dynamic SPFx Collapsible Accordion Section | [Ari Gunawan](https://github.com/AriGunawan) ([@AriGunawan3023](https://twitter.com/AriGunawan3023)) |
 
 ## Version history
 

samples/react-accordion-section/README.md

@@ -55,14 +55,12 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
 Please create the list as described above
 
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Erik Benke](https://github.com/ejbenke) ([@erikjbenke](https://twitter.com/erikjbenke))
---------|---------
+* [Mike Zimmerman](https://github.com/mikezimm)
-SPFx Collapsible Accordion Section|[Erik Benke](https://github.com/ejbenke) ([@erikjbenke](https://twitter.com/erikjbenke))
+* [Ravi Chandra](https://github.com/Ravikadri)
-SPFx Collapsible Accordion Section|[Mike Zimmerman](https://github.com/mikezimm)
+* [Jack Vinitsky](https://github.com/jack-vinitsky)
-SPFx Collapsible Accordion Section|[Ravi Chandra](https://github.com/Ravikadri)
-SPFx Collapsible Accordion Section|[Jack Vinitsky](https://github.com/jack-vinitsky)
 
 ## Version history
 

samples/react-accordion-with-richtext/README.md

@@ -52,11 +52,9 @@ For more information about SPFx compatibility, please refer to <https://aka.ms/s
 
 There are no pre-requisites to use these samples.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [Arun Kumar Perumal](https://github.com/arunkumarperumal) - LinkedIn:  <https://www.linkedin.com/in/arunkumarperumal/> - Twitter: <https://twitter.com/arun_perumal16>
---------|---------
-react-accordion-with-richtext | [Arun Kumar Perumal](https://github.com/arunkumarperumal) - LinkedIn:  <https://www.linkedin.com/in/arunkumarperumal/> - Twitter: <https://twitter.com/arun_perumal16>
 
 ## Version history
 

samples/react-accordion/README.md

@@ -43,12 +43,10 @@ This is a sample web Part that illustrates the use of React Accessible Accordion
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Gautam Sheth (SharePoint Consultant, RapidCircle)
---------|---------
+* Abhishek Garg
-react-accordion | Gautam Sheth (SharePoint Consultant, RapidCircle)
-react-accordion | Abhishek Garg
 
 ## Version history
 

samples/react-adaptive-card-host-control/README.md

@@ -35,13 +35,11 @@ For more information about the component, please see the related page here: [htt
 - [SharePoint Framework](https://aka.ms/spfx)
 - [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/o365devprogram)
+> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [Fabio Franzini](https://www.linkedin.com/in/fabiofranzini/) ([@franzinifabio](https://twitter.com/franzinifabio)), Apvee Solutions
---------|---------
-react-adaptive-card-host-control | [Fabio Franzini](https://www.linkedin.com/in/fabiofranzini/) ([@franzinifabio](https://twitter.com/franzinifabio)), Apvee Solutions
 
 ## Version history
 

samples/react-adaptive-cards-image-gallery/README.md

@@ -64,12 +64,10 @@ Below NPM packages are used to develop this sample.
 * [SharePoint Framework Developer Preview](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [Nanddeep Nachan](https://www.linkedin.com/in/nanddeepnachan/) (SharePoint Consultant, [@NanddeepNachan](https://http://twitter.com/NanddeepNachan) )
---------|---------
+- [Ravi Kulkarni](https://www.linkedin.com/in/ravi-kulkarni-a5381723/) (SharePoint Consultant)
-react-adaptive-cards-image-gallery|[Nanddeep Nachan](https://www.linkedin.com/in/nanddeepnachan/) (SharePoint Consultant, [@NanddeepNachan](https://http://twitter.com/NanddeepNachan) )
- |[Ravi Kulkarni](https://www.linkedin.com/in/ravi-kulkarni-a5381723/) (SharePoint Consultant)
 
 ## Version history
 

samples/react-adaptivecards-hooks/README.md

@@ -26,12 +26,10 @@ A version of [react-adaptivecards](https://github.com/pnp/sp-dev-fx-webparts/tre
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Paul Schaeflein (<http://www.schaeflein.net>)
---------|---------
+* Hugo Bernier ([Tahoe Ninja](https://tahoeninja.blog), [@bernier](https://twitter.com/bernierh))
-react-adaptivecards-hooks | Paul Schaeflein (http://www.schaeflein.net)
-react-adaptivecards-hooks | Hugo Bernier ([Tahoe Ninjas](https://tahoeninjas.blog), [@bernier](https://twitter.com/bernierh))
 
 ## Version history
 

samples/react-adaptivecards/README.md

@@ -36,12 +36,10 @@ This sample creates an Adaptive Cards Host web part that you can use to display
 
 There are no pre-requisites, but you'll probably want to have some [Adaptive Cards samples](https://adaptivecards.io/samples/) ready to try out the web part.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Hugo Bernier](https://github.com/hugoabernier) ([Tahoe Ninja](https://tahoeninja.blog), [@bernier](https://twitter.com/bernierh))
---------|---------
+* Paul Schaeflein ([http://www.schaeflein.net](http://www.schaeflein.net), [@paulschaeflein](https://twitter.com/paulschaeflein))
-react-adaptivecards | [Hugo Bernier](https://github.com/hugoabernier) ([Tahoe Ninjas](https://tahoeninjas.blog), [@bernier](https://twitter.com/bernierh))
-react-adaptivecards | Paul Schaeflein ([http://www.schaeflein.net](http://www.schaeflein.net), [@paulschaeflein](https://twitter.com/paulschaeflein))
 
 ## Version history
 

samples/react-add-formcustomizer-to-list/README.md

@@ -91,11 +91,9 @@ To do the association or removing the association , user needs to follow the bel
 
 You can copy the actual component ID of form customizer with from its `manifest.json` file.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Siddharth Vaghasia](https://github.com/siddharth-vaghasia) (<https://www.linkedin.com/in/siddharthvaghasia/>)
---------|---------
-react-add-formcustomizer-to-list | [Siddharth Vaghasia](https://github.com/siddharth-vaghasia) (<https://www.linkedin.com/in/siddharthvaghasia/>)
 
 ## Version history
 

samples/react-add-js-css-ref/README.md

@@ -106,11 +106,10 @@ gulp package-solution --ship
 * Register Custom action with ClientSideComponentId of Extension component
 * Passes parameters to Extension with ClientSideComponentProperties
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Siddharth Vaghasia](https://github.com/siddharth-vaghasia) (<https://www.linkedin.com/in/siddharthvaghasia/>)  
---------|---------
+* [Don Kirkham](https://github.com/donkirkham) (<https://www.linkedin.com/in/donkirkham/>)
-react-add-js-css-ref | [Siddharth Vaghasia](https://github.com/siddharth-vaghasia) (https://www.linkedin.com/in/siddharthvaghasia/)  [Don Kirkham](https://github.com/donkirkham) (https://www.linkedin.com/in/donkirkham/)
 
 ## Version history
 

samples/react-admin-sc-catalog-pnpjs/README.md

@@ -29,11 +29,9 @@ It needs Globlal Administrator or SharePoint Online Administrator permissions in
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Federico Porceddu](https://github.com/fredupstair) (<https://www.federicoporceddu.com>)
---------|---------
-react-admin-sc-catalog-pnpjs |  [Federico Porceddu](https://github.com/fredupstair) (https://www.federicoporceddu.com)
 
 ## Version history
 

samples/react-advanced-page-properties/README.md

@@ -36,18 +36,16 @@ Attempts to replicate the functionality of Page Properties with the following im
 - [SharePoint Framework](https://aka.ms/spfx)
 - [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/o365devprogram)
+> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
 
 ## Prerequisites
 
 None
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [Mike Homol](https://homol.work), Principal Consultant, [ThreeWill](https://threewill.com/)
---------|---------
+- Abderahman Moujahid
-src/react-advanced-page-properties | [Mike Homol](https://homol.work), Principal Consultant, [ThreeWill](https://threewill.com/)
-react-advanced-page-properties | Abderahman Moujahid
 
 ## Version history
 

samples/react-aggregated-calendar/README.md

@@ -44,11 +44,9 @@ Before you can use this web part example, you will need at least one Out of the
 
 It is required that the users have view access on the calendar.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Dhaval Shah](https://www.linkedin.com/in/dhavalshah27) ([@beingdhavalshah](https://twitter.com/BeingDhavalShah))
---------|---------
-react-aggregated-calendar | [Dhaval Shah](https://www.linkedin.com/in/dhavalshah27) ([@beingdhavalshah](https://twitter.com/BeingDhavalShah))
 
 ## Version history
 

samples/react-app-settings/README.md

@@ -53,11 +53,9 @@ Azure DevOps pipelines configurations are included to demonstrate how the AppSet
 - Office 365 subscription with SharePoint Online.
 - SharePoint Framework [development environment](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) already set up.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Velin Georgiev](https://github.com/VelinGeorgiev) ([@VelinGeorgiev](https://twitter.com/velingeorgiev))
---------|---------
-react-app-settings | [Velin Georgiev](https://github.com/VelinGeorgiev) ([@VelinGeorgiev](https://twitter.com/velingeorgiev))
 
 ## Version history
 

samples/react-appinsights-dashboard/README.md

@@ -77,11 +77,9 @@ Following are required to access the data using **[App Insights API](https://lea
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Sudharsan K.](https://github.com/sudharsank)([@sudharsank](https://twitter.com/sudharsank), [Know More](http://windowssharepointserver.blogspot.com/))
---------|---------
-react-appinsights-dashboard | [Sudharsan K.](https://github.com/sudharsank)([@sudharsank](https://twitter.com/sudharsank), [Know More](http://windowssharepointserver.blogspot.com/))
 
 ## Version history
 

samples/react-associated-sites-links/README.md

@@ -28,22 +28,12 @@ For instance, below is the result when there are 5 sites (React Zod, SPFx Sample
 * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Microsoft 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
 
-> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/o365devprogram)
+> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
 
-## Solution
+## Contributors
-<!--
-We use this section to recognize and promote your contributions. Please provide one author per line -- even if you worked together on it.
 
-We'll only use the info you provided here. Make sure to include your full name, not just your GitHub username.
 
-Provide a link to your GitHub profile to help others find more cool things you have done.
+* [Ari Gunawan](https://github.com/AriGunawan) ([@AriGunawan3023](https://twitter.com/AriGunawan3023))
-
-If you provide a link to your Twitter profile, we'll promote your contribution on social media.
--->
-
-Solution|Author(s)
---------|---------
-react-associated-sites-links | [Ari Gunawan](https://github.com/AriGunawan) ([@AriGunawan3023](https://twitter.com/AriGunawan3023))
 
 ## Version history
 

samples/react-async-await-sp-pnp-js/README.md

@@ -29,12 +29,10 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
 * [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Microsoft 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Jose Quinto ([@jquintozamora](https://twitter.com/jquintozamora) , [blog.josequinto.com](https://blog.josequinto.com))
---------|---------
+* Julie Turner ([@jfj1997](https://twitter.com/jfj1997))
-react-async-await-sp-pnp-js | Jose Quinto ([@jquintozamora](https://twitter.com/jquintozamora) , [blog.josequinto.com](https://blog.josequinto.com))
-Version 2 refactored as purely a PnPjs sample by Julie Turner ([@jfj1997](https://twitter.com/jfj1997))
 
 ## Version history
 

samples/react-at-a-glance/README.md

@@ -53,17 +53,15 @@ The idea is based of the *At a glance* section of a news in the BBC news app (be
 - [SharePoint Framework](https://aka.ms/spfx)
 - [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/o365devprogram)
+> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
 
 ## Prerequisites
 
 None
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+- [Anoop Tatti](https://github.com/anoopt) ([https://linktr.ee/anoopt](https://linktr.ee/anoopt))
---------|---------
-react-at-a-glance | [Anoop Tatti](https://github.com/anoopt) ([https://linktr.ee/anoopt](https://linktr.ee/anoopt))
 
 ## Version history
 

samples/react-avatar/README.md

@@ -66,13 +66,11 @@ Property |Type|Required| comments
 Web Part Title | Text| no|
 
 
-## Solution
+## Contributors
 
 The web part Use avataaars library for creating avatars and MS Graph with User.ReadWrite and User.ReadWriteAll for saving avatar as current users Profile Picture.FileSaver for downloading avatar image as png file.
 
-Solution|Author(s)
+* Kunj Sangani
---------|---------
-react Avatar|Kunj Sangani
 
 ## Version history
 

samples/react-azfunc-vimeo/README.md

@@ -26,11 +26,9 @@ This project contains two separate project folders:
 * [SharePoint Framework Developer](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
 * [Office 365 developer tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Stefan Bauer](https://github.com/n8design) - n8d ([@stfbauer](https://twitter.com/stfbauer))
---------|---------
-react-azfunc-vimeo | [Stefan Bauer](https://github.com/n8design) - n8d ([@stfbauer](https://twitter.com/stfbauer))
 
 ## Version history
 

samples/react-azurefunction-northwind2/README.md

@@ -36,11 +36,9 @@ For more information about SPFx compatibility, please refer to <https://aka.ms/s
 
 > Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
 
-## Solution
+## Contributors
 
-| Solution    | Author(s)                                               |
+* [Joao Livio](https://github.com/jtlivio) @jlivio |
-| ----------- | ------------------------------------------------------- |
-| react-azurefunction-northwind | [Joao Livio](https://github.com/jtlivio) @jlivio |
 
 ## Version history
 

samples/react-birthdays-per-month/README.md

@@ -32,11 +32,9 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
 
 > Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Ari Gunawan](https://github.com/AriGunawan) ([@AriGunawan3023](https://twitter.com/arigunawan3023))
---------|---------
-react-birthdays-per-month | [Ari Gunawan](https://github.com/AriGunawan) ([@AriGunawan3023](https://twitter.com/arigunawan3023))
 
 ## Version history
 

samples/react-birthdays/README.md

@@ -49,12 +49,10 @@ email | Text | true
 
 > **IMPORTANT:** Create index on column "Birthday".
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [João Mendes](https://github.com/joaojmendes)
---------|---------
+* [Sajal Maity](https://github.com/smaity)
-react Birthday Web Part|[João Mendes](https://github.com/joaojmendes)
-react Birthday Web Part|[Sajal Maity](https://github.com/smaity)
 
 ## Version history
 

samples/react-bot-framework-secure/README.md

@@ -49,11 +49,9 @@ This demo does not include any threat models and is designed for educational pur
     node --version
     ```
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Stephan Bisser (@stephanbisser, bisser.io)
---------|---------
-webpart | Bot Framework Discussions (msbots@service.microsoft.com) <br/> Stephan Bisser (@stephanbisser, bisser.io)
 bot | Bot Framework Discussions (msbots@service.microsoft.com)
 
 ## Version history

samples/react-bot-framework-sso/README.md

@@ -56,11 +56,9 @@ This demo does not include any threat models and is designed for educational pur
     python --version
     ```
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Stephan Bisser](https://github.com/stephanbisser) (@stephanbisser, bisser.io)
---------|---------
-web part | Bot Framework Discussions (msbots@service.microsoft.com) <br/> [Stephan Bisser](https://github.com/stephanbisser) (@stephanbisser, bisser.io)
 bot | Bot Framework Discussions (msbots@service.microsoft.com)
 
 ## Version history

samples/react-bot-framework/README.md

@@ -66,11 +66,9 @@ See more details on how to create a bot from following locations.
 > Notice that you can find simplistic bot implemented with Visual Studio 2015 using the bot templates (Oct 2016)
 under the [vs2015-bot-application](./vs2015-bot-application) folder. This is simplistic bot based on above blog posts, which responses random string back.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Gary Pretty](https://github.com/garypretty) ([@garypretty](http://www.twitter.com/garypretty), [garypretty.co.uk](www.garypretty.co.uk))
---------|---------
-bot-framework | [Gary Pretty](https://github.com/garypretty) ([@garypretty](http://www.twitter.com/garypretty), [garypretty.co.uk](www.garypretty.co.uk))
 |web part v4| [Stephan Bisser](https://github.com/stephanbisser) ([@stephanbisser](https://twitter.com/stephanbisser), [bisser.io](https://bisser.io))
 |Upgrade to SPFx 1.10.0| [Harsha Vardhini](https://github.com/Harshagracy) ([@harshagracy](https://twitter.com/harshagracy))
 

samples/react-calendar-feed/README.md

@@ -20,7 +20,7 @@ Like the SharePoint event web parts, this web part renders a film-strip view whe
 
 To improve performance, the web part caches the events to the user's local storage (so that it doesn't retrieve the events every time the user visits the page). You can turn off the cache by setting the cache duration to 0 minutes.
 
-For more information about how this solution was built, including some design decisions and information on how you can extend this example to allow additional event feed provider, visit https://tahoeninjas.blog/creating-a-calendar-feed-web-part.
+For more information about how this solution was built, including some design decisions and information on how you can extend this example to allow additional event feed provider, visit https://tahoeninja.blog/creating-a-calendar-feed-web-part.
 
 
 ## Compatibility
@@ -63,12 +63,10 @@ This web part only supports anonymous external feeds. Also, make sure that your
 
 If your feed supports filtering by dates, you can specify `{s}` in the URL where the start date should be inserted, and the web part will automatically replace the `{s}` placeholder with today's date. Similarly, you can specify `{e}` in the URL where you wish the end date to be inserted, and the web part will automatically replace the placeholder for the end date, as determined by the date range you select.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* [Hugo Bernier](https://github.com/hugoabernier) ([Tahoe Ninja](http://tahoeninja.blog), @bernierh)
---------|---------
+* [Peter Paul Kirschner](https://github.com/petkir) ([@petkir_at](https://twitter.com/petkir_at))
-react-calendar-feed | [Hugo Bernier](https://github.com/hugoabernier) ([Tahoe Ninjas](http://tahoeninjas.blog), @bernierh)
-react-calendar-feed | [Peter Paul Kirschner](https://github.com/petkir) ([@petkir_at](https://twitter.com/petkir_at))
 
 ## Version history
 

samples/react-calendar/README.md

@@ -115,19 +115,17 @@ Calendar list| Choice/Dropdown | yes|  this is filled with all list of  type "ev
 Start Date | Date | yes | Event Date
 End Date| Date| yes | Event Date
 
-## Solution
+## Contributors
 
 The Web Part Use PnPjs library, Office-ui-fabric-react components. react Big-Calendar Component
 
-Solution|Author(s)
+* [Abderahman Moujahid](https://github.com/Abderahman88)
---------|---------
+* [Eli H. Schei](https://github.com/Eli-Schei)
-Calendar Web Part|[Abderahman Moujahid](https://github.com/Abderahman88)
+* [Hugo Bernier](https://github.com/hugoabernier) ([@bernier](https://twitter.com/bernierh), [Tahoe Ninja](https://tahoeninja.blog/))
-Calendar Web Part|[Eli H. Schei](https://github.com/Eli-Schei)
+* [João Mendes](https://github.com/joaojmendes)
-Calendar Web Part|[Hugo Bernier](https://github.com/hugoabernier) ([@bernier](https://twitter.com/bernierh), [Tahoe Ninjas](https://tahoeninjas.blog/))
+* [Mohamed Derhalli](https://github.com/derhallim)
-Calendar Web Part|[João Mendes](https://github.com/joaojmendes)
+* [Mohammed Amer](https://github.com/mohammadamer) ([@Mohammad3mer](https://twitter.com/Mohammad3mer), https://www.linkedin.com/in/mohammad3mer/)
-Calendar Web Part|[Mohamed Derhalli](https://github.com/derhallim)
+* [Nanddeep Nachan](https://github.com/nanddeepn) ([@NanddeepNachan](https://twitter.com/NanddeepNachan))
-Calendar Web PArt|[Mohammed Amer](https://github.com/mohammadamer) ([@Mohammad3mer](https://twitter.com/Mohammad3mer), https://www.linkedin.com/in/mohammad3mer/)
-Calendar Web Part|[Nanddeep Nachan](https://github.com/nanddeepn) ([@NanddeepNachan](https://twitter.com/NanddeepNachan))
 
 ## Version history
 

samples/react-caml2table/README.md

@@ -33,12 +33,9 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
 
 > Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
 
-## Solution
+## Contributors
 
-
+* Dan Toft ([@Tanddant](https://dan-toft.dk/)) |
-| Solution    | Author(s)                                               |
-| ----------- | ------------------------------------------------------- |
-| react-caml2table | Dan Toft ([@Tanddant](https://dan-toft.dk/)) |
 
 ## Version history
 

samples/react-carousel/README.md

@@ -64,13 +64,11 @@ For all available props, go [here](https://react-slick.neostack.com/docs/api/).
 
 For all available methods, go [here](https://react-slick.neostack.com/docs/api#methods)
 
-## Solution
+## Contributors
 
 The web part Use PnPjs library, Microsoft Graph API, Office-ui-fabric-react components, react-slick Component
 
-Solution|Author(s)
+* [João Mendes](https://github.com/joaojmendes)
---------|---------
-Carousel Image/Video  Web Part|[João Mendes](https://github.com/joaojmendes)
 Carousel Image/Video  Web Part|[Rahul Suryawanshi](https://github.com/rahulsuryawanshi) ([@rahulsuryawansh](https://twitter.com/rahulsuryawansh))
 Carousel Image/Video  Web Part|[Don Kirkham](https://github.com/DonKirkham) ([@DonKirkham](https://twitter.com/DonKirkham))
 Carousel Image/Video  Web Part|[Harsha Vardhini](https://github.com/Harshagracy) ([@harshagracy](https://twitter.com/harshagracy))

samples/react-chartcontrol/README.md

@@ -194,11 +194,9 @@ This sample shows how to use X and Y coordinate data elements in a scatter chart
 
 There are no pre-requisites to use these samples.
 
-## Solution
+## Contributors
 
-Solution|Author(s)
+* Hugo Bernier ([Tahoe Ninja](http://tahoeninja.blog), [@bernierh](https://twitter.com/bernierh))
---------|---------
-react-chart-control | Hugo Bernier ([Tahoe Ninjas](http://tahoeninjas.blog), [@bernierh](https://twitter.com/bernierh))
 
 ## Version history
 

samples/react-chat-gpt/README.md

@@ -39,9 +39,9 @@ For more information about SPFx compatibility, please refer to https://aka.ms/sp
 
 > Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
 
-## Authors
+## Contributors
 
-[Nico De Cleyre](https://github.com/nicodecleyre) ([@NicoDeCleyre](https://twitter.com/NicoDeCleyre)), Ordina Belgium
+* [Nico De Cleyre](https://github.com/nicodecleyre) ([@NicoDeCleyre](https://twitter.com/NicoDeCleyre)), Ordina Belgium
 
 ## Version history
 

samples/react-chatgpt-app/.devcontainer/devcontainer.json

@@ -0,0 +1,39 @@
+// For more information on how to run this SPFx project in a VS Code Remote Container, please visit https://aka.ms/spfx-devcontainer
+{
+	"name": "SPFx 1.16.1",
+	"image": "docker.io/m365pnp/spfx:1.16.1",
+	// Set *default* container specific settings.json values on container create.
+	"settings": {},
+	// Add the IDs of extensions you want installed when the container is created.
+	"extensions": [
+		"editorconfig.editorconfig",
+		"dbaeumer.vscode-eslint"
+	],
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [
+		4321,
+		35729
+	],
+	"portsAttributes": {
+		"4321": {
+			"protocol": "https",
+			"label": "Manifest",
+			"onAutoForward": "silent",
+			"requireLocalPort": true
+		},
+		// Not needed for SPFx>= 1.12.1 
+		// "5432": {
+		// 	"protocol": "https",
+		// 	"label": "Workbench",
+		// 	"onAutoForward": "silent"
+		// },
+		"35729": {
+			"protocol": "https",
+			"label": "LiveReload",
+			"onAutoForward": "silent",
+			"requireLocalPort": true
+		}
+	},
+	"postCreateCommand": "bash .devcontainer/spfx-startup.sh",
+	"remoteUser": "node"
+}

samples/react-chatgpt-app/.devcontainer/spfx-startup.sh

@@ -0,0 +1,33 @@
+echo
+echo -e "\e[1;94mInstalling Node dependencies\e[0m"
+npm install
+
+## commands to create dev certificate and copy it to the root folder of the project
+echo
+echo -e "\e[1;94mGenerating dev certificate\e[0m"
+gulp trust-dev-cert
+
+# Convert the generated PEM certificate to a  CER certificate
+openssl x509 -inform PEM -in ~/.rushstack/rushstack-serve.pem -outform DER -out ./spfx-dev-cert.cer
+
+# Copy the PEM ecrtificate for non-Windows hosts
+cp ~/.rushstack/rushstack-serve.pem ./spfx-dev-cert.pem
+
+## add *.cer to .gitignore to prevent certificates from being saved in repo
+if ! grep -Fxq '*.cer' ./.gitignore
+  then
+    echo "# .CER Certificates" >> .gitignore
+    echo "*.cer" >> .gitignore
+fi
+
+## add *.pem to .gitignore to prevent certificates from being saved in repo
+if ! grep -Fxq '*.pem' ./.gitignore
+  then
+    echo "# .PEM Certificates" >> .gitignore
+    echo "*.pem" >> .gitignore
+fi
+
+echo
+echo -e "\e[1;92mReady!\e[0m"
+
+echo -e "\n\e[1;94m**********\nOptional: if you plan on using gulp serve, don't forget to add the container certificate to your local machine. Please visit https://aka.ms/spfx-devcontainer for more information\n**********"

samples/react-chatgpt-app/.eslintrc.js

@@ -0,0 +1,352 @@
+require('@rushstack/eslint-config/patch/modern-module-resolution');
+module.exports = {
+  extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
+  parserOptions: { tsconfigRootDir: __dirname },
+  overrides: [
+    {
+      files: ['*.ts', '*.tsx'],
+      parser: '@typescript-eslint/parser',
+      'parserOptions': {
+        'project': './tsconfig.json',
+        'ecmaVersion': 2018,
+        'sourceType': 'module'
+      },
+      rules: {
+        // Prevent usage of the JavaScript null value, while allowing code to access existing APIs that may require null. https://www.npmjs.com/package/@rushstack/eslint-plugin
+        '@rushstack/no-new-null': 1,
+        // Require Jest module mocking APIs to be called before any other statements in their code block. https://www.npmjs.com/package/@rushstack/eslint-plugin
+        '@rushstack/hoist-jest-mock': 1,
+        // Require regular expressions to be constructed from string constants rather than dynamically building strings at runtime. https://www.npmjs.com/package/@rushstack/eslint-plugin-security
+        '@rushstack/security/no-unsafe-regexp': 1,
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        '@typescript-eslint/adjacent-overload-signatures': 1,
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        //
+        // CONFIGURATION:     By default, these are banned: String, Boolean, Number, Object, Symbol
+        '@typescript-eslint/ban-types': [
+          1,
+          {
+            'extendDefaults': false,
+            'types': {
+              'String': {
+                'message': 'Use \'string\' instead',
+                'fixWith': 'string'
+              },
+              'Boolean': {
+                'message': 'Use \'boolean\' instead',
+                'fixWith': 'boolean'
+              },
+              'Number': {
+                'message': 'Use \'number\' instead',
+                'fixWith': 'number'
+              },
+              'Object': {
+                'message': 'Use \'object\' instead, or else define a proper TypeScript type:'
+              },
+              'Symbol': {
+                'message': 'Use \'symbol\' instead',
+                'fixWith': 'symbol'
+              },
+              'Function': {
+                'message': 'The \'Function\' type accepts any function-like value.\nIt provides no type safety when calling the function, which can be a common source of bugs.\nIt also accepts things like class declarations, which will throw at runtime as they will not be called with \'new\'.\nIf you are expecting the function to accept certain arguments, you should explicitly define the function shape.'
+              }
+            }
+          }
+        ],
+        // RATIONALE:         Code is more readable when the type of every variable is immediately obvious.
+        //                    Even if the compiler may be able to infer a type, this inference will be unavailable
+        //                    to a person who is reviewing a GitHub diff.  This rule makes writing code harder,
+        //                    but writing code is a much less important activity than reading it.
+        //
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        '@typescript-eslint/explicit-function-return-type': [
+          1,
+          {
+            'allowExpressions': true,
+            'allowTypedFunctionExpressions': true,
+            'allowHigherOrderFunctions': false
+          }
+        ],
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        // Rationale to disable: although this is a recommended rule, it is up to dev to select coding style.
+        // Set to 1 (warning) or 2 (error) to enable.
+        '@typescript-eslint/explicit-member-accessibility': 0,
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        '@typescript-eslint/no-array-constructor': 1,
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        //
+        // RATIONALE:         The "any" keyword disables static type checking, the main benefit of using TypeScript.
+        //                    This rule should be suppressed only in very special cases such as JSON.stringify()
+        //                    where the type really can be anything.  Even if the type is flexible, another type
+        //                    may be more appropriate such as "unknown", "{}", or "Record<k,V>".
+        '@typescript-eslint/no-explicit-any': 1,
+        // RATIONALE:         The #1 rule of promises is that every promise chain must be terminated by a catch()
+        //                    handler.  Thus wherever a Promise arises, the code must either append a catch handler,
+        //                    or else return the object to a caller (who assumes this responsibility).  Unterminated
+        //                    promise chains are a serious issue.  Besides causing errors to be silently ignored,
+        //                    they can also cause a NodeJS process to terminate unexpectedly.
+        '@typescript-eslint/no-floating-promises': 2,
+        // RATIONALE:         Catches a common coding mistake.
+        '@typescript-eslint/no-for-in-array': 2,
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        '@typescript-eslint/no-misused-new': 2,
+        // RATIONALE:         The "namespace" keyword is not recommended for organizing code because JavaScript lacks
+        //                    a "using" statement to traverse namespaces.  Nested namespaces prevent certain bundler
+        //                    optimizations.  If you are declaring loose functions/variables, it's better to make them
+        //                    static members of a class, since classes support property getters and their private
+        //                    members are accessible by unit tests.  Also, the exercise of choosing a meaningful
+        //                    class name tends to produce more discoverable APIs: for example, search+replacing
+        //                    the function "reverse()" is likely to return many false matches, whereas if we always
+        //                    write "Text.reverse()" is more unique.  For large scale organization, it's recommended
+        //                    to decompose your code into separate NPM packages, which ensures that component
+        //                    dependencies are tracked more conscientiously.
+        //
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        '@typescript-eslint/no-namespace': [
+          1,
+          {
+            'allowDeclarations': false,
+            'allowDefinitionFiles': false
+          }
+        ],
+        // RATIONALE:         Parameter properties provide a shorthand such as "constructor(public title: string)"
+        //                    that avoids the effort of declaring "title" as a field.  This TypeScript feature makes
+        //                    code easier to write, but arguably sacrifices readability:  In the notes for
+        //                    "@typescript-eslint/member-ordering" we pointed out that fields are central to
+        //                    a class's design, so we wouldn't want to bury them in a constructor signature
+        //                    just to save some typing.
+        //
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        // Set to 1 (warning) or 2 (error) to enable the rule
+        '@typescript-eslint/no-parameter-properties': 0,
+        // RATIONALE:         When left in shipping code, unused variables often indicate a mistake.  Dead code
+        //                    may impact performance.
+        //
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        '@typescript-eslint/no-unused-vars': [
+          1,
+          {
+            'vars': 'all',
+            // Unused function arguments often indicate a mistake in JavaScript code.  However in TypeScript code,
+            // the compiler catches most of those mistakes, and unused arguments are fairly common for type signatures
+            // that are overriding a base class method or implementing an interface.
+            'args': 'none'
+          }
+        ],
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        '@typescript-eslint/no-use-before-define': [
+          2,
+          {
+            'functions': false,
+            'classes': true,
+            'variables': true,
+            'enums': true,
+            'typedefs': true
+          }
+        ],
+        // Disallows require statements except in import statements.
+        // In other words, the use of forms such as var foo = require("foo") are banned. Instead use ES6 style imports or import foo = require("foo") imports.
+        '@typescript-eslint/no-var-requires': 'error',
+        // RATIONALE:         The "module" keyword is deprecated except when describing legacy libraries.
+        //
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        '@typescript-eslint/prefer-namespace-keyword': 1,
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        // Rationale to disable: it's up to developer to decide if he wants to add type annotations
+        // Set to 1 (warning) or 2 (error) to enable the rule
+        '@typescript-eslint/no-inferrable-types': 0,
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        // Rationale to disable: declaration of empty interfaces may be helpful for generic types scenarios
+        '@typescript-eslint/no-empty-interface': 0,
+        // RATIONALE:         This rule warns if setters are defined without getters, which is probably a mistake.
+        'accessor-pairs': 1,
+        // RATIONALE:         In TypeScript, if you write x["y"] instead of x.y, it disables type checking.
+        'dot-notation': [
+          1,
+          {
+            'allowPattern': '^_'
+          }
+        ],
+        // RATIONALE:         Catches code that is likely to be incorrect
+        'eqeqeq': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'for-direction': 1,
+        // RATIONALE:         Catches a common coding mistake.
+        'guard-for-in': 2,
+        // RATIONALE:         If you have more than 2,000 lines in a single source file, it's probably time
+        //                    to split up your code.
+        'max-lines': ['warn', { max: 2000 }],
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-async-promise-executor': 2,
+        // RATIONALE:         Deprecated language feature.
+        'no-caller': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-compare-neg-zero': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-cond-assign': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-constant-condition': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-control-regex': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-debugger': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-delete-var': 2,
+        // RATIONALE:         Catches code that is likely to be incorrect
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-duplicate-case': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-empty': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-empty-character-class': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-empty-pattern': 1,
+        // RATIONALE:         Eval is a security concern and a performance concern.
+        'no-eval': 1,
+        // RATIONALE:         Catches code that is likely to be incorrect
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-ex-assign': 2,
+        // RATIONALE:         System types are global and should not be tampered with in a scalable code base.
+        //                    If two different libraries (or two versions of the same library) both try to modify
+        //                    a type, only one of them can win.  Polyfills are acceptable because they implement
+        //                    a standardized interoperable contract, but polyfills are generally coded in plain
+        //                    JavaScript.
+        'no-extend-native': 1,
+        // Disallow unnecessary labels
+        'no-extra-label': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-fallthrough': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-func-assign': 1,
+        // RATIONALE:         Catches a common coding mistake.
+        'no-implied-eval': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-invalid-regexp': 2,
+        // RATIONALE:         Catches a common coding mistake.
+        'no-label-var': 2,
+        // RATIONALE:         Eliminates redundant code.
+        'no-lone-blocks': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-misleading-character-class': 2,
+        // RATIONALE:         Catches a common coding mistake.
+        'no-multi-str': 2,
+        // RATIONALE:         It's generally a bad practice to call "new Thing()" without assigning the result to
+        //                    a variable.  Either it's part of an awkward expression like "(new Thing()).doSomething()",
+        //                    or else implies that the constructor is doing nontrivial computations, which is often
+        //                    a poor class design.
+        'no-new': 1,
+        // RATIONALE:         Obsolete language feature that is deprecated.
+        'no-new-func': 2,
+        // RATIONALE:         Obsolete language feature that is deprecated.
+        'no-new-object': 2,
+        // RATIONALE:         Obsolete notation.
+        'no-new-wrappers': 1,
+        // RATIONALE:         Catches code that is likely to be incorrect
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-octal': 2,
+        // RATIONALE:         Catches code that is likely to be incorrect
+        'no-octal-escape': 2,
+        // RATIONALE:         Catches code that is likely to be incorrect
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-regex-spaces': 2,
+        // RATIONALE:         Catches a common coding mistake.
+        'no-return-assign': 2,
+        // RATIONALE:         Security risk.
+        'no-script-url': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-self-assign': 2,
+        // RATIONALE:         Catches a common coding mistake.
+        'no-self-compare': 2,
+        // RATIONALE:         This avoids statements such as "while (a = next(), a && a.length);" that use
+        //                    commas to create compound expressions.  In general code is more readable if each
+        //                    step is split onto a separate line.  This also makes it easier to set breakpoints
+        //                    in the debugger.
+        'no-sequences': 1,
+        // RATIONALE:         Catches code that is likely to be incorrect
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-shadow-restricted-names': 2,
+        // RATIONALE:         Obsolete language feature that is deprecated.
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-sparse-arrays': 2,
+        // RATIONALE:         Although in theory JavaScript allows any possible data type to be thrown as an exception,
+        //                    such flexibility adds pointless complexity, by requiring every catch block to test
+        //                    the type of the object that it receives.  Whereas if catch blocks can always assume
+        //                    that their object implements the "Error" contract, then the code is simpler, and
+        //                    we generally get useful additional information like a call stack.
+        'no-throw-literal': 2,
+        // RATIONALE:         Catches a common coding mistake.
+        'no-unmodified-loop-condition': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-unsafe-finally': 2,
+        // RATIONALE:         Catches a common coding mistake.
+        'no-unused-expressions': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-unused-labels': 1,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-useless-catch': 1,
+        // RATIONALE:         Avoids a potential performance problem.
+        'no-useless-concat': 1,
+        // RATIONALE:         The "var" keyword is deprecated because of its confusing "hoisting" behavior.
+        //                    Always use "let" or "const" instead.
+        //
+        // STANDARDIZED BY:   @typescript-eslint\eslint-plugin\dist\configs\recommended.json
+        'no-var': 2,
+        // RATIONALE:         Generally not needed in modern code.
+        'no-void': 1,
+        // RATIONALE:         Obsolete language feature that is deprecated.
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'no-with': 2,
+        // RATIONALE:         Makes logic easier to understand, since constants always have a known value
+        // @typescript-eslint\eslint-plugin\dist\configs\eslint-recommended.js
+        'prefer-const': 1,
+        // RATIONALE:         Catches a common coding mistake where "resolve" and "reject" are confused.
+        'promise/param-names': 2,
+        // RATIONALE:         Catches code that is likely to be incorrect
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'require-atomic-updates': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'require-yield': 1,
+        // "Use strict" is redundant when using the TypeScript compiler.
+        'strict': [
+          2,
+          'never'
+        ],
+        // RATIONALE:         Catches code that is likely to be incorrect
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        'use-isnan': 2,
+        // STANDARDIZED BY:   eslint\conf\eslint-recommended.js
+        // Set to 1 (warning) or 2 (error) to enable.
+        // Rationale to disable: !!{}
+        'no-extra-boolean-cast': 0,
+        // ====================================================================
+        // @microsoft/eslint-plugin-spfx
+        // ====================================================================
+        '@microsoft/spfx/import-requires-chunk-name': 1,
+        '@microsoft/spfx/no-require-ensure': 2,
+        '@microsoft/spfx/pair-react-dom-render-unmount': 1
+      }
+    },
+    {
+      // For unit tests, we can be a little bit less strict.  The settings below revise the
+      // defaults specified in the extended configurations, as well as above.
+      files: [
+        // Test files
+        '*.test.ts',
+        '*.test.tsx',
+        '*.spec.ts',
+        '*.spec.tsx',
+
+        // Facebook convention
+        '**/__mocks__/*.ts',
+        '**/__mocks__/*.tsx',
+        '**/__tests__/*.ts',
+        '**/__tests__/*.tsx',
+
+        // Microsoft convention
+        '**/test/*.ts',
+        '**/test/*.tsx'
+      ],
+      rules: {}
+    }
+  ]
+};

samples/react-chatgpt-app/.gitignore

@@ -0,0 +1,35 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Dependency directories
+node_modules
+
+# Build generated files
+dist
+lib
+release
+solution
+temp
+*.sppkg
+.heft
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# OSX
+.DS_Store
+
+# Visual Studio files
+.ntvs_analysis.dat
+.vs
+bin
+obj
+
+# Resx Generated Code
+*.resx.ts
+
+# Styles Generated Code
+*.scss.ts
+*.scss.d.ts

samples/react-chatgpt-app/.npmignore

@@ -0,0 +1,16 @@
+!dist
+config
+
+gulpfile.js
+
+release
+src
+temp
+
+tsconfig.json
+tslint.json
+
+*.log
+
+.yo-rc.json
+.vscode

samples/react-chatgpt-app/.yo-rc.json

@@ -0,0 +1,21 @@
+{
+  "@microsoft/generator-sharepoint": {
+    "plusBeta": false,
+    "isCreatingSolution": true,
+    "nodeVersion": "16.18.1",
+    "sdksVersions": {
+      "@microsoft/microsoft-graph-client": "3.0.2",
+      "@microsoft/teams-js": "2.4.1"
+    },
+    "version": "1.16.1",
+    "libraryName": "react-chat-gpt-message-extension",
+    "libraryId": "560953a2-d85c-41de-84f6-4def64002ea1",
+    "environment": "spo",
+    "packageManager": "npm",
+    "solutionName": "react-chat-gpt-message-extension",
+    "solutionShortDescription": "react-chat-gpt-message-extension description",
+    "skipFeatureDeployment": true,
+    "isDomainIsolated": false,
+    "componentType": "webpart"
+  }
+}

samples/react-chatgpt-app/README.md

@@ -0,0 +1,156 @@
+# Chat GPT App
+
+## Summary
+
+This App is a implementation of OpenAI ChatGPT-3. It runs on SharePoint, Teams as Personal or Teams App and Message Extension.
+
+![React-ChatGPT-App](./assets/ChatGPT.png)
+![React-ChatGPT-App](./assets/chatGPT.gif)
+
+## Compatibility
+
+| :warning: Important          |
+|:---------------------------|
+| Every SPFx version is optimally compatible with specific versions of Node.js. In order to be able to build this sample, you need to ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node.|
+|Refer to <https://aka.ms/spfx-matrix> for more information on SPFx compatibility.   |
+
+This sample is optimally compatible with the following environment configuration:
+
+![SPFx 1.16.1](https://img.shields.io/badge/SPFx-1.16.1-green.svg)
+![Node.js v16 | v14 | v12](https://img.shields.io/badge/Node.js-v16%20%7C%20v14%20%7C%20v12-green.svg)
+![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg)
+![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg "SharePoint Server 2019 requires SPFx 1.4.1 or lower")
+![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1")
+![Local Workbench Unsupported](https://img.shields.io/badge/Local%20Workbench-Unsupported-red.svg "Local workbench is no longer available as of SPFx 1.13 and above")
+![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)
+![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg)
+
+## Applies to
+
+* [SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
+* [Microsoft 365 tenant](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
+
+> Get your own free development tenant by subscribing to [Microsoft 365 developer program](http://aka.ms/m365devprogram)
+
+## Prerequisites
+
+The SPFx App has thisPrerequisites:
+
+* Azure Function Deployed to Azure 
+
+   In the directory **./OpenAIFunctionProject/OpenAI-azure-functions.zip**  you will found the project with AzureFunction zip.ed, please copy to local computer unzip and deploy. The Azure Function App needs to be configured with Authentication Provider Microsoft , please see the README.md file on the project.
+
+* OpenAI KEY
+
+   The App require your personal API_KEY to call the API to ChatGPT. Please go to [OpenAI](https://platform.openai.com/) and create an Account and get your API KEY.
+   This API KY needs to be configured on the Azure Function App in Applications Settings. See README.md on Azure Functions Project for more details.
+
+* Configure Tenant Properties.
+
+    The App needs the follow tenant properties configured on your tenant :
+
+  * "OpenAIFunctionsAppId" this Tenant property has the Azure APPID used to secure your Azure Function APP (see README.md on OpenAIFunctionProject)
+
+      To add Tenant property you can use M365 Cli or PowerShell to do it.
+
+      sample M365 Cli  :
+
+        ``m365 spo storageentity set --key OpenAIFunctionsAppId --value  6b4a20b2-bf2f-xxxx-xxxx-af960a40c2dc  --appCatalogUrl https://xxxxx.sharepoint.com/sites/appcatalog``
+
+      sample PnP-PowerShell:
+
+        ``Set-PnPStorageEntity -Key OpenAIFunctionsAppId -Value 6b4a20b2-bf2f-xxxx-xxxx-af960a40c2dc``
+
+  * "OpenAIAzureFunctionUrl", this Tenant property has the URL of Azure Function
+
+      sample M365 Cli  :
+
+        ``m365 spo storageentity set --key OpenAIAzureFunctionUrl --value  https://openaifunctionsapp.azurewebsites.net/api/OpenAICompletion  --appCatalogUrl https://xxxxx.sharepoint.com/sites/appcatalog``
+
+      sample PnP-PowerShell:
+
+         ``Set-PnPStorageEntity -Key OpenAIAzureFunctionUrl -Value  https://openaifunctionsapp.azurewebsites.net/api/OpenAICompletion``
+
+
+    * Upload APP to Teams catalog
+
+      This App can be used has Teams Message Extension, please go to "teams" directory and upload the zip file to Teams App on M365 Teams Administration.
+
+
+
+  * Approve the Required App Permissions on SharePoint Admin.
+
+    You need to add the required permissions to the App for your Azure App used to secure the Azure Function App, by default the project has the follow defined on the package-solution.json:
+
+    ``"webApiPermissionRequests": [
+      {
+        "resource": "OpenAIFunctionsApp",
+        "scope": "user_impersonation"
+      }
+    ],``
+
+This assume you have a Azure App called "OpenAIFunctionsApp", you can change this before bundle and create the package to deploy and after you Azure Functions App configured. <https://admin.teams.microsoft.com/policies/manage-apps>
+
+
+## Contributors
+
+* [João Mendes](https://github.com/joaojmendes)
+
+## Version history
+
+Version|Date|Comments
+-------|----|--------
+1.0.0|Feb 19, 2023|Initial release
+
+## Minimal Path to Awesome
+
+* Clone this repository
+* in the command line run:
+  * `npm install`
+  * `gulp build`
+  * `gulp bundle --ship`
+  * `gulp package-solution --ship`
+  * Add and Deploy Package to AppCatalog
+ 
+
+> This sample can also be opened with [VS Code Remote Development](https://code.visualstudio.com/docs/remote/remote-overview). Visit <https://aka.ms/spfx-devcontainer> for further instructions.
+
+## Features
+
+This project shows how to use OpenAPI to ChatGPT and share information on teams message as an adaptive card.
+
+* using React for building SharePoint Framework client-side web parts
+* using React components for building ChatGPT web part
+* using OpenAI API  
+* using MSGraph API to send AdaptiveCard to Chat 
+* Using React Hooks
+* using Global State Management (JOTAI)
+* using localStorage
+* using Fluent UI FrameWork
+
+## References
+
+* [Getting started with SharePoint Framework](https://learn.microsoft.com/sharepoint/dev/spfx/set-up-your-developer-tenant)
+* [Building for Microsoft teams](https://learn.microsoft.com/sharepoint/dev/spfx/build-for-teams-overview)
+* [Use Microsoft Graph in your solution](https://learn.microsoft.com/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-apis)
+* [Publish SharePoint Framework applications to the Marketplace](https://learn.microsoft.com/sharepoint/dev/spfx/publish-to-marketplace-overview)
+* [Microsoft 365 Patterns and Practices](https://aka.ms/m365pnp) - Guidance, tooling, samples and open-source controls for your Microsoft 365 development
+* [Fluent UI version 9](https://github.com/microsoft/fluentui/tree/master/packages/react-components) - Converged Fluent UI components
+
+## Help
+
+We do not support samples, but we this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for  community members to volunteer their time and help resolve issues.
+
+If you're having issues building the solution, please run [spfx doctor](https://pnp.github.io/cli-microsoft365/cmd/spfx/spfx-doctor/) from within the solution folder to diagnose incompatibility issues with your environment.
+
+If you encounter any issues while using this sample, [create a new issue](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected%2Csample%3A%20react-chatgpt-app&template=bug-report.yml&sample=react-chatgpt-app&authors=@smaity%20@joaojmendes&title=react-chatgpt-app%20-%20).
+
+For questions regarding this sample, [create a new question](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aquestion%2Csample%3A%20react-chatgpt-app&template=question.yml&sample=react-chatgpt-app&authors=@smaity%20@joaojmendes&title=react-chatgpt-app%20-%20).
+
+Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Aenhancement%2Csample%3A%20react-chatgpt-app&template=question.yml&sample=react-chatgpt-app&authors=@smaity%20@joaojmendes&title=react-chatgpt-app%20-%20).
+
+## Disclaimer
+
+**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
+
+<img src="https://pnptelemetry.azurewebsites.net/sp-dev-fx-webparts/samples/react-chatgpt-app" />

samples/react-chatgpt-app/assets/sample.json

@@ -0,0 +1,50 @@
+[
+    {
+        "name": "pnp-sp-dev-spfx-web-parts-react-chatgpt-app",
+        "source": "pnp",
+        "title": "Chat GPT App",
+        "shortDescription": "This App is a implementation of OpenAI ChatGPT-3. It runs on SharePoint, Teams as Personal or Teams App and Message Extension.",
+        "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-chatgpt-app",
+        "downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-chatgpt-app",
+        "longDescription": [
+            "This App is a implementation of OpenAI ChatGPT-3. It runs on SharePoint, Teams as Personal or Teams App and Message Extension."
+        ],
+        "creationDateTime": "2023-02-19",
+        "updateDateTime": "2023-02-19",
+        "products": [
+            "SharePoint"
+        ],
+        "metadata": [
+            {
+                "key": "CLIENT-SIDE-DEV",
+                "value": "React"
+            },
+            {
+                "key": "SPFX-VERSION",
+                "value": "1.16.1"
+            }
+        ],
+        "thumbnails": [
+            {
+                "type": "image",
+                "order": 100,
+                "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-chatgpt-app/assets/ChatGPT.png",
+                "alt": "Web Part Preview"
+            }
+        ],
+        "authors": [
+            {
+                "gitHubAccount": "joaojmendes",
+                "pictureUrl": "https://github.com/joaojmendes.png",
+                "name": "João Mendes"
+            }
+        ],
+        "references": [
+            {
+                "name": "Build your first SharePoint client-side web part",
+                "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
+                "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
+            }
+        ]
+    }
+]

samples/react-chatgpt-app/config/config.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
+  "version": "2.0",
+  "bundles": {
+    "chat-gpt-web-part": {
+      "components": [
+        {
+          "entrypoint": "./lib/webparts/chatGpt/ChatGptWebPart.js",
+          "manifest": "./src/webparts/chatGpt/ChatGptWebPart.manifest.json"
+        }
+      ]
+    }
+  },
+  "externals": {},
+  "localizedResources": {
+    "ChatGptWebPartStrings": "lib/webparts/chatGpt/loc/{locale}.js"
+  }
+}

samples/react-chatgpt-app/config/deploy-azure-storage.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
+  "workingDir": "./release/assets/",
+  "account": "<!-- STORAGE ACCOUNT NAME -->",
+  "container": "react-chat-gpt-message-extension",
+  "accessKey": "<!-- ACCESS KEY -->"
+}

samples/react-chatgpt-app/config/package-solution.json

@@ -0,0 +1,51 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
+  "solution": {
+    "name": "react-chat-gpt-app-client-side-solution",
+    "id": "560953a2-d85c-41de-84f6-4def64002ea1",
+    "version": "1.0.0.1",
+    "includeClientSideAssets": true,
+    "skipFeatureDeployment": true,
+    "isDomainIsolated": false,
+    "webApiPermissionRequests": [
+      {
+        "resource": "OpenAIFunctionsApp",
+        "scope": "user_impersonation"
+      },
+      {
+        "resource": "Microsoft Graph",
+        "scope": "ChatMessage.Send"
+      }
+
+    ],
+    "developer": {
+      "name": "",
+      "websiteUrl": "",
+      "privacyUrl": "",
+      "termsOfUseUrl": "",
+      "mpnId": "Undefined-1.16.1"
+    },
+    "metadata": {
+      "shortDescription": {
+        "default": "react-chat-gpt-app"
+      },
+      "longDescription": {
+        "default": "react-chat-gpt-app"
+      },
+      "screenshotPaths": [],
+      "videoUrl": "",
+      "categories": []
+    },
+    "features": [
+      {
+        "title": "react-chat-gpt-message-extension Feature",
+        "description": "The feature that activates elements of the react-chat-gpt-app solution.",
+        "id": "9ce00a62-2201-471b-a003-5b56389ea028",
+        "version": "1.0.0.0"
+      }
+    ]
+  },
+  "paths": {
+    "zippedPackage": "solution/react-chat-gpt-app.sppkg"
+  }
+}

samples/react-chatgpt-app/config/sass.json

@@ -0,0 +1,3 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/core-build/sass.schema.json"
+}

samples/react-chatgpt-app/config/serve.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/spfx-serve.schema.json",
+  "port": 4321,
+  "https": true,
+  "initialPage": "https://enter-your-SharePoint-site/_layouts/workbench.aspx"
+}