react-facebook - npm Package Compare versions

Comparing version 4.2.1 to 5.0.1

dist/Comments.js

@@ -12,6 +12,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -44,3 +40,4 @@
     children,
-    onParse
+    onParse,
+    mobile
   } = props;
@@ -60,3 +57,4 @@
         'data-width': width,
-        'data-skin': colorScheme
+        'data-skin': colorScheme,
+        'data-mobile': mobile
       },
@@ -68,23 +66,14 @@ children
 
-Comments.propTypes = {
-  className: _propTypes2.default.string,
-  href: _propTypes2.default.string,
-  numPosts: _propTypes2.default.number.isRequired,
-  orderBy: _propTypes2.default.string.isRequired,
-  width: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  colorScheme: _propTypes2.default.string.isRequired,
-  children: _propTypes2.default.node,
-  onParse: _propTypes2.default.func
-};
 
 Comments.defaultProps = {
-  numPosts: 10,
-  orderBy: _CommentsOrderBy2.default.SOCIAL,
-  width: 550,
-  colorScheme: _ColorScheme2.default.LIGHT,
+  href: undefined,
+  numPosts: undefined,
+  orderBy: undefined,
+  width: undefined,
+  colorScheme: undefined,
   children: undefined,
   className: undefined,
-  href: undefined,
-  onParse: undefined
+  onParse: undefined,
+  mobile: undefined
 };
 //# sourceMappingURL=Comments.js.map

dist/CommentsCount.js

@@ -12,6 +12,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -49,8 +45,2 @@
 
-CommentsCount.propTypes = {
-  className: _propTypes2.default.string,
-  href: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  onParse: _propTypes2.default.func
-};
 
@@ -57,0 +47,0 @@ CommentsCount.defaultProps = {

dist/CustomChat.js

@@ -12,6 +12,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -26,7 +22,9 @@
     className,
-    dataRef,
     minimized,
     children,
     pageId,
-    onParse
+    onParse,
+    themeColor,
+    loggedInGreeting,
+    loggedOutGreeting
   } = props;
@@ -41,5 +39,7 @@
         className: 'fb-customerchat',
-        'data-page_id': pageId,
-        'data-ref': dataRef,
-        'data-minimized': minimized
+        page_id: pageId,
+        minimized: minimized,
+        theme_color: themeColor,
+        logged_in_greeting: loggedInGreeting,
+        logged_out_greeting: loggedOutGreeting
       },
@@ -51,18 +51,11 @@ children
 
-CustomChat.propTypes = {
-  className: _propTypes2.default.string,
-  dataRef: _propTypes2.default.string,
-  pageId: _propTypes2.default.string.isRequired,
-  minimized: _propTypes2.default.bool,
-  onParse: _propTypes2.default.func,
-  children: _propTypes2.default.node
-};
-
 CustomChat.defaultProps = {
-  minimized: true,
+  minimized: undefined,
   children: undefined,
   className: undefined,
-  dataRef: undefined,
-  onParse: undefined
+  onParse: undefined,
+  themeColor: undefined,
+  loggedInGreeting: undefined,
+  loggedOutGreeting: undefined
 };
 //# sourceMappingURL=CustomChat.js.map

dist/EmbeddedPost.js

@@ -12,6 +12,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -49,15 +45,5 @@
 
