diff --git a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/ChatLifeCycleModule.gif b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/ChatLifeCycleModule.gif index fd8996a76f..a5c604927b 100644 Binary files a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/ChatLifeCycleModule.gif and b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/ChatLifeCycleModule.gif differ diff --git a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/InstallApp.png b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/InstallApp.png new file mode 100644 index 0000000000..e9ebe2db98 Binary files /dev/null and b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/InstallApp.png differ diff --git a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/createdgroupchat.png b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/createdgroupchat.png index d602a9a9e7..06cee25199 100644 Binary files a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/createdgroupchat.png and b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/createdgroupchat.png differ diff --git a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/groupchatbuttonclick.png b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/groupchatbuttonclick.png index 38a780140e..9ca9247116 100644 Binary files a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/groupchatbuttonclick.png and b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/groupchatbuttonclick.png differ diff --git a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/groupchatcreated.png b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/groupchatcreated.png index 5f0cc01d17..6762ccfa27 100644 Binary files a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/groupchatcreated.png and b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/groupchatcreated.png differ diff --git a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/welcome.png b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/welcome.png index de08a272ba..6e0fe3e31d 100644 Binary files a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/welcome.png and b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Images/welcome.png differ diff --git a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Views/Home/Index.cshtml b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Views/Home/Index.cshtml index dad719584e..12b4fb37bb 100644 --- a/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Views/Home/Index.cshtml +++ b/samples/graph-chat-lifecycle/csharp/ChatLifecycle/Views/Home/Index.cshtml @@ -69,8 +69,8 @@ microsoftTeams.app.getContext().then((context) => { var userID = context.user.id; - var Json = JSON.stringify(result); - var parsedJson = JSON.parse(Json); + //var Json = JSON.stringify(result); + var parsedJson = JSON.parse(result); var resultJson = parsedJson.users; var title = parsedJson.title; diff --git a/samples/graph-chat-lifecycle/csharp/README.md b/samples/graph-chat-lifecycle/csharp/README.md index 618d2ef41c..38783ea06a 100644 --- a/samples/graph-chat-lifecycle/csharp/README.md +++ b/samples/graph-chat-lifecycle/csharp/README.md @@ -142,20 +142,24 @@ This sample illustrates Lifecycle of chat in Teams (Creating chat, adding member ## Running the sample -1. In Teams, Once the app is successfully installed, it can be opened in the tab and has option to create group chat if user is authenticated. +1. Install App. + +![InstallApp](ChatLifecycle/Images/InstallApp.png) + +2. In Teams, Once the app is successfully installed, it can be opened in the tab and has option to create group chat if user is authenticated. ![welcome card](ChatLifecycle/Images/welcome.png) -2. Once create group chat is clicked, user will be able to add Title of the groupchat and select users from drop down to create a group chat and add members (using different scenarios) and delete member accordingly to depict the lifecycle of chat. +3. Once create group chat is clicked, user will be able to add Title of the groupchat and select users from drop down to create a group chat and add members (using different scenarios) and delete member accordingly to depict the lifecycle of chat. ![group chat created](ChatLifecycle/Images/groupchatbuttonclick.png) -3. created group chat Details. -![group chat Details](ChatLifecycle/Images/groupchatcreated.png) - 4. Successfully Group chat created. ![chat life cycle](ChatLifecycle/Images/createdgroupchat.png) +5. created group chat Details. +![group chat Details](ChatLifecycle/Images/groupchatcreated.png) + ## Outlook on the web - To view your app in Outlook on the web. diff --git a/samples/graph-chat-lifecycle/nodejs/Images/CreateGroupChat.png b/samples/graph-chat-lifecycle/nodejs/Images/CreateGroupChat.png index d155bc4482..ba0ff01ddf 100644 Binary files a/samples/graph-chat-lifecycle/nodejs/Images/CreateGroupChat.png and b/samples/graph-chat-lifecycle/nodejs/Images/CreateGroupChat.png differ diff --git a/samples/graph-chat-lifecycle/nodejs/Images/CreateGroupChatDetails.png b/samples/graph-chat-lifecycle/nodejs/Images/CreateGroupChatDetails.png index f514ec9c51..1a4bf06a2f 100644 Binary files a/samples/graph-chat-lifecycle/nodejs/Images/CreateGroupChatDetails.png and b/samples/graph-chat-lifecycle/nodejs/Images/CreateGroupChatDetails.png differ diff --git a/samples/graph-chat-lifecycle/nodejs/Images/GraphChatLifecycleGif.gif b/samples/graph-chat-lifecycle/nodejs/Images/GraphChatLifecycleGif.gif index 4061f41c8d..f50c0b5bc3 100644 Binary files a/samples/graph-chat-lifecycle/nodejs/Images/GraphChatLifecycleGif.gif and b/samples/graph-chat-lifecycle/nodejs/Images/GraphChatLifecycleGif.gif differ diff --git a/samples/graph-chat-lifecycle/nodejs/Images/GroupChatCreatedSuccessfully.png b/samples/graph-chat-lifecycle/nodejs/Images/GroupChatCreatedSuccessfully.png index 56971a28d4..0c3d4601dc 100644 Binary files a/samples/graph-chat-lifecycle/nodejs/Images/GroupChatCreatedSuccessfully.png and b/samples/graph-chat-lifecycle/nodejs/Images/GroupChatCreatedSuccessfully.png differ diff --git a/samples/graph-chat-lifecycle/nodejs/Images/Install.png b/samples/graph-chat-lifecycle/nodejs/Images/Install.png index a3421e660e..0ba2361c31 100644 Binary files a/samples/graph-chat-lifecycle/nodejs/Images/Install.png and b/samples/graph-chat-lifecycle/nodejs/Images/Install.png differ diff --git a/samples/graph-chat-lifecycle/nodejs/Images/InstallSaveTab.png b/samples/graph-chat-lifecycle/nodejs/Images/InstallSaveTab.png index c8aa51a202..f917563bcf 100644 Binary files a/samples/graph-chat-lifecycle/nodejs/Images/InstallSaveTab.png and b/samples/graph-chat-lifecycle/nodejs/Images/InstallSaveTab.png differ diff --git a/samples/graph-chat-lifecycle/nodejs/Images/MembersList.png b/samples/graph-chat-lifecycle/nodejs/Images/MembersList.png index 74af2628f4..b0e2313742 100644 Binary files a/samples/graph-chat-lifecycle/nodejs/Images/MembersList.png and b/samples/graph-chat-lifecycle/nodejs/Images/MembersList.png differ diff --git a/samples/graph-chat-lifecycle/nodejs/Images/PinnedTabSuccessfully.png b/samples/graph-chat-lifecycle/nodejs/Images/PinnedTabSuccessfully.png index 2d47356695..76700460c8 100644 Binary files a/samples/graph-chat-lifecycle/nodejs/Images/PinnedTabSuccessfully.png and b/samples/graph-chat-lifecycle/nodejs/Images/PinnedTabSuccessfully.png differ diff --git a/samples/graph-chat-lifecycle/nodejs/Images/SelectTeams.png b/samples/graph-chat-lifecycle/nodejs/Images/SelectTeams.png new file mode 100644 index 0000000000..76c78736dc Binary files /dev/null and b/samples/graph-chat-lifecycle/nodejs/Images/SelectTeams.png differ diff --git a/samples/graph-chat-lifecycle/nodejs/Images/WelcomeCreateGroup.png b/samples/graph-chat-lifecycle/nodejs/Images/WelcomeCreateGroup.png index 96cefcce9a..47633b0862 100644 Binary files a/samples/graph-chat-lifecycle/nodejs/Images/WelcomeCreateGroup.png and b/samples/graph-chat-lifecycle/nodejs/Images/WelcomeCreateGroup.png differ diff --git a/samples/graph-chat-lifecycle/nodejs/README.md b/samples/graph-chat-lifecycle/nodejs/README.md index bdb12612d9..f9a95c4caf 100644 --- a/samples/graph-chat-lifecycle/nodejs/README.md +++ b/samples/graph-chat-lifecycle/nodejs/README.md @@ -164,6 +164,8 @@ The simplest way to run this sample in Teams is to use Teams Toolkit for Visual 1. In Teams, Install App ![](Images/Install.png) + + ![](Images/SelectTeams.png) ![](Images/InstallSaveTab.png) diff --git a/samples/graph-chat-lifecycle/nodejs/src/views/chatLifecycle.html b/samples/graph-chat-lifecycle/nodejs/src/views/chatLifecycle.html index f92cf529bd..e4b73d29d1 100644 --- a/samples/graph-chat-lifecycle/nodejs/src/views/chatLifecycle.html +++ b/samples/graph-chat-lifecycle/nodejs/src/views/chatLifecycle.html @@ -49,8 +49,6 @@

taskInfo.card = data.content; taskInfo.title = "Create Groupchat"; - taskInfo.height = "280"; - taskInfo.width = "500"; // Set fallback URL taskInfo.fallbackUrl = taskInfo.url; diff --git a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/InstallApp.png b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/InstallApp.png new file mode 100644 index 0000000000..011e95563c Binary files /dev/null and b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/InstallApp.png differ diff --git a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-chat-message.png b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-chat-message.png index 238dd60872..a1fcb92691 100644 Binary files a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-chat-message.png and b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-chat-message.png differ diff --git a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-config-page.png b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-config-page.png index 336ba09f99..09214f59fa 100644 Binary files a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-config-page.png and b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-config-page.png differ diff --git a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-installation.png b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-installation.png index d30e85c471..458c52b53a 100644 Binary files a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-installation.png and b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-installation.png differ diff --git a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-tab.png b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-tab.png index bd8db7918a..63a972dd82 100644 Binary files a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-tab.png and b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pin-message-tab.png differ diff --git a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pinned-message.png b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pinned-message.png index b733ff903c..bc0a923b00 100644 Binary files a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pinned-message.png and b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pinned-message.png differ diff --git a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pinned-messages.gif b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pinned-messages.gif index 8c62521d4c..c7cb0a3a4d 100644 Binary files a/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pinned-messages.gif and b/samples/graph-pinned-messages/csharp/GraphPinnedMessage/Images/pinned-messages.gif differ diff --git a/samples/graph-pinned-messages/csharp/README.md b/samples/graph-pinned-messages/csharp/README.md index 4447140420..3fa740b396 100644 --- a/samples/graph-pinned-messages/csharp/README.md +++ b/samples/graph-pinned-messages/csharp/README.md @@ -139,6 +139,9 @@ npm install --legacy-peer-deps ## Running the sample +1) Install App +![InstallApp ](GraphPinnedMessage/Images/InstallApp.png) + 1) Add the app in group scope. ![pinned-messages-install ](GraphPinnedMessage/Images/pin-message-installation.png) diff --git a/samples/graph-pinned-messages/nodejs/Images/InstallApp.png b/samples/graph-pinned-messages/nodejs/Images/InstallApp.png new file mode 100644 index 0000000000..5642e5ba5c Binary files /dev/null and b/samples/graph-pinned-messages/nodejs/Images/InstallApp.png differ diff --git a/samples/graph-pinned-messages/nodejs/Images/pin-chat-message.png b/samples/graph-pinned-messages/nodejs/Images/pin-chat-message.png index 238dd60872..1832eaa267 100644 Binary files a/samples/graph-pinned-messages/nodejs/Images/pin-chat-message.png and b/samples/graph-pinned-messages/nodejs/Images/pin-chat-message.png differ diff --git a/samples/graph-pinned-messages/nodejs/Images/pin-message-config-page.png b/samples/graph-pinned-messages/nodejs/Images/pin-message-config-page.png index 336ba09f99..0cf6bb5bde 100644 Binary files a/samples/graph-pinned-messages/nodejs/Images/pin-message-config-page.png and b/samples/graph-pinned-messages/nodejs/Images/pin-message-config-page.png differ diff --git a/samples/graph-pinned-messages/nodejs/Images/pin-message-installation.png b/samples/graph-pinned-messages/nodejs/Images/pin-message-installation.png index d30e85c471..488bcd6c96 100644 Binary files a/samples/graph-pinned-messages/nodejs/Images/pin-message-installation.png and b/samples/graph-pinned-messages/nodejs/Images/pin-message-installation.png differ diff --git a/samples/graph-pinned-messages/nodejs/Images/pin-message-tab.png b/samples/graph-pinned-messages/nodejs/Images/pin-message-tab.png index bd8db7918a..80a46050c5 100644 Binary files a/samples/graph-pinned-messages/nodejs/Images/pin-message-tab.png and b/samples/graph-pinned-messages/nodejs/Images/pin-message-tab.png differ diff --git a/samples/graph-pinned-messages/nodejs/Images/pinned-message.png b/samples/graph-pinned-messages/nodejs/Images/pinned-message.png index b733ff903c..ef5180349f 100644 Binary files a/samples/graph-pinned-messages/nodejs/Images/pinned-message.png and b/samples/graph-pinned-messages/nodejs/Images/pinned-message.png differ diff --git a/samples/graph-pinned-messages/nodejs/Images/pinned-messages.gif b/samples/graph-pinned-messages/nodejs/Images/pinned-messages.gif index 8c62521d4c..cb54ce7022 100644 Binary files a/samples/graph-pinned-messages/nodejs/Images/pinned-messages.gif and b/samples/graph-pinned-messages/nodejs/Images/pinned-messages.gif differ diff --git a/samples/graph-pinned-messages/nodejs/README.md b/samples/graph-pinned-messages/nodejs/README.md index e2825716c0..8098c6d169 100644 --- a/samples/graph-pinned-messages/nodejs/README.md +++ b/samples/graph-pinned-messages/nodejs/README.md @@ -164,6 +164,9 @@ npm install --legacy-peer-deps ## Running the sample +1) Install App +![InstallApp](Images/InstallApp.png) + 1) Add the app in group scope. ![pinned-messages-install ](Images/pin-message-installation.png) diff --git a/samples/msgext-link-unfurling/csharp/Images/Add-App.png b/samples/msgext-link-unfurling/csharp/Images/Add-App.png index 74439a5e47..29cbd8f518 100644 Binary files a/samples/msgext-link-unfurling/csharp/Images/Add-App.png and b/samples/msgext-link-unfurling/csharp/Images/Add-App.png differ diff --git a/samples/msgext-link-unfurling/csharp/Images/Added-App.png b/samples/msgext-link-unfurling/csharp/Images/Added-App.png deleted file mode 100644 index edbc5e1333..0000000000 Binary files a/samples/msgext-link-unfurling/csharp/Images/Added-App.png and /dev/null differ diff --git a/samples/msgext-link-unfurling/csharp/Images/Link-Unfurling.png b/samples/msgext-link-unfurling/csharp/Images/Link-Unfurling.png index d3e5c93bab..c54ba13f1d 100644 Binary files a/samples/msgext-link-unfurling/csharp/Images/Link-Unfurling.png and b/samples/msgext-link-unfurling/csharp/Images/Link-Unfurling.png differ diff --git a/samples/msgext-link-unfurling/csharp/Images/OutlookChannelEnabled.png b/samples/msgext-link-unfurling/csharp/Images/OutlookChannelEnabled.png deleted file mode 100644 index 4b39debaf4..0000000000 Binary files a/samples/msgext-link-unfurling/csharp/Images/OutlookChannelEnabled.png and /dev/null differ diff --git a/samples/msgext-link-unfurling/csharp/Images/msgext-link-unfurling.gif b/samples/msgext-link-unfurling/csharp/Images/msgext-link-unfurling.gif index 4f20b399f6..69d44a3163 100644 Binary files a/samples/msgext-link-unfurling/csharp/Images/msgext-link-unfurling.gif and b/samples/msgext-link-unfurling/csharp/Images/msgext-link-unfurling.gif differ diff --git a/samples/msgext-link-unfurling/csharp/README.md b/samples/msgext-link-unfurling/csharp/README.md index 895803b6fc..584eef4c27 100644 --- a/samples/msgext-link-unfurling/csharp/README.md +++ b/samples/msgext-link-unfurling/csharp/README.md @@ -96,6 +96,8 @@ the Teams service needs to call into the bot. ## Running the sample +![Add-App](Images/Add-App.png) + > Note the Teams `manifest.json` for this sample also includes a Search Query. This Messaging Extension is only introduced in order to enable installation, because there is no mechanism for installing a link unfurling feature in isolation. If you copy and paste a link from https://www.BotFramework.com into the compose message area the link will unfurl. @@ -117,7 +119,7 @@ If you copy and paste a link from https://www.BotFramework.com into the compose **Select your app icon to launch your app in Office on the web** -![Search in Extension](Images/SearchInExtension.PNG) +![Search in Extension](Images/SearchInExtension.png) ## Deploy the bot to Azure diff --git a/samples/msgext-link-unfurling/nodejs/Images/InstallApp.png b/samples/msgext-link-unfurling/nodejs/Images/InstallApp.png index 057ff64bb3..29cbd8f518 100644 Binary files a/samples/msgext-link-unfurling/nodejs/Images/InstallApp.png and b/samples/msgext-link-unfurling/nodejs/Images/InstallApp.png differ diff --git a/samples/msgext-link-unfurling/nodejs/Images/Link-Unfurling.png b/samples/msgext-link-unfurling/nodejs/Images/Link-Unfurling.png index a21d36d6cc..f9bcd1aa3e 100644 Binary files a/samples/msgext-link-unfurling/nodejs/Images/Link-Unfurling.png and b/samples/msgext-link-unfurling/nodejs/Images/Link-Unfurling.png differ diff --git a/samples/msgext-link-unfurling/nodejs/Images/Link-Unfurling1.png b/samples/msgext-link-unfurling/nodejs/Images/Link-Unfurling1.png index 22830bcdf5..e1b7d54f3d 100644 Binary files a/samples/msgext-link-unfurling/nodejs/Images/Link-Unfurling1.png and b/samples/msgext-link-unfurling/nodejs/Images/Link-Unfurling1.png differ diff --git a/samples/msgext-link-unfurling/nodejs/Images/LinkUnfurling.gif b/samples/msgext-link-unfurling/nodejs/Images/LinkUnfurling.gif index b9f4674ea8..d6452c8273 100644 Binary files a/samples/msgext-link-unfurling/nodejs/Images/LinkUnfurling.gif and b/samples/msgext-link-unfurling/nodejs/Images/LinkUnfurling.gif differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/1.InstallApp.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/1.InstallApp.png index a0497eb6e6..e1bc74efb4 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/1.InstallApp.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/1.InstallApp.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/10.SuccessfullyExecute.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/10.SuccessfullyExecute.png index d8fed42e26..0351bcb4aa 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/10.SuccessfullyExecute.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/10.SuccessfullyExecute.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/2.SelectAddToChat.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/2.SelectAddToChat.png index c11383ebde..e72fb3bd35 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/2.SelectAddToChat.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/2.SelectAddToChat.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/3.GroupChat.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/3.GroupChat.png index acb2160cc1..7ca781cccf 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/3.GroupChat.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/3.GroupChat.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/4.AdaptiveCardLoopComponent.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/4.AdaptiveCardLoopComponent.png index 76563f0ad0..6db99ebf15 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/4.AdaptiveCardLoopComponent.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/4.AdaptiveCardLoopComponent.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/5.SelectACloopComponent.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/5.SelectACloopComponent.png index 1e32b37d63..4e49f3b5d6 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/5.SelectACloopComponent.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/5.SelectACloopComponent.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/6.MsgextSearch.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/6.MsgextSearch.png index e1c96e238a..59db1aae01 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/6.MsgextSearch.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/6.MsgextSearch.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/7.MsgextSearchResults.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/7.MsgextSearchResults.png index 4f7878eacc..9f3c767810 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/7.MsgextSearchResults.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/7.MsgextSearchResults.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/8.AdaptiveCardLoopComponentMsgextSearch.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/8.AdaptiveCardLoopComponentMsgextSearch.png index e6317e99e7..5aa9fa2701 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/8.AdaptiveCardLoopComponentMsgextSearch.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/8.AdaptiveCardLoopComponentMsgextSearch.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/9.ClickExecute.png b/samples/msgext-unfurling-ac-loop-components/csharp/Images/9.ClickExecute.png index 4ce7a286b6..0f668d96db 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/9.ClickExecute.png and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/9.ClickExecute.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/csharp/Images/msgext-unfurling-ac-loop-components.gif b/samples/msgext-unfurling-ac-loop-components/csharp/Images/msgext-unfurling-ac-loop-components.gif index 5c5e854bf7..6a11808475 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/csharp/Images/msgext-unfurling-ac-loop-components.gif and b/samples/msgext-unfurling-ac-loop-components/csharp/Images/msgext-unfurling-ac-loop-components.gif differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/1.InstallApp.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/1.InstallApp.png index a0497eb6e6..e1bc74efb4 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/1.InstallApp.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/1.InstallApp.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/10.SuccessfullyExecute.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/10.SuccessfullyExecute.png index d8fed42e26..0351bcb4aa 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/10.SuccessfullyExecute.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/10.SuccessfullyExecute.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/2.SelectAddToChat.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/2.SelectAddToChat.png index c11383ebde..e72fb3bd35 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/2.SelectAddToChat.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/2.SelectAddToChat.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/3.GroupChat.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/3.GroupChat.png index acb2160cc1..7ca781cccf 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/3.GroupChat.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/3.GroupChat.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/4.AdaptiveCardLoopComponent.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/4.AdaptiveCardLoopComponent.png index 76563f0ad0..6db99ebf15 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/4.AdaptiveCardLoopComponent.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/4.AdaptiveCardLoopComponent.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/5.SelectACloopComponent.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/5.SelectACloopComponent.png index 1e32b37d63..4e49f3b5d6 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/5.SelectACloopComponent.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/5.SelectACloopComponent.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/6.MsgextSearch.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/6.MsgextSearch.png index e1c96e238a..59db1aae01 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/6.MsgextSearch.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/6.MsgextSearch.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/7.MsgextSearchResults.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/7.MsgextSearchResults.png index 4f7878eacc..9f3c767810 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/7.MsgextSearchResults.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/7.MsgextSearchResults.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/8.AdaptiveCardLoopComponentMsgextSearch.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/8.AdaptiveCardLoopComponentMsgextSearch.png index e6317e99e7..5aa9fa2701 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/8.AdaptiveCardLoopComponentMsgextSearch.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/8.AdaptiveCardLoopComponentMsgextSearch.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/9.ClickExecute.png b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/9.ClickExecute.png index 4ce7a286b6..0f668d96db 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/9.ClickExecute.png and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/9.ClickExecute.png differ diff --git a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/msgext-unfurling-ac-loop-components.gif b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/msgext-unfurling-ac-loop-components.gif index 5c5e854bf7..6a11808475 100644 Binary files a/samples/msgext-unfurling-ac-loop-components/nodejs/Images/msgext-unfurling-ac-loop-components.gif and b/samples/msgext-unfurling-ac-loop-components/nodejs/Images/msgext-unfurling-ac-loop-components.gif differ