@mjhls/mjh-framework 1.0.859-segment-targeting-v2 → 1.0.859

package/dist/cjs/PartnerDetailListing.js

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
@@ -8,17 +8,16 @@ require('./_iter-detect-60b2f026.js');
 require('./toConsumableArray-9a3476fe.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-0a918631.js');
+var _extends = require('./extends-60837c34.js');
 require('./_object-sap-5e74ba08.js');
-require('./inherits-0c7830c5.js');
+require('./inherits-87492b40.js');
 require('./define-property-f4d12f4e.js');
 require('./web.dom.iterable-a0e279c1.js');
 require('./typeof-9d7f610f.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
-require('./events-1b438fe7.js');
-require('./index-2cf30c83.js');
-require('prop-types');
+require('./index-44481153.js');
+var PropTypes = require('prop-types');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
@@ -41,9 +40,9 @@ var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-require('./ADInfeed-87d1627b.js');
+require('./ADInfeed-ff26342c.js');
 require('./lodash-7fd85bcf.js');
-require('./ADlgInfeed-0070c9c4.js');
+require('./ADlgInfeed-ad4953d4.js');
 require('./getContentCategory-f38a4c00.js');
 require('./AuthorComponent-ac8972ce.js');
 require('react-bootstrap/Button');
@@ -56,7 +55,7 @@ require('./timeDifferenceCalc.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('./iconBase-68959171.js');
 require('./index.esm-974f47d9.js');
-var getSerializers = require('./index-84332690.js');
+var getSerializers = require('./index-cf3e6aca.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-5c98aec7.js');
 require('next/head');
@@ -68,15 +67,1213 @@ require('react-bootstrap/Figure');
 require('react-bootstrap/OverlayTrigger');
 require('react-bootstrap/Tooltip');
 require('react-bootstrap/Popover');
+require('react-script-tag');
 require('react-bootstrap/Carousel');
 var Feature = require('./Feature.js');
 require('react-bootstrap/Breadcrumb');
 var Breadcrumbs = require('./Breadcrumbs.js');
-var reactTwitterEmbed = require('react-twitter-embed');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+    return call;
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+var isRequiredIf_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+Object.defineProperty(exports,'__esModule',{value:!0});var VALIDATOR_ARG_ERROR_MESSAGE='The typeValidator argument must be a function with the signature function(props, propName, componentName).',MESSAGE_ARG_ERROR_MESSAGE='The error message is optional, but must be a string if provided.',propIsRequired=function propIsRequired(a,b,c,d){if('boolean'==typeof a)return a;return 'function'==typeof a?a(b,c,d):!(!0!==!!a)&&!!a},propExists=function propExists(a,b){return Object.hasOwnProperty.call(a,b)},missingPropError=function missingPropError(a,b,c,d){return d?new Error(d):new Error('Required '+a[b]+' `'+b+'`'+(' was not specified in `'+c+'`.'))},guardAgainstInvalidArgTypes=function guardAgainstInvalidArgTypes(a,b){if('function'!=typeof a)throw new TypeError(VALIDATOR_ARG_ERROR_MESSAGE);if(!!b&&'string'!=typeof b)throw new TypeError(MESSAGE_ARG_ERROR_MESSAGE)},isRequiredIf=function isRequiredIf(a,b,c){return guardAgainstInvalidArgTypes(a,c),function(d,e,f){for(var _len=arguments.length,g=Array(3<_len?_len-3:0),_key=3;_key<_len;_key++)g[_key-3]=arguments[_key];return propIsRequired(b,d,e,f)?propExists(d,e)?a.apply(void 0,[d,e,f].concat(g)):missingPropError(d,e,f,c):a.apply(void 0,[d,e,f].concat(g));// Is not required, so just run typeValidator.
+}};exports.default=isRequiredIf;
+
+
+});
+
+var isRequiredIf = _commonjsHelpers.unwrapExports(isRequiredIf_1);
+
+var exenv = _commonjsHelpers.createCommonjsModule(function (module) {
+/*!
+  Copyright (c) 2015 Jed Watson.
+  Based on code that is Copyright 2013-2015, Facebook, Inc.
+  All rights reserved.
+*/
+/* global define */
+
+(function () {
+
+	var canUseDOM = !!(
+		typeof window !== 'undefined' &&
+		window.document &&
+		window.document.createElement
+	);
+
+	var ExecutionEnvironment = {
+
+		canUseDOM: canUseDOM,
+
+		canUseWorkers: typeof Worker !== 'undefined',
+
+		canUseEventListeners:
+			canUseDOM && !!(window.addEventListener || window.attachEvent),
+
+		canUseViewport: canUseDOM && !!window.screen
+
+	};
+
+	if ( module.exports) {
+		module.exports = ExecutionEnvironment;
+	} else {
+		window.ExecutionEnvironment = ExecutionEnvironment;
+	}
+
+}());
+});
+
+var twitterWidgetJs = 'https://platform.twitter.com/widgets.js';
+
+var TwitterTimelineEmbed =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterTimelineEmbed, _Component);
+
+  function TwitterTimelineEmbed(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterTimelineEmbed);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterTimelineEmbed).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterTimelineEmbed, [{
+    key: "buildChromeOptions",
+    value: function buildChromeOptions(options) {
+      options.chrome = '';
+
+      if (this.props.noHeader) {
+        options.chrome = options.chrome + ' noheader';
+      }
+
+      if (this.props.noFooter) {
+        options.chrome = options.chrome + ' nofooter';
+      }
+
+      if (this.props.noBorders) {
+        options.chrome = options.chrome + ' noborders';
+      }
+
+      if (this.props.noScrollbar) {
+        options.chrome = options.chrome + ' noscrollbar';
+      }
+
+      if (this.props.transparent) {
+        options.chrome = options.chrome + ' transparent';
+      }
+
+      return options;
+    }
+  }, {
+    key: "buildOptions",
+    value: function buildOptions() {
+      var options = Object.assign({}, this.props.options);
+
+      if (this.props.autoHeight) {
+        options.height = this.refs.embedContainer.parentNode.offsetHeight;
+      }
+
+      options = Object.assign({}, options, {
+        theme: this.props.theme,
+        linkColor: this.props.linkColor,
+        borderColor: this.props.borderColor,
+        lang: this.props.lang
+      });
+      return options;
+    }
+  }, {
+    key: "renderWidget",
+    value: function renderWidget(options) {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (!this.isMountCanceled) {
+        window.twttr.widgets.createTimeline({
+          sourceType: this.props.sourceType,
+          screenName: this.props.screenName,
+          userId: this.props.userId,
+          ownerScreenName: this.props.ownerScreenName,
+          slug: this.props.slug,
+          id: this.props.id || this.props.widgetId,
+          url: this.props.url
+        }, this.refs.embedContainer, options).then(function (element) {
+          _this2.setState({
+            isLoading: false
+          });
+
+          if (onLoad) {
+            onLoad(element);
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this3 = this;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          if (!window.twttr) {
+            console.error('Failure to load window.twttr in TwitterTimelineEmbed, aborting load.');
+            return;
+          }
+
+          var options = _this3.buildOptions();
+          /** Append chrome options */
+
+
+          options = _this3.buildChromeOptions(options);
+
+          _this3.renderWidget(options);
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "embedContainer"
+      }));
+    }
+  }]);
+
+  return TwitterTimelineEmbed;
+}(React.Component);
+
+_defineProperty(TwitterTimelineEmbed, "propTypes", {
+  /**
+       * This can be either of profile, likes, list, collection, URL, widget
+       */
+  sourceType: PropTypes__default['default'].oneOf(['profile', 'likes', 'list', 'collection', 'url', 'widget']).isRequired,
+
+  /**
+       * username of twitter handle as String
+       */
+  screenName: isRequiredIf(PropTypes__default['default'].string, function (props) {
+    return !props.hasOwnProperty('userId') && (props.sourceType === 'profile' || props.sourceType === 'likes');
+  }),
+
+  /**
+       * UserId of twitter handle as number
+       */
+  userId: isRequiredIf(PropTypes__default['default'].number, function (props) {
+    return !props.hasOwnProperty('screenName') && (props.sourceType === 'profile' || props.sourceType === 'likes');
+  }),
+
+  /**
+       * To show list, used along with slug
+       */
+  ownerScreenName: isRequiredIf(PropTypes__default['default'].string, function (props) {
+    return props.sourceType === 'list' && !props.hasOwnProperty('id');
+  }),
+
+  /**
+       * To show list, used along with ownerScreenName
+       */
+  slug: isRequiredIf(PropTypes__default['default'].string, function (props) {
+    return props.sourceType === 'list' && !props.hasOwnProperty('id');
+  }),
+
+  /**
+       * To show list, unique list id
+       * Also used with collections, in that case its valid collection id
+       */
+  id: isRequiredIf(PropTypes__default['default'].oneOfType([PropTypes__default['default'].number, PropTypes__default['default'].string]), function (props) {
+    return props.sourceType === 'list' && !props.hasOwnProperty('ownerScreenName') && !props.hasOwnProperty('slug') || props.sourceType === 'collection';
+  }),
+
+  /**
+       * To show twitter content with url.
+       * Supported content includes profiles, likes, lists, and collections.
+       */
+  url: isRequiredIf(PropTypes__default['default'].string, function (props) {
+    return props.sourceType === 'url';
+  }),
+
+  /**
+       * To show custom widget
+       */
+  widgetId: isRequiredIf(PropTypes__default['default'].string, function (props) {
+    return props.sourceType === 'widget';
+  }),
+
+  /**
+       * Additional options to pass to twitter widget plugin
+       */
+  options: PropTypes__default['default'].object,
+
+  /**
+       * Automatically fit into parent container height
+       */
+  autoHeight: PropTypes__default['default'].bool,
+
+  /**
+       * With dark or light theme
+       */
+  theme: PropTypes__default['default'].oneOf(['dark', 'light']),
+
+  /**
+       * With custom link colors. Note: Only Hex colors are supported.
+       */
+  linkColor: PropTypes__default['default'].string,
+
+  /**
+       * With custom border colors. Note: Only Hex colors are supported.
+       */
+  borderColor: PropTypes__default['default'].string,
+
+  /**
+       * Hide the header from timeline
+       */
+  noHeader: PropTypes__default['default'].bool,
+
+  /**
+       * Hide the footer from timeline
+       */
+  noFooter: PropTypes__default['default'].bool,
+
+  /**
+       * Hide the border from timeline
+       */
+  noBorders: PropTypes__default['default'].bool,
+
+  /**
+       * Hide the scrollbars
+       */
+  noScrollbar: PropTypes__default['default'].bool,
+
+  /**
+       * Enable Transparancy
+       */
+  transparent: PropTypes__default['default'].bool,
+
+  /**
+       * Custom language code. Supported codes here: https://developer.twitter.com/en/docs/twitter-for-websites/twitter-for-websites-supported-languages/overview.html
+       */
+  lang: PropTypes__default['default'].string,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
+
+var TwitterShareButton =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterShareButton, _Component);
+
+  function TwitterShareButton(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterShareButton);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterShareButton).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterShareButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          if (!window.twttr) {
+            console.error('Failure to load window.twttr in TwitterShareButton, aborting load.');
+            return;
+          }
+
+          if (!_this2.isMountCanceled) {
+            window.twttr.widgets.createShareButton(_this2.props.url, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
+              _this2.setState({
+                isLoading: false
+              });
+
+              if (onLoad) {
+                onLoad(element);
+              }
+            });
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "embedContainer"
+      }));
+    }
+  }]);
+
+  return TwitterShareButton;
+}(React.Component);
+
+_defineProperty(TwitterShareButton, "propTypes", {
+  /**
+  * Url for sharing
+  */
+  url: PropTypes__default['default'].string.isRequired,
+
+  /**
+  * Additional options for overriding config. Details at : https://dev.twitter.com/web/tweet-button/parameters
+  */
+  options: PropTypes__default['default'].object,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
+
+var TwitterFollowButton =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterFollowButton, _Component);
+
+  function TwitterFollowButton(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterFollowButton);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterFollowButton).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterFollowButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          if (!window.twttr) {
+            console.error('Failure to load window.twttr in TwitterFollowButton, aborting load.');
+            return;
+          }
+
+          if (!_this2.isMountCanceled) {
+            window.twttr.widgets.createFollowButton(_this2.props.screenName, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
+              _this2.setState({
+                isLoading: false
+              });
+
+              if (onLoad) {
+                onLoad(element);
+              }
+            });
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "embedContainer"
+      }));
+    }
+  }]);
+
+  return TwitterFollowButton;
+}(React.Component);
+
+_defineProperty(TwitterFollowButton, "propTypes", {
+  /**
+       * Username of twitter user which will be followed on click
+       */
+  screenName: PropTypes__default['default'].string.isRequired,
+
+  /**
+       * Additional options to be added to the button
+       */
+  options: PropTypes__default['default'].object,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
+
+var TwitterHashtagButton =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterHashtagButton, _Component);
+
+  function TwitterHashtagButton(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterHashtagButton);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterHashtagButton).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterHashtagButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          if (!window.twttr) {
+            console.error('Failure to load window.twttr in TwitterHashtagButton, aborting load.');
+            return;
+          }
+
+          if (!_this2.isMountCanceled) {
+            window.twttr.widgets.createHashtagButton(_this2.props.tag, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
+              _this2.setState({
+                isLoading: false
+              });
+
+              if (onLoad) {
+                onLoad(element);
+              }
+            });
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "embedContainer"
+      }));
+    }
+  }]);
+
+  return TwitterHashtagButton;
+}(React.Component);
+
+_defineProperty(TwitterHashtagButton, "propTypes", {
+  /**
+       * Tag name for hashtag button
+       */
+  tag: PropTypes__default['default'].string.isRequired,
+
+  /**
+       * Additional options to be added to the button
+       */
+  options: PropTypes__default['default'].object,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
+
+var TwitterMentionButton =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterMentionButton, _Component);
+
+  function TwitterMentionButton(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterMentionButton);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterMentionButton).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterMentionButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          if (!window.twttr) {
+            console.error('Failure to load window.twttr in TwitterMentionButton, aborting load.');
+            return;
+          }
+
+          if (!_this2.isMountCanceled) {
+            window.twttr.widgets.createMentionButton(_this2.props.screenName, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
+              _this2.setState({
+                isLoading: false
+              });
+
+              if (onLoad) {
+                onLoad(element);
+              }
+            });
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "embedContainer"
+      }));
+    }
+  }]);
+
+  return TwitterMentionButton;
+}(React.Component);
+
+_defineProperty(TwitterMentionButton, "propTypes", {
+  /**
+   * Username to which you will need to tweet
+   */
+  screenName: PropTypes__default['default'].string.isRequired,
+
+  /**
+   * Additional options for overriding config.
+   */
+  options: PropTypes__default['default'].object,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
+
+var TwitterTweetEmbed =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterTweetEmbed, _Component);
+
+  function TwitterTweetEmbed(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterTweetEmbed);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterTweetEmbed).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterTweetEmbed, [{
+    key: "renderWidget",
+    value: function renderWidget() {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (!window.twttr) {
+        console.error('Failure to load window.twttr in TwitterTweetEmbed, aborting load.');
+        return;
+      }
+
+      if (!this.isMountCanceled) {
+        window.twttr.widgets.createTweet(this.props.tweetId, this.refs.embedContainer, this.props.options).then(function (element) {
+          _this2.setState({
+            isLoading: false
+          });
+
+          if (onLoad) {
+            onLoad(element);
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this3 = this;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          _this3.renderWidget();
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "embedContainer"
+      }));
+    }
+  }]);
+
+  return TwitterTweetEmbed;
+}(React.Component);
+
+_defineProperty(TwitterTweetEmbed, "propTypes", {
+  /**
+       * Tweet id that needs to be shown
+       */
+  tweetId: PropTypes__default['default'].string.isRequired,
+
+  /**
+       * Additional options to pass to twitter widget plugin
+       */
+  options: PropTypes__default['default'].object,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
+
+var TwitterMomentShare =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterMomentShare, _Component);
+
+  function TwitterMomentShare(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterMomentShare);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterMomentShare).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterMomentShare, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          if (!window.twttr) {
+            console.error('Failure to load window.twttr in TwitterMomentShare, aborting load.');
+            return;
+          }
+
+          if (!_this2.isMountCanceled) {
+            window.twttr.widgets.createMoment(_this2.props.momentId, _this2.refs.shareMoment, _this2.props.options).then(function (element) {
+              _this2.setState({
+                isLoading: false
+              });
+
+              if (onLoad) {
+                onLoad(element);
+              }
+            });
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "shareMoment"
+      }));
+    }
+  }]);
+
+  return TwitterMomentShare;
+}(React.Component);
+
+_defineProperty(TwitterMomentShare, "propTypes", {
+  /**
+   * id of Twitter moment to show
+   */
+  momentId: PropTypes__default['default'].string.isRequired,
+
+  /**
+   * Additional options for overriding config.
+   */
+  options: PropTypes__default['default'].object,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
+
+var TwitterDMButton =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterDMButton, _Component);
+
+  function TwitterDMButton(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterDMButton);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterDMButton).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterDMButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          if (!window.twttr) {
+            console.error('Failure to load window.twttr in TwitterDMButton, aborting load.');
+            return;
+          }
+
+          if (!_this2.isMountCanceled) {
+            window.twttr.widgets.createDMButton(_this2.props.id, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
+              _this2.setState({
+                isLoading: false
+              });
+
+              if (onLoad) {
+                onLoad(element);
+              }
+            });
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "embedContainer"
+      }));
+    }
+  }]);
+
+  return TwitterDMButton;
+}(React.Component);
+
+_defineProperty(TwitterDMButton, "propTypes", {
+  /**
+  * Twitter user id for DM button
+  */
+  id: PropTypes__default['default'].number.isRequired,
+
+  /**
+  * Additional options to be added to the button
+  */
+  options: PropTypes__default['default'].object,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
+
+var TwitterVideoEmbed =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterVideoEmbed, _Component);
+
+  function TwitterVideoEmbed(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterVideoEmbed);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterVideoEmbed).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterVideoEmbed, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          if (!window.twttr) {
+            console.error('Failure to load window.twttr in TwitterVideoEmbed, aborting load.');
+            return;
+          }
+
+          if (!_this2.isMountCanceled) {
+            window.twttr.widgets.createVideo(_this2.props.id, _this2.refs.embedContainer).then(function (element) {
+              _this2.setState({
+                isLoading: false
+              });
+
+              if (onLoad) {
+                onLoad(element);
+              }
+            });
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "embedContainer"
+      }));
+    }
+  }]);
+
+  return TwitterVideoEmbed;
+}(React.Component);
+
+_defineProperty(TwitterVideoEmbed, "propTypes", {
+  /**
+       * Id of video tweet.
+       */
+  id: PropTypes__default['default'].string.isRequired,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
+
+var TwitterOnAirButton =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(TwitterOnAirButton, _Component);
+
+  function TwitterOnAirButton(props) {
+    var _this;
+
+    _classCallCheck(this, TwitterOnAirButton);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterOnAirButton).call(this, props));
+    _this.state = {
+      isLoading: true
+    };
+    return _this;
+  }
+
+  _createClass(TwitterOnAirButton, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      var onLoad = this.props.onLoad;
+
+      if (exenv.canUseDOM) {
+        var script = require('scriptjs');
+
+        script(twitterWidgetJs, 'twitter-embed', function () {
+          if (!window.twttr) {
+            console.error('Failure to load window.twttr in TwitterOnAirButton, aborting load.');
+            return;
+          }
+
+          if (!_this2.isMountCanceled) {
+            window.twttr.widgets.createPeriscopeOnAirButton(_this2.props.username, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
+              _this2.setState({
+                isLoading: false
+              });
+
+              if (onLoad) {
+                onLoad(element);
+              }
+            });
+          }
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.isMountCanceled = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var isLoading = this.state.isLoading;
+      var placeholder = this.props.placeholder;
+      return React__default['default'].createElement(React__default['default'].Fragment, null, isLoading && placeholder, React__default['default'].createElement("div", {
+        ref: "embedContainer"
+      }));
+    }
+  }]);
+
+  return TwitterOnAirButton;
+}(React.Component);
+
+_defineProperty(TwitterOnAirButton, "propTypes", {
+  /**
+   * Username for which you require periscope on air button
+   */
+  username: PropTypes__default['default'].string.isRequired,
+
+  /**
+   * Additional options for overriding config.
+   */
+  options: PropTypes__default['default'].object,
+
+  /**
+   * Placeholder while tweet is loading
+   */
+  placeholder: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
+
+  /**
+   * Function to execute after load, return html element
+   */
+  onLoad: PropTypes__default['default'].func
+});
 
 var ImageSlider = function ImageSlider(props) {
   var innerSlider = React.useRef(null);
@@ -333,7 +1530,7 @@ var PartnerDetails = function PartnerDetails(_ref) {
         React__default['default'].createElement(
           'div',
           { className: 'mb-5', style: { width: '100%', textAlign: 'center', padding: '0 15px', border: '2px solid #aaa', borderRadius: '15px' } },
-          React__default['default'].createElement(reactTwitterEmbed.TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } })
+          React__default['default'].createElement(TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } })
         )
       ),
       React__default['default'].createElement(