react-native-google-mobile-ads/src/ads/RewardedInterstitialAd.ts

React Native Google Mobile Ads is an easy way to monetize mobile apps with targeted, in-app advertising.

/*
 * Copyright (c) 2016-present Invertase Limited & Contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this library except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */

import { isString } from '../common';
import { validateAdRequestOptions } from '../validateAdRequestOptions';
import { MobileAd } from './MobileAd';
import { AdEventType } from '../AdEventType';
import { RewardedAdEventType } from '../RewardedAdEventType';
import { AdEventListener } from '../types/AdEventListener';
import { AdEventsListener } from '../types/AdEventsListener';
import { RequestOptions } from '../types/RequestOptions';
import NativeRewardedInterstitialModule from '../specs/modules/NativeRewardedInterstitialModule';

/**
 * A class for interacting and showing Rewarded Interstitial Ads.
 *
 * An Rewarded Interstitial advert can be pre-loaded and shown at a suitable point in your apps flow, such as at the end of a level
 * in a game. The content of a rewarded interstital advert can be controlled via your Google Mobile Ads dashboard. Typically users are rewarded
 * after completing a specific advert action (e.g. watching a video or submitting an option via an interactive form).
 * Events (such as the user earning a reward or closing a rewarded interstital advert early) are sent back for you to handle accordingly
 * within your application.
 *
 * #### Example
 *
 * First create a new Rewarded Interstitial instance, passing in your Ad Unit ID from the Google Mobile Ads configuration console, and any additional
 * request options. The example below will present a test advert, and only request a non-personalized ad.
 *
 * ```js
 * import { RewardedInterstitialAd, TestIds } from 'react-native-google-mobile-ads';
 *
 * const rewardedInterstitial = RewardedInterstitialAd.createForAdRequest(TestIds.REWARDED_INTERSTITIAL, {
 *     requestNonPersonalizedAdsOnly: true,
 * });
 *  ```
 *
 * Each advert needs to be loaded from Google Mobile Ads before being shown. It is recommended this is performed before the user
 * reaches the checkpoint to show the advert, so it's ready to go. Before loading the advert, we need to setup
 * event listeners to listen for updates from Google Mobile Ads, such as advert loaded or failed to load.
 *
 * Event types match the `AdEventType` or `RewardedAdEventType` interface. The potential user reward for rewarded interstitial
 * adverts are passed back to the event handler on advert load and when the user earns the reward.
 *
 * ```js
 * import { RewardedAdEventType } from 'react-native-google-mobile-ads';
 *
 * rewardedInterstitial.addAdEventListener(RewardedAdEventType.LOADED. () => {
 *   rewarded.show();
 * });
 * rewardedInterstitial.addAdEventListener(RewardedAdEventType.EARNED_REWARD. (reward) => {
 *   console.log('User earned reward of ', reward);
 * });
 *
 * rewardedInterstitial.load();
 *  ```
 *
 * The rewarded interstitial advert will be presented to the user, and several more events can be triggered such as the user clicking the
 * advert, closing it or completing the action.
 */
export class RewardedInterstitialAd extends MobileAd {
  protected static _rewardedInterstitialRequest = 0;
  /**
   * Creates a new RewardedInterstitialAd instance.
   *
   * #### Example
   *
   * ```js
   * import { RewardedInterstitialAd, RewardedAdEventType, TestIds } from 'react-native-google-mobile-ads';
   *
   * const rewardedInterstitialAd = await RewardedInterstitialAd.createForAdRequest(TestIds.REWARDED_INTERSTITIAL, {
   *   requestAgent: 'CoolAds',
   * });
   *
   * rewardedInterstitialAd.addAdEventListener(RewardedAdEventType.LOADED. () => {
   *   rewardedInterstitialAd.show();
   * });
   * rewardedInterstitialAd.addAdEventListener(RewardedAdEventType.EARNED_REWARD. (reward) => {
   *   console.log('User earned reward of ', reward);
   * });
   *
   * rewardedInterstitialAd.load();
   * ```
   *
   * @param adUnitId The Ad Unit ID for the Rewarded Interstitial Ad. You can find this on your Google Mobile Ads dashboard.
   * @param requestOptions Optional RequestOptions used to load the ad.
   */
  static createForAdRequest(adUnitId: string, requestOptions?: RequestOptions) {
    if (!isString(adUnitId)) {
      throw new Error(
        "RewardedInterstitialAd.createForAdRequest(*) 'adUnitId' expected an string value.",
      );
    }

    let options = {};
    try {
      options = validateAdRequestOptions(requestOptions);
    } catch (e) {
      if (e instanceof Error) {
        throw new Error(`RewardedInterstitialAd.createForAdRequest(_, *) ${e.message}.`);
      }
    }

    const requestId = RewardedInterstitialAd._rewardedInterstitialRequest++;
    return new RewardedInterstitialAd(
      'rewarded_interstitial',
      requestId,
      adUnitId,
      NativeRewardedInterstitialModule.rewardedInterstitialLoad,
      NativeRewardedInterstitialModule.rewardedInterstitialShow,
      options,
    );
  }

  addAdEventsListener<T extends AdEventType | RewardedAdEventType>(
    listener: AdEventsListener<T>,
  ): () => void {
    return this._addAdEventsListener(listener);
  }

  addAdEventListener<T extends AdEventType | RewardedAdEventType>(
    type: T,
    listener: AdEventListener<T>,
  ) {
    if (type === AdEventType.LOADED) {
      throw new Error(
        'RewardedInterstitialAd.addAdEventListener(*) use RewardedAdEventType.LOADED instead of AdEventType.LOADED.',
      );
    }
    return this._addAdEventListener(type, listener);
  }
}