From c828b4fec2c63301e487e88cd18c5a813bb46026 Mon Sep 17 00:00:00 2001
From: Thadd Trinh <thadtrin@amazon.com>
Date: Fri, 6 Sep 2024 10:30:22 -0700
Subject: [PATCH 1/2] chore(canary): add FileUploader to react canaries

---
 build-system-tests/templates/components/react/cra/App.js  | 8 +++++++-
 build-system-tests/templates/components/react/next/App.js | 8 +++++++-
 .../templates/components/react/vite/App.tsx               | 8 +++++++-
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/build-system-tests/templates/components/react/cra/App.js b/build-system-tests/templates/components/react/cra/App.js
index a7884834057..9d9b1837ba5 100644
--- a/build-system-tests/templates/components/react/cra/App.js
+++ b/build-system-tests/templates/components/react/cra/App.js
@@ -5,7 +5,7 @@ import {
   syncMessages,
 } from 'aws-amplify/in-app-messaging';
 import { AccountSettings, Authenticator, Text } from '@aws-amplify/ui-react';
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { StorageManager, FileUploader } from '@aws-amplify/ui-react-storage';
 import {
   InAppMessageDisplay,
   InAppMessagingProvider,
@@ -46,6 +46,12 @@ export default function Home() {
         maxFileCount={1}
         isResumable
       />
+      <FileUploader
+        acceptedFileTypes={['image/*']}
+        accessLevel="guest"
+        maxFileCount={1}
+        isResumable
+      />
       <MapView
         initialViewState={{
           latitude: 37.8,
diff --git a/build-system-tests/templates/components/react/next/App.js b/build-system-tests/templates/components/react/next/App.js
index 74f90fcd58f..961ca7c5501 100644
--- a/build-system-tests/templates/components/react/next/App.js
+++ b/build-system-tests/templates/components/react/next/App.js
@@ -5,7 +5,7 @@ import {
   syncMessages,
 } from 'aws-amplify/in-app-messaging';
 import { AccountSettings, Authenticator, Text } from '@aws-amplify/ui-react';
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { StorageManager, FileUploader } from '@aws-amplify/ui-react-storage';
 import {
   InAppMessageDisplay,
   InAppMessagingProvider,
@@ -46,6 +46,12 @@ export default function Home() {
         maxFileCount={1}
         isResumable
       />
+      <FileUploader
+        acceptedFileTypes={['image/*']}
+        accessLevel="guest"
+        maxFileCount={1}
+        isResumable
+      />
       <MapView
         initialViewState={{
           latitude: 37.8,
diff --git a/build-system-tests/templates/components/react/vite/App.tsx b/build-system-tests/templates/components/react/vite/App.tsx
index 6ec3038c32f..ed1c2d48536 100644
--- a/build-system-tests/templates/components/react/vite/App.tsx
+++ b/build-system-tests/templates/components/react/vite/App.tsx
@@ -5,7 +5,7 @@ import {
   syncMessages,
 } from 'aws-amplify/in-app-messaging';
 import { AccountSettings, Authenticator, Text } from '@aws-amplify/ui-react';
-import { StorageManager } from '@aws-amplify/ui-react-storage';
+import { StorageManager, FileUploader } from '@aws-amplify/ui-react-storage';
 import {
   InAppMessageDisplay,
   InAppMessagingProvider,
@@ -46,6 +46,12 @@ export default function Home() {
         maxFileCount={1}
         isResumable
       />
+      <FileUploader
+        acceptedFileTypes={['image/*']}
+        accessLevel="guest"
+        maxFileCount={1}
+        isResumable
+      />
       <MapView
         initialViewState={{
           latitude: 37.8,

From 5423fbf487ed72b3b42766dca95d1739d7b90033 Mon Sep 17 00:00:00 2001
From: Thadd Trinh <thadtrin@amazon.com>
Date: Mon, 9 Sep 2024 15:19:28 -0700
Subject: [PATCH 2/2] update tests to include v6 style file uploader and
 storage manager

---
 .../templates/components/react/cra/App.js            | 12 ++++++++++++
 .../templates/components/react/next/App.js           | 12 ++++++++++++
 .../templates/components/react/vite/App.tsx          | 12 ++++++++++++
 3 files changed, 36 insertions(+)

diff --git a/build-system-tests/templates/components/react/cra/App.js b/build-system-tests/templates/components/react/cra/App.js
index 9d9b1837ba5..e48e8f361bd 100644
--- a/build-system-tests/templates/components/react/cra/App.js
+++ b/build-system-tests/templates/components/react/cra/App.js
@@ -46,12 +46,24 @@ export default function Home() {
         maxFileCount={1}
         isResumable
       />
+      <StorageManager
+        acceptedFileTypes={['image/*']}
+        path="public/"
+        maxFileCount={1}
+        isResumable
+      />
       <FileUploader
         acceptedFileTypes={['image/*']}
         accessLevel="guest"
         maxFileCount={1}
         isResumable
       />
+      <FileUploader
+        acceptedFileTypes={['image/*']}
+        path="public/"
+        maxFileCount={1}
+        isResumable
+      />
       <MapView
         initialViewState={{
           latitude: 37.8,
diff --git a/build-system-tests/templates/components/react/next/App.js b/build-system-tests/templates/components/react/next/App.js
index 961ca7c5501..517fa9b9ae3 100644
--- a/build-system-tests/templates/components/react/next/App.js
+++ b/build-system-tests/templates/components/react/next/App.js
@@ -46,12 +46,24 @@ export default function Home() {
         maxFileCount={1}
         isResumable
       />
+      <StorageManager
+        acceptedFileTypes={['image/*']}
+        path="public/"
+        maxFileCount={1}
+        isResumable
+      />
       <FileUploader
         acceptedFileTypes={['image/*']}
         accessLevel="guest"
         maxFileCount={1}
         isResumable
       />
+      <FileUploader
+        acceptedFileTypes={['image/*']}
+        path="public/"
+        maxFileCount={1}
+        isResumable
+      />
       <MapView
         initialViewState={{
           latitude: 37.8,
diff --git a/build-system-tests/templates/components/react/vite/App.tsx b/build-system-tests/templates/components/react/vite/App.tsx
index ed1c2d48536..b4cc4990a37 100644
--- a/build-system-tests/templates/components/react/vite/App.tsx
+++ b/build-system-tests/templates/components/react/vite/App.tsx
@@ -46,12 +46,24 @@ export default function Home() {
         maxFileCount={1}
         isResumable
       />
+      <StorageManager
+        acceptedFileTypes={['image/*']}
+        path="public/"
+        maxFileCount={1}
+        isResumable
+      />
       <FileUploader
         acceptedFileTypes={['image/*']}
         accessLevel="guest"
         maxFileCount={1}
         isResumable
       />
+      <FileUploader
+        acceptedFileTypes={['image/*']}
+        path="public/"
+        maxFileCount={1}
+        isResumable
+      />
       <MapView
         initialViewState={{
           latitude: 37.8,