const injectIntl = require('react-intl').injectIntl; const PropTypes = require('prop-types'); const intlShape = require('react-intl').intlShape; const FormattedMessage = require('react-intl').FormattedMessage; const MediaQuery = require('react-responsive').default; const React = require('react'); const Formsy = require('formsy-react').default; const classNames = require('classnames'); const GUI = require('scratch-gui').default; const IntlGUI = injectIntl(GUI); const decorateText = require('../../lib/decorate-text.jsx'); const FlexRow = require('../../components/flex-row/flex-row.jsx'); const Button = require('../../components/forms/button.jsx'); const Avatar = require('../../components/avatar/avatar.jsx'); const ShareBanner = require('./share-banner.jsx'); const RemixCredit = require('./remix-credit.jsx'); const RemixList = require('./remix-list.jsx'); const Stats = require('./stats.jsx'); const StudioList = require('./studio-list.jsx'); const Subactions = require('./subactions.jsx'); const InplaceInput = require('../../components/forms/inplace-input.jsx'); const TopLevelComment = require('./comment/top-level-comment.jsx'); const ComposeComment = require('./comment/compose-comment.jsx'); const ExtensionChip = require('./extension-chip.jsx'); const NotAvailable = require('../../components/not-available/not-available.jsx'); const projectShape = require('./projectshape.jsx').projectShape; require('./preview.scss'); const frameless = require('../../lib/frameless'); // disable enter key submission on formsy input fields; otherwise formsy thinks // we meant to trigger the "See inside" button. Instead, treat these keypresses // as a blur, which will trigger a save. const onKeyPress = e => { if (e.target.type === 'text' && e.which === 13 /* Enter */) { e.preventDefault(); e.target.blur(); } }; const PreviewPresentation = ({ assetHost, backpackHost, canAddToStudio, canDeleteComments, canReport, canRestoreComments, canShare, canUseBackpack, cloudHost, comments, editable, extensions, faved, favoriteCount, intl, isFullScreen, isLoggedIn, isShared, loved, loveCount, moreCommentsToLoad, originalInfo, parentInfo, projectHost, projectId, projectInfo, projectNotAvailable, remixes, reportOpen, replies, addToStudioOpen, projectStudios, singleCommentId, userOwnsProject, onAddComment, onDeleteComment, onFavoriteClicked, onLoadMore, onLoveClicked, onReportClicked, onReportClose, onReportComment, onReportSubmit, onRestoreComment, onAddToStudioClicked, onAddToStudioClosed, onToggleStudio, onToggleComments, onSeeInside, onShare, onUpdate }) => { const shareDate = ((projectInfo.history && projectInfo.history.shared)) ? projectInfo.history.shared : ''; if (projectNotAvailable) { return (