Check scheme

bundle.js

(function (global, factory) {
	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
	typeof define === 'function' && define.amd ? define(factory) :
	(global.FallbackCustomScheme = factory());
}(this, (function () { 'use strict';

var classCallCheck = function (instance, Constructor) {
  if (!(instance instanceof Constructor)) {
    throw new TypeError("Cannot call a class as a function");
  }
};

var createClass = function () {
  function defineProperties(target, props) {
    for (var i = 0; i < props.length; i++) {
      var descriptor = props[i];
      descriptor.enumerable = descriptor.enumerable || false;
      descriptor.configurable = true;
      if ("value" in descriptor) descriptor.writable = true;
      Object.defineProperty(target, descriptor.key, descriptor);
    }
  }

  return function (Constructor, protoProps, staticProps) {
    if (protoProps) defineProperties(Constructor.prototype, protoProps);
    if (staticProps) defineProperties(Constructor, staticProps);
    return Constructor;
  };
}();

var inherits = function (subClass, superClass) {
  if (typeof superClass !== "function" && superClass !== null) {
    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
  }

  subClass.prototype = Object.create(superClass && superClass.prototype, {
    constructor: {
      value: subClass,
      enumerable: false,
      writable: true,
      configurable: true
    }
  });
  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
};

var possibleConstructorReturn = function (self, call) {
  if (!self) {
    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
  }

  return call && (typeof call === "object" || typeof call === "function") ? call : self;
};

var RE_IS_IPHONE = /(iPhone\sOS)\s([\d_]+)/;
var RE_IS_IPAD = /(iPad).*OS\s([\d_]+)/;
var RE_IS_IPOD_TOUCH = /(iPod touch).*OS\s([\d_]+)/;
var RE_IS_ANDROID = /(Android)\s+([\d.]+)/;
var RE_IS_WIN = /Windows/;
var RE_IS_MAC = /Mac OS/;

var UserAgent = function UserAgent() {
  classCallCheck(this, UserAgent);
  this.isIOS = null;
  this.isAndroid = null;
  this.isWin = null;
  this.isMac = null;
  this.isPC = null;
  this.osVer = null;

  var ua = navigator.userAgent;
  this.isIOS = !!ua.match(RE_IS_IPHONE) || ua.match(RE_IS_IPAD) || ua.match(RE_IS_IPOD_TOUCH);
  this.isAndroid = !!ua.match(RE_IS_ANDROID);
  this.isWin = !!ua.match(RE_IS_WIN);
  this.isMac = !!ua.match(RE_IS_MAC);
  this.isPC = !!(this.isWin || this.isMac);
  if (this.isIOS || this.isAndroid) {
    var ver = ua.match(/(OS|Android) ([0-9_\.]+){1,3}/);
    ver = ver && ver[2].replace(/_/g, '.');
    this.osVer = ver && Number(ver[0]);
  } else {
    this.osVer = null;
  }
};

function createCommonjsModule(fn, module) {
	return module = { exports: {} }, fn(module, module.exports), module.exports;
}

var __moduleExports = createCommonjsModule(function (module) {
	'use strict';

	module.exports = function (str) {
		return encodeURIComponent(str).replace(/[!'()*]/g, function (c) {
			return '%' + c.charCodeAt(0).toString(16).toUpperCase();
		});
	};
});

var __moduleExports$1 = createCommonjsModule(function (module) {
	'use strict';
	/* eslint-disable no-unused-vars */

	var hasOwnProperty = Object.prototype.hasOwnProperty;
	var propIsEnumerable = Object.prototype.propertyIsEnumerable;

	function toObject(val) {
		if (val === null || val === undefined) {
			throw new TypeError('Object.assign cannot be called with null or undefined');
		}

		return Object(val);
	}

	function shouldUseNative() {
		try {
			if (!Object.assign) {
				return false;
			}

			// Detect buggy property enumeration order in older V8 versions.

			// https://bugs.chromium.org/p/v8/issues/detail?id=4118
			var test1 = new String('abc'); // eslint-disable-line
			test1[5] = 'de';
			if (Object.getOwnPropertyNames(test1)[0] === '5') {
				return false;
			}

			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
			var test2 = {};
			for (var i = 0; i < 10; i++) {
				test2['_' + String.fromCharCode(i)] = i;
			}
			var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
				return test2[n];
			});
			if (order2.join('') !== '0123456789') {
				return false;
			}

			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
			var test3 = {};
			'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
				test3[letter] = letter;
			});
			if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {
				return false;
			}

			return true;
		} catch (e) {
			// We don't expect any of the above to throw, but better to be safe.
			return false;
		}
	}

	module.exports = shouldUseNative() ? Object.assign : function (target, source) {
		var from;
		var to = toObject(target);
		var symbols;

		for (var s = 1; s < arguments.length; s++) {
			from = Object(arguments[s]);

			for (var key in from) {
				if (hasOwnProperty.call(from, key)) {
					to[key] = from[key];
				}
			}

			if (Object.getOwnPropertySymbols) {
				symbols = Object.getOwnPropertySymbols(from);
				for (var i = 0; i < symbols.length; i++) {
					if (propIsEnumerable.call(from, symbols[i])) {
						to[symbols[i]] = from[symbols[i]];
					}
				}
			}
		}

		return to;
	};
});

