react-native-ad-manager/lib/module/CTKAdManagerBanner.js

A react-native component for Google Ad Manager banners, interstitials and native ads.

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
import React from 'react';
import { requireNativeComponent, UIManager, findNodeHandle, DeviceEventEmitter } from 'react-native';
import { createErrorFromErrorData } from './utils';
import { LINKING_ERROR } from './Constants';
const ComponentName = 'CTKBannerView';
const AdManagerBannerView = UIManager.getViewManagerConfig(ComponentName) != null ? requireNativeComponent(ComponentName) : () => {
  throw new Error(LINKING_ERROR);
};
export class Banner extends React.Component {
  constructor(props) {
    super(props);
    _defineProperty(this, "hasOnErrorFromParent", void 0);
    _defineProperty(this, "customListener", void 0);
    this.hasOnErrorFromParent = Object.prototype.hasOwnProperty.call(props, 'onError');
    this.handleSizeChange = this.handleSizeChange.bind(this);
    this.state = {
      style: {},
      error: null
    };
  }
  shouldComponentUpdate(nextProps, nextState) {
    if (Object.entries(this.state.style).toString() === Object.entries(nextState.style).toString() && Object.entries(this.props).toString() === Object.entries(nextProps).toString()) {
      return false;
    }
    return true;
  }
  componentDidMount() {
    this.customListener = DeviceEventEmitter.addListener('onError', eventData => {
      this.setState({
        error: eventData
      });
      if (this.hasOnErrorFromParent && this.props.onError) {
        this.props.onError(eventData);
      }
    });
    this.loadBanner();
  }
  componentWillUnmount() {
    if (this.customListener) {
      this.customListener.remove();
    }
  }
  loadBanner() {
    UIManager.dispatchViewManagerCommand(findNodeHandle(this), UIManager.getViewManagerConfig(ComponentName).Commands.loadBanner, []);
  }
  handleSizeChange({
    nativeEvent
  }) {
    const {
      height,
      width
    } = nativeEvent;
    this.setState({
      style: {
        width,
        height
      }
    });
    this.props.onSizeChange && this.props.onSizeChange(nativeEvent);
  }
  render() {
    return /*#__PURE__*/React.createElement(AdManagerBannerView, _extends({}, this.props, {
      style: [this.props.style, this.state.style],
      onSizeChange: this.handleSizeChange,
      onAdLoaded: event => this.props.onAdLoaded && this.props.onAdLoaded(event.nativeEvent),
      onAdFailedToLoad: event => this.props.onAdFailedToLoad && this.props.onAdFailedToLoad(createErrorFromErrorData(event.nativeEvent.error)),
      onAppEvent: event => this.props.onAppEvent && this.props.onAppEvent(event.nativeEvent),
      onAdOpened: event => this.props.onAdOpened && this.props.onAdOpened(event.nativeEvent),
      onAdClosed: event => this.props.onAdClosed && this.props.onAdClosed(event.nativeEvent),
      onAdRecordImpression: event => this.props.onAdRecordImpression && this.props.onAdRecordImpression(event.nativeEvent)
    }));
  }
}
//# sourceMappingURL=CTKAdManagerBanner.js.map