@talkfurther/react/dist/index.umd.js

README.md

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@talkfurther/elements')) :
  typeof define === 'function' && define.amd ? define(['exports', 'react', '@talkfurther/elements'], factory) :
  (global = global || self, factory(global.react = {}, global.react, global.elements));
})(this, (function (exports, React, elements) {
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

  var version = "1.5.0";

  class Teaser extends React__default["default"].Component {
    constructor(props) {
      super(props);
      this.state = {
        isClient: false
      };
    }
    componentDidMount() {
      // componentDidMount only runs in the client,
      // so when it runs, we know for sure it's client-side
      this.setState({
        isClient: true
      });
      const region = this.props.region;
      elements.registerTeaserWebComponent({
        region
      });
    }
    render() {
      const props = this.props;
      const isClient = this.state.isClient;
      const html = isClient ? "" : elements.renderServerSide(props);
      return React__default["default"].createElement("further-teaser", {
        suppressHydrationWarning: true,
        dangerouslySetInnerHTML: {
          __html: html
        },
        "vsa-instance": props.vsaInstance,
        "data-sdk-framework": "react",
        "data-sdk-react-version": version,
        title: props.title,
        subtitle: props.subtitle,
        options: JSON.stringify(props.options),
        "show-recent-tour-inquiries": props.showRecentTourInquiries,
        theme: JSON.stringify(props.theme || {}),
        "custom-css": props.customCss
      });
    }
  }

  exports.Teaser = Teaser;

}));
//# sourceMappingURL=index.umd.js.map