[Fabric] Implement Image body in Image Source RequestImage API (#14568)

* Implement body in Image Source

* Change files

* Add test in playground

Author: anupriya13

change/react-native-windows-eed821fc-4d11-4ca3-a820-682d1aba1977.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Implement body in Image Source",
+  "packageName": "react-native-windows",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/playground/Samples/image.tsx

@@ -260,7 +260,7 @@ export default class Bootstrap extends React.Component<
                   : {tintColor: this.state.tintColor},
               ]}
               defaultSource={{uri: this.state.defaultImageUri}}
-              source={{uri: this.state.imageUri}}
+              source={{uri: this.state.imageUri, body: 'test'}}
               loadingIndicatorSource={{uri: loadingImageUri}}
               resizeMode={this.state.selectedResizeMode}
               blurRadius={this.state.blurRadius}

vnext/Microsoft.ReactNative/Fabric/WindowsImageManager.cpp

@@ -125,6 +125,12 @@ WindowsImageManager::GetImageRandomAccessStreamAsync(
     }
   }
 
+  if (!source.body.empty()) {
+    auto bodyContent = winrt::Windows::Web::Http::HttpStringContent(
+        winrt::to_hstring(source.body), winrt::Windows::Storage::Streams::UnicodeEncoding::Utf8, L"application/json");
+    request.Content(bodyContent);
+  }
+
   winrt::Windows::Web::Http::HttpResponseMessage response(co_await m_httpClient.SendRequestAsync(request));
 
   if (!response.IsSuccessStatusCode()) {
@@ -182,6 +188,7 @@ facebook::react::ImageRequest WindowsImageManager::requestImage(
     source.height = imageSource.size.height;
     source.width = imageSource.size.width;
     source.sourceType = ImageSourceType::Download;
+    source.body = imageSource.body;
 
     auto progressCallback = [weakObserverCoordinator](int64_t loaded, int64_t total) {
       if (auto observerCoordinator = weakObserverCoordinator.lock()) {

vnext/Microsoft.ReactNative/Utils/ImageUtils.h

@@ -15,6 +15,7 @@ struct ReactImageSource {
   std::string uri;
   std::string method;
   std::vector<std::pair<std::string, std::string>> headers;
+  std::string body;
   double width = 0;
   double height = 0;
   double scale = 1.0;