-EmbeddedPost.propTypes = {
-  className: _propTypes2.default.string,
-  href: _propTypes2.default.string.isRequired,
-  width: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  showText: _propTypes2.default.bool.isRequired,
-  children: _propTypes2.default.node,
-  onParse: _propTypes2.default.func
-};
-
 EmbeddedPost.defaultProps = {
-  href: 'http://www.facebook.com',
-  width: 500, // 350 - 750
-  showText: false,
+  width: undefined,
+  showText: undefined,
   children: undefined,
@@ -64,0 +50,0 @@ className: undefined,

dist/FacebookProvider.js

@@ -13,2 +13,4 @@ 'use strict';
 
+var _react2 = _interopRequireDefault(_react);
+
 var _propTypes = require('prop-types');
@@ -25,3 +27,2 @@
 let facebookInstance = null;
-
 class Facebook extends _react.Component {
@@ -78,14 +79,2 @@
 exports.default = Facebook;
-Facebook.propTypes = {
-  appId: _propTypes2.default.string.isRequired,
-  domain: _propTypes2.default.string,
-  version: _propTypes2.default.string,
-  cookie: _propTypes2.default.bool,
-  status: _propTypes2.default.bool,
-  xfbml: _propTypes2.default.bool,
-  language: _propTypes2.default.string,
-  frictionlessRequests: _propTypes2.default.bool,
-  children: _propTypes2.default.node,
-  wait: _propTypes2.default.bool
-};
 Facebook.childContextTypes = {
@@ -92,0 +81,0 @@ facebook: _propTypes2.default.object.isRequired

dist/Feed.js

@@ -15,6 +15,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _getCurrentHref = require('./utils/getCurrentHref');
@@ -74,16 +70,2 @@
 exports.default = Feed;
-Feed.propTypes = (0, _extends3.default)({}, _Process2.default.propTypes, {
-  appId: _propTypes2.default.string,
-  redirectURI: _propTypes2.default.string,
-  display: _propTypes2.default.string,
-  from: _propTypes2.default.string,
-  to: _propTypes2.default.string,
-  link: _propTypes2.default.string,
-  source: _propTypes2.default.string,
-  picture: _propTypes2.default.string, // deprecated
-  name: _propTypes2.default.string, // deprecated
-  caption: _propTypes2.default.string, // deprecated
-  description: _propTypes2.default.string, // deprecated
-  ref: _propTypes2.default.string
-});
 Feed.defaultProps = (0, _extends3.default)({}, _Process2.default.defaultProps, {
@@ -90,0 +72,0 @@ link: undefined,

dist/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.MessengerColor = exports.MessengerSize = exports.CommentsOrderBy = exports.LikeAction = exports.ColorScheme = exports.LikeLayout = exports.LikeSize = exports.SendToMessenger = exports.MessengerCheckbox = exports.MessageUs = exports.CustomChat = exports.Feed = exports.CommentsCount = exports.Comments = exports.EmbeddedPost = exports.LoginButton = exports.Login = exports.Page = exports.ShareButton = exports.Share = exports.Like = exports.InitFacebook = exports.Parser = exports.FacebookProvider = exports.default = undefined;
+exports.MessengerColor = exports.MessengerSize = exports.CommentsOrderBy = exports.LikeAction = exports.ColorScheme = exports.LikeLayout = exports.LikeSize = exports.SendToMessenger = exports.MessengerCheckbox = exports.MessageUs = exports.CustomChat = exports.Feed = exports.CommentsCount = exports.Comments = exports.EmbeddedVideo = exports.EmbeddedPost = exports.LoginButton = exports.Login = exports.Page = exports.ShareButton = exports.Share = exports.Send = exports.Like = exports.InitFacebook = exports.Parser = exports.FacebookProvider = exports.default = undefined;
 
@@ -25,2 +25,6 @@ var _FacebookProvider2 = require('./FacebookProvider');
 
+var _Send2 = require('./Send');
+
+var _Send3 = _interopRequireDefault(_Send2);
+
 var _Share2 = require('./Share');
@@ -50,2 +54,6 @@
 
+var _EmbeddedVideo2 = require('./EmbeddedVideo');
+
+var _EmbeddedVideo3 = _interopRequireDefault(_EmbeddedVideo2);
+
 var _Comments2 = require('./Comments');
@@ -114,2 +122,3 @@
 exports.Like = _Like3.default;
+exports.Send = _Send3.default;
 exports.Share = _Share3.default;
@@ -121,2 +130,3 @@ exports.ShareButton = _ShareButton3.default;
 exports.EmbeddedPost = _EmbeddedPost3.default;
+exports.EmbeddedVideo = _EmbeddedVideo3.default;
 exports.Comments = _Comments3.default;
@@ -123,0 +133,0 @@ exports.CommentsCount = _CommentsCount3.default;

dist/InitFacebook.js

@@ -13,2 +13,4 @@ 'use strict';
 
+var _react2 = _interopRequireDefault(_react);
+
 var _propTypes = require('prop-types');
@@ -48,6 +50,2 @@
 exports.default = InitFacebook;
-InitFacebook.propTypes = {
-  children: _propTypes2.default.node,
-  onReady: _propTypes2.default.func.isRequired
-};
 InitFacebook.defaultProps = {
@@ -54,0 +52,0 @@ children: undefined

dist/Like.js

@@ -12,6 +12,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -25,18 +21,2 @@
 
-var _LikeSize = require('./constants/LikeSize');
-
-var _LikeSize2 = _interopRequireDefault(_LikeSize);
-
-var _LikeLayout = require('./constants/LikeLayout');
-
-var _LikeLayout2 = _interopRequireDefault(_LikeLayout);
-
-var _ColorScheme = require('./constants/ColorScheme');
-
-var _ColorScheme2 = _interopRequireDefault(_ColorScheme);
-
-var _LikeAction = require('./constants/LikeAction');
-
-var _LikeAction2 = _interopRequireDefault(_LikeAction);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -84,26 +64,10 @@
 
-Like.propTypes = {
-  className: _propTypes2.default.string,
-  referral: _propTypes2.default.string,
-  href: _propTypes2.default.string,
-  layout: _propTypes2.default.string.isRequired,
-  showFaces: _propTypes2.default.bool.isRequired,
-  colorScheme: _propTypes2.default.string.isRequired,
-  action: _propTypes2.default.string.isRequired,
-  share: _propTypes2.default.bool.isRequired,
-  children: _propTypes2.default.node,
-  width: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  size: _propTypes2.default.string,
-  kidDirectedSite: _propTypes2.default.bool.isRequired,
-  onParse: _propTypes2.default.func
-};
-
 Like.defaultProps = {
-  layout: _LikeLayout2.default.STANDARD,
-  showFaces: false,
-  colorScheme: _ColorScheme2.default.LIGHT,
-  action: _LikeAction2.default.LIKE,
-  share: false,
-  size: _LikeSize2.default.SMALL,
-  kidDirectedSite: false,
+  layout: undefined,
+  showFaces: undefined,
+  colorScheme: undefined,
+  action: undefined,
+  share: undefined,
+  size: undefined,
+  kidDirectedSite: undefined,
   children: undefined,
@@ -110,0 +74,0 @@ className: undefined,

dist/Login.js

@@ -15,6 +15,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Process = require('./Process');
@@ -32,3 +28,5 @@
     return (0, _asyncToGenerator3.default)(function* () {
-      const { scope, fields, returnScopes, rerequest, reauthorize } = _this.props;
+      const {
+        scope, fields, returnScopes, rerequest, reauthorize
+      } = _this.props;
       const loginQpts = { scope };
@@ -63,9 +61,2 @@ const authType = [];
 exports.default = Login;
-Login.propTypes = (0, _extends3.default)({}, _Process2.default.propTypes, {
-  scope: _propTypes2.default.string.isRequired,
-  fields: _propTypes2.default.arrayOf(_propTypes2.default.string),
-  returnScopes: _propTypes2.default.bool,
-  rerequest: _propTypes2.default.bool,
-  reauthorize: _propTypes2.default.bool
-});
 Login.defaultProps = (0, _extends3.default)({}, _Process2.default.defaultProps, {
@@ -72,0 +63,0 @@ scope: '',

dist/LoginButton.js

@@ -15,2 +15,4 @@ 'use strict';
 
+exports.default = LoginButton;
+
 var _react = require('react');
@@ -20,6 +22,2 @@
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _reactSpinnerChildren = require('react-spinner-children');
@@ -35,46 +33,32 @@
 
-class LoginButton extends _react.Component {
+function LoginButton(props) {
+  const {
+    children,
+    buttonClassName,
+    iconClassName,
+    icon,
+    spinner,
+    spinnerClassName
+  } = props,
+        rest = (0, _objectWithoutProperties3.default)(props, ['children', 'buttonClassName', 'iconClassName', 'icon', 'spinner', 'spinnerClassName']);
 
-  render() {
-    const _props = this.props,
-          {
+  return _react2.default.createElement(_Login2.default, (0, _extends3.default)({}, rest, {
+    render: ({ isWorking, isLoading, onClick }) => _react2.default.createElement(
+      'button',
+      {
+        type: 'button',
+        className: buttonClassName,
+        onClick: onClick,
+        disabled: isWorking || isLoading
+      },
+      !!icon && _react2.default.createElement('i', { className: iconClassName }),
       children,
-      buttonClassName,
-      iconClassName,
-      icon,
-      spinner,
-      spinnerClassName
-    } = _props,
-          rest = (0, _objectWithoutProperties3.default)(_props, ['children', 'buttonClassName', 'iconClassName', 'icon', 'spinner', 'spinnerClassName']);
+      !!spinner && (isWorking || isLoading) && _react2.default.createElement(_reactSpinnerChildren2.default, {
+        config: this.props.spinnerConfig,
+        className: spinnerClassName
+      })
+    )
+  }));
+}
 
-    return _react2.default.createElement(_Login2.default, (0, _extends3.default)({}, rest, {
-      render: ({ isWorking, isLoading, onClick }) => _react2.default.createElement(
-        'button',
-        {
-          type: 'button',
-          className: buttonClassName,
-          onClick: onClick,
-          disabled: isWorking || isLoading
-        },
-        !!icon && _react2.default.createElement('i', { className: iconClassName }),
-        children,
-        !!spinner && (isWorking || isLoading) && _react2.default.createElement(_reactSpinnerChildren2.default, {
-          config: this.props.spinnerConfig,
-          className: spinnerClassName
-        })
-      )
-    }));
-  }
-}
-exports.default = LoginButton;
-LoginButton.propTypes = (0, _extends3.default)({}, _Login2.default.propTypes, {
-  spinnerConfig: _propTypes2.default.object.isRequired,
-  children: _propTypes2.default.node,
-  className: _propTypes2.default.string,
-  buttonClassName: _propTypes2.default.string,
-  iconClassName: _propTypes2.default.string,
-  icon: _propTypes2.default.bool,
-  spinnerClassName: _propTypes2.default.string,
-  spinner: _propTypes2.default.bool
-});
 LoginButton.defaultProps = (0, _extends3.default)({}, _Login2.default.defaultProps, {
@@ -81,0 +65,0 @@ spinnerConfig: {},

dist/MessageUs.js

@@ -12,6 +12,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -21,10 +17,2 @@
 
-var _MessengerSize = require('./constants/MessengerSize');
-
-var _MessengerSize2 = _interopRequireDefault(_MessengerSize);
-
-var _MessengerColor = require('./constants/MessengerColor');
-
-var _MessengerColor2 = _interopRequireDefault(_MessengerColor);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,6 +24,5 @@
     color,
-    appId,
+    messengerAppId,
     pageId,
     children,
-    dataRef,
     size,
@@ -52,7 +39,6 @@ onParse
         className: 'fb-messengermessageus',
-        messenger_app_id: appId,
+        messenger_app_id: messengerAppId,
         page_id: pageId,
-        'data-color': color,
-        'data-size': size,
-        'data-ref': dataRef
+        color: color,
+        size: size
       },
@@ -64,17 +50,5 @@ children
 
-MessageUs.propTypes = {
-  className: _propTypes2.default.string,
-  appId: _propTypes2.default.string.isRequired,
-  pageId: _propTypes2.default.string.isRequired,
-  color: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  size: _propTypes2.default.string,
-  dataRef: _propTypes2.default.string,
-  onParse: _propTypes2.default.func
-};
-
 MessageUs.defaultProps = {
-  color: _MessengerColor2.default.BLUE,
-  size: _MessengerSize2.default.STANDARD,
-  dataRef: undefined,
+  color: undefined,
+  size: undefined,
   children: undefined,
@@ -81,0 +55,0 @@ className: undefined,

dist/MessengerCheckbox.js

@@ -12,6 +12,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -21,10 +17,2 @@
 
-var _MessengerSize = require('./constants/MessengerSize');
-
-var _MessengerSize2 = _interopRequireDefault(_MessengerSize);
-
-var _MessengerColor = require('./constants/MessengerColor');
-
-var _MessengerColor2 = _interopRequireDefault(_MessengerColor);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -39,8 +27,9 @@
     userRef,
-    color,
-    appId,
+    messengerAppId,
     pageId,
     children,
     size,
-    onParse
+    onParse,
+    centerAlign,
+    skin
   } = props;
@@ -55,10 +44,11 @@
         className: 'fb-messenger-checkbox',
-        messenger_app_id: appId,
+        messenger_app_id: messengerAppId,
         page_id: pageId,
-        'data-color': color,
-        'data-size': size,
-        'data-origin': origin,
+        size: size,
+        origin: origin,
         user_ref: userRef,
         prechecked: prechecked,
-        allow_login: allowLogin
+        allow_login: allowLogin,
+        skin: skin,
+        center_align: centerAlign
       },
@@ -70,26 +60,14 @@ children
 
-MessengerCheckbox.propTypes = {
-  className: _propTypes2.default.string,
-  appId: _propTypes2.default.string.isRequired,
-  pageId: _propTypes2.default.string.isRequired,
-  color: _propTypes2.default.string,
-  userRef: _propTypes2.default.string,
-  origin: _propTypes2.default.string.isRequired,
-  children: _propTypes2.default.node,
-  size: _propTypes2.default.string,
-  prechecked: _propTypes2.default.bool,
-  allowLogin: _propTypes2.default.bool,
-  onParse: _propTypes2.default.func
-};
-
 MessengerCheckbox.defaultProps = {
-  color: _MessengerColor2.default.BLUE,
-  size: _MessengerSize2.default.STANDARD,
-  allowLogin: true,
-  prechecked: false,
+  size: undefined,
+  allowLogin: undefined,
+  prechecked: undefined,
   userRef: undefined,
   children: undefined,
   className: undefined,
-  onParse: undefined
+  onParse: undefined,
+  origin: undefined,
+  skin: undefined,
+  centerAlign: undefined
 };
 //# sourceMappingURL=MessengerCheckbox.js.map

dist/Page.js

@@ -12,6 +12,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -67,30 +63,18 @@
 
-Page.propTypes = {
-  className: _propTypes2.default.string,
-  href: _propTypes2.default.string.isRequired,
-  tabs: _propTypes2.default.string,
-  hideCover: _propTypes2.default.bool,
-  height: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  width: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  showFacepile: _propTypes2.default.bool,
-  hideCTA: _propTypes2.default.bool,
-  smallHeader: _propTypes2.default.bool,
-  adaptContainerWidth: _propTypes2.default.bool,
-  children: _propTypes2.default.node,
-  onParse: _propTypes2.default.func
-};
 
 Page.defaultProps = {
-  width: 340,
-  height: 500,
-  tabs: 'timeline',
-  hideCover: false,
-  showFacepile: true,
-  hideCTA: false,
-  smallHeader: false,
-  adaptContainerWidth: true,
+  width: undefined,
+  height: undefined,
+  tabs: undefined,
+  hideCover: undefined,
+  showFacepile: undefined,
+  hideCTA: undefined,
+  smallHeader: undefined,
+  adaptContainerWidth: undefined,
   children: undefined,
   className: undefined,
-  onParse: undefined
+  onParse: undefined,
+  style: undefined,
+  href: undefined
 };
 //# sourceMappingURL=Page.js.map

dist/Parser.js

@@ -11,6 +11,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _InitFacebook = require('./InitFacebook');
@@ -35,6 +31,2 @@
 
-  shouldComponentUpdate() {
-    return false;
-  }
-
   componentWillReceiveProps(props) {
@@ -60,2 +52,6 @@ const oldChildren = this.props.children;
 
+  shouldComponentUpdate() {
+    return false;
+  }
+
   rerender() {
@@ -101,7 +97,2 @@ this.forceUpdate();
 exports.default = Parser;
-Parser.propTypes = {
-  className: _propTypes2.default.string,
-  children: _propTypes2.default.node.isRequired,
-  onParse: _propTypes2.default.func
-};
 Parser.defaultProps = {
@@ -108,0 +99,0 @@ className: undefined,

dist/Process.js

@@ -15,6 +15,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _InitFacebook = require('./InitFacebook');
@@ -133,11 +129,2 @@
 exports.default = Process;
-Process.propTypes = {
-  children: _propTypes2.default.node,
-  render: _propTypes2.default.func,
-  component: _propTypes2.default.node,
-  onReady: _propTypes2.default.func,
-  onError: _propTypes2.default.func,
-  onResponse: _propTypes2.default.func,
-  dontWait: _propTypes2.default.bool
-};
 Process.defaultProps = {
@@ -144,0 +131,0 @@ children: undefined,

dist/SendToMessenger.js

@@ -12,6 +12,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -61,16 +57,5 @@
 
-SendToMessenger.propTypes = {
-  className: _propTypes2.default.string,
-  appId: _propTypes2.default.string.isRequired,
-  pageId: _propTypes2.default.string.isRequired,
-  color: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  dataRef: _propTypes2.default.string,
-  size: _propTypes2.default.string,
-  onParse: _propTypes2.default.func
-};
-
 SendToMessenger.defaultProps = {
-  color: _MessengerColor2.default.BLUE,
-  size: _MessengerSize2.default.STANDARD,
+  color: undefined,
+  size: undefined,
   dataRef: undefined,
@@ -77,0 +62,0 @@ children: undefined,

dist/Share.js

@@ -15,6 +15,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _getCurrentHref = require('./utils/getCurrentHref');
@@ -64,11 +60,2 @@
 exports.default = Share;
-Share.propTypes = (0, _extends3.default)({}, _Process2.default.propTypes, {
-  href: _propTypes2.default.string,
-  hashtag: _propTypes2.default.string,
-  quote: _propTypes2.default.string,
-  mobileIframe: _propTypes2.default.bool,
-  display: _propTypes2.default.string,
-  appId: _propTypes2.default.string,
-  redirectURI: _propTypes2.default.string
-});
 Share.defaultProps = (0, _extends3.default)({}, _Process2.default.defaultProps, {
@@ -75,0 +62,0 @@ href: undefined,

dist/ShareButton.js

@@ -21,6 +21,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Share = require('./Share');
@@ -56,8 +52,2 @@
 
-ShareButton.propTypes = (0, _extends3.default)({}, _Share2.default.propTypes, {
-  className: _propTypes2.default.string,
-  iconClassName: _propTypes2.default.string,
-  icon: _propTypes2.default.bool
-});
-
 ShareButton.defaultProps = (0, _extends3.default)({}, _Share2.default.defaultProps, {
@@ -64,0 +54,0 @@ className: 'btn btn-lg',

dist/utils/getCurrentHref.js

@@ -16,3 +16,3 @@ 'use strict';
   if (!_canUseDom2.default) {
-    return 'http://www.facebook.com';
+    return 'https://www.facebook.com';
   }
@@ -19,0 +19,0 @@

lib/Comments.js

@@ -10,6 +10,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -42,3 +38,4 @@
       children = props.children,
-      onParse = props.onParse;
+      onParse = props.onParse,
+      mobile = props.mobile;
 
@@ -58,3 +55,4 @@
         'data-width': width,
-        'data-skin': colorScheme
+        'data-skin': colorScheme,
+        'data-mobile': mobile
       },
@@ -66,23 +64,14 @@ children
 
-Comments.propTypes = {
-  className: _propTypes2.default.string,
-  href: _propTypes2.default.string,
-  numPosts: _propTypes2.default.number.isRequired,
-  orderBy: _propTypes2.default.string.isRequired,
-  width: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  colorScheme: _propTypes2.default.string.isRequired,
-  children: _propTypes2.default.node,
-  onParse: _propTypes2.default.func
-};
 
 Comments.defaultProps = {
-  numPosts: 10,
-  orderBy: _CommentsOrderBy2.default.SOCIAL,
-  width: 550,
-  colorScheme: _ColorScheme2.default.LIGHT,
+  href: undefined,
+  numPosts: undefined,
+  orderBy: undefined,
+  width: undefined,
+  colorScheme: undefined,
   children: undefined,
   className: undefined,
-  href: undefined,
-  onParse: undefined
+  onParse: undefined,
+  mobile: undefined
 };
 //# sourceMappingURL=Comments.js.map

lib/CommentsCount.js

@@ -10,6 +10,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -47,8 +43,2 @@
 
-CommentsCount.propTypes = {
-  className: _propTypes2.default.string,
-  href: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  onParse: _propTypes2.default.func
-};
 
@@ -55,0 +45,0 @@ CommentsCount.defaultProps = {

lib/CustomChat.js

@@ -10,6 +10,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -23,7 +19,9 @@
   var className = props.className,
-      dataRef = props.dataRef,
       minimized = props.minimized,
       children = props.children,
       pageId = props.pageId,
-      onParse = props.onParse;
+      onParse = props.onParse,
+      themeColor = props.themeColor,
+      loggedInGreeting = props.loggedInGreeting,
+      loggedOutGreeting = props.loggedOutGreeting;
 
@@ -38,5 +36,7 @@
         className: 'fb-customerchat',
-        'data-page_id': pageId,
-        'data-ref': dataRef,
-        'data-minimized': minimized
+        page_id: pageId,
+        minimized: minimized,
+        theme_color: themeColor,
+        logged_in_greeting: loggedInGreeting,
+        logged_out_greeting: loggedOutGreeting
       },
@@ -48,18 +48,11 @@ children
 
-CustomChat.propTypes = {
-  className: _propTypes2.default.string,
-  dataRef: _propTypes2.default.string,
-  pageId: _propTypes2.default.string.isRequired,
-  minimized: _propTypes2.default.bool,
-  onParse: _propTypes2.default.func,
-  children: _propTypes2.default.node
-};
-
 CustomChat.defaultProps = {
-  minimized: true,
+  minimized: undefined,
   children: undefined,
   className: undefined,
-  dataRef: undefined,
-  onParse: undefined
+  onParse: undefined,
+  themeColor: undefined,
+  loggedInGreeting: undefined,
+  loggedOutGreeting: undefined
 };
 //# sourceMappingURL=CustomChat.js.map

lib/EmbeddedPost.js

@@ -10,6 +10,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -46,15 +42,5 @@
 
-EmbeddedPost.propTypes = {
-  className: _propTypes2.default.string,
-  href: _propTypes2.default.string.isRequired,
-  width: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  showText: _propTypes2.default.bool.isRequired,
-  children: _propTypes2.default.node,
-  onParse: _propTypes2.default.func
-};
-
 EmbeddedPost.defaultProps = {
-  href: 'http://www.facebook.com',
-  width: 500, // 350 - 750
-  showText: false,
+  width: undefined,
+  showText: undefined,
   children: undefined,
@@ -61,0 +47,0 @@ className: undefined,

lib/FacebookProvider.js

@@ -30,2 +30,4 @@ 'use strict';
 
+var _react2 = _interopRequireDefault(_react);
+
 var _propTypes = require('prop-types');
@@ -59,3 +61,3 @@
     var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
-      var _props, domain, version, appId, cookie, status, xfbml, language, frictionlessRequests, wait;
+      var _props, _domain, _version, _appId, _cookie, _status, _xfbml, _language, _frictionlessRequests, _wait;
 
@@ -67,15 +69,15 @@ return _regenerator2.default.wrap(function _callee$(_context) {
               if (!this.facebook) {
-                _props = this.props, domain = _props.domain, version = _props.version, appId = _props.appId, cookie = _props.cookie, status = _props.status, xfbml = _props.xfbml, language = _props.language, frictionlessRequests = _props.frictionlessRequests, wait = _props.wait;
+                _props = this.props, _domain = _props.domain, _version = _props.version, _appId = _props.appId, _cookie = _props.cookie, _status = _props.status, _xfbml = _props.xfbml, _language = _props.language, _frictionlessRequests = _props.frictionlessRequests, _wait = _props.wait;
 
 
                 this.facebook = facebookInstance || new _Facebook2.default({
-                  domain: domain,
-                  appId: appId,
-                  version: version,
-                  cookie: cookie,
-                  status: status,
-                  xfbml: xfbml,
-                  language: language,
-                  frictionlessRequests: frictionlessRequests,
-                  wait: wait
+                  domain: _domain,
+                  appId: _appId,
+                  version: _version,
+                  cookie: _cookie,
+                  status: _status,
+                  xfbml: _xfbml,
+                  language: _language,
+                  frictionlessRequests: _frictionlessRequests,
+                  wait: _wait
                 });
@@ -112,14 +114,3 @@
   return Facebook;
-}(_react.Component), _class.propTypes = {
-  appId: _propTypes2.default.string.isRequired,
-  domain: _propTypes2.default.string,
-  version: _propTypes2.default.string,
-  cookie: _propTypes2.default.bool,
-  status: _propTypes2.default.bool,
-  xfbml: _propTypes2.default.bool,
-  language: _propTypes2.default.string,
-  frictionlessRequests: _propTypes2.default.bool,
-  children: _propTypes2.default.node,
-  wait: _propTypes2.default.bool
-}, _class.childContextTypes = {
+}(_react.Component), _class.childContextTypes = {
   facebook: _propTypes2.default.object.isRequired
@@ -126,0 +117,0 @@ }, _class.defaultProps = {

lib/Feed.js

@@ -32,6 +32,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _getCurrentHref = require('./utils/getCurrentHref');
@@ -100,16 +96,3 @@
   return Feed;
-}(_Process3.default), _class.propTypes = (0, _extends3.default)({}, _Process3.default.propTypes, {
-  appId: _propTypes2.default.string,
-  redirectURI: _propTypes2.default.string,
-  display: _propTypes2.default.string,
-  from: _propTypes2.default.string,
-  to: _propTypes2.default.string,
-  link: _propTypes2.default.string,
-  source: _propTypes2.default.string,
-  picture: _propTypes2.default.string, // deprecated
-  name: _propTypes2.default.string, // deprecated
-  caption: _propTypes2.default.string, // deprecated
-  description: _propTypes2.default.string, // deprecated
-  ref: _propTypes2.default.string
-}), _class.defaultProps = (0, _extends3.default)({}, _Process3.default.defaultProps, {
+}(_Process3.default), _class.defaultProps = (0, _extends3.default)({}, _Process3.default.defaultProps, {
   link: undefined,
@@ -116,0 +99,0 @@ display: undefined,

lib/index.js

 'use strict';
 
 exports.__esModule = true;
-exports.MessengerColor = exports.MessengerSize = exports.CommentsOrderBy = exports.LikeAction = exports.ColorScheme = exports.LikeLayout = exports.LikeSize = exports.SendToMessenger = exports.MessengerCheckbox = exports.MessageUs = exports.CustomChat = exports.Feed = exports.CommentsCount = exports.Comments = exports.EmbeddedPost = exports.LoginButton = exports.Login = exports.Page = exports.ShareButton = exports.Share = exports.Like = exports.InitFacebook = exports.Parser = exports.FacebookProvider = exports.default = undefined;
+exports.MessengerColor = exports.MessengerSize = exports.CommentsOrderBy = exports.LikeAction = exports.ColorScheme = exports.LikeLayout = exports.LikeSize = exports.SendToMessenger = exports.MessengerCheckbox = exports.MessageUs = exports.CustomChat = exports.Feed = exports.CommentsCount = exports.Comments = exports.EmbeddedVideo = exports.EmbeddedPost = exports.LoginButton = exports.Login = exports.Page = exports.ShareButton = exports.Share = exports.Send = exports.Like = exports.InitFacebook = exports.Parser = exports.FacebookProvider = exports.default = undefined;
 
@@ -22,2 +22,6 @@ var _FacebookProvider2 = require('./FacebookProvider');
 
+var _Send2 = require('./Send');
+
+var _Send3 = _interopRequireDefault(_Send2);
+
 var _Share2 = require('./Share');
@@ -47,2 +51,6 @@
 
+var _EmbeddedVideo2 = require('./EmbeddedVideo');
+
+var _EmbeddedVideo3 = _interopRequireDefault(_EmbeddedVideo2);
+
 var _Comments2 = require('./Comments');
@@ -111,2 +119,3 @@
 exports.Like = _Like3.default;
+exports.Send = _Send3.default;
 exports.Share = _Share3.default;
@@ -118,2 +127,3 @@ exports.ShareButton = _ShareButton3.default;
 exports.EmbeddedPost = _EmbeddedPost3.default;
+exports.EmbeddedVideo = _EmbeddedVideo3.default;
 exports.Comments = _Comments3.default;
@@ -120,0 +130,0 @@ exports.CommentsCount = _CommentsCount3.default;

lib/InitFacebook.js

@@ -30,2 +30,4 @@ 'use strict';
 
+var _react2 = _interopRequireDefault(_react);
+
 var _propTypes = require('prop-types');
@@ -91,6 +93,3 @@
   return InitFacebook;
-}(_react.Component), _class.propTypes = {
-  children: _propTypes2.default.node,
-  onReady: _propTypes2.default.func.isRequired
-}, _class.defaultProps = {
+}(_react.Component), _class.defaultProps = {
   children: undefined
@@ -97,0 +96,0 @@ }, _class.contextTypes = {

lib/Like.js

@@ -10,6 +10,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -23,18 +19,2 @@
 
-var _LikeSize = require('./constants/LikeSize');
-
-var _LikeSize2 = _interopRequireDefault(_LikeSize);
-
-var _LikeLayout = require('./constants/LikeLayout');
-
-var _LikeLayout2 = _interopRequireDefault(_LikeLayout);
-
-var _ColorScheme = require('./constants/ColorScheme');
-
-var _ColorScheme2 = _interopRequireDefault(_ColorScheme);
-
-var _LikeAction = require('./constants/LikeAction');
-
-var _LikeAction2 = _interopRequireDefault(_LikeAction);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -82,26 +62,10 @@
 
-Like.propTypes = {
-  className: _propTypes2.default.string,
-  referral: _propTypes2.default.string,
-  href: _propTypes2.default.string,
-  layout: _propTypes2.default.string.isRequired,
-  showFaces: _propTypes2.default.bool.isRequired,
-  colorScheme: _propTypes2.default.string.isRequired,
-  action: _propTypes2.default.string.isRequired,
-  share: _propTypes2.default.bool.isRequired,
-  children: _propTypes2.default.node,
-  width: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  size: _propTypes2.default.string,
-  kidDirectedSite: _propTypes2.default.bool.isRequired,
-  onParse: _propTypes2.default.func
-};
-
 Like.defaultProps = {
-  layout: _LikeLayout2.default.STANDARD,
-  showFaces: false,
-  colorScheme: _ColorScheme2.default.LIGHT,
-  action: _LikeAction2.default.LIKE,
-  share: false,
-  size: _LikeSize2.default.SMALL,
-  kidDirectedSite: false,
+  layout: undefined,
+  showFaces: undefined,
+  colorScheme: undefined,
+  action: undefined,
+  share: undefined,
+  size: undefined,
+  kidDirectedSite: undefined,
   children: undefined,
@@ -108,0 +72,0 @@ className: undefined,

lib/Login.js

@@ -32,6 +32,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Process2 = require('./Process');
@@ -112,9 +108,3 @@
   return Login;
-}(_Process3.default), _class.propTypes = (0, _extends3.default)({}, _Process3.default.propTypes, {
-  scope: _propTypes2.default.string.isRequired,
-  fields: _propTypes2.default.arrayOf(_propTypes2.default.string),
-  returnScopes: _propTypes2.default.bool,
-  rerequest: _propTypes2.default.bool,
-  reauthorize: _propTypes2.default.bool
-}), _class.defaultProps = (0, _extends3.default)({}, _Process3.default.defaultProps, {
+}(_Process3.default), _class.defaultProps = (0, _extends3.default)({}, _Process3.default.defaultProps, {
   scope: '',
@@ -121,0 +111,0 @@ fields: ['id', 'first_name', 'last_name', 'middle_name', 'name', 'email', 'locale', 'gender', 'timezone', 'verified', 'link'],

lib/LoginButton.js

 'use strict';
 
 exports.__esModule = true;
-exports.default = undefined;
 
@@ -14,16 +13,4 @@ var _extends2 = require('babel-runtime/helpers/extends');
 
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+exports.default = LoginButton;
 
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _class, _temp;
-
 var _react = require('react');
@@ -33,6 +20,2 @@
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _reactSpinnerChildren = require('react-spinner-children');
@@ -48,58 +31,39 @@
 
-var LoginButton = (_temp = _class = function (_Component) {
-  (0, _inherits3.default)(LoginButton, _Component);
+function LoginButton(props) {
+  var _this = this;
 
-  function LoginButton() {
-    (0, _classCallCheck3.default)(this, LoginButton);
-    return (0, _possibleConstructorReturn3.default)(this, _Component.apply(this, arguments));
-  }
+  var children = props.children,
+      buttonClassName = props.buttonClassName,
+      iconClassName = props.iconClassName,
+      icon = props.icon,
+      spinner = props.spinner,
+      spinnerClassName = props.spinnerClassName,
+      rest = (0, _objectWithoutProperties3.default)(props, ['children', 'buttonClassName', 'iconClassName', 'icon', 'spinner', 'spinnerClassName']);
 
-  LoginButton.prototype.render = function render() {
-    var _this2 = this;
 
-    var _props = this.props,
-        children = _props.children,
-        buttonClassName = _props.buttonClassName,
-        iconClassName = _props.iconClassName,
-        icon = _props.icon,
-        spinner = _props.spinner,
-        spinnerClassName = _props.spinnerClassName,
-        rest = (0, _objectWithoutProperties3.default)(_props, ['children', 'buttonClassName', 'iconClassName', 'icon', 'spinner', 'spinnerClassName']);
+  return _react2.default.createElement(_Login2.default, (0, _extends3.default)({}, rest, {
+    render: function render(_ref) {
+      var isWorking = _ref.isWorking,
+          isLoading = _ref.isLoading,
+          onClick = _ref.onClick;
+      return _react2.default.createElement(
+        'button',
+        {
+          type: 'button',
+          className: buttonClassName,
+          onClick: onClick,
+          disabled: isWorking || isLoading
+        },
+        !!icon && _react2.default.createElement('i', { className: iconClassName }),
+        children,
+        !!spinner && (isWorking || isLoading) && _react2.default.createElement(_reactSpinnerChildren2.default, {
+          config: _this.props.spinnerConfig,
+          className: spinnerClassName
+        })
+      );
+    }
+  }));
+}
 
-
-    return _react2.default.createElement(_Login2.default, (0, _extends3.default)({}, rest, {
-      render: function render(_ref) {
-        var isWorking = _ref.isWorking,
-            isLoading = _ref.isLoading,
-            onClick = _ref.onClick;
-        return _react2.default.createElement(
-          'button',
-          {
-            type: 'button',
-            className: buttonClassName,
-            onClick: onClick,
-            disabled: isWorking || isLoading
-          },
-          !!icon && _react2.default.createElement('i', { className: iconClassName }),
-          children,
-          !!spinner && (isWorking || isLoading) && _react2.default.createElement(_reactSpinnerChildren2.default, {
-            config: _this2.props.spinnerConfig,
-            className: spinnerClassName
-          })
-        );
-      }
-    }));
-  };
-
-  return LoginButton;
-}(_react.Component), _class.propTypes = (0, _extends3.default)({}, _Login2.default.propTypes, {
-  spinnerConfig: _propTypes2.default.object.isRequired,
-  children: _propTypes2.default.node,
-  className: _propTypes2.default.string,
-  buttonClassName: _propTypes2.default.string,
-  iconClassName: _propTypes2.default.string,
-  icon: _propTypes2.default.bool,
-  spinnerClassName: _propTypes2.default.string,
-  spinner: _propTypes2.default.bool
-}), _class.defaultProps = (0, _extends3.default)({}, _Login2.default.defaultProps, {
+LoginButton.defaultProps = (0, _extends3.default)({}, _Login2.default.defaultProps, {
   spinnerConfig: {},
@@ -110,4 +74,3 @@ buttonClassName: 'btn btn-lg',
   icon: true
-}), _temp);
-exports.default = LoginButton;
+});
 //# sourceMappingURL=LoginButton.js.map

lib/MessageUs.js

@@ -10,6 +10,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -19,10 +15,2 @@
 
-var _MessengerSize = require('./constants/MessengerSize');
-
-var _MessengerSize2 = _interopRequireDefault(_MessengerSize);
-
-var _MessengerColor = require('./constants/MessengerColor');
-
-var _MessengerColor2 = _interopRequireDefault(_MessengerColor);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -33,6 +21,5 @@
       color = props.color,
-      appId = props.appId,
+      messengerAppId = props.messengerAppId,
       pageId = props.pageId,
       children = props.children,
-      dataRef = props.dataRef,
       size = props.size,
@@ -49,7 +36,6 @@ onParse = props.onParse;
         className: 'fb-messengermessageus',
-        messenger_app_id: appId,
+        messenger_app_id: messengerAppId,
         page_id: pageId,
-        'data-color': color,
-        'data-size': size,
-        'data-ref': dataRef
+        color: color,
+        size: size
       },
@@ -61,17 +47,5 @@ children
 
-MessageUs.propTypes = {
-  className: _propTypes2.default.string,
-  appId: _propTypes2.default.string.isRequired,
-  pageId: _propTypes2.default.string.isRequired,
-  color: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  size: _propTypes2.default.string,
-  dataRef: _propTypes2.default.string,
-  onParse: _propTypes2.default.func
-};
-
 MessageUs.defaultProps = {
-  color: _MessengerColor2.default.BLUE,
-  size: _MessengerSize2.default.STANDARD,
-  dataRef: undefined,
+  color: undefined,
+  size: undefined,
   children: undefined,
@@ -78,0 +52,0 @@ className: undefined,

lib/MessengerCheckbox.js

@@ -10,6 +10,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -19,10 +15,2 @@
 
-var _MessengerSize = require('./constants/MessengerSize');
-
-var _MessengerSize2 = _interopRequireDefault(_MessengerSize);
-
-var _MessengerColor = require('./constants/MessengerColor');
-
-var _MessengerColor2 = _interopRequireDefault(_MessengerColor);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,8 +24,9 @@
       userRef = props.userRef,
-      color = props.color,
-      appId = props.appId,
+      messengerAppId = props.messengerAppId,
       pageId = props.pageId,
       children = props.children,
       size = props.size,
-      onParse = props.onParse;
+      onParse = props.onParse,
+      centerAlign = props.centerAlign,
+      skin = props.skin;
 
@@ -52,10 +41,11 @@
         className: 'fb-messenger-checkbox',
-        messenger_app_id: appId,
+        messenger_app_id: messengerAppId,
         page_id: pageId,
-        'data-color': color,
-        'data-size': size,
-        'data-origin': origin,
+        size: size,
+        origin: origin,
         user_ref: userRef,
         prechecked: prechecked,
-        allow_login: allowLogin
+        allow_login: allowLogin,
+        skin: skin,
+        center_align: centerAlign
       },
@@ -67,26 +57,14 @@ children
 
-MessengerCheckbox.propTypes = {
-  className: _propTypes2.default.string,
-  appId: _propTypes2.default.string.isRequired,
-  pageId: _propTypes2.default.string.isRequired,
-  color: _propTypes2.default.string,
-  userRef: _propTypes2.default.string,
-  origin: _propTypes2.default.string.isRequired,
-  children: _propTypes2.default.node,
-  size: _propTypes2.default.string,
-  prechecked: _propTypes2.default.bool,
-  allowLogin: _propTypes2.default.bool,
-  onParse: _propTypes2.default.func
-};
-
 MessengerCheckbox.defaultProps = {
-  color: _MessengerColor2.default.BLUE,
-  size: _MessengerSize2.default.STANDARD,
-  allowLogin: true,
-  prechecked: false,
+  size: undefined,
+  allowLogin: undefined,
+  prechecked: undefined,
   userRef: undefined,
   children: undefined,
   className: undefined,
-  onParse: undefined
+  onParse: undefined,
+  origin: undefined,
+  skin: undefined,
+  centerAlign: undefined
 };
 //# sourceMappingURL=MessengerCheckbox.js.map

lib/Page.js

@@ -10,6 +10,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -65,30 +61,18 @@
 
-Page.propTypes = {
-  className: _propTypes2.default.string,
-  href: _propTypes2.default.string.isRequired,
-  tabs: _propTypes2.default.string,
-  hideCover: _propTypes2.default.bool,
-  height: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  width: _propTypes2.default.oneOfType([_propTypes2.default.number.isRequired, _propTypes2.default.string.isRequired]),
-  showFacepile: _propTypes2.default.bool,
-  hideCTA: _propTypes2.default.bool,
-  smallHeader: _propTypes2.default.bool,
-  adaptContainerWidth: _propTypes2.default.bool,
-  children: _propTypes2.default.node,
-  onParse: _propTypes2.default.func
-};
 
 Page.defaultProps = {
-  width: 340,
-  height: 500,
-  tabs: 'timeline',
-  hideCover: false,
-  showFacepile: true,
-  hideCTA: false,
-  smallHeader: false,
-  adaptContainerWidth: true,
+  width: undefined,
+  height: undefined,
+  tabs: undefined,
+  hideCover: undefined,
+  showFacepile: undefined,
+  hideCTA: undefined,
+  smallHeader: undefined,
+  adaptContainerWidth: undefined,
   children: undefined,
   className: undefined,
-  onParse: undefined
+  onParse: undefined,
+  style: undefined,
+  href: undefined
 };
 //# sourceMappingURL=Page.js.map

lib/Parser.js

@@ -24,6 +24,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _InitFacebook = require('./InitFacebook');
@@ -56,6 +52,2 @@
 
-  Parser.prototype.shouldComponentUpdate = function shouldComponentUpdate() {
-    return false;
-  };
-
   Parser.prototype.componentWillReceiveProps = function componentWillReceiveProps(props) {
@@ -82,2 +74,6 @@ var oldChildren = this.props.children;
 
+  Parser.prototype.shouldComponentUpdate = function shouldComponentUpdate() {
+    return false;
+  };
+
   Parser.prototype.rerender = function rerender() {
@@ -130,7 +126,3 @@ this.forceUpdate();
   return Parser;
-}(_react.Component), _class.propTypes = {
-  className: _propTypes2.default.string,
-  children: _propTypes2.default.node.isRequired,
-  onParse: _propTypes2.default.func
-}, _class.defaultProps = {
+}(_react.Component), _class.defaultProps = {
   className: undefined,
@@ -137,0 +129,0 @@ onParse: undefined

lib/Process.js

@@ -32,6 +32,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _InitFacebook = require('./InitFacebook');
@@ -61,3 +57,3 @@
       var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(evn) {
-        var facebook, _this$props, dontWait, onResponse, onError, response, _onError;
+        var facebook, _this$props, _dontWait, _onResponse, _onError, response, _onError2;
 
@@ -86,5 +82,5 @@ return _regenerator2.default.wrap(function _callee$(_context) {
               case 7:
-                _this$props = _this.props, dontWait = _this$props.dontWait, onResponse = _this$props.onResponse, onError = _this$props.onError;
+                _this$props = _this.props, _dontWait = _this$props.dontWait, _onResponse = _this$props.onResponse, _onError = _this$props.onError;
 
-                if (!dontWait) {
+                if (!_dontWait) {
                   _context.next = 12;
@@ -95,8 +91,8 @@ break;
                 _this.process(facebook).then(function (response) {
-                  if (onResponse) {
-                    onResponse(response);
+                  if (_onResponse) {
+                    _onResponse(response);
                   }
                 }, function (error) {
-                  if (onError) {
-                    onError(error);
+                  if (_onError) {
+                    _onError(error);
                   }
@@ -114,3 +110,3 @@ });
 
-                if (!onResponse) {
+                if (!_onResponse) {
                   _context.next = 18;
@@ -121,3 +117,3 @@ break;
                 _context.next = 18;
-                return onResponse(response);
+                return _onResponse(response);
 
@@ -131,5 +127,5 @@ case 18:
                 _context.t0 = _context['catch'](3);
-                _onError = _this.props.onError;
+                _onError2 = _this.props.onError;
 
-                if (!_onError) {
+                if (!_onError2) {
                   _context.next = 26;
@@ -140,3 +136,3 @@ break;
                 _context.next = 26;
-                return _onError(_context.t0);
+                return _onError2(_context.t0);
 
@@ -215,11 +211,3 @@ case 26:
   return Process;
-}(_react.Component), _class.propTypes = {
-  children: _propTypes2.default.node,
-  render: _propTypes2.default.func,
-  component: _propTypes2.default.node,
-  onReady: _propTypes2.default.func,
-  onError: _propTypes2.default.func,
-  onResponse: _propTypes2.default.func,
-  dontWait: _propTypes2.default.bool
-}, _class.defaultProps = {
+}(_react.Component), _class.defaultProps = {
   children: undefined,
@@ -226,0 +214,0 @@ render: undefined,

lib/SendToMessenger.js

@@ -10,6 +10,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Parser = require('./Parser');
@@ -58,16 +54,5 @@
 
-SendToMessenger.propTypes = {
-  className: _propTypes2.default.string,
-  appId: _propTypes2.default.string.isRequired,
-  pageId: _propTypes2.default.string.isRequired,
-  color: _propTypes2.default.string,
-  children: _propTypes2.default.node,
-  dataRef: _propTypes2.default.string,
-  size: _propTypes2.default.string,
-  onParse: _propTypes2.default.func
-};
-
 SendToMessenger.defaultProps = {
-  color: _MessengerColor2.default.BLUE,
-  size: _MessengerSize2.default.STANDARD,
+  color: undefined,
+  size: undefined,
   dataRef: undefined,
@@ -74,0 +59,0 @@ children: undefined,

lib/Share.js

@@ -32,6 +32,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _getCurrentHref = require('./utils/getCurrentHref');
@@ -95,11 +91,3 @@
   return Share;
-}(_Process3.default), _class.propTypes = (0, _extends3.default)({}, _Process3.default.propTypes, {
-  href: _propTypes2.default.string,
-  hashtag: _propTypes2.default.string,
-  quote: _propTypes2.default.string,
-  mobileIframe: _propTypes2.default.bool,
-  display: _propTypes2.default.string,
-  appId: _propTypes2.default.string,
-  redirectURI: _propTypes2.default.string
-}), _class.defaultProps = (0, _extends3.default)({}, _Process3.default.defaultProps, {
+}(_Process3.default), _class.defaultProps = (0, _extends3.default)({}, _Process3.default.defaultProps, {
   href: undefined,
@@ -106,0 +94,0 @@ hashtag: undefined,

lib/ShareButton.js

@@ -19,6 +19,2 @@ 'use strict';
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
 var _Share = require('./Share');
@@ -57,8 +53,2 @@
 
-ShareButton.propTypes = (0, _extends3.default)({}, _Share2.default.propTypes, {
-  className: _propTypes2.default.string,
-  iconClassName: _propTypes2.default.string,
-  icon: _propTypes2.default.bool
-});
-
 ShareButton.defaultProps = (0, _extends3.default)({}, _Share2.default.defaultProps, {
@@ -65,0 +55,0 @@ className: 'btn btn-lg',

lib/utils/getCurrentHref.js

@@ -14,3 +14,3 @@ 'use strict';
   if (!_canUseDom2.default) {
-    return 'http://www.facebook.com';
+    return 'https://www.facebook.com';
   }
@@ -17,0 +17,0 @@

module/Comments.js

 import React from 'react';
-import PropTypes from 'prop-types';
+
 import Parser from './Parser';
@@ -17,3 +17,4 @@ import getCurrentHref from './utils/getCurrentHref';
     children,
-    onParse
+    onParse,
+    mobile
   } = props;
@@ -33,3 +34,4 @@
         'data-width': width,
-        'data-skin': colorScheme
+        'data-skin': colorScheme,
+        'data-mobile': mobile
       },
@@ -41,23 +43,13 @@ children
 
-Comments.propTypes = {
-  className: PropTypes.string,
-  href: PropTypes.string,
-  numPosts: PropTypes.number.isRequired,
-  orderBy: PropTypes.string.isRequired,
-  width: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]),
-  colorScheme: PropTypes.string.isRequired,
-  children: PropTypes.node,
-  onParse: PropTypes.func
-};
-
 Comments.defaultProps = {
-  numPosts: 10,
-  orderBy: CommentsOrderBy.SOCIAL,
-  width: 550,
-  colorScheme: ColorScheme.LIGHT,
+  href: undefined,
+  numPosts: undefined,
+  orderBy: undefined,
+  width: undefined,
+  colorScheme: undefined,
   children: undefined,
   className: undefined,
-  href: undefined,
-  onParse: undefined
+  onParse: undefined,
+  mobile: undefined
 };
 //# sourceMappingURL=Comments.js.map

module/CommentsCount.js

 import React from 'react';
-import PropTypes from 'prop-types';
+
 import Parser from './Parser';
@@ -28,9 +28,2 @@ import getCurrentHref from './utils/getCurrentHref';
 
-CommentsCount.propTypes = {
-  className: PropTypes.string,
-  href: PropTypes.string,
-  children: PropTypes.node,
-  onParse: PropTypes.func
-};
-
 CommentsCount.defaultProps = {
@@ -37,0 +30,0 @@ className: undefined,

module/CustomChat.js

 import React from 'react';
-import PropTypes from 'prop-types';
+
 import Parser from './Parser';
@@ -8,7 +8,9 @@
     className,
-    dataRef,
     minimized,
     children,
     pageId,
-    onParse
+    onParse,
+    themeColor,
+    loggedInGreeting,
+    loggedOutGreeting
   } = props;
@@ -23,5 +25,7 @@
         className: 'fb-customerchat',
-        'data-page_id': pageId,
-        'data-ref': dataRef,
-        'data-minimized': minimized
+        page_id: pageId,
+        minimized: minimized,
+        theme_color: themeColor,
+        logged_in_greeting: loggedInGreeting,
+        logged_out_greeting: loggedOutGreeting
       },
@@ -33,18 +37,11 @@ children
 
-CustomChat.propTypes = {
-  className: PropTypes.string,
-  dataRef: PropTypes.string,
-  pageId: PropTypes.string.isRequired,
-  minimized: PropTypes.bool,
-  onParse: PropTypes.func,
-  children: PropTypes.node
-};
-
 CustomChat.defaultProps = {
-  minimized: true,
+  minimized: undefined,
   children: undefined,
   className: undefined,
-  dataRef: undefined,
-  onParse: undefined
+  onParse: undefined,
+  themeColor: undefined,
+  loggedInGreeting: undefined,
+  loggedOutGreeting: undefined
 };
 //# sourceMappingURL=CustomChat.js.map

module/EmbeddedPost.js

 import React from 'react';
-import PropTypes from 'prop-types';
+
 import Parser from './Parser';
@@ -31,15 +31,5 @@
 
-EmbeddedPost.propTypes = {
-  className: PropTypes.string,
-  href: PropTypes.string.isRequired,
-  width: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]),
-  showText: PropTypes.bool.isRequired,
-  children: PropTypes.node,
-  onParse: PropTypes.func
-};
-
 EmbeddedPost.defaultProps = {
-  href: 'http://www.facebook.com',
-  width: 500, // 350 - 750
-  showText: false,
+  width: undefined,
+  showText: undefined,
   children: undefined,
@@ -46,0 +36,0 @@ className: undefined,

module/FacebookProvider.js

 import _asyncToGenerator from 'babel-runtime/helpers/asyncToGenerator';
-import { Component } from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+
 import FB from './Facebook';
@@ -58,14 +59,2 @@
 }
-Facebook.propTypes = {
-  appId: PropTypes.string.isRequired,
-  domain: PropTypes.string,
-  version: PropTypes.string,
-  cookie: PropTypes.bool,
-  status: PropTypes.bool,
-  xfbml: PropTypes.bool,
-  language: PropTypes.string,
-  frictionlessRequests: PropTypes.bool,
-  children: PropTypes.node,
-  wait: PropTypes.bool
-};
 Facebook.childContextTypes = {
@@ -72,0 +61,0 @@ facebook: PropTypes.object.isRequired

module/Feed.js

 import _extends from 'babel-runtime/helpers/extends';
 import _asyncToGenerator from 'babel-runtime/helpers/asyncToGenerator';
-import PropTypes from 'prop-types';
 import getCurrentHref from './utils/getCurrentHref';
@@ -47,16 +46,2 @@ import clearUndefinedProperties from './utils/clearUndefinedProperties';
 }
-Feed.propTypes = _extends({}, Process.propTypes, {
-  appId: PropTypes.string,
-  redirectURI: PropTypes.string,
-  display: PropTypes.string,
-  from: PropTypes.string,
-  to: PropTypes.string,
-  link: PropTypes.string,
-  source: PropTypes.string,
-  picture: PropTypes.string, // deprecated
-  name: PropTypes.string, // deprecated
-  caption: PropTypes.string, // deprecated
-  description: PropTypes.string, // deprecated
-  ref: PropTypes.string
-});
 Feed.defaultProps = _extends({}, Process.defaultProps, {
@@ -63,0 +48,0 @@ link: undefined,

module/index.js

@@ -11,2 +11,4 @@ import _default from './FacebookProvider';
 export { _Like as Like };
+import _Send from './Send';
+export { _Send as Send };
 import _Share from './Share';
@@ -24,2 +26,4 @@ export { _Share as Share };
 export { _EmbeddedPost as EmbeddedPost };
+import _EmbeddedVideo from './EmbeddedVideo';
+export { _EmbeddedVideo as EmbeddedVideo };
 import _Comments from './Comments';
@@ -26,0 +30,0 @@ export { _Comments as Comments };

module/InitFacebook.js

 import _asyncToGenerator from 'babel-runtime/helpers/asyncToGenerator';
-import { Component } from 'react';
+import React, { Component } from 'react';
+
 import PropTypes from 'prop-types';
@@ -29,6 +30,2 @@ import canUseDOM from 'can-use-dom';
 }
-InitFacebook.propTypes = {
-  children: PropTypes.node,
-  onReady: PropTypes.func.isRequired
-};
 InitFacebook.defaultProps = {
@@ -35,0 +32,0 @@ children: undefined

module/Like.js

@@ -0,9 +1,6 @@
+
 import React from 'react';
-import PropTypes from 'prop-types';
+
 import Parser from './Parser';
 import getCurrentHref from './utils/getCurrentHref';
-import LikeSize from './constants/LikeSize';
-import LikeLayout from './constants/LikeLayout';
-import ColorScheme from './constants/ColorScheme';
-import LikeAction from './constants/LikeAction';
 
@@ -50,26 +47,10 @@ export default function Like(props) {
 
-Like.propTypes = {
-  className: PropTypes.string,
-  referral: PropTypes.string,
-  href: PropTypes.string,
-  layout: PropTypes.string.isRequired,
-  showFaces: PropTypes.bool.isRequired,
-  colorScheme: PropTypes.string.isRequired,
-  action: PropTypes.string.isRequired,
-  share: PropTypes.bool.isRequired,
-  children: PropTypes.node,
-  width: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]),
-  size: PropTypes.string,
-  kidDirectedSite: PropTypes.bool.isRequired,
-  onParse: PropTypes.func
-};
-
 Like.defaultProps = {
-  layout: LikeLayout.STANDARD,
-  showFaces: false,
-  colorScheme: ColorScheme.LIGHT,
-  action: LikeAction.LIKE,
-  share: false,
-  size: LikeSize.SMALL,
-  kidDirectedSite: false,
+  layout: undefined,
+  showFaces: undefined,
+  colorScheme: undefined,
+  action: undefined,
+  share: undefined,
+  size: undefined,
+  kidDirectedSite: undefined,
   children: undefined,
@@ -76,0 +57,0 @@ className: undefined,

module/Login.js

 import _extends from 'babel-runtime/helpers/extends';
 import _asyncToGenerator from 'babel-runtime/helpers/asyncToGenerator';
-import PropTypes from 'prop-types';
 import Process from './Process';
@@ -12,3 +11,5 @@
     return _asyncToGenerator(function* () {
-      const { scope, fields, returnScopes, rerequest, reauthorize } = _this.props;
+      const {
+        scope, fields, returnScopes, rerequest, reauthorize
+      } = _this.props;
       const loginQpts = { scope };
@@ -42,9 +43,2 @@ const authType = [];
 }
-Login.propTypes = _extends({}, Process.propTypes, {
-  scope: PropTypes.string.isRequired,
-  fields: PropTypes.arrayOf(PropTypes.string),
-  returnScopes: PropTypes.bool,
-  rerequest: PropTypes.bool,
-  reauthorize: PropTypes.bool
-});
 Login.defaultProps = _extends({}, Process.defaultProps, {
@@ -51,0 +45,0 @@ scope: '',

module/LoginButton.js

 import _extends from 'babel-runtime/helpers/extends';
 import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+
+import React from 'react';
+
 import Spinner from 'react-spinner-children';
 import Login from './Login';
 
-export default class LoginButton extends Component {
+export default function LoginButton(props) {
+  const {
+    children,
+    buttonClassName,
+    iconClassName,
+    icon,
+    spinner,
+    spinnerClassName
+  } = props,
+        rest = _objectWithoutProperties(props, ['children', 'buttonClassName', 'iconClassName', 'icon', 'spinner', 'spinnerClassName']);
 
-  render() {
-    const _props = this.props,
-          {
+  return React.createElement(Login, _extends({}, rest, {
+    render: ({ isWorking, isLoading, onClick }) => React.createElement(
+      'button',
+      {
+        type: 'button',
+        className: buttonClassName,
+        onClick: onClick,
+        disabled: isWorking || isLoading
+      },
+      !!icon && React.createElement('i', { className: iconClassName }),
       children,
-      buttonClassName,
-      iconClassName,
-      icon,
-      spinner,
-      spinnerClassName
-    } = _props,
-          rest = _objectWithoutProperties(_props, ['children', 'buttonClassName', 'iconClassName', 'icon', 'spinner', 'spinnerClassName']);
+      !!spinner && (isWorking || isLoading) && React.createElement(Spinner, {
+        config: this.props.spinnerConfig,
+        className: spinnerClassName
+      })
+    )
+  }));
+}
 
-    return React.createElement(Login, _extends({}, rest, {
-      render: ({ isWorking, isLoading, onClick }) => React.createElement(
-        'button',
-        {
-          type: 'button',
-          className: buttonClassName,
-          onClick: onClick,
-          disabled: isWorking || isLoading
-        },
-        !!icon && React.createElement('i', { className: iconClassName }),
-        children,
-        !!spinner && (isWorking || isLoading) && React.createElement(Spinner, {
-          config: this.props.spinnerConfig,
-          className: spinnerClassName
-        })
-      )
-    }));
-  }
-}
-LoginButton.propTypes = _extends({}, Login.propTypes, {
-  spinnerConfig: PropTypes.object.isRequired,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  buttonClassName: PropTypes.string,
-  iconClassName: PropTypes.string,
-  icon: PropTypes.bool,
-  spinnerClassName: PropTypes.string,
-  spinner: PropTypes.bool
-});
 LoginButton.defaultProps = _extends({}, Login.defaultProps, {
@@ -52,0 +40,0 @@ spinnerConfig: {},

module/MessageUs.js

 import React from 'react';
-import PropTypes from 'prop-types';
+
 import Parser from './Parser';
-import MessengerSize from './constants/MessengerSize';
-import MessengerColor from './constants/MessengerColor';
 
@@ -11,6 +9,5 @@ export default function MessageUs(props) {
     color,
-    appId,
+    messengerAppId,
     pageId,
     children,
-    dataRef,
     size,
@@ -27,7 +24,6 @@ onParse
         className: 'fb-messengermessageus',
-        messenger_app_id: appId,
+        messenger_app_id: messengerAppId,
         page_id: pageId,
-        'data-color': color,
-        'data-size': size,
-        'data-ref': dataRef
+        color: color,
+        size: size
       },
@@ -39,17 +35,5 @@ children
 
-MessageUs.propTypes = {
-  className: PropTypes.string,
-  appId: PropTypes.string.isRequired,
-  pageId: PropTypes.string.isRequired,
-  color: PropTypes.string,
-  children: PropTypes.node,
-  size: PropTypes.string,
-  dataRef: PropTypes.string,
-  onParse: PropTypes.func
-};
-
 MessageUs.defaultProps = {
-  color: MessengerColor.BLUE,
-  size: MessengerSize.STANDARD,
-  dataRef: undefined,
+  color: undefined,
+  size: undefined,
   children: undefined,
@@ -56,0 +40,0 @@ className: undefined,

module/MessengerCheckbox.js

 import React from 'react';
-import PropTypes from 'prop-types';
+
 import Parser from './Parser';
-import MessengerSize from './constants/MessengerSize';
-import MessengerColor from './constants/MessengerColor';
 
@@ -14,8 +12,9 @@ export default function MessengerCheckbox(props) {
     userRef,
-    color,
-    appId,
+    messengerAppId,
     pageId,
     children,
     size,
-    onParse
+    onParse,
+    centerAlign,
+    skin
   } = props;
@@ -30,10 +29,11 @@
         className: 'fb-messenger-checkbox',
-        messenger_app_id: appId,
+        messenger_app_id: messengerAppId,
         page_id: pageId,
-        'data-color': color,
-        'data-size': size,
-        'data-origin': origin,
+        size: size,
+        origin: origin,
         user_ref: userRef,
         prechecked: prechecked,
-        allow_login: allowLogin
+        allow_login: allowLogin,
+        skin: skin,
+        center_align: centerAlign
       },
@@ -45,26 +45,14 @@ children
 
-MessengerCheckbox.propTypes = {
-  className: PropTypes.string,
-  appId: PropTypes.string.isRequired,
-  pageId: PropTypes.string.isRequired,
-  color: PropTypes.string,
-  userRef: PropTypes.string,
-  origin: PropTypes.string.isRequired,
-  children: PropTypes.node,
-  size: PropTypes.string,
-  prechecked: PropTypes.bool,
-  allowLogin: PropTypes.bool,
-  onParse: PropTypes.func
-};
-
 MessengerCheckbox.defaultProps = {
-  color: MessengerColor.BLUE,
-  size: MessengerSize.STANDARD,
-  allowLogin: true,
-  prechecked: false,
+  size: undefined,
+  allowLogin: undefined,
+  prechecked: undefined,
   userRef: undefined,
   children: undefined,
   className: undefined,
-  onParse: undefined
+  onParse: undefined,
+  origin: undefined,
+  skin: undefined,
+  centerAlign: undefined
 };
 //# sourceMappingURL=MessengerCheckbox.js.map

module/Page.js

 import React from 'react';
-import PropTypes from 'prop-types';
+
 import Parser from './Parser';
@@ -46,30 +46,17 @@ import getCurrentHref from './utils/getCurrentHref';
 
-Page.propTypes = {
-  className: PropTypes.string,
-  href: PropTypes.string.isRequired,
-  tabs: PropTypes.string,
-  hideCover: PropTypes.bool,
-  height: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]),
-  width: PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]),
-  showFacepile: PropTypes.bool,
-  hideCTA: PropTypes.bool,
-  smallHeader: PropTypes.bool,
-  adaptContainerWidth: PropTypes.bool,
-  children: PropTypes.node,
-  onParse: PropTypes.func
-};
-
 Page.defaultProps = {
-  width: 340,
-  height: 500,
-  tabs: 'timeline',
-  hideCover: false,
-  showFacepile: true,
-  hideCTA: false,
-  smallHeader: false,
-  adaptContainerWidth: true,
+  width: undefined,
+  height: undefined,
+  tabs: undefined,
+  hideCover: undefined,
+  showFacepile: undefined,
+  hideCTA: undefined,
+  smallHeader: undefined,
+  adaptContainerWidth: undefined,
   children: undefined,
   className: undefined,
-  onParse: undefined
+  onParse: undefined,
+  style: undefined,
+  href: undefined
 };
 //# sourceMappingURL=Page.js.map

module/Parser.js

 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+
 import InitFacebook from './InitFacebook';
@@ -18,6 +18,2 @@
 
-  shouldComponentUpdate() {
-    return false;
-  }
-
   componentWillReceiveProps(props) {
@@ -43,2 +39,6 @@ const oldChildren = this.props.children;
 
+  shouldComponentUpdate() {
+    return false;
+  }
+
   rerender() {
@@ -83,7 +83,2 @@ this.forceUpdate();
 }
-Parser.propTypes = {
-  className: PropTypes.string,
-  children: PropTypes.node.isRequired,
-  onParse: PropTypes.func
-};
 Parser.defaultProps = {
@@ -90,0 +85,0 @@ className: undefined,

module/Process.js

 import _asyncToGenerator from 'babel-runtime/helpers/asyncToGenerator';
+
 import React, { Component, cloneElement } from 'react';
-import PropTypes from 'prop-types';
+
 import InitFacebook from './InitFacebook';
@@ -112,11 +113,2 @@
 }
-Process.propTypes = {
-  children: PropTypes.node,
-  render: PropTypes.func,
-  component: PropTypes.node,
-  onReady: PropTypes.func,
-  onError: PropTypes.func,
-  onResponse: PropTypes.func,
-  dontWait: PropTypes.bool
-};
 Process.defaultProps = {
@@ -123,0 +115,0 @@ children: undefined,

module/SendToMessenger.js

 import React from 'react';
-import PropTypes from 'prop-types';
+
 import Parser from './Parser';
@@ -37,16 +37,5 @@ import MessengerSize from './constants/MessengerSize';
 
-SendToMessenger.propTypes = {
-  className: PropTypes.string,
-  appId: PropTypes.string.isRequired,
-  pageId: PropTypes.string.isRequired,
-  color: PropTypes.string,
-  children: PropTypes.node,
-  dataRef: PropTypes.string,
-  size: PropTypes.string,
-  onParse: PropTypes.func
-};
-
 SendToMessenger.defaultProps = {
-  color: MessengerColor.BLUE,
-  size: MessengerSize.STANDARD,
+  color: undefined,
+  size: undefined,
   dataRef: undefined,
@@ -53,0 +42,0 @@ children: undefined,

module/Share.js

 import _extends from 'babel-runtime/helpers/extends';
 import _asyncToGenerator from 'babel-runtime/helpers/asyncToGenerator';
-import PropTypes from 'prop-types';
 import getCurrentHref from './utils/getCurrentHref';
@@ -37,11 +36,2 @@ import clearUndefinedProperties from './utils/clearUndefinedProperties';
 }
-Share.propTypes = _extends({}, Process.propTypes, {
-  href: PropTypes.string,
-  hashtag: PropTypes.string,
-  quote: PropTypes.string,
-  mobileIframe: PropTypes.bool,
-  display: PropTypes.string,
-  appId: PropTypes.string,
-  redirectURI: PropTypes.string
-});
 Share.defaultProps = _extends({}, Process.defaultProps, {
@@ -48,0 +38,0 @@ href: undefined,

module/ShareButton.js

 import _extends from 'babel-runtime/helpers/extends';
 import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
 import React from 'react';
-import PropTypes from 'prop-types';
 import Share from './Share';
@@ -31,8 +30,2 @@
 
-ShareButton.propTypes = _extends({}, Share.propTypes, {
-  className: PropTypes.string,
-  iconClassName: PropTypes.string,
-  icon: PropTypes.bool
-});
-
 ShareButton.defaultProps = _extends({}, Share.defaultProps, {
@@ -39,0 +32,0 @@ className: 'btn btn-lg',

module/utils/getCurrentHref.js

@@ -5,3 +5,3 @@ import canUseDOM from 'can-use-dom';
   if (!canUseDOM) {
-    return 'http://www.facebook.com';
+    return 'https://www.facebook.com';
   }
@@ -8,0 +8,0 @@

package.json

 {
   "name": "react-facebook",
-  "version": "4.2.1",
-  "description": "Facebook components like a Login button, Like, Share, Comments or Embedded Post",
+  "version": "5.0.1",
+  "description": "Facebook components like a Login button, Like, Share, Comments, Embedded Post/Video, Messenger Chat and others",
   "author": {
@@ -12,3 +12,3 @@ "name": "Zlatko Fedor",
     "type": "git",
-    "url": "git://github.com/CherryProjects/react-facebook.git"
+    "url": "git://github.com/seeden/react-facebook.git"
   },
@@ -29,3 +29,6 @@ "keywords": [
     "feed",
-    "page"
+    "page",
+    "embedded",
+    "messenger",
+    "chat"
   ],
@@ -61,3 +64,3 @@ "private": false,
     "can-use-dom": "^0.1.0",
-    "prop-types": "^15.6.0",
+    "prop-types": "^15.6.1",
     "babel-runtime": "^6.26.0"
@@ -68,3 +71,4 @@ },
     "babel-core": "^6.26.0",
-    "babel-eslint": "^8.0.3",
+    "babel-eslint": "^8.2.2",
+    "babel-plugin-transform-flow-strip-types": "6.22.0",
     "babel-plugin-transform-decorators-legacy": "^1.3.4",
@@ -77,12 +81,12 @@ "babel-plugin-transform-class-properties": "^6.24.1",
     "babel-plugin-transform-runtime": "^6.23.0",
-    "cross-env": "^5.1.1",
-    "eslint": "^4.13.1",
+    "cross-env": "^5.1.4",
+    "eslint": "^4.19.1",
     "eslint-config-airbnb": "^16.1.0",
-    "eslint-loader": "^1.9.0",
-    "eslint-plugin-react": "^7.5.1",
+    "eslint-loader": "^2.0.0",
+    "eslint-plugin-react": "^7.7.0",
     "eslint-plugin-jsx-a11y": "^6.0.3",
-    "eslint-plugin-import": "^2.8.0",
-    "jest": "^22.0.3",
-    "jest-cli": "^22.0.3",
-    "enzyme": "^3.2.0",
+    "eslint-plugin-import": "^2.9.0",
+    "jest": "^22.4.3",
+    "jest-cli": "^22.4.3",
+    "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.1",
@@ -89,0 +93,0 @@ "react": "^16.2.0",

README.md

@@ -7,7 +7,7 @@ # React Facebook Components
 [npm-url]: https://www.npmjs.com/react-facebook
-[travis-image]: https://img.shields.io/travis/CherryProjects/react-facebook/master.svg?style=flat-square
-[travis-url]: https://travis-ci.org/CherryProjects/react-facebook
-[coveralls-image]: https://img.shields.io/coveralls/CherryProjects/react-facebook/master.svg?style=flat-square
-[coveralls-url]: https://coveralls.io/r/CherryProjects/react-facebook?branch=master
-[github-url]: https://github.com/CherryProjects/react-facebook
+[travis-image]: https://img.shields.io/travis/seeden/react-facebook/master.svg?style=flat-square
+[travis-url]: https://travis-ci.org/seeden/react-facebook
+[coveralls-image]: https://img.shields.io/coveralls/seeden/react-facebook/master.svg?style=flat-square
+[coveralls-url]: https://coveralls.io/r/seeden/react-facebook?branch=master
+[github-url]: https://github.com/seeden/react-facebook
 
@@ -23,4 +23,7 @@ # Components
 - Embedded post
+- Embedded video
 - Page
 - Feed
+- Message Us
+- Customer Chat
 
@@ -115,3 +118,3 @@ # Support us
       <FacebookProvider appId="123456789">
-        <CommentsCount href="http://www.facebook.com" /> Comments
+        <CommentsCount href="http://www.facebook.com" />
       </FacebookProvider>
@@ -215,3 +218,3 @@ );
 import React, { Component} from 'react';
-import FacebookProvider, { EmbeddedPost } from 'react-facebook';
+import FacebookProvider, { Page } from 'react-facebook';
 
@@ -218,0 +221,0 @@ export default class Example extends Component {

src/Comments.jsx

@@ -0,3 +1,4 @@
+// @flow
 import React from 'react';
-import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import Parser from './Parser';
@@ -8,3 +9,15 @@ import getCurrentHref from './utils/getCurrentHref';
 
-export default function Comments(props) {
+type Props = {
+  className?: string,
+  href?: string,
+  numPosts?: number,
+  orderBy?: string,
+  width?: number | string,
+  colorScheme?: string,
+  children?: Node,
+  onParse?: Function,
+  mobile?: boolean,
+};
+
+export default function Comments(props: Props) {
   const {
@@ -19,2 +32,3 @@ className,
     onParse,
+    mobile,
   } = props;
@@ -32,2 +46,3 @@
         data-skin={colorScheme}
+        data-mobile={mobile}
       >
@@ -40,25 +55,12 @@ {children}
 
-Comments.propTypes = {
-  className: PropTypes.string,
-  href: PropTypes.string,
-  numPosts: PropTypes.number.isRequired,
-  orderBy: PropTypes.string.isRequired,
-  width: PropTypes.oneOfType([
-    PropTypes.number.isRequired,
-    PropTypes.string.isRequired,
-  ]),
-  colorScheme: PropTypes.string.isRequired,
-  children: PropTypes.node,
-  onParse: PropTypes.func,
-};
-
 Comments.defaultProps = {
-  numPosts: 10,
-  orderBy: CommentsOrderBy.SOCIAL,
-  width: 550,
-  colorScheme: ColorScheme.LIGHT,
+  href: undefined,
+  numPosts: undefined,
+  orderBy: undefined,
+  width: undefined,
+  colorScheme: undefined,
   children: undefined,
   className: undefined,
-  href: undefined,
   onParse: undefined,
+  mobile: undefined,
 };

src/CommentsCount.jsx

@@ -0,7 +1,15 @@
+// @flow
 import React from 'react';
-import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import Parser from './Parser';
 import getCurrentHref from './utils/getCurrentHref';
 
-export default function CommentsCount(props) {
+type Props = {
+  className?: string,
+  href?: string,
+  children?: Node,
+  onParse?: Function,
+};
+
+export default function CommentsCount(props: Props) {
   const {
@@ -26,9 +34,2 @@ className,
 
-CommentsCount.propTypes = {
-  className: PropTypes.string,
-  href: PropTypes.string,
-  children: PropTypes.node,
-  onParse: PropTypes.func,
-};
-
 CommentsCount.defaultProps = {
@@ -35,0 +36,0 @@ className: undefined,

src/constants/MessengerSize.js

@@ -6,3 +6,3 @@ export default {
   LARGE: 'large',
-  XLARGE: 'xlarge'
+  XLARGE: 'xlarge',
 };

src/CustomChat.jsx

@@ -0,9 +1,20 @@
+// @flow
 import React from 'react';
-import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import Parser from './Parser';
 
-export default function CustomChat(props) {
+type Props = {
+  className?: string,
+  pageId: string,
+  minimized?: boolean,
+  onParse?: Function,
+  children?: Node,
+  themeColor?: string,
+  loggedInGreeting?: string,
+  loggedOutGreeting?: string,
+};
+
+export default function CustomChat(props: Props) {
   const {
     className,
-    dataRef,
     minimized,
@@ -13,2 +24,5 @@ children,
     onParse,
+    themeColor,
+    loggedInGreeting,
+    loggedOutGreeting,
   } = props;
@@ -20,5 +34,7 @@
         className="fb-customerchat"
-        data-page_id={pageId}
-        data-ref={dataRef}
-        data-minimized={minimized}
+        page_id={pageId}
+        minimized={minimized}
+        theme_color={themeColor}
+        logged_in_greeting={loggedInGreeting}
+        logged_out_greeting={loggedOutGreeting}
       >
@@ -31,17 +47,10 @@ {children}
 
-CustomChat.propTypes = {
-  className: PropTypes.string,
-  dataRef: PropTypes.string,
-  pageId: PropTypes.string.isRequired,
-  minimized: PropTypes.bool,
-  onParse: PropTypes.func,
-  children: PropTypes.node
-};
-
 CustomChat.defaultProps = {
-  minimized: true,
+  minimized: undefined,
   children: undefined,
   className: undefined,
-  dataRef: undefined,
   onParse: undefined,
+  themeColor: undefined,
+  loggedInGreeting: undefined,
+  loggedOutGreeting: undefined,
 };

src/EmbeddedPost.jsx

@@ -0,6 +1,16 @@
+// @flow
 import React from 'react';
-import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import Parser from './Parser';
 
-export default function EmbeddedPost(props) {
+type Props = {
+  className?: string,
+  href: string,
+  width?: string | number,
+  showText?: boolean,
+  children?: Node,
+  onParse?: Function,
+};
+
+export default function EmbeddedPost(props: Props) {
   const {
@@ -29,18 +39,5 @@ className,
 
-EmbeddedPost.propTypes = {
-  className: PropTypes.string,
-  href: PropTypes.string.isRequired,
-  width: PropTypes.oneOfType([
-    PropTypes.number.isRequired,
-    PropTypes.string.isRequired,
-  ]),
-  showText: PropTypes.bool.isRequired,
-  children: PropTypes.node,
-  onParse: PropTypes.func,
-};
-
 EmbeddedPost.defaultProps = {
-  href: 'http://www.facebook.com',
-  width: 500, // 350 - 750
-  showText: false,
+  width: undefined,
+  showText: undefined,
   children: undefined,
@@ -47,0 +44,0 @@ className: undefined,

src/FacebookProvider.jsx

@@ -1,3 +0,5 @@
-import { Component } from 'react';
+// @flow
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import FB from './Facebook';
@@ -7,16 +9,16 @@
 
-export default class Facebook extends Component {
-  static propTypes = {
-    appId: PropTypes.string.isRequired,
-    domain: PropTypes.string,
-    version: PropTypes.string,
-    cookie: PropTypes.bool,
-    status: PropTypes.bool,
-    xfbml: PropTypes.bool,
-    language: PropTypes.string,
-    frictionlessRequests: PropTypes.bool,
-    children: PropTypes.node,
-    wait: PropTypes.bool,
-  };
+type Props = {
+  appId: string,
+  domain?: string,
+  version?: string,
+  cookie?: boolean,
+  status?: boolean,
+  xfbml?: boolean,
+  language?: string,
+  frictionlessRequests?: boolean,
+  children?: Node,
+  wait?: boolean,
+};
 
+export default class Facebook extends Component<Props> {
   static childContextTypes = {
@@ -23,0 +25,0 @@ facebook: PropTypes.object.isRequired,

src/Feed.jsx

@@ -1,2 +0,2 @@
-import PropTypes from 'prop-types';
+// @flow
 import getCurrentHref from './utils/getCurrentHref';
@@ -6,19 +6,18 @@ import clearUndefinedProperties from './utils/clearUndefinedProperties';
 
-export default class Feed extends Process {
-  static propTypes = {
-    ...Process.propTypes,
-    appId: PropTypes.string,
-    redirectURI: PropTypes.string,
-    display: PropTypes.string,
-    from: PropTypes.string,
-    to: PropTypes.string,
-    link: PropTypes.string,
-    source: PropTypes.string,
-    picture: PropTypes.string, // deprecated
-    name: PropTypes.string, // deprecated
-    caption: PropTypes.string, // deprecated
-    description: PropTypes.string, // deprecated
-    ref: PropTypes.string,
-  };
+type Props = Process & {
+  appId?: string,
+  redirectURI?: string,
+  display?: string,
+  from?: string,
+  to?: string,
+  link?: string,
+  source?: string,
+  picture?: string, // deprecated
+  name?: string, // deprecated
+  caption?: string, // deprecated
+  description?: string, // deprecated
+  ref?: string,
+};
 
+export default class Feed extends Process<Props> {
   static defaultProps = {
@@ -25,0 +24,0 @@ ...Process.defaultProps,

src/index.js

@@ -8,2 +8,3 @@ export default from './FacebookProvider';
 export Like from './Like';
+export Send from './Send';
 export Share from './Share';
@@ -15,2 +16,3 @@ export ShareButton from './ShareButton';
 export EmbeddedPost from './EmbeddedPost';
+export EmbeddedVideo from './EmbeddedVideo';
 export Comments from './Comments';
@@ -25,3 +27,2 @@ export CommentsCount from './CommentsCount';
 
-
 export LikeSize from './constants/LikeSize';
@@ -33,4 +34,3 @@ export LikeLayout from './constants/LikeLayout';
 
-
 export MessengerSize from './constants/MessengerSize';
 export MessengerColor from './constants/MessengerColor';

src/InitFacebook.jsx

@@ -1,11 +0,13 @@
-import { Component } from 'react';
+// @flow
+import React, { Component } from 'react';
+import type { Node } from 'react';
 import PropTypes from 'prop-types';
 import canUseDOM from 'can-use-dom';
 
-export default class InitFacebook extends Component {
-  static propTypes = {
-    children: PropTypes.node,
-    onReady: PropTypes.func.isRequired,
-  };
+type Props = {
+  children?: Node,
+  onReady: Function
+};
 
+export default class InitFacebook extends Component<Props> {
   static defaultProps = {
@@ -12,0 +14,0 @@ children: undefined,

src/Like.jsx

@@ -0,11 +1,24 @@
+// @flow
+import type { Node } from 'react';
 import React from 'react';
-import PropTypes from 'prop-types';
 import Parser from './Parser';
 import getCurrentHref from './utils/getCurrentHref';
-import LikeSize from './constants/LikeSize';
-import LikeLayout from './constants/LikeLayout';
-import ColorScheme from './constants/ColorScheme';
-import LikeAction from './constants/LikeAction';
 
-export default function Like(props) {
+type Props = {
+  className?: string,
+  referral?: string,
+  href?: string,
+  layout?: string,
+  showFaces?: boolean,
+  colorScheme?: string,
+  action?: string,
+  share?: boolean,
+  children?: Node,
+  width?: number | string,
+  size?: string,
+  kidDirectedSite?: boolean,
+  onParse?: Function,
+};
+
+export default function Like(props: Props) {
   const {
@@ -48,29 +61,10 @@ className,
 
-Like.propTypes = {
-  className: PropTypes.string,
-  referral: PropTypes.string,
-  href: PropTypes.string,
-  layout: PropTypes.string.isRequired,
-  showFaces: PropTypes.bool.isRequired,
-  colorScheme: PropTypes.string.isRequired,
-  action: PropTypes.string.isRequired,
-  share: PropTypes.bool.isRequired,
-  children: PropTypes.node,
-  width: PropTypes.oneOfType([
-    PropTypes.number.isRequired,
-    PropTypes.string.isRequired,
-  ]),
-  size: PropTypes.string,
-  kidDirectedSite: PropTypes.bool.isRequired,
-  onParse: PropTypes.func,
-};
-
 Like.defaultProps = {
-  layout: LikeLayout.STANDARD,
-  showFaces: false,
-  colorScheme: ColorScheme.LIGHT,
-  action: LikeAction.LIKE,
-  share: false,
-  size: LikeSize.SMALL,
-  kidDirectedSite: false,
+  layout: undefined,
+  showFaces: undefined,
+  colorScheme: undefined,
+  action: undefined,
+  share: undefined,
+  size: undefined,
+  kidDirectedSite: undefined,
   children: undefined,
@@ -77,0 +71,0 @@ className: undefined,

src/Login.jsx

@@ -1,14 +0,13 @@
-import PropTypes from 'prop-types';
+// @flow
 import Process from './Process';
 
-export default class Login extends Process {
-  static propTypes = {
-    ...Process.propTypes,
-    scope: PropTypes.string.isRequired,
-    fields: PropTypes.arrayOf(PropTypes.string),
-    returnScopes: PropTypes.bool,
-    rerequest: PropTypes.bool,
-    reauthorize: PropTypes.bool,
-  };
+type Props = Process & {
+  scope: string,
+  fields?: string[],
+  returnScopes?: boolean,
+  rerequest?: boolean,
+  reauthorize?: boolean,
+};
 
+export default class Login extends Process<Props> {
   static defaultProps = {
@@ -25,3 +24,5 @@ ...Process.defaultProps,
   async process(facebook) {
-    const { scope, fields, returnScopes, rerequest, reauthorize } = this.props;
+    const {
+      scope, fields, returnScopes, rerequest, reauthorize,
+    } = this.props;
     const loginQpts = { scope };
@@ -28,0 +29,0 @@ const authType = [];

src/LoginButton.jsx

@@ -1,62 +0,60 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+// @flow
+import type { Node } from 'react';
+import React from 'react';
 import Spinner from 'react-spinner-children';
 import Login from './Login';
 
-export default class LoginButton extends Component {
-  static propTypes = {
-    ...Login.propTypes,
-    spinnerConfig: PropTypes.object.isRequired,
-    children: PropTypes.node,
-    className: PropTypes.string,
-    buttonClassName: PropTypes.string,
-    iconClassName: PropTypes.string,
-    icon: PropTypes.bool,
-    spinnerClassName: PropTypes.string,
-    spinner: PropTypes.bool,
-  };
+type Props = Login & {
+  spinnerConfig: Object,
+  children?: Node,
+  className?: string,
+  buttonClassName?: string,
+  iconClassName?: string,
+  icon?: boolean,
+  spinnerClassName?: string,
+  spinner?: bool,
+};
 
-  static defaultProps = {
-    ...Login.defaultProps,
-    spinnerConfig: {},
-    buttonClassName: 'btn btn-lg',
-    iconClassName: 'fa fa-facebook pull-left',
-    spinner: true,
-    icon: true,
-  };
+export default function LoginButton(props: Props) {
+  const {
+    children,
+    buttonClassName,
+    iconClassName,
+    icon,
+    spinner,
+    spinnerClassName,
+    ...rest
+  } = props;
 
-  render() {
-    const {
-      children,
-      buttonClassName,
-      iconClassName,
-      icon,
-      spinner,
-      spinnerClassName,
-      ...rest
-    } = this.props;
+  return (
+    <Login
+      {...rest}
+      render={({ isWorking, isLoading, onClick }) => (
+        <button
+          type="button"
+          className={buttonClassName}
+          onClick={onClick}
+          disabled={isWorking || isLoading}
+        >
+          {!!icon && <i className={iconClassName} />}
+          {children}
+          {!!spinner && (isWorking || isLoading) && (
+            <Spinner
+              config={this.props.spinnerConfig}
+              className={spinnerClassName}
+            />
+          )}
+        </button>
+      )}
+    />
+  );
+}
 
-    return (
-      <Login
-        {...rest}
-        render={({ isWorking, isLoading, onClick }) => (
-          <button
-            type="button"
-            className={buttonClassName}
-            onClick={onClick}
-            disabled={isWorking || isLoading}
-          >
-            {!!icon && <i className={iconClassName} />}
-            {children}
-            {!!spinner && (isWorking || isLoading) && (
-              <Spinner
-                config={this.props.spinnerConfig}
-                className={spinnerClassName}
-              />
-            )}
-          </button>
-        )}
-      />
-    );
-  }
-}
+LoginButton.defaultProps = {
+  ...Login.defaultProps,
+  spinnerConfig: {},
+  buttonClassName: 'btn btn-lg',
+  iconClassName: 'fa fa-facebook pull-left',
+  spinner: true,
+  icon: true,
+};

src/MessageUs.jsx

@@ -0,16 +1,23 @@
+// @flow
 import React from 'react';
-import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import Parser from './Parser';
-import MessengerSize from './constants/MessengerSize';
-import MessengerColor from './constants/MessengerColor';
 
+type Props = {
+  className?: string,
+  messengerAppId: string,
+  pageId: string,
+  color?: string,
+  children?: Node,
+  size?: string,
+  onParse?: Function,
+};
 
-export default function MessageUs(props) {
+export default function MessageUs(props: Props) {
   const {
     className,
     color,
-    appId,
+    messengerAppId,
     pageId,
     children,
-    dataRef,
     size,
@@ -24,7 +31,6 @@ onParse,
         className="fb-messengermessageus"
-        messenger_app_id={appId}
+        messenger_app_id={messengerAppId}
         page_id={pageId}
-        data-color={color}
-        data-size={size}
-        data-ref={dataRef}
+        color={color}
+        size={size}
       >
@@ -37,17 +43,5 @@ {children}
 
-MessageUs.propTypes = {
-  className: PropTypes.string,
-  appId: PropTypes.string.isRequired,
-  pageId: PropTypes.string.isRequired,
-  color: PropTypes.string,
-  children: PropTypes.node,
-  size: PropTypes.string,
-  dataRef: PropTypes.string,
-  onParse: PropTypes.func,
-};
-
 MessageUs.defaultProps = {
-  color: MessengerColor.BLUE,
-  size: MessengerSize.STANDARD,
-  dataRef: undefined,
+  color: undefined,
+  size: undefined,
   children: undefined,
@@ -54,0 +48,0 @@ className: undefined,

src/MessengerCheckbox.jsx

@@ -0,9 +1,22 @@
+// @flow
 import React from 'react';
-import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import Parser from './Parser';
-import MessengerSize from './constants/MessengerSize';
-import MessengerColor from './constants/MessengerColor';
 
+type Props = {
+  className?: string,
+  messengerAppId: string,
+  pageId: string,
+  userRef?: string,
+  origin?: string,
+  children?: Node,
+  size?: string,
+  prechecked?: boolean,
+  allowLogin?: boolean,
+  onParse?: Function,
+  centerAlign?: boolean,
+  skin?: string,
+};
 
-export default function MessengerCheckbox(props) {
+export default function MessengerCheckbox(props: Props) {
   const {
@@ -15,4 +28,3 @@ className,
     userRef,
-    color,
-    appId,
+    messengerAppId,
     pageId,
@@ -22,2 +34,4 @@ children,
     onParse,
+    centerAlign,
+    skin,
   } = props;
@@ -29,10 +43,11 @@
         className="fb-messenger-checkbox"
-        messenger_app_id={appId}
+        messenger_app_id={messengerAppId}
         page_id={pageId}
-        data-color={color}
-        data-size={size}
-        data-origin={origin}
+        size={size}
+        origin={origin}
         user_ref={userRef}
         prechecked={prechecked}
         allow_login={allowLogin}
+        skin={skin}
+        center_align={centerAlign}
       >
@@ -45,21 +60,6 @@ {children}
 
-MessengerCheckbox.propTypes = {
-  className: PropTypes.string,
-  appId: PropTypes.string.isRequired,
-  pageId: PropTypes.string.isRequired,
-  color: PropTypes.string,
-  userRef: PropTypes.string,
-  origin: PropTypes.string.isRequired,
-  children: PropTypes.node,
-  size: PropTypes.string,
-  prechecked: PropTypes.bool,
-  allowLogin: PropTypes.bool,
-  onParse: PropTypes.func,
-};
-
 MessengerCheckbox.defaultProps = {
-  color: MessengerColor.BLUE,
-  size: MessengerSize.STANDARD,
-  allowLogin: true,
-  prechecked: false,
+  size: undefined,
+  allowLogin: undefined,
+  prechecked: undefined,
   userRef: undefined,
@@ -69,2 +69,5 @@ children: undefined,
   onParse: undefined,
+  origin: undefined,
+  skin: undefined,
+  centerAlign: undefined,
 };

src/Page.jsx

@@ -0,7 +1,24 @@
+// @flow
 import React from 'react';
-import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import Parser from './Parser';
 import getCurrentHref from './utils/getCurrentHref';
 
-export default function Page(props) {
+type Props = {
+  className?: string,
+  href?: string,
+  tabs?: string,
+  hideCover?: boolean,
+  height?: number | string,
+  width?: number | string,
+  showFacepile?: boolean,
+  hideCTA?: boolean,
+  smallHeader?: boolean,
+  adaptContainerWidth?: boolean,
+  children?: Node,
+  onParse?: Function,
+  style?: Object,
+};
+
+export default function Page(props: Props) {
   const {
@@ -44,35 +61,16 @@ className,
 
-Page.propTypes = {
-  className: PropTypes.string,
-  href: PropTypes.string.isRequired,
-  tabs: PropTypes.string,
-  hideCover: PropTypes.bool,
-  height: PropTypes.oneOfType([
-    PropTypes.number.isRequired,
-    PropTypes.string.isRequired,
-  ]),
-  width: PropTypes.oneOfType([
-    PropTypes.number.isRequired,
-    PropTypes.string.isRequired,
-  ]),
-  showFacepile: PropTypes.bool,
-  hideCTA: PropTypes.bool,
-  smallHeader: PropTypes.bool,
-  adaptContainerWidth: PropTypes.bool,
-  children: PropTypes.node,
-  onParse: PropTypes.func,
-};
-
 Page.defaultProps = {
-  width: 340,
-  height: 500,
-  tabs: 'timeline',
-  hideCover: false,
-  showFacepile: true,
-  hideCTA: false,
-  smallHeader: false,
-  adaptContainerWidth: true,
+  width: undefined,
+  height: undefined,
+  tabs: undefined,
+  hideCover: undefined,
+  showFacepile: undefined,
+  hideCTA: undefined,
+  smallHeader: undefined,
+  adaptContainerWidth: undefined,
   children: undefined,
   className: undefined,
   onParse: undefined,
+  style: undefined,
+  href: undefined,
 };

src/Parser.jsx

@@ -0,12 +1,13 @@
+// @flow
 import React, { Component } from 'react';
-import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import InitFacebook from './InitFacebook';
 
-export default class Parser extends Component {
-  static propTypes = {
-    className: PropTypes.string,
-    children: PropTypes.node.isRequired,
-    onParse: PropTypes.func,
-  };
+type Props = {
+  className?: string,
+  children?: Node,
+  onParse?: Function,
+};
 
+export default class Parser extends Component<Props> {
   static defaultProps = {
@@ -17,6 +18,2 @@ className: undefined,
 
-  shouldComponentUpdate() {
-    return false;
-  }
-
   componentWillReceiveProps(props) {
@@ -42,2 +39,6 @@ const oldChildren = this.props.children;
 
+  shouldComponentUpdate() {
+    return false;
+  }
+
   rerender() {
@@ -44,0 +45,0 @@ this.forceUpdate();

src/Process.jsx

@@ -0,16 +1,17 @@
+// @flow
+import type { Node } from 'react';
 import React, { Component, cloneElement } from 'react';
-import PropTypes from 'prop-types';
 import InitFacebook from './InitFacebook';
 
-export default class Process extends Component {
-  static propTypes = {
-    children: PropTypes.node,
-    render: PropTypes.func,
-    component: PropTypes.node,
-    onReady: PropTypes.func,
-    onError: PropTypes.func,
-    onResponse: PropTypes.func,
-    dontWait: PropTypes.bool,
-  };
+type Props = {
+  children?: Node,
+  render?: Function,
+  component?: Node,
+  onReady?: Function,
+  onError?: Function,
+  onResponse?: Function,
+  dontWait?: boolean,
+};
 
+export default class Process extends Component<Props> {
   static defaultProps = {
@@ -30,2 +31,38 @@ children: undefined,
 
+  getElement() {
+    const {
+      children,
+      render,
+      component: CustomComponent,
+    } = this.props;
+
+    const { facebook, isWorking } = this.state;
+    const isLoading = !facebook;
+    const isReady = !isLoading && !isWorking;
+
+    if (render) {
+      return render({
+        isWorking,
+        isLoading,
+        isReady,
+        onClick: this.handleClick,
+      });
+    }
+
+    if (CustomComponent) {
+      return (
+        <CustomComponent
+          onClick={this.handleClick}
+          isLoading={isLoading}
+          isWorking={isWorking}
+          isReady={isReady}
+        />
+      );
+    }
+
+    return cloneElement(children, {
+      onClick: this.handleClick,
+    });
+  }
+
   handleClick = async (evn) => {
@@ -84,38 +121,2 @@ evn.preventDefault();
 
-  getElement() {
-    const {
-      children,
-      render,
-      component: CustomComponent,
-    } = this.props;
-
-    const { facebook, isWorking } = this.state;
-    const isLoading = !facebook;
-    const isReady = !isLoading && !isWorking;
-
-    if (render) {
-      return render({
-        isWorking,
-        isLoading,
-        isReady,
-        onClick: this.handleClick,
-      });
-    }
-
-    if (CustomComponent) {
-      return (
-        <CustomComponent
-          onClick={this.handleClick}
-          isLoading={isLoading}
-          isWorking={isWorking}
-          isReady={isReady}
-        />
-      );
-    }
-
-    return cloneElement(children, {
-      onClick: this.handleClick,
-    });
-  }
-
   render() {
@@ -122,0 +123,0 @@ return (

src/SendToMessenger.jsx

@@ -0,3 +1,4 @@
+// @flow
 import React from 'react';
-import PropTypes from 'prop-types';
+import type { Node } from 'react';
 import Parser from './Parser';
@@ -7,4 +8,14 @@ import MessengerSize from './constants/MessengerSize';
 
+type Props = {
+  className?: string,
+  appId: string,
+  pageId: string,
+  color?: string,
+  children?: Node,
+  dataRef?: string,
+  size?: string,
+  onParse?: Function,
+};
 
-export default function SendToMessenger(props) {
+export default function SendToMessenger(props: Props) {
   const {
@@ -37,16 +48,5 @@ className,
 
-SendToMessenger.propTypes = {
-  className: PropTypes.string,
-  appId: PropTypes.string.isRequired,
-  pageId: PropTypes.string.isRequired,
-  color: PropTypes.string,
-  children: PropTypes.node,
-  dataRef: PropTypes.string,
-  size: PropTypes.string,
-  onParse: PropTypes.func,
-};
-
 SendToMessenger.defaultProps = {
-  color: MessengerColor.BLUE,
-  size: MessengerSize.STANDARD,
+  color: undefined,
+  size: undefined,
   dataRef: undefined,
@@ -53,0 +53,0 @@ children: undefined,

src/Share.jsx

@@ -1,2 +0,2 @@
-import PropTypes from 'prop-types';
+// @flow
 import getCurrentHref from './utils/getCurrentHref';
@@ -6,14 +6,13 @@ import clearUndefinedProperties from './utils/clearUndefinedProperties';
 
-export default class Share extends Process {
-  static propTypes = {
-    ...Process.propTypes,
-    href: PropTypes.string,
-    hashtag: PropTypes.string,
-    quote: PropTypes.string,
-    mobileIframe: PropTypes.bool,
-    display: PropTypes.string,
-    appId: PropTypes.string,
-    redirectURI: PropTypes.string,
-  };
+type Props = Process & {
+  href?: string,
+  hashtag?: string,
+  quote?: string,
+  mobileIframe?: boolean,
+  display?: string,
+  appId?: string,
+  redirectURI?: string,
+};
 
+export default class Share extends Process<Props> {
   static defaultProps = {
@@ -20,0 +19,0 @@ ...Process.defaultProps,

src/ShareButton.jsx

@@ -0,6 +1,12 @@
+// @flow
 import React from 'react';
-import PropTypes from 'prop-types';
 import Share from './Share';
 
-export default function ShareButton(props) {
+type Props = Share & {
+  className?: string,
+  iconClassName?: string,
+  icon?: boolean,
+};
+
+export default function ShareButton(props: Props) {
   const {
@@ -32,9 +38,2 @@ className,
 
-ShareButton.propTypes = {
-  ...Share.propTypes,
-  className: PropTypes.string,
-  iconClassName: PropTypes.string,
-  icon: PropTypes.bool,
-};
-
 ShareButton.defaultProps = {
@@ -41,0 +40,0 @@ ...Share.defaultProps,

src/utils/getCurrentHref.js

@@ -5,3 +5,3 @@ import canUseDOM from 'can-use-dom';
   if (!canUseDOM) {
-    return 'http://www.facebook.com';
+    return 'https://www.facebook.com';
   }
@@ -8,0 +8,0 @@

No alert changes

Improved metrics

Number of package files

234

increased by6.36%

Number of lines in readme file

311

increased by0.97%

Worsened metrics

Total package byte prevSize

462808

decreased by-5.16%

Dev dependency count

25

increased by4.17%

Lines of code

7363

decreased by-2.72%

Dependency changes

• Updatedprop-types@^15.6.1