From 0ee3634b44c6fe85d3598689d3120ae545ab1928 Mon Sep 17 00:00:00 2001
From: Pagebakers <eelco@appulse.nl>
Date: Wed, 17 Jan 2024 16:22:21 +0000
Subject: [PATCH] fix: fix shadowdom/frame support for file upload

---
 .changeset/silver-avocados-complain.md           | 5 +++++
 packages/pro                                     | 2 +-
 packages/saas-ui-file-upload/src/file-upload.tsx | 8 +++++++-
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/silver-avocados-complain.md

diff --git a/.changeset/silver-avocados-complain.md b/.changeset/silver-avocados-complain.md
new file mode 100644
index 000000000..de9d34411
--- /dev/null
+++ b/.changeset/silver-avocados-complain.md
@@ -0,0 +1,5 @@
+---
+'@saas-ui/file-upload': patch
+---
+
+Retrieve environment from Chakra UI context to support shadowdom/frame for file uploads
diff --git a/packages/pro b/packages/pro
index 33568c784..34a3371fb 160000
--- a/packages/pro
+++ b/packages/pro
@@ -1 +1 @@
-Subproject commit 33568c784f0919630acaff999fcc4feed392e67a
+Subproject commit 34a3371fbde4f545115059e9fac0f8a3e337c9e1
diff --git a/packages/saas-ui-file-upload/src/file-upload.tsx b/packages/saas-ui-file-upload/src/file-upload.tsx
index 1c4db3ce2..6e3e018bd 100644
--- a/packages/saas-ui-file-upload/src/file-upload.tsx
+++ b/packages/saas-ui-file-upload/src/file-upload.tsx
@@ -8,6 +8,7 @@ import {
   ButtonProps,
   Image,
   ImageProps,
+  useEnvironment,
 } from '@chakra-ui/react'
 
 import { pick, runIfFn, split } from '@chakra-ui/utils'
@@ -50,7 +51,12 @@ export const FileUpload = forwardRef<FileUploadProps, 'div'>((props, ref) => {
     'getRootNode',
   ])
 
-  const context = useFileUpload(options)
+  const env = useEnvironment()
+
+  const context = useFileUpload({
+    getRootNode: env.getDocument,
+    ...options,
+  })
 
   const styles = useMultiStyleConfig('SuiFileUpload', {
     styleConfig: fileUploadTheme,