From c1b66de94d491b16e69e6b2e9c022d14f6babeca Mon Sep 17 00:00:00 2001
From: Brian Pilati <brianpilati@cos.io>
Date: Thu, 5 Jun 2025 18:01:02 -0500
Subject: [PATCH 1/2] Removed a call to a function

---
 .../addon/components/google-file-picker-widget/template.hbs      | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/osf-components/addon/components/google-file-picker-widget/template.hbs b/lib/osf-components/addon/components/google-file-picker-widget/template.hbs
index d8652569c2..b5ecf732cd 100644
--- a/lib/osf-components/addon/components/google-file-picker-widget/template.hbs
+++ b/lib/osf-components/addon/components/google-file-picker-widget/template.hbs
@@ -23,5 +23,4 @@ local-class='google-file-picker-container {{if this.isMobile 'mobile'}}'
         </div>
     {{/if}}
     <script async defer src='https://apis.google.com/js/api.js' onload='window.GoogleFilePickerWidget.gapiLoaded()'></script>
-    <script async defer src='https://accounts.google.com/gsi/client' onload='window.GoogleFilePickerWidget.gisLoaded()'></script>
 </div>
\ No newline at end of file

From 050a36765b3287cd03daaa7d870597cba1ec0c73 Mon Sep 17 00:00:00 2001
From: Brian Pilati <brianpilati@cos.io>
Date: Fri, 6 Jun 2025 11:57:09 -0500
Subject: [PATCH 2/2] Updates to disable the menu and select folder button
 until the token is loaded

---
 .../file-browser/add-new/component.ts         |  6 +++-
 .../file-browser/add-new/template.hbs         |  1 +
 .../google-file-picker-widget/component.ts    | 28 +++----------------
 .../google-file-picker-widget/template.hbs    |  3 +-
 4 files changed, 12 insertions(+), 26 deletions(-)

diff --git a/lib/osf-components/addon/components/file-browser/add-new/component.ts b/lib/osf-components/addon/components/file-browser/add-new/component.ts
index 28348eb6b6..5aaaef6ce3 100644
--- a/lib/osf-components/addon/components/file-browser/add-new/component.ts
+++ b/lib/osf-components/addon/components/file-browser/add-new/component.ts
@@ -46,6 +46,10 @@ export default class FileBrowser extends Component<Args> {
         return this.isWBGoogleDrive;
     }
 
+    get isGoogleAuthorized(): boolean {
+        return this.googlePickerComponent?.isGFPDisabled || false;
+    }
+
     @action
     registerChild(child: GoogleFilePickerWidget) {
         this.googlePickerComponent = child; // Store the child's instance
@@ -55,7 +59,7 @@ export default class FileBrowser extends Component<Args> {
     openGoogleFilePicker(dropdown: any) {
         dropdown.close();
         if (this.googlePickerComponent) {
-            this.googlePickerComponent.openPicker();
+            this.googlePickerComponent.createPicker();
         }
     }
 }
diff --git a/lib/osf-components/addon/components/file-browser/add-new/template.hbs b/lib/osf-components/addon/components/file-browser/add-new/template.hbs
index 0503aab30e..a998ad9deb 100644
--- a/lib/osf-components/addon/components/file-browser/add-new/template.hbs
+++ b/lib/osf-components/addon/components/file-browser/add-new/template.hbs
@@ -40,6 +40,7 @@
                     data-test-add-google-drive
                     @layout='fake-link'
                     {{on 'click' (fn this.openGoogleFilePicker dropdown)}}
+                    disabled={{this.isGoogleAuthorized}}
                 >
                     {{t 'osf-components.file-browser.add-from-drive'}}
                 </Button>
diff --git a/lib/osf-components/addon/components/google-file-picker-widget/component.ts b/lib/osf-components/addon/components/google-file-picker-widget/component.ts
index 65f3cf95e9..8f104d89dc 100644
--- a/lib/osf-components/addon/components/google-file-picker-widget/component.ts
+++ b/lib/osf-components/addon/components/google-file-picker-widget/component.ts
@@ -66,6 +66,7 @@ export default class GoogleFilePickerWidget extends Component<Args> {
     @tracked isFolderPicker = false;
     @tracked openGoogleFilePicker = false;
     @tracked visible = false;
+    @tracked isGFPDisabled = true;
     pickerInited = false;
     selectFolder: any = undefined;
     accessToken!: string;
@@ -120,6 +121,7 @@ export default class GoogleFilePickerWidget extends Component<Args> {
             authorizedStorageAccount.serializeOauthToken = true;
             const token = await authorizedStorageAccount.save();
             this.accessToken = token.oauthToken;
+            this.isGFPDisabled = this.accessToken ? false : true;
         }
     }
 
@@ -145,14 +147,6 @@ export default class GoogleFilePickerWidget extends Component<Args> {
         }
     }
 
-    @action
-    openPicker() {
-        // Logic for opening Google File Picker here
-        if (this.handleAuthClick) {
-            this.handleAuthClick();
-        }
-    }
-
     @action
     registerComponent() {
         if (this.args.onRegisterChild) {
@@ -179,29 +173,15 @@ export default class GoogleFilePickerWidget extends Component<Args> {
     */
     async initializePicker() {
         this.pickerInited = true;
-        this.maybeEnableButtons();
-    }
-
-    /**
-    * Enables user interaction after all libraries are loaded.
-    */
-    maybeEnableButtons() {
-        if (this.pickerInited && this.isFolderPicker) {
+        if (this.isFolderPicker) {
             this.visible = true;
         }
     }
 
-    /**
-    *  Sign in the user upon button click.
-    */
-    @action
-    handleAuthClick() {
-        this.createPicker();
-    }
-
     /**
     *  Create and render a Picker object for searching images.
     */
+    @action
     createPicker() {
         const googlePickerView = new window.google.picker.DocsView(window.google.picker.ViewId.DOCS);
         googlePickerView.setSelectFolderEnabled(true);
diff --git a/lib/osf-components/addon/components/google-file-picker-widget/template.hbs b/lib/osf-components/addon/components/google-file-picker-widget/template.hbs
index b5ecf732cd..73113fbb47 100644
--- a/lib/osf-components/addon/components/google-file-picker-widget/template.hbs
+++ b/lib/osf-components/addon/components/google-file-picker-widget/template.hbs
@@ -16,7 +16,8 @@ local-class='google-file-picker-container {{if this.isMobile 'mobile'}}'
         </div>
         <div local-class='action-container'>
             <button class='btn btn-primary btn-medium' local-class='authorize-button {{if this.visible 'visible'}}' type='button' id='authorize_button' 
-                {{on 'click' (action this.handleAuthClick)}}
+            disabled={{this.isGFPDisabled}}
+                {{on 'click' (action this.createPicker)}}
             >
                 {{t 'addons.configure.google-file-picker.select-root-folder'}}
             </button>