feat(OUT-3617): hide bank-deposit settings UI when the AB gate is off

Read bankDepositEnabled from the settings GET, thread it through the
accordion into InvoiceDetail to hide the checkbox + bank-account
dropdown, and skip the bank-account fetch entirely for gated-off portals.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: SandipBajracharya

src/components/dashboard/settings/SettingAccordion.tsx

@@ -44,6 +44,7 @@ export default function SettingAccordion({
     isLoading,
     changeSettings,
     showButton: showInvoiceButton,
+    bankDepositEnabled,
     bankAccountOptions,
     bankAccountsError,
     canSave,
@@ -93,6 +94,7 @@ export default function SettingAccordion({
           settingState={settingState}
           changeSettings={changeSettings}
           isLoading={isLoading}
+          bankDepositEnabled={bankDepositEnabled}
           bankAccountOptions={bankAccountOptions}
           bankAccountsError={bankAccountsError}
         />

src/components/dashboard/settings/sections/invoice/InvoiceDetail.tsx

@@ -11,6 +11,7 @@ type InvoiceDetailProps = {
     value: InvoiceSettingType[K],
   ) => void
   isLoading: boolean
+  bankDepositEnabled: boolean
   bankAccountOptions: AccountOption[] | undefined
   bankAccountsError: unknown
 }
@@ -19,6 +20,7 @@ export default function InvoiceDetail({
   settingState,
   changeSettings,
   isLoading,
+  bankDepositEnabled,
   bankAccountOptions,
   bankAccountsError,
 }: InvoiceDetailProps) {
@@ -41,44 +43,49 @@ export default function InvoiceDetail({
             }
           />
         </div>
-        <div className="mb-5">
-          <Checkbox
-            label="Create bank deposits for automatic bank reconciliation"
-            description="When Stripe pays out, create a QuickBooks bank deposit that matches the net amount deposited to your bank (after fees), so the bank transaction matches automatically."
-            checked={settingState.bankDepositFeeFlag}
-            onChange={() =>
-              changeSettings(
-                'bankDepositFeeFlag',
-                !settingState.bankDepositFeeFlag,
-              )
-            }
-          />
-        </div>
-        {settingState.bankDepositFeeFlag && (
-          <div className="mb-5 ml-6">
-            {bankAccountsError ? (
-              <p className="text-xs text-red-600">
-                Could not load bank accounts. Reload to retry.
-              </p>
-            ) : (
-              <>
-                <AccountSelect
-                  label="Deposit bank account"
-                  description="The bank account Stripe payouts are deposited into. Used to create the matching QuickBooks bank deposit."
-                  value={settingState.bankAccountRef ?? ''}
-                  options={bankAccountOptions}
-                  placeholder="Select a deposit bank account"
-                  onChange={(id) => changeSettings('bankAccountRef', id)}
-                />
-                {bankAccountOptions !== undefined &&
-                  !settingState.bankAccountRef && (
-                    <p className="text-xs text-red-600">
-                      Select a deposit bank account to enable bank deposits.
-                    </p>
-                  )}
-              </>
+        {/* Bank deposit UI is gated behind the AB rollout allowlist. */}
+        {bankDepositEnabled && (
+          <>
+            <div className="mb-5">
+              <Checkbox
+                label="Create bank deposits for automatic bank reconciliation"
+                description="When Stripe pays out, create a QuickBooks bank deposit that matches the net amount deposited to your bank (after fees), so the bank transaction matches automatically."
+                checked={settingState.bankDepositFeeFlag}
+                onChange={() =>
+                  changeSettings(
+                    'bankDepositFeeFlag',
+                    !settingState.bankDepositFeeFlag,
+                  )
+                }
+              />
+            </div>
+            {settingState.bankDepositFeeFlag && (
+              <div className="mb-5 ml-6">
+                {bankAccountsError ? (
+                  <p className="text-xs text-red-600">
+                    Could not load bank accounts. Reload to retry.
+                  </p>
+                ) : (
+                  <>
+                    <AccountSelect
+                      label="Deposit bank account"
+                      description="The bank account Stripe payouts are deposited into. Used to create the matching QuickBooks bank deposit."
+                      value={settingState.bankAccountRef ?? ''}
+                      options={bankAccountOptions}
+                      placeholder="Select a deposit bank account"
+                      onChange={(id) => changeSettings('bankAccountRef', id)}
+                    />
+                    {bankAccountOptions !== undefined &&
+                      !settingState.bankAccountRef && (
+                        <p className="text-xs text-red-600">
+                          Select a deposit bank account to enable bank deposits.
+                        </p>
+                      )}
+                  </>
+                )}
+              </div>
             )}
-          </div>
+          </>
         )}
         <div className="mb-6">
           <Checkbox

src/hook/useSettings.ts

@@ -452,10 +452,13 @@ export const useInvoiceDetailSettings = () => {
     isLoading,
   } = useSwrHelper(`/api/quickbooks/setting?type=invoice&token=${token}`)
 
+  // AB gate from the settings GET; hides the bank deposit UI when off.
+  const bankDepositEnabled = setting?.bankDepositEnabled ?? false
+
   const { data: bankAccountsData, error: bankAccountsError } = useSwrHelper<{
     accounts: { Id: string; Name: string }[]
   }>(
-    isDisconnected
+    isDisconnected || !bankDepositEnabled
       ? null
       : `/api/quickbooks/setting/bank-account?token=${token}`,
     { suspense: false, revalidateOnMount: true },
@@ -550,6 +553,7 @@ export const useInvoiceDetailSettings = () => {
     error,
     isLoading,
     showButton,
+    bankDepositEnabled,
     bankAccountOptions,
     bankAccountsError,
     canSave,