From bc7c6dd04ec7228cdcc4e281788f4154e1dd0d4a Mon Sep 17 00:00:00 2001
From: Oscar Hinton <Hinton@users.noreply.github.com>
Date: Mon, 15 Jul 2024 20:09:25 +0200
Subject: [PATCH] [PM-9710] [Bootstrap] Hide file inputs when not using
 bootstrap (#10095)

When removing boostrap it seems the hidden attribute to the file inputs stops working. This implements a "quick" fix by just adding the tw-hidden class.
---
 apps/web/src/app/billing/individual/premium.component.html     | 1 +
 .../billing/organizations/organization-plans.component.html    | 3 ++-
 .../app/billing/shared/update-license-dialog.component.html    | 1 +
 apps/web/src/app/billing/shared/update-license.component.html  | 1 +
 apps/web/src/app/tools/send/add-edit.component.html            | 3 ++-
 .../secrets-manager/settings/porting/sm-import.component.html  | 3 ++-
 libs/importer/src/components/import.component.html             | 1 +
 7 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/billing/individual/premium.component.html b/apps/web/src/app/billing/individual/premium.component.html
index e3afa7779b8..ae95475f1c6 100644
--- a/apps/web/src/app/billing/individual/premium.component.html
+++ b/apps/web/src/app/billing/individual/premium.component.html
@@ -82,6 +82,7 @@
         formControlName="file"
         (change)="setSelectedFile($event)"
         hidden
+        class="tw-hidden"
       />
       <bit-hint>{{ "licenseFileDesc" | i18n: "bitwarden_premium_license.json" }}</bit-hint>
     </bit-form-field>
diff --git a/apps/web/src/app/billing/organizations/organization-plans.component.html b/apps/web/src/app/billing/organizations/organization-plans.component.html
index b9a3cc6bf05..5f34ef6cb95 100644
--- a/apps/web/src/app/billing/organizations/organization-plans.component.html
+++ b/apps/web/src/app/billing/organizations/organization-plans.component.html
@@ -19,12 +19,13 @@
       </div>
       <input
         #fileSelector
-        hidden
         bitInput
         type="file"
         formControlName="file"
         (change)="setSelectedFile($event)"
         accept="application/JSON"
+        hidden
+        class="tw-hidden"
       />
       <bit-hint>{{ "licenseFileDesc" | i18n: "bitwarden_organization_license.json" }}</bit-hint>
     </bit-form-field>
diff --git a/apps/web/src/app/billing/shared/update-license-dialog.component.html b/apps/web/src/app/billing/shared/update-license-dialog.component.html
index 6430c47528f..7535fe9b30b 100644
--- a/apps/web/src/app/billing/shared/update-license-dialog.component.html
+++ b/apps/web/src/app/billing/shared/update-license-dialog.component.html
@@ -16,6 +16,7 @@
           formControlName="file"
           (change)="setSelectedFile($event)"
           hidden
+          class="tw-hidden"
         />
         <bit-hint>{{ "licenseFileDesc" | i18n: "bitwarden_premium_license.json" }}</bit-hint>
       </bit-form-field>
diff --git a/apps/web/src/app/billing/shared/update-license.component.html b/apps/web/src/app/billing/shared/update-license.component.html
index 3cdc6fa3aeb..938179469e4 100644
--- a/apps/web/src/app/billing/shared/update-license.component.html
+++ b/apps/web/src/app/billing/shared/update-license.component.html
@@ -14,6 +14,7 @@
       formControlName="file"
       (change)="setSelectedFile($event)"
       hidden
+      class="tw-hidden"
     />
     <bit-hint>{{
       "licenseFileDesc"
diff --git a/apps/web/src/app/tools/send/add-edit.component.html b/apps/web/src/app/tools/send/add-edit.component.html
index cc96908eaa9..500100afd49 100644
--- a/apps/web/src/app/tools/send/add-edit.component.html
+++ b/apps/web/src/app/tools/send/add-edit.component.html
@@ -76,12 +76,13 @@
             <input
               bitInput
               #fileSelector
-              hidden
               type="file"
               id="file"
               name="file"
               formControlName="file"
               (change)="setSelectedFile($event)"
+              hidden
+              class="tw-hidden"
             />
             <bit-hint>{{ "sendFileDesc" | i18n }} {{ "maxFileSize" | i18n }}</bit-hint>
           </bit-form-field>
diff --git a/bitwarden_license/bit-web/src/app/secrets-manager/settings/porting/sm-import.component.html b/bitwarden_license/bit-web/src/app/secrets-manager/settings/porting/sm-import.component.html
index 31f16111483..2254800170c 100644
--- a/bitwarden_license/bit-web/src/app/secrets-manager/settings/porting/sm-import.component.html
+++ b/bitwarden_license/bit-web/src/app/secrets-manager/settings/porting/sm-import.component.html
@@ -11,7 +11,6 @@
     </div>
     <input
       #fileSelector
-      hidden
       bitInput
       type="file"
       id="file"
@@ -19,6 +18,8 @@
       name="file"
       (change)="setSelectedFile($event)"
       accept="application/JSON"
+      hidden
+      class="tw-hidden"
     />
     <bit-hint>{{ "acceptedFormats" | i18n }} Bitwarden (json)</bit-hint>
   </bit-form-field>
diff --git a/libs/importer/src/components/import.component.html b/libs/importer/src/components/import.component.html
index eda999ab47e..54df0ba4d27 100644
--- a/libs/importer/src/components/import.component.html
+++ b/libs/importer/src/components/import.component.html
@@ -382,6 +382,7 @@
         formControlName="file"
         (change)="setSelectedFile($event)"
         hidden
+        class="tw-hidden"
       />
     </bit-form-field>
     <bit-form-field>