var index = createCommonjsModule(function (module, exports) {
	'use strict';

	var strictUriEncode = __moduleExports;
	var objectAssign = __moduleExports$1;

	function encode(value, opts) {
		if (opts.encode) {
			return opts.strict ? strictUriEncode(value) : encodeURIComponent(value);
		}

		return value;
	}

	exports.extract = function (str) {
		return str.split('?')[1] || '';
	};

	exports.parse = function (str) {
		// Create an object with no prototype
		// https://github.com/sindresorhus/query-string/issues/47
		var ret = Object.create(null);

		if (typeof str !== 'string') {
			return ret;
		}

		str = str.trim().replace(/^(\?|#|&)/, '');

		if (!str) {
			return ret;
		}

		str.split('&').forEach(function (param) {
			var parts = param.replace(/\+/g, ' ').split('=');
			// Firefox (pre 40) decodes `%3D` to `=`
			// https://github.com/sindresorhus/query-string/pull/37
			var key = parts.shift();
			var val = parts.length > 0 ? parts.join('=') : undefined;

			key = decodeURIComponent(key);

			// missing `=` should be `null`:
			// http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
			val = val === undefined ? null : decodeURIComponent(val);

			if (ret[key] === undefined) {
				ret[key] = val;
			} else if (Array.isArray(ret[key])) {
				ret[key].push(val);
			} else {
				ret[key] = [ret[key], val];
			}
		});

		return ret;
	};

	exports.stringify = function (obj, opts) {
		var defaults = {
			encode: true,
			strict: true
		};

		opts = objectAssign(defaults, opts);

		return obj ? Object.keys(obj).sort().map(function (key) {
			var val = obj[key];

			if (val === undefined) {
				return '';
			}

			if (val === null) {
				return encode(key, opts);
			}

			if (Array.isArray(val)) {
				var result = [];

				val.slice().forEach(function (val2) {
					if (val2 === undefined) {
						return;
					}

					if (val2 === null) {
						result.push(encode(key, opts));
					} else {
						result.push(encode(key, opts) + '=' + encode(val2, opts));
					}
				});

				return result.join('&');
			}

			return encode(key, opts) + '=' + encode(val, opts);
		}).filter(function (x) {
			return x.length > 0;
		}).join('&') : '';
	};
});

var Context = function () {
  function Context(context) {
    classCallCheck(this, Context);
    this._urlScheme = null;
    this.query = null;
    this.fallback = null;
    this.onFallback = null;
    this.browserback = null;
    this.onBrowserback = null;

    context && this.extend(context);
  }

  createClass(Context, [{
    key: 'extend',
    value: function extend(target) {
      target.urlScheme && (this._urlScheme = target.urlScheme);
      target.query && (this.query = target.query);
      target.fallback && (this.fallback = target.fallback);
      target.onFallback && (this.onFallback = target.onFallback);
      target.browserback && (this.browserback = target.browserback);
      target.onBrowserback && (this.onBrowserback = target.onBrowserback);
    }
  }, {
    key: 'handleFallback',
    value: function handleFallback() {
      var fallback = this.fallback;

      if (fallback) {
        location.href = fallback;
      }
      this.onFallback && this.onFallback();
    }
  }, {
    key: 'handleBrowserBack',
    value: function handleBrowserBack() {
      var browserback = this.browserback;

      if (browserback === 'back') {
        history.back();
      }
      this.onBrowserback && this.onBrowserback();
    }
  }, {
    key: 'urlScheme',
    get: function get() {
      var query = this.query;
      var _urlScheme = this._urlScheme;

      var fullPath = _urlScheme;
      if (query) {
        var queryStr = index.stringify(query);
        var parsed = new URL(fullPath);
        parsed.search += (parsed.search ? '&' : '?') + queryStr;
        fullPath = parsed.href;
      }

      return fullPath;
    }
  }]);
  return Context;
}();

var _window = window;
var document$1 = _window.document;
var location$1 = _window.location;


var openURLByIFrame = function openURLByIFrame(url) {
  var iframe = document$1.createElement('iframe');
  iframe.src = url;
  iframe.setAttribute('height', 0);
  iframe.setAttribute('width', 0);
  iframe.style.display = 'none';
  document$1.body.appendChild(iframe);
  return iframe;
};

var openURLByHref = function openURLByHref(url, isReplace) {
  if (isReplace) {
    location$1.replace(url);
  } else {
    location$1.href = url;
  }
};

var parseQuery = function parseQuery(str) {
  var queries = {};
  var queryStr = str.replace(/^(\?|#|&)/, '');
  var elements = queryStr.split('&');
  for (var i = 0; i < elements.length; i++) {
    var param = elements[i];
    var parts = param.replace(/\+/g, ' ').split('=');
    var key = parts.shift();
    var val = parts.length > 0 ? parts.join('=') : undefined;
    key = decodeURIComponent(key);
    val = val === undefined ? null : decodeURIComponent(val);

    if (queries[key] === undefined) {
      queries[key] = val;
    } else if (Array.isArray(queries[key])) {
      queries[key].push(val);
    } else {
      queries[key] = [queries[key], val];
    }
  }

  return queries;
};

var util$1 = {
  openURLByIFrame: openURLByIFrame,
  openURLByHref: openURLByHref,
  parseQuery: parseQuery
};

var BrowserBackgroundObserver = function () {
  function BrowserBackgroundObserver(onReturn, onLeave, useRequestAnimationFrame) {
    var _this = this;

    classCallCheck(this, BrowserBackgroundObserver);
    this.isReturnBrowser = false;
    this.isLeaveBrowser = false;

    this.onReturn = onReturn;
    this.onLeave = onLeave;
    this.useRequestAnimationFrame = useRequestAnimationFrame;

    this._onLeave = this._onLeave.bind(this);
    this._onBlur = this._onBlur.bind(this);
    this._onFocus = this._onFocus.bind(this);
    this._onVisibilityChange = this._onVisibilityChange.bind(this);
    this._onWebkitVisibilityChange = this._onWebkitVisibilityChange.bind(this);

    window.focus();
    window.addEventListener('blur', this._onBlur);
    if (document.hidden !== undefined) {
      document.addEventListener('visibilitychange', this._onVisibilityChange);
    } else if (document.webkitHidden !== undefined) {
      document.addEventListener('webkitvisibilitychange', this._onWebkitVisibilityChange);
    }

    if (useRequestAnimationFrame) {
      (function () {
        var observe = function observe() {
          _this.rafId = window.requestAnimationFrame(observe);
          if (_this.rafTimer !== false) {
            clearTimeout(_this.rafTimer);
          }

          _this.rafTimer = setTimeout(function () {
            if (!isReturnBrowser) {
              _onReturn();
            }

            window.cancelAnimationFrame(_this.rafId);
          }, 1000);
        };

        observe();
      })();
    }
  }

  createClass(BrowserBackgroundObserver, [{
    key: '_onReturn',
    value: function _onReturn() {
      var rafTimer = this.rafTimer;
      var rafId = this.rafId;

      this.isReturnBrowser = true;
      document.removeEventListener('visibilitychange', this._onVisibilityChange);
      document.removeEventListener('webkitvisibilitychange', this._onWebkitVisibilityChange);
      window.removeEventListener('focus', this._onFocus);
      clearTimeout(rafTimer);
      window.cancelAnimationFrame && window.cancelAnimationFrame(rafId);

      this.onReturn && this.onReturn();
    }
  }, {
    key: '_onLeave',
    value: function _onLeave() {
      this.isLeaveBrowser = true;
      this.onLeave && this.onLeave();
    }
  }, {
    key: '_onBlur',
    value: function _onBlur() {
      var isLeaveBrowser = this.isLeaveBrowser;

      window.removeEventListener('blur', this._onBlur);
      window.addEventListener('focus', this._onFocus);
      if (!isLeaveBrowser) {
        this._onLeave();
      }
    }
  }, {
    key: '_onFocus',
    value: function _onFocus() {
      var isReturnBrowser = this.isReturnBrowser;

      if (!isReturnBrowser) {
        this._onReturn();
      }
    }
  }, {
    key: '_onVisibilityChange',
    value: function _onVisibilityChange() {
      var isLeaveBrowser = this.isLeaveBrowser;
      var isReturnBrowser = this.isReturnBrowser;

      if (!isLeaveBrowser && document.hidden) {
        this._onLeave();
      } else if (!isReturnBrowser && !document.hidden) {
        this._onReturn();
      }
    }
  }, {
    key: '_onWebkitVisibilityChange',
    value: function _onWebkitVisibilityChange() {
      var isLeaveBrowser = this.isLeaveBrowser;
      var isReturnBrowser = this.isReturnBrowser;

      if (!isLeaveBrowser && document.webkitHidden) {
        this._onLeave();
      } else if (!isReturnBrowser && !document.webkitHidden) {
        this._onReturn();
      }
    }
  }]);
  return BrowserBackgroundObserver;
}();

var BaseLauncher = function () {
  function BaseLauncher(context) {
    classCallCheck(this, BaseLauncher);
    this._context = null;
    this._fallbackTime = 500;

    this._context = context;

    this._handleTimeout = this._handleTimeout.bind(this);
    this._handleLeaveBrowser = this._handleLeaveBrowser.bind(this);
    this._handleBrowserBack = this._handleBrowserBack.bind(this);
  }

  createClass(BaseLauncher, [{
    key: 'launch',
    value: function launch() {
      util$1.openURLByIFrame(this._context.urlScheme);
      this._timerId = setTimeout(this._handleTimeout, this._fallbackTime);
      this._observer = new BrowserBackgroundObserver(this._handleBrowserBack, this._handleLeaveBrowser, true);
    }
  }, {
    key: '_handleTimeout',
    value: function _handleTimeout() {
      this._context.handleFallback();
    }
  }, {
    key: '_handleLeaveBrowser',
    value: function _handleLeaveBrowser() {
      var _timerId = this._timerId;

      clearTimeout(_timerId);
    }
  }, {
    key: '_handleBrowserBack',
    value: function _handleBrowserBack() {
      this._context.handleBrowserBack();
    }
  }]);
  return BaseLauncher;
}();

var IOS = function (_BaseLauncher) {
  inherits(IOS, _BaseLauncher);

  function IOS() {
    classCallCheck(this, IOS);
    return possibleConstructorReturn(this, (IOS.__proto__ || Object.getPrototypeOf(IOS)).apply(this, arguments));
  }

  createClass(IOS, [{
    key: 'launch',
    value: function launch() {
      var _context = this._context;

      if (_context.osVer > 8) {
        util$1.openURLByHref(_context.urlScheme);
      } else {
        util$1.openURLByIFrame(_context.urlScheme);
      }

      this._timerId = setTimeout(this._handleTimeout, this._fallbackTime);
      this._observer = new BrowserBackgroundObserver(this._handleBrowserBack, this._handleLeaveBrowser, true);
    }
  }]);
  return IOS;
}(BaseLauncher);

var Android = function (_BaseLauncher) {
  inherits(Android, _BaseLauncher);

  function Android() {
    classCallCheck(this, Android);
    return possibleConstructorReturn(this, (Android.__proto__ || Object.getPrototypeOf(Android)).apply(this, arguments));
  }

  return Android;
}(BaseLauncher);

var PC = function (_BaseLauncher) {
  inherits(PC, _BaseLauncher);

  function PC(context) {
    classCallCheck(this, PC);

    var _this = possibleConstructorReturn(this, (PC.__proto__ || Object.getPrototypeOf(PC)).call(this, context));

    _this._enableEventListener(window);
    _this._enableEventListener(document);
    return _this;
  }

  createClass(PC, [{
    key: 'launch',
    value: function launch() {
      util$1.openURLByIFrame(this._context.urlScheme);
      this._timerId = setTimeout(this._handleTimeout, this._fallbackTime);
      this._observer = new BrowserBackgroundObserver(this._handleBrowserBack, this._handleLeaveBrowser, true);
    }
  }, {
    key: '_enableEventListener',
    value: function _enableEventListener(target) {
      if (!target.addEventListener) {
        target.addEventListener = function (type, callback) {
          target.attachEvent('on' + type, callback);
        };
      }

      if (!target.removeEventListener) {
        target.removeEventListener = function (type, callback) {
          target.detachEvent('on' + type, callback);
        };
      }
    }
  }]);
  return PC;
}(BaseLauncher);

var util = {
  IOS: IOS,
  Android: Android,
  PC: PC
};

var FallbackCustomScheme = function () {
  function FallbackCustomScheme(options) {
    classCallCheck(this, FallbackCustomScheme);
    this._ua = new UserAgent();

    this._context = new Context(options);
  }

  createClass(FallbackCustomScheme, [{
    key: 'launch',
    value: function launch(options) {
      var _context = this._context;
      var _ua = this._ua;

      options && _context.extend(options);
      var urlScheme = _context.urlScheme;
      var isIOS = _ua.isIOS;
      var isAndroid = _ua.isAndroid;
      var isPC = _ua.isPC;


      if (!urlScheme) {
        throw new Error('you must set "urlScheme"');
      }

      if (isIOS) {
        this._launcher = new IOS(_context);
      } else if (isAndroid) {
        this._launcher = new Android(_context);
      } else if (isPC) {
        this._launcher = new PC(_context);
      }
      if (this._launcher) {
        this._launcher.launch();
      }
    }
  }]);
  return FallbackCustomScheme;
}();

return FallbackCustomScheme;

})));

index.html

<html>
 <head>
  <meta charset="UTF-8" />
   <style> body {padding: 0; margin: 0;} </style>
   <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
   <script src="./bundle.js"></script>
 </head>
 <body>
<script>
      var fcs = new window.FallbackCustomScheme({
          urlScheme: 'whatsapp://send?text=Yoo!&phone=+918888888888',
          fallback: 'http://google.com',
          browserback: '',
          onFallback: function() {
              alert('fallback');
          },
          onBrowserback: function() {
              alert('browser-back');
          }
       });
       fcs.launch();
</script>
 </body>
</html>