onesignal-web-sdk/src/bell/Launcher.ts

Web push notifications from OneSignal.

import { InvalidStateError, InvalidStateReason } from '../errors/InvalidStateError';
import { addCssClass, contains, hasCssClass, nothing, once, removeCssClass } from '../utils';
import ActiveAnimatedElement from './ActiveAnimatedElement';
import Log from '../libraries/Log';
import Bell from './Bell';
import { BellSize } from "../models/AppConfig";


export default class Launcher extends ActiveAnimatedElement {

  public bell: any;
  public wasInactive: boolean;

  constructor(bell: Bell) {
    super('.onesignal-bell-launcher','onesignal-bell-launcher-active', undefined, undefined,
          'onesignal-bell-launcher-inactive', 'hidden', 'active');

    this.bell = bell;
    this.wasInactive = false;
  }

  async resize(size: BellSize) {
    if (!this.element) {
      // Notify button doesn't exist
      throw new InvalidStateError(InvalidStateReason.MissingDomElement);
    }

    // If the size is the same, do nothing and resolve an empty promise
    if ((size === 'small' && hasCssClass(this.element, 'onesignal-bell-launcher-sm')) ||
        (size === 'medium' && hasCssClass(this.element, 'onesignal-bell-launcher-md')) ||
        (size === 'large' && hasCssClass(this.element, 'onesignal-bell-launcher-lg'))) {
      return Promise.resolve(this);
    }
    removeCssClass(this.element, 'onesignal-bell-launcher-sm');
    removeCssClass(this.element, 'onesignal-bell-launcher-md');
    removeCssClass(this.element, 'onesignal-bell-launcher-lg');
    if (size === 'small') {
      addCssClass(this.element, 'onesignal-bell-launcher-sm');
    }
    else if (size === 'medium') {
      addCssClass(this.element, 'onesignal-bell-launcher-md');
    }
    else if (size === 'large') {
      addCssClass(this.element, 'onesignal-bell-launcher-lg');
    }
    else {
      throw new Error('Invalid OneSignal bell size ' + size);
    }
    if (!this.shown) {
      return this;
    }
    else {
      return await new Promise((resolve) => {
        // Once the launcher has finished shrinking down
        if (this.targetTransitionEvents.length == 0) {
          return resolve(this);
        } else {
          var timerId = setTimeout(() => {
            Log.debug(`Launcher did not completely resize (state: ${this.state}, activeState: ${this.activeState}).`)
          }, this.transitionCheckTimeout);
          once(this.element, 'transitionend', (event: Event, destroyListenerFn: Function) => {
            if (event.target === this.element &&
              contains(this.targetTransitionEvents, (event as any).propertyName)) {
              clearTimeout(timerId);
              // Uninstall the event listener for transitionend
              destroyListenerFn();
              return resolve(this);
            }
          }, true);
        }
      });
    }
  }

  activateIfInactive() {
    if (this.inactive) {
      this.wasInactive = true;
      return this.activate();
    }
    else return nothing();
  }

  inactivateIfWasInactive() {
    if (this.wasInactive) {
      this.wasInactive = false;
      return this.inactivate();
    }
    else return nothing();
  }

  clearIfWasInactive() {
    this.wasInactive = false;
  }

  inactivate() {
    return this.bell.message.hide()
      .then(() => {
        if (this.bell.badge.content.length > 0) {
          return this.bell.badge.hide()
            .then(() => Promise.all([super.inactivate(), this.resize('small')]))
            .then(() => this.bell.badge.show());
        }
        else {
          return Promise.all([super.inactivate(), this.resize('small')]);
        }
      });
  }

  activate() {
    if (this.bell.badge.content.length > 0) {
      return this.bell.badge.hide()
        .then(() => Promise.all([super.activate(), this.resize(this.bell.options.size)]));
    }
    else {
      return Promise.all([super.activate(), this.resize(this.bell.options.size)]);
    }
  }
}