2 files changed, 0 insertions, 253 deletions
diff --git a/plugins/jetpack/extensions/blocks/business-hours/components/day-edit.js b/plugins/jetpack/extensions/blocks/business-hours/components/day-edit.js
deleted file mode 100644
index bab6958a..00000000
--- a/plugins/jetpack/extensions/blocks/business-hours/components/day-edit.js
+++ /dev/null
@@ -1,200 +0,0 @@
-/**
- * External dependencies
- */
-import classNames from 'classnames';
-import { __ } from '@wordpress/i18n';
-import { Component, Fragment } from '@wordpress/element';
-import { IconButton, TextControl, ToggleControl } from '@wordpress/components';
-import { isEmpty } from 'lodash';
-
-const defaultOpen = '09:00';
-const defaultClose = '17:00';
-
-class DayEdit extends Component {
-	renderInterval = ( interval, intervalIndex ) => {
-		const { day } = this.props;
-		const { opening, closing } = interval;
-		return (
-			<Fragment key={ intervalIndex }>
-				<div className="business-hours__row">
-					<div className={ classNames( day.name, 'business-hours__day' ) }>
-						{ intervalIndex === 0 && this.renderDayToggle() }
-					</div>
-					<div className={ classNames( day.name, 'business-hours__hours' ) }>
-						<TextControl
-							type="time"
-							label={ __( 'Opening', 'jetpack' ) }
-							value={ opening }
-							className="business-hours__open"
-							placeholder={ defaultOpen }
-							onChange={ value => {
-								this.setHour( value, 'opening', intervalIndex );
-							} }
-						/>
-						<TextControl
-							type="time"
-							label={ __( 'Closing', 'jetpack' ) }
-							value={ closing }
-							className="business-hours__close"
-							placeholder={ defaultClose }
-							onChange={ value => {
-								this.setHour( value, 'closing', intervalIndex );
-							} }
-						/>
-					</div>
-					<div className="business-hours__remove">
-						{ day.hours.length > 1 && (
-							<IconButton
-								isSmall
-								isLink
-								icon="trash"
-								onClick={ () => {
-									this.removeInterval( intervalIndex );
-								} }
-							/>
-						) }
-					</div>
-				</div>
-				{ intervalIndex === day.hours.length - 1 && (
-					<div className="business-hours__row business-hours-row__add">
-						<div className={ classNames( day.name, 'business-hours__day' ) }>&nbsp;</div>
-						<div className={ classNames( day.name, 'business-hours__hours' ) }>
-							<IconButton
-								isLink
-								label={ __( 'Add Hours', 'jetpack' ) }
-								onClick={ this.addInterval }
-							>
-								{ __( 'Add Hours', 'jetpack' ) }
-							</IconButton>
-						</div>
-						<div className="business-hours__remove">&nbsp;</div>
-					</div>
-				) }
-			</Fragment>
-		);
-	};
-
-	setHour = ( hourValue, hourType, hourIndex ) => {
-		const { day, attributes, setAttributes } = this.props;
-		const { days } = attributes;
-		setAttributes( {
-			days: days.map( value => {
-				if ( value.name === day.name ) {
-					return {
-						...value,
-						hours: value.hours.map( ( hour, index ) => {
-							if ( index === hourIndex ) {
-								return {
-									...hour,
-									[ hourType ]: hourValue,
-								};
-							}
-							return hour;
-						} ),
-					};
-				}
-				return value;
-			} ),
-		} );
-	};
-
-	toggleClosed = nextValue => {
-		const { day, attributes, setAttributes } = this.props;
-		const { days } = attributes;
-
-		setAttributes( {
-			days: days.map( value => {
-				if ( value.name === day.name ) {
-					const hours = nextValue
-						? [
-								{
-									opening: defaultOpen,
-									closing: defaultClose,
-								},
-						  ]
-						: [];
-					return {
-						...value,
-						hours,
-					};
-				}
-				return value;
-			} ),
-		} );
-	};
-
-	addInterval = () => {
-		const { day, attributes, setAttributes } = this.props;
-		const { days } = attributes;
-		day.hours.push( { opening: '', closing: '' } );
-		setAttributes( {
-			days: days.map( value => {
-				if ( value.name === day.name ) {
-					return {
-						...value,
-						hours: day.hours,
-					};
-				}
-				return value;
-			} ),
-		} );
-	};
-
-	removeInterval = hourIndex => {
-		const { day, attributes, setAttributes } = this.props;
-		const { days } = attributes;
-
-		setAttributes( {
-			days: days.map( value => {
-				if ( day.name === value.name ) {
-					return {
-						...value,
-						hours: value.hours.filter( ( hour, index ) => {
-							return hourIndex !== index;
-						} ),
-					};
-				}
-				return value;
-			} ),
-		} );
-	};
-
-	isClosed() {
-		const { day } = this.props;
-		return isEmpty( day.hours );
-	}
-
-	renderDayToggle() {
-		const { day, localization } = this.props;
-		return (
-			<Fragment>
-				<span className="business-hours__day-name">{ localization.days[ day.name ] }</span>
-				<ToggleControl
-					label={ this.isClosed() ? __( 'Closed', 'jetpack' ) : __( 'Open', 'jetpack' ) }
-					checked={ ! this.isClosed() }
-					onChange={ this.toggleClosed }
-				/>
-			</Fragment>
-		);
-	}
-
-	renderClosed() {
-		const { day } = this.props;
-		return (
-			<div className="business-hours__row business-hours-row__closed">
-				<div className={ classNames( day.name, 'business-hours__day' ) }>
-					{ this.renderDayToggle() }
-				</div>
-				<div className={ classNames( day.name, 'closed', 'business-hours__hours' ) }>&nbsp;</div>
-				<div className="business-hours__remove">&nbsp;</div>
-			</div>
-		);
-	}
-
-	render() {
-		const { day } = this.props;
-		return this.isClosed() ? this.renderClosed() : day.hours.map( this.renderInterval );
-	}
-}
-
-export default DayEdit;
diff --git a/plugins/jetpack/extensions/blocks/business-hours/components/day-preview.js b/plugins/jetpack/extensions/blocks/business-hours/components/day-preview.js
deleted file mode 100644
index be0dd24b..00000000
--- a/plugins/jetpack/extensions/blocks/business-hours/components/day-preview.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * External dependencies
- */
-import { _x, sprintf } from '@wordpress/i18n';
-import { Component, Fragment } from '@wordpress/element';
-import { date } from '@wordpress/date';
-import { isEmpty } from 'lodash';
-
-class DayPreview extends Component {
-	formatTime( time ) {
-		const { timeFormat } = this.props;
-		const [ hours, minutes ] = time.split( ':' );
-		const _date = new Date();
-		if ( ! hours || ! minutes ) {
-			return false;
-		}
-		_date.setHours( hours );
-		_date.setMinutes( minutes );
-		return date( timeFormat, _date );
-	}
-
-	renderInterval = ( interval, key ) => {
-		return (
-			<dd key={ key }>
-				{ sprintf(
-					_x( 'From %s to %s', 'from business opening hour to closing hour', 'jetpack' ),
-					this.formatTime( interval.opening ),
-					this.formatTime( interval.closing )
-				) }
-			</dd>
-		);
-	};
-
-	render() {
-		const { day, localization } = this.props;
-		const hours = day.hours.filter(
-			// remove any malformed or empty intervals
-			interval => this.formatTime( interval.opening ) && this.formatTime( interval.closing )
-		);
-		return (
-			<Fragment>
-				<dt className={ day.name }>{ localization.days[ day.name ] }</dt>
-				{ isEmpty( hours ) ? (
-					<dd>{ _x( 'Closed', 'business is closed on a full day', 'jetpack' ) }</dd>
-				) : (
-					hours.map( this.renderInterval )
-				) }
-			</Fragment>
-		);
-	}
-}
-
-export default DayPreview;