@talkfurther/react/dist/index.cjs

README.md

var React = require('react');
var elements = require('@talkfurther/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.cjs.map