From 70463530bad84c3ea0fc87b14248c06a992d1a0c Mon Sep 17 00:00:00 2001
From: Hieu <phamhieu1998@gmail.com>
Date: Thu, 11 Jan 2024 17:06:38 +0700
Subject: [PATCH] feat: support storage OAuth scopes (#20225)

---
 .../Organization/OAuthApps/AuthorizeRequesterDetails.tsx  | 5 +++++
 .../Organization/OAuthApps/PublishAppSidePanel/Scopes.tsx | 8 ++++++++
 apps/studio/package.json                                  | 2 +-
 package-lock.json                                         | 7 ++++---
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizeRequesterDetails.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizeRequesterDetails.tsx
index 1befc1cdc16..94dd4006415 100644
--- a/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizeRequesterDetails.tsx
+++ b/apps/studio/components/interfaces/Organization/OAuthApps/AuthorizeRequesterDetails.tsx
@@ -123,6 +123,11 @@ const AuthorizeRequesterDetails = ({
             hasReadScope={scopes.includes(OAuthScope.SECRETS_READ)}
             hasWriteScope={scopes.includes(OAuthScope.SECRETS_WRITE)}
           />
+          <ScopeSection
+            description="access to storage buckets and files."
+            hasReadScope={scopes.includes(OAuthScope.STORAGE_READ)}
+            hasWriteScope={scopes.includes(OAuthScope.STORAGE_WRITE)}
+          />
         </div>
       </div>
     </div>
diff --git a/apps/studio/components/interfaces/Organization/OAuthApps/PublishAppSidePanel/Scopes.tsx b/apps/studio/components/interfaces/Organization/OAuthApps/PublishAppSidePanel/Scopes.tsx
index 9e56acdc8ea..3e2346ba080 100644
--- a/apps/studio/components/interfaces/Organization/OAuthApps/PublishAppSidePanel/Scopes.tsx
+++ b/apps/studio/components/interfaces/Organization/OAuthApps/PublishAppSidePanel/Scopes.tsx
@@ -178,6 +178,14 @@ export const ScopesPanel = ({
         scopes={scopes}
         setScopes={setScopes}
       />
+      <Scope
+        title="Storage"
+        description="Storage buckets and files."
+        readScopeName={OAuthScope.STORAGE_READ}
+        writeScopeName={OAuthScope.STORAGE_WRITE}
+        scopes={scopes}
+        setScopes={setScopes}
+      />
     </div>
   )
 }
diff --git a/apps/studio/package.json b/apps/studio/package.json
index ead858c88ce..df9d85fad93 100644
--- a/apps/studio/package.json
+++ b/apps/studio/package.json
@@ -32,7 +32,7 @@
     "@stripe/react-stripe-js": "^2.3.1",
     "@stripe/stripe-js": "^2.1.11",
     "@supabase/auth-helpers-react": "^0.4.2",
-    "@supabase/shared-types": "0.1.51",
+    "@supabase/shared-types": "0.1.55",
     "@supabase/supabase-js": "^2.38.2",
     "@tanstack/react-query": "^4.35.7",
     "@tanstack/react-query-devtools": "^4.35.7",
diff --git a/package-lock.json b/package-lock.json
index 3099595fb7f..bb4d0e19cb6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -736,7 +736,7 @@
         "@stripe/react-stripe-js": "^2.3.1",
         "@stripe/stripe-js": "^2.1.11",
         "@supabase/auth-helpers-react": "^0.4.2",
-        "@supabase/shared-types": "0.1.51",
+        "@supabase/shared-types": "0.1.55",
         "@supabase/supabase-js": "^2.38.2",
         "@tanstack/react-query": "^4.35.7",
         "@tanstack/react-query-devtools": "^4.35.7",
@@ -10829,8 +10829,9 @@
       }
     },
     "node_modules/@supabase/shared-types": {
-      "version": "0.1.51",
-      "license": "Copyright Supabase"
+      "version": "0.1.55",
+      "resolved": "https://registry.npmjs.org/@supabase/shared-types/-/shared-types-0.1.55.tgz",
+      "integrity": "sha512-oHB9AR2Jq6jZvghtxrpd3/UVK7XOVyrTq/Oh1EZ3AQAo3xqK26CxhbJZ70IkQoS5uD0Qcae7Rwbx88S/+g4BzQ=="
     },
     "node_modules/@supabase/ssr": {
       "version": "0.0.10",