module.exports = __webpack_require__.p + "d674e9143e56b71e12921fe25b690ff5.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = Button;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactGa = __webpack_require__(70);

var _reactGa2 = _interopRequireDefault(_reactGa);

var _reactRouter = __webpack_require__(19);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function Button(_ref) {
	var _classNames;

	var _ref$type = _ref.type,
	    type = _ref$type === undefined ? 'button' : _ref$type,
	    label = _ref.label,
	    href = _ref.href,
	    onClick = _ref.onClick,
	    overrideClassName = _ref.overrideClassName,
	    extraCls = _ref.extraCls,
	    _ref$color = _ref.color,
	    color = _ref$color === undefined ? 'orange' : _ref$color,
	    ariaLabel = _ref.ariaLabel,
	    _ref$showExternalLink = _ref.showExternalLinkIcon,
	    showExternalLinkIcon = _ref$showExternalLink === undefined ? false : _ref$showExternalLink,
	    _ref$disabled = _ref.disabled,
	    disabled = _ref$disabled === undefined ? false : _ref$disabled,
	    _ref$pdf = _ref.pdf,
	    pdf = _ref$pdf === undefined ? false : _ref$pdf,
	    _ref$gaAction = _ref.gaAction,
	    gaAction = _ref$gaAction === undefined ? '' : _ref$gaAction,
	    _ref$gaLabel = _ref.gaLabel,
	    gaLabel = _ref$gaLabel === undefined ? '' : _ref$gaLabel,
	    _ref$id = _ref.id,
	    id = _ref$id === undefined ? '' : _ref$id;

	var colorCls = 'button--' + color;
	var cls = overrideClassName || (0, _classnames2.default)('button', (_classNames = {}, _defineProperty(_classNames, colorCls, true), _defineProperty(_classNames, extraCls, extraCls), _classNames));
	var aria = ariaLabel || label;

	var internalLink = href && (href.charAt(0) === '/' || href.startsWith('https://annenbergpetspace.org'));
	var linkCls = (0, _classnames2.default)('button', 'button--orange', 'no-underline', _defineProperty({
		'link--external': href && !internalLink && showExternalLinkIcon,
		'link--external__white': href && !internalLink && showExternalLinkIcon,
		'pdf-icon': pdf && showExternalLinkIcon
	}, extraCls, extraCls));

	var wrapClick = function wrapClick(e) {
		_reactGa2.default.event({
			category: 'Internal',
			action: gaAction,
			label: gaLabel
		});

		if (onClick) {
			onClick(e);
		}
	};

	if (href !== undefined) {
		if (!internalLink) {
			return _react2.default.createElement(
				'a',
				{ href: href, target: '_blank', rel: 'noopener noreferrer', className: linkCls },
				label
			);
		}

		return _react2.default.createElement(
			_reactRouter.Link,
			{
				to: href,
				className: linkCls
			},
			label
		);
	}

	return _react2.default.createElement(
		'button',
		{
			className: cls,
			onClick: wrapClick,
			type: type,
			'aria-label': aria,
			disabled: disabled,
			label: label,
			id: id
		},
		label
	);
}

Button.propTypes = {
	type: _react2.default.PropTypes.string,
	label: _react2.default.PropTypes.string.isRequired,
	ariaLabel: _react2.default.PropTypes.string,
	href: _react2.default.PropTypes.string,
	onClick: _react2.default.PropTypes.func,
	color: _react2.default.PropTypes.string,
	extraCls: _react2.default.PropTypes.string,
	overrideClassName: _react2.default.PropTypes.string,
	showExternalLinkIcon: _react2.default.PropTypes.bool,
	pdf: _react2.default.PropTypes.bool,
	disabled: _react2.default.PropTypes.bool,
	gaAction: _react2.default.PropTypes.string,
	gaLabel: _react2.default.PropTypes.string,
	id: _react2.default.PropTypes.string
};
var content = __webpack_require__(317);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".button--play{background-color:#f80;height:96px;width:96px;background-image:url(" + escape(__webpack_require__(318)) + ");background-size:30%;background-repeat:no-repeat;background-position:55% 50%;border-radius:48px !important}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/PlayButton/style.scss"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,YAAY,WAAW,+CAA+C,oBAAoB,4BAA4B,4BAA4B,6BAA6B,CAAC","file":"style.scss","sourcesContent":[".button--play{background-color:#f80;height:96px;width:96px;background-image:url(\"./images/icon_play.svg\");background-size:30%;background-repeat:no-repeat;background-position:55% 50%;border-radius:48px !important}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "c385e25f8a0bc8806039121378ca7130.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactYoutube = __webpack_require__(191);

var _reactYoutube2 = _interopRequireDefault(_reactYoutube);

__webpack_require__(319);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var VideoDialog = (_temp2 = _class = function (_React$Component) {
	_inherits(VideoDialog, _React$Component);

	function VideoDialog() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, VideoDialog);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = VideoDialog.__proto__ || Object.getPrototypeOf(VideoDialog)).call.apply(_ref, [this].concat(args))), _this), _this.focusPlayer = function () {
			var container = document.querySelector('.video__dialog--wrapper iframe');
			container.focus();
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(VideoDialog, [{
		key: 'render',
		value: function render() {
			var _props = this.props,
			    videoDialogSrc = _props.videoDialogSrc,
			    onClose = _props.onClose;
			var msie = window.bowser.msie;

			var ytStem = 'https://www.youtube.com/watch?v=';
			var src = videoDialogSrc && videoDialogSrc.startsWith(ytStem) ? videoDialogSrc.replace(ytStem, '') : videoDialogSrc;

			return _react2.default.createElement(
				'div',
				{ className: 'dialog-overlay video__dialog-overlay' },
				_react2.default.createElement('button', {
					className: 'video__dialog-overlay--close',
					onClick: onClose
				}),
				_react2.default.createElement(
					'div',
					{ className: 'video__dialog--wrapper' },
					msie ? _react2.default.createElement('iframe', {
						width: '100%',
						height: '100%',
						src: 'https://www.youtube.com/embed/' + src + '?autoplay=1&modestbranding=1&playsinline=1&controls=1&rel=0&showinfo=0',
						frameBorder: '0',
						allowFullScreen: true
					}) : _react2.default.createElement(_reactYoutube2.default, {
						videoId: src,
						opts: { width: '100%',
							playerVars: {
								autoplay: 1,
								controls: 1,
								rel: 0,
								showinfo: 0
							} },
						onReady: this.focusPlayer
					}),
					_react2.default.createElement('button', {
						className: 'video__dialog--close-button',
						onClick: onClose
					})
				)
			);
		}
	}]);

	return VideoDialog;
}(_react2.default.Component), _class.propTypes = {
	videoDialogSrc: _react2.default.PropTypes.string.isRequired,
	onClose: _react2.default.PropTypes.func.isRequired
}, _temp2);
exports.default = VideoDialog;
var content = __webpack_require__(320);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".video__dialog-overlay.dialog-overlay{padding:0}.video__dialog-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;cursor:default}.video__dialog-overlay iframe{height:60.2vw;width:90vw;margin:auto;max-height:600px}@media (max-width: 1279px){.video__dialog-overlay iframe{height:50vw}}@media (max-width: 768px){.video__dialog-overlay iframe{max-height:300px}}@media (max-width: 768px){.video__dialog-overlay{top:36px}}.video__dialog--wrapper{position:relative;width:90vw;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:20}.video__dialog-overlay--close{height:100%;width:100%;position:absolute;z-index:10;top:0;left:0}.video__dialog--close-button{background:url(" + escape(__webpack_require__(321)) + ") no-repeat;background-size:contain;position:absolute;top:-3rem;right:1.5rem;width:20px;height:30px;z-index:200;color:transparent}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/VideoDialog/style.scss"],"names":[],"mappings":"AAAA,sCAAsC,SAAS,CAAC,uBAAuB,oBAAoB,oBAAoB,aAAa,gBAAgB,cAAc,CAAC,8BAA8B,cAAc,WAAW,YAAY,gBAAgB,CAAC,2BAA2B,8BAA8B,WAAW,CAAC,CAAC,0BAA0B,8BAA8B,gBAAgB,CAAC,CAAC,0BAA0B,uBAAuB,QAAQ,CAAC,CAAC,wBAAwB,kBAAkB,WAAW,YAAY,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,wBAAwB,qBAAqB,uBAAuB,UAAU,CAAC,8BAA8B,YAAY,WAAW,kBAAkB,WAAW,MAAM,MAAM,CAAC,6BAA6B,mDAA0D,wBAAwB,kBAAkB,UAAU,aAAa,WAAW,YAAY,YAAY,iBAAiB,CAAC","file":"style.scss","sourcesContent":[".video__dialog-overlay.dialog-overlay{padding:0}.video__dialog-overlay{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;cursor:default}.video__dialog-overlay iframe{height:60.2vw;width:90vw;margin:auto;max-height:600px}@media (max-width: 1279px){.video__dialog-overlay iframe{height:50vw}}@media (max-width: 768px){.video__dialog-overlay iframe{max-height:300px}}@media (max-width: 768px){.video__dialog-overlay{top:36px}}.video__dialog--wrapper{position:relative;width:90vw;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:20}.video__dialog-overlay--close{height:100%;width:100%;position:absolute;z-index:10;top:0;left:0}.video__dialog--close-button{background:url(\"./images/icon_close-white.png\") no-repeat;background-size:contain;position:absolute;top:-3rem;right:1.5rem;width:20px;height:30px;z-index:200;color:transparent}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "bba9bb8906eeee487509cdaa064f3678.png";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactSlick = __webpack_require__(91);

var _reactSlick2 = _interopRequireDefault(_reactSlick);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _VideoPlayer = __webpack_require__(129);

var _VideoPlayer2 = _interopRequireDefault(_VideoPlayer);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _utils = __webpack_require__(5);

__webpack_require__(363);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Carousel = (_temp = _class = function (_Component) {
	_inherits(Carousel, _Component);

	function Carousel(props) {
		_classCallCheck(this, Carousel);

		var _this = _possibleConstructorReturn(this, (Carousel.__proto__ || Object.getPrototypeOf(Carousel)).call(this, props));

		_this.state = {
			currentSlide: 0
		};

		_this.goToPrevSlide = function () {
			//	eslint-disable-line react/sort-comp
			_this.slider.slickPrev();
			_this.videoPlaying = -1;
			_this.controls.className = 'carousel__control-bar'; //	reset in case it was hidden while video play
			_this.videoTargets = []; //	the iframe gets destroyed, remove old refs
		};

		_this.goToNextSlide = function () {
			if (_this.slider) {
				_this.slider.slickNext();
				_this.videoPlaying = -1;
				_this.videoTargets = [];
				_this.controls.className = 'carousel__control-bar';
			}
		};

		_this.goToSlide = function (i) {
			_this.slider.slickGoTo(i);
			_this.videoPlaying = -1;
			_this.controls.className = 'carousel__control-bar';
			_this.videoTargets = [];
		};

		_this.updateThumbnails = function (currentSlide) {
			_this.setState({
				currentSlide: currentSlide
			});
		};

		_this.onVideoPlay = function () {
			//	eslint-disable-line react/sort-comp
			_this.videoPlaying = _this.state.currentSlide;
			_this.controls.className += ' carousel__control-bar--hidden'; //	can't use setState because it re-renders VideoPlayer to initial state
		};

		_this.onVideoPause = function () {
			_this.videoPlaying = -1;
			_this.controls.className = 'carousel__control-bar';
		};

		_this.onMouseMove = function () {
			clearTimeout(_this.flashedControls);
			_this.showControls();
			_this.flashedControls = setTimeout(_this.hideControls, 1000);
			if (_this.props.autoPlay === true) {
				_this.pauseAutoPlay();
			}
		};

		_this.onMouseLeave = function () {
			_this.hideControls();
			if (_this.props.autoPlay === true) {
				_this.autoPlay();
			}
		};

		_this.onVideoReady = function (_ref) {
			var target = _ref.target;

			_this.videoTargets.push(target);
		};

		_this.toggleVideoPlay = function () {
			if (_this.videoPlaying > -1) {
				_this.videoTargets.forEach(function (video) {
					return video.pauseVideo();
				});
			} else {
				_this.videoTargets.forEach(function (video) {
					return video.playVideo();
				});
			}
		};

		_this.hideControls = function () {
			if (_this.videoPlaying > -1 && _this.videoPlaying === _this.state.currentSlide) {
				_this.controls.className += ' carousel__control-bar--hidden';
			}
		};

		_this.showControls = function () {
			if (_this.controls) {
				_this.controls.className = 'carousel__control-bar';
			}
		};

		_this.renderImage = function (petImage, overlay) {
			var imgWidth = window.innerWidth <= 736 ? 736 : 1024;

			return _react2.default.createElement(
				'div',
				{ className: 'carousel__item', key: '' + petImage + Math.random() },
				overlay && overlay,
				_react2.default.createElement('div', {
					className: 'carousel__image',
					style: { backgroundImage: 'url(' + (0, _utils.imgTransform)(petImage, { w: imgWidth }) + ')' }
				})
			);
		};

		_this.renderVideo = function (_ref2) {
			var poster = _ref2.poster,
			    src = _ref2.src;
			return _react2.default.createElement(
				'div',
				{ className: 'carousel__item', key: '' + poster + Math.random() },
				_react2.default.createElement(_VideoPlayer2.default, {
					posterImage: poster,
					videoDialogSrc: src,
					playInModal: false,
					onPlay: _this.onVideoPlay,
					onPause: _this.onVideoPause,
					onReady: _this.onVideoReady
				})
			);
		};

		_this.renderCarouselItem = function (_ref3, index) {
			var media = _ref3.media;

			if (typeof media === 'string') {
				//	inject the adoption status on top of the first image
				var firstImageOverlay = _this.props.firstImageOverlay;

				var args = index === 0 && firstImageOverlay && firstImageOverlay !== null ? [media, firstImageOverlay] : [media];

				return _this.renderImage.apply(_this, args);
			} else {
				//	eslint-disable-line no-else-return
				return _this.renderVideo(media);
			}
		};

		_this.videoPlaying = -1;
		_this.videoTargets = [];
		return _this;
	}

	_createClass(Carousel, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var autoPlay = this.props.autoPlay;

			if (autoPlay === true) {
				this.autoPlay();
			}
		}
	}, {
		key: 'autoPlay',
		value: function autoPlay() {
			//	eslint-disable-line react/sort-comp
			var autoPlaySpeed = this.props.autoPlaySpeed;

			if (this.slider) {
				if (this.autoPlayInterval) {
					// Make sure there isn't already an autoplay running
					this.pauseAutoPlay();
				}
				this.autoPlayInterval = setInterval(this.goToNextSlide, autoPlaySpeed);
			}
		}
	}, {
		key: 'pauseAutoPlay',
		value: function pauseAutoPlay() {
			clearInterval(this.autoPlayInterval);
		}
	}, {
		key: 'render',
		value: function render() {
			var _this2 = this;

			var _props = this.props,
			    items = _props.items,
			    squareLayout = _props.squareLayout;
			var currentSlide = this.state.currentSlide;


			var sliderOptions = {
				dots: items.length > 1,
				arrows: false,
				infinite: items.length > 1,
				touchMove: items.length > 1
			};

			var text = items[currentSlide];
			var showText = text.hasOwnProperty('heading'); //	eslint-disable-line no-prototype-builtins

			var containerCls = (0, _classnames2.default)('carousel', {
				'carousel--square': squareLayout,
				'carousel--text': showText
			});

			/* eslint-disable */
			return _react2.default.createElement(
				'div',
				{
					className: containerCls,
					onMouseLeave: this.onMouseLeave,
					onMouseMove: this.onMouseMove,
					onClick: this.toggleVideoPlay
				},
				_react2.default.createElement(
					_reactSlick2.default,
					_extends({
						ref: function ref(slider) {
							_this2.slider = slider;
						},
						afterChange: this.updateThumbnails
					}, sliderOptions),
					items.map(this.renderCarouselItem)
				),
				showText && _react2.default.createElement(
					'div',
					{ className: 'carousel__text-container' },
					_react2.default.createElement(
						'h2',
						{ className: 'heading heading--xs' },
						text.subheading
					),
					_react2.default.createElement(
						'h1',
						{ className: 'heading heading--xl' },
						text.heading
					),
					_react2.default.createElement('p', {
						className: 'copy',
						dangerouslySetInnerHTML: { __html: text.copy }
					}),
					_react2.default.createElement(
						'p',
						null,
						_react2.default.createElement(_Button2.default, {
							className: 'button',
							label: text.ctaLabel,
							href: text.ctaTarget
						})
					)
				),
				items.length > 1 && _react2.default.createElement(
					'div',
					{ className: 'carousel__control-bar', ref: function ref(controls) {
							_this2.controls = controls;
						} },
					_react2.default.createElement(
						'div',
						{ className: 'carousel__controls' },
						_react2.default.createElement('button', {
							className: 'carousel__control carousel__control--prev',
							onClick: this.goToPrevSlide,
							'aria-label': 'Previous Slide'
						}),
						_react2.default.createElement('button', {
							className: 'carousel__control carousel__control--next',
							onClick: this.goToNextSlide,
							'aria-label': 'Next Slide'
						})
					)
				)
			);
			/* eslint-enable */
		}
	}]);

	return Carousel;
}(_react.Component), _class.propTypes = {
	items: _react.PropTypes.arrayOf(_react2.default.PropTypes.oneOfType([_react2.default.PropTypes.string, _react2.default.PropTypes.shape({
		type: _react.PropTypes.string.isRequired,
		heading: _react.PropTypes.string.isRequired,
		subheading: _react.PropTypes.string.isRequired,
		copy: _react.PropTypes.string.isRequired,
		ctaLabel: _react.PropTypes.string.isRequired,
		ctaTarget: _react.PropTypes.string.isRequired
	})])).isRequired,
	firstImageOverlay: _react2.default.PropTypes.node,
	squareLayout: _react2.default.PropTypes.bool,
	autoPlay: _react2.default.PropTypes.bool,
	autoPlaySpeed: _react2.default.PropTypes.number
}, _class.defaultProps = {
	squareLayout: false,
	autoPlay: false,
	autoPlaySpeed: 4300
}, _temp);
exports.default = Carousel;

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactYoutube = __webpack_require__(191);

var _reactYoutube2 = _interopRequireDefault(_reactYoutube);

var _PlayButton = __webpack_require__(188);

var _PlayButton2 = _interopRequireDefault(_PlayButton);

var _VideoDialog = __webpack_require__(189);

var _VideoDialog2 = _interopRequireDefault(_VideoDialog);

var _utils = __webpack_require__(5);

__webpack_require__(322);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var VideoPlayer = (_temp2 = _class = function (_React$Component) {
	_inherits(VideoPlayer, _React$Component);

	function VideoPlayer() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, VideoPlayer);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = VideoPlayer.__proto__ || Object.getPrototypeOf(VideoPlayer)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			videoDialogSrc: null,
			player: null,
			playing: false
		}, _this.onClose = function () {
			_this.setState({
				playing: false,
				videoDialogSrc: null
			});
		}, _this.onPause = function () {
			if (_this.props.onPause) {
				_this.props.onPause();
			}

			_this.onClose();
		}, _this.onPlay = function () {
			if (_this.props.onPlay) {
				_this.props.onPlay();
			}
		}, _this.onReady = function (e) {
			if (_this.props.onReady) {
				_this.props.onReady(e);
			}
		}, _this.playVideo = function () {
			var videoDialogSrc = _this.props.videoDialogSrc;


			_this.setState({
				playing: true,
				videoDialogSrc: videoDialogSrc
			});
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(VideoPlayer, [{
		key: 'renderVideoPlayer',
		value: function renderVideoPlayer(videoDialogSrc) {
			var msie = window.bowser.msie;
			var controls = this.props.controls;


			if (msie === true) {
				return _react2.default.createElement('iframe', {
					width: '100%',
					height: '100%',
					src: 'https://www.youtube.com/embed/' + videoDialogSrc + '?autoplay=1&modestbranding=1&playsinline=1&controls=1&rel=0&showinfo=0&controls=' + (controls ? '1' : '0'),
					frameBorder: '0',
					allowFullScreen: true
				});
			}

			return _react2.default.createElement(_reactYoutube2.default, {
				videoId: videoDialogSrc,
				opts: {
					width: '100%',
					playerVars: {
						controls: controls ? 1 : 0,
						rel: 0,
						showinfo: 0,
						autoplay: 1
					}
				},
				onPause: this.onPause,
				onPlay: this.onPlay,
				onReady: this.onReady
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    posterImage = _props.posterImage,
			    playInModal = _props.playInModal;
			var _state = this.state,
			    playing = _state.playing,
			    videoDialogSrc = _state.videoDialogSrc;


			var imgWidth = window.innerWidth <= 736 ? 736 : 1200;
			var posterStyle = {
				backgroundImage: 'url(' + (0, _utils.imgTransform)(posterImage, { w: imgWidth }) + ')'
			};

			var posterCls = (0, _classnames2.default)('video-player__poster', {
				'video-player__poster--hidden': playing
			});

			var videoCls = (0, _classnames2.default)({
				'video-player__video--hidden': !playing,
				'video-player__video--playing': playing && !playInModal
			});

			var toggleBtnLabel = 'Play video';
			if (playing) {
				toggleBtnLabel = 'Pause video';
			}

			return _react2.default.createElement(
				'div',
				{ className: 'video-player' },
				_react2.default.createElement('div', { className: 'video-player__icon-bar' }),
				_react2.default.createElement(
					'div',
					{ className: posterCls, style: posterStyle },
					_react2.default.createElement(
						'div',
						{ className: 'video-player__play' },
						_react2.default.createElement(_PlayButton2.default, {
							onClick: this.playVideo
						})
					)
				),
				_react2.default.createElement(
					'button',
					{ className: videoCls, 'aria-label': toggleBtnLabel, label: toggleBtnLabel, onClick: this.onPause },
					playInModal ? _react2.default.createElement(_VideoDialog2.default, {
						videoDialogSrc: videoDialogSrc,
						onClose: this.onClose
					}) : this.renderVideoPlayer(videoDialogSrc)
				)
			);
		}
	}]);

	return VideoPlayer;
}(_react2.default.Component), _class.propTypes = {
	videoDialogSrc: _react2.default.PropTypes.string.isRequired,
	posterImage: _react2.default.PropTypes.string.isRequired,
	playInModal: _react2.default.PropTypes.bool,
	controls: _react2.default.PropTypes.bool,
	onPlay: _react2.default.PropTypes.func,
	onPause: _react2.default.PropTypes.func,
	onReady: _react2.default.PropTypes.func
}, _class.defaultProps = {
	playInModal: true,
	controls: false
}, _temp2);
exports.default = VideoPlayer;
var content = __webpack_require__(323);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".video-player{min-height:240px;max-height:600px;height:56vw;width:100%;position:relative}.video-player__icon-bar{position:absolute;z-index:4;padding:20px;right:0}.video-player__poster{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;height:100%;width:100%}.video-player__poster--hidden{display:none}.video-player__play{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.video-player__video--hidden{display:none}.video-player__video--playing{cursor:pointer;padding:0}.video-player__video iframe{min-height:400px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/VideoPlayer/style.scss"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,iBAAiB,YAAY,WAAW,iBAAiB,CAAC,wBAAwB,kBAAkB,UAAU,aAAa,OAAO,CAAC,sBAAsB,kBAAkB,sBAAsB,4BAA4B,4BAA4B,YAAY,UAAU,CAAC,8BAA8B,YAAY,CAAC,oBAAoB,kBAAkB,QAAQ,SAAS,oDAAoD,2CAA2C,CAAC,6BAA6B,YAAY,CAAC,8BAA8B,eAAe,SAAS,CAAC,4BAA4B,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".video-player{min-height:240px;max-height:600px;height:56vw;width:100%;position:relative}.video-player__icon-bar{position:absolute;z-index:4;padding:20px;right:0}.video-player__poster{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;height:100%;width:100%}.video-player__poster--hidden{display:none}.video-player__play{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.video-player__video--hidden{display:none}.video-player__video--playing{cursor:pointer;padding:0}.video-player__video iframe{min-height:400px}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(364);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".carousel{width:100%;position:relative;max-height:800px;pointer-events:all}.carousel__text-container{position:absolute;height:100%;top:0;left:0;right:0;bottom:0;width:100%;padding:50px 124px;background-color:rgba(0, 0, 0, .4);text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 869px){.carousel__text-container{padding:40px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.carousel__text-container *{color:#fff}.carousel__text-container .heading--lg{padding:20px 0}.carousel__text-container .heading--xs{text-transform:uppercase}.carousel__text-container .copy{width:50%}@media (max-width: 869px){.carousel__text-container .copy{display:none}}.carousel__text-container .button{margin-top:40px;padding:8px 30px 6px}@media (max-width: 869px){.carousel__text-container .button{margin-top:0;margin:0 auto}}.carousel--square{height:50vw;width:50vw;overflow:hidden;max-width:1024px;max-height:1024px}@media (max-width: 869px){.carousel--square{margin-top:76px;width:100%;min-height:67.5vw}}.carousel--square .slick-slider,.carousel--square .slick-list,.carousel--square .slick-track,.carousel--square .slick-slide{height:100%}.carousel--square .slick-slide img{object-fit:cover;height:100%;width:100%}.carousel--square .carousel__icon-bar{position:absolute;top:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}@media (max-width: 869px){.carousel--square .carousel__icon-bar{top:-73px;padding:10px}}.carousel__item{background:#333;position:relative;overflow:hidden}.carousel__item img{width:100%;max-height:800px}.carousel__item .carousel__image,.carousel__item .video-player__video--playing,.carousel__item .video-player{width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.carousel__item .video-player__video--playing,.carousel__item .video-player{max-height:800px}.carousel__item .video-player__video--playing iframe{height:100%}.carousel__item iframe{height:800px;width:100%;pointer-events:none}@media (max-width: 1024px){.carousel__item .carousel__image{height:100%}.carousel__item iframe{height:500px}.carousel__item .video-player__video--playing,.carousel__item .video-player,.carousel__item img{max-height:500px;height:500px}}@media (max-width: 869px){.carousel__item .video-player__video--playing,.carousel__item .video-player,.carousel__item img{max-height:100%}}.carousel__control-bar{opacity:1;transition:opacity 0.2s linear}.carousel__control-bar--hidden{opacity:0}.carousel__control-bar--hidden:hover{opacity:1}.carousel__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;bottom:10%;right:0}@media (max-width: 869px){.carousel__controls{display:none}}.carousel__control{background-color:#f80;background-image:url(" + escape(__webpack_require__(365)) + ");background-repeat:no-repeat;background-size:45% 45%;background-position:50% 50%;height:57px;width:73px;border-radius:48%}.carousel__control--prev{border-top-right-radius:0;border-bottom-right-radius:0;margin-bottom:5px}.carousel__control--next{-webkit-transform:scaleX(-1);transform:scaleX(-1);border-top-left-radius:0;border-bottom-left-radius:0}.carousel .slick-dots{bottom:-35px}.carousel .slick-dots li{margin:0 2px}.carousel .slick-dots li button::before{font-size:10px;color:#9b9b9b;opacity:1}.carousel .slick-dots li.slick-active button::before{color:#f80;opacity:1}.carousel--square .slick-dots{bottom:10px}.carousel--text .slick-dots{bottom:20px;z-index:100}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/Carousel/style.scss"],"names":[],"mappings":"AAAA,UAAU,WAAW,kBAAkB,iBAAiB,kBAAkB,CAAC,0BAA0B,kBAAkB,YAAY,MAAM,OAAO,QAAQ,SAAS,WAAW,mBAAmB,mCAAmC,gBAAgB,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,uBAAuB,oBAAoB,0BAA0B,CAAC,0BAA0B,0BAA0B,aAAa,kBAAkB,wBAAwB,qBAAqB,sBAAsB,CAAC,CAAC,4BAA4B,UAAU,CAAC,uCAAuC,cAAc,CAAC,uCAAuC,wBAAwB,CAAC,gCAAgC,SAAS,CAAC,0BAA0B,gCAAgC,YAAY,CAAC,CAAC,kCAAkC,gBAAgB,oBAAoB,CAAC,0BAA0B,kCAAkC,aAAa,aAAa,CAAC,CAAC,kBAAkB,YAAY,WAAW,gBAAgB,iBAAiB,iBAAiB,CAAC,0BAA0B,kBAAkB,gBAAgB,WAAW,iBAAiB,CAAC,CAAC,4HAA4H,WAAW,CAAC,mCAAmC,iBAAiB,YAAY,UAAU,CAAC,sCAAsC,kBAAkB,MAAM,WAAW,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,wBAAwB,qBAAqB,uBAAuB,YAAY,CAAC,0BAA0B,sCAAsC,UAAU,YAAY,CAAC,CAAC,gBAAgB,gBAAgB,kBAAkB,eAAe,CAAC,oBAAoB,WAAW,gBAAgB,CAAC,6GAA6G,WAAW,YAAY,4BAA4B,sBAAsB,2BAA2B,CAAC,4EAA4E,gBAAgB,CAAC,qDAAqD,WAAW,CAAC,uBAAuB,aAAa,WAAW,mBAAmB,CAAC,2BAA2B,iCAAiC,WAAW,CAAC,uBAAuB,YAAY,CAAC,gGAAgG,iBAAiB,YAAY,CAAC,CAAC,0BAA0B,gGAAgG,eAAe,CAAC,CAAC,uBAAuB,UAAU,8BAA8B,CAAC,+BAA+B,SAAS,CAAC,qCAAqC,SAAS,CAAC,oBAAoB,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,kBAAkB,WAAW,OAAO,CAAC,0BAA0B,oBAAoB,YAAY,CAAC,CAAC,mBAAmB,sBAAsB,+CAA+D,4BAA4B,wBAAwB,4BAA4B,YAAY,WAAW,iBAAiB,CAAC,yBAAyB,0BAA0B,6BAA6B,iBAAiB,CAAC,yBAAyB,6BAA6B,qBAAqB,yBAAyB,2BAA2B,CAAC,sBAAsB,YAAY,CAAC,yBAAyB,YAAY,CAAC,wCAAwC,eAAe,cAAc,SAAS,CAAC,qDAAqD,WAAW,SAAS,CAAC,8BAA8B,WAAW,CAAC,4BAA4B,YAAY,WAAW,CAAC","file":"style.scss","sourcesContent":[".carousel{width:100%;position:relative;max-height:800px;pointer-events:all}.carousel__text-container{position:absolute;height:100%;top:0;left:0;right:0;bottom:0;width:100%;padding:50px 124px;background-color:rgba(0, 0, 0, .4);text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (max-width: 869px){.carousel__text-container{padding:40px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.carousel__text-container *{color:#fff}.carousel__text-container .heading--lg{padding:20px 0}.carousel__text-container .heading--xs{text-transform:uppercase}.carousel__text-container .copy{width:50%}@media (max-width: 869px){.carousel__text-container .copy{display:none}}.carousel__text-container .button{margin-top:40px;padding:8px 30px 6px}@media (max-width: 869px){.carousel__text-container .button{margin-top:0;margin:0 auto}}.carousel--square{height:50vw;width:50vw;overflow:hidden;max-width:1024px;max-height:1024px}@media (max-width: 869px){.carousel--square{margin-top:76px;width:100%;min-height:67.5vw}}.carousel--square .slick-slider,.carousel--square .slick-list,.carousel--square .slick-track,.carousel--square .slick-slide{height:100%}.carousel--square .slick-slide img{object-fit:cover;height:100%;width:100%}.carousel--square .carousel__icon-bar{position:absolute;top:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}@media (max-width: 869px){.carousel--square .carousel__icon-bar{top:-73px;padding:10px}}.carousel__item{background:#333;position:relative;overflow:hidden}.carousel__item img{width:100%;max-height:800px}.carousel__item .carousel__image,.carousel__item .video-player__video--playing,.carousel__item .video-player{width:100%;height:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.carousel__item .video-player__video--playing,.carousel__item .video-player{max-height:800px}.carousel__item .video-player__video--playing iframe{height:100%}.carousel__item iframe{height:800px;width:100%;pointer-events:none}@media (max-width: 1024px){.carousel__item .carousel__image{height:100%}.carousel__item iframe{height:500px}.carousel__item .video-player__video--playing,.carousel__item .video-player,.carousel__item img{max-height:500px;height:500px}}@media (max-width: 869px){.carousel__item .video-player__video--playing,.carousel__item .video-player,.carousel__item img{max-height:100%}}.carousel__control-bar{opacity:1;transition:opacity 0.2s linear}.carousel__control-bar--hidden{opacity:0}.carousel__control-bar--hidden:hover{opacity:1}.carousel__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;bottom:10%;right:0}@media (max-width: 869px){.carousel__controls{display:none}}.carousel__control{background-color:#f80;background-image:url(\"../../common/images/arrow_carousel.svg\");background-repeat:no-repeat;background-size:45% 45%;background-position:50% 50%;height:57px;width:73px;border-radius:48%}.carousel__control--prev{border-top-right-radius:0;border-bottom-right-radius:0;margin-bottom:5px}.carousel__control--next{-webkit-transform:scaleX(-1);transform:scaleX(-1);border-top-left-radius:0;border-bottom-left-radius:0}.carousel .slick-dots{bottom:-35px}.carousel .slick-dots li{margin:0 2px}.carousel .slick-dots li button::before{font-size:10px;color:#9b9b9b;opacity:1}.carousel .slick-dots li.slick-active button::before{color:#f80;opacity:1}.carousel--square .slick-dots{bottom:10px}.carousel--text .slick-dots{bottom:20px;z-index:100}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "c32a2cf34f4f087c9546cc8fd3a4d9d5.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = Cta;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _utils = __webpack_require__(5);

__webpack_require__(348);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function Cta(_ref) {
	var heading = _ref.heading,
	    copy = _ref.copy,
	    label = _ref.label,
	    href = _ref.href,
	    _ref$pushDownMobile = _ref.pushDownMobile,
	    pushDownMobile = _ref$pushDownMobile === undefined ? false : _ref$pushDownMobile;

	var cls = (0, _classnames2.default)({
		cta: true,
		'push-mobile': pushDownMobile === true
	});

	var copyIsHtml = copy && copy.charAt(0) === '<';
	if (copyIsHtml) {
		copy = (0, _utils.widowTamerRawHTML)(copy);
	} else {
		copy = (0, _utils.widowTamer)(copy);
	}

	return _react2.default.createElement(
		'div',
		{ className: cls },
		_react2.default.createElement(
			'div',
			{ className: 'cta__wrapper' },
			heading && _react2.default.createElement(
				'h2',
				{ className: 'heading heading--xl' },
				heading
			),
			copy && !copyIsHtml && _react2.default.createElement(
				'p',
				{ className: 'copy' },
				copy
			),
			copy && copyIsHtml && _react2.default.createElement('div', { className: 'copy', dangerouslySetInnerHTML: { __html: copy } }),
			label && _react2.default.createElement(_Button2.default, { label: label, href: href, pdf: href.split('.').pop() === 'pdf', gaAction: window.location.pathname, gaLabel: heading })
		)
	);
}

Cta.propTypes = {
	heading: _react2.default.PropTypes.string,
	copy: _react2.default.PropTypes.string,
	label: _react2.default.PropTypes.string,
	href: _react2.default.PropTypes.string,
	pushDownMobile: _react2.default.PropTypes.bool
};
var content = __webpack_require__(349);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".cta{position:relative;z-index:2;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/12);max-width:calc(100% * 4/12);width:calc(100% * 4/12)}.cta:nth-child(1n){margin-right:0;margin-left:0}.cta:last-child{margin-right:0}.cta:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.cta{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-bottom:60px}.cta:nth-child(1n){margin-right:0;margin-left:0}.cta:last-child{margin-right:0}.cta:nth-child(1n){margin-right:0;margin-left:auto}}.cta.push-mobile{margin-bottom:0}@media (max-width: 1024px){.cta.push-mobile{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.cta__wrapper{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/4);max-width:calc(100% * 3/4);width:calc(100% * 3/4);margin-left:calc(100% * 1/4) !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 30px 0 0}.cta__wrapper:nth-child(1n){margin-right:0;margin-left:0}.cta__wrapper:last-child{margin-right:0}.cta__wrapper:nth-child(4n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.cta__wrapper{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cta__wrapper:nth-child(1n){margin-right:0;margin-left:0}.cta__wrapper:last-child{margin-right:0}.cta__wrapper:nth-child(1n){margin-right:0;margin-left:auto}}.triptych+.cta .cta__wrapper{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/4);max-width:calc(100% * 3/4);width:calc(100% * 3/4);margin-left:calc(100% * 1/8) !important}.triptych+.cta .cta__wrapper:nth-child(1n){margin-right:0;margin-left:0}.triptych+.cta .cta__wrapper:last-child{margin-right:0}.triptych+.cta .cta__wrapper:nth-child(4n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.triptych+.cta .cta__wrapper{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.triptych+.cta .cta__wrapper:nth-child(1n){margin-right:0;margin-left:0}.triptych+.cta .cta__wrapper:last-child{margin-right:0}.triptych+.cta .cta__wrapper:nth-child(1n){margin-right:0;margin-left:auto}}@media (max-width: 1024px){.cta .heading{text-align:center}}.cta .copy{padding:20px 0}.cta .copy p{padding-top:10px}.cta .copy q{font-style:italic}.cta .copy a{color:#f80;letter-spacing:1px;padding-bottom:4px;position:relative;text-decoration:none;border-bottom:0;transition:color 0.2s linear;cursor:pointer}@media (min-width: 769px){.cta .copy a:hover{padding-bottom:4px;color:#f80;border-bottom:0;text-decoration:none;transition:color 0.3s linear}.cta .copy a:hover::before{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:opacity 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.2s linear;transition:transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1)}.cta .copy a:hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition:opacity 0.1s linear 0.2s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s;transition:transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s,opacity 0.1s linear 0.2s;transition:transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s,opacity 0.1s linear 0.2s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/Cta/style.scss"],"names":[],"mappings":"AAAA,KAAK,kBAAkB,UAAU,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,mBAAmB,eAAe,aAAa,CAAC,gBAAgB,cAAc,CAAC,oBAAoB,eAAe,gBAAgB,CAAC,2BAA2B,KAAK,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,kBAAkB,CAAC,mBAAmB,eAAe,aAAa,CAAC,gBAAgB,cAAc,CAAC,mBAAmB,eAAe,gBAAgB,CAAC,CAAC,iBAAiB,eAAe,CAAC,2BAA2B,iBAAiB,4BAA4B,iBAAiB,OAAO,CAAC,CAAC,cAAc,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,wCAAwC,4BAA4B,6BAA6B,0BAA0B,sBAAsB,kBAAkB,CAAC,4BAA4B,eAAe,aAAa,CAAC,yBAAyB,cAAc,CAAC,4BAA4B,eAAe,gBAAgB,CAAC,2BAA2B,cAAc,yBAAyB,0BAA0B,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,eAAe,yBAAyB,sBAAsB,kBAAkB,CAAC,4BAA4B,eAAe,aAAa,CAAC,yBAAyB,cAAc,CAAC,4BAA4B,eAAe,gBAAgB,CAAC,CAAC,6BAA6B,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,uCAAuC,CAAC,2CAA2C,eAAe,aAAa,CAAC,wCAAwC,cAAc,CAAC,2CAA2C,eAAe,gBAAgB,CAAC,2BAA2B,6BAA6B,yBAAyB,0BAA0B,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,eAAe,yBAAyB,sBAAsB,kBAAkB,CAAC,2CAA2C,eAAe,aAAa,CAAC,wCAAwC,cAAc,CAAC,2CAA2C,eAAe,gBAAgB,CAAC,CAAC,2BAA2B,cAAc,iBAAiB,CAAC,CAAC,WAAW,cAAc,CAAC,aAAa,gBAAgB,CAAC,aAAa,iBAAiB,CAAC,aAAa,WAAW,mBAAmB,mBAAmB,kBAAkB,qBAAqB,gBAAgB,6BAA6B,cAAc,CAAC,0BAA0B,mBAAmB,mBAAmB,WAAW,gBAAgB,qBAAqB,4BAA4B,CAAC,2BAA2B,UAAU,4BAA4B,oBAAoB,wFAAwF,gFAAgF,wIAAwI,CAAC,0BAA0B,UAAU,4BAA4B,oBAAoB,kGAAkG,0FAA0F,uJAAuJ,CAAC,CAAC","file":"style.scss","sourcesContent":[".cta{position:relative;z-index:2;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/12);max-width:calc(100% * 4/12);width:calc(100% * 4/12)}.cta:nth-child(1n){margin-right:0;margin-left:0}.cta:last-child{margin-right:0}.cta:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.cta{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-bottom:60px}.cta:nth-child(1n){margin-right:0;margin-left:0}.cta:last-child{margin-right:0}.cta:nth-child(1n){margin-right:0;margin-left:auto}}.cta.push-mobile{margin-bottom:0}@media (max-width: 1024px){.cta.push-mobile{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.cta__wrapper{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/4);max-width:calc(100% * 3/4);width:calc(100% * 3/4);margin-left:calc(100% * 1/4) !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 30px 0 0}.cta__wrapper:nth-child(1n){margin-right:0;margin-left:0}.cta__wrapper:last-child{margin-right:0}.cta__wrapper:nth-child(4n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.cta__wrapper{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cta__wrapper:nth-child(1n){margin-right:0;margin-left:0}.cta__wrapper:last-child{margin-right:0}.cta__wrapper:nth-child(1n){margin-right:0;margin-left:auto}}.triptych+.cta .cta__wrapper{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/4);max-width:calc(100% * 3/4);width:calc(100% * 3/4);margin-left:calc(100% * 1/8) !important}.triptych+.cta .cta__wrapper:nth-child(1n){margin-right:0;margin-left:0}.triptych+.cta .cta__wrapper:last-child{margin-right:0}.triptych+.cta .cta__wrapper:nth-child(4n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.triptych+.cta .cta__wrapper{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.triptych+.cta .cta__wrapper:nth-child(1n){margin-right:0;margin-left:0}.triptych+.cta .cta__wrapper:last-child{margin-right:0}.triptych+.cta .cta__wrapper:nth-child(1n){margin-right:0;margin-left:auto}}@media (max-width: 1024px){.cta .heading{text-align:center}}.cta .copy{padding:20px 0}.cta .copy p{padding-top:10px}.cta .copy q{font-style:italic}.cta .copy a{color:#f80;letter-spacing:1px;padding-bottom:4px;position:relative;text-decoration:none;border-bottom:0;transition:color 0.2s linear;cursor:pointer}@media (min-width: 769px){.cta .copy a:hover{padding-bottom:4px;color:#f80;border-bottom:0;text-decoration:none;transition:color 0.3s linear}.cta .copy a:hover::before{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:opacity 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.2s linear;transition:transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.2s linear,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1)}.cta .copy a:hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition:opacity 0.1s linear 0.2s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s;transition:transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s,opacity 0.1s linear 0.2s;transition:transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s,opacity 0.1s linear 0.2s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactDom = __webpack_require__(24);

var _reactDom2 = _interopRequireDefault(_reactDom);

var _TriptychMedia = __webpack_require__(350);

var _TriptychMedia2 = _interopRequireDefault(_TriptychMedia);

__webpack_require__(351);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Triptych = (_temp = _class = function (_React$Component) {
	_inherits(Triptych, _React$Component);

	function Triptych(props) {
		_classCallCheck(this, Triptych);

		var _this = _possibleConstructorReturn(this, (Triptych.__proto__ || Object.getPrototypeOf(Triptych)).call(this, props));

		_this.state = {
			animateTriptychDecorator: false
		};

		_this.onScrollTriptych = _this.onScrollTriptych.bind(_this);
		return _this;
	}

	_createClass(Triptych, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			document.addEventListener('scroll', this.onScrollTriptych, false);
		}
	}, {
		key: 'componentWillUnmount',
		value: function componentWillUnmount() {
			document.removeEventListener('scroll', this.onScrollTriptych, false);
		}
	}, {
		key: 'onScrollTriptych',
		value: function onScrollTriptych() {
			var triptychEl = _reactDom2.default.findDOMNode(this); // eslint-disable-line react/no-find-dom-node
			var visibleHeight = document.documentElement.clientHeight || document.body.clientHeight;

			if (triptychEl.getBoundingClientRect().top - visibleHeight * 0.5 < 0 && this.state.animateTriptychDecorator === false) {
				this.setState({
					animateTriptychDecorator: true
				});
				document.removeEventListener('scroll', this.onScrollTriptych, false);
			}
		}
	}, {
		key: 'render',
		value: function render() {
			var _this2 = this;

			var _props = this.props,
			    layout = _props.layout,
			    primaryColor = _props.primaryColor,
			    secondaryColor = _props.secondaryColor,
			    tertiaryColor = _props.tertiaryColor,
			    primarySrc = _props.primarySrc,
			    poster = _props.poster,
			    secondarySrc = _props.secondarySrc,
			    tertiarySrc = _props.tertiarySrc,
			    onClickTriptychVideo = _props.onClickTriptychVideo;
			var animateTriptychDecorator = this.state.animateTriptychDecorator;


			var primaryPos = layout[0];
			var secondaryPos = layout[1];

			return _react2.default.createElement(
				'div',
				{ className: 'triptych triptych--' + primaryPos + secondaryPos },
				_react2.default.createElement(
					'div',
					{ className: 'triptych__leaf triptych__leaf--first' },
					_react2.default.createElement(
						'figure',
						{
							className: 'triptych__panel triptych__panel--primary triptych__panel--' + primaryColor,
							ref: function ref(el) {
								_this2.primaryTripFigureEl = el;
							}
						},
						_react2.default.createElement(_TriptychMedia2.default, {
							src: primarySrc,
							poster: poster,
							ordinal: 'primary',
							onClickTriptychVideo: onClickTriptychVideo,
							ref: function ref(el) {
								_this2.primaryTripMediaEl = el;
							}
						}),
						_react2.default.createElement('div', { className: 'triptych__overlay triptych__overlay--primary' })
					)
				),
				_react2.default.createElement(
					'div',
					{ className: 'triptych__leaf triptych__leaf--second' },
					_react2.default.createElement(
						'figure',
						{
							className: 'triptych__panel triptych__panel--secondary triptych__panel--' + secondaryColor,
							ref: function ref(el) {
								_this2.secondayTripFigureEl = el;
							}
						},
						_react2.default.createElement(_TriptychMedia2.default, {
							src: secondarySrc,
							ordinal: 'secondary',
							onClickTriptychVideo: onClickTriptychVideo,
							ref: function ref(el) {
								_this2.secondaryTripMediaEl = el;
							}
						}),
						_react2.default.createElement('div', { className: 'triptych__overlay triptych__overlay--secondary' })
					),
					_react2.default.createElement(
						'figure',
						{
							className: 'triptych__panel triptych__panel--tertiary triptych__panel--' + tertiaryColor,
							ref: function ref(el) {
								_this2.tertiaryTripFigureEl = el;
							}
						},
						_react2.default.createElement(_TriptychMedia2.default, {
							src: tertiarySrc,
							ordinal: 'tertiary',
							onClickTriptychVideo: onClickTriptychVideo,
							ref: function ref(el) {
								_this2.tertiaryTripMediaEl = el;
							}
						}),
						_react2.default.createElement('div', { className: 'triptych__overlay triptych__overlay--tertiary' })
					)
				),
				animateTriptychDecorator && _react2.default.createElement(
					'div',
					{
						className: 'triptych__decorator'
					},
					_react2.default.createElement(
						'svg',
						{
							key: Math.random(),
							x: '0',
							y: '0',
							width: '100%',
							height: '100%'
						},
						_react2.default.createElement('circle', { className: 'path', stroke: '#eeeee8', fill: 'transparent', strokeWidth: '3', cx: '50%', cy: '50%', r: '48%' })
					)
				)
			);
		}
	}]);

	return Triptych;
}(_react2.default.Component), _class.propTypes = {
	layout: _react2.default.PropTypes.string,
	primaryColor: _react2.default.PropTypes.string,
	secondaryColor: _react2.default.PropTypes.string,
	tertiaryColor: _react2.default.PropTypes.string,
	primarySrc: _react2.default.PropTypes.string,
	poster: _react2.default.PropTypes.string,
	secondarySrc: _react2.default.PropTypes.string,
	tertiarySrc: _react2.default.PropTypes.string,
	onClickTriptychVideo: _react2.default.PropTypes.func
}, _class.defaultProps = {
	primarySrc: __webpack_require__(353),
	secondarySrc: __webpack_require__(354),
	tertiarySrc: __webpack_require__(355),
	primaryColor: 'transparent',
	secondaryColor: 'transparent',
	tertiaryColor: 'transparent',
	layout: 'rb'
}, _temp);
exports.default = Triptych;

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _PlayButton = __webpack_require__(188);

var _PlayButton2 = _interopRequireDefault(_PlayButton);

var _utils = __webpack_require__(5);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

function mediaTest(src) {
	var fileExtension = src.split('.').pop();
	return fileExtension === 'jpg' ? 'image' : 'video';
}

var TriptychMedia = (_temp2 = _class = function (_React$Component) {
	_inherits(TriptychMedia, _React$Component);

	function TriptychMedia() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, TriptychMedia);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = TriptychMedia.__proto__ || Object.getPrototypeOf(TriptychMedia)).call.apply(_ref, [this].concat(args))), _this), _this.ordinalMap = {
			primary: window.innerWidth <= 736 ? '460' : '500',
			secondary: window.innerWidth <= 736 ? '276' : '300',
			tertiary: window.innerWidth <= 736 ? '207' : '255'
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(TriptychMedia, [{
		key: 'render',
		value: function render() {
			var _props = this.props,
			    src = _props.src,
			    ordinal = _props.ordinal,
			    onClickTriptychVideo = _props.onClickTriptychVideo,
			    poster = _props.poster;

			var mediaType = mediaTest(src);
			var posterStyle = {
				backgroundImage: 'url(' + (0, _utils.imgTransform)(poster, { w: this.ordinalMap[ordinal] }) + ')',
				backgroundSize: 'cover'
			};

			return mediaType === 'image' ? _react2.default.createElement('img', {
				className: 'triptych__media triptych__media--image triptych__media--' + ordinal,
				alt: 'triptych panel',
				src: (0, _utils.imgTransform)(src, { w: this.ordinalMap[ordinal] })
			}) : _react2.default.createElement(
				'div',
				{
					className: 'video-player__poster',
					style: posterStyle
				},
				_react2.default.createElement(
					'div',
					{ className: 'video-player__play' },
					_react2.default.createElement(_PlayButton2.default, {
						onClick: function onClick(event) {
							return onClickTriptychVideo(event, src);
						}
					})
				)
			);
		}
	}]);

	return TriptychMedia;
}(_react2.default.Component), _class.propTypes = {
	src: _react2.default.PropTypes.string.isRequired,
	poster: _react2.default.PropTypes.string.isRequired,
	ordinal: _react2.default.PropTypes.string.isRequired,
	onClickTriptychVideo: _react2.default.PropTypes.func.isRequired
}, _temp2);
exports.default = TriptychMedia;
var content = __webpack_require__(352);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, "@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.7) translate(-50%, -50%);transform:scale(0.7) translate(-50%, -50%);opacity:0.4}50%{opacity:1}100%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(0.7) translate(-50%, -50%);transform:scale(0.7) translate(-50%, -50%);opacity:0.4}50%{opacity:1}100%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);opacity:1}}@-webkit-keyframes dash{from{stroke-dashoffset:3000}to{stroke-dashoffset:0}}@keyframes dash{from{stroke-dashoffset:3000}to{stroke-dashoffset:0}}.triptych{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 8/12);max-width:calc(100% * 8/12);width:calc(100% * 8/12);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;z-index:1}.triptych:nth-child(1n){margin-right:0;margin-left:0}.triptych:last-child{margin-right:0}.triptych:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.triptych{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.triptych:nth-child(1n){margin-right:0;margin-left:0}.triptych:last-child{margin-right:0}.triptych:nth-child(1n){margin-right:0;margin-left:auto}}.triptych__leaf{position:relative}.triptych__leaf--first{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/8);max-width:calc(100% * 5/8);width:calc(100% * 5/8);display:table;z-index:1}.triptych__leaf--first:nth-child(1n){margin-right:0;margin-left:0}.triptych__leaf--first:last-child{margin-right:0}.triptych__leaf--first:nth-child(8n){margin-right:0;margin-left:auto}.triptych__leaf--second{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/8);max-width:calc(100% * 3/8);width:calc(100% * 3/8);display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2}.triptych__leaf--second:nth-child(1n){margin-right:0;margin-left:0}.triptych__leaf--second:last-child{margin-right:0}.triptych__leaf--second:nth-child(8n){margin-right:0;margin-left:auto}.triptych__panel{width:100%;position:relative;overflow:hidden;height:41.5vw}@media (max-width: 1024px){.triptych__panel{height:62.5vw}}.triptych__panel--secondary{height:25vw}@media (max-width: 1024px){.triptych__panel--secondary{height:37.5vw}}.triptych__panel--tertiary{height:18.5vw;width:75%}@media (max-width: 1024px){.triptych__panel--tertiary{height:27.75vw}}.triptych__panel--blue .triptych__overlay{background-color:#00a4ee}.triptych__panel--green .triptych__overlay{background-color:#7c0}.triptych__panel--orange .triptych__overlay{background-color:#f80}.triptych__panel--grey{background-color:#fff}.triptych__panel--grey .triptych__media{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feColorMatrix type=\"matrix\" color-interpolation-filters=\"sRGB\" values=\"0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0\" /></filter></svg>#filter');-webkit-filter:grayscale(1);filter:grayscale(1);opacity:0.7}.triptych__panel .button--play{transition:background 0.3s ease-out,-webkit-transform 0.1s ease-in-out;transition:transform 0.1s ease-in-out,background 0.3s ease-out;transition:transform 0.1s ease-in-out,background 0.3s ease-out,-webkit-transform 0.1s ease-in-out}.triptych__panel .button--play:hover{background-color:#ff6c00;-webkit-transform:scale(0.98);transform:scale(0.98)}.triptych__panel .video-player__poster{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;height:100%;width:100%}.triptych__panel .video-player__play{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.triptych__media{width:100%}.triptych__media--video{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;background-size:cover;overflow:hidden}.triptych__overlay{position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0.5}.triptych__decorator{display:table;z-index:0;padding-bottom:85%;position:absolute;top:50%;left:50%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;width:85%;height:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation:pulse 3s ease-out;animation:pulse 3s ease-out;-webkit-animation-iteration-count:forwards;animation-iteration-count:forwards}.triptych__decorator svg{position:absolute}.triptych__decorator .path{stroke-dasharray:3000;stroke-dashoffset:3000;-webkit-animation:dash 3s linear forwards;animation:dash 3s linear forwards}.triptych--lt,.triptych--lb{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.triptych--lt .triptych__decorator,.triptych--lb .triptych__decorator{left:65%}.triptych--rt,.triptych--rb{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.triptych--rt .triptych__leaf--second,.triptych--rb .triptych__leaf--second{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.triptych--rt .triptych__decorator,.triptych--rb .triptych__decorator{left:35%}.triptych--lt .triptych__leaf--first,.triptych--rt .triptych__leaf--first{margin-top:10%}.triptych--lt .triptych__leaf--second,.triptych--rt .triptych__leaf--second{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.triptych--lt .triptych__decorator,.triptych--rt .triptych__decorator{top:65%}.triptych--lb .triptych__leaf--second,.triptych--rb .triptych__leaf--second{margin-top:5vw;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.triptych--lb .triptych__decorator,.triptych--rb .triptych__decorator{top:65%}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/Triptych/style.scss"],"names":[],"mappings":"AAAA,yBAAyB,GAAG,mDAAmD,2CAA2C,WAAW,CAAC,IAAI,SAAS,CAAC,KAAK,iDAAiD,yCAAyC,SAAS,CAAC,CAAC,iBAAiB,GAAG,mDAAmD,2CAA2C,WAAW,CAAC,IAAI,SAAS,CAAC,KAAK,iDAAiD,yCAAyC,SAAS,CAAC,CAAC,wBAAwB,KAAK,sBAAsB,CAAC,GAAG,mBAAmB,CAAC,CAAC,gBAAgB,KAAK,sBAAsB,CAAC,GAAG,mBAAmB,CAAC,CAAC,UAAU,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,oBAAoB,oBAAoB,aAAa,qBAAqB,iBAAiB,kBAAkB,SAAS,CAAC,wBAAwB,eAAe,aAAa,CAAC,qBAAqB,cAAc,CAAC,yBAAyB,eAAe,gBAAgB,CAAC,2BAA2B,UAAU,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,wBAAwB,eAAe,aAAa,CAAC,qBAAqB,cAAc,CAAC,wBAAwB,eAAe,gBAAgB,CAAC,CAAC,gBAAgB,iBAAiB,CAAC,uBAAuB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,cAAc,SAAS,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,wBAAwB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,oBAAoB,oBAAoB,aAAa,SAAS,CAAC,sCAAsC,eAAe,aAAa,CAAC,mCAAmC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,iBAAiB,WAAW,kBAAkB,gBAAgB,aAAa,CAAC,2BAA2B,iBAAiB,aAAa,CAAC,CAAC,4BAA4B,WAAW,CAAC,2BAA2B,4BAA4B,aAAa,CAAC,CAAC,2BAA2B,cAAc,SAAS,CAAC,2BAA2B,2BAA2B,cAAc,CAAC,CAAC,0CAA0C,wBAAwB,CAAC,2CAA2C,qBAAqB,CAAC,4CAA4C,qBAAqB,CAAC,uBAAuB,qBAAqB,CAAC,wCAAwC,kSAAkS,4BAA4B,oBAAoB,WAAW,CAAC,+BAA+B,uEAAuE,+DAA+D,iGAAiG,CAAC,qCAAqC,yBAAyB,8BAA8B,qBAAqB,CAAC,uCAAuC,kBAAkB,sBAAsB,4BAA4B,4BAA4B,YAAY,UAAU,CAAC,qCAAqC,kBAAkB,QAAQ,SAAS,oDAAoD,2CAA2C,CAAC,iBAAiB,UAAU,CAAC,wBAAwB,kBAAkB,SAAS,mCAAmC,2BAA2B,SAAS,eAAe,gBAAgB,WAAW,YAAY,aAAa,sBAAsB,eAAe,CAAC,mBAAmB,kBAAkB,oBAAoB,MAAM,OAAO,QAAQ,SAAS,WAAW,YAAY,WAAW,CAAC,qBAAqB,cAAc,UAAU,mBAAmB,kBAAkB,QAAQ,SAAS,kCAAkC,0BAA0B,wCAAwC,gCAAgC,kBAAkB,UAAU,SAAS,oBAAoB,yBAAyB,sBAAsB,qBAAqB,iBAAiB,oCAAoC,4BAA4B,2CAA2C,kCAAkC,CAAC,yBAAyB,iBAAiB,CAAC,2BAA2B,sBAAsB,uBAAuB,0CAA0C,iCAAiC,CAAC,4BAA4B,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,sEAAsE,QAAQ,CAAC,4BAA4B,8BAA8B,8BAA8B,+BAA+B,0BAA0B,CAAC,4EAA4E,sBAAsB,mBAAmB,oBAAoB,CAAC,sEAAsE,QAAQ,CAAC,0EAA0E,cAAc,CAAC,4EAA4E,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,sEAAsE,OAAO,CAAC,4EAA4E,eAAe,4BAA4B,8BAA8B,kCAAkC,6BAA6B,CAAC,sEAAsE,OAAO,CAAC","file":"style.scss","sourcesContent":["@-webkit-keyframes pulse{0%{-webkit-transform:scale(0.7) translate(-50%, -50%);transform:scale(0.7) translate(-50%, -50%);opacity:0.4}50%{opacity:1}100%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(0.7) translate(-50%, -50%);transform:scale(0.7) translate(-50%, -50%);opacity:0.4}50%{opacity:1}100%{-webkit-transform:scale(1) translate(-50%, -50%);transform:scale(1) translate(-50%, -50%);opacity:1}}@-webkit-keyframes dash{from{stroke-dashoffset:3000}to{stroke-dashoffset:0}}@keyframes dash{from{stroke-dashoffset:3000}to{stroke-dashoffset:0}}.triptych{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 8/12);max-width:calc(100% * 8/12);width:calc(100% * 8/12);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;z-index:1}.triptych:nth-child(1n){margin-right:0;margin-left:0}.triptych:last-child{margin-right:0}.triptych:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.triptych{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.triptych:nth-child(1n){margin-right:0;margin-left:0}.triptych:last-child{margin-right:0}.triptych:nth-child(1n){margin-right:0;margin-left:auto}}.triptych__leaf{position:relative}.triptych__leaf--first{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/8);max-width:calc(100% * 5/8);width:calc(100% * 5/8);display:table;z-index:1}.triptych__leaf--first:nth-child(1n){margin-right:0;margin-left:0}.triptych__leaf--first:last-child{margin-right:0}.triptych__leaf--first:nth-child(8n){margin-right:0;margin-left:auto}.triptych__leaf--second{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/8);max-width:calc(100% * 3/8);width:calc(100% * 3/8);display:-webkit-box;display:-ms-flexbox;display:flex;z-index:2}.triptych__leaf--second:nth-child(1n){margin-right:0;margin-left:0}.triptych__leaf--second:last-child{margin-right:0}.triptych__leaf--second:nth-child(8n){margin-right:0;margin-left:auto}.triptych__panel{width:100%;position:relative;overflow:hidden;height:41.5vw}@media (max-width: 1024px){.triptych__panel{height:62.5vw}}.triptych__panel--secondary{height:25vw}@media (max-width: 1024px){.triptych__panel--secondary{height:37.5vw}}.triptych__panel--tertiary{height:18.5vw;width:75%}@media (max-width: 1024px){.triptych__panel--tertiary{height:27.75vw}}.triptych__panel--blue .triptych__overlay{background-color:#00a4ee}.triptych__panel--green .triptych__overlay{background-color:#7c0}.triptych__panel--orange .triptych__overlay{background-color:#f80}.triptych__panel--grey{background-color:#fff}.triptych__panel--grey .triptych__media{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"filter\"><feColorMatrix type=\"matrix\" color-interpolation-filters=\"sRGB\" values=\"0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0\" /></filter></svg>#filter');-webkit-filter:grayscale(1);filter:grayscale(1);opacity:0.7}.triptych__panel .button--play{transition:background 0.3s ease-out,-webkit-transform 0.1s ease-in-out;transition:transform 0.1s ease-in-out,background 0.3s ease-out;transition:transform 0.1s ease-in-out,background 0.3s ease-out,-webkit-transform 0.1s ease-in-out}.triptych__panel .button--play:hover{background-color:#ff6c00;-webkit-transform:scale(0.98);transform:scale(0.98)}.triptych__panel .video-player__poster{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;height:100%;width:100%}.triptych__panel .video-player__play{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.triptych__media{width:100%}.triptych__media--video{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;background-size:cover;overflow:hidden}.triptych__overlay{position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0.5}.triptych__decorator{display:table;z-index:0;padding-bottom:85%;position:absolute;top:50%;left:50%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border-radius:50%;width:85%;height:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation:pulse 3s ease-out;animation:pulse 3s ease-out;-webkit-animation-iteration-count:forwards;animation-iteration-count:forwards}.triptych__decorator svg{position:absolute}.triptych__decorator .path{stroke-dasharray:3000;stroke-dashoffset:3000;-webkit-animation:dash 3s linear forwards;animation:dash 3s linear forwards}.triptych--lt,.triptych--lb{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.triptych--lt .triptych__decorator,.triptych--lb .triptych__decorator{left:65%}.triptych--rt,.triptych--rb{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.triptych--rt .triptych__leaf--second,.triptych--rb .triptych__leaf--second{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.triptych--rt .triptych__decorator,.triptych--rb .triptych__decorator{left:35%}.triptych--lt .triptych__leaf--first,.triptych--rt .triptych__leaf--first{margin-top:10%}.triptych--lt .triptych__leaf--second,.triptych--rt .triptych__leaf--second{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.triptych--lt .triptych__decorator,.triptych--rt .triptych__decorator{top:65%}.triptych--lb .triptych__leaf--second,.triptych--rb .triptych__leaf--second{margin-top:5vw;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.triptych--lb .triptych__decorator,.triptych--rb .triptych__decorator{top:65%}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "dbd22f9577f70c853d700443165fd3c2.jpg";module.exports = __webpack_require__.p + "a90721b7d381834d18d32181bd1dd3cd.jpg";module.exports = __webpack_require__.p + "982916cbfff287a63a05b027caed0626.jpg";

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _TextBlock = __webpack_require__(340);

var _TextBlock2 = _interopRequireDefault(_TextBlock);

var _Map = __webpack_require__(341);

var _Map2 = _interopRequireDefault(_Map);

var _Cta = __webpack_require__(200);

var _Cta2 = _interopRequireDefault(_Cta);

var _Triptych = __webpack_require__(201);

var _Triptych2 = _interopRequireDefault(_Triptych);

var _Hours = __webpack_require__(356);

var _Hours2 = _interopRequireDefault(_Hours);

var _FeatureIconList = __webpack_require__(75);

var _FeatureIconList2 = _interopRequireDefault(_FeatureIconList);

var _BlockQuote = __webpack_require__(359);

var _BlockQuote2 = _interopRequireDefault(_BlockQuote);

var _VideoDialog = __webpack_require__(189);

var _VideoDialog2 = _interopRequireDefault(_VideoDialog);

var _SideBySide = __webpack_require__(202);

var _SideBySide2 = _interopRequireDefault(_SideBySide);

var _EventGroupList = __webpack_require__(366);

var _EventGroupList2 = _interopRequireDefault(_EventGroupList);

var _CampSchedule = __webpack_require__(369);

var _CampSchedule2 = _interopRequireDefault(_CampSchedule);

var _ProductBlock = __webpack_require__(372);

var _ProductBlock2 = _interopRequireDefault(_ProductBlock);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var ContentBlock = (_temp2 = _class = function (_React$Component) {
	_inherits(ContentBlock, _React$Component);

	function ContentBlock() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, ContentBlock);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ContentBlock.__proto__ || Object.getPrototypeOf(ContentBlock)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			videoDialogSrc: null
		}, _this.onClickTriptychVideo = function (event, videoDialogSrc) {
			// We don't want the component to have to know the body element
			document.body.style.overflow = 'hidden';
			_this.setState({
				videoDialogSrc: videoDialogSrc
			});
		}, _this.onCloseVideo = function (event) {
			if (event.target.classList.contains('video__dialog-overlay--close') || event.target.classList.contains('video__dialog--close-button')) {
				document.body.style.overflow = '';
				_this.setState({
					videoDialogSrc: null
				});
			}
		}, _this.contentTypeToComponent = {
			map: _react2.default.createElement(_Map2.default, null),
			cta: _react2.default.createElement(_Cta2.default, null),
			triptych: _react2.default.createElement(_Triptych2.default, { onClickTriptychVideo: _this.onClickTriptychVideo }),
			hours: _react2.default.createElement(_Hours2.default, null),
			textBlock: _react2.default.createElement(_TextBlock2.default, null),
			iconList: _react2.default.createElement(_FeatureIconList2.default, null),
			quoteBlock: _react2.default.createElement(_BlockQuote2.default, null),
			sideBySide: _react2.default.createElement(_SideBySide2.default, null),
			eventGroup: _react2.default.createElement(_EventGroupList2.default, null),
			calendarBlock: _react2.default.createElement(_CampSchedule2.default, null),
			productBlock: _react2.default.createElement(_ProductBlock2.default, null)
		}, _this.renderBlockComponent = function (blockProps) {
			var el = _this.contentTypeToComponent[blockProps.type];
			if (!el) console.log('No component found for ' + blockProps.type + ' with props', blockProps);
			return el && _react2.default.cloneElement(el, blockProps);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(ContentBlock, [{
		key: 'render',
		value: function render() {
			var _props = this.props,
			    id = _props.id,
			    items = _props.items,
			    isFirstInRow = _props.isFirstInRow;

			var childrenEls = items.map(this.renderBlockComponent);

			var isTriptychContainer = _lodash2.default.some(items, { type: 'triptych' });
			var isCalendarContainer = _lodash2.default.some(items, { type: 'calendarBlock' });
			var cls = (0, _classnames2.default)('splash', {
				'splash--triptych': isTriptychContainer,
				'splash--calendar': isCalendarContainer,
				'splash--first-calendar': isFirstInRow
			});

			if (isTriptychContainer) {
				for (var i = 0; i < items.length; i += 1) {
					var _items$i = items[i],
					    type = _items$i.type,
					    position = _items$i.position;

					if (type === 'triptych' && position) {
						cls += ' splash--triptych__cta-' + position;
						break;
					}
				}
			}

			return _react2.default.createElement(
				'section',
				{
					className: cls,
					id: id
				},
				this.state.videoDialogSrc && _react2.default.createElement(_VideoDialog2.default, { videoDialogSrc: this.state.videoDialogSrc, onClose: this.onCloseVideo }),
				childrenEls
			);
		}
	}]);

	return ContentBlock;
}(_react2.default.Component), _class.propTypes = {
	id: _react2.default.PropTypes.string,
	isFirstInRow: _react2.default.PropTypes.bool,
	items: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.object)
}, _class.defaultProps = {
	isFirstInRow: false
}, _temp2);
exports.default = ContentBlock;

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _utils = __webpack_require__(5);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function TextBlock(_ref) {
	var content = _ref.content;

	return _react2.default.createElement('div', { className: 'copy-container', dangerouslySetInnerHTML: { __html: (0, _utils.widowTamerRawHTML)(content) } });
}

TextBlock.propTypes = {
	content: _react2.default.PropTypes.string
};

exports.default = TextBlock;

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRedux = __webpack_require__(6);

var _rcCollapse = __webpack_require__(35);

var _rcCollapse2 = _interopRequireDefault(_rcCollapse);

var _reactSlick = __webpack_require__(91);

var _reactSlick2 = _interopRequireDefault(_reactSlick);

var _reactAddonsCssTransitionGroup = __webpack_require__(71);

var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);

var _redux = __webpack_require__(15);

var _auth = __webpack_require__(43);

var actionCreators = _interopRequireWildcard(_auth);

var _hotspot = __webpack_require__(342);

var _hotspot2 = _interopRequireDefault(_hotspot);

var _visitHotspots = __webpack_require__(343);

var _visitHotspots2 = _interopRequireDefault(_visitHotspots);

var _rentalHotspots = __webpack_require__(344);

var _rentalHotspots2 = _interopRequireDefault(_rentalHotspots);

__webpack_require__(345);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var PetspaceMap = (_temp = _class = function (_React$Component) {
	_inherits(PetspaceMap, _React$Component);

	function PetspaceMap(props) {
		_classCallCheck(this, PetspaceMap);

		var _this = _possibleConstructorReturn(this, (PetspaceMap.__proto__ || Object.getPrototypeOf(PetspaceMap)).call(this, props));

		_this.renderDesktopHotspot = function (floor, indexFloor, hotspot, indexHotspot) {
			var hotspotPos = {
				top: hotspot.desktopPosition.top,
				left: hotspot.desktopPosition.left
			};
			var hotspotIconStyle = {
				backgroundImage: 'url(' + hotspot.icon + ')'
			};
			return _react2.default.createElement(
				'button',
				{
					className: 'desktop-map__hotspot ' + floor.color,
					key: 'hotspot-' + indexHotspot + '-desktop',
					style: hotspotPos,
					onClick: function onClick() {
						return _this.onClickHotspotButton(indexHotspot);
					},
					'aria-label': hotspot.name,
					id: 'hotspot-trigger-' + indexHotspot
				},
				_react2.default.createElement('span', { className: 'desktop-map__hotspot--icon', style: hotspotIconStyle })
			);
		};

		_this.renderDesktopFloor = function (floor, indexFloor) {
			var cls = (0, _classnames2.default)('desktop-map__image-floor', 'current-plus-' + (indexFloor - _this.state.selectedFloor), {
				'initial-state': _this.state.selectedFloor === -1,
				current: indexFloor === _this.state.selectedFloor,
				'below-current': indexFloor < _this.state.selectedFloor
			});

			return _react2.default.createElement(
				'div',
				{
					key: 'floor-' + indexFloor + '-desktop',
					className: cls
				},
				_react2.default.createElement('img', {
					className: 'map__image-floor-image map__image-floor-image--' + floor.id,
					alt: floor.name,
					role: 'img',
					src: floor.desktopImage
				}),
				_react2.default.createElement(
					'div',
					{ className: 'desktop-map__hotspot-wrapper' },
					_this.state.selectedFloor === indexFloor && floor.hotspots.map(function (hotspot, indexHotspot) {
						return _this.renderDesktopHotspot(floor, indexFloor, hotspot, indexHotspot);
					})
				),
				_react2.default.createElement(
					_reactAddonsCssTransitionGroup2.default,
					{
						component: 'div',
						transitionName: 'hotspot-dialog__transition',
						transitionAppear: true,
						transitionAppearTimeout: 600,
						transitionEnterTimeout: 600,
						transitionLeaveTimeout: 600
					},
					_this.state.selectedHotspot >= 0 && _this.state.selectedFloor === indexFloor && _this.renderHotspotDialog()
				)
			);
		};

		_this.renderButton = function (floor, index) {
			var browserBreakpoint = _this.props.browserBreakpoint;

			var cls = (0, _classnames2.default)('underline-link map__floor-selector--button', {
				active: index === _this.state.selectedFloor || _this.state.selectedFloor === -1 && index === 1 && browserBreakpoint
			});

			return _react2.default.createElement(
				'button',
				{
					key: 'floor-' + index + '-button',
					className: cls,
					onClick: function onClick() {
						return _this.onClickFloorButton(index);
					},
					'aria-label': floor.name
				},
				floor.name
			);
		};

		_this.renderHotspotDialog = function () {
			var hotspot = _this.floors[_this.state.selectedFloor].hotspots[_this.state.selectedHotspot];
			var hotspotPos = {
				top: hotspot.desktopPosition.top,
				left: hotspot.desktopPosition.left
			};
			var hotspotLeftPos = Number(hotspot.desktopPosition.left.replace('%', ''));
			var cls = (0, _classnames2.default)('desktop-map__hotspot-dialog', {
				'right-dialog': hotspotLeftPos > 50
			});

			return _react2.default.createElement(
				'div',
				{
					key: hotspot.id,
					className: cls,
					style: hotspotPos,
					tabIndex: '0',
					id: 'hotspot-' + hotspot.id
				},
				hotspot.image && _react2.default.createElement('img', {
					className: 'desktop-map__hotspot-dialog-image',
					alt: hotspot.name,
					src: hotspot.image
				}),
				_react2.default.createElement(
					'h1',
					{ className: 'desktop-map__hotspot-dialog-title' },
					hotspot.name,
					_react2.default.createElement('button', {
						className: 'desktop-map__hotspot-dialog-close',
						'aria-label': 'Close',
						onClick: function onClick() {
							return _this.onClickCloseDialog();
						}
					})
				),
				hotspot.opening && _react2.default.createElement(
					'em',
					{ className: 'desktop-map__hotspot-dialog-opening' },
					hotspot.opening
				),
				_react2.default.createElement(
					'p',
					{ className: 'desktop-map__hotspot-dialog-text' },
					hotspot.text
				)
			);
		};

		_this.renderMobileMap = function () {
			var activeKey = _this.state.activeKey;

			var sliderOptions = {
				dots: false,
				arrows: false,
				speed: 300,
				slidesToShow: 1,
				initialSlide: 0,
				adaptiveHeight: true,
				draggable: _this.floors > 1,
				infinite: _this.floors > 1
			};

			return _react2.default.createElement(
				_reactSlick2.default,
				_extends({
					ref: function ref(slider) {
						_this.slider = slider;
					},
					afterChange: function afterChange(slideIndex) {
						return _this.onClickFloorButton(slideIndex, true);
					}
				}, sliderOptions),
				_this.floors.map(function (floor) {
					return _react2.default.createElement(
						'div',
						{ className: 'mobile-map-wrapper', key: 'map-floor-mobile-' + floor.id },
						_react2.default.createElement('img', { className: 'map-full-mobile', alt: 'petspace map', src: floor.mobileImage }),
						_react2.default.createElement(
							_rcCollapse2.default,
							{
								accordion: true,
								destroyInactivePanel: true,
								onChange: function onChange(index) {
									return _this.onClickMobileHotspotButton(index);
								},
								activeKey: activeKey
							},
							floor.hotspots.map(function (hotspot, index) {
								return _react2.default.createElement(_hotspot2.default, {
									hotspot: hotspot,
									index: index,
									floor: floor,
									activeKey: Number(activeKey)
								});
							})
						)
					);
				})
			);
		};

		_this.state = {
			selectedFloor: 0,
			selectedHotspot: -1,
			accordion: false,
			activeKey: []
		};
		_this.fromSlider = false;
		_this.isRentals = props.pathname === '/about/rentals';

		var hotspots = _this.isRentals ? _rentalHotspots2.default : _visitHotspots2.default;
		_this.floors = hotspots.buildingMap.floors;
		return _this;
	}

	_createClass(PetspaceMap, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				if (_this2.slider) {
					_this2.slider.forceUpdate();
				}
			}, 500);
		}
	}, {
		key: 'shouldComponentUpdate',
		value: function shouldComponentUpdate(nextProps, nextState) {
			var browserBreakpoint = this.props.browserBreakpoint;

			if (nextState.selectedFloor !== this.state.selectedFloor && this.fromSlider !== true && browserBreakpoint) {
				this.slider.slickGoTo(nextState.selectedFloor);
				return false;
			}
			return true;
		}
	}, {
		key: 'componentWillUpdate',
		value: function componentWillUpdate(nextProps, nextState) {
			var _this3 = this;

			if (nextState.activeKey !== this.state.activeKey) {
				setTimeout(function () {
					// Temporary solution to refresh slider's height after the accordion's height changed
					_this3.slider.forceUpdate();
				}, 500);
			}
		}
	}, {
		key: 'onClickFloorButton',
		value: function onClickFloorButton(selectedFloor, fromSlider) {
			this.fromSlider = fromSlider;
			this.setState({
				selectedFloor: selectedFloor,
				selectedHotspot: -1
			});
		}
	}, {
		key: 'onClickCloseDialog',
		value: function onClickCloseDialog() {
			var selectedHotspot = this.state.selectedHotspot;


			this.setState({
				selectedHotspot: -1
			}, function () {
				document.querySelector('#hotspot-trigger-' + (selectedHotspot + 1)).focus(); //	return focus to the trigger element
			});
		}
	}, {
		key: 'onClickHotspotButton',
		value: function onClickHotspotButton(selectedHotspot) {
			this.setState({
				selectedHotspot: selectedHotspot
			}, function () {
				document.querySelector('#hotspot-' + (selectedHotspot + 1)).focus();
			});
		}
	}, {
		key: 'onClickMobileHotspotButton',
		value: function onClickMobileHotspotButton(activeKey) {
			this.setState({
				activeKey: activeKey
			});
		}
	}, {
		key: 'renderDesktopMap',
		value: function renderDesktopMap() {
			var _this4 = this;

			return _react2.default.createElement(
				'div',
				null,
				_react2.default.createElement(
					'div',
					{ className: 'desktop-map__image-wrapper' },
					this.floors.map(function (floor, index) {
						return _this4.renderDesktopFloor(floor, index);
					})
				)
			);
		}
	}, {
		key: 'renderMobileHotspot',
		value: function renderMobileHotspot(hotspot, index, floor) {
			var _this5 = this;

			var imageStyleForZoom = {
				transformOrigin: hotspot.mobilePosition.left + ' ' + hotspot.mobilePosition.top
			};

			var hotspotIconStyle = {
				backgroundImage: 'url(' + hotspot.icon + ')'
			};

			return _react2.default.createElement(
				_rcCollapse.Panel,
				{ key: index, header: hotspot.name },
				_react2.default.createElement(
					'div',
					{ className: 'mobile-map__hotspot-dialog-image--container' },
					index === Number(this.state.activeKey) && _react2.default.createElement('img', {
						className: 'map__hotspot-dialog-image--zoomed desktop-map__hotspot-dialog-image',
						alt: hotspot.name,
						style: imageStyleForZoom,
						src: floor.mobileImage
					}),
					index === Number(this.state.activeKey) && _react2.default.createElement('span', { className: 'mobile-map__hotspot--icon  ' + floor.color, style: hotspotIconStyle })
				),
				_react2.default.createElement(
					'h3',
					{ className: 'desktop-map__hotspot-dialog-title' },
					hotspot.name,
					_react2.default.createElement('button', {
						className: 'desktop-map__hotspot-dialog-close underline-link',
						'aria-label': 'Close',
						onClick: function onClick() {
							return _this5.onClickCloseDialog();
						}
					})
				),
				_react2.default.createElement(
					'em',
					{ className: 'desktop-map__hotspot-dialog-opening' },
					hotspot.opening
				),
				_react2.default.createElement(
					'p',
					{ className: 'desktop-map__hotspot-dialog-text' },
					hotspot.text
				)
			);
		}
	}, {
		key: 'render',
		value: function render() {
			var _this6 = this;

			var browserBreakpoint = this.props.browserBreakpoint;


			return _react2.default.createElement(
				'section',
				{ className: 'map', id: 'map' },
				_react2.default.createElement(
					'div',
					{ className: 'map__title-container' },
					_react2.default.createElement(
						'h3',
						{ className: 'heading heading--lg' },
						'Map of Annenberg PetSpace'
					),
					_react2.default.createElement(
						'div',
						{ className: 'map__floor-selector' },
						!this.isRentals && this.floors.map(function (floor, index) {
							return _this6.renderButton(floor, index);
						})
					)
				),
				browserBreakpoint ? this.renderMobileMap() : this.renderDesktopMap()
			);
		}
	}]);

	return PetspaceMap;
}(_react2.default.Component), _class.propTypes = {
	browserBreakpoint: _react2.default.PropTypes.bool.isRequired,
	pathname: _react2.default.PropTypes.string.isRequired
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		browserBreakpoint: state.browser.width < 668,
		pathname: state.routing.locationBeforeTransitions.pathname
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(PetspaceMap);

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _rcCollapse = __webpack_require__(35);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var MobileHotspot = (_temp = _class = function (_React$Component) {
	_inherits(MobileHotspot, _React$Component);

	function MobileHotspot() {
		_classCallCheck(this, MobileHotspot);

		return _possibleConstructorReturn(this, (MobileHotspot.__proto__ || Object.getPrototypeOf(MobileHotspot)).apply(this, arguments));
	}

	_createClass(MobileHotspot, [{
		key: 'shouldComponentUpdate',
		value: function shouldComponentUpdate(nextProps) {
			if (nextProps.activeKey === nextProps.index || this.props.activeKey === this.props.index) {
				return true;
			}
			return false;
		}
	}, {
		key: 'render',
		value: function render() {
			var _this2 = this;

			var _props = this.props,
			    hotspot = _props.hotspot,
			    index = _props.index,
			    floor = _props.floor,
			    activeKey = _props.activeKey;


			var imageStyleForZoom = {
				backgroundPosition: hotspot.mobilePosition.left + ' ' + hotspot.mobilePosition.top,
				backgroundImage: 'url(' + floor.mobileImage + ')'
			};

			var hotspotIconStyle = {
				backgroundImage: 'url(' + hotspot.icon + ')'
			};

			return _react2.default.createElement(
				_rcCollapse.Panel,
				_extends({ key: index }, this.props, { header: hotspot.name }),
				index === activeKey && _react2.default.createElement(
					'div',
					{ className: 'mobile-map__hotspot-dialog-image--container', style: imageStyleForZoom },
					_react2.default.createElement('div', {
						className: 'map__hotspot-dialog-image--zoomed desktop-map__hotspot-dialog-image',
						style: imageStyleForZoom
					}),
					_react2.default.createElement('span', { className: 'mobile-map__hotspot--icon ' + floor.color, style: hotspotIconStyle })
				),
				_react2.default.createElement(
					'h3',
					{ className: 'desktop-map__hotspot-dialog-title' },
					hotspot.name,
					_react2.default.createElement('button', {
						className: 'desktop-map__hotspot-dialog-close underline-link',
						'aria-label': 'Close',
						onClick: function onClick() {
							return _this2.onClickCloseDialog();
						}
					})
				),
				_react2.default.createElement(
					'em',
					{ className: 'desktop-map__hotspot-dialog-opening' },
					hotspot.opening
				),
				_react2.default.createElement(
					'p',
					{ className: 'desktop-map__hotspot-dialog-text' },
					hotspot.text
				)
			);
		}
	}]);

	return MobileHotspot;
}(_react2.default.Component), _class.propTypes = {
	hotspot: _react2.default.PropTypes.shape(),
	index: _react2.default.PropTypes.number,
	floor: _react2.default.PropTypes.number,
	activeKey: _react2.default.PropTypes.number
}, _temp);
exports.default = MobileHotspot;

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = {
	buildingMap: {
		floors: [{
			id: 'level1',
			name: 'First Floor',
			className: 'map__first-floor-wrapper',
			desktopImage: '/static/assets/images/map/first-floor.svg',
			mobileImage: '/static/assets/images/map/first-floor-white.jpg',
			color: 'orange',
			hotspots: [{
				id: 1,
				name: 'The Styling Station and Groom Room',
				desktopPosition: {
					top: '57%', left: '39%'
				},
				mobilePosition: {
					top: '54%', left: '35%'
				},
				image: '/static/assets/images/map/groom-room.jpg',
				text: 'Watch our talented team of professional groomers getting our adoptable animals looking their best!',
				icon: '/static/assets/images/map/icons/groom-room.svg',
				color: 'orange'
			}, {
				id: 2,
				name: 'PetPorch',
				desktopPosition: {
					top: '63%', left: '36%'
				},
				mobilePosition: {
					top: '64%', left: '33%'
				},
				image: '/static/assets/images/map/pet-porch.jpg',
				text: 'Attend discussions by researchers, educators, and partners. And go for a ride on our 2-story slide!',
				icon: '/static/assets/images/map/icons/pet-porch.svg',
				color: 'orange'
			}, {
				id: 3,
				name: 'PetVision Wall',
				desktopPosition: {
					top: '74%', left: '39%'
				},
				mobilePosition: {
					top: '80%', left: '35%'
				},
				image: '/static/assets/images/map/pet-vision.jpg',
				text: 'Interact with our giant digital touch screen wall and download our app to personalize your experience!',
				icon: '/static/assets/images/map/icons/pet-vision.svg',
				color: 'orange'
			}, {
				id: 4,
				name: 'WagShop',
				desktopPosition: {
					top: '69%', left: '43%'
				},
				mobilePosition: {
					top: '72%', left: '42%'
				},
				image: '/static/assets/images/map/wag-shop.jpg',
				text: 'Shop for unique gifts perfect for every pet lover and your furry friends.',
				icon: '/static/assets/images/map/icons/wag-shop.svg',
				color: 'orange'
			}, {
				id: 5,
				name: 'WagCenter Gallery',
				desktopPosition: {
					top: '80%', left: '51%'
				},
				mobilePosition: {
					top: '90%', left: '53%'
				},
				image: '/static/assets/images/map/wag-gallery.jpg',
				text: 'Take a stroll through our gallery to see inspiring stories about the human-animal bond, featuring real people and pets.',
				icon: '/static/assets/images/map/icons/wag-gallery.svg'
			}, {
				id: 7,
				name: 'WagCenter',
				desktopPosition: {
					top: '76%', left: '60%'
				},
				mobilePosition: {
					top: '82%', left: '71%'
				},
				image: '/static/assets/images/map/wag-center.jpg',
				text: 'At this lecture hall, hear key speakers and attend programming led by academic partners and staff.',
				icon: '/static/assets/images/map/icons/wag-center.svg',
				color: 'orange'
			}, {
				id: 8,
				name: 'The O.R.',
				desktopPosition: {
					top: '69%', left: '63%'
				},
				mobilePosition: {
					top: '73%', left: '77%'
				},
				image: '/static/assets/images/map/or.jpg',
				text: 'Take a behind-the-scenes tour of our in-house animal clinic to watch a vet perform a surgery through the observation window.',
				icon: '/static/assets/images/map/icons/operating-room.svg',
				color: 'orange'
			}, {
				id: 9,
				name: 'Welcome Lobby',
				desktopPosition: {
					top: '82%', left: '34%'
				},
				mobilePosition: {
					top: '93%', left: '27%'
				},
				image: '/static/assets/images/map/welcome-lobby.jpg',
				text: '',
				icon: '/static/assets/images/map/icons/welcome-lobby.svg',
				color: 'orange'
			}, {
				id: 13,
				name: 'Barks \'n Rec',
				desktopPosition: {
					top: '54%', left: '31%'
				},
				mobilePosition: {
					top: '46%', left: '22%'
				},
				image: '/static/assets/images/map/barks-rec.jpg',
				text: 'Get to know your potential new pet by playing fetch together in our fenced-in outdoor yard.',
				icon: '/static/assets/images/map/icons/barks-rec.svg',
				color: 'green'
			}, {
				id: 14,
				name: 'The Leadership Institute',
				desktopPosition: {
					top: '61%', left: '75%'
				},
				mobilePosition: {
					top: '60%', left: '96%'
				},
				image: '/static/assets/images/map/leadership-institute.jpg',
				text: 'This is where cutting-edge research from top leaders, experts, and innovators in Human-Animal Studies happens.',
				icon: '/static/assets/images/map/icons/leadership-institute.svg'
			}, {
				id: 15,
				name: 'Pet Fit',
				desktopPosition: {
					top: '67%', left: '70%'
				},
				mobilePosition: {
					top: '71%', left: '85%'
				},
				image: '/static/assets/images/map/pet-fit.jpg',
				text: 'Rehabilitation and exercise room where pets receive innovative treatments like aquatherapy on an underwater treadmill.',
				icon: '/static/assets/images/map/icons/pet-fit.svg'
			}, {
				id: 16,
				name: 'Paws & Reflect',
				desktopPosition: {
					top: '86%', left: '61%'
				},
				mobilePosition: {
					top: '102%', left: '71%'
				},
				image: '/static/assets/images/map/paws-reflect.jpg',
				text: 'A calming outdoor space where you can take a moment to quietly reflect or relax.',
				icon: '/static/assets/images/map/icons/paws-reflect.svg'
			}]
		}, {
			id: 'level2',
			name: 'Second Floor',
			className: 'map__second-floor-wrapper',
			desktopImage: '/static/assets/images/map/second-floor.svg',
			mobileImage: '/static/assets/images/map/second-floor-white.jpg',
			color: 'blue',
			hotspots: [{
				id: 1,
				name: 'Adoption Suites',
				desktopPosition: {
					top: '68%', left: '45%'
				},
				mobilePosition: {
					top: '60%', left: '50%'
				},
				image: '/static/assets/images/map/dog-galley.jpg',
				text: 'Get to know your future pet in our state-of-the-art adoption suites.',
				icon: '/static/assets/images/map/icons/adoption-suites.svg'
			}, {
				id: 3,
				name: 'The Scratching Post',
				desktopPosition: {
					top: '81%', left: '65%'
				},
				mobilePosition: {
					top: '84%', left: '81%'
				},
				image: '/static/assets/images/map/scratch-post.jpg',
				text: 'Here, you’ll find many of our cats climbing, playing, and hiding among multi-level trays and towers.',
				icon: '/static/assets/images/map/icons/scratching-post.svg'
			}, {
				id: 4,
				name: 'Fetch Deck',
				desktopPosition: {
					top: '61%', left: '40%'
				},
				mobilePosition: {
					top: '50%', left: '43%'
				},
				image: '/static/assets/images/map/fetch-deck.jpg',
				text: 'Here, you can attend demonstrations and play with some of our adoptable furry friends.',
				icon: '/static/assets/images/map/icons/fetch-deck.svg'
			}, {
				id: 5,
				name: 'Human-Powered Hamster Wheel',
				desktopPosition: {
					top: '71%', left: '41%'
				},
				mobilePosition: {
					top: '68%', left: '44%'
				},
				image: '/static/assets/images/map/hamster-wheel.jpg',
				text: 'Go for a spin on our human-powered hamster wheel and wave hello to our huge animatronic dog and cat',
				icon: '/static/assets/images/map/icons/human-powered-hamster-wheel.svg'
			}, {
				id: 6,
				name: 'Pounce Patio',
				desktopPosition: {
					top: '75%', left: '50%'
				},
				mobilePosition: {
					top: '73%', left: '59%'
				},
				image: '/static/assets/images/map/pounce-patio.jpg',
				text: 'Here, you can attend demonstrations and play with some of our adoptable furry friends.',
				icon: '/static/assets/images/map/icons/pounce-patio.svg'
			}, {
				id: 7,
				name: 'Adoption Suites',
				desktopPosition: {
					top: '69%', left: '57%'
				},
				mobilePosition: {
					top: '64%', left: '70%'
				},
				image: '/static/assets/images/map/cat-adopt.jpg',
				text: 'Get to know your future pet in our state-of-the-art adoption suites.',
				icon: '/static/assets/images/map/icons/adoption-suites.svg'
			}, {
				id: 8,
				name: 'Paws Lounge',
				desktopPosition: {
					top: '72%', left: '64%'
				},
				mobilePosition: {
					top: '68%', left: '83%'
				},
				text: 'Engage with a variety of furry friends. We regularly feature different pets in this area for guest interaction and learning.',
				image: '/static/assets/images/map/paws-lounge.jpeg',
				icon: '/static/assets/images/map/icons/the-hutch.svg'
			}, {
				id: 9,
				name: 'Pet Connect',
				desktopPosition: {
					top: '49%', left: '47%'
				},
				mobilePosition: {
					top: '30%', left: '53%'
				},
				text: 'Where your adoption experience will include one-on-one guidance with one of our Animal Care Specialists.',
				image: '/static/assets/images/map/pet-connect.jpg',
				icon: '/static/assets/images/map/icons/pet-connect.svg'
			}, {
				id: 10,
				name: 'Dog Galley',
				desktopPosition: {
					top: '61%', left: '49%'
				},
				mobilePosition: {
					top: '52%', left: '58%'
				},
				text: 'This is where the Animal Specialists and Volunteers prepare food and enrichment supplies for dogs.',
				image: '/static/assets/images/map/cat-galley.jpg',
				icon: '/static/assets/images/map/icons/dog-gallery.svg'
			}, {
				id: 11,
				name: 'Cat Galley',
				desktopPosition: {
					top: '63%', left: '58%'
				},
				mobilePosition: {
					top: '56%', left: '71%'
				},
				text: 'This is where the Animal Specialists and Volunteers prepare food and enrichment supplies for cats.',
				image: '/static/assets/images/map/cat-galley.jpg',
				icon: '/static/assets/images/map/icons/cat-gallery.svg'
			}]
		}]
	}
};

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = {
	buildingMap: {
		floors: [{
			id: 'level1',
			name: 'First Floor',
			className: 'map__first-floor-wrapper',
			desktopImage: '/static/assets/images/map/first-floor.svg',
			mobileImage: '/static/assets/images/map/first-floor-white.jpg',
			color: 'orange',
			hotspots: [{
				id: 9,
				name: 'Main Entrance',
				desktopPosition: {
					top: '82%', left: '34%'
				},
				mobilePosition: {
					top: '93%', left: '27%'
				},
				image: '/static/assets/images/map/welcome-lobby.jpg',
				text: '',
				icon: '/static/assets/images/map/icons/welcome-lobby.svg',
				color: 'orange'
			}, {
				id: 2,
				name: 'PetPorch',
				desktopPosition: {
					top: '63%', left: '36%'
				},
				mobilePosition: {
					top: '64%', left: '33%'
				},
				image: '/static/assets/images/map/pet-porch.jpg',
				text: '',
				icon: '/static/assets/images/map/icons/pet-porch.svg',
				color: 'orange'
			}, {
				id: 5,
				name: 'WagGallery',
				desktopPosition: {
					top: '80%', left: '51%'
				},
				mobilePosition: {
					top: '90%', left: '53%'
				},
				image: '/static/assets/images/map/wag-gallery.jpg',
				text: '',
				icon: '/static/assets/images/map/icons/wag-gallery.svg'
			}, {
				id: 7,
				name: 'WagCenter 1',
				desktopPosition: {
					top: '70%', left: '55%'
				},
				mobilePosition: {
					top: '72%', left: '63%'
				},
				image: '/static/assets/images/map/wag-center.jpg',
				text: '',
				icon: '/static/assets/images/map/icons/wag-center.svg',
				color: 'orange'
			}, {
				id: 8,
				name: 'WagCenter 2',
				desktopPosition: {
					top: '76%', left: '63%'
				},
				mobilePosition: {
					top: '82%', left: '76%'
				},
				image: '/static/assets/images/map/wag-center.jpg',
				text: '',
				icon: '/static/assets/images/map/icons/wag-center.svg',
				color: 'orange'
			}, {
				id: 16,
				name: 'Paws & Reflect',
				desktopPosition: {
					top: '86%', left: '61%'
				},
				mobilePosition: {
					top: '102%', left: '71%'
				},
				image: '/static/assets/images/map/paws-reflect.jpg',
				text: '',
				icon: '/static/assets/images/map/icons/paws-reflect.svg'
			}]
		}]
	}
};
var content = __webpack_require__(346);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, "@-webkit-keyframes zoom-mobile-map-in{0%{background-size:100% 100%}100%{background-size:300% 300%}}@keyframes zoom-mobile-map-in{0%{background-size:100% 100%}100%{background-size:300% 300%}}@-webkit-keyframes zoom-mobile-map-in-landscape{0%{background-size:100% 100%}100%{background-size:200% 200%}}@keyframes zoom-mobile-map-in-landscape{0%{background-size:100% 100%}100%{background-size:200% 200%}}@-webkit-keyframes scale-mobile-hotspot{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}10%{opacity:0}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-mobile-hotspot{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}10%{opacity:0}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.map{background-color:#f7f7f3;position:relative;z-index:21;height:100%}@media (max-width: 667px){.map{background-color:#fff;margin-top:0;padding:60px 0}}.map .slick-slider *{min-height:0;min-width:0}.map__title-container{margin-left:calc(100% * 1/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);padding:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f7f7f3;color:#333}.map__title-container:nth-child(1n){margin-right:0;margin-left:0}.map__title-container:last-child{margin-right:0}.map__title-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.map__title-container{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 667px){.map__title-container{background-color:#fff;padding:0}}.map__image{background-image:url(" + escape(__webpack_require__(347)) + ");background-size:contain;background-repeat:no-repeat;background-position:50% 50%;min-height:500px;width:100%;mix-blend-mode:multiply}@media (max-width: 667px){.map__image{min-height:340px}}.map .heading{position:relative;z-index:2;font-family:\"Larsseit\"}@media (max-width: 667px){.map .heading{margin-bottom:20px}}@media (max-width: 1024px){.map .heading{width:100%}}.map .map__floor-selector{color:#333;z-index:2}.map .map__floor-selector--button::before{-webkit-transform:scaleX(0);transform:scaleX(0)}.map .map__floor-selector--button:not(:nth-child(1)){margin-left:40px}@media (max-width: 667px){.map .map__floor-selector--button:not(:nth-child(1)){margin-left:20px}}.map .desktop-map__image-wrapper{width:120%;height:65vw;position:relative;-webkit-transform:translateX(-7%) translateY(-20%);transform:translateX(-7%) translateY(-20%);margin-top:-66px;margin-bottom:-50px;-webkit-perspective:600px;perspective:600px}.map .desktop-map__image-floor{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;-webkit-transform:translate(60px, -200px) scale(1.2) rotate3d(1, 0, 0, 30deg);transform:translate(60px, -200px) scale(1.2) rotate3d(1, 0, 0, 30deg);transition:opacity 0.3s ease-out 0.05s,-webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.3s ease-out 0.05s,transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.3s ease-out 0.05s,transform 0.5s cubic-bezier(0.55, 0, 0.1, 1),-webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);-webkit-transform-origin:top center;transform-origin:top center}.map .desktop-map__image-floor:nth-child(1){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.map .desktop-map__image-floor:nth-child(3){top:-2.8%;left:-0.2%}.map .desktop-map__image-floor.current-plus-1:nth-child(3){opacity:0;-webkit-transform:translate(60px, -200px) scale(1) rotate3d(1, 0, 0, 16deg);transform:translate(60px, -200px) scale(1) rotate3d(1, 0, 0, 16deg)}.map .desktop-map__image-floor.current-plus-1{height:0}.map .desktop-map__image-floor.below-current,.map .desktop-map__image-floor.initial-state{pointer-events:all;opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.map .desktop-map__image-floor.current{pointer-events:all;opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.map .desktop-map__image-floor.current .desktop-map__hotspot{opacity:1;-webkit-transform:translate(-25px, -25px) scale(1);transform:translate(-25px, -25px) scale(1);transition:opacity 0.6s ease-out 0.05s,-webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.6s ease-out 0.05s,transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.6s ease-out 0.05s,transform 0.5s cubic-bezier(0.55, 0, 0.1, 1),-webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1)}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(0){transition:opacity 0.2s linear .35s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .3s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .3s,opacity 0.2s linear .35s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .3s,opacity 0.2s linear .35s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .3s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(1){transition:opacity 0.2s linear .41s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .36s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .36s,opacity 0.2s linear .41s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .36s,opacity 0.2s linear .41s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .36s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(2){transition:opacity 0.2s linear .47s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .42s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .42s,opacity 0.2s linear .47s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .42s,opacity 0.2s linear .47s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .42s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(3){transition:opacity 0.2s linear .53s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .48s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .48s,opacity 0.2s linear .53s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .48s,opacity 0.2s linear .53s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .48s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(4){transition:opacity 0.2s linear .59s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .54s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .54s,opacity 0.2s linear .59s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .54s,opacity 0.2s linear .59s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .54s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(5){transition:opacity 0.2s linear .65s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .6s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .6s,opacity 0.2s linear .65s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .6s,opacity 0.2s linear .65s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .6s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(6){transition:opacity 0.2s linear .71s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .66s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .66s,opacity 0.2s linear .71s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .66s,opacity 0.2s linear .71s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .66s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(7){transition:opacity 0.2s linear .77s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .72s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .72s,opacity 0.2s linear .77s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .72s,opacity 0.2s linear .77s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .72s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(8){transition:opacity 0.2s linear .83s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .78s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .78s,opacity 0.2s linear .83s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .78s,opacity 0.2s linear .83s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .78s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(9){transition:opacity 0.2s linear .89s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .84s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .84s,opacity 0.2s linear .89s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .84s,opacity 0.2s linear .89s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .84s}.map .desktop-map__image-floor .map__image-floor-image{width:100%;height:100%}.map .desktop-map__hotspot-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.map .desktop-map__hotspot{position:absolute;top:0;left:0;-webkit-transform:translate(-25px, -25px) scale(0);transform:translate(-25px, -25px) scale(0);-webkit-transform-origin:center;transform-origin:center;width:36px;height:36px;opacity:0;line-height:2.6;cursor:pointer;color:#fff;transition:opacity 0.2s ease-out 0.05s,-webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.3s cubic-bezier(0.55, 0, 0.1, 1),-webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1)}@media (max-width: 1024px){.map .desktop-map__hotspot{line-height:1.9;width:30px;height:30px}}.map .desktop-map__hotspot::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#fff;border-radius:50%;transition:background 0.3s ease-out,-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out,background 0.3s ease-out;transition:transform 0.2s ease-in-out,background 0.3s ease-out,-webkit-transform 0.2s ease-in-out}.map .desktop-map__hotspot.orange::before{border:2px solid #ff6c00}.map .desktop-map__hotspot.blue::before{border:2px solid #00a4ee}.map .desktop-map__hotspot:hover::before{-webkit-transform:scale(0.97);transform:scale(0.97)}.map .desktop-map__hotspot:active::before{transition:background 0.3s ease-out,-webkit-transform 0.1s ease-in-out;transition:transform 0.1s ease-in-out,background 0.3s ease-out;transition:transform 0.1s ease-in-out,background 0.3s ease-out,-webkit-transform 0.1s ease-in-out;-webkit-transform:scale(0.95);transform:scale(0.95)}.map .desktop-map__hotspot--icon{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background-repeat:no-repeat;background-size:contain}.map .desktop-map__hotspot-dialog{position:absolute;top:0;left:0;width:280px;height:auto;background-color:#fff;max-height:500px;overflow:auto;-webkit-transform:translate(-40px, -40px);transform:translate(-40px, -40px);z-index:1;box-shadow:0 2px 4px rgba(0, 0, 0, .24)}.map .desktop-map__hotspot-dialog.right-dialog{-webkit-transform:translate(calc(-100% + 40px), -40px);transform:translate(calc(-100% + 40px), -40px)}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-image{width:100%;height:auto}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-title,.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-opening,.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-text{display:block}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-title{padding:20px 26px 0;margin-bottom:14px;font-size:20px;position:relative}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-opening{padding:0 26px;margin-bottom:14px;font-size:12px}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-text{padding:0 26px 30px;margin-bottom:14px;font-size:16px}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-close{background:url(\"/static/assets/images/close-button.svg\") no-repeat;background-size:contain;position:absolute;top:10px;right:10px;width:16px;height:16px}.map .hotspot-dialog__transition-enter,.map .hotspot-dialog__transition-appear{opacity:0.01;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:translate(-40px, -70px);transform:translate(-40px, -70px);transition:opacity 0.2s ease-out 0.05s,-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.4s cubic-bezier(0.55, 0, 0.1, 1),-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1)}.map .hotspot-dialog__transition-enter.right-dialog,.map .hotspot-dialog__transition-appear.right-dialog{-webkit-transform:translate(calc(-100% + 40px), -70px);transform:translate(calc(-100% + 40px), -70px)}.map .hotspot-dialog__transition-enter.hotspot-dialog__transition-enter-active,.map .hotspot-dialog__transition-appear.hotspot-dialog__transition-appear-active{opacity:1;-webkit-transform:translate(-40px, -40px);transform:translate(-40px, -40px)}.map .hotspot-dialog__transition-enter.hotspot-dialog__transition-enter-active.right-dialog,.map .hotspot-dialog__transition-appear.hotspot-dialog__transition-appear-active.right-dialog{-webkit-transform:translate(calc(-100% + 40px), -40px);transform:translate(calc(-100% + 40px), -40px)}.map .hotspot-dialog__transition-leave{-webkit-transform-origin:top left;transform-origin:top left;opacity:1;-webkit-transform:translate(-40px, -40px);transform:translate(-40px, -40px)}.map .hotspot-dialog__transition-leave.hotspot-dialog__transition-leave-active{opacity:0.01;-webkit-transform:translate(-40px, -10px);transform:translate(-40px, -10px);transition:opacity 0.2s ease-out,-webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0.05s;transition:opacity 0.2s ease-out,transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0.05s;transition:opacity 0.2s ease-out,transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0.05s,-webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0.05s}.map .hotspot-dialog__transition-leave.hotspot-dialog__transition-leave-active.right-dialog{-webkit-transform:translate(calc(-100% + 40px), -10px);transform:translate(calc(-100% + 40px), -10px)}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title,.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening,.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text{margin-left:calc(100% * 1/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);color:#333}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title:nth-child(1n),.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening:nth-child(1n),.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text:nth-child(1n){margin-right:0;margin-left:0}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title:last-child,.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening:last-child,.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text:last-child{margin-right:0}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title:nth-child(12n),.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening:nth-child(12n),.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text:nth-child(12n){margin-right:0;margin-left:auto}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title{font-size:24px;line-height:32px;letter-spacing:1.67px;font-family:\"Larsseit\"}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening{font-size:14px;font-family:\"Larsseit-Medium\"}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text{font-size:16px;font-family:\"Larsseit\"}.map .mobile-map__hotspot-dialog-image--container{width:100%;height:55vw;position:relative;overflow:hidden;margin-bottom:20px;background-size:100% 100%;-webkit-animation:zoom-mobile-map-in 1s cubic-bezier(0.55, 0, 0.1, 1) 1s forwards;animation:zoom-mobile-map-in 1s cubic-bezier(0.55, 0, 0.1, 1) 1s forwards}@media (orientation: landscape){.map .mobile-map__hotspot-dialog-image--container{height:120vh;-webkit-animation:zoom-mobile-map-in-landscape 0.6s cubic-bezier(0.55, 0, 0.1, 1) 1s forwards;animation:zoom-mobile-map-in-landscape 0.6s cubic-bezier(0.55, 0, 0.1, 1) 1s forwards}}.map .mobile-map__hotspot--icon{position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);width:40px;height:40px;z-index:20000;background:white;border-radius:50%;background-size:30px 30px;background-position:center;background-repeat:no-repeat;-webkit-transform-origin:center;transform-origin:center;opacity:0;-webkit-animation:scale-mobile-hotspot 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1.5s forwards;animation:scale-mobile-hotspot 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1.5s forwards}.map .mobile-map__hotspot--icon.orange{border:2px solid #ff6c00}.map .mobile-map__hotspot--icon.blue{border:2px solid #00a4ee}.map-full-mobile{width:100%;margin-bottom:20px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/Map/style.scss"],"names":[],"mappings":"AAAA,sCAAsC,GAAG,yBAAyB,CAAC,KAAK,yBAAyB,CAAC,CAAC,8BAA8B,GAAG,yBAAyB,CAAC,KAAK,yBAAyB,CAAC,CAAC,gDAAgD,GAAG,yBAAyB,CAAC,KAAK,yBAAyB,CAAC,CAAC,wCAAwC,GAAG,yBAAyB,CAAC,KAAK,yBAAyB,CAAC,CAAC,wCAAwC,GAAG,2BAA2B,mBAAmB,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,UAAU,2BAA2B,kBAAkB,CAAC,CAAC,gCAAgC,GAAG,2BAA2B,mBAAmB,SAAS,CAAC,IAAI,SAAS,CAAC,KAAK,UAAU,2BAA2B,kBAAkB,CAAC,CAAC,KAAK,yBAAyB,kBAAkB,WAAW,WAAW,CAAC,0BAA0B,KAAK,sBAAsB,aAAa,cAAc,CAAC,CAAC,qBAAqB,aAAa,WAAW,CAAC,sBAAsB,yCAAyC,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,eAAe,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,yBAAyB,sBAAsB,mBAAmB,yBAAyB,UAAU,CAAC,oCAAoC,eAAe,aAAa,CAAC,iCAAiC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,2BAA2B,sBAAsB,mBAAmB,cAAc,CAAC,CAAC,0BAA0B,sBAAsB,sBAAsB,SAAS,CAAC,CAAC,YAAY,+CAAkD,wBAAwB,4BAA4B,4BAA4B,iBAAiB,WAAW,uBAAuB,CAAC,0BAA0B,YAAY,gBAAgB,CAAC,CAAC,cAAc,kBAAkB,UAAU,sBAAsB,CAAC,0BAA0B,cAAc,kBAAkB,CAAC,CAAC,2BAA2B,cAAc,UAAU,CAAC,CAAC,0BAA0B,WAAW,SAAS,CAAC,0CAA0C,4BAA4B,mBAAmB,CAAC,qDAAqD,gBAAgB,CAAC,0BAA0B,qDAAqD,gBAAgB,CAAC,CAAC,iCAAiC,WAAW,YAAY,kBAAkB,mDAAmD,2CAA2C,iBAAiB,oBAAoB,0BAA0B,iBAAiB,CAAC,+BAA+B,kBAAkB,MAAM,OAAO,WAAW,YAAY,UAAU,oBAAoB,8EAA8E,sEAAsE,4FAA4F,oFAAoF,yIAAyI,oCAAoC,2BAA2B,CAAC,4CAA4C,UAAU,kCAAkC,yBAAyB,CAAC,4CAA4C,UAAU,UAAU,CAAC,2DAA2D,UAAU,4EAA4E,mEAAmE,CAAC,8CAA8C,QAAQ,CAAC,0FAA0F,mBAAmB,UAAU,yCAAyC,gCAAgC,CAAC,uCAAuC,mBAAmB,UAAU,yCAAyC,gCAAgC,CAAC,6DAA6D,UAAU,mDAAmD,2CAA2C,4FAA4F,oFAAoF,wIAAwI,CAAC,0EAA0E,iGAAiG,yFAAyF,qJAAqJ,CAAC,0EAA0E,kGAAkG,0FAA0F,uJAAuJ,CAAC,0EAA0E,kGAAkG,0FAA0F,uJAAuJ,CAAC,0EAA0E,kGAAkG,0FAA0F,uJAAuJ,CAAC,0EAA0E,kGAAkG,0FAA0F,uJAAuJ,CAAC,0EAA0E,iGAAiG,yFAAyF,qJAAqJ,CAAC,0EAA0E,kGAAkG,0FAA0F,uJAAuJ,CAAC,0EAA0E,kGAAkG,0FAA0F,uJAAuJ,CAAC,0EAA0E,kGAAkG,0FAA0F,uJAAuJ,CAAC,0EAA0E,kGAAkG,0FAA0F,uJAAuJ,CAAC,uDAAuD,WAAW,WAAW,CAAC,mCAAmC,kBAAkB,MAAM,QAAQ,SAAS,MAAM,CAAC,2BAA2B,kBAAkB,MAAM,OAAO,mDAAmD,2CAA2C,gCAAgC,wBAAwB,WAAW,YAAY,UAAU,gBAAgB,eAAe,WAAW,4FAA4F,oFAAoF,wIAAwI,CAAC,2BAA2B,2BAA2B,gBAAgB,WAAW,WAAW,CAAC,CAAC,mCAAmC,WAAW,kBAAkB,MAAM,QAAQ,SAAS,OAAO,WAAW,sBAAsB,kBAAkB,uEAAuE,+DAA+D,iGAAiG,CAAC,0CAA0C,wBAAwB,CAAC,wCAAwC,wBAAwB,CAAC,yCAAyC,8BAA8B,qBAAqB,CAAC,0CAA0C,uEAAuE,+DAA+D,kGAAkG,8BAA8B,qBAAqB,CAAC,iCAAiC,kBAAkB,QAAQ,UAAU,WAAW,SAAS,4BAA4B,uBAAuB,CAAC,kCAAkC,kBAAkB,MAAM,OAAO,YAAY,YAAY,sBAAsB,iBAAiB,cAAc,0CAA0C,kCAAkC,UAAU,uCAAuC,CAAC,+CAA+C,uDAAuD,8CAA8C,CAAC,qEAAqE,WAAW,WAAW,CAAC,gNAAgN,aAAa,CAAC,qEAAqE,oBAAoB,mBAAmB,eAAe,iBAAiB,CAAC,uEAAuE,eAAe,mBAAmB,cAAc,CAAC,oEAAoE,oBAAoB,mBAAmB,cAAc,CAAC,qEAAqE,mEAAmE,wBAAwB,kBAAkB,SAAS,WAAW,WAAW,WAAW,CAAC,+EAA+E,aAAa,kCAAkC,0BAA0B,0CAA0C,kCAAkC,4FAA4F,oFAAoF,wIAAwI,CAAC,yGAAyG,uDAAuD,8CAA8C,CAAC,gKAAgK,UAAU,0CAA0C,iCAAiC,CAAC,0LAA0L,uDAAuD,8CAA8C,CAAC,uCAAuC,kCAAkC,0BAA0B,UAAU,0CAA0C,iCAAiC,CAAC,+EAA+E,aAAa,0CAA0C,kCAAkC,4FAA4F,oFAAoF,8IAA8I,CAAC,4FAA4F,uDAAuD,8CAA8C,CAAC,qLAAqL,yCAAyC,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,UAAU,CAAC,+NAA+N,eAAe,aAAa,CAAC,sNAAsN,cAAc,CAAC,kOAAkO,eAAe,gBAAgB,CAAC,4DAA4D,eAAe,iBAAiB,sBAAsB,sBAAsB,CAAC,8DAA8D,eAAe,6BAA6B,CAAC,2DAA2D,eAAe,sBAAsB,CAAC,kDAAkD,WAAW,YAAY,kBAAkB,gBAAgB,mBAAmB,0BAA0B,kFAAkF,yEAAyE,CAAC,gCAAgC,kDAAkD,aAAa,8FAA8F,qFAAqF,CAAC,CAAC,gCAAgC,kBAAkB,qBAAqB,sBAAsB,WAAW,YAAY,cAAc,iBAAiB,kBAAkB,0BAA0B,2BAA2B,4BAA4B,gCAAgC,wBAAwB,UAAU,wFAAwF,+EAA+E,CAAC,uCAAuC,wBAAwB,CAAC,qCAAqC,wBAAwB,CAAC,iBAAiB,WAAW,kBAAkB,CAAC","file":"style.scss","sourcesContent":["@-webkit-keyframes zoom-mobile-map-in{0%{background-size:100% 100%}100%{background-size:300% 300%}}@keyframes zoom-mobile-map-in{0%{background-size:100% 100%}100%{background-size:300% 300%}}@-webkit-keyframes zoom-mobile-map-in-landscape{0%{background-size:100% 100%}100%{background-size:200% 200%}}@keyframes zoom-mobile-map-in-landscape{0%{background-size:100% 100%}100%{background-size:200% 200%}}@-webkit-keyframes scale-mobile-hotspot{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}10%{opacity:0}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-mobile-hotspot{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}10%{opacity:0}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.map{background-color:#f7f7f3;position:relative;z-index:21;height:100%}@media (max-width: 667px){.map{background-color:#fff;margin-top:0;padding:60px 0}}.map .slick-slider *{min-height:0;min-width:0}.map__title-container{margin-left:calc(100% * 1/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);padding:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f7f7f3;color:#333}.map__title-container:nth-child(1n){margin-right:0;margin-left:0}.map__title-container:last-child{margin-right:0}.map__title-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.map__title-container{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 667px){.map__title-container{background-color:#fff;padding:0}}.map__image{background-image:url(\"./images/petspace-map.jpg\");background-size:contain;background-repeat:no-repeat;background-position:50% 50%;min-height:500px;width:100%;mix-blend-mode:multiply}@media (max-width: 667px){.map__image{min-height:340px}}.map .heading{position:relative;z-index:2;font-family:\"Larsseit\"}@media (max-width: 667px){.map .heading{margin-bottom:20px}}@media (max-width: 1024px){.map .heading{width:100%}}.map .map__floor-selector{color:#333;z-index:2}.map .map__floor-selector--button::before{-webkit-transform:scaleX(0);transform:scaleX(0)}.map .map__floor-selector--button:not(:nth-child(1)){margin-left:40px}@media (max-width: 667px){.map .map__floor-selector--button:not(:nth-child(1)){margin-left:20px}}.map .desktop-map__image-wrapper{width:120%;height:65vw;position:relative;-webkit-transform:translateX(-7%) translateY(-20%);transform:translateX(-7%) translateY(-20%);margin-top:-66px;margin-bottom:-50px;-webkit-perspective:600px;perspective:600px}.map .desktop-map__image-floor{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;-webkit-transform:translate(60px, -200px) scale(1.2) rotate3d(1, 0, 0, 30deg);transform:translate(60px, -200px) scale(1.2) rotate3d(1, 0, 0, 30deg);transition:opacity 0.3s ease-out 0.05s,-webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.3s ease-out 0.05s,transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.3s ease-out 0.05s,transform 0.5s cubic-bezier(0.55, 0, 0.1, 1),-webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);-webkit-transform-origin:top center;transform-origin:top center}.map .desktop-map__image-floor:nth-child(1){opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.map .desktop-map__image-floor:nth-child(3){top:-2.8%;left:-0.2%}.map .desktop-map__image-floor.current-plus-1:nth-child(3){opacity:0;-webkit-transform:translate(60px, -200px) scale(1) rotate3d(1, 0, 0, 16deg);transform:translate(60px, -200px) scale(1) rotate3d(1, 0, 0, 16deg)}.map .desktop-map__image-floor.current-plus-1{height:0}.map .desktop-map__image-floor.below-current,.map .desktop-map__image-floor.initial-state{pointer-events:all;opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.map .desktop-map__image-floor.current{pointer-events:all;opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.map .desktop-map__image-floor.current .desktop-map__hotspot{opacity:1;-webkit-transform:translate(-25px, -25px) scale(1);transform:translate(-25px, -25px) scale(1);transition:opacity 0.6s ease-out 0.05s,-webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.6s ease-out 0.05s,transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.6s ease-out 0.05s,transform 0.5s cubic-bezier(0.55, 0, 0.1, 1),-webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1)}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(0){transition:opacity 0.2s linear .35s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .3s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .3s,opacity 0.2s linear .35s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .3s,opacity 0.2s linear .35s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .3s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(1){transition:opacity 0.2s linear .41s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .36s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .36s,opacity 0.2s linear .41s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .36s,opacity 0.2s linear .41s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .36s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(2){transition:opacity 0.2s linear .47s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .42s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .42s,opacity 0.2s linear .47s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .42s,opacity 0.2s linear .47s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .42s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(3){transition:opacity 0.2s linear .53s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .48s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .48s,opacity 0.2s linear .53s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .48s,opacity 0.2s linear .53s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .48s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(4){transition:opacity 0.2s linear .59s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .54s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .54s,opacity 0.2s linear .59s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .54s,opacity 0.2s linear .59s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .54s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(5){transition:opacity 0.2s linear .65s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .6s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .6s,opacity 0.2s linear .65s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .6s,opacity 0.2s linear .65s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .6s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(6){transition:opacity 0.2s linear .71s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .66s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .66s,opacity 0.2s linear .71s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .66s,opacity 0.2s linear .71s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .66s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(7){transition:opacity 0.2s linear .77s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .72s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .72s,opacity 0.2s linear .77s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .72s,opacity 0.2s linear .77s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .72s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(8){transition:opacity 0.2s linear .83s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .78s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .78s,opacity 0.2s linear .83s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .78s,opacity 0.2s linear .83s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .78s}.map .desktop-map__image-floor.current .desktop-map__hotspot:nth-child(9){transition:opacity 0.2s linear .89s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .84s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .84s,opacity 0.2s linear .89s;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .84s,opacity 0.2s linear .89s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) .84s}.map .desktop-map__image-floor .map__image-floor-image{width:100%;height:100%}.map .desktop-map__hotspot-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.map .desktop-map__hotspot{position:absolute;top:0;left:0;-webkit-transform:translate(-25px, -25px) scale(0);transform:translate(-25px, -25px) scale(0);-webkit-transform-origin:center;transform-origin:center;width:36px;height:36px;opacity:0;line-height:2.6;cursor:pointer;color:#fff;transition:opacity 0.2s ease-out 0.05s,-webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.3s cubic-bezier(0.55, 0, 0.1, 1),-webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1)}@media (max-width: 1024px){.map .desktop-map__hotspot{line-height:1.9;width:30px;height:30px}}.map .desktop-map__hotspot::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#fff;border-radius:50%;transition:background 0.3s ease-out,-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out,background 0.3s ease-out;transition:transform 0.2s ease-in-out,background 0.3s ease-out,-webkit-transform 0.2s ease-in-out}.map .desktop-map__hotspot.orange::before{border:2px solid #ff6c00}.map .desktop-map__hotspot.blue::before{border:2px solid #00a4ee}.map .desktop-map__hotspot:hover::before{-webkit-transform:scale(0.97);transform:scale(0.97)}.map .desktop-map__hotspot:active::before{transition:background 0.3s ease-out,-webkit-transform 0.1s ease-in-out;transition:transform 0.1s ease-in-out,background 0.3s ease-out;transition:transform 0.1s ease-in-out,background 0.3s ease-out,-webkit-transform 0.1s ease-in-out;-webkit-transform:scale(0.95);transform:scale(0.95)}.map .desktop-map__hotspot--icon{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background-repeat:no-repeat;background-size:contain}.map .desktop-map__hotspot-dialog{position:absolute;top:0;left:0;width:280px;height:auto;background-color:#fff;max-height:500px;overflow:auto;-webkit-transform:translate(-40px, -40px);transform:translate(-40px, -40px);z-index:1;box-shadow:0 2px 4px rgba(0, 0, 0, .24)}.map .desktop-map__hotspot-dialog.right-dialog{-webkit-transform:translate(calc(-100% + 40px), -40px);transform:translate(calc(-100% + 40px), -40px)}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-image{width:100%;height:auto}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-title,.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-opening,.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-text{display:block}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-title{padding:20px 26px 0;margin-bottom:14px;font-size:20px;position:relative}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-opening{padding:0 26px;margin-bottom:14px;font-size:12px}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-text{padding:0 26px 30px;margin-bottom:14px;font-size:16px}.map .desktop-map__hotspot-dialog .desktop-map__hotspot-dialog-close{background:url(\"/static/assets/images/close-button.svg\") no-repeat;background-size:contain;position:absolute;top:10px;right:10px;width:16px;height:16px}.map .hotspot-dialog__transition-enter,.map .hotspot-dialog__transition-appear{opacity:0.01;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:translate(-40px, -70px);transform:translate(-40px, -70px);transition:opacity 0.2s ease-out 0.05s,-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.4s cubic-bezier(0.55, 0, 0.1, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.4s cubic-bezier(0.55, 0, 0.1, 1),-webkit-transform 0.4s cubic-bezier(0.55, 0, 0.1, 1)}.map .hotspot-dialog__transition-enter.right-dialog,.map .hotspot-dialog__transition-appear.right-dialog{-webkit-transform:translate(calc(-100% + 40px), -70px);transform:translate(calc(-100% + 40px), -70px)}.map .hotspot-dialog__transition-enter.hotspot-dialog__transition-enter-active,.map .hotspot-dialog__transition-appear.hotspot-dialog__transition-appear-active{opacity:1;-webkit-transform:translate(-40px, -40px);transform:translate(-40px, -40px)}.map .hotspot-dialog__transition-enter.hotspot-dialog__transition-enter-active.right-dialog,.map .hotspot-dialog__transition-appear.hotspot-dialog__transition-appear-active.right-dialog{-webkit-transform:translate(calc(-100% + 40px), -40px);transform:translate(calc(-100% + 40px), -40px)}.map .hotspot-dialog__transition-leave{-webkit-transform-origin:top left;transform-origin:top left;opacity:1;-webkit-transform:translate(-40px, -40px);transform:translate(-40px, -40px)}.map .hotspot-dialog__transition-leave.hotspot-dialog__transition-leave-active{opacity:0.01;-webkit-transform:translate(-40px, -10px);transform:translate(-40px, -10px);transition:opacity 0.2s ease-out,-webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0.05s;transition:opacity 0.2s ease-out,transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0.05s;transition:opacity 0.2s ease-out,transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0.05s,-webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0.05s}.map .hotspot-dialog__transition-leave.hotspot-dialog__transition-leave-active.right-dialog{-webkit-transform:translate(calc(-100% + 40px), -10px);transform:translate(calc(-100% + 40px), -10px)}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title,.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening,.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text{margin-left:calc(100% * 1/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);color:#333}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title:nth-child(1n),.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening:nth-child(1n),.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text:nth-child(1n){margin-right:0;margin-left:0}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title:last-child,.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening:last-child,.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text:last-child{margin-right:0}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title:nth-child(12n),.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening:nth-child(12n),.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text:nth-child(12n){margin-right:0;margin-left:auto}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-title{font-size:24px;line-height:32px;letter-spacing:1.67px;font-family:\"Larsseit\"}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-opening{font-size:14px;font-family:\"Larsseit-Medium\"}.map .mobile-map-wrapper .desktop-map__hotspot-dialog-text{font-size:16px;font-family:\"Larsseit\"}.map .mobile-map__hotspot-dialog-image--container{width:100%;height:55vw;position:relative;overflow:hidden;margin-bottom:20px;background-size:100% 100%;-webkit-animation:zoom-mobile-map-in 1s cubic-bezier(0.55, 0, 0.1, 1) 1s forwards;animation:zoom-mobile-map-in 1s cubic-bezier(0.55, 0, 0.1, 1) 1s forwards}@media (orientation: landscape){.map .mobile-map__hotspot-dialog-image--container{height:120vh;-webkit-animation:zoom-mobile-map-in-landscape 0.6s cubic-bezier(0.55, 0, 0.1, 1) 1s forwards;animation:zoom-mobile-map-in-landscape 0.6s cubic-bezier(0.55, 0, 0.1, 1) 1s forwards}}.map .mobile-map__hotspot--icon{position:absolute;top:calc(50% - 40px);left:calc(50% - 40px);width:40px;height:40px;z-index:20000;background:white;border-radius:50%;background-size:30px 30px;background-position:center;background-repeat:no-repeat;-webkit-transform-origin:center;transform-origin:center;opacity:0;-webkit-animation:scale-mobile-hotspot 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1.5s forwards;animation:scale-mobile-hotspot 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1.5s forwards}.map .mobile-map__hotspot--icon.orange{border:2px solid #ff6c00}.map .mobile-map__hotspot--icon.blue{border:2px solid #00a4ee}.map-full-mobile{width:100%;margin-bottom:20px}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "d2d8f6cc6ba3cc22a1a3f5f52b5a75b2.jpg";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _utils = __webpack_require__(5);

__webpack_require__(357);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function Day(props, index) {
	var isSelected = props.isSelected;


	var cls = (0, _classnames2.default)({
		hours__day: true,
		'hours__day--selected': isSelected
	});

	return _react2.default.createElement(
		'div',
		{ key: index, className: cls },
		_react2.default.createElement(
			'h3',
			{
				className: 'heading heading--lg',
				'aria-label': isSelected ? props.day + ', today' : props.day
			},
			props.day
		),
		_react2.default.createElement(
			'p',
			{ className: 'copy' },
			props.hours
		),
		props.date && _react2.default.createElement(
			'p',
			{ className: 'copy' },
			props.date
		)
	);
}

Day.propTypes = {
	day: _react2.default.PropTypes.string.isRequired,
	hours: _react2.default.PropTypes.string.isRequired,
	date: _react2.default.PropTypes.string.isRequired,
	isSelected: _react2.default.PropTypes.bool
};

function Hours(_ref) {
	var mon = _ref.mon,
	    tue = _ref.tue,
	    wed = _ref.wed,
	    thu = _ref.thu,
	    fri = _ref.fri,
	    sat = _ref.sat,
	    sun = _ref.sun,
	    copy = _ref.copy;

	var days = [{ day: 'Mon', hours: mon }, { day: 'Tue', hours: tue }, { day: 'Wed', hours: wed }, { day: 'Thu', hours: thu }, { day: 'Fri', hours: fri }, { day: 'Sat', hours: sat }, { day: 'Sun', hours: sun }];

	var todayDate = new Date();
	var today = todayDate.getDay();
	today = today === 0 ? 6 : today - 1; // so monday is index 0
	days[today].isSelected = true;

	var diffDat = new Date();
	var dayDate = void 0;
	for (var i = 0; i < days.length; i += 1) {
		diffDat = i - today;
		// Yeah, I know, but it's the easiest way to add/remove days to a Date
		dayDate = new Date(new Date().setDate(todayDate.getDate() + diffDat));
		days[i].date = dayDate.getMonth() + 1 + ' / ' + dayDate.getDate();
	}

	return _react2.default.createElement(
		'section',
		{ className: 'hours' },
		_react2.default.createElement(
			'div',
			{ className: 'hours__wrapper' },
			_react2.default.createElement(
				'div',
				null,
				_react2.default.createElement(
					'h3',
					{ className: 'heading heading--lg' },
					'Hours'
				),
				_react2.default.createElement(
					'div',
					{ className: 'hours__days', tabIndex: '0' },
					days.map(Day)
				),
				_react2.default.createElement(
					'div',
					{ className: 'hours__copy' },
					_react2.default.createElement(
						'p',
						{ className: 'copy' },
						_react2.default.createElement(_Button2.default, {
							label: 'View Classes & Events Calendar',
							href: '/events'
						})
					),
					_react2.default.createElement('p', { className: 'copy', dangerouslySetInnerHTML: { __html: (0, _utils.widowTamer)(copy) } })
				)
			)
		)
	);
}

Hours.propTypes = {
	mon: _react2.default.PropTypes.string,
	tue: _react2.default.PropTypes.string,
	wed: _react2.default.PropTypes.string,
	thu: _react2.default.PropTypes.string,
	fri: _react2.default.PropTypes.string,
	sat: _react2.default.PropTypes.string,
	sun: _react2.default.PropTypes.string,
	copy: _react2.default.PropTypes.string
};

exports.default = Hours;
var content = __webpack_require__(358);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, "section+#hours{padding:0 !important}.hours{margin-top:60px;background-color:#f7f7f3}.hours h3{font-family:\"Larsseit-Light\";color:#333}.hours__wrapper{display:flex;flex-flow:row wrap;max-width:83.3%;margin-left:auto;margin-right:auto;padding:60px 0}@media (max-width: 667px){.hours__wrapper{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 20px}}.hours__wrapper>div{width:100%}.hours__days{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:60px 0}.hours .button{max-width:none}.hours__day{padding:40px 20px;width:14.28%}@media (max-width: 1024px){.hours__day{width:150px}}@media (max-width: 667px){.hours__day{padding:40px 10px}}.hours__day p{font-size:16px}.hours__day--selected{background-image:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.hours__day--selected h3,.hours__day--selected p{color:#fff}.hours__copy{width:50%}@media (max-width: 667px){.hours__copy{width:100%}}.hours__copy .copy{padding-top:20px;font-size:16px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/Hours/style.scss"],"names":[],"mappings":"AAAA,eAAe,oBAAoB,CAAC,OAAO,gBAAgB,wBAAwB,CAAC,UAAU,6BAA6B,UAAU,CAAC,gBAAgB,aAAa,mBAAmB,gBAAgB,iBAAiB,kBAAkB,cAAc,CAAC,0BAA0B,gBAAgB,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,iBAAiB,CAAC,CAAC,oBAAoB,UAAU,CAAC,aAAa,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,mBAAmB,eAAe,cAAc,CAAC,eAAe,cAAc,CAAC,YAAY,kBAAkB,YAAY,CAAC,2BAA2B,YAAY,WAAW,CAAC,CAAC,0BAA0B,YAAY,iBAAiB,CAAC,CAAC,cAAc,cAAc,CAAC,sBAAsB,yGAAyG,CAAC,iDAAiD,UAAU,CAAC,aAAa,SAAS,CAAC,0BAA0B,aAAa,UAAU,CAAC,CAAC,mBAAmB,iBAAiB,cAAc,CAAC","file":"style.scss","sourcesContent":["section+#hours{padding:0 !important}.hours{margin-top:60px;background-color:#f7f7f3}.hours h3{font-family:\"Larsseit-Light\";color:#333}.hours__wrapper{display:flex;flex-flow:row wrap;max-width:83.3%;margin-left:auto;margin-right:auto;padding:60px 0}@media (max-width: 667px){.hours__wrapper{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 20px}}.hours__wrapper>div{width:100%}.hours__days{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:60px 0}.hours .button{max-width:none}.hours__day{padding:40px 20px;width:14.28%}@media (max-width: 1024px){.hours__day{width:150px}}@media (max-width: 667px){.hours__day{padding:40px 10px}}.hours__day p{font-size:16px}.hours__day--selected{background-image:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.hours__day--selected h3,.hours__day--selected p{color:#fff}.hours__copy{width:50%}@media (max-width: 667px){.hours__copy{width:100%}}.hours__copy .copy{padding-top:20px;font-size:16px}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = BlockQuote;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

__webpack_require__(360);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function BlockQuote(_ref) {
	var _ref$quote = _ref.quote,
	    quote = _ref$quote === undefined ? '' : _ref$quote,
	    _ref$author = _ref.author,
	    author = _ref$author === undefined ? '' : _ref$author,
	    _ref$color = _ref.color,
	    color = _ref$color === undefined ? 'green' : _ref$color;

	var blockColor = 'blockquote--' + color;
	var citeColor = 'copy--' + color;

	var blockCls = (0, _classnames2.default)('blockquote', _defineProperty({}, blockColor, true));
	var citeCls = (0, _classnames2.default)('copy', _defineProperty({}, citeColor, true));

	return _react2.default.createElement(
		'blockquote',
		{ className: blockCls, cite: author },
		_react2.default.createElement(
			'p',
			{ className: 'heading heading--xl' },
			quote
		),
		_react2.default.createElement(
			'cite',
			{ className: 'blockquote__attribution' },
			_react2.default.createElement(
				'p',
				{ className: citeCls },
				author
			)
		)
	);
}

BlockQuote.propTypes = {
	quote: _react2.default.PropTypes.string.isRequired,
	author: _react2.default.PropTypes.string.isRequired,
	color: _react2.default.PropTypes.string
};
var content = __webpack_require__(361);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".blockquote{display:flex;flex-flow:row wrap;max-width:50%;margin-left:auto;margin-right:auto;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px}.blockquote__attribution{margin:0 auto;padding-top:10px}@media (max-width: 768px){.blockquote{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;margin:60px auto}}.blockquote::before{content:'';height:50px;width:50px;background-image:url(" + escape(__webpack_require__(362)) + ");background-size:contain;background-repeat:no-repeat;background-position:50% 50%;margin:0 auto}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/BlockQuote/style.scss"],"names":[],"mappings":"AAAA,YAAY,aAAa,mBAAmB,cAAc,iBAAiB,kBAAkB,kBAAkB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,YAAY,CAAC,yBAAyB,cAAc,gBAAgB,CAAC,0BAA0B,YAAY,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,gBAAgB,CAAC,CAAC,oBAAoB,WAAW,YAAY,WAAW,+CAAgD,wBAAwB,4BAA4B,4BAA4B,aAAa,CAAC","file":"style.scss","sourcesContent":[".blockquote{display:flex;flex-flow:row wrap;max-width:50%;margin-left:auto;margin-right:auto;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px}.blockquote__attribution{margin:0 auto;padding-top:10px}@media (max-width: 768px){.blockquote{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;margin:60px auto}}.blockquote::before{content:'';height:50px;width:50px;background-image:url(\"./images/icon_quote.png\");background-size:contain;background-repeat:no-repeat;background-position:50% 50%;margin:0 auto}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "202f9b9d1f9327e8b680fb32fa184251.png";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Carousel = __webpack_require__(93);

var _Carousel2 = _interopRequireDefault(_Carousel);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function SidebySide(_ref) {
	var image = _ref.image,
	    content = _ref.content,
	    _ref$gallery = _ref.gallery,
	    gallery = _ref$gallery === undefined ? null : _ref$gallery;

	//	carousel expects `items` to be an array of objects with `media` key
	var items = gallery !== null ? gallery.items.map(function (_ref2) {
		var media = _ref2.media;
		return { media: media.image };
	}) : null;

	var imgCls = (0, _classnames2.default)('sidebyside__image', {
		'sidebyside__image--has-carousel': gallery !== null
	});

	return _react2.default.createElement(
		'section',
		{ className: 'sidebyside' },
		_react2.default.createElement(
			'figure',
			{ className: imgCls },
			image && !gallery && _react2.default.createElement('img', { src: image, alt: '' }),
			gallery && _react2.default.createElement(_Carousel2.default, {
				items: items,
				squareLayout: true
			})
		),
		_react2.default.createElement('div', {
			className: 'sidebyside__copy copy-container',
			dangerouslySetInnerHTML: { __html: content }
		})
	);
}

SidebySide.propTypes = {
	image: _react.PropTypes.string,
	content: _react.PropTypes.string,
	gallery: _react.PropTypes.shape({})
};

exports.default = SidebySide;

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _EventGroup = __webpack_require__(193);

var _EventGroup2 = _interopRequireDefault(_EventGroup);

__webpack_require__(367);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function EventGroupList(_ref) {
	var name = _ref.name,
	    eventGroups = _ref.eventGroups;

	var containerCls = (0, _classnames2.default)('event-group__container', 'event-group__container--' + name);
	return _react2.default.createElement(
		'section',
		{ className: containerCls },
		eventGroups.map(function (_ref2) {
			var id = _ref2.id,
			    image = _ref2.image,
			    content = _ref2.content,
			    items = _ref2.items;
			return _react2.default.createElement(
				'figure',
				{
					key: id,
					className: (0, _classnames2.default)('event-group', {
						'event-group__row': !!image
					})
				},
				image && _react2.default.createElement(
					'div',
					{ className: 'event-group__image' },
					_react2.default.createElement('img', { src: image, alt: '' })
				),
				_react2.default.createElement(
					'div',
					{ className: 'event-group__copy-container' },
					_react2.default.createElement('div', {
						className: 'event-group__copy copy-container',
						dangerouslySetInnerHTML: { __html: content }
					}),
					items && items.length > 0 && _react2.default.createElement(_EventGroup2.default, { items: items.map(function (_ref3) {
							var item = _ref3.item;
							return item;
						}) })
				)
			);
		})
	);
}

EventGroupList.propTypes = {
	name: _react.PropTypes.string,
	eventGroups: _react.PropTypes.arrayOf(_react.PropTypes.shape({}))
};

exports.default = EventGroupList;

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _TrackingLink = __webpack_require__(22);

var _TrackingLink2 = _interopRequireDefault(_TrackingLink);

__webpack_require__(335);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function EventGroup(_ref) {
	var _ref$items = _ref.items,
	    items = _ref$items === undefined ? [] : _ref$items;

	if (items.length === 0) {
		return null;
	}

	return _react2.default.createElement(
		'ul',
		{ className: 'event-group__items-container' },
		items.map(function (_ref2) {
			var id = _ref2.id,
			    event = _ref2.event,
			    title = _ref2.title;
			return _react2.default.createElement(
				'li',
				{ className: 'eventgroup-item', key: id },
				_react2.default.createElement(
					'p',
					{ className: 'eventgroup-item__copy' },
					title
				),
				_react2.default.createElement(
					'p',
					{ className: 'eventgroup-item__link' },
					_react2.default.createElement(
						_TrackingLink2.default,
						{
							to: event ? '/events/' + event : '/events/' + id,
							className: 'link--external',
							target: '_blank',
							rel: 'noopener noreferrer',
							label: 'EventSignUpClick'
						},
						'Sign Up',
						_react2.default.createElement('span', { className: 'link--external-icon' })
					)
				)
			);
		})
	);
}

EventGroup.propTypes = {
	items: _react2.default.PropTypes.shape({})
};

exports.default = EventGroup;
var content = __webpack_require__(336);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".event-group{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);margin-top:60px}.event-group:nth-child(1n){margin-right:0;margin-left:0}.event-group:last-child{margin-right:0}.event-group:nth-child(12n){margin-right:0;margin-left:auto}.event-group:nth-child(even){margin-left:calc(100% * 2/12) !important}@media (max-width: 1024px){.event-group:nth-child(even){margin-left:0 !important;margin-right:0 !important}}@media (max-width: 1024px){.event-group{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;margin-top:60px}.event-group:nth-child(1n){margin-right:0;margin-left:0}.event-group:last-child{margin-right:0}.event-group:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__row{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);margin-left:0 !important !important;margin-right:0 !important !important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex}.event-group__row:nth-child(1n){margin-right:0;margin-left:0}.event-group__row:last-child{margin-right:0}.event-group__row:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.event-group__row{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:block}.event-group__row:nth-child(1n){margin-right:0;margin-left:0}.event-group__row:last-child{margin-right:0}.event-group__row:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__row:nth-child(even){margin-left:0 !important;margin-right:0 !important}.event-group__row .event-group__copy-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);margin-left:calc(100% * 1/12) !important}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:0}.event-group__row .event-group__copy-container:last-child{margin-right:0}.event-group__row .event-group__copy-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.event-group__row .event-group__copy-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:0}.event-group__row .event-group__copy-container:last-child{margin-right:0}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:60px 8.33%;margin-bottom:52px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width: 1024px){.event-group__container{display:block}}.event-group__image{overflow:hidden;min-width:50%;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12)}.event-group__image:nth-child(1n){margin-right:0;margin-left:0}.event-group__image:last-child{margin-right:0}.event-group__image:nth-child(12n){margin-right:0;margin-left:auto}.event-group__image img{display:block;width:100%;height:auto}@media (max-width: 1024px){.event-group__image{height:0;width:100%;padding-bottom:62.5%;position:relative;margin-bottom:24px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.event-group__image:nth-child(1n){margin-right:0;margin-left:0}.event-group__image:last-child{margin-right:0}.event-group__image:nth-child(1n){margin-right:0;margin-left:auto}.event-group__image img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}@media (max-width: 1024px){.event-group__copy-container{display:inline !important}}.event-group__copy-container .copy-container{max-width:none}@media (max-width: 1024px){.event-group__copy-container .copy-container{padding:0 0 60px}}.event-group__copy-container.copy-container h2{padding-top:0}.event-group__copy-container.copy-container ul li{padding:0}.event-group__items-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-top:1px solid #333;margin-top:20px}.eventgroup-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #333;padding:20px 0}.eventgroup-item__link{padding-left:8px}.eventgroup-item__copy{color:#00a4ee;font-family:\"Larsseit-Bold\"}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/EventGroup/style.scss"],"names":[],"mappings":"AAAA,aAAa,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,eAAe,CAAC,2BAA2B,eAAe,aAAa,CAAC,wBAAwB,cAAc,CAAC,4BAA4B,eAAe,gBAAgB,CAAC,6BAA6B,wCAAwC,CAAC,2BAA2B,6BAA6B,yBAAyB,yBAAyB,CAAC,CAAC,2BAA2B,aAAa,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,yBAAyB,0BAA0B,eAAe,CAAC,2BAA2B,eAAe,aAAa,CAAC,wBAAwB,cAAc,CAAC,2BAA2B,eAAe,gBAAgB,CAAC,CAAC,kBAAkB,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,oCAAoC,qCAAqC,8BAA8B,6BAA6B,uBAAuB,mBAAmB,oBAAoB,oBAAoB,YAAY,CAAC,gCAAgC,eAAe,aAAa,CAAC,6BAA6B,cAAc,CAAC,iCAAiC,eAAe,gBAAgB,CAAC,2BAA2B,kBAAkB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,yBAAyB,0BAA0B,4BAA4B,6BAA6B,0BAA0B,sBAAsB,aAAa,CAAC,gCAAgC,eAAe,aAAa,CAAC,6BAA6B,cAAc,CAAC,gCAAgC,eAAe,gBAAgB,CAAC,CAAC,kCAAkC,yBAAyB,yBAAyB,CAAC,+CAA+C,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,wCAAwC,CAAC,6DAA6D,eAAe,aAAa,CAAC,0DAA0D,cAAc,CAAC,8DAA8D,eAAe,gBAAgB,CAAC,2BAA2B,+CAA+C,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,yBAAyB,yBAAyB,CAAC,6DAA6D,eAAe,aAAa,CAAC,0DAA0D,cAAc,CAAC,6DAA6D,eAAe,gBAAgB,CAAC,CAAC,wBAAwB,oBAAoB,oBAAoB,aAAa,mBAAmB,mBAAmB,mBAAmB,cAAc,CAAC,2BAA2B,wBAAwB,aAAa,CAAC,CAAC,oBAAoB,gBAAgB,cAAc,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,kCAAkC,eAAe,aAAa,CAAC,+BAA+B,cAAc,CAAC,mCAAmC,eAAe,gBAAgB,CAAC,wBAAwB,cAAc,WAAW,WAAW,CAAC,2BAA2B,oBAAoB,SAAS,WAAW,qBAAqB,kBAAkB,mBAAmB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,kCAAkC,eAAe,aAAa,CAAC,+BAA+B,cAAc,CAAC,kCAAkC,eAAe,gBAAgB,CAAC,wBAAwB,kBAAkB,QAAQ,SAAS,wCAAwC,+BAA+B,CAAC,CAAC,2BAA2B,6BAA6B,yBAAyB,CAAC,CAAC,6CAA6C,cAAc,CAAC,2BAA2B,6CAA6C,gBAAgB,CAAC,CAAC,+CAA+C,aAAa,CAAC,kDAAkD,SAAS,CAAC,8BAA8B,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,0BAA0B,eAAe,CAAC,iBAAiB,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,6BAA6B,cAAc,CAAC,uBAAuB,gBAAgB,CAAC,uBAAuB,cAAc,2BAA2B,CAAC","file":"style.scss","sourcesContent":[".event-group{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);margin-top:60px}.event-group:nth-child(1n){margin-right:0;margin-left:0}.event-group:last-child{margin-right:0}.event-group:nth-child(12n){margin-right:0;margin-left:auto}.event-group:nth-child(even){margin-left:calc(100% * 2/12) !important}@media (max-width: 1024px){.event-group:nth-child(even){margin-left:0 !important;margin-right:0 !important}}@media (max-width: 1024px){.event-group{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;margin-top:60px}.event-group:nth-child(1n){margin-right:0;margin-left:0}.event-group:last-child{margin-right:0}.event-group:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__row{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);margin-left:0 !important !important;margin-right:0 !important !important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex}.event-group__row:nth-child(1n){margin-right:0;margin-left:0}.event-group__row:last-child{margin-right:0}.event-group__row:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.event-group__row{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:block}.event-group__row:nth-child(1n){margin-right:0;margin-left:0}.event-group__row:last-child{margin-right:0}.event-group__row:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__row:nth-child(even){margin-left:0 !important;margin-right:0 !important}.event-group__row .event-group__copy-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);margin-left:calc(100% * 1/12) !important}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:0}.event-group__row .event-group__copy-container:last-child{margin-right:0}.event-group__row .event-group__copy-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.event-group__row .event-group__copy-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:0}.event-group__row .event-group__copy-container:last-child{margin-right:0}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:60px 8.33%;margin-bottom:52px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width: 1024px){.event-group__container{display:block}}.event-group__image{overflow:hidden;min-width:50%;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12)}.event-group__image:nth-child(1n){margin-right:0;margin-left:0}.event-group__image:last-child{margin-right:0}.event-group__image:nth-child(12n){margin-right:0;margin-left:auto}.event-group__image img{display:block;width:100%;height:auto}@media (max-width: 1024px){.event-group__image{height:0;width:100%;padding-bottom:62.5%;position:relative;margin-bottom:24px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.event-group__image:nth-child(1n){margin-right:0;margin-left:0}.event-group__image:last-child{margin-right:0}.event-group__image:nth-child(1n){margin-right:0;margin-left:auto}.event-group__image img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}@media (max-width: 1024px){.event-group__copy-container{display:inline !important}}.event-group__copy-container .copy-container{max-width:none}@media (max-width: 1024px){.event-group__copy-container .copy-container{padding:0 0 60px}}.event-group__copy-container.copy-container h2{padding-top:0}.event-group__copy-container.copy-container ul li{padding:0}.event-group__items-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-top:1px solid #333;margin-top:20px}.eventgroup-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #333;padding:20px 0}.eventgroup-item__link{padding-left:8px}.eventgroup-item__copy{color:#00a4ee;font-family:\"Larsseit-Bold\"}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(368);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".event-group{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);margin-top:60px}.event-group:nth-child(1n){margin-right:0;margin-left:0}.event-group:last-child{margin-right:0}.event-group:nth-child(12n){margin-right:0;margin-left:auto}.event-group:nth-child(even){margin-left:calc(100% * 2/12) !important}@media (max-width: 1024px){.event-group:nth-child(even){margin-left:0 !important;margin-right:0 !important}}@media (max-width: 1024px){.event-group{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;margin-top:60px}.event-group:nth-child(1n){margin-right:0;margin-left:0}.event-group:last-child{margin-right:0}.event-group:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__row{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);margin-left:0 !important !important;margin-right:0 !important !important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex}.event-group__row:nth-child(1n){margin-right:0;margin-left:0}.event-group__row:last-child{margin-right:0}.event-group__row:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.event-group__row{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:block}.event-group__row:nth-child(1n){margin-right:0;margin-left:0}.event-group__row:last-child{margin-right:0}.event-group__row:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__row:nth-child(even){margin-left:0 !important;margin-right:0 !important}.event-group__row .event-group__copy-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);margin-left:calc(100% * 1/12) !important}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:0}.event-group__row .event-group__copy-container:last-child{margin-right:0}.event-group__row .event-group__copy-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.event-group__row .event-group__copy-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:0}.event-group__row .event-group__copy-container:last-child{margin-right:0}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:60px 8.33%;margin-bottom:52px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width: 1024px){.event-group__container{display:block}}.event-group__image{overflow:hidden;min-width:50%;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12)}.event-group__image:nth-child(1n){margin-right:0;margin-left:0}.event-group__image:last-child{margin-right:0}.event-group__image:nth-child(12n){margin-right:0;margin-left:auto}.event-group__image img{display:block;width:100%;height:auto}@media (max-width: 1024px){.event-group__image{height:0;width:100%;padding-bottom:62.5%;position:relative;margin-bottom:24px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.event-group__image:nth-child(1n){margin-right:0;margin-left:0}.event-group__image:last-child{margin-right:0}.event-group__image:nth-child(1n){margin-right:0;margin-left:auto}.event-group__image img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}@media (max-width: 1024px){.event-group__copy-container{display:inline !important}}.event-group__copy-container .copy-container{max-width:none}@media (max-width: 1024px){.event-group__copy-container .copy-container{padding:0 0 60px}}.event-group__copy-container.copy-container h2{padding-top:0}.event-group__copy-container.copy-container ul li{padding:0}.event-group__items-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-top:1px solid #333;margin-top:20px}.eventgroup-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #333;padding:20px 0}.eventgroup-item__link{padding-left:8px}.eventgroup-item__copy{color:#00a4ee;font-family:\"Larsseit-Bold\"}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/EventGroupList/style.scss"],"names":[],"mappings":"AAAA,aAAa,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,eAAe,CAAC,2BAA2B,eAAe,aAAa,CAAC,wBAAwB,cAAc,CAAC,4BAA4B,eAAe,gBAAgB,CAAC,6BAA6B,wCAAwC,CAAC,2BAA2B,6BAA6B,yBAAyB,yBAAyB,CAAC,CAAC,2BAA2B,aAAa,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,yBAAyB,0BAA0B,eAAe,CAAC,2BAA2B,eAAe,aAAa,CAAC,wBAAwB,cAAc,CAAC,2BAA2B,eAAe,gBAAgB,CAAC,CAAC,kBAAkB,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,oCAAoC,qCAAqC,8BAA8B,6BAA6B,uBAAuB,mBAAmB,oBAAoB,oBAAoB,YAAY,CAAC,gCAAgC,eAAe,aAAa,CAAC,6BAA6B,cAAc,CAAC,iCAAiC,eAAe,gBAAgB,CAAC,2BAA2B,kBAAkB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,yBAAyB,0BAA0B,4BAA4B,6BAA6B,0BAA0B,sBAAsB,aAAa,CAAC,gCAAgC,eAAe,aAAa,CAAC,6BAA6B,cAAc,CAAC,gCAAgC,eAAe,gBAAgB,CAAC,CAAC,kCAAkC,yBAAyB,yBAAyB,CAAC,+CAA+C,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,wCAAwC,CAAC,6DAA6D,eAAe,aAAa,CAAC,0DAA0D,cAAc,CAAC,8DAA8D,eAAe,gBAAgB,CAAC,2BAA2B,+CAA+C,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,yBAAyB,yBAAyB,CAAC,6DAA6D,eAAe,aAAa,CAAC,0DAA0D,cAAc,CAAC,6DAA6D,eAAe,gBAAgB,CAAC,CAAC,wBAAwB,oBAAoB,oBAAoB,aAAa,mBAAmB,mBAAmB,mBAAmB,cAAc,CAAC,2BAA2B,wBAAwB,aAAa,CAAC,CAAC,oBAAoB,gBAAgB,cAAc,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,kCAAkC,eAAe,aAAa,CAAC,+BAA+B,cAAc,CAAC,mCAAmC,eAAe,gBAAgB,CAAC,wBAAwB,cAAc,WAAW,WAAW,CAAC,2BAA2B,oBAAoB,SAAS,WAAW,qBAAqB,kBAAkB,mBAAmB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,kCAAkC,eAAe,aAAa,CAAC,+BAA+B,cAAc,CAAC,kCAAkC,eAAe,gBAAgB,CAAC,wBAAwB,kBAAkB,QAAQ,SAAS,wCAAwC,+BAA+B,CAAC,CAAC,2BAA2B,6BAA6B,yBAAyB,CAAC,CAAC,6CAA6C,cAAc,CAAC,2BAA2B,6CAA6C,gBAAgB,CAAC,CAAC,+CAA+C,aAAa,CAAC,kDAAkD,SAAS,CAAC,8BAA8B,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,0BAA0B,eAAe,CAAC,iBAAiB,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,6BAA6B,cAAc,CAAC,uBAAuB,gBAAgB,CAAC,uBAAuB,cAAc,2BAA2B,CAAC","file":"style.scss","sourcesContent":[".event-group{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);margin-top:60px}.event-group:nth-child(1n){margin-right:0;margin-left:0}.event-group:last-child{margin-right:0}.event-group:nth-child(12n){margin-right:0;margin-left:auto}.event-group:nth-child(even){margin-left:calc(100% * 2/12) !important}@media (max-width: 1024px){.event-group:nth-child(even){margin-left:0 !important;margin-right:0 !important}}@media (max-width: 1024px){.event-group{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;margin-top:60px}.event-group:nth-child(1n){margin-right:0;margin-left:0}.event-group:last-child{margin-right:0}.event-group:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__row{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);margin-left:0 !important !important;margin-right:0 !important !important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex}.event-group__row:nth-child(1n){margin-right:0;margin-left:0}.event-group__row:last-child{margin-right:0}.event-group__row:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.event-group__row{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:block}.event-group__row:nth-child(1n){margin-right:0;margin-left:0}.event-group__row:last-child{margin-right:0}.event-group__row:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__row:nth-child(even){margin-left:0 !important;margin-right:0 !important}.event-group__row .event-group__copy-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);margin-left:calc(100% * 1/12) !important}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:0}.event-group__row .event-group__copy-container:last-child{margin-right:0}.event-group__row .event-group__copy-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.event-group__row .event-group__copy-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:0}.event-group__row .event-group__copy-container:last-child{margin-right:0}.event-group__row .event-group__copy-container:nth-child(1n){margin-right:0;margin-left:auto}}.event-group__container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:60px 8.33%;margin-bottom:52px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width: 1024px){.event-group__container{display:block}}.event-group__image{overflow:hidden;min-width:50%;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12)}.event-group__image:nth-child(1n){margin-right:0;margin-left:0}.event-group__image:last-child{margin-right:0}.event-group__image:nth-child(12n){margin-right:0;margin-left:auto}.event-group__image img{display:block;width:100%;height:auto}@media (max-width: 1024px){.event-group__image{height:0;width:100%;padding-bottom:62.5%;position:relative;margin-bottom:24px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.event-group__image:nth-child(1n){margin-right:0;margin-left:0}.event-group__image:last-child{margin-right:0}.event-group__image:nth-child(1n){margin-right:0;margin-left:auto}.event-group__image img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}@media (max-width: 1024px){.event-group__copy-container{display:inline !important}}.event-group__copy-container .copy-container{max-width:none}@media (max-width: 1024px){.event-group__copy-container .copy-container{padding:0 0 60px}}.event-group__copy-container.copy-container h2{padding-top:0}.event-group__copy-container.copy-container ul li{padding:0}.event-group__items-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-top:1px solid #333;margin-top:20px}.eventgroup-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #333;padding:20px 0}.eventgroup-item__link{padding-left:8px}.eventgroup-item__copy{color:#00a4ee;font-family:\"Larsseit-Bold\"}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

__webpack_require__(370);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function CampSchedule(_ref) {
	var _ref$sectionTitle = _ref.sectionTitle,
	    sectionTitle = _ref$sectionTitle === undefined ? 'Camp Sessions Available:' : _ref$sectionTitle,
	    sessions = _ref.sessions;

	var months = ['Jan', 'Feb', 'March', 'April', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'];
	return _react2.default.createElement(
		'section',
		{ className: 'hours' },
		_react2.default.createElement(
			'div',
			{ className: 'hours__wrapper' },
			_react2.default.createElement(
				'div',
				null,
				_react2.default.createElement(
					'h3',
					{ className: 'heading heading--lg' },
					sectionTitle
				),
				_react2.default.createElement(
					'div',
					{ className: 'hours__days ' + (sessions.length < 6 ? 'hours__days-left' : '') },
					sessions.map(function (_ref2, index) {
						var start = _ref2.start,
						    end = _ref2.end,
						    _ref2$url = _ref2.url,
						    url = _ref2$url === undefined ? false : _ref2$url;

						var s = start.split('-');
						var e = end.split('-');
						var sDay = s[2];
						var eDay = e[2];
						var month = months[s[1] - 1];
						return _react2.default.createElement(
							'div',
							{ className: 'hours__day', key: index },
							' ',
							_react2.default.createElement(
								'h3',
								{ className: 'heading heading--sm' },
								month
							),
							_react2.default.createElement(
								'h3',
								{ className: 'heading heading--lg' },
								sDay + '-' + eDay
							),
							url && _react2.default.createElement(
								'p',
								{ className: 'copy' },
								_react2.default.createElement(
									'a',
									{ href: url, target: '_blank', rel: 'noopener noreferrer', title: month + ' Session ' + (index + 1) + ', book now' },
									'Book Now'
								)
							)
						);
					})
				)
			)
		)
	);
}

CampSchedule.propTypes = {
	sessions: _react.PropTypes.arrayOf(_react.PropTypes.shape({})),
	sectionTitle: _react.PropTypes.string
};

exports.default = CampSchedule;
var content = __webpack_require__(371);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--camp .hours{background-color:#f7f7f3}.container--camp .hours h3{font-family:\"Larsseit-Light\";color:#333}.container--camp .hours__wrapper{display:flex;flex-flow:row wrap;max-width:83.3%;margin-left:auto;margin-right:auto;padding:60px 0}@media (max-width: 667px){.container--camp .hours__wrapper{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 20px}}.container--camp .hours__wrapper>div{width:100%}.container--camp .hours__days{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 768px){.container--camp .hours__days{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.container--camp .hours__days-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.container--camp .hours__days-left .hours__day{margin-right:2.864%}.container--camp .hours .button{max-width:none}.container--camp .hours__day{padding:40px 20px;width:14.28%}@media (max-width: 1024px){.container--camp .hours__day{width:150px}}@media (max-width: 667px){.container--camp .hours__day{padding:40px 10px}}.container--camp .hours__day--selected{background-image:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.container--camp .hours__day--selected h3,.container--camp .hours__day--selected p{color:#fff}.container--camp .hours__copy{width:50%}@media (max-width: 667px){.container--camp .hours__copy{width:100%}}.container--camp .hours__copy .copy{padding-top:20px;font-size:16px}.container--camp .hours+.hours{margin-top:0}.container--camp .hours+.hours .hours__wrapper{padding-top:0}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/CampSchedule/style.scss"],"names":[],"mappings":"AAAA,wBAAwB,wBAAwB,CAAC,2BAA2B,6BAA6B,UAAU,CAAC,iCAAiC,aAAa,mBAAmB,gBAAgB,iBAAiB,kBAAkB,cAAc,CAAC,0BAA0B,iCAAiC,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,iBAAiB,CAAC,CAAC,qCAAqC,UAAU,CAAC,8BAA8B,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,mBAAmB,eAAe,UAAU,yBAAyB,sBAAsB,6BAA6B,CAAC,0BAA0B,8BAA8B,uBAAuB,oBAAoB,0BAA0B,CAAC,CAAC,mCAAmC,uBAAuB,oBAAoB,0BAA0B,CAAC,+CAA+C,mBAAmB,CAAC,gCAAgC,cAAc,CAAC,6BAA6B,kBAAkB,YAAY,CAAC,2BAA2B,6BAA6B,WAAW,CAAC,CAAC,0BAA0B,6BAA6B,iBAAiB,CAAC,CAAC,uCAAuC,yGAAyG,CAAC,mFAAmF,UAAU,CAAC,8BAA8B,SAAS,CAAC,0BAA0B,8BAA8B,UAAU,CAAC,CAAC,oCAAoC,iBAAiB,cAAc,CAAC,+BAA+B,YAAY,CAAC,+CAA+C,aAAa,CAAC","file":"style.scss","sourcesContent":[".container--camp .hours{background-color:#f7f7f3}.container--camp .hours h3{font-family:\"Larsseit-Light\";color:#333}.container--camp .hours__wrapper{display:flex;flex-flow:row wrap;max-width:83.3%;margin-left:auto;margin-right:auto;padding:60px 0}@media (max-width: 667px){.container--camp .hours__wrapper{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 20px}}.container--camp .hours__wrapper>div{width:100%}.container--camp .hours__days{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 768px){.container--camp .hours__days{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.container--camp .hours__days-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.container--camp .hours__days-left .hours__day{margin-right:2.864%}.container--camp .hours .button{max-width:none}.container--camp .hours__day{padding:40px 20px;width:14.28%}@media (max-width: 1024px){.container--camp .hours__day{width:150px}}@media (max-width: 667px){.container--camp .hours__day{padding:40px 10px}}.container--camp .hours__day--selected{background-image:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.container--camp .hours__day--selected h3,.container--camp .hours__day--selected p{color:#fff}.container--camp .hours__copy{width:50%}@media (max-width: 667px){.container--camp .hours__copy{width:100%}}.container--camp .hours__copy .copy{padding-top:20px;font-size:16px}.container--camp .hours+.hours{margin-top:0}.container--camp .hours+.hours .hours__wrapper{padding-top:0}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _utils = __webpack_require__(5);

__webpack_require__(373);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function ProductBlock(_ref) {
	var name = _ref.name,
	    description = _ref.description,
	    href = _ref.href,
	    image = _ref.image;

	return _react2.default.createElement(
		'div',
		{ className: 'container--product-block' },
		_react2.default.createElement('img', { src: image, alt: name, className: 'product__image' }),
		_react2.default.createElement(
			'div',
			{ className: 'product__text' },
			_react2.default.createElement(
				'h4',
				{ className: 'heading heading--xs product__name' },
				name
			),
			(0, _utils.isHtml)(description) ? _react2.default.createElement('p', { className: 'copy', dangerouslySetInnerHTML: { __html: description } }) : _react2.default.createElement(
				'p',
				{ className: 'copy' },
				(0, _utils.widowTamer)(description)
			)
		),
		_react2.default.createElement(
			'div',
			{ className: 'product__controls' },
			_react2.default.createElement(
				'a',
				{ className: 'button button--orange no-underline', href: href, target: '_blank', rel: 'noopener noreferrer' },
				'Buy Now'
			)
		)
	);
}

ProductBlock.propTypes = {
	name: _react2.default.PropTypes.string,
	description: _react2.default.PropTypes.string,
	href: _react2.default.PropTypes.string,
	image: _react2.default.PropTypes.string.isRequired
};

exports.default = ProductBlock;
var content = __webpack_require__(374);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--product-block{margin-bottom:60px;width:calc(33% - 8px);max-width:476px;border:1px solid #d8d8d8;padding:6px;margin:4px}@media (max-width: 768px){.container--product-block{width:calc(50% - 8px)}}@media (max-width: 667px){.container--product-block{width:100%;margin:4px auto}}.container--product-block .product__image{max-width:100%}.container--product-block .product__name{margin:21px 0 10px;text-align:center}.container--product-block .product__text{text-align:center}.container--product-block .product__controls{text-align:center;margin:60px 0 55px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/ProductBlock/style.scss"],"names":[],"mappings":"AAAA,0BAA0B,mBAAmB,sBAAsB,gBAAgB,yBAAyB,YAAY,UAAU,CAAC,0BAA0B,0BAA0B,qBAAqB,CAAC,CAAC,0BAA0B,0BAA0B,WAAW,eAAe,CAAC,CAAC,0CAA0C,cAAc,CAAC,yCAAyC,mBAAmB,iBAAiB,CAAC,yCAAyC,iBAAiB,CAAC,6CAA6C,kBAAkB,kBAAkB,CAAC","file":"style.scss","sourcesContent":[".container--product-block{margin-bottom:60px;width:calc(33% - 8px);max-width:476px;border:1px solid #d8d8d8;padding:6px;margin:4px}@media (max-width: 768px){.container--product-block{width:calc(50% - 8px)}}@media (max-width: 667px){.container--product-block{width:100%;margin:4px auto}}.container--product-block .product__image{max-width:100%}.container--product-block .product__name{margin:21px 0 10px;text-align:center}.container--product-block .product__text{text-align:center}.container--product-block .product__controls{text-align:center;margin:60px 0 55px}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _CardListSection = __webpack_require__(130);

var _CardListSection2 = _interopRequireDefault(_CardListSection);

var _Carousel = __webpack_require__(93);

var _Carousel2 = _interopRequireDefault(_Carousel);

var _home = __webpack_require__(375);

var actionCreators = _interopRequireWildcard(_home);

var _utils = __webpack_require__(5);

__webpack_require__(376);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var HomeView = (_temp2 = _class = function (_React$Component) {
	_inherits(HomeView, _React$Component);

	function HomeView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, HomeView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = HomeView.__proto__ || Object.getPrototypeOf(HomeView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(HomeView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var _props$actions = this.props.actions,
			    homeInit = _props$actions.homeInit,
			    fetchHomeData = _props$actions.fetchHomeData;


			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			homeInit();
			fetchHomeData();
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    pageData = _props.pageData,
			    banner = _props.banner;


			if (pageData.get('isFetching')) {
				return _react2.default.createElement('div', { className: 'container container--home' });
			}

			var carouselItems = pageData.get('carouselItems').toJS();
			var bannersData = pageData.get('banners').toJS();
			var containerCls = (0, _classnames2.default)('container', 'container--home', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				carouselItems.length > 0 && _react2.default.createElement(_Carousel2.default, {
					items: carouselItems,
					autoPlay: true
				}),
				_react2.default.createElement(
					'div',
					{ className: 'lockup' },
					'Where people and pets connect.'
				),
				_react2.default.createElement(
					'section',
					{ className: 'splash splash--card-list petlist' },
					_react2.default.createElement(_CardListSection2.default, {
						type: 'pet',
						heading: 'Adoptable Pets',
						copy: 'These lovable dogs, cats, and small animals are available for adoption and waiting to meet you.',
						items: pageData.get('animals').toJS(),
						ctaLabel: 'View All Pets',
						mapDataToProps: function mapDataToProps(pet) {
							var cardProps = (0, _utils.petDataCard)(pet);
							cardProps.fullDetails = true;
							return cardProps;
						},
						ctaLink: '/adopt'
					})
				),
				_react2.default.createElement(
					'section',
					{ className: 'splash splash--card-list' },
					_react2.default.createElement(_CardListSection2.default, {
						type: 'event',
						heading: 'Upcoming Classes and Events',
						copy: 'Sign up for one of our educational programs, workshops, or lectures and bring your family to our next community event.',
						items: pageData.get('events').toJS(),
						ctaLabel: 'View All Classes & Events',
						ctaLink: '/events',
						mapDataToProps: _utils.eventDataCard
					})
				),
				bannersData.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
				})
			);
		}
	}]);

	return HomeView;
}(_react2.default.Component), _class.propTypes = {
	pageData: _react2.default.PropTypes.shape(),
	banner: _react2.default.PropTypes.shape(),
	actions: _react2.default.PropTypes.shape({
		homeInit: _react2.default.PropTypes.func.isRequired,
		fetchHomeData: _react2.default.PropTypes.func.isRequired
	}).isRequired
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		pageData: state.home,
		banner: state.nav.get('banner')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(HomeView);

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = CardListSection;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _CardList = __webpack_require__(190);

var _CardList2 = _interopRequireDefault(_CardList);

var _utils = __webpack_require__(5);

__webpack_require__(324);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function CardListSection(_ref) {
	var type = _ref.type,
	    heading = _ref.heading,
	    copy = _ref.copy,
	    items = _ref.items,
	    ctaLabel = _ref.ctaLabel,
	    ctaLink = _ref.ctaLink,
	    mapDataToProps = _ref.mapDataToProps,
	    favoritable = _ref.favoritable;

	return _react2.default.createElement(
		'section',
		{ className: 'card-list__wrapper card-list__wrapper--' + type },
		_react2.default.createElement(
			'div',
			{ className: 'card-list__hero' },
			_react2.default.createElement(
				'div',
				{ className: 'full' },
				_react2.default.createElement(
					'h1',
					{ className: 'heading heading--xl' },
					(0, _utils.widowTamer)(heading)
				)
			),
			_react2.default.createElement(
				'div',
				{ className: 'related__copy-wrapper' },
				_react2.default.createElement(
					'p',
					{ className: 'copy' },
					(0, _utils.widowTamer)(copy)
				),
				_react2.default.createElement(_Button2.default, {
					className: 'button',
					label: ctaLabel,
					href: ctaLink
				})
			)
		),
		_react2.default.createElement(_CardList2.default, {
			items: items,
			mapDataToProps: mapDataToProps,
			favoritable: favoritable
		})
	);
}

CardListSection.propTypes = {
	type: _react2.default.PropTypes.string,
	heading: _react2.default.PropTypes.string,
	copy: _react2.default.PropTypes.string,
	items: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.object),
	ctaLabel: _react2.default.PropTypes.string,
	ctaLink: _react2.default.PropTypes.string,
	mapDataToProps: _react2.default.PropTypes.func,
	favoritable: _react2.default.PropTypes.bool
};

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.Cards = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

exports.default = CardList;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactSlick = __webpack_require__(91);

var _reactSlick2 = _interopRequireDefault(_reactSlick);

var _Card = __webpack_require__(55);

var _Card2 = _interopRequireDefault(_Card);

var _PlaceholderCards = __webpack_require__(187);

var _PlaceholderCards2 = _interopRequireDefault(_PlaceholderCards);

var _utils = __webpack_require__(5);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

function CardList(_ref) {
	var _ref$items = _ref.items,
	    items = _ref$items === undefined ? [] : _ref$items,
	    _ref$placeholders = _ref.placeholders,
	    placeholders = _ref$placeholders === undefined ? 9 : _ref$placeholders,
	    mapDataToProps = _ref.mapDataToProps,
	    favoritable = _ref.favoritable;

	return items.length ? _react2.default.createElement(Cards, { items: items, mapDataToProps: mapDataToProps, favoritable: favoritable }) : _react2.default.createElement(_PlaceholderCards2.default, { number: placeholders });
}

CardList.propTypes = {
	items: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.object),
	placeholders: _react2.default.PropTypes.number,
	mapDataToProps: _react2.default.PropTypes.func,
	favoritable: _react2.default.PropTypes.bool
};

//	no placeholders
var Cards = exports.Cards = (_temp = _class = function (_React$Component) {
	_inherits(Cards, _React$Component);

	function Cards() {
		_classCallCheck(this, Cards);

		return _possibleConstructorReturn(this, (Cards.__proto__ || Object.getPrototypeOf(Cards)).apply(this, arguments));
	}

	_createClass(Cards, [{
		key: 'render',
		value: function render() {
			var _this2 = this;

			var _props = this.props,
			    items = _props.items,
			    mapDataToProps = _props.mapDataToProps,
			    favoritable = _props.favoritable;

			var cardProps = items.map(function (i) {
				var card = mapDataToProps(i);
				if (!card.id) {
					card.id = Math.random();
				}
				return card;
			});
			// Don't show arrows if there's 3 or less items
			var dotsArrows = true;
			if (items.length <= 3) {
				dotsArrows = false;
			}

			var sliderOptions = {
				responsive: [{
					breakpoint: 1023,
					settings: {
						dots: true,
						arrows: false,
						infinite: true,
						speed: 500,
						slidesToShow: 1
					}
				}, {
					breakpoint: 100000,
					settings: {
						dots: dotsArrows,
						arrows: dotsArrows,
						swipe: dotsArrows,
						infinite: false,
						speed: 500,
						slidesToScroll: 3,
						slidesToShow: 3
					}
				}]
			};

			return _react2.default.createElement(
				'div',
				{ className: 'card-wrapper', tabIndex: '0' },
				_react2.default.createElement(
					_reactSlick2.default,
					_extends({
						ref: function ref(slider) {
							_this2.slider = slider;
						}
					}, sliderOptions),
					cardProps.map(function (p) {
						return _react2.default.createElement(
							'div',
							{ className: 'card', key: p.id },
							_react2.default.createElement(_Card2.default, _extends({
								favoritable: favoritable,
								inCarousel: true
							}, p))
						);
					})
				)
			);
		}
	}]);

	return Cards;
}(_react2.default.Component), _class.propTypes = {
	items: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.object),
	mapDataToProps: _react2.default.PropTypes.func,
	favoritable: _react2.default.PropTypes.bool
}, _class.defaultProps = {
	mapDataToProps: _utils.petDataCard
}, _temp);

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

exports.PlaceholderCard = PlaceholderCard;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactSlick = __webpack_require__(91);

var _reactSlick2 = _interopRequireDefault(_reactSlick);

__webpack_require__(312);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = 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; }

function PlaceholderCard(props, i) {
	var colors = ['green', 'orange', 'blue'];
	var color = i < colors.length ? colors[i] : colors[i % 3];
	var colorCls = 'placeholder-card__bg--' + color;
	var cls = (0, _classnames2.default)(_defineProperty({
		'placeholder-card__bg': true
	}, colorCls, true));

	return _react2.default.createElement(
		'div',
		{ className: 'placeholder-card', key: i },
		_react2.default.createElement(
			'div',
			{ className: cls },
			_react2.default.createElement(
				'div',
				{ className: 'placeholder-card__icon-bar' },
				_react2.default.createElement('div', { className: 'pill placeholder-card__pill' }),
				_react2.default.createElement('div', { className: 'placeholder-card__favorite' })
			),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--bar' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--margin' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--margin--r' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--bar2' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--margin2' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--margin2--r' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--bar3' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--margin3' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--margin3--r' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--bar4' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--margin4' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--margin4--r' }),
			_react2.default.createElement('div', { className: 'placeholder-mask placeholder-mask--bar5' })
		)
	);
}

var PlaceholderCards = (_temp = _class = function (_React$Component) {
	_inherits(PlaceholderCards, _React$Component);

	function PlaceholderCards() {
		_classCallCheck(this, PlaceholderCards);

		return _possibleConstructorReturn(this, (PlaceholderCards.__proto__ || Object.getPrototypeOf(PlaceholderCards)).apply(this, arguments));
	}

	_createClass(PlaceholderCards, [{
		key: 'render',
		value: function render() {
			var _this2 = this;

			var sliderOptions = {
				responsive: [{
					breakpoint: 1024,
					settings: {
						arrows: false,
						dots: true,
						infinite: true,
						speed: 500,
						slidesToShow: 1
					}
				}, {
					breakpoint: 100000,
					settings: 'unslick'
				}]
			};
			return _react2.default.createElement(
				'div',
				{ className: 'placeholder-wrapper' },
				_react2.default.createElement(
					_reactSlick2.default,
					_extends({
						ref: function ref(slider) {
							_this2.slider = slider;
						}
					}, sliderOptions),
					Array.from(new Array(this.props.number)).map(PlaceholderCard)
				)
			);
		}
	}]);

	return PlaceholderCards;
}(_react2.default.Component), _class.propTypes = {
	number: _react2.default.PropTypes.number
}, _class.defaultProps = {
	number: 3
}, _temp);

//	h/t http://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html

exports.default = PlaceholderCards;
var content = __webpack_require__(313);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, "*{min-height:0;min-width:0}.placeholder-wrapper{width:100%}.placeholder-wrapper>div:first-child{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;width:100%;background-color:#f7f7f3}.placeholder-card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);padding:2px;overflow:hidden}.placeholder-card:nth-child(1n){margin-right:0;margin-left:0}.placeholder-card:last-child{margin-right:0}.placeholder-card:nth-child(3n){margin-right:0;margin-left:auto}@media (max-width: 667px){.placeholder-card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.placeholder-card:nth-child(1n){margin-right:0;margin-left:0}.placeholder-card:last-child{margin-right:0}.placeholder-card:nth-child(1n){margin-right:0;margin-left:auto}}.placeholder-card__bg{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:linear-gradient(to right, #f7f7f3 8%, #eeeee8 20%, #f7f7f3 44%);background-size:800px 104px;height:520px;position:relative;opacity:0.8}.placeholder-card__underlay{position:absolute;width:100%;height:100%;background-color:rgba(247, 247, 243, .6)}.placeholder-card__icon-bar{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.placeholder-card__pill{background-color:#f7f7f3;min-height:30px;min-width:100px;margin:0}.placeholder-card__favorite{background-color:#f7f7f3;height:40px;width:40px;border-radius:20px}.placeholder-mask{position:absolute;background:#fff}.placeholder-mask--bar{top:280px;width:100%;height:40px}.placeholder-mask--margin{top:320px;width:18%;height:40px}.placeholder-mask--margin--r{top:320px;width:18%;height:40px;right:0}.placeholder-mask--bar2{top:360px;width:100%;height:20px}.placeholder-mask--margin2{top:380px;width:10%;height:40px}.placeholder-mask--margin2--r{top:380px;width:10%;height:40px;right:0}.placeholder-mask--bar3{top:400px;width:100%;height:20px}.placeholder-mask--margin3{top:420px;width:10%;height:40px}.placeholder-mask--margin3--r{top:420px;width:10%;height:40px;right:0}.placeholder-mask--bar4{top:440px;width:100%;height:20px}.placeholder-mask--margin4{top:460px;width:36%;height:40px}.placeholder-mask--margin4--r{top:460px;width:36%;height:40px;right:0}.placeholder-mask--bar5{top:480px;width:100%;height:40px}@-webkit-keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/PlaceholderCards/style.scss"],"names":[],"mappings":"AAAA,EAAE,aAAa,WAAW,CAAC,qBAAqB,UAAU,CAAC,qCAAqC,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,WAAW,wBAAwB,CAAC,kBAAkB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,YAAY,eAAe,CAAC,gCAAgC,eAAe,aAAa,CAAC,6BAA6B,cAAc,CAAC,gCAAgC,eAAe,gBAAgB,CAAC,0BAA0B,kBAAkB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,gCAAgC,eAAe,aAAa,CAAC,6BAA6B,cAAc,CAAC,gCAAgC,eAAe,gBAAgB,CAAC,CAAC,sBAAsB,8BAA8B,sBAAsB,qCAAqC,6BAA6B,2CAA2C,mCAAmC,0CAA0C,kCAAkC,yCAAyC,iCAAiC,2EAA2E,4BAA4B,aAAa,kBAAkB,WAAW,CAAC,4BAA4B,kBAAkB,WAAW,YAAY,wCAAwC,CAAC,4BAA4B,aAAa,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,8BAA8B,yBAAyB,sBAAsB,kBAAkB,CAAC,wBAAwB,yBAAyB,gBAAgB,gBAAgB,QAAQ,CAAC,4BAA4B,yBAAyB,YAAY,WAAW,kBAAkB,CAAC,kBAAkB,kBAAkB,eAAe,CAAC,uBAAuB,UAAU,WAAW,WAAW,CAAC,0BAA0B,UAAU,UAAU,WAAW,CAAC,6BAA6B,UAAU,UAAU,YAAY,OAAO,CAAC,wBAAwB,UAAU,WAAW,WAAW,CAAC,2BAA2B,UAAU,UAAU,WAAW,CAAC,8BAA8B,UAAU,UAAU,YAAY,OAAO,CAAC,wBAAwB,UAAU,WAAW,WAAW,CAAC,2BAA2B,UAAU,UAAU,WAAW,CAAC,8BAA8B,UAAU,UAAU,YAAY,OAAO,CAAC,wBAAwB,UAAU,WAAW,WAAW,CAAC,2BAA2B,UAAU,UAAU,WAAW,CAAC,8BAA8B,UAAU,UAAU,YAAY,OAAO,CAAC,wBAAwB,UAAU,WAAW,WAAW,CAAC,sCAAsC,GAAG,4BAA4B,CAAC,KAAK,2BAA2B,CAAC,CAAC,8BAA8B,GAAG,4BAA4B,CAAC,KAAK,2BAA2B,CAAC,CAAC","file":"style.scss","sourcesContent":["*{min-height:0;min-width:0}.placeholder-wrapper{width:100%}.placeholder-wrapper>div:first-child{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;width:100%;background-color:#f7f7f3}.placeholder-card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);padding:2px;overflow:hidden}.placeholder-card:nth-child(1n){margin-right:0;margin-left:0}.placeholder-card:last-child{margin-right:0}.placeholder-card:nth-child(3n){margin-right:0;margin-left:auto}@media (max-width: 667px){.placeholder-card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.placeholder-card:nth-child(1n){margin-right:0;margin-left:0}.placeholder-card:last-child{margin-right:0}.placeholder-card:nth-child(1n){margin-right:0;margin-left:auto}}.placeholder-card__bg{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:linear-gradient(to right, #f7f7f3 8%, #eeeee8 20%, #f7f7f3 44%);background-size:800px 104px;height:520px;position:relative;opacity:0.8}.placeholder-card__underlay{position:absolute;width:100%;height:100%;background-color:rgba(247, 247, 243, .6)}.placeholder-card__icon-bar{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.placeholder-card__pill{background-color:#f7f7f3;min-height:30px;min-width:100px;margin:0}.placeholder-card__favorite{background-color:#f7f7f3;height:40px;width:40px;border-radius:20px}.placeholder-mask{position:absolute;background:#fff}.placeholder-mask--bar{top:280px;width:100%;height:40px}.placeholder-mask--margin{top:320px;width:18%;height:40px}.placeholder-mask--margin--r{top:320px;width:18%;height:40px;right:0}.placeholder-mask--bar2{top:360px;width:100%;height:20px}.placeholder-mask--margin2{top:380px;width:10%;height:40px}.placeholder-mask--margin2--r{top:380px;width:10%;height:40px;right:0}.placeholder-mask--bar3{top:400px;width:100%;height:20px}.placeholder-mask--margin3{top:420px;width:10%;height:40px}.placeholder-mask--margin3--r{top:420px;width:10%;height:40px;right:0}.placeholder-mask--bar4{top:440px;width:100%;height:20px}.placeholder-mask--margin4{top:460px;width:36%;height:40px}.placeholder-mask--margin4--r{top:460px;width:36%;height:40px;right:0}.placeholder-mask--bar5{top:480px;width:100%;height:40px}@-webkit-keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(325);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".card-list__wrapper{margin-top:0;background-color:#f7f7f3;border-bottom:2px solid #f7f7f3;position:relative;z-index:2}.card-list__wrapper .card-list__hero{display:flex;flex-flow:row wrap;max-width:83.33%;margin-left:auto;margin-right:auto;padding:60px 0}.card-list__wrapper .full{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center}.card-list__wrapper .full:nth-child(1n){margin-right:0;margin-left:0}.card-list__wrapper .full:last-child{margin-right:0}.card-list__wrapper .full:nth-child(1n){margin-right:0;margin-left:auto}.card-list__wrapper .full .heading{margin-bottom:20px}.card-list__wrapper .related__copy-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-list__wrapper .related__copy-wrapper .copy{width:100%;margin-right:20px;text-align:center;margin:0;padding:10px}.card-list__wrapper .related__copy-wrapper .button{padding-left:10px;width:100%;text-align:center}.card-list__wrapper .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center;padding-left:10px;padding-right:10px}.card-list__wrapper .half:nth-child(1n){margin-right:0;margin-left:0}.card-list__wrapper .half:last-child{margin-right:0}.card-list__wrapper .half:nth-child(1n){margin-right:0;margin-left:auto}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/CardListSection/style.scss"],"names":[],"mappings":"AAAA,oBAAoB,aAAa,yBAAyB,gCAAgC,kBAAkB,SAAS,CAAC,qCAAqC,aAAa,mBAAmB,iBAAiB,iBAAiB,kBAAkB,cAAc,CAAC,0BAA0B,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,iBAAiB,CAAC,wCAAwC,eAAe,aAAa,CAAC,qCAAqC,cAAc,CAAC,wCAAwC,eAAe,gBAAgB,CAAC,mCAAmC,kBAAkB,CAAC,2CAA2C,WAAW,oBAAoB,oBAAoB,aAAa,qBAAqB,iBAAiB,yBAAyB,sBAAsB,mBAAmB,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,iDAAiD,WAAW,kBAAkB,kBAAkB,SAAS,YAAY,CAAC,mDAAmD,kBAAkB,WAAW,iBAAiB,CAAC,0BAA0B,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,kBAAkB,kBAAkB,kBAAkB,CAAC,wCAAwC,eAAe,aAAa,CAAC,qCAAqC,cAAc,CAAC,wCAAwC,eAAe,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".card-list__wrapper{margin-top:0;background-color:#f7f7f3;border-bottom:2px solid #f7f7f3;position:relative;z-index:2}.card-list__wrapper .card-list__hero{display:flex;flex-flow:row wrap;max-width:83.33%;margin-left:auto;margin-right:auto;padding:60px 0}.card-list__wrapper .full{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center}.card-list__wrapper .full:nth-child(1n){margin-right:0;margin-left:0}.card-list__wrapper .full:last-child{margin-right:0}.card-list__wrapper .full:nth-child(1n){margin-right:0;margin-left:auto}.card-list__wrapper .full .heading{margin-bottom:20px}.card-list__wrapper .related__copy-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-list__wrapper .related__copy-wrapper .copy{width:100%;margin-right:20px;text-align:center;margin:0;padding:10px}.card-list__wrapper .related__copy-wrapper .button{padding-left:10px;width:100%;text-align:center}.card-list__wrapper .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center;padding-left:10px;padding-right:10px}.card-list__wrapper .half:nth-child(1n){margin-right:0;margin-left:0}.card-list__wrapper .half:last-child{margin-right:0}.card-list__wrapper .half:nth-child(1n){margin-right:0;margin-left:auto}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.homeInit = homeInit;
exports.fetchHomeData = fetchHomeData;

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

var path = '/home';

function homeInit() {
	return {
		type: _constants.HOME_INIT
	};
}

function homeLoading() {
	return {
		type: _constants.HOME_LOADING
	};
}

function homeLoaded(data) {
	return {
		type: _constants.HOME_LOADED,
		payload: {
			data: data
		}
	};
}

function fetchHomeData() {
	return function (dispatch) {
		dispatch(homeLoading());
		return (0, _utils.request)({
			path: path
		}).then(function (response) {
			return dispatch(homeLoaded(response.data));
		}).catch(function (error) {
			throw new Error(error);
		});
	};
}
var content = __webpack_require__(377);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--home{padding-bottom:60px;margin-bottom:60px}.container--home .cta{margin-top:60px}.container--home .carousel{height:490px;margin-bottom:60px}@media (max-width: 768px){.container--home .carousel{height:354px}}.container--home .carousel .heading--xs{font-size:18px}.container--home .carousel .heading--xl{margin-top:20px;margin-bottom:25px}.container--home .petlist{margin-bottom:0}.container--home .lockup{width:100%;height:70px;background-image:url(" + escape(__webpack_require__(378)) + ");background-size:800px;background-position:50%;background-repeat:no-repeat;margin:70px auto;text-indent:-9999px;display:block}@media (max-width: 1400px){.container--home .lockup{height:40px;background-size:480px}}@media (max-width: 1024px){.container--home .lockup{background-size:410px;margin:40px auto 60px}}@media (max-width: 768px){.container--home .lockup{background-image:url(" + escape(__webpack_require__(379)) + ");background-size:260px;height:100px}}.container--home .slick-initialized,.container--home .slick-list,.container--home .slick-track{height:100%}.button--orange{margin-top:40px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Home/style.scss"],"names":[],"mappings":"AAAA,iBAAiB,oBAAoB,kBAAkB,CAAC,sBAAsB,eAAe,CAAC,2BAA2B,aAAa,kBAAkB,CAAC,0BAA0B,2BAA2B,YAAY,CAAC,CAAC,wCAAwC,cAAc,CAAC,wCAAwC,gBAAgB,kBAAkB,CAAC,0BAA0B,eAAe,CAAC,yBAAyB,WAAW,YAAY,+CAA4C,sBAAsB,wBAAwB,4BAA4B,iBAAiB,oBAAoB,aAAa,CAAC,2BAA2B,yBAAyB,YAAY,qBAAqB,CAAC,CAAC,2BAA2B,yBAAyB,sBAAsB,qBAAqB,CAAC,CAAC,0BAA0B,yBAAyB,+CAAmD,sBAAsB,YAAY,CAAC,CAAC,+FAA+F,WAAW,CAAC,gBAAgB,eAAe,CAAC","file":"style.scss","sourcesContent":[".container--home{padding-bottom:60px;margin-bottom:60px}.container--home .cta{margin-top:60px}.container--home .carousel{height:490px;margin-bottom:60px}@media (max-width: 768px){.container--home .carousel{height:354px}}.container--home .carousel .heading--xs{font-size:18px}.container--home .carousel .heading--xl{margin-top:20px;margin-bottom:25px}.container--home .petlist{margin-bottom:0}.container--home .lockup{width:100%;height:70px;background-image:url(\"./images/lockup.png\");background-size:800px;background-position:50%;background-repeat:no-repeat;margin:70px auto;text-indent:-9999px;display:block}@media (max-width: 1400px){.container--home .lockup{height:40px;background-size:480px}}@media (max-width: 1024px){.container--home .lockup{background-size:410px;margin:40px auto 60px}}@media (max-width: 768px){.container--home .lockup{background-image:url(\"./images/lockup-mobile.svg\");background-size:260px;height:100px}}.container--home .slick-initialized,.container--home .slick-list,.container--home .slick-track{height:100%}.button--orange{margin-top:40px}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "6072ce7b2070d882ecf434e4ceab49ef.png";module.exports = __webpack_require__.p + "9f96c7636803a437f9e0f432031e4040.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRedux = __webpack_require__(6);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _TrackingLink = __webpack_require__(22);

var _TrackingLink2 = _interopRequireDefault(_TrackingLink);

var _LeadershipMember = __webpack_require__(380);

var _LeadershipMember2 = _interopRequireDefault(_LeadershipMember);

var _utils = __webpack_require__(5);

__webpack_require__(383);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var AboutView = (_temp2 = _class = function (_React$Component) {
	_inherits(AboutView, _React$Component);

	function AboutView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, AboutView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = AboutView.__proto__ || Object.getPrototypeOf(AboutView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			pageData: [],
			departments: [],
			partners: [],
			initialized: false
		}, _this.renderPerson = function (props) {
			if (!props.image) {
				props.image = false;
			}

			return _react2.default.createElement(_LeadershipMember2.default, _extends({
				key: props.id
			}, props));
		}, _this.renderDepartment = function (_ref2) {
			var name = _ref2.name,
			    departmentPeople = _ref2.departmentPeople;
			return _react2.default.createElement(
				'div',
				{ className: 'department', key: name },
				_react2.default.createElement(
					'h1',
					{ className: 'heading heading--lg department__title' },
					name
				),
				_react2.default.createElement(
					'div',
					{ className: 'department__people' },
					departmentPeople.map(function (_ref3) {
						var person = _ref3.person;
						return _this.renderPerson(person);
					})
				)
			);
		}, _this.renderLink = function (_ref4) {
			var href = _ref4.href,
			    title = _ref4.title;
			return _react2.default.createElement(
				'div',
				{ className: 'link-row' },
				_react2.default.createElement(
					_TrackingLink2.default,
					{ to: href, target: '_blank', rel: 'noopener noreferrer', className: 'link--external', gaAction: 'Partners', gaLabel: href },
					title,
					_react2.default.createElement('span', { className: 'link--external-icon' })
				)
			);
		}, _this.renderPartner = function (_ref5, index) {
			var id = _ref5.id,
			    logo = _ref5.logo,
			    title = _ref5.title,
			    blurb = _ref5.blurb,
			    ctas = _ref5.ctas;
			return _react2.default.createElement(
				'figure',
				{ className: 'partner', key: index },
				_react2.default.createElement(
					'div',
					{ className: 'partner__icons' },
					_react2.default.createElement('div', { className: 'partner__icon partner__icon--' + id, style: { backgroundImage: 'url(' + logo + ')' } })
				),
				_react2.default.createElement(
					'figcaption',
					{ className: 'partner__info' },
					_react2.default.createElement(
						'h1',
						{ className: 'heading heading--sm' },
						(0, _utils.widowTamer)(title)
					),
					_react2.default.createElement(
						'p',
						{ className: 'copy' },
						(0, _utils.widowTamer)(blurb)
					),
					ctas.map(_this.renderLink)
				)
			);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(AboutView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			Promise.all([(0, _utils.request)({
				path: '/pages/about-us'
			}), (0, _utils.request)({
				path: '/departments'
			}), (0, _utils.request)({
				path: '/partners'
			})]).then(function (_ref6) {
				var _ref7 = _slicedToArray(_ref6, 3),
				    pageData = _ref7[0],
				    departments = _ref7[1],
				    partners = _ref7[2];

				_this2.setState({
					pageData: pageData.data.attributes,
					departments: departments.data.map(_utils.flattenAPIData),
					partners: partners.data.map(_utils.flattenAPIData),
					initialized: true
				});

				var location = _this2.props.location;

				if (location.query && location.query.action && location.query.action === 'watch') {
					var playButton = document.querySelector('.button--play');
					if (playButton) {
						playButton.click();
					}
				}
			}).catch(function (err) {
				console.error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var banner = this.props.banner;
			var _state = this.state,
			    pageData = _state.pageData,
			    departments = _state.departments,
			    partners = _state.partners,
			    initialized = _state.initialized;

			var containerCls = (0, _classnames2.default)('container', 'container-transition-appear', 'container--about', {
				'container--has-announcement': banner.get('id') !== ''
			});

			if (!initialized === true) {
				return _react2.default.createElement('div', { className: 'container container--about' });
			}

			var heroData = pageData.hero;
			var pageContent = pageData.content;
			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: heroData.headline,
					subheading: heroData.subheading,
					bgImgSrc: heroData.image
				}),
				pageContent.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
				}),
				_react2.default.createElement(
					'div',
					{ className: 'people-content' },
					_react2.default.createElement(
						'div',
						{ className: 'departments' },
						_react2.default.createElement(
							'h1',
							{ className: 'heading heading--xl' },
							'Our People'
						),
						departments.map(this.renderDepartment)
					)
				),
				_react2.default.createElement(
					'div',
					{ className: 'partners-content' },
					_react2.default.createElement(
						'h1',
						{ className: 'heading heading--xl' },
						'Our Partners'
					),
					partners.map(this.renderPartner)
				)
			);
		}
	}]);

	return AboutView;
}(_react2.default.Component), _class.propTypes = {
	banner: _react2.default.PropTypes.shape(),
	location: _react2.default.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(AboutView);

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = Hero;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _utils = __webpack_require__(5);

__webpack_require__(300);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function Hero(_ref) {
	var heading = _ref.heading,
	    subheading = _ref.subheading,
	    bgImgSrc = _ref.bgImgSrc,
	    _ref$useWidowTamer = _ref.useWidowTamer,
	    useWidowTamer = _ref$useWidowTamer === undefined ? true : _ref$useWidowTamer,
	    _ref$showBgImage = _ref.showBgImage,
	    showBgImage = _ref$showBgImage === undefined ? true : _ref$showBgImage,
	    _ref$fgImgSrc = _ref.fgImgSrc,
	    fgImgSrc = _ref$fgImgSrc === undefined ? null : _ref$fgImgSrc,
	    children = _ref.children;

	var imgWidth = window.innerWidth <= 736 ? 736 : 1200;
	var style = {
		backgroundImage: showBgImage ? 'url(' + (0, _utils.imgTransform)(bgImgSrc, { w: imgWidth, c: 'fit' }) + ')' : null,
		height: bowser.msie ? '500px' : 'auto' // eslint-disable-line
	};
	return _react2.default.createElement(
		'section',
		{ className: 'hero', style: style },
		_react2.default.createElement('div', { className: 'hero__underlay' }),
		_react2.default.createElement(
			'div',
			{ className: 'copy-container copy-container--hero' },
			heading && !fgImgSrc && _react2.default.createElement(
				'h1',
				{ className: 'heading heading--xl heading--hero' },
				heading
			),
			fgImgSrc && _react2.default.createElement('img', { className: 'hero__foreground-img', src: fgImgSrc, alt: heading }),
			subheading && _react2.default.createElement(
				'h2',
				{ className: 'heading heading--md' },
				useWidowTamer ? (0, _utils.widowTamer)(subheading) : subheading
			),
			children
		)
	);
}

Hero.propTypes = {
	heading: _react2.default.PropTypes.string,
	subheading: _react2.default.PropTypes.string,
	bgImgSrc: _react2.default.PropTypes.string,
	children: _react2.default.PropTypes.node,
	useWidowTamer: _react2.default.PropTypes.bool,
	showBgImage: _react2.default.PropTypes.bool,
	fgImgSrc: _react2.default.PropTypes.string
};
var content = __webpack_require__(301);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".hero{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;text-align:center;min-height:500px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 768px){.hero{min-height:300px}}.hero+.splash{margin-top:60px}.hero__underlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .4)}.hero__foreground-img{width:280px}@media (max-width: 768px){.hero__foreground-img{width:180px}}.hero .heading{color:#fff}.hero .heading--xl{margin:0 auto;padding:20px;width:100%}@media (max-width: 768px){.hero .heading--xl{font-size:36px}}.hero .copy-container{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero .heading--md{padding-bottom:20px;word-wrap:break-word;width:100%}@media (max-width: 768px){.hero .heading--md{font-size:24px;line-height:32px;letter-spacing:1.67px}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/Hero/style.scss"],"names":[],"mappings":"AAAA,MAAM,oBAAoB,oBAAoB,aAAa,kBAAkB,sBAAsB,4BAA4B,4BAA4B,kBAAkB,iBAAiB,yBAAyB,sBAAsB,mBAAmB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,wBAAwB,qBAAqB,sBAAsB,CAAC,0BAA0B,MAAM,gBAAgB,CAAC,CAAC,cAAc,eAAe,CAAC,gBAAgB,kBAAkB,MAAM,OAAO,QAAQ,SAAS,WAAW,YAAY,kCAAkC,CAAC,sBAAsB,WAAW,CAAC,0BAA0B,sBAAsB,WAAW,CAAC,CAAC,eAAe,UAAU,CAAC,mBAAmB,cAAc,aAAa,UAAU,CAAC,0BAA0B,mBAAmB,cAAc,CAAC,CAAC,sBAAsB,0BAA0B,qBAAqB,yBAAyB,sBAAsB,mBAAmB,wBAAwB,qBAAqB,sBAAsB,CAAC,mBAAmB,oBAAoB,qBAAqB,UAAU,CAAC,0BAA0B,mBAAmB,eAAe,iBAAiB,qBAAqB,CAAC,CAAC","file":"style.scss","sourcesContent":[".hero{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;text-align:center;min-height:500px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 768px){.hero{min-height:300px}}.hero+.splash{margin-top:60px}.hero__underlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .4)}.hero__foreground-img{width:280px}@media (max-width: 768px){.hero__foreground-img{width:180px}}.hero .heading{color:#fff}.hero .heading--xl{margin:0 auto;padding:20px;width:100%}@media (max-width: 768px){.hero .heading--xl{font-size:36px}}.hero .copy-container{-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hero .heading--md{padding-bottom:20px;word-wrap:break-word;width:100%}@media (max-width: 768px){.hero .heading--md{font-size:24px;line-height:32px;letter-spacing:1.67px}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

__webpack_require__(381);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function LeadershipMember(_ref) {
	var image = _ref.image,
	    name = _ref.name,
	    title = _ref.title,
	    description = _ref.description,
	    url = _ref.url,
	    _ref$leader = _ref.leader,
	    leader = _ref$leader === undefined ? false : _ref$leader;

	var type = leader ? 'leader' : 'team-member';

	return _react2.default.createElement(
		'figure',
		{ className: (0, _classnames2.default)({ leader: leader, 'has-bio': description.length > 0, 'team-member': !leader }) },
		image && _react2.default.createElement(
			'div',
			{ className: type + '__image' },
			_react2.default.createElement('img', { src: image, alt: 'placeholder' })
		),
		_react2.default.createElement(
			'figcaption',
			{ className: type + '__info' },
			_react2.default.createElement(
				'h4',
				{ className: 'heading heading--sm' },
				name
			),
			title && _react2.default.createElement(
				'h5',
				{ className: 'heading heading--xs ' + type + '--title' },
				title
			),
			description && _react2.default.createElement(
				'p',
				{ className: 'copy' },
				description
			),
			url && _react2.default.createElement(
				'button',
				null,
				_react2.default.createElement(
					'span',
					{ className: 'link--external' },
					_react2.default.createElement(
						'a',
						{ href: url, target: '_blank', rel: 'noopener noreferrer' },
						'Learn More',
						_react2.default.createElement('span', { className: 'link--external-icon' })
					)
				)
			)
		)
	);
}

LeadershipMember.propTypes = {
	image: _react2.default.PropTypes.string.isRequired,
	name: _react2.default.PropTypes.string.isRequired,
	title: _react2.default.PropTypes.string,
	description: _react2.default.PropTypes.string,
	url: _react2.default.PropTypes.string,
	leader: _react2.default.PropTypes.bool
};

exports.default = LeadershipMember;
var content = __webpack_require__(382);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".leader{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding-bottom:60px}.leader__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);height:100%;display:inline}.leader__image:nth-child(1n){margin-right:0;margin-left:0}.leader__image:last-child{margin-right:0}.leader__image:nth-child(3n){margin-right:0;margin-left:auto}.leader__image img{max-height:100%;max-width:100%;display:block;margin:0 auto}.leader__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 2/3);max-width:calc(100% * 2/3);width:calc(100% * 2/3)}.leader__info:nth-child(1n){margin-right:0;margin-left:0}.leader__info:last-child{margin-right:0}.leader__info:nth-child(3n){margin-right:0;margin-left:auto}.leader__info .heading--xs{padding:20px 0}.leader__info .copy{margin-bottom:10px}@media (max-width: 1279px){.leader{display:block;padding-top:40px}.leader__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.leader__image:nth-child(1n){margin-right:0;margin-left:0}.leader__image:last-child{margin-right:0}.leader__image:nth-child(1n){margin-right:0;margin-left:auto}.leader__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);width:100%;text-align:center}.leader__info:nth-child(1n){margin-right:0;margin-left:0}.leader__info:last-child{margin-right:0}.leader__info:nth-child(1n){margin-right:0;margin-left:auto}}.team-member__info{padding-top:10px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/LeadershipMember/style.scss"],"names":[],"mappings":"AAAA,QAAQ,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,mBAAmB,CAAC,eAAe,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,YAAY,cAAc,CAAC,6BAA6B,eAAe,aAAa,CAAC,0BAA0B,cAAc,CAAC,6BAA6B,eAAe,gBAAgB,CAAC,mBAAmB,gBAAgB,eAAe,cAAc,aAAa,CAAC,cAAc,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,4BAA4B,eAAe,aAAa,CAAC,yBAAyB,cAAc,CAAC,4BAA4B,eAAe,gBAAgB,CAAC,2BAA2B,cAAc,CAAC,oBAAoB,kBAAkB,CAAC,2BAA2B,QAAQ,cAAc,gBAAgB,CAAC,eAAe,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,6BAA6B,eAAe,aAAa,CAAC,0BAA0B,cAAc,CAAC,6BAA6B,eAAe,gBAAgB,CAAC,cAAc,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,WAAW,iBAAiB,CAAC,4BAA4B,eAAe,aAAa,CAAC,yBAAyB,cAAc,CAAC,4BAA4B,eAAe,gBAAgB,CAAC,CAAC,mBAAmB,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".leader{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding-bottom:60px}.leader__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);height:100%;display:inline}.leader__image:nth-child(1n){margin-right:0;margin-left:0}.leader__image:last-child{margin-right:0}.leader__image:nth-child(3n){margin-right:0;margin-left:auto}.leader__image img{max-height:100%;max-width:100%;display:block;margin:0 auto}.leader__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 2/3);max-width:calc(100% * 2/3);width:calc(100% * 2/3)}.leader__info:nth-child(1n){margin-right:0;margin-left:0}.leader__info:last-child{margin-right:0}.leader__info:nth-child(3n){margin-right:0;margin-left:auto}.leader__info .heading--xs{padding:20px 0}.leader__info .copy{margin-bottom:10px}@media (max-width: 1279px){.leader{display:block;padding-top:40px}.leader__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.leader__image:nth-child(1n){margin-right:0;margin-left:0}.leader__image:last-child{margin-right:0}.leader__image:nth-child(1n){margin-right:0;margin-left:auto}.leader__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);width:100%;text-align:center}.leader__info:nth-child(1n){margin-right:0;margin-left:0}.leader__info:last-child{margin-right:0}.leader__info:nth-child(1n){margin-right:0;margin-left:auto}}.team-member__info{padding-top:10px}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(384);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--about{margin-bottom:60px}.about__blockquote{padding:60px 0}.people-content{margin:120px 0;display:block}@media (max-width: 768px){.people-content{margin:60px 0}}.people-content .heading--xl,.partners-content .heading--xl{text-align:center}.department{width:100%;display:block}.department__title{text-align:center;padding:60px 0}@media (max-width: 1279px){.department__title{margin:0 10%;border-top:2px solid #f7f7f3;padding:40px}}.department__people{display:flex;flex-flow:row wrap;max-width:66.66%;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 667px){.department__people{display:flex;flex-flow:row wrap;max-width:75%;margin-left:auto;margin-right:auto}}@media (max-width: 448px){.department__people{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}}.department .team-member{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);text-align:center;padding:40px}.department .team-member:nth-child(1n){margin-right:0;margin-left:0}.department .team-member:last-child{margin-right:0}.department .team-member:nth-child(3n){margin-right:0;margin-left:auto}@media (min-width: 1025px){.department .team-member.has-bio{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;flex:0 0 auto;height:calc(100% * 1/1);margin-bottom:0}.department .team-member.has-bio:last-child{margin-bottom:0}.department .team-member.has-bio .team-member__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3)}.department .team-member.has-bio .team-member__image:nth-child(1n){margin-right:0;margin-left:0}.department .team-member.has-bio .team-member__image:last-child{margin-right:0}.department .team-member.has-bio .team-member__image:nth-child(3n){margin-right:0;margin-left:auto}.department .team-member.has-bio .team-member__info{padding-left:40px;text-align:left;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 2/3);max-width:calc(100% * 2/3);width:calc(100% * 2/3)}.department .team-member.has-bio .team-member__info:nth-child(1n){margin-right:0;margin-left:0}.department .team-member.has-bio .team-member__info:last-child{margin-right:0}.department .team-member.has-bio .team-member__info:nth-child(2n){margin-right:0;margin-left:auto}}.department .team-member.has-bio .team-member__info p{text-align:left}@media (max-width: 1024px){.department .team-member{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.department .team-member:nth-child(1n){margin-right:0;margin-left:0}.department .team-member:last-child{margin-right:0}.department .team-member:nth-child(1n){margin-right:0;margin-left:auto}}.department .team-member__image{width:auto;margin:auto}.department .team-member__image img{width:100%;margin:auto}partners-content{margin:60px 0}.partner{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:60px;margin-bottom:60px}@media (max-width: 768px){.partner{display:block;text-align:center}}.partner__icons{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.partner__icons:nth-child(1n){margin-right:0;margin-left:0}.partner__icons:last-child{margin-right:0}.partner__icons:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.partner__icons{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.partner__icons:nth-child(1n){margin-right:0;margin-left:0}.partner__icons:last-child{margin-right:0}.partner__icons:nth-child(1n){margin-right:0;margin-left:auto}}.partner__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);border-top:2px solid #f7f7f3;padding-top:40px}.partner__info:nth-child(1n){margin-right:0;margin-left:0}.partner__info:last-child{margin-right:0}.partner__info:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.partner__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);border-top:0;padding:0 40px}.partner__info:nth-child(1n){margin-right:0;margin-left:0}.partner__info:last-child{margin-right:0}.partner__info:nth-child(1n){margin-right:0;margin-left:auto}}.partner__info .link-row{padding:10px 0}.partner__info .link--external{color:#f80}.partner__info .copy{padding:20px 0}.partner__icon{text-align:center;width:50%;min-height:200px;margin:10px auto 20px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;max-width:30%}@media (max-width: 768px){.partner__icon{margin:10px auto 40px;height:100px;width:auto;background-position:50% 50%}}.video-player__poster{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/About/style.scss"],"names":[],"mappings":"AAAA,kBAAkB,kBAAkB,CAAC,mBAAmB,cAAc,CAAC,gBAAgB,eAAe,aAAa,CAAC,0BAA0B,gBAAgB,aAAa,CAAC,CAAC,4DAA4D,iBAAiB,CAAC,YAAY,WAAW,aAAa,CAAC,mBAAmB,kBAAkB,cAAc,CAAC,2BAA2B,mBAAmB,aAAa,6BAA6B,YAAY,CAAC,CAAC,oBAAoB,aAAa,mBAAmB,iBAAiB,iBAAiB,kBAAkB,wBAAwB,qBAAqB,sBAAsB,CAAC,0BAA0B,oBAAoB,aAAa,mBAAmB,cAAc,iBAAiB,iBAAiB,CAAC,CAAC,0BAA0B,oBAAoB,aAAa,mBAAmB,eAAe,iBAAiB,iBAAiB,CAAC,CAAC,yBAAyB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,kBAAkB,YAAY,CAAC,uCAAuC,eAAe,aAAa,CAAC,oCAAoC,cAAc,CAAC,uCAAuC,eAAe,gBAAgB,CAAC,2BAA2B,iCAAiC,oBAAoB,oBAAoB,aAAa,WAAW,cAAc,wBAAwB,eAAe,CAAC,4CAA4C,eAAe,CAAC,qDAAqD,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,mEAAmE,eAAe,aAAa,CAAC,gEAAgE,cAAc,CAAC,mEAAmE,eAAe,gBAAgB,CAAC,oDAAoD,kBAAkB,gBAAgB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,kEAAkE,eAAe,aAAa,CAAC,+DAA+D,cAAc,CAAC,kEAAkE,eAAe,gBAAgB,CAAC,CAAC,sDAAsD,eAAe,CAAC,2BAA2B,yBAAyB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,uCAAuC,eAAe,aAAa,CAAC,oCAAoC,cAAc,CAAC,uCAAuC,eAAe,gBAAgB,CAAC,CAAC,gCAAgC,WAAW,WAAW,CAAC,oCAAoC,WAAW,WAAW,CAAC,iBAAiB,aAAa,CAAC,SAAS,oBAAoB,oBAAoB,aAAa,gBAAgB,kBAAkB,CAAC,0BAA0B,SAAS,cAAc,iBAAiB,CAAC,CAAC,gBAAgB,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,kBAAkB,CAAC,8BAA8B,eAAe,aAAa,CAAC,2BAA2B,cAAc,CAAC,+BAA+B,eAAe,gBAAgB,CAAC,0BAA0B,gBAAgB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,8BAA8B,eAAe,aAAa,CAAC,2BAA2B,cAAc,CAAC,8BAA8B,eAAe,gBAAgB,CAAC,CAAC,eAAe,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,6BAA6B,gBAAgB,CAAC,6BAA6B,eAAe,aAAa,CAAC,0BAA0B,cAAc,CAAC,8BAA8B,eAAe,gBAAgB,CAAC,0BAA0B,eAAe,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,aAAa,cAAc,CAAC,6BAA6B,eAAe,aAAa,CAAC,0BAA0B,cAAc,CAAC,6BAA6B,eAAe,gBAAgB,CAAC,CAAC,yBAAyB,cAAc,CAAC,+BAA+B,UAAU,CAAC,qBAAqB,cAAc,CAAC,eAAe,kBAAkB,UAAU,iBAAiB,sBAAsB,4BAA4B,wBAAwB,4BAA4B,aAAa,CAAC,0BAA0B,eAAe,sBAAsB,aAAa,WAAW,2BAA2B,CAAC,CAAC,sBAAsB,kBAAkB,MAAM,OAAO,QAAQ,SAAS,oBAAoB,oBAAoB,aAAa,wBAAwB,qBAAqB,uBAAuB,yBAAyB,sBAAsB,kBAAkB,CAAC","file":"style.scss","sourcesContent":[".container--about{margin-bottom:60px}.about__blockquote{padding:60px 0}.people-content{margin:120px 0;display:block}@media (max-width: 768px){.people-content{margin:60px 0}}.people-content .heading--xl,.partners-content .heading--xl{text-align:center}.department{width:100%;display:block}.department__title{text-align:center;padding:60px 0}@media (max-width: 1279px){.department__title{margin:0 10%;border-top:2px solid #f7f7f3;padding:40px}}.department__people{display:flex;flex-flow:row wrap;max-width:66.66%;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 667px){.department__people{display:flex;flex-flow:row wrap;max-width:75%;margin-left:auto;margin-right:auto}}@media (max-width: 448px){.department__people{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}}.department .team-member{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);text-align:center;padding:40px}.department .team-member:nth-child(1n){margin-right:0;margin-left:0}.department .team-member:last-child{margin-right:0}.department .team-member:nth-child(3n){margin-right:0;margin-left:auto}@media (min-width: 1025px){.department .team-member.has-bio{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;flex:0 0 auto;height:calc(100% * 1/1);margin-bottom:0}.department .team-member.has-bio:last-child{margin-bottom:0}.department .team-member.has-bio .team-member__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3)}.department .team-member.has-bio .team-member__image:nth-child(1n){margin-right:0;margin-left:0}.department .team-member.has-bio .team-member__image:last-child{margin-right:0}.department .team-member.has-bio .team-member__image:nth-child(3n){margin-right:0;margin-left:auto}.department .team-member.has-bio .team-member__info{padding-left:40px;text-align:left;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 2/3);max-width:calc(100% * 2/3);width:calc(100% * 2/3)}.department .team-member.has-bio .team-member__info:nth-child(1n){margin-right:0;margin-left:0}.department .team-member.has-bio .team-member__info:last-child{margin-right:0}.department .team-member.has-bio .team-member__info:nth-child(2n){margin-right:0;margin-left:auto}}.department .team-member.has-bio .team-member__info p{text-align:left}@media (max-width: 1024px){.department .team-member{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.department .team-member:nth-child(1n){margin-right:0;margin-left:0}.department .team-member:last-child{margin-right:0}.department .team-member:nth-child(1n){margin-right:0;margin-left:auto}}.department .team-member__image{width:auto;margin:auto}.department .team-member__image img{width:100%;margin:auto}partners-content{margin:60px 0}.partner{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:60px;margin-bottom:60px}@media (max-width: 768px){.partner{display:block;text-align:center}}.partner__icons{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.partner__icons:nth-child(1n){margin-right:0;margin-left:0}.partner__icons:last-child{margin-right:0}.partner__icons:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.partner__icons{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.partner__icons:nth-child(1n){margin-right:0;margin-left:0}.partner__icons:last-child{margin-right:0}.partner__icons:nth-child(1n){margin-right:0;margin-left:auto}}.partner__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);border-top:2px solid #f7f7f3;padding-top:40px}.partner__info:nth-child(1n){margin-right:0;margin-left:0}.partner__info:last-child{margin-right:0}.partner__info:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.partner__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);border-top:0;padding:0 40px}.partner__info:nth-child(1n){margin-right:0;margin-left:0}.partner__info:last-child{margin-right:0}.partner__info:nth-child(1n){margin-right:0;margin-left:auto}}.partner__info .link-row{padding:10px 0}.partner__info .link--external{color:#f80}.partner__info .copy{padding:20px 0}.partner__icon{text-align:center;width:50%;min-height:200px;margin:10px auto 20px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;max-width:30%}@media (max-width: 768px){.partner__icon{margin:10px auto 40px;height:100px;width:auto;background-position:50% 50%}}.video-player__poster{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRedux = __webpack_require__(6);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _utils = __webpack_require__(5);

__webpack_require__(385);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var PrivacyView = function (_React$Component) {
	_inherits(PrivacyView, _React$Component);

	function PrivacyView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, PrivacyView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = PrivacyView.__proto__ || Object.getPrototypeOf(PrivacyView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			pageContent: {}
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(PrivacyView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			(0, _utils.request)({
				path: '/pages/privacy-policy'
			}).then(function (pageData) {
				var _pageData$data$attrib = pageData.data.attributes,
				    hero = _pageData$data$attrib.hero,
				    content = _pageData$data$attrib.content;

				_this2.setState({
					initialized: true,
					hero: hero,
					pageContent: content
				});
			}).catch(function (err) {
				console.error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			if (!this.state.initialized) {
				return null;
			}
			var containerCls = (0, _classnames2.default)('container', 'container--privacy', {
				'container-transition-appear': !this.state.transitionInComplete
			});
			var _state = this.state,
			    hero = _state.hero,
			    pageContent = _state.pageContent;


			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					showBgImage: false
				}),
				pageContent.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
				})
			);
		}
	}]);

	return PrivacyView;
}(_react2.default.Component);

var mapStateToProps = function mapStateToProps(state) {
	return {
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(PrivacyView);
var content = __webpack_require__(386);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--privacy{margin-bottom:60px}.container--privacy .hero{margin-bottom:60px;background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.container--privacy .hero__underlay{display:none}.privacy__blockquote{padding:60px 0}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Privacy/style.scss"],"names":[],"mappings":"AAAA,oBAAoB,kBAAkB,CAAC,0BAA0B,mBAAmB,mGAAmG,CAAC,oCAAoC,YAAY,CAAC,qBAAqB,cAAc,CAAC","file":"style.scss","sourcesContent":[".container--privacy{margin-bottom:60px}.container--privacy .hero{margin-bottom:60px;background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.container--privacy .hero__underlay{display:none}.privacy__blockquote{padding:60px 0}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRedux = __webpack_require__(6);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _utils = __webpack_require__(5);

__webpack_require__(387);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var tiers = [{ amount: '$10.00', url: 'https://checkout.square.site/merchant/C4R01KW61AB1C/checkout/HL57WVTSUP3CXZKTBGDX4MOH', label: 'Donate $10' }, { amount: '$25.00', url: 'https://checkout.square.site/merchant/C4R01KW61AB1C/checkout/RLLM3RYQAPEZ6JWURHCYLVSN', label: 'Donate $25' }, { amount: '$50.00', url: 'https://checkout.square.site/merchant/C4R01KW61AB1C/checkout/3SCBEOCQYYYBXQD26X3SRCPO', label: 'Donate $50' }, { amount: '$100.00', url: 'https://checkout.square.site/merchant/C4R01KW61AB1C/checkout/OZFQ5KJUX6MMEL7NIQVRMHG4', label: 'Donate $100' }, { amount: 'Custom Donation Amount', url: 'https://checkout.square.site/merchant/C4R01KW61AB1C/checkout/2T6RWRDIHRZTPJ7EAIDM7DDO', label: 'Donate' }];

var SupportUsView = function (_React$Component) {
	_inherits(SupportUsView, _React$Component);

	function SupportUsView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, SupportUsView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = SupportUsView.__proto__ || Object.getPrototypeOf(SupportUsView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			ctaBanner: {},
			pageContent: {}
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(SupportUsView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			(0, _utils.request)({
				path: '/pages/support-us'
			}).then(function (pageData) {
				var _pageData$data$attrib = pageData.data.attributes,
				    hero = _pageData$data$attrib.hero,
				    content = _pageData$data$attrib.content,
				    ctaBanner = _pageData$data$attrib.ctaBanner;

				_this2.setState({
					initialized: true,
					hero: hero,
					pageContent: content,
					ctaBanner: ctaBanner
				});
			}).catch(function (err) {
				console.error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			if (!this.state.initialized) {
				return null;
			}
			var containerCls = (0, _classnames2.default)('container', 'container--support-us', {
				'container-transition-appear': !this.state.transitionInComplete
			});
			var _state = this.state,
			    hero = _state.hero,
			    pageContent = _state.pageContent;

			var intro = pageContent.shift();
			// const products = pageContent.filter(({ type }) => type === 'productBlock');

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				_react2.default.createElement(_ContentBlock2.default, _extends({ key: 'intro' }, intro)),
				_react2.default.createElement(
					'section',
					{ className: 'donation-tiers' },
					_react2.default.createElement(
						'h2',
						{ className: 'donation-tiers__heading heading heading--xl' },
						'Select a Donation Tier'
					),
					_react2.default.createElement(
						'div',
						{ className: 'donation-tiers__options' },
						tiers.map(function (_ref2) {
							var amount = _ref2.amount,
							    url = _ref2.url,
							    label = _ref2.label;
							return _react2.default.createElement(
								'div',
								{ className: 'donation-tiers__option', key: url },
								_react2.default.createElement(
									'div',
									{ className: 'donation-tiers__option--amount' },
									amount
								),
								_react2.default.createElement(
									'a',
									{ className: 'button button--orange no-underline', href: url, target: '_blank', rel: 'noopener noreferrer' },
									label
								)
							);
						})
					)
				)
			);
		}
	}]);

	return SupportUsView;
}(_react2.default.Component);

var mapStateToProps = function mapStateToProps(state) {
	return {
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(SupportUsView);
var content = __webpack_require__(388);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--support-us{margin-bottom:60px}.container--support-us .hero{margin-bottom:60px;background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%);background-position:50% 50%;background-size:cover}.container--support-us .donation-tiers{margin-top:100px}.container--support-us .donation-tiers__heading{text-align:center}.container--support-us .donation-tiers__options{display:flex;flex-flow:row wrap;max-width:50%;margin-left:auto;margin-right:auto;padding:60px 0}@media (max-width: 667px){.container--support-us .donation-tiers__options{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 20px}}.container--support-us .donation-tiers__option{border:1px solid #d8d8d8;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:calc(50% - 4px);margin:2px;padding:25px}.container--support-us .donation-tiers__option--amount{margin-bottom:25px}.container--support-us .donation-thanks{display:flex;flex-flow:row wrap;max-width:66.66%;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:100px}@media (max-width: 667px){.container--support-us .donation-thanks{display:flex;flex-flow:row wrap;max-width:75%;margin-left:auto;margin-right:auto;margin-top:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width: 448px){.container--support-us .donation-thanks{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}}.container--support-us .donation-thanks__image{background-size:contain;height:480px;width:50%;background-position:50% 50%;background-repeat:no-repeat}@media (max-width: 667px){.container--support-us .donation-thanks__image{width:90vw;height:90vw}}.container--support-us .donation-thanks__text{width:50%}.container--support-us .donation-thanks__text .heading{margin-bottom:32px}.container--support-us .donation-thanks__text .button{margin-top:32px}@media (max-width: 667px){.container--support-us .donation-thanks__text{width:100%;padding:0 20px}}.container--support-us .product-list .splash{display:flex;flex-flow:row wrap;max-width:80%;margin-left:auto;margin-right:auto;padding:60px 0}@media (max-width: 667px){.container--support-us .product-list .splash{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 20px}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/SupportUs/style.scss"],"names":[],"mappings":"AAAA,uBAAuB,kBAAkB,CAAC,6BAA6B,mBAAmB,oGAAoG,4BAA4B,qBAAqB,CAAC,uCAAuC,gBAAgB,CAAC,gDAAgD,iBAAiB,CAAC,gDAAgD,aAAa,mBAAmB,cAAc,iBAAiB,kBAAkB,cAAc,CAAC,0BAA0B,gDAAgD,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,iBAAiB,CAAC,CAAC,+CAA+C,yBAAyB,mBAAmB,oBAAoB,YAAY,0BAA0B,WAAW,YAAY,CAAC,uDAAuD,kBAAkB,CAAC,wCAAwC,aAAa,mBAAmB,iBAAiB,iBAAiB,kBAAkB,wBAAwB,qBAAqB,uBAAuB,yBAAyB,sBAAsB,mBAAmB,gBAAgB,CAAC,0BAA0B,wCAAwC,aAAa,mBAAmB,cAAc,iBAAiB,kBAAkB,gBAAgB,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,0BAA0B,wCAAwC,aAAa,mBAAmB,eAAe,iBAAiB,iBAAiB,CAAC,CAAC,+CAA+C,wBAAwB,aAAa,UAAU,4BAA4B,2BAA2B,CAAC,0BAA0B,+CAA+C,WAAW,WAAW,CAAC,CAAC,8CAA8C,SAAS,CAAC,uDAAuD,kBAAkB,CAAC,sDAAsD,eAAe,CAAC,0BAA0B,8CAA8C,WAAW,cAAc,CAAC,CAAC,6CAA6C,aAAa,mBAAmB,cAAc,iBAAiB,kBAAkB,cAAc,CAAC,0BAA0B,6CAA6C,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,iBAAiB,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--support-us{margin-bottom:60px}.container--support-us .hero{margin-bottom:60px;background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%);background-position:50% 50%;background-size:cover}.container--support-us .donation-tiers{margin-top:100px}.container--support-us .donation-tiers__heading{text-align:center}.container--support-us .donation-tiers__options{display:flex;flex-flow:row wrap;max-width:50%;margin-left:auto;margin-right:auto;padding:60px 0}@media (max-width: 667px){.container--support-us .donation-tiers__options{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 20px}}.container--support-us .donation-tiers__option{border:1px solid #d8d8d8;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:calc(50% - 4px);margin:2px;padding:25px}.container--support-us .donation-tiers__option--amount{margin-bottom:25px}.container--support-us .donation-thanks{display:flex;flex-flow:row wrap;max-width:66.66%;margin-left:auto;margin-right:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:100px}@media (max-width: 667px){.container--support-us .donation-thanks{display:flex;flex-flow:row wrap;max-width:75%;margin-left:auto;margin-right:auto;margin-top:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width: 448px){.container--support-us .donation-thanks{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}}.container--support-us .donation-thanks__image{background-size:contain;height:480px;width:50%;background-position:50% 50%;background-repeat:no-repeat}@media (max-width: 667px){.container--support-us .donation-thanks__image{width:90vw;height:90vw}}.container--support-us .donation-thanks__text{width:50%}.container--support-us .donation-thanks__text .heading{margin-bottom:32px}.container--support-us .donation-thanks__text .button{margin-top:32px}@media (max-width: 667px){.container--support-us .donation-thanks__text{width:100%;padding:0 20px}}.container--support-us .product-list .splash{display:flex;flex-flow:row wrap;max-width:80%;margin-left:auto;margin-right:auto;padding:60px 0}@media (max-width: 667px){.container--support-us .product-list .splash{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 20px}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _articles = __webpack_require__(72);

var actionCreators = _interopRequireWildcard(_articles);

var _utils = __webpack_require__(5);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _HorizontalCard = __webpack_require__(73);

var _HorizontalCard2 = _interopRequireDefault(_HorizontalCard);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

__webpack_require__(389);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var fallbackImg = __webpack_require__(92);

var NewsView = (_temp2 = _class = function (_React$Component) {
	_inherits(NewsView, _React$Component);

	function NewsView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, NewsView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = NewsView.__proto__ || Object.getPrototypeOf(NewsView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false
		}, _this.loadMore = function () {
			var _this$props = _this.props,
			    next = _this$props.next,
			    actions = _this$props.actions;
			var fetchArticleListWithFilters = actions.fetchArticleListWithFilters;

			fetchArticleListWithFilters('articles', {
				type: 'news',
				page: next
			}, true);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(NewsView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _props$actions = this.props.actions,
			    articleListInit = _props$actions.articleListInit,
			    fetchArticleList = _props$actions.fetchArticleList;


			articleListInit();
			fetchArticleList('about-us-news');
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    isFetching = _props.isFetching,
			    articleList = _props.articleList,
			    banner = _props.banner,
			    next = _props.next,
			    hero = _props.hero,
			    extraMetadata = _props.extraMetadata;


			var containerCls = (0, _classnames2.default)('container', 'container--news', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			if (isFetching) {
				return _react2.default.createElement('div', { className: 'container container-transition-appear container--article' });
			}

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.get('headline'),
					subheading: hero.get('subheading'),
					bgImgSrc: hero.get('image'),
					useWidowTamer: false
				}),
				_react2.default.createElement(
					'div',
					{ className: 'article-list' },
					articleList.map(function (_ref2) {
						var id = _ref2.id,
						    title = _ref2.title,
						    blurb = _ref2.blurb,
						    coverPhoto = _ref2.coverPhoto,
						    pubdate = _ref2.pubdate,
						    author = _ref2.author,
						    readTime = _ref2.readTime;
						return _react2.default.createElement(_HorizontalCard2.default, {
							layout: 'rtl',
							id: id,
							title: title,
							description: blurb,
							href: '/about/news/' + id,
							cta: 'Read More',
							imgSrc: coverPhoto || fallbackImg,
							subheading: (0, _utils.articleSubheading)({ pubdate: pubdate, author: author, readTime: readTime }),
							subheadingStyle: 'bottom'
						});
					})
				),
				next && _react2.default.createElement(
					'div',
					{ className: 'button-wrapper' },
					_react2.default.createElement(_Button2.default, {
						label: 'See More',
						onClick: this.loadMore
					})
				),
				_react2.default.createElement(
					'div',
					{ className: 'presskit-cta' },
					_react2.default.createElement(
						'p',
						{ className: 'heading heading--lg' },
						'Didn\'t find the information you were looking for? Download our ',
						_react2.default.createElement(
							'a',
							{ href: extraMetadata.get('pdf'), target: '_blank', rel: 'noopener noreferrer' },
							'Press Kit'
						),
						'.'
					)
				)
			);
		}
	}]);

	return NewsView;
}(_react2.default.Component), _class.propTypes = {
	isFetching: _react2.default.PropTypes.bool,
	articleList: _react2.default.PropTypes.shape(),
	hero: _react2.default.PropTypes.shape(),
	banner: _react2.default.PropTypes.shape(),
	extraMetadata: _react2.default.PropTypes.shape(),
	actions: _react2.default.PropTypes.shape({
		articleListInit: _react2.default.PropTypes.func,
		fetchArticleList: _react2.default.PropTypes.func,
		fetchArticleListWithFilters: _react2.default.PropTypes.func
	}),
	next: _react2.default.PropTypes.string
}, _temp2);


var mapStateToProps = function mapStateToProps(_ref3) {
	var nav = _ref3.nav,
	    articles = _ref3.articles;
	return {
		articleList: articles.get('articleList').toJS(),
		hero: articles.get('hero'),
		extraMetadata: articles.get('extraMetadata'),
		isFetching: articles.get('isFetching'),
		banner: nav.get('banner'),
		pagePointer: articles.get('pagePointer'),
		next: articles.get('next')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(NewsView);

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.articleInit = articleInit;
exports.fetchArticle = fetchArticle;
exports.articleListInit = articleListInit;
exports.fetchArticleList = fetchArticleList;
exports.fetchArticleListWithFilters = fetchArticleListWithFilters;

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

var path = '/pages';
var articlePath = '/articles';

function articleInit() {
	return {
		type: _constants.ARTICLE_INIT
	};
}

function articleLoading() {
	return {
		type: _constants.ARTICLE_LOADING
	};
}

function articleLoaded(data) {
	return {
		type: _constants.ARTICLE_LOADED,
		payload: {
			data: data
		}
	};
}

function articleNotFound() {
	return {
		type: _constants.ARTICLE_NOT_FOUND
	};
}

function fetchArticle(id) {
	return function (dispatch) {
		dispatch(articleLoading());
		return (0, _utils.request)({
			path: articlePath + '/' + id
		}).then(function (res) {
			return dispatch(articleLoaded(res.data));
		}).catch(function (err) {
			if (err && typeof err.response !== 'undefined') {
				var status = err.response.status;

				if (status === 404) {
					dispatch(articleNotFound());
				} else {
					throw new Error(err);
				}
			} else {
				throw new Error(err);
			}
		});
	};
}

function articleListInit() {
	return {
		type: _constants.ARTICLE_LIST_INIT
	};
}

function articleListLoading() {
	return {
		type: _constants.ARTICLE_LIST_LOADING
	};
}

function articleListLoaded(data) {
	return {
		type: _constants.ARTICLE_LIST_LOADED,
		payload: {
			data: data
		}
	};
}

function articleWithFiltersLoaded(_ref, merge) {
	var data = _ref.data,
	    links = _ref.links,
	    meta = _ref.meta;

	return {
		type: _constants.ARTICLE_LIST_WITH_FILTERS_LOADED,
		payload: {
			data: data,
			merge: merge,
			next: links.next,
			pagePointer: meta.pagination.page
		}
	};
}

function fetchArticleList(type) {
	return function (dispatch) {
		dispatch(articleListLoading());
		return (0, _utils.request)({
			path: path + '/' + type
		}).then(function (res) {
			return dispatch(articleListLoaded(res.data.attributes));
		}).catch(function (err) {
			throw new Error(err);
		});
	};
}

function fetchArticleListWithFilters(type) {
	var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
	var merge = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;

	return function (dispatch) {
		dispatch(articleListLoading());
		return (0, _utils.request)({
			path: '/' + type,
			params: params
		}).then(function (res) {
			return dispatch(articleWithFiltersLoaded(res, merge));
		}).catch(function (err) {
			throw new Error(err);
		});
	};
}

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = HorizontalCard;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _TrackingLink = __webpack_require__(22);

var _TrackingLink2 = _interopRequireDefault(_TrackingLink);

var _utils = __webpack_require__(5);

__webpack_require__(314);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function HorizontalCard(_ref) {
	var id = _ref.id,
	    title = _ref.title,
	    description = _ref.description,
	    imgSrc = _ref.imgSrc,
	    isSoldOut = _ref.isSoldOut,
	    isFree = _ref.isFree,
	    _ref$layout = _ref.layout,
	    layout = _ref$layout === undefined ? 'ltr' : _ref$layout,
	    href = _ref.href,
	    cta = _ref.cta,
	    _ref$subheadingStyle = _ref.subheadingStyle,
	    subheadingStyle = _ref$subheadingStyle === undefined ? 'top' : _ref$subheadingStyle,
	    subheading = _ref.subheading,
	    _ref$imageCrop = _ref.imageCrop,
	    imageCrop = _ref$imageCrop === undefined ? false : _ref$imageCrop;

	var displayPill = isSoldOut || isFree;
	var pill = null;

	if (displayPill && isSoldOut) {
		pill = _react2.default.createElement(
			'p',
			{ className: 'pill pill--dark' },
			'Sold Out'
		);
	}

	if (displayPill && isFree) {
		pill = _react2.default.createElement(
			'p',
			{ className: 'pill pill--white' },
			'Free'
		);
	}

	var subheadingEl = subheading ? _react2.default.createElement('h5', { className: 'heading heading--xs subheading', dangerouslySetInnerHTML: { __html: subheading } }) : null;

	var containerCls = (0, _classnames2.default)('horizontal-card', 'horizontal-card--' + layout);
	var imageCls = (0, _classnames2.default)('horizontal-card__image', {
		'horizontal-card__image--crop': imageCrop
	});

	return _react2.default.createElement(
		'div',
		{
			className: containerCls,
			key: id,
			tabIndex: '0'
		},
		_react2.default.createElement(
			'div',
			{ className: 'horizontal-card__image-container' },
			_react2.default.createElement(
				_TrackingLink2.default,
				{ to: href, title: title },
				_react2.default.createElement('div', { className: imageCls, style: { backgroundImage: 'url(' + imgSrc + ')' } }),
				displayPill && pill
			)
		),
		_react2.default.createElement(
			'div',
			{ className: 'horizontal-card__body' },
			subheadingStyle === 'top' && subheadingEl,
			_react2.default.createElement(
				'h4',
				{ className: 'heading heading--md title' },
				title
			),
			subheadingStyle !== 'top' && subheadingEl,
			_react2.default.createElement('p', {
				className: 'copy'
				// eslint-disable-next-line react/no-danger
				, dangerouslySetInnerHTML: { __html: (0, _utils.truncateText)((0, _utils.stripTags)(description), 140, true) }
			}),
			_react2.default.createElement(
				'p',
				{ className: 'cta-container' },
				_react2.default.createElement(
					_TrackingLink2.default,
					{
						to: href
					},
					cta || 'View Details'
				)
			)
		)
	);
} /* eslint-disable react/no-danger */


HorizontalCard.propTypes = {
	id: _react2.default.PropTypes.string,
	title: _react2.default.PropTypes.string,
	description: _react2.default.PropTypes.string,
	imgSrc: _react2.default.PropTypes.string,
	isSoldOut: _react2.default.PropTypes.bool,
	isFree: _react2.default.PropTypes.bool,
	layout: _react2.default.PropTypes.bool,
	href: _react2.default.PropTypes.string.isRequired,
	cta: _react2.default.PropTypes.string.isRequired,
	subheadingStyle: _react2.default.PropTypes.string.isRequired,
	subheading: _react2.default.PropTypes.string.isRequired,
	imageCrop: _react2.default.PropTypes.string
};
var content = __webpack_require__(315);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".horizontal-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:#fff;border-bottom:4px solid #fff;margin-bottom:20px}.horizontal-card:before{content:'';display:table}.horizontal-card:after{content:'';display:table;clear:both}@media (max-width: 768px){.horizontal-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:block}}.horizontal-card--rtl{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.horizontal-card--rtl .pill,.horizontal-card--rtl .favorite{left:auto !important;right:20px}@media (max-width: 768px){.horizontal-card--rtl{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.horizontal-card__image-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/10);max-width:calc(100% * 4/10);width:calc(100% * 4/10);position:relative;min-height:none}.horizontal-card__image-container:nth-child(1n){margin-right:0;margin-left:0}.horizontal-card__image-container:last-child{margin-right:0}.horizontal-card__image-container:nth-child(10n){margin-right:0;margin-left:auto}.msie .horizontal-card__image-container{height:320px}@media (max-width: 768px){.horizontal-card__image-container{min-height:240px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.horizontal-card__image-container:nth-child(1n){margin-right:0;margin-left:0}.horizontal-card__image-container:last-child{margin-right:0}.horizontal-card__image-container:nth-child(1n){margin-right:0;margin-left:auto}}@media (max-width: 667px){.horizontal-card__image-container{min-height:160px}}.horizontal-card__image-container .pill,.horizontal-card__image-container .favorite{top:20px;left:20px;z-index:10;position:absolute}.horizontal-card__image{height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}@media (max-width: 768px){.horizontal-card__image{min-height:240px}}@media (max-width: 448px){.horizontal-card__image{min-height:160px}}.horizontal-card__image--crop{background-position:right}.horizontal-card__body{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/10);max-width:calc(100% * 6/10);width:calc(100% * 6/10);padding:40px 40px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left}.horizontal-card__body:nth-child(1n){margin-right:0;margin-left:0}.horizontal-card__body:last-child{margin-right:0}.horizontal-card__body:nth-child(10n){margin-right:0;margin-left:auto}@media (max-width: 768px){.horizontal-card__body{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center}.horizontal-card__body:nth-child(1n){margin-right:0;margin-left:0}.horizontal-card__body:last-child{margin-right:0}.horizontal-card__body:nth-child(1n){margin-right:0;margin-left:auto}.horizontal-card__body .title{font-size:24px;line-height:32px;letter-spacing:1.67px}}.horizontal-card__body .cta-container{margin:0;margin-top:auto}@media (max-width: 768px){.horizontal-card__body .cta-container{margin:20px 0}}.horizontal-card .horizontal-card__body{padding:25px 40px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.horizontal-card .horizontal-card__body .subheading{padding:0}.horizontal-card .horizontal-card__body .title{margin-top:10px;margin-bottom:20px}.horizontal-card .subheading{padding:10px 0}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/HorizontalCard/style.scss"],"names":[],"mappings":"AAAA,iBAAiB,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,sBAAsB,6BAA6B,kBAAkB,CAAC,wBAAwB,WAAW,aAAa,CAAC,uBAAuB,WAAW,cAAc,UAAU,CAAC,0BAA0B,iBAAiB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,aAAa,CAAC,CAAC,sBAAsB,8BAA8B,8BAA8B,+BAA+B,0BAA0B,CAAC,4DAA4D,qBAAqB,UAAU,CAAC,0BAA0B,sBAAsB,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,kCAAkC,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,kBAAkB,eAAe,CAAC,gDAAgD,eAAe,aAAa,CAAC,6CAA6C,cAAc,CAAC,iDAAiD,eAAe,gBAAgB,CAAC,wCAAwC,YAAY,CAAC,0BAA0B,kCAAkC,iBAAiB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,gDAAgD,eAAe,aAAa,CAAC,6CAA6C,cAAc,CAAC,gDAAgD,eAAe,gBAAgB,CAAC,CAAC,0BAA0B,kCAAkC,gBAAgB,CAAC,CAAC,oFAAoF,SAAS,UAAU,WAAW,iBAAiB,CAAC,wBAAwB,YAAY,WAAW,4BAA4B,sBAAsB,0BAA0B,CAAC,0BAA0B,wBAAwB,gBAAgB,CAAC,CAAC,0BAA0B,wBAAwB,gBAAgB,CAAC,CAAC,8BAA8B,yBAAyB,CAAC,uBAAuB,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,uBAAuB,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,8BAA8B,eAAe,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,0BAA0B,uBAAuB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,iBAAiB,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,8BAA8B,eAAe,iBAAiB,qBAAqB,CAAC,CAAC,sCAAsC,SAAS,eAAe,CAAC,0BAA0B,sCAAsC,aAAa,CAAC,CAAC,wCAAwC,kBAAkB,uBAAuB,oBAAoB,0BAA0B,CAAC,oDAAoD,SAAS,CAAC,+CAA+C,gBAAgB,kBAAkB,CAAC,6BAA6B,cAAc,CAAC","file":"style.scss","sourcesContent":[".horizontal-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:#fff;border-bottom:4px solid #fff;margin-bottom:20px}.horizontal-card:before{content:'';display:table}.horizontal-card:after{content:'';display:table;clear:both}@media (max-width: 768px){.horizontal-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:block}}.horizontal-card--rtl{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.horizontal-card--rtl .pill,.horizontal-card--rtl .favorite{left:auto !important;right:20px}@media (max-width: 768px){.horizontal-card--rtl{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.horizontal-card__image-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/10);max-width:calc(100% * 4/10);width:calc(100% * 4/10);position:relative;min-height:none}.horizontal-card__image-container:nth-child(1n){margin-right:0;margin-left:0}.horizontal-card__image-container:last-child{margin-right:0}.horizontal-card__image-container:nth-child(10n){margin-right:0;margin-left:auto}.msie .horizontal-card__image-container{height:320px}@media (max-width: 768px){.horizontal-card__image-container{min-height:240px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.horizontal-card__image-container:nth-child(1n){margin-right:0;margin-left:0}.horizontal-card__image-container:last-child{margin-right:0}.horizontal-card__image-container:nth-child(1n){margin-right:0;margin-left:auto}}@media (max-width: 667px){.horizontal-card__image-container{min-height:160px}}.horizontal-card__image-container .pill,.horizontal-card__image-container .favorite{top:20px;left:20px;z-index:10;position:absolute}.horizontal-card__image{height:100%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center}@media (max-width: 768px){.horizontal-card__image{min-height:240px}}@media (max-width: 448px){.horizontal-card__image{min-height:160px}}.horizontal-card__image--crop{background-position:right}.horizontal-card__body{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/10);max-width:calc(100% * 6/10);width:calc(100% * 6/10);padding:40px 40px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:left}.horizontal-card__body:nth-child(1n){margin-right:0;margin-left:0}.horizontal-card__body:last-child{margin-right:0}.horizontal-card__body:nth-child(10n){margin-right:0;margin-left:auto}@media (max-width: 768px){.horizontal-card__body{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center}.horizontal-card__body:nth-child(1n){margin-right:0;margin-left:0}.horizontal-card__body:last-child{margin-right:0}.horizontal-card__body:nth-child(1n){margin-right:0;margin-left:auto}.horizontal-card__body .title{font-size:24px;line-height:32px;letter-spacing:1.67px}}.horizontal-card__body .cta-container{margin:0;margin-top:auto}@media (max-width: 768px){.horizontal-card__body .cta-container{margin:20px 0}}.horizontal-card .horizontal-card__body{padding:25px 40px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.horizontal-card .horizontal-card__body .subheading{padding:0}.horizontal-card .horizontal-card__body .title{margin-top:10px;margin-bottom:20px}.horizontal-card .subheading{padding:10px 0}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(390);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--news{background-color:#f7f7f3;padding-bottom:0}@media (max-width: 1024px){.container--news .copy-container--hero{display:flex;flex-flow:row wrap;max-width:80%;margin-left:auto;margin-right:auto}}.container--news .button-wrapper{padding:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container--news .presskit-cta{text-align:center;padding:80px 0;background-color:#fff}@media (max-width: 768px){.container--news .presskit-cta{padding:100px 40px}}.container--news .article-list{display:flex;flex-flow:row wrap;max-width:calc(100% * 10/12);margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:40px}@media (max-width: 1024px){.container--news .article-list{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);padding:32px;border:0;margin-top:0;display:block}.container--news .article-list:nth-child(1n){margin-right:0;margin-left:0}.container--news .article-list:last-child{margin-right:0}.container--news .article-list:nth-child(12n){margin-right:0;margin-left:auto}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/News/style.scss"],"names":[],"mappings":"AAAA,iBAAiB,yBAAyB,gBAAgB,CAAC,2BAA2B,uCAAuC,aAAa,mBAAmB,cAAc,iBAAiB,iBAAiB,CAAC,CAAC,iCAAiC,eAAe,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,+BAA+B,kBAAkB,eAAe,qBAAqB,CAAC,0BAA0B,+BAA+B,kBAAkB,CAAC,CAAC,+BAA+B,aAAa,mBAAmB,6BAA6B,iBAAiB,kBAAkB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,eAAe,CAAC,2BAA2B,+BAA+B,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,aAAa,SAAS,aAAa,aAAa,CAAC,6CAA6C,eAAe,aAAa,CAAC,0CAA0C,cAAc,CAAC,8CAA8C,eAAe,gBAAgB,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--news{background-color:#f7f7f3;padding-bottom:0}@media (max-width: 1024px){.container--news .copy-container--hero{display:flex;flex-flow:row wrap;max-width:80%;margin-left:auto;margin-right:auto}}.container--news .button-wrapper{padding:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container--news .presskit-cta{text-align:center;padding:80px 0;background-color:#fff}@media (max-width: 768px){.container--news .presskit-cta{padding:100px 40px}}.container--news .article-list{display:flex;flex-flow:row wrap;max-width:calc(100% * 10/12);margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:40px}@media (max-width: 1024px){.container--news .article-list{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);padding:32px;border:0;margin-top:0;display:block}.container--news .article-list:nth-child(1n){margin-right:0;margin-left:0}.container--news .article-list:last-child{margin-right:0}.container--news .article-list:nth-child(12n){margin-right:0;margin-left:auto}}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "257b0831cd405dfd5600f6d9c6feba38.jpg";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp; /* eslint-disable react/no-danger */


var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRouter = __webpack_require__(19);

var _articles = __webpack_require__(72);

var actionCreators = _interopRequireWildcard(_articles);

var _utils = __webpack_require__(5);

var _NotFound = __webpack_require__(53);

var _NotFound2 = _interopRequireDefault(_NotFound);

var _ArticleNavigator = __webpack_require__(391);

var _ArticleNavigator2 = _interopRequireDefault(_ArticleNavigator);

var _ArticleMeta = __webpack_require__(194);

var _ArticleMeta2 = _interopRequireDefault(_ArticleMeta);

var _Cta = __webpack_require__(200);

var _Cta2 = _interopRequireDefault(_Cta);

var _Triptych = __webpack_require__(201);

var _Triptych2 = _interopRequireDefault(_Triptych);

var _CardListSection = __webpack_require__(130);

var _CardListSection2 = _interopRequireDefault(_CardListSection);

var _Carousel = __webpack_require__(93);

var _Carousel2 = _interopRequireDefault(_Carousel);

__webpack_require__(395);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Article = (_temp = _class = function (_React$Component) {
	_inherits(Article, _React$Component);

	function Article(props) {
		_classCallCheck(this, Article);

		var _this = _possibleConstructorReturn(this, (Article.__proto__ || Object.getPrototypeOf(Article)).call(this));

		_this.state = {
			transitionInComplete: false
		};

		_this.getMedia = function (m) {
			return m.type === 'image' ? { media: m.src } : { media: m };
		};

		_this.getCarouselImages = function () {
			var article = _this.props.articleItem.toJS();
			var media = [];
			if (article.animal !== null) {
				media = [].concat(_toConsumableArray(article.media.map(_this.getMedia)), _toConsumableArray(article.animal.photos.map(function (_ref) {
					var image = _ref.image;
					return { media: image };
				})));
			} else {
				media = article.media.map(_this.getMedia);
			}
			return media;
		};

		_this.parseQuote = function () {
			var blurb = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';

			var quoteParts = blurb.split('-');
			return quoteParts.length === 2 ? '<div>\n\t\t\t\t<p class="article-pullquote">' + quoteParts[0] + '</p>\n\t\t\t\t<p class="article-pullquote__attrib">-' + quoteParts[1] + '</p>\n\t\t\t</div>' : blurb;
		};

		_this.renderAdoptionTriptych = function () {
			return _react2.default.createElement(
				'section',
				{ className: 'splash splash--triptych' },
				_react2.default.createElement(_Cta2.default, {
					heading: 'Interested in Adopting?',
					copy: 'Our adoption process is designed to be fun, easy, and supportive.',
					label: 'Learn More',
					href: '/adopt'
				}),
				_react2.default.createElement(_Triptych2.default, {
					primarySrc: '/static/assets/images/BATH_TIME_0779_v2_FNL.jpg',
					secondarySrc: '/static/assets/images/BATH_TIME_0749_v3_FNL.jpg',
					tertiarySrc: '/static/assets/images/BATH_TIME_0897_v3_FNL.jpg',
					secondaryColor: 'orange',
					layout: 'rb'
				})
			);
		};

		_this.renderRelatedContent = function () {
			var articleItem = _this.props.articleItem;

			var related = articleItem.get('related');

			return _react2.default.createElement(
				'div',
				null,
				_this.renderAdoptionTriptych(),
				_react2.default.createElement(_CardListSection2.default, {
					items: related,
					mapDataToProps: _utils.successDataCard,
					type: 'stories',
					heading: 'See More Stories',
					copy: 'Read more stories about how real people in your community are connecting with their rescue pet BFFs.',
					ctaLabel: 'View all',
					ctaLink: '/adopt/success'
				})
			);
		};

		_this.renderArticleTags = function () {
			var tags = _this.props.articleItem.get('tags');

			return tags ? _react2.default.createElement(
				'div',
				{ className: 'flex-row pet-detail__tags' },
				tags.map(function (t) {
					return _react2.default.createElement(
						'div',
						{ className: 'flex-row__item pet-detail__tag' },
						_react2.default.createElement(
							'div',
							{ className: 'pill button--grey button--tag' },
							t
						)
					);
				})
			) : '';
		};

		var pathname = props.location.pathname;

		_this.articleType = 'AboutNews';
		_this.humanArticleType = 'PR & News';
		_this.isEditorialArticle = false;
		_this.articleListPath = '/about/news';

		if (pathname.startsWith('/adopt/success')) {
			_this.articleType = 'AdoptSuccessStory';
			_this.humanArticleType = 'Adoption Success Stories';
			_this.isEditorialArticle = true;
			_this.articleListPath = '/adopt/success';
		} else if (pathname.startsWith('/about/blog')) {
			_this.articleType = 'LeadershipResearch';
			_this.humanArticleType = 'Blog';
			_this.isEditorialArticle = true;
			_this.articleListPath = '/about/blog';
		} else if (pathname.startsWith('/watch/unbreakable-bond')) {
			_this.articleType = 'SpecialRelationship';
			_this.humanArticleType = 'the Unbreakable Bond Series';
			_this.isEditorialArticle = true;
			_this.articleListPath = '/watch/unbreakable-bond';
		}
		return _this;
	}

	_createClass(Article, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var _props$actions = this.props.actions,
			    articleInit = _props$actions.articleInit,
			    fetchArticle = _props$actions.fetchArticle;
			var articleId = this.props.params.articleId;


			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 1000);

			articleInit();
			fetchArticle(articleId);
		} // eslint-disable-line no-confusing-arrow

	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    articleItem = _props.articleItem,
			    isFetching = _props.isFetching,
			    banner = _props.banner,
			    location = _props.location;

			var next = articleItem.get('next') || {};
			var prev = articleItem.get('prev') || {};
			var containerCls = (0, _classnames2.default)('container', 'container--article', 'container--article-' + articleItem.get('type'), {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			if (isFetching) {
				return _react2.default.createElement('div', { className: 'container container--article' });
			} else if (!isFetching && articleItem.get('id') === '') {
				return _react2.default.createElement(_NotFound2.default, { location: this.props.location });
			}

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				this.isEditorialArticle && _react2.default.createElement(_ArticleNavigator2.default, {
					prev: { title: prev.title, link: (0, _utils.createArticleUrl)(prev.type, prev.id) },
					next: { title: next.title, link: (0, _utils.createArticleUrl)(next.type, next.id) }
				}),
				_react2.default.createElement(
					'section',
					{ className: 'article-header-container' },
					_react2.default.createElement(
						'p',
						{ className: 'article-type-wrapper' },
						_react2.default.createElement(
							_reactRouter.Link,
							{ to: this.articleListPath, className: 'animated-underline' },
							_react2.default.createElement(
								'span',
								{ className: 'prefix' },
								'Back to '
							),
							this.humanArticleType
						)
					),
					_react2.default.createElement(
						'h2',
						{ className: 'heading heading--xl heading--article' },
						articleItem.get('title')
					),
					_react2.default.createElement('h3', {
						className: 'heading heading--lg heading--article',
						dangerouslySetInnerHTML: { __html: this.articleType === 'SpecialRelationship' ? this.parseQuote(articleItem.get('blurb')) : articleItem.get('blurb')
						}
					}),
					this.renderArticleTags(),
					_react2.default.createElement(_ArticleMeta2.default, {
						title: articleItem.get('title'),
						author: articleItem.get('author'),
						date: articleItem.get('pubdate'),
						gaAction: this.articleType,
						showDate: !location.pathname.startsWith('/watch/unbreakable-bond')
					})
				),
				articleItem && articleItem.get('media') && articleItem.get('media').length > 0 && _react2.default.createElement(
					'section',
					{ className: 'article-carousel-container' },
					_react2.default.createElement(_Carousel2.default, {
						items: this.getCarouselImages(),
						squareLayout: this.articleType === 'AdoptSuccessStory'
					})
				),
				_react2.default.createElement('section', { className: 'article-content copy-container', dangerouslySetInnerHTML: { __html: articleItem.get('content') } }),
				this.articleType === 'SpecialRelationship' && this.renderRelatedContent()
			);
		}
	}]);

	return Article;
}(_react2.default.Component), _class.propTypes = {
	isFetching: _react2.default.PropTypes.bool,
	articleItem: _react2.default.PropTypes.shape(),
	banner: _react2.default.PropTypes.shape(),
	actions: _react2.default.PropTypes.shape({
		articleInit: _react2.default.PropTypes.func,
		fetchArticle: _react2.default.PropTypes.func
	}),
	params: _react2.default.PropTypes.shape(),
	location: _react2.default.PropTypes.shape()
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		articleItem: state.articles.get('articleItem'),
		isFetching: state.articles.get('isFetching'),
		banner: state.nav.get('banner')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Article);

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _reactRouterRedux = __webpack_require__(28);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

__webpack_require__(305);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var NotFoundView = (_temp2 = _class = function (_React$Component) {
	_inherits(NotFoundView, _React$Component);

	function NotFoundView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, NotFoundView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = NotFoundView.__proto__ || Object.getPrototypeOf(NotFoundView)).call.apply(_ref, [this].concat(args))), _this), _this.handleClick = function () {
			return _this.props.dispatch((0, _reactRouterRedux.push)('/'));
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(NotFoundView, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			var _props = this.props,
			    dispatch = _props.dispatch,
			    location = _props.location;
			var pathname = location.pathname;


			this.label = 'Go Home';

			if (pathname.startsWith('/adopt')) {
				this.label = 'View available pets';
				this.handleClick = function () {
					return dispatch((0, _reactRouterRedux.push)('/adopt'));
				};
			} else if (pathname.startsWith('/leadership/relationships')) {
				this.label = 'View Special Relationships';
				this.handleClick = function () {
					return dispatch((0, _reactRouterRedux.push)('/leadership/relationships'));
				};
			} else if (pathname.startsWith('/leadership/research')) {
				this.label = 'View Research Articles';
				this.handleClick = function () {
					return dispatch((0, _reactRouterRedux.push)('/leadership/research'));
				};
			} else if (pathname.startsWith('/about/jobs-volunteer')) {
				this.label = 'View Open Jobs';
				this.handleClick = function () {
					return dispatch((0, _reactRouterRedux.push)('/about/jobs-volunteer'));
				};
			}
		}
	}, {
		key: 'render',
		value: function render() {
			return _react2.default.createElement(
				'div',
				{ className: 'container container--not-found' },
				_react2.default.createElement(
					_Hero2.default,
					{
						bgImgSrc: __webpack_require__(307),
						heading: 'Aww bummer!',
						subheading: 'We couldn\'t fetch the page you were looking for.'
					},
					_react2.default.createElement(_Button2.default, {
						label: this.label,
						onClick: this.handleClick
					})
				)
			);
		}
	}]);

	return NotFoundView;
}(_react2.default.Component), _class.propTypes = {
	location: _react2.default.PropTypes.shape(),
	dispatch: _react2.default.PropTypes.func
}, _temp2);


var mapStateToProps = null;

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(NotFoundView);
var content = __webpack_require__(306);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--not-found .hero{height:calc(100vh - $header-height) !important;min-height:600px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/NotFound/style.scss"],"names":[],"mappings":"AAAA,4BAA4B,+CAA+C,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".container--not-found .hero{height:calc(100vh - $header-height) !important;min-height:600px}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "6369d24d22fe02a99181b9d4778065ec.jpg";

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRouter = __webpack_require__(19);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

__webpack_require__(392);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var ArticleNavigator = (_temp2 = _class = function (_React$Component) {
	_inherits(ArticleNavigator, _React$Component);

	function ArticleNavigator() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, ArticleNavigator);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ArticleNavigator.__proto__ || Object.getPrototypeOf(ArticleNavigator)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			scrolled: 0
		}, _this.trackArticleProgress = function (event) {
			var target = event.target;
			var scrollTop = target.body.scrollTop;
			var scrollHeight = _this.container.scrollHeight;


			var scrolled = Math.round(scrollTop / (scrollHeight - 120) * 100); //	eslint-disable-line no-mixed-operators
			_this.setState({
				scrolled: scrolled
			});
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(ArticleNavigator, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			this.container = document.getElementsByClassName('container')[0];
			window.addEventListener('scroll', this.trackArticleProgress);
		}
	}, {
		key: 'componentWillUnmount',
		value: function componentWillUnmount() {
			window.removeEventListener('scroll', this.trackArticleProgress);
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    prev = _props.prev,
			    next = _props.next;
			var scrolled = this.state.scrolled;

			var navStyle = {
				background: 'linear-gradient(90deg, #FFFFFF ' + scrolled + '%, #F7F7F3 ' + scrolled + '%)'
			};

			var nextCls = (0, _classnames2.default)('article-navigator__next', {
				'article-navigator__next--offset': next && !prev.title
			});

			return _react2.default.createElement(
				'div',
				{ className: 'article-navigator', style: navStyle },
				prev && prev.title && prev.link && _react2.default.createElement(
					'div',
					{ className: 'article-navigator__prev' },
					_react2.default.createElement(
						_reactRouter.Link,
						{ to: prev.link, className: 'article-navigator__link', 'aria-label': 'Previous article: ' + prev.title },
						_react2.default.createElement('div', { className: 'article-navigator__arrow article-navigator__arrow--prev' }),
						_react2.default.createElement(
							'div',
							{ className: 'article-navigator__text--mobile article-navigator__text--mobile--prev' },
							_react2.default.createElement(
								'h1',
								{ className: 'copy copy--helper' },
								'PREV'
							)
						)
					),
					_react2.default.createElement(
						'div',
						{ className: 'article-navigator__text article-navigator__text--prev' },
						_react2.default.createElement(
							_reactRouter.Link,
							{ to: prev.link },
							_react2.default.createElement(
								'h1',
								{ className: 'copy' },
								'Previous article'
							),
							_react2.default.createElement(
								'h1',
								{ className: 'copy article-title' },
								prev.title
							)
						)
					)
				),
				next && next.title && next.link && _react2.default.createElement(
					'div',
					{ className: nextCls },
					_react2.default.createElement(
						'div',
						{ className: 'article-navigator__text article-navigator__text--next' },
						_react2.default.createElement(
							_reactRouter.Link,
							{ to: next.link },
							_react2.default.createElement(
								'h1',
								{ className: 'copy' },
								'Next article'
							),
							_react2.default.createElement(
								'h1',
								{ className: 'copy article-title' },
								next.title
							)
						)
					),
					_react2.default.createElement(
						_reactRouter.Link,
						{ to: next.link, className: 'article-navigator__link', 'aria-label': 'Next article: ' + next.title },
						_react2.default.createElement('div', { className: 'article-navigator__arrow article-navigator__arrow--next' }),
						_react2.default.createElement(
							'div',
							{ className: 'article-navigator__text--mobile article-navigator__text--mobile--next' },
							_react2.default.createElement(
								'h1',
								{ className: 'copy copy--helper' },
								'NEXT'
							)
						)
					)
				)
			);
		}
	}]);

	return ArticleNavigator;
}(_react2.default.Component), _class.propTypes = {
	prev: _react2.default.PropTypes.shape({
		title: _react2.default.PropTypes.string.isRequired,
		link: _react2.default.PropTypes.string.isRequired
	}),
	next: _react2.default.PropTypes.shape({
		title: _react2.default.PropTypes.string.isRequired,
		link: _react2.default.PropTypes.string.isRequired
	})
}, _temp2);
exports.default = ArticleNavigator;
var content = __webpack_require__(393);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".article-navigator{position:fixed;top:100px;z-index:10;width:100%;min-height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#f7f7f3;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border-bottom:1px solid #eeeee8}@media (max-width: 1024px){.article-navigator{top:60px}}.article-navigator a{border-bottom:0}.article-navigator__prev,.article-navigator__next{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.article-navigator__prev:nth-child(1n),.article-navigator__next:nth-child(1n){margin-right:0;margin-left:0}.article-navigator__prev:last-child,.article-navigator__next:last-child{margin-right:0}.article-navigator__prev:nth-child(12n),.article-navigator__next:nth-child(12n){margin-right:0;margin-left:auto}.article-navigator__next{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.article-navigator__next--offset{margin-left:calc(100% * 6/12) !important}.article-navigator__link{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/6);max-width:calc(100% * 1/6);width:calc(100% * 1/6);height:100%}.article-navigator__link:nth-child(1n){margin-right:0;margin-left:0}.article-navigator__link:last-child{margin-right:0}.article-navigator__link:nth-child(6n){margin-right:0;margin-left:auto}@media (max-width: 667px){.article-navigator__link{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.article-navigator__link:nth-child(1n){margin-right:0;margin-left:0}.article-navigator__link:last-child{margin-right:0}.article-navigator__link:nth-child(1n){margin-right:0;margin-left:auto}}.article-navigator__arrow{min-height:45px;height:100%;background-image:url(" + escape(__webpack_require__(394)) + ");background-repeat:no-repeat;background-size:25%;background-position:50% 50%}.article-navigator__arrow--prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (max-width: 869px){.article-navigator__arrow{height:60%}}@media (max-width: 667px){.article-navigator__arrow{background-size:10%;background-position:88% 50%}}.article-navigator__text{padding:10px}.article-navigator__text .article-title{color:#f80}.article-navigator__text a{text-decoration:none !important}.article-navigator__text--next{text-align:right}@media (max-width: 869px){.article-navigator__text{display:none}}.article-navigator__text--mobile{display:none}.article-navigator__text--mobile--prev{padding-left:25%}@media (max-width: 667px){.article-navigator__text--mobile--prev{padding-left:10%}}.article-navigator__text--mobile--next{padding-right:25%;text-align:right}@media (max-width: 667px){.article-navigator__text--mobile--next{padding-right:10%}}.article-navigator__text--mobile .copy{color:#f80}@media (max-width: 869px){.article-navigator__text--mobile{display:block}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/ArticleNavigator/style.scss"],"names":[],"mappings":"AAAA,mBAAmB,eAAe,UAAU,WAAW,WAAW,gBAAgB,oBAAoB,oBAAoB,aAAa,mBAAmB,yBAAyB,sBAAsB,8BAA8B,8BAA8B,6BAA6B,uBAAuB,mBAAmB,+BAA+B,CAAC,2BAA2B,mBAAmB,QAAQ,CAAC,CAAC,qBAAqB,eAAe,CAAC,kDAAkD,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,8EAA8E,eAAe,aAAa,CAAC,wEAAwE,cAAc,CAAC,gFAAgF,eAAe,gBAAgB,CAAC,yBAAyB,qBAAqB,kBAAkB,wBAAwB,CAAC,iCAAiC,wCAAwC,CAAC,yBAAyB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,WAAW,CAAC,uCAAuC,eAAe,aAAa,CAAC,oCAAoC,cAAc,CAAC,uCAAuC,eAAe,gBAAgB,CAAC,0BAA0B,yBAAyB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,uCAAuC,eAAe,aAAa,CAAC,oCAAoC,cAAc,CAAC,uCAAuC,eAAe,gBAAgB,CAAC,CAAC,0BAA0B,gBAAgB,YAAY,+CAAsE,4BAA4B,oBAAoB,2BAA2B,CAAC,gCAAgC,iCAAiC,wBAAwB,CAAC,0BAA0B,0BAA0B,UAAU,CAAC,CAAC,0BAA0B,0BAA0B,oBAAoB,2BAA2B,CAAC,CAAC,yBAAyB,YAAY,CAAC,wCAAwC,UAAU,CAAC,2BAA2B,+BAA+B,CAAC,+BAA+B,gBAAgB,CAAC,0BAA0B,yBAAyB,YAAY,CAAC,CAAC,iCAAiC,YAAY,CAAC,uCAAuC,gBAAgB,CAAC,0BAA0B,uCAAuC,gBAAgB,CAAC,CAAC,uCAAuC,kBAAkB,gBAAgB,CAAC,0BAA0B,uCAAuC,iBAAiB,CAAC,CAAC,uCAAuC,UAAU,CAAC,0BAA0B,iCAAiC,aAAa,CAAC,CAAC","file":"style.scss","sourcesContent":[".article-navigator{position:fixed;top:100px;z-index:10;width:100%;min-height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#f7f7f3;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border-bottom:1px solid #eeeee8}@media (max-width: 1024px){.article-navigator{top:60px}}.article-navigator a{border-bottom:0}.article-navigator__prev,.article-navigator__next{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.article-navigator__prev:nth-child(1n),.article-navigator__next:nth-child(1n){margin-right:0;margin-left:0}.article-navigator__prev:last-child,.article-navigator__next:last-child{margin-right:0}.article-navigator__prev:nth-child(12n),.article-navigator__next:nth-child(12n){margin-right:0;margin-left:auto}.article-navigator__next{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.article-navigator__next--offset{margin-left:calc(100% * 6/12) !important}.article-navigator__link{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/6);max-width:calc(100% * 1/6);width:calc(100% * 1/6);height:100%}.article-navigator__link:nth-child(1n){margin-right:0;margin-left:0}.article-navigator__link:last-child{margin-right:0}.article-navigator__link:nth-child(6n){margin-right:0;margin-left:auto}@media (max-width: 667px){.article-navigator__link{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.article-navigator__link:nth-child(1n){margin-right:0;margin-left:0}.article-navigator__link:last-child{margin-right:0}.article-navigator__link:nth-child(1n){margin-right:0;margin-left:auto}}.article-navigator__arrow{min-height:45px;height:100%;background-image:url(\"../../common/images/arrow_carousel-orange.png\");background-repeat:no-repeat;background-size:25%;background-position:50% 50%}.article-navigator__arrow--prev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media (max-width: 869px){.article-navigator__arrow{height:60%}}@media (max-width: 667px){.article-navigator__arrow{background-size:10%;background-position:88% 50%}}.article-navigator__text{padding:10px}.article-navigator__text .article-title{color:#f80}.article-navigator__text a{text-decoration:none !important}.article-navigator__text--next{text-align:right}@media (max-width: 869px){.article-navigator__text{display:none}}.article-navigator__text--mobile{display:none}.article-navigator__text--mobile--prev{padding-left:25%}@media (max-width: 667px){.article-navigator__text--mobile--prev{padding-left:10%}}.article-navigator__text--mobile--next{padding-right:25%;text-align:right}@media (max-width: 667px){.article-navigator__text--mobile--next{padding-right:10%}}.article-navigator__text--mobile .copy{color:#f80}@media (max-width: 869px){.article-navigator__text--mobile{display:block}}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "a112c059fad8cda5a168871d65fa21fb.png";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _ShareIcons = __webpack_require__(192);

var _ShareIcons2 = _interopRequireDefault(_ShareIcons);

var _utils = __webpack_require__(5);

__webpack_require__(337);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function ArticleMeta(_ref) {
	var _ref$author = _ref.author,
	    author = _ref$author === undefined ? 'Annenberg PetSpace' : _ref$author,
	    date = _ref.date,
	    _ref$formatStyle = _ref.formatStyle,
	    formatStyle = _ref$formatStyle === undefined ? 'MMMM D, YYYY' : _ref$formatStyle,
	    _ref$showDate = _ref.showDate,
	    showDate = _ref$showDate === undefined ? true : _ref$showDate,
	    _ref$showShareIcons = _ref.showShareIcons,
	    showShareIcons = _ref$showShareIcons === undefined ? true : _ref$showShareIcons,
	    title = _ref.title,
	    linkPdf = _ref.linkPdf,
	    gaAction = _ref.gaAction;

	var byline = 'by ' + author;
	var bylineWithDate = 'by ' + author + ' - ' + (0, _utils.formatDate)(date, formatStyle);
	return _react2.default.createElement(
		'div',
		{ className: 'article-meta' },
		_react2.default.createElement(
			'div',
			{ className: 'article-meta__byline' },
			_react2.default.createElement(
				'p',
				{ className: 'copy copy--helper' },
				showDate ? bylineWithDate : byline
			)
		),
		showShareIcons && _react2.default.createElement(
			'div',
			{ className: 'article-meta__share' },
			_react2.default.createElement(
				'p',
				{ className: 'copy copy--helper' },
				'Share on:'
			),
			_react2.default.createElement(_ShareIcons2.default, {
				text: title + ' by ' + author,
				linkPdf: linkPdf,
				gaAction: gaAction
			})
		)
	);
}

ArticleMeta.propTypes = {
	author: _react2.default.PropTypes.string,
	date: _react2.default.PropTypes.string.isRequired,
	formatStyle: _react2.default.PropTypes.string,
	showDate: _react2.default.PropTypes.bool,
	showShareIcons: _react2.default.PropTypes.bool,
	title: _react2.default.PropTypes.string,
	linkPdf: _react2.default.PropTypes.string,
	gaAction: _react2.default.PropTypes.string
};

exports.default = ArticleMeta;

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _TrackingLink = __webpack_require__(22);

var _TrackingLink2 = _interopRequireDefault(_TrackingLink);

__webpack_require__(326);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var ShareIcons = function ShareIcons(_ref) {
	var _ref$text = _ref.text,
	    text = _ref$text === undefined ? '' : _ref$text,
	    linkPdf = _ref.linkPdf,
	    gaAction = _ref.gaAction;

	var iconFb = __webpack_require__(328);
	var iconTw = __webpack_require__(329);
	var iconPdf = __webpack_require__(330);

	var linkFb = 'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.location.href);

	var twitterText = encodeURIComponent(text + ' ' + document.location.href);
	var linkTw = 'https://twitter.com/intent/tweet?text=' + twitterText;

	return _react2.default.createElement(
		'div',
		{ className: 'icon-container--share' },
		_react2.default.createElement(
			'div',
			{ className: 'icon-wrapper' },
			_react2.default.createElement(
				_TrackingLink2.default,
				{ to: linkFb, target: '_blank', rel: 'noopener noreferrer', className: 'animated-underline', gaAction: gaAction, gaLabel: 'FacebookShare' },
				_react2.default.createElement('img', {
					src: iconFb,
					alt: 'Facebook Icon'
				})
			)
		),
		_react2.default.createElement(
			'div',
			{ className: 'icon-wrapper' },
			_react2.default.createElement(
				_TrackingLink2.default,
				{ to: linkTw, target: '_blank', rel: 'noopener noreferrer', className: 'animated-underline', gaAction: gaAction, gaLabel: 'TwitterShare' },
				_react2.default.createElement('img', {
					src: iconTw,
					alt: 'Twitter Icon'
				})
			)
		),
		linkPdf && _react2.default.createElement(
			'div',
			{ className: 'icon-wrapper' },
			_react2.default.createElement(
				_TrackingLink2.default,
				{ to: linkPdf, target: '_blank', rel: 'noopener noreferrer', className: 'animated-underline', pdf: true, gaAction: gaAction, gaLabel: 'PDF' },
				_react2.default.createElement('img', {
					src: iconPdf,
					alt: 'PDF Icon'
				})
			)
		)
	);
};

ShareIcons.propTypes = {
	text: _react2.default.PropTypes.string,
	linkPdf: _react2.default.PropTypes.string,
	gaAction: _react2.default.PropTypes.string
};

exports.default = ShareIcons;
var content = __webpack_require__(327);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".icon-container--share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icon-container--share .icon-wrapper{padding-top:8px}.icon-container--share .icon-wrapper a{border-bottom:0}.icon-container--share .icon-wrapper img{max-height:20px;padding:0 10px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/ShareIcons/style.scss"],"names":[],"mappings":"AAAA,uBAAuB,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,kBAAkB,CAAC,qCAAqC,eAAe,CAAC,uCAAuC,eAAe,CAAC,yCAAyC,gBAAgB,cAAc,CAAC","file":"style.scss","sourcesContent":[".icon-container--share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icon-container--share .icon-wrapper{padding-top:8px}.icon-container--share .icon-wrapper a{border-bottom:0}.icon-container--share .icon-wrapper img{max-height:20px;padding:0 10px}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "254f6bb0a2fb6ed3e4c24be292710ec4.svg";module.exports = __webpack_require__.p + "99938682becdf1adf5fe56daa57ae343.svg";module.exports = __webpack_require__.p + "c813836f4278af925d96f75ef0584183.png";
var content = __webpack_require__(338);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".article-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.article-meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}.article-meta__share{padding-left:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.article-meta__share{padding-left:0}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/ArticleMeta/style.scss"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,kBAAkB,CAAC,0BAA0B,cAAc,4BAA4B,6BAA6B,0BAA0B,sBAAsB,UAAU,CAAC,CAAC,qBAAqB,kBAAkB,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,kBAAkB,CAAC,0BAA0B,qBAAqB,cAAc,CAAC,CAAC","file":"style.scss","sourcesContent":[".article-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.article-meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}.article-meta__share{padding-left:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.article-meta__share{padding-left:0}}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(396);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--article-special_relationship_story,.container--article-success_story{padding-bottom:0}.container--article-news .article-header-container{margin-top:0}.container--article .carousel--square{max-height:800px}.article-header-container{margin:180px 0 60px;padding-top:40px;display:flex;flex-flow:row wrap;max-width:66.66%;margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (max-width: 768px){.article-header-container{text-align:center}}.article-header-container .heading--lg{padding:40px 0}@media (max-width: 1024px){.article-header-container .heading--lg{padding:20px 0;font-family:\"Larsseit\";font-size:1em;letter-spacing:1px;line-height:30px}}.article-header-container .article-pullquote__attrib{text-align:right;font-style:italic}@media (max-width: 768px){.article-header-container .article-pullquote__attrib{text-align:center}}.article-header-container .pill{margin:10px;color:#fff;text-transform:capitalize;font-size:16px}.article-header-container .pill:nth-of-type(1n){margin-left:0}.article-header-container .favorite{position:absolute;right:0;top:0}@media (max-width: 869px){.article-header-container .favorite{top:-20px}}.article-header-container .article-type-wrapper{padding-bottom:20px}.article-header-container .article-type-wrapper a{color:#f80}@media (max-width: 768px){.article-header-container .article-type-wrapper .prefix{display:block}}@media (max-width: 768px){.article-header-container .article-type-wrapper{padding-bottom:0}}.article-image{margin-bottom:60px;width:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;min-height:200px;height:46vw;max-height:90vw}.article-image:nth-of-type(1n){margin-bottom:30px}.article-content{display:flex;flex-flow:row wrap;max-width:83.33%;margin-left:auto;margin-right:auto;padding-bottom:60px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width: 768px){.article-content{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}}.article-content.copy-container{width:60%;margin:0 auto 60px}@media (max-width: 1024px){.article-content.copy-container{width:100%;padding:0 20px 60px}}.article-carousel-container{margin:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-carousel-container .carousel:not(.carousel--square) .slick-slider,.article-carousel-container .carousel:not(.carousel--square) .slick-track,.article-carousel-container .carousel:not(.carousel--square) .slick-list,.article-carousel-container .carousel:not(.carousel--square) .slick-slide{max-height:800px}@media (max-width: 1279px){.article-carousel-container .carousel:not(.carousel--square) .slick-slider,.article-carousel-container .carousel:not(.carousel--square) .slick-track,.article-carousel-container .carousel:not(.carousel--square) .slick-list,.article-carousel-container .carousel:not(.carousel--square) .slick-slide{max-height:500px}}@media (max-width: 1024px){.article-carousel-container .carousel:not(.carousel--square) .slick-slider,.article-carousel-container .carousel:not(.carousel--square) .slick-track,.article-carousel-container .carousel:not(.carousel--square) .slick-list,.article-carousel-container .carousel:not(.carousel--square) .slick-slide{max-height:400px}}@media (max-width: 768px){.article-carousel-container .carousel:not(.carousel--square) .slick-slider,.article-carousel-container .carousel:not(.carousel--square) .slick-track,.article-carousel-container .carousel:not(.carousel--square) .slick-list,.article-carousel-container .carousel:not(.carousel--square) .slick-slide{max-height:300px}}.article-carousel-container .carousel:not(.carousel--square) .carousel__image,.article-carousel-container .carousel:not(.carousel--square) .carousel__item,.article-carousel-container .carousel:not(.carousel--square) .video-player{min-height:800px}@media (max-width: 1279px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image,.article-carousel-container .carousel:not(.carousel--square) .carousel__item,.article-carousel-container .carousel:not(.carousel--square) .video-player{min-height:500px}}@media (max-width: 1024px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image,.article-carousel-container .carousel:not(.carousel--square) .carousel__item,.article-carousel-container .carousel:not(.carousel--square) .video-player{min-height:400px}}@media (max-width: 768px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image,.article-carousel-container .carousel:not(.carousel--square) .carousel__item,.article-carousel-container .carousel:not(.carousel--square) .video-player{min-height:300px}}.article-carousel-container .carousel:not(.carousel--square) .carousel__image iframe,.article-carousel-container .carousel:not(.carousel--square) .carousel__item iframe,.article-carousel-container .carousel:not(.carousel--square) .video-player iframe{height:800px}@media (max-width: 1279px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image iframe,.article-carousel-container .carousel:not(.carousel--square) .carousel__item iframe,.article-carousel-container .carousel:not(.carousel--square) .video-player iframe{height:500px}}@media (max-width: 1024px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image iframe,.article-carousel-container .carousel:not(.carousel--square) .carousel__item iframe,.article-carousel-container .carousel:not(.carousel--square) .video-player iframe{height:400px}}@media (max-width: 768px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image iframe,.article-carousel-container .carousel:not(.carousel--square) .carousel__item iframe,.article-carousel-container .carousel:not(.carousel--square) .video-player iframe{height:300px}}.article-carousel-container .carousel:not(.carousel--square) .video-player{height:800px}@media (max-width: 1279px){.article-carousel-container .carousel:not(.carousel--square) .video-player{height:500px}}@media (max-width: 1024px){.article-carousel-container .carousel:not(.carousel--square) .video-player{height:400px}}@media (max-width: 768px){.article-carousel-container .carousel:not(.carousel--square) .video-player{height:300px}}.article-carousel-container .carousel:not(.carousel--square) .video-player,.article-carousel-container .carousel:not(.carousel--square) .video-player__video--playing{width:100%}.article-carousel-container .video-player,.article-carousel-container .video-player__video--playing{width:100%}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Article/style.scss"],"names":[],"mappings":"AAAA,iFAAiF,gBAAgB,CAAC,mDAAmD,YAAY,CAAC,sCAAsC,gBAAgB,CAAC,0BAA0B,oBAAoB,iBAAiB,aAAa,mBAAmB,iBAAiB,iBAAiB,kBAAkB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,iBAAiB,CAAC,0BAA0B,0BAA0B,iBAAiB,CAAC,CAAC,uCAAuC,cAAc,CAAC,2BAA2B,uCAAuC,eAAe,uBAAuB,cAAc,mBAAmB,gBAAgB,CAAC,CAAC,qDAAqD,iBAAiB,iBAAiB,CAAC,0BAA0B,qDAAqD,iBAAiB,CAAC,CAAC,gCAAgC,YAAY,WAAW,0BAA0B,cAAc,CAAC,gDAAgD,aAAa,CAAC,oCAAoC,kBAAkB,QAAQ,KAAK,CAAC,0BAA0B,oCAAoC,SAAS,CAAC,CAAC,gDAAgD,mBAAmB,CAAC,kDAAkD,UAAU,CAAC,0BAA0B,wDAAwD,aAAa,CAAC,CAAC,0BAA0B,gDAAgD,gBAAgB,CAAC,CAAC,eAAe,mBAAmB,WAAW,4BAA4B,sBAAsB,4BAA4B,iBAAiB,YAAY,eAAe,CAAC,+BAA+B,kBAAkB,CAAC,iBAAiB,aAAa,mBAAmB,iBAAiB,iBAAiB,kBAAkB,oBAAoB,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,0BAA0B,iBAAiB,aAAa,mBAAmB,eAAe,iBAAiB,iBAAiB,CAAC,CAAC,gCAAgC,UAAU,kBAAkB,CAAC,2BAA2B,gCAAgC,WAAW,mBAAmB,CAAC,CAAC,4BAA4B,cAAc,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,kBAAkB,CAAC,wSAAwS,gBAAgB,CAAC,2BAA2B,wSAAwS,gBAAgB,CAAC,CAAC,2BAA2B,wSAAwS,gBAAgB,CAAC,CAAC,0BAA0B,wSAAwS,gBAAgB,CAAC,CAAC,sOAAsO,gBAAgB,CAAC,2BAA2B,sOAAsO,gBAAgB,CAAC,CAAC,2BAA2B,sOAAsO,gBAAgB,CAAC,CAAC,0BAA0B,sOAAsO,gBAAgB,CAAC,CAAC,2PAA2P,YAAY,CAAC,2BAA2B,2PAA2P,YAAY,CAAC,CAAC,2BAA2B,2PAA2P,YAAY,CAAC,CAAC,0BAA0B,2PAA2P,YAAY,CAAC,CAAC,2EAA2E,YAAY,CAAC,2BAA2B,2EAA2E,YAAY,CAAC,CAAC,2BAA2B,2EAA2E,YAAY,CAAC,CAAC,0BAA0B,2EAA2E,YAAY,CAAC,CAAC,sKAAsK,UAAU,CAAC,oGAAoG,UAAU,CAAC","file":"style.scss","sourcesContent":[".container--article-special_relationship_story,.container--article-success_story{padding-bottom:0}.container--article-news .article-header-container{margin-top:0}.container--article .carousel--square{max-height:800px}.article-header-container{margin:180px 0 60px;padding-top:40px;display:flex;flex-flow:row wrap;max-width:66.66%;margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (max-width: 768px){.article-header-container{text-align:center}}.article-header-container .heading--lg{padding:40px 0}@media (max-width: 1024px){.article-header-container .heading--lg{padding:20px 0;font-family:\"Larsseit\";font-size:1em;letter-spacing:1px;line-height:30px}}.article-header-container .article-pullquote__attrib{text-align:right;font-style:italic}@media (max-width: 768px){.article-header-container .article-pullquote__attrib{text-align:center}}.article-header-container .pill{margin:10px;color:#fff;text-transform:capitalize;font-size:16px}.article-header-container .pill:nth-of-type(1n){margin-left:0}.article-header-container .favorite{position:absolute;right:0;top:0}@media (max-width: 869px){.article-header-container .favorite{top:-20px}}.article-header-container .article-type-wrapper{padding-bottom:20px}.article-header-container .article-type-wrapper a{color:#f80}@media (max-width: 768px){.article-header-container .article-type-wrapper .prefix{display:block}}@media (max-width: 768px){.article-header-container .article-type-wrapper{padding-bottom:0}}.article-image{margin-bottom:60px;width:100%;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;min-height:200px;height:46vw;max-height:90vw}.article-image:nth-of-type(1n){margin-bottom:30px}.article-content{display:flex;flex-flow:row wrap;max-width:83.33%;margin-left:auto;margin-right:auto;padding-bottom:60px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (max-width: 768px){.article-content{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}}.article-content.copy-container{width:60%;margin:0 auto 60px}@media (max-width: 1024px){.article-content.copy-container{width:100%;padding:0 20px 60px}}.article-carousel-container{margin:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-carousel-container .carousel:not(.carousel--square) .slick-slider,.article-carousel-container .carousel:not(.carousel--square) .slick-track,.article-carousel-container .carousel:not(.carousel--square) .slick-list,.article-carousel-container .carousel:not(.carousel--square) .slick-slide{max-height:800px}@media (max-width: 1279px){.article-carousel-container .carousel:not(.carousel--square) .slick-slider,.article-carousel-container .carousel:not(.carousel--square) .slick-track,.article-carousel-container .carousel:not(.carousel--square) .slick-list,.article-carousel-container .carousel:not(.carousel--square) .slick-slide{max-height:500px}}@media (max-width: 1024px){.article-carousel-container .carousel:not(.carousel--square) .slick-slider,.article-carousel-container .carousel:not(.carousel--square) .slick-track,.article-carousel-container .carousel:not(.carousel--square) .slick-list,.article-carousel-container .carousel:not(.carousel--square) .slick-slide{max-height:400px}}@media (max-width: 768px){.article-carousel-container .carousel:not(.carousel--square) .slick-slider,.article-carousel-container .carousel:not(.carousel--square) .slick-track,.article-carousel-container .carousel:not(.carousel--square) .slick-list,.article-carousel-container .carousel:not(.carousel--square) .slick-slide{max-height:300px}}.article-carousel-container .carousel:not(.carousel--square) .carousel__image,.article-carousel-container .carousel:not(.carousel--square) .carousel__item,.article-carousel-container .carousel:not(.carousel--square) .video-player{min-height:800px}@media (max-width: 1279px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image,.article-carousel-container .carousel:not(.carousel--square) .carousel__item,.article-carousel-container .carousel:not(.carousel--square) .video-player{min-height:500px}}@media (max-width: 1024px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image,.article-carousel-container .carousel:not(.carousel--square) .carousel__item,.article-carousel-container .carousel:not(.carousel--square) .video-player{min-height:400px}}@media (max-width: 768px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image,.article-carousel-container .carousel:not(.carousel--square) .carousel__item,.article-carousel-container .carousel:not(.carousel--square) .video-player{min-height:300px}}.article-carousel-container .carousel:not(.carousel--square) .carousel__image iframe,.article-carousel-container .carousel:not(.carousel--square) .carousel__item iframe,.article-carousel-container .carousel:not(.carousel--square) .video-player iframe{height:800px}@media (max-width: 1279px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image iframe,.article-carousel-container .carousel:not(.carousel--square) .carousel__item iframe,.article-carousel-container .carousel:not(.carousel--square) .video-player iframe{height:500px}}@media (max-width: 1024px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image iframe,.article-carousel-container .carousel:not(.carousel--square) .carousel__item iframe,.article-carousel-container .carousel:not(.carousel--square) .video-player iframe{height:400px}}@media (max-width: 768px){.article-carousel-container .carousel:not(.carousel--square) .carousel__image iframe,.article-carousel-container .carousel:not(.carousel--square) .carousel__item iframe,.article-carousel-container .carousel:not(.carousel--square) .video-player iframe{height:300px}}.article-carousel-container .carousel:not(.carousel--square) .video-player{height:800px}@media (max-width: 1279px){.article-carousel-container .carousel:not(.carousel--square) .video-player{height:500px}}@media (max-width: 1024px){.article-carousel-container .carousel:not(.carousel--square) .video-player{height:400px}}@media (max-width: 768px){.article-carousel-container .carousel:not(.carousel--square) .video-player{height:300px}}.article-carousel-container .carousel:not(.carousel--square) .video-player,.article-carousel-container .carousel:not(.carousel--square) .video-player__video--playing{width:100%}.article-carousel-container .video-player,.article-carousel-container .video-player__video--playing{width:100%}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _utils = __webpack_require__(5);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var RentalLanding = function (_Component) {
	_inherits(RentalLanding, _Component);

	function RentalLanding() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, RentalLanding);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = RentalLanding.__proto__ || Object.getPrototypeOf(RentalLanding)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			pageContent: {}
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(RentalLanding, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			(0, _utils.request)({
				path: '/pages/rentals'
			}).then(function (_ref2) {
				var data = _ref2.data;
				var _data$attributes = data.attributes,
				    hero = _data$attributes.hero,
				    content = _data$attributes.content;


				_this2.setState({
					initialized: true,
					hero: hero,
					pageContent: content
				});
			}).catch(function (err) {
				throw new Error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			if (!this.state.initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--rentals', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var _state = this.state,
			    hero = _state.hero,
			    pageContent = _state.pageContent;

			/* eslint-disable */

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				pageContent.map(function (section, index) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id + '-' + index }, section));
				})
			);
			/* eslint-enable */
		}
	}]);

	return RentalLanding;
}(_react.Component);

exports.default = RentalLanding;

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactFlatpickr = __webpack_require__(74);

var _reactFlatpickr2 = _interopRequireDefault(_reactFlatpickr);

__webpack_require__(56);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _polyfills = __webpack_require__(36);

var _polyfills2 = _interopRequireDefault(_polyfills);

var _config = __webpack_require__(42);

var _MultiSelect = __webpack_require__(41);

var _MultiSelect2 = _interopRequireDefault(_MultiSelect);

__webpack_require__(397);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var RentalQuestionForm = function (_Component) {
	_inherits(RentalQuestionForm, _Component);

	function RentalQuestionForm() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, RentalQuestionForm);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = RentalQuestionForm.__proto__ || Object.getPrototypeOf(RentalQuestionForm)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			formSubmitted: false
		}, _this.handleSubmit = function (e) {
			e.preventDefault();
			var formData = new FormData(e.target);

			(0, _polyfills2.default)(_config.SERVER_URL + '/api/v1/submit-rental-form', {
				method: 'POST',
				body: formData
			}).then(function () {
				_this.setState({
					formSubmitted: true
				});
			}).catch(function (err) {
				throw new Error(err);
			});
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(RentalQuestionForm, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
		}
	}, {
		key: 'shouldComponentUpdate',
		value: function shouldComponentUpdate(nextProps, nextState) {
			if (nextState.transitionInComplete !== this.state.transitionInComplete || nextState.formSubmitted !== this.state.formSubmitted) {
				return true;
			}
			return false;
		}
	}, {
		key: 'render',
		value: function render() {
			var containerCls = (0, _classnames2.default)('container', 'container--rental-form', 'container--rental-form__question', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var reqOrgSelectOptions = [{
				value: 'Non-Profit',
				label: 'Non-Profit'
			}, {
				value: 'Private/Profit',
				label: 'Private/Profit'
			}, {
				value: 'Municipality',
				label: 'Municipality'
			}];

			var typeOfEventOptions = [{
				value: 'Party',
				label: 'Party'
			}, {
				value: 'Breakfast',
				label: 'Breakfast'
			}, {
				value: 'Lunch',
				label: 'Lunch'
			}, {
				value: 'Dinner',
				label: 'Dinner'
			}, {
				value: 'Other',
				label: 'Other'
			}];

			var dateTimePickerOpts = {
				altInput: true,
				minuteIncrement: 30,
				enableTime: true,
				disableMobile: false,
				allowInput: true,
				onChange: function onChange(dstr, dobjs, fp) {
					setTimeout(function () {
						var d = fp.latestSelectedDateObj;
						var mins = d.getMinutes();

						if (mins % 30) {
							d.setMinutes(30 * Math.round(d.getMinutes() / 30));
						}

						fp.setDate(d, false);
					}, 1000);
				}
			};

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(
					'section',
					{ className: 'splash' },
					_react2.default.createElement(
						'div',
						{ className: 'copy-container' },
						_react2.default.createElement(
							'h1',
							null,
							'Rental Event Questionnaire Form'
						),
						_react2.default.createElement(
							'p',
							null,
							'This application is intended to provide initial information of the needs of potential Renters of Wallis Annenberg PetSpace. This application must be fully completed and submitted for your rental to be considered. A final commitment to use Annenberg PetSpace is not made until a Rental Deposit has been received and a Event Use Agreement has been issued by Annenberg PetSpace, signed by the Renter and returned with the Event Deposit as specified in the Rental Agreement.'
						)
					)
				),
				_react2.default.createElement(
					'div',
					{ className: 'rental-form__container' },
					this.state.formSubmitted && _react2.default.createElement(
						'p',
						{ className: 'copy-container alert--success' },
						'Thanks! We have received your submission and are reviewing your entry.'
					),
					!this.state.formSubmitted && _react2.default.createElement(
						'form',
						{
							className: 'a-form rental-form',
							onSubmit: this.handleSubmit
						},
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Requesting Organization'
								},
								'Requesting Organization*'
							),
							_react2.default.createElement(_MultiSelect2.default, {
								name: 'Requesting Organization',
								baseClassName: 'dropdown',
								className: 'filters__filter',
								options: reqOrgSelectOptions,
								placeholder: '(Select one)',
								value: reqOrgSelectOptions[0],
								onChange: function onChange() {},
								singleSelect: true,
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Organization Address:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Address*',
									name: 'Organization Address',
									'aria-label': 'Organization Address',
									required: true
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'City*',
										name: 'Organization City',
										'aria-label': 'Organization City',
										required: true
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'quarter-width' },
									_react2.default.createElement('input', {
										type: 'text',
										name: 'Organization State',
										placeholder: 'State*',
										'aria-label': 'Organization State',
										required: true
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'quarter-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Zip*',
										name: 'Organization Zip',
										'aria-label': 'Organization Zip',
										required: true
									})
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Phone*',
									name: 'Organization Phone',
									'aria-label': 'Organization Phone',
									required: true
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'email',
									placeholder: 'Email*',
									name: 'Organization Email',
									'aria-label': 'Organization Email',
									required: true
								})
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Primary Contact For Organization and Event:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'First Name*',
										name: 'Primary Contact First Name',
										'aria-label': 'Primary Contact First Name',
										required: true
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Last Name*',
										name: 'Primary Contact Last Name',
										'aria-label': 'Primary Contact Last Name',
										required: true
									})
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Company*',
									name: 'Primary Contact Company',
									'aria-label': 'Primary Contact Company',
									required: true
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Phone*',
									name: 'Primary Contact Phone',
									'aria-label': 'Primary Contact Phone',
									required: true
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'email',
									placeholder: 'Email*',
									name: 'Primary Contact Email',
									'aria-label': 'Primary Contact Email',
									required: true
								})
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Event Planner:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Event Planner First Name',
										name: 'Event Planner First Name',
										'aria-label': 'Event Planner First Name'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Event Planner Last Name',
										name: 'Event Planner Last Name',
										'aria-label': 'Event Planner Last Name'
									})
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Company',
									name: 'Event Planner Company',
									'aria-label': 'Event Planner Company'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Phone',
									name: 'Event Planner Phone',
									'aria-label': 'Event Planner Phone'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'email',
									placeholder: 'Email',
									name: 'Event Planner Email',
									'aria-label': 'Event Planner Email'
								})
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Event Date & Time'
								},
								'Event Date & Time*'
							),
							_react2.default.createElement(_reactFlatpickr2.default, {
								placeholder: '(Select a date & time)',
								name: 'Event Date & Time',
								options: dateTimePickerOpts,
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Event Information:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Name of Event*',
										name: 'Name of Event',
										'aria-label': 'Name of Event',
										required: true
									})
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Expected Number of Attendees*',
										name: 'Expected Number of Attendees',
										'aria-label': 'Expected Number of Attendees',
										required: true
									})
								),
								_react2.default.createElement('div', { className: 'half-width' })
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Type of Event'
								},
								'Type of Event*'
							),
							_react2.default.createElement(_MultiSelect2.default, {
								name: 'Type of Event',
								baseClassName: 'dropdown',
								className: 'filters__filter',
								options: typeOfEventOptions,
								placeholder: '(Select one)',
								value: typeOfEventOptions[0],
								onChange: function onChange() {},
								singleSelect: true,
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Set Up / Load-In / Load-out Times:'
							),
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Rental Equipment Set Up/Load-In Time'
								},
								'Rental Equipment Set Up/Load-In Time*'
							),
							_react2.default.createElement(_reactFlatpickr2.default, {
								placeholder: '(Select a date & time)',
								name: 'Rental Equipment Set Up/Load-In Time',
								options: dateTimePickerOpts,
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Strike/Load-out Time'
								},
								'Strike/Load-out Time*'
							),
							_react2.default.createElement(_reactFlatpickr2.default, {
								placeholder: '(Select a date & time)',
								name: 'Strike/Load-out Time',
								options: dateTimePickerOpts,
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Tech Rehearsal Arrival Time'
								},
								'Tech Rehearsal Arrival Time'
							),
							_react2.default.createElement(_reactFlatpickr2.default, {
								placeholder: '(Select a date & time)',
								name: 'Tech Rehearsal Arrival Time',
								options: dateTimePickerOpts
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Tech Rehearsal Departure Time'
								},
								'Tech Rehearsal Departure Time'
							),
							_react2.default.createElement(_reactFlatpickr2.default, {
								placeholder: '(Select a date & time)',
								name: 'Tech Rehearsal Departure Time',
								options: dateTimePickerOpts
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Event Times:'
							),
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Event Guest Arrival Time'
								},
								'Event Guest Arrival Time*'
							),
							_react2.default.createElement(_reactFlatpickr2.default, {
								placeholder: '(Select a date & time)',
								name: 'Event Guest Arrival Time',
								options: dateTimePickerOpts,
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Event Guest Departure Time'
								},
								'Event Guest Departure Time*'
							),
							_react2.default.createElement(_reactFlatpickr2.default, {
								placeholder: '(Select a date & time)',
								name: 'Event Guest Departure Time',
								options: dateTimePickerOpts,
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Event Description'
								},
								'Please give a detailed description of the event you are planning, including whether it is invite-only or if you are planning to sell tickets. Include any plans for marketing, advertising and merchandising/sales plans. Access Time (Please be as specific as possible, including all preparations, event, and removal time that you need.)*'
							),
							_react2.default.createElement('textarea', {
								name: 'Event Description',
								'aria-label': 'Event Description',
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Timeline'
								},
								'Please give a detailed timeline for the event.'
							),
							_react2.default.createElement('textarea', {
								name: 'Timeline',
								'aria-label': 'Timeline'
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Additional Facilities'
								},
								'Additional Facilities: Please describe any additional facilities, catering, hosted/non-hosted valet or self-parking, pre- or post-receptions, dinners, or any other services that your event will require.'
							),
							_react2.default.createElement('textarea', {
								name: 'Additional Facilities',
								'aria-label': 'Additional Facilities'
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Specific Technical Needs'
								},
								'Specific Technical Needs: Please describe any specific technical needs that your event will require such as number of mics, projection content or staging (e.g. podium). Please be specific.'
							),
							_react2.default.createElement('textarea', {
								name: 'Specific Technical Needs',
								'aria-label': 'Specific Technical Needs'
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Staffing Needs'
								},
								'Staffing Needs: How many additional staff will you provide and/or request for your event (including volunteers and technical staff)? Please be specific. Annenberg PetSpace requires hiring our front of house and technical staff and using our preferred caterers.'
							),
							_react2.default.createElement('textarea', {
								name: 'Staffing Needs',
								'aria-label': 'Staffing Needs'
							})
						),
						_react2.default.createElement(
							'button',
							{
								className: 'button button--orange',
								type: 'submit',
								label: 'Submit'
							},
							'Submit'
						)
					)
				)
			);
		}
	}]);

	return RentalQuestionForm;
}(_react.Component);

exports.default = RentalQuestionForm;

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactDom = __webpack_require__(24);

var _reactDom2 = _interopRequireDefault(_reactDom);

var _immutable = __webpack_require__(26);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _reactAddonsCssTransitionGroup = __webpack_require__(71);

var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);

__webpack_require__(302);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var MultiSelect = (_temp = _class = function (_React$Component) {
	_inherits(MultiSelect, _React$Component);

	function MultiSelect(props) {
		_classCallCheck(this, MultiSelect);

		var _this = _possibleConstructorReturn(this, (MultiSelect.__proto__ || Object.getPrototypeOf(MultiSelect)).call(this, props));

		_this.handleMouseDown = function (event) {
			var isOpenByFocus = _this.state.isOpenByFocus;


			if (event.type === 'mousedown' && event.button !== 0) return;
			event.stopPropagation();
			event.preventDefault();
			_this.setState({
				isOpenByFocus: event.type === 'focus'
			});
			if (event.type === 'click' && isOpenByFocus) return;
			if (!_this.props.disabled) {
				_this.setState({
					isOpen: !_this.state.isOpen
				});
			}
		};

		_this.handleDocumentScroll = function (event) {
			if (_this.state.isOpen !== false) {
				if (!_reactDom2.default.findDOMNode(_this).contains(event.target)) {
					//	eslint-disable-line react/no-find-dom-node
					_this.setState({ isOpen: false });
				}
			}
		};

		_this.handleDocumentClick = function (event) {
			if (_this.state.isOpen !== false) {
				if (!_reactDom2.default.findDOMNode(_this).contains(event.target)) {
					//	eslint-disable-line react/no-find-dom-node
					_this.setState({ isOpen: false });
				}
			}
		};

		_this.state = {
			selected: new _immutable.Map(),
			selectedNb: 0,
			isOpen: false,
			isOpenByFocus: false,
			singleSelectLabel: ''
		};

		props.options.forEach(function (_ref) {
			var value = _ref.value,
			    label = _ref.label,
			    _ref$_default = _ref._default,
			    _default = _ref$_default === undefined ? false : _ref$_default;

			if (_default) {
				// this.state.selected.set(value, true);
				_this.state.selected = new _immutable.Map(_defineProperty({}, value, true));
				_this.state.selectedNb = 1;
				if (props.singleSelect) {
					_this.state.singleSelectLabel = label;
				}
			}
		});
		return _this;
	}

	_createClass(MultiSelect, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			document.addEventListener('click', this.handleDocumentClick, false);
			document.addEventListener('scroll', this.handleDocumentScroll, false);
		}
	}, {
		key: 'componentDidUpdate',
		value: function componentDidUpdate(prevProps, prevState) {
			if (prevState.selected !== this.state.selected) {
				var selected = _lodash2.default.keys(_lodash2.default.pickBy(this.state.selected.toJS(), _lodash2.default.identity));
				var name = this.props.name;


				this.props.onChange({
					name: name,
					selected: selected
				});
			}
		}
	}, {
		key: 'componentWillUnmount',
		value: function componentWillUnmount() {
			document.removeEventListener('click', this.handleDocumentClick, false);
			document.removeEventListener('scroll', this.handleDocumentScroll, false);
		}
	}, {
		key: 'setValue',
		value: function setValue(value, label, toggle) {
			var filterSelectedValues = this.state.selected.set(value, toggle);
			var selectedNb = this.state.selectedNb;
			var singleSelectLabel = '';
			var isOpen = !this.props.singleSelect;

			if (toggle) {
				selectedNb += 1;
			} else {
				selectedNb -= 1;
			}

			if (this.props.singleSelect) {
				var singleOption = {};
				singleOption[value] = toggle;
				filterSelectedValues = new _immutable.Map(singleOption);
				selectedNb = toggle ? 1 : 0;
				singleSelectLabel = label;
			}

			this.setState({
				selected: filterSelectedValues,
				selectedNb: selectedNb,
				singleSelectLabel: singleSelectLabel,
				isOpen: isOpen
			});
		}
	}, {
		key: 'buildMenu',
		value: function buildMenu() {
			var _this2 = this;

			var _props = this.props,
			    options = _props.options,
			    baseClassName = _props.baseClassName;

			var ops = options.map(function (option) {
				return _this2.renderOption(option);
			});

			return ops.length ? ops : _react2.default.createElement(
				'div',
				{ className: baseClassName + '-noresults' },
				'No options found'
			);
		}
	}, {
		key: 'renderOption',
		value: function renderOption(option) {
			var _classNames,
			    _this3 = this;

			var isSelected = this.state.selected.get(option.value);
			var optionClass = (0, _classnames2.default)((_classNames = {}, _defineProperty(_classNames, this.props.baseClassName + '-option', true), _defineProperty(_classNames, 'is-selected', isSelected), _classNames));

			var value = null;
			if (option.value === false) {
				value = false;
			} else {
				value = option.value || option.label || option;
			}
			var label = option.label || option.value || option;
			var previousSelectedValue = this.state.selected.get(value);
			var ariaLabel = isSelected ? label + ', selected' : label;

			return _react2.default.createElement(
				'button',
				{
					key: value,
					className: optionClass,
					onClick: function onClick(e) {
						e.preventDefault();
						_this3.setValue(value, label, !previousSelectedValue);
						_this3.dropdownContainerRef.focus();
						_this3.setState({
							isOpen: false
						});
					},
					'aria-label': ariaLabel
				},
				label
			);
		}
	}, {
		key: 'render',
		value: function render() {
			var _classNames2,
			    _this4 = this;

			var _props2 = this.props,
			    baseClassName = _props2.baseClassName,
			    placeholder = _props2.placeholder,
			    singleSelect = _props2.singleSelect,
			    name = _props2.name,
			    required = _props2.required;
			var _state = this.state,
			    isOpen = _state.isOpen,
			    selectedNb = _state.selectedNb;


			var disabledClass = this.props.disabled ? 'dropdown-disabled' : '';
			var value = _react2.default.createElement(
				'div',
				{
					className: baseClassName + '-placeholder copy copy--helper'
				},
				singleSelect && selectedNb === 1 ? this.state.singleSelectLabel : placeholder
			);
			var menu = isOpen && _react2.default.createElement(
				'div',
				{ className: baseClassName + '-menu copy copy--helper' },
				this.buildMenu()
			);

			var dropdownClass = (0, _classnames2.default)((_classNames2 = {}, _defineProperty(_classNames2, baseClassName + '-root', true), _defineProperty(_classNames2, 'is-open', this.state.isOpen), _defineProperty(_classNames2, 'is-single', singleSelect), _classNames2));

			var selectValue = _lodash2.default.keys( // just takes the keys
			_lodash2.default.pickBy(this.state.selected.toJS(), // removes false values
			_lodash2.default.identity)).join(','); // stringify values with csv
			return _react2.default.createElement(
				'div',
				{ className: dropdownClass },
				selectedNb > 0 && !singleSelect && _react2.default.createElement(
					'span',
					{ className: baseClassName + '-selected-nb' },
					selectedNb
				),
				_react2.default.createElement(
					'button',
					{
						className: baseClassName + '-control\n\t\t\t\t\t' + disabledClass,
						onClick: function onClick(e) {
							return _this4.handleMouseDown(e);
						},
						onFocus: function onFocus(e) {
							return _this4.handleMouseDown(e);
						},
						ref: function ref(el) {
							_this4.dropdownContainerRef = el;
						}
					},
					value,
					_react2.default.createElement('span', { className: baseClassName + '-arrow' })
				),
				_react2.default.createElement(
					_reactAddonsCssTransitionGroup2.default,
					{
						component: 'div',
						transitionName: 'dropdown-container-transition',
						transitionEnterTimeout: 400,
						transitionLeaveTimeout: 400
					},
					menu
				),
				_react2.default.createElement('input', {
					className: 'dropdown-input',
					name: name,
					value: selectValue,
					readOnly: true,
					required: required,
					'aria-label': name,
					tabIndex: '-1'
				})
			);
		}
	}]);

	return MultiSelect;
}(_react2.default.Component), _class.propTypes = {
	options: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.shape({
		value: _react2.default.PropTypes.string.isRequired,
		label: _react2.default.PropTypes.string.isRequired,
		selected: _react2.default.PropTypes.bool
	})).isRequired,
	disabled: _react2.default.PropTypes.bool,
	required: _react2.default.PropTypes.bool,
	baseClassName: _react2.default.PropTypes.string,
	placeholder: _react2.default.PropTypes.string.isRequired,
	onChange: _react2.default.PropTypes.func,
	name: _react2.default.PropTypes.string,
	singleSelect: _react2.default.PropTypes.bool
}, _temp);


MultiSelect.defaultProps = { baseClassName: 'MultiSelect' };
exports.default = MultiSelect;
var content = __webpack_require__(303);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".dropdown-root{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0.1rem 1.5rem}.dropdown-root.is-open .dropdown-arrow{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.dropdown-root input.dropdown-input{height:0;border:0;padding-top:1px;margin-top:-1px;color:transparent;display:block}.dropdown-control{position:relative;width:100%;overflow:hidden;background-color:white;box-sizing:border-box;cursor:pointer;outline:none;text-align:left;padding:8px 0;margin:0 10px;transition:color 0.3s linear}.dropdown-control::after{content:'';position:absolute;height:2px;background-color:#f80;bottom:0;left:0;width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0;-webkit-transform-origin:left;transform-origin:left;will-change:transform;transition:opacity 0.2s linear, -webkit-transform 0.1s linear 0.2s;transition:transform 0.1s linear 0.2s, opacity 0.2s linear;transition:transform 0.1s linear 0.2s, opacity 0.2s linear, -webkit-transform 0.1s linear 0.2s}.dropdown-control:focus{outline:auto 5px;outline:-webkit-focus-ring-color auto 5px}@media (min-width: 769px){.dropdown-control{margin:0 10px 0 40px}.dropdown-control:hover{color:#f80}.dropdown-control:hover .dropdown-arrow{border-color:#f80}.dropdown-control:hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition:opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1)}}.dropdown-selected-nb{position:absolute;top:4px;left:0;margin-right:10px;padding:0 10px;font-family:\"Larsseit-Medium\";font-size:16px;color:#f80;border-radius:50%;border:#f80 2px solid;display:none}@media (min-width: 769px){.dropdown-selected-nb{display:block}}.dropdown-placeholder{display:inline-block;font-family:\"Larsseit-Medium\";font-size:16px;color:#9b9b9b}.dropdown-arrow{content:' ';position:absolute;right:4px;top:14px;width:8px;height:8px;border-bottom:2px #333 solid;border-right:2px #333 solid;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:border-color 0.3s linear, -webkit-transform 0.2s ease-in-out;transition:border-color 0.3s linear, transform 0.2s ease-in-out;transition:border-color 0.3s linear, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}.dropdown-menu{position:absolute;top:100%;left:10px;width:100%;z-index:1000;background-color:white;box-sizing:border-box;max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 1px 3px rgba(0, 0, 0, .3)}@media (min-width: 769px){.dropdown-menu{left:40px}}.dropdown-menu .dropdown-group>.dropdown-title{padding:8px 10px;font-weight:bold;text-transform:capitalize}.dropdown-option{box-sizing:border-box;cursor:pointer;display:block;padding:15px 18px;width:calc(100% - 4px);border-bottom:solid #fff 1px;text-align:left;transition:background-color 0.2s ease-in-out;margin:2px}.dropdown-option:focus{outline:-webkit-focus-ring-color auto 5px}.dropdown-option:hover{background-color:rgba(235, 136, 0, .2)}.dropdown-option.is-selected{background-color:#f80;color:#fff;position:relative}.dropdown-option.is-selected::after{content:'';position:absolute;top:8px;right:8px;width:20px;height:20px;background-image:url(" + escape(__webpack_require__(304)) + ");background-repeat:no-repeat;background-size:contain}.is-single .dropdown-option.is-selected::after{background:none}.dropdown-container-transition-enter{opacity:0.01;-webkit-transform-origin:0 48px;transform-origin:0 48px;-webkit-transform:scaleY(0);transform:scaleY(0);pointer-events:none}.dropdown-container-transition-enter .dropdown-option{opacity:0.01}.dropdown-container-transition-enter.dropdown-container-transition-enter-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);transition:opacity 0.2s ease-out 0.05s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1)}.dropdown-container-transition-enter.dropdown-container-transition-enter-active .dropdown-option{opacity:1;transition:opacity 0.2s ease-out 0.3s}.dropdown-container-transition-leave{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;pointer-events:none}.dropdown-container-transition-leave .dropdown-option{opacity:1}.dropdown-container-transition-leave.dropdown-container-transition-leave-active{opacity:0.01;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0);transition:opacity 0.2s ease-out 0.2s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s;transition:opacity 0.2s ease-out 0.2s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s;transition:opacity 0.2s ease-out 0.2s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s}.dropdown-container-transition-leave.dropdown-container-transition-leave-active .dropdown-option{opacity:0.01;transition:opacity 0.2s ease-out}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/MultiSelect/style.scss"],"names":[],"mappings":"AAAA,eAAe,kBAAkB,mBAAmB,oBAAoB,YAAY,oBAAoB,CAAC,uCAAuC,kCAAkC,yBAAyB,CAAC,oCAAoC,SAAS,SAAS,gBAAgB,gBAAgB,kBAAkB,aAAa,CAAC,kBAAkB,kBAAkB,WAAW,gBAAgB,uBAAuB,sBAAsB,eAAe,aAAa,gBAAgB,cAAc,cAAc,4BAA4B,CAAC,yBAAyB,WAAW,kBAAkB,WAAW,sBAAsB,SAAS,OAAO,WAAW,4BAA4B,oBAAoB,UAAU,8BAA8B,sBAAsB,sBAAsB,mEAAmE,2DAA2D,8FAA8F,CAAC,wBAAwB,iBAAiB,yCAAyC,CAAC,0BAA0B,kBAAkB,oBAAoB,CAAC,wBAAwB,UAAU,CAAC,wCAAwC,iBAAiB,CAAC,+BAA+B,UAAU,4BAA4B,oBAAoB,wFAAwF,gFAAgF,wIAAwI,CAAC,CAAC,sBAAsB,kBAAkB,QAAQ,OAAO,kBAAkB,eAAe,8BAA8B,eAAe,WAAW,kBAAkB,sBAAsB,YAAY,CAAC,0BAA0B,sBAAsB,aAAa,CAAC,CAAC,sBAAsB,qBAAqB,8BAA8B,eAAe,aAAa,CAAC,gBAAgB,YAAY,kBAAkB,UAAU,SAAS,UAAU,WAAW,6BAA6B,4BAA4B,gCAAgC,wBAAwB,wEAAwE,gEAAgE,mGAAmG,CAAC,eAAe,kBAAkB,SAAS,UAAU,WAAW,aAAa,uBAAuB,sBAAsB,iBAAiB,gBAAgB,iCAAiC,sCAAsC,CAAC,0BAA0B,eAAe,SAAS,CAAC,CAAC,+CAA+C,iBAAiB,iBAAiB,yBAAyB,CAAC,iBAAiB,sBAAsB,eAAe,cAAc,kBAAkB,uBAAuB,6BAA6B,gBAAgB,6CAA6C,UAAU,CAAC,uBAAuB,yCAAyC,CAAC,uBAAuB,sCAAsC,CAAC,6BAA6B,sBAAsB,WAAW,iBAAiB,CAAC,oCAAoC,WAAW,kBAAkB,QAAQ,UAAU,WAAW,YAAY,+CAA2C,4BAA4B,uBAAuB,CAAC,+CAA+C,eAAe,CAAC,qCAAqC,aAAa,gCAAgC,wBAAwB,4BAA4B,oBAAoB,mBAAmB,CAAC,sDAAsD,YAAY,CAAC,gFAAgF,UAAU,4BAA4B,oBAAoB,gGAAgG,wFAAwF,gJAAgJ,CAAC,iGAAiG,UAAU,qCAAqC,CAAC,qCAAqC,4BAA4B,oBAAoB,UAAU,mBAAmB,CAAC,sDAAsD,SAAS,CAAC,gFAAgF,aAAa,6BAA6B,qBAAqB,4BAA4B,oBAAoB,oGAAoG,4FAA4F,yJAAyJ,CAAC,iGAAiG,aAAa,gCAAgC,CAAC","file":"style.scss","sourcesContent":[".dropdown-root{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0.1rem 1.5rem}.dropdown-root.is-open .dropdown-arrow{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.dropdown-root input.dropdown-input{height:0;border:0;padding-top:1px;margin-top:-1px;color:transparent;display:block}.dropdown-control{position:relative;width:100%;overflow:hidden;background-color:white;box-sizing:border-box;cursor:pointer;outline:none;text-align:left;padding:8px 0;margin:0 10px;transition:color 0.3s linear}.dropdown-control::after{content:'';position:absolute;height:2px;background-color:#f80;bottom:0;left:0;width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0;-webkit-transform-origin:left;transform-origin:left;will-change:transform;transition:opacity 0.2s linear, -webkit-transform 0.1s linear 0.2s;transition:transform 0.1s linear 0.2s, opacity 0.2s linear;transition:transform 0.1s linear 0.2s, opacity 0.2s linear, -webkit-transform 0.1s linear 0.2s}.dropdown-control:focus{outline:auto 5px;outline:-webkit-focus-ring-color auto 5px}@media (min-width: 769px){.dropdown-control{margin:0 10px 0 40px}.dropdown-control:hover{color:#f80}.dropdown-control:hover .dropdown-arrow{border-color:#f80}.dropdown-control:hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition:opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1)}}.dropdown-selected-nb{position:absolute;top:4px;left:0;margin-right:10px;padding:0 10px;font-family:\"Larsseit-Medium\";font-size:16px;color:#f80;border-radius:50%;border:#f80 2px solid;display:none}@media (min-width: 769px){.dropdown-selected-nb{display:block}}.dropdown-placeholder{display:inline-block;font-family:\"Larsseit-Medium\";font-size:16px;color:#9b9b9b}.dropdown-arrow{content:' ';position:absolute;right:4px;top:14px;width:8px;height:8px;border-bottom:2px #333 solid;border-right:2px #333 solid;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:border-color 0.3s linear, -webkit-transform 0.2s ease-in-out;transition:border-color 0.3s linear, transform 0.2s ease-in-out;transition:border-color 0.3s linear, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}.dropdown-menu{position:absolute;top:100%;left:10px;width:100%;z-index:1000;background-color:white;box-sizing:border-box;max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 1px 3px rgba(0, 0, 0, .3)}@media (min-width: 769px){.dropdown-menu{left:40px}}.dropdown-menu .dropdown-group>.dropdown-title{padding:8px 10px;font-weight:bold;text-transform:capitalize}.dropdown-option{box-sizing:border-box;cursor:pointer;display:block;padding:15px 18px;width:calc(100% - 4px);border-bottom:solid #fff 1px;text-align:left;transition:background-color 0.2s ease-in-out;margin:2px}.dropdown-option:focus{outline:-webkit-focus-ring-color auto 5px}.dropdown-option:hover{background-color:rgba(235, 136, 0, .2)}.dropdown-option.is-selected{background-color:#f80;color:#fff;position:relative}.dropdown-option.is-selected::after{content:'';position:absolute;top:8px;right:8px;width:20px;height:20px;background-image:url(\"./images/close.svg\");background-repeat:no-repeat;background-size:contain}.is-single .dropdown-option.is-selected::after{background:none}.dropdown-container-transition-enter{opacity:0.01;-webkit-transform-origin:0 48px;transform-origin:0 48px;-webkit-transform:scaleY(0);transform:scaleY(0);pointer-events:none}.dropdown-container-transition-enter .dropdown-option{opacity:0.01}.dropdown-container-transition-enter.dropdown-container-transition-enter-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);transition:opacity 0.2s ease-out 0.05s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:opacity 0.2s ease-out 0.05s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1)}.dropdown-container-transition-enter.dropdown-container-transition-enter-active .dropdown-option{opacity:1;transition:opacity 0.2s ease-out 0.3s}.dropdown-container-transition-leave{-webkit-transform:scaleY(1);transform:scaleY(1);opacity:1;pointer-events:none}.dropdown-container-transition-leave .dropdown-option{opacity:1}.dropdown-container-transition-leave.dropdown-container-transition-leave-active{opacity:0.01;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0);transform:scaleY(0);transition:opacity 0.2s ease-out 0.2s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s;transition:opacity 0.2s ease-out 0.2s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s;transition:opacity 0.2s ease-out 0.2s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0.2s}.dropdown-container-transition-leave.dropdown-container-transition-leave-active .dropdown-option{opacity:0.01;transition:opacity 0.2s ease-out}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "b1fc4f07f445865e81b40bae750b7809.svg";
var content = __webpack_require__(398);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--rental-form__question .copy-container h1{text-align:center;padding:60px 0 40px;font-size:2.3em}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/RentalQuestionForm/style.scss"],"names":[],"mappings":"AAAA,qDAAqD,kBAAkB,oBAAoB,eAAe,CAAC","file":"style.scss","sourcesContent":[".container--rental-form__question .copy-container h1{text-align:center;padding:60px 0 40px;font-size:2.3em}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _redux = __webpack_require__(15);

var _reactRouter = __webpack_require__(19);

var _rcCollapse = __webpack_require__(35);

var _rcCollapse2 = _interopRequireDefault(_rcCollapse);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _EmptyList = __webpack_require__(54);

var _EmptyList2 = _interopRequireDefault(_EmptyList);

var _jobs = __webpack_require__(195);

var actionCreators = _interopRequireWildcard(_jobs);

var _utils = __webpack_require__(5);

__webpack_require__(399);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var JobsView = (_temp2 = _class = function (_React$Component) {
	_inherits(JobsView, _React$Component);

	function JobsView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, JobsView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = JobsView.__proto__ || Object.getPrototypeOf(JobsView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			currentJob: undefined,
			pageData: [],
			faqs: [],
			activeFAQ: -1
		}, _this.onClickFAQ = function (activeFAQ) {
			_this.setState({
				activeFAQ: activeFAQ
			});
		}, _this.renderJobs = function () {
			var jobs = _this.props.jobs;
			/* eslint-disable react/no-array-index-key */

			return jobs.map(function (_ref2, index) {
				var slug = _ref2.slug,
				    title = _ref2.title,
				    jobType = _ref2.jobType,
				    pubdate = _ref2.pubdate;
				return _react2.default.createElement(
					'div',
					{ className: 'copy-container--border', key: index },
					_react2.default.createElement(
						'div',
						{ className: 'jobs__title' },
						_react2.default.createElement(
							_reactRouter.Link,
							{ to: slug },
							_react2.default.createElement(
								'h1',
								{ className: 'heading heading--lg' },
								title
							)
						)
					),
					_react2.default.createElement(
						'div',
						{ className: 'jobs__info' },
						_react2.default.createElement(
							'div',
							{ className: 'jobs__info-item' },
							_react2.default.createElement(
								'p',
								{ className: 'copy' },
								jobType
							)
						),
						_react2.default.createElement(
							'div',
							{ className: 'jobs__info-item' },
							_react2.default.createElement(
								'p',
								{ className: 'copy' },
								(0, _utils.formatDate)(pubdate, 'MMMM Do, YYYY')
							)
						)
					)
				);
			});
			/* eslint-enable react/no-array-index-key */
		}, _this.renderJobsList = function () {
			return _react2.default.createElement(
				'div',
				{ className: 'jobs-content__listing' },
				_react2.default.createElement(
					'div',
					{ className: 'jobs-content__legend' },
					_react2.default.createElement(
						'div',
						{ className: 'legend__title' },
						_react2.default.createElement(
							'p',
							{ className: 'copy' },
							'Job Title'
						)
					),
					_react2.default.createElement(
						'div',
						{ className: 'legend__type' },
						_react2.default.createElement(
							'p',
							{ className: 'copy' },
							'Job Type'
						)
					),
					_react2.default.createElement(
						'div',
						{ className: 'legend__location' },
						_react2.default.createElement(
							'p',
							{ className: 'copy' },
							'Date Posted'
						)
					)
				),
				_this.renderJobs()
			);
		}, _this.renderQuestion = function (question, index) {
			return _react2.default.createElement(
				_rcCollapse.Panel,
				{ className: 'copy-container--border', key: index, header: (0, _utils.widowTamer)(question.question) },
				_react2.default.createElement('p', { className: 'copy', dangerouslySetInnerHTML: { __html: question.answer } })
			);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(JobsView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var _props = this.props,
			    jobs = _props.jobs,
			    fetching = _props.fetching;

			if (jobs.length === 0 && !fetching) {
				this.props.actions.fetchJobs();
			}

			var requests = [(0, _utils.request)({
				path: '/pages/volunteer-careers'
			}), (0, _utils.request)({
				path: '/faqs',
				params: {
					type: 'volunteer_faq',
					page_size: 100
				}
			})];

			Promise.all(requests).then(function (_ref3) {
				var _ref4 = _slicedToArray(_ref3, 2),
				    data = _ref4[0].data,
				    faqs = _ref4[1].data;

				_this2.setState({
					pageData: data.attributes,
					faqs: faqs.map(_utils.flattenAPIData)
				});
			}).catch(function (err) {
				console.error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _props2 = this.props,
			    banner = _props2.banner,
			    jobs = _props2.jobs;
			var _state = this.state,
			    pageData = _state.pageData,
			    faqs = _state.faqs,
			    activeFAQ = _state.activeFAQ;


			var containerCls = (0, _classnames2.default)('container', 'container--jobs', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			if (pageData.length === 0) {
				return _react2.default.createElement('div', { className: containerCls });
			}

			var hero = pageData.hero,
			    content = pageData.content;


			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				content.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
				}),
				_react2.default.createElement(
					'div',
					{ className: 'jobs-content' },
					_react2.default.createElement(
						'div',
						{ className: 'jobs-content__banner' },
						_react2.default.createElement(
							'h4',
							{ className: 'heading heading--xl' },
							'Career Opportunities'
						)
					),
					jobs && jobs.length > 0 ? this.renderJobsList() : _react2.default.createElement(_EmptyList2.default, { textOverride: 'We currently do not have any open positions at this time. Check back periodically for future opportunities.' })
				),
				faqs.length > 0 && _react2.default.createElement(
					'section',
					{ className: 'volunteer-faq-container' },
					_react2.default.createElement(
						'h1',
						{ className: 'heading heading--xl' },
						'Volunteer FAQs'
					),
					_react2.default.createElement(
						_rcCollapse2.default,
						{
							accordion: true,
							onChange: this.onClickFAQ,
							activeKey: activeFAQ
						},
						faqs.map(this.renderQuestion)
					)
				),
				_react2.default.createElement(
					'div',
					{ className: 'jobs-content__email-cta' },
					_react2.default.createElement(
						'p',
						{ className: 'heading heading--lg' },
						'Haven\'t found what you are looking for? ',
						_react2.default.createElement(
							'a',
							{ href: 'mailto:careers@annenbergpetspace.org' },
							'Email us'
						),
						'.'
					)
				)
			);
		}
	}]);

	return JobsView;
}(_react2.default.Component), _class.propTypes = {
	banner: _react2.default.PropTypes.shape(),
	jobs: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.shape({})).isRequired,
	fetching: _react2.default.PropTypes.bool.isRequired,
	actions: _react2.default.PropTypes.shape({
		fetchJobs: _react2.default.PropTypes.func.isRequired
	})
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		banner: state.nav.get('banner'),
		jobs: state.jobs.get('jobsList').toJS(),
		fetching: state.jobs.get('fetching')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(JobsView);

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

__webpack_require__(331);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function EmptyList(_ref) {
	var _ref$type = _ref.type,
	    type = _ref$type === undefined ? 'results' : _ref$type,
	    textOverride = _ref.textOverride,
	    children = _ref.children;

	return _react2.default.createElement(
		'div',
		{ className: 'empty-list' },
		_react2.default.createElement(
			'h4',
			{ className: 'heading heading--sm' },
			textOverride || 'No ' + type + ' found'
		),
		children
	);
}

EmptyList.propTypes = {
	type: _react2.default.PropTypes.string,
	textOverride: _react2.default.PropTypes.string,
	children: _react2.default.PropTypes.node
};

exports.default = EmptyList;
var content = __webpack_require__(332);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".empty-list{height:100%;padding:40px 20px;margin:0 auto;text-align:center;background-color:#f7f7f3}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/EmptyList/style.scss"],"names":[],"mappings":"AAAA,YAAY,YAAY,kBAAkB,cAAc,kBAAkB,wBAAwB,CAAC","file":"style.scss","sourcesContent":[".empty-list{height:100%;padding:40px 20px;margin:0 auto;text-align:center;background-color:#f7f7f3}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.jobsLoading = jobsLoading;
exports.jobsLoaded = jobsLoaded;
exports.fetchJobs = fetchJobs;
exports.fetchJob = fetchJob;

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

function jobsLoading() {
	return {
		type: _constants.JOBS_LOADING
	};
}

function jobsLoaded(data) {
	return {
		type: _constants.JOBS_LOADED,
		payload: {
			data: data
		}
	};
}

function jobLoading() {
	return {
		type: _constants.JOB_LOADING
	};
}

function jobLoaded(data) {
	return {
		type: _constants.JOB_LOADED,
		payload: {
			data: data
		}
	};
}

function jobNotFound() {
	return {
		type: _constants.JOB_NOT_FOUND
	};
}

function fetchJobs() {
	return function (dispatch) {
		dispatch(jobsLoading());

		return (0, _utils.request)({ path: '/jobs' }).then(function (_ref) {
			var data = _ref.data;
			return dispatch(jobsLoaded(data.map(function (d) {
				var job = (0, _utils.flattenAPIData)(d);
				return Object.assign(job, {
					slug: '/about/jobs-volunteer/' + job.id + '-' + (0, _utils.slugify)(job.title)
				});
			})));
		}).catch(function (err) {
			throw new Error(err);
		});
	};
}

function fetchJob(slug) {
	return function (dispatch) {
		dispatch(jobLoading());

		var id = slug.split('-')[0];

		return (0, _utils.request)({ path: '/jobs/' + id }).then(function (_ref2) {
			var data = _ref2.data;

			var d = (0, _utils.flattenAPIData)(data);
			var job = Object.assign(d, {
				slug: '/about/jobs-volunteer/' + d.id + '-' + (0, _utils.slugify)(d.title)
			});

			dispatch(jobLoaded(job));
		}).catch(function (err) {
			if (err && typeof err.response !== 'undefined') {
				var status = err.response.status;

				if (status === 404) {
					dispatch(jobNotFound());
				} else {
					throw new Error(err);
				}
			} else {
				throw new Error(err);
			}
		});
	};
}
var content = __webpack_require__(400);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--jobs .splash{margin-top:60px}.container--jobs .cta{position:relative;z-index:2}.container--jobs .cta.push-mobile{margin-bottom:60px}.container--jobs .cta .copy,.container--jobs .cta .copy p,.container--jobs .cta .copy a{font-size:18px !important}@media (max-width: 768px){.container--jobs .cta .copy,.container--jobs .cta .copy p,.container--jobs .cta .copy a{font-size:16px !important}}.container--jobs .heading--lg{color:#f80;font-size:36px;line-height:48px;letter-spacing:2px;font-family:\"Larsseit-Light\"}@media (max-width: 1024px){.container--jobs .heading--lg{font-size:30px}}@media (max-width: 768px){.container--jobs .heading--lg{font-size:24px}}.container--jobs .copy-container--border{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;border-bottom:3px solid #eeeee8}.container--jobs .copy-container--border:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border:last-child{margin-right:0}.container--jobs .copy-container--border:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--jobs .copy-container--border{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width: 768px){.container--jobs .copy-container--border{display:block;padding:20px 0}}.container--jobs .copy-container--border .jobs__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding-right:10px}.container--jobs .copy-container--border .jobs__title:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__title:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__title:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--jobs .copy-container--border .jobs__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);padding-right:0;display:block}.container--jobs .copy-container--border .jobs__title:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__title:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__title:nth-child(1n){margin-right:0;margin-left:auto}}.container--jobs .copy-container--border .jobs__info{display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.container--jobs .copy-container--border .jobs__info:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__info:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__info:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--jobs .copy-container--border .jobs__info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:block}.container--jobs .copy-container--border .jobs__info:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__info:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__info:nth-child(1n){margin-right:0;margin-left:auto}}.container--jobs .copy-container--border .jobs__info-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.container--jobs .copy-container--border .jobs__info-item:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__info-item:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__info-item:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--jobs .copy-container--border .jobs__info-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:block}.container--jobs .copy-container--border .jobs__info-item:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__info-item:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__info-item:nth-child(1n){margin-right:0;margin-left:auto}}.container--jobs .rc-collapse-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-left:calc(100% * 1/12) !important}.container--jobs .rc-collapse-item:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .rc-collapse-item:last-child{margin-right:0}.container--jobs .rc-collapse-item:nth-child(12n){margin-right:0;margin-left:auto}.container--jobs .rc-collapse-header,.container--jobs .rc-collapse-content{flex-grow:0 !important;flex-shrink:0 !important;flex-basis:calc(100% * 1/1) !important;max-width:calc(100% * 1/1) !important;width:calc(100% * 1/1) !important}.container--jobs .rc-collapse-header:nth-child(1n),.container--jobs .rc-collapse-content:nth-child(1n){margin-right:0 !important;margin-left:0 !important}.container--jobs .rc-collapse-header:last-child,.container--jobs .rc-collapse-content:last-child{margin-right:0 !important}.container--jobs .rc-collapse-header:nth-child(1n),.container--jobs .rc-collapse-content:nth-child(1n){margin-right:0 !important;margin-left:auto !important}.container--jobs .heading--xl{text-align:center}.container--jobs .volunteer-faq-container{margin-top:120px}.jobs-content__banner{width:100%;text-align:center;background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%);padding:80px 33.333%;position:relative;z-index:10}.jobs-content__banner .heading{color:#fff}@media (max-width: 768px){.jobs-content__banner{padding:80px 40px}}.jobs-content__banner .copy{color:#fff}.jobs-content__listing{margin-left:calc(100% * 1/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-top:40px}.jobs-content__listing:nth-child(1n){margin-right:0;margin-left:0}.jobs-content__listing:last-child{margin-right:0}.jobs-content__listing:nth-child(12n){margin-right:0;margin-left:auto}.jobs-content__legend{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 1024px){.jobs-content__legend{display:none}}.jobs-content__legend .copy{color:#00a4ee}.jobs-content__legend .legend__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.jobs-content__legend .legend__title:nth-child(1n){margin-right:0;margin-left:0}.jobs-content__legend .legend__title:last-child{margin-right:0}.jobs-content__legend .legend__title:nth-child(2n){margin-right:0;margin-left:auto}.jobs-content__legend .legend__type,.jobs-content__legend .legend__location{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/4);max-width:calc(100% * 1/4);width:calc(100% * 1/4)}.jobs-content__legend .legend__type:nth-child(1n),.jobs-content__legend .legend__location:nth-child(1n){margin-right:0;margin-left:0}.jobs-content__legend .legend__type:last-child,.jobs-content__legend .legend__location:last-child{margin-right:0}.jobs-content__legend .legend__type:nth-child(4n),.jobs-content__legend .legend__location:nth-child(4n){margin-right:0;margin-left:auto}.jobs-content__email-cta{text-align:center;padding:80px 0}@media (max-width: 768px){.jobs-content__email-cta{padding:80px 40px}}.jobs-content__email-cta .heading--lg{color:#333}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Jobs/style.scss"],"names":[],"mappings":"AAAA,yBAAyB,eAAe,CAAC,sBAAsB,kBAAkB,SAAS,CAAC,kCAAkC,kBAAkB,CAAC,wFAAwF,yBAAyB,CAAC,0BAA0B,wFAAwF,yBAAyB,CAAC,CAAC,8BAA8B,WAAW,eAAe,iBAAiB,mBAAmB,4BAA4B,CAAC,2BAA2B,8BAA8B,cAAc,CAAC,CAAC,0BAA0B,8BAA8B,cAAc,CAAC,CAAC,yCAAyC,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,mBAAmB,aAAa,+BAA+B,CAAC,uDAAuD,eAAe,aAAa,CAAC,oDAAoD,cAAc,CAAC,wDAAwD,eAAe,gBAAgB,CAAC,2BAA2B,yCAAyC,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,0BAA0B,yCAAyC,cAAc,cAAc,CAAC,CAAC,sDAAsD,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,kBAAkB,CAAC,oEAAoE,eAAe,aAAa,CAAC,iEAAiE,cAAc,CAAC,oEAAoE,eAAe,gBAAgB,CAAC,2BAA2B,sDAAsD,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,gBAAgB,aAAa,CAAC,oEAAoE,eAAe,aAAa,CAAC,iEAAiE,cAAc,CAAC,oEAAoE,eAAe,gBAAgB,CAAC,CAAC,qDAAqD,oBAAoB,oBAAoB,aAAa,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,mEAAmE,eAAe,aAAa,CAAC,gEAAgE,cAAc,CAAC,mEAAmE,eAAe,gBAAgB,CAAC,2BAA2B,qDAAqD,4BAA4B,6BAA6B,0BAA0B,sBAAsB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,aAAa,CAAC,mEAAmE,eAAe,aAAa,CAAC,gEAAgE,cAAc,CAAC,mEAAmE,eAAe,gBAAgB,CAAC,CAAC,0DAA0D,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,wEAAwE,eAAe,aAAa,CAAC,qEAAqE,cAAc,CAAC,wEAAwE,eAAe,gBAAgB,CAAC,2BAA2B,0DAA0D,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,aAAa,CAAC,wEAAwE,eAAe,aAAa,CAAC,qEAAqE,cAAc,CAAC,wEAAwE,eAAe,gBAAgB,CAAC,CAAC,mCAAmC,4BAA4B,6BAA6B,0BAA0B,sBAAsB,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,wCAAwC,CAAC,iDAAiD,eAAe,aAAa,CAAC,8CAA8C,cAAc,CAAC,kDAAkD,eAAe,gBAAgB,CAAC,2EAA2E,uBAAuB,yBAAyB,uCAAuC,sCAAsC,iCAAiC,CAAC,uGAAuG,0BAA0B,wBAAwB,CAAC,iGAAiG,yBAAyB,CAAC,uGAAuG,0BAA0B,2BAA2B,CAAC,8BAA8B,iBAAiB,CAAC,0CAA0C,gBAAgB,CAAC,sBAAsB,WAAW,kBAAkB,oGAAoG,qBAAqB,kBAAkB,UAAU,CAAC,+BAA+B,UAAU,CAAC,0BAA0B,sBAAsB,iBAAiB,CAAC,CAAC,4BAA4B,UAAU,CAAC,uBAAuB,yCAAyC,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,eAAe,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,sBAAsB,aAAa,oBAAoB,oBAAoB,YAAY,CAAC,2BAA2B,sBAAsB,YAAY,CAAC,CAAC,4BAA4B,aAAa,CAAC,qCAAqC,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,mDAAmD,eAAe,aAAa,CAAC,gDAAgD,cAAc,CAAC,mDAAmD,eAAe,gBAAgB,CAAC,4EAA4E,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,wGAAwG,eAAe,aAAa,CAAC,kGAAkG,cAAc,CAAC,wGAAwG,eAAe,gBAAgB,CAAC,yBAAyB,kBAAkB,cAAc,CAAC,0BAA0B,yBAAyB,iBAAiB,CAAC,CAAC,sCAAsC,UAAU,CAAC","file":"style.scss","sourcesContent":[".container--jobs .splash{margin-top:60px}.container--jobs .cta{position:relative;z-index:2}.container--jobs .cta.push-mobile{margin-bottom:60px}.container--jobs .cta .copy,.container--jobs .cta .copy p,.container--jobs .cta .copy a{font-size:18px !important}@media (max-width: 768px){.container--jobs .cta .copy,.container--jobs .cta .copy p,.container--jobs .cta .copy a{font-size:16px !important}}.container--jobs .heading--lg{color:#f80;font-size:36px;line-height:48px;letter-spacing:2px;font-family:\"Larsseit-Light\"}@media (max-width: 1024px){.container--jobs .heading--lg{font-size:30px}}@media (max-width: 768px){.container--jobs .heading--lg{font-size:24px}}.container--jobs .copy-container--border{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;border-bottom:3px solid #eeeee8}.container--jobs .copy-container--border:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border:last-child{margin-right:0}.container--jobs .copy-container--border:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--jobs .copy-container--border{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width: 768px){.container--jobs .copy-container--border{display:block;padding:20px 0}}.container--jobs .copy-container--border .jobs__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding-right:10px}.container--jobs .copy-container--border .jobs__title:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__title:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__title:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--jobs .copy-container--border .jobs__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);padding-right:0;display:block}.container--jobs .copy-container--border .jobs__title:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__title:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__title:nth-child(1n){margin-right:0;margin-left:auto}}.container--jobs .copy-container--border .jobs__info{display:-webkit-box;display:-ms-flexbox;display:flex;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.container--jobs .copy-container--border .jobs__info:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__info:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__info:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--jobs .copy-container--border .jobs__info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:block}.container--jobs .copy-container--border .jobs__info:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__info:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__info:nth-child(1n){margin-right:0;margin-left:auto}}.container--jobs .copy-container--border .jobs__info-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.container--jobs .copy-container--border .jobs__info-item:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__info-item:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__info-item:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--jobs .copy-container--border .jobs__info-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:block}.container--jobs .copy-container--border .jobs__info-item:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .copy-container--border .jobs__info-item:last-child{margin-right:0}.container--jobs .copy-container--border .jobs__info-item:nth-child(1n){margin-right:0;margin-left:auto}}.container--jobs .rc-collapse-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-left:calc(100% * 1/12) !important}.container--jobs .rc-collapse-item:nth-child(1n){margin-right:0;margin-left:0}.container--jobs .rc-collapse-item:last-child{margin-right:0}.container--jobs .rc-collapse-item:nth-child(12n){margin-right:0;margin-left:auto}.container--jobs .rc-collapse-header,.container--jobs .rc-collapse-content{flex-grow:0 !important;flex-shrink:0 !important;flex-basis:calc(100% * 1/1) !important;max-width:calc(100% * 1/1) !important;width:calc(100% * 1/1) !important}.container--jobs .rc-collapse-header:nth-child(1n),.container--jobs .rc-collapse-content:nth-child(1n){margin-right:0 !important;margin-left:0 !important}.container--jobs .rc-collapse-header:last-child,.container--jobs .rc-collapse-content:last-child{margin-right:0 !important}.container--jobs .rc-collapse-header:nth-child(1n),.container--jobs .rc-collapse-content:nth-child(1n){margin-right:0 !important;margin-left:auto !important}.container--jobs .heading--xl{text-align:center}.container--jobs .volunteer-faq-container{margin-top:120px}.jobs-content__banner{width:100%;text-align:center;background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%);padding:80px 33.333%;position:relative;z-index:10}.jobs-content__banner .heading{color:#fff}@media (max-width: 768px){.jobs-content__banner{padding:80px 40px}}.jobs-content__banner .copy{color:#fff}.jobs-content__listing{margin-left:calc(100% * 1/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-top:40px}.jobs-content__listing:nth-child(1n){margin-right:0;margin-left:0}.jobs-content__listing:last-child{margin-right:0}.jobs-content__listing:nth-child(12n){margin-right:0;margin-left:auto}.jobs-content__legend{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 1024px){.jobs-content__legend{display:none}}.jobs-content__legend .copy{color:#00a4ee}.jobs-content__legend .legend__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.jobs-content__legend .legend__title:nth-child(1n){margin-right:0;margin-left:0}.jobs-content__legend .legend__title:last-child{margin-right:0}.jobs-content__legend .legend__title:nth-child(2n){margin-right:0;margin-left:auto}.jobs-content__legend .legend__type,.jobs-content__legend .legend__location{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/4);max-width:calc(100% * 1/4);width:calc(100% * 1/4)}.jobs-content__legend .legend__type:nth-child(1n),.jobs-content__legend .legend__location:nth-child(1n){margin-right:0;margin-left:0}.jobs-content__legend .legend__type:last-child,.jobs-content__legend .legend__location:last-child{margin-right:0}.jobs-content__legend .legend__type:nth-child(4n),.jobs-content__legend .legend__location:nth-child(4n){margin-right:0;margin-left:auto}.jobs-content__email-cta{text-align:center;padding:80px 0}@media (max-width: 768px){.jobs-content__email-cta{padding:80px 40px}}.jobs-content__email-cta .heading--lg{color:#333}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _redux = __webpack_require__(15);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _keys = __webpack_require__(76);

var _keys2 = _interopRequireDefault(_keys);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _JobListingItem = __webpack_require__(401);

var _JobListingItem2 = _interopRequireDefault(_JobListingItem);

var _NotFound = __webpack_require__(53);

var _NotFound2 = _interopRequireDefault(_NotFound);

var _jobs = __webpack_require__(195);

var actionCreators = _interopRequireWildcard(_jobs);

__webpack_require__(404);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var JobListing = (_temp2 = _class = function (_Component) {
	_inherits(JobListing, _Component);

	function JobListing() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, JobListing);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = JobListing.__proto__ || Object.getPrototypeOf(JobListing)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			job: null
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(JobListing, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _props = this.props,
			    actions = _props.actions,
			    routeParams = _props.routeParams;

			actions.fetchJob(routeParams.jobSlug);
		}
	}, {
		key: 'render',
		value: function render() {
			var _props2 = this.props,
			    banner = _props2.banner,
			    job = _props2.job,
			    fetching = _props2.fetching;


			var containerCls = (0, _classnames2.default)('container', 'container--job', {
				'container--transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			if (fetching) {
				return _react2.default.createElement('div', { className: 'container container--job' });
			} else if (!fetching && (0, _keys2.default)(job).length === 0) {
				return _react2.default.createElement(_NotFound2.default, { location: this.props.location });
			}

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: job.title,
					showBgImage: false
				}),
				_react2.default.createElement(
					'div',
					{ className: 'job' },
					_react2.default.createElement(_JobListingItem2.default, job)
				)
			);
		}
	}]);

	return JobListing;
}(_react.Component), _class.propTypes = {
	job: _react.PropTypes.shape({}).isRequired,
	fetching: _react.PropTypes.bool.isRequired,
	routeParams: _react.PropTypes.shape({}).isRequired,
	actions: _react2.default.PropTypes.shape({
		fetchJob: _react2.default.PropTypes.func.isRequired
	}),
	banner: _react2.default.PropTypes.shape({}),
	location: _react2.default.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		job: state.jobs.get('currentJob').toJS(),
		fetching: state.jobs.get('fetching'),
		banner: state.nav.get('banner')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(JobListing);

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _utils = __webpack_require__(5);

__webpack_require__(402);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function JobListingItem(_ref) {
	var title = _ref.title,
	    reportsTo = _ref.reportsTo,
	    pubdate = _ref.pubdate,
	    jobType = _ref.jobType,
	    summary = _ref.summary,
	    duties = _ref.duties,
	    experience = _ref.experience;

	var link = 'mailto:careers@annenbergpetspace.org?subject=' + title;
	var type = '<p>' + jobType + '</p>';

	return _react2.default.createElement(
		'div',
		{ className: 'job-listing' },
		_react2.default.createElement(JobSection, { heading: 'Reports To', content: reportsTo }),
		_react2.default.createElement(JobSection, { heading: 'Job Type', content: type }),
		_react2.default.createElement(JobSection, { heading: 'Date', content: (0, _utils.formatDate)(pubdate, 'MMMM Do, YYYY') }),
		_react2.default.createElement(JobSection, { heading: 'Summary', content: summary }),
		_react2.default.createElement(JobSection, { heading: 'Essential Duties and Responsibilities', content: duties }),
		_react2.default.createElement(JobSection, { heading: 'Education, Skills, and Experience', content: experience }),
		_react2.default.createElement(_Button2.default, {
			extraCls: 'job-listing__cta',
			href: link,
			label: 'Apply Now',
			showExternalLinkIcon: true
		})
	);
}

JobListingItem.propTypes = {
	title: _react2.default.PropTypes.string.isRequired,
	reportsTo: _react2.default.PropTypes.string.isRequired,
	jobType: _react2.default.PropTypes.string.isRequired,
	summary: _react2.default.PropTypes.string.isRequired,
	duties: _react2.default.PropTypes.string,
	experience: _react2.default.PropTypes.string,
	pubdate: _react2.default.PropTypes.string.isRequired
};

function JobSection(_ref2) {
	var content = _ref2.content,
	    heading = _ref2.heading;

	return content === null || content === '' ? null : _react2.default.createElement(
		'div',
		{ className: 'ss' },
		_react2.default.createElement(
			'div',
			{ className: 'ss__title' },
			_react2.default.createElement(
				'h1',
				{ className: 'heading heading--xs' },
				heading
			)
		),
		_react2.default.createElement('div', { className: 'ss__body copy', dangerouslySetInnerHTML: { __html: content } })
	);
}

JobSection.propTypes = {
	content: _react2.default.PropTypes.string.isRequired,
	heading: _react2.default.PropTypes.string.isRequired
};

exports.default = JobListingItem;
var content = __webpack_require__(403);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".job-listing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:40px 0}.job-listing .short-description{width:50%}@media (max-width: 768px){.job-listing .short-description{width:100%}}.job-listing .ss{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0}@media (max-width: 768px){.job-listing .ss{display:block}}.job-listing .ss__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/12);max-width:calc(100% * 3/12);width:calc(100% * 3/12);padding-right:20px}.job-listing .ss__title:nth-child(1n){margin-right:0;margin-left:0}.job-listing .ss__title:last-child{margin-right:0}.job-listing .ss__title:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.job-listing .ss__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.job-listing .ss__title:nth-child(1n){margin-right:0;margin-left:0}.job-listing .ss__title:last-child{margin-right:0}.job-listing .ss__title:nth-child(1n){margin-right:0;margin-left:auto}}.job-listing .ss__title .heading--xs{color:#00a4ee}.job-listing .ss__body{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12)}.job-listing .ss__body:nth-child(1n){margin-right:0;margin-left:0}.job-listing .ss__body:last-child{margin-right:0}.job-listing .ss__body:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.job-listing .ss__body{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.job-listing .ss__body:nth-child(1n){margin-right:0;margin-left:0}.job-listing .ss__body:last-child{margin-right:0}.job-listing .ss__body:nth-child(1n){margin-right:0;margin-left:auto}}.job-listing .ss__body ul{list-style:disc inside none}.job-listing__cta{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-height:50px;padding-right:20px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.job-listing__cta .link--external::before{top:4px;right:40px}@media (max-width: 768px){.job-listing__cta{margin:20px auto 0;width:280px}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/JobListingItem/style.scss"],"names":[],"mappings":"AAAA,aAAa,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,8BAA8B,WAAW,cAAc,CAAC,gCAAgC,SAAS,CAAC,0BAA0B,gCAAgC,UAAU,CAAC,CAAC,iBAAiB,oBAAoB,oBAAoB,aAAa,cAAc,CAAC,0BAA0B,iBAAiB,aAAa,CAAC,CAAC,wBAAwB,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,kBAAkB,CAAC,sCAAsC,eAAe,aAAa,CAAC,mCAAmC,cAAc,CAAC,uCAAuC,eAAe,gBAAgB,CAAC,0BAA0B,wBAAwB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,sCAAsC,eAAe,aAAa,CAAC,mCAAmC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,CAAC,qCAAqC,aAAa,CAAC,uBAAuB,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,0BAA0B,uBAAuB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,CAAC,0BAA0B,2BAA2B,CAAC,kBAAkB,mBAAmB,kBAAkB,cAAc,gBAAgB,mBAAmB,2BAA2B,0BAA0B,iBAAiB,CAAC,0CAA0C,QAAQ,UAAU,CAAC,0BAA0B,kBAAkB,mBAAmB,WAAW,CAAC,CAAC","file":"style.scss","sourcesContent":[".job-listing{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:40px 0}.job-listing .short-description{width:50%}@media (max-width: 768px){.job-listing .short-description{width:100%}}.job-listing .ss{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0}@media (max-width: 768px){.job-listing .ss{display:block}}.job-listing .ss__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/12);max-width:calc(100% * 3/12);width:calc(100% * 3/12);padding-right:20px}.job-listing .ss__title:nth-child(1n){margin-right:0;margin-left:0}.job-listing .ss__title:last-child{margin-right:0}.job-listing .ss__title:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.job-listing .ss__title{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.job-listing .ss__title:nth-child(1n){margin-right:0;margin-left:0}.job-listing .ss__title:last-child{margin-right:0}.job-listing .ss__title:nth-child(1n){margin-right:0;margin-left:auto}}.job-listing .ss__title .heading--xs{color:#00a4ee}.job-listing .ss__body{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12)}.job-listing .ss__body:nth-child(1n){margin-right:0;margin-left:0}.job-listing .ss__body:last-child{margin-right:0}.job-listing .ss__body:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.job-listing .ss__body{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.job-listing .ss__body:nth-child(1n){margin-right:0;margin-left:0}.job-listing .ss__body:last-child{margin-right:0}.job-listing .ss__body:nth-child(1n){margin-right:0;margin-left:auto}}.job-listing .ss__body ul{list-style:disc inside none}.job-listing__cta{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-height:50px;padding-right:20px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.job-listing__cta .link--external::before{top:4px;right:40px}@media (max-width: 768px){.job-listing__cta{margin:20px auto 0;width:280px}}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(405);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--job .hero{background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.container--job .hero__underlay{display:none}.container--job .job{margin-left:calc(100% * 1/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-top:40px}.container--job .job:nth-child(1n){margin-right:0;margin-left:0}.container--job .job:last-child{margin-right:0}.container--job .job:nth-child(12n){margin-right:0;margin-left:auto}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/JobListing/style.scss"],"names":[],"mappings":"AAAA,sBAAsB,mGAAmG,CAAC,gCAAgC,YAAY,CAAC,qBAAqB,yCAAyC,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,eAAe,CAAC,mCAAmC,eAAe,aAAa,CAAC,gCAAgC,cAAc,CAAC,oCAAoC,eAAe,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".container--job .hero{background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.container--job .hero__underlay{display:none}.container--job .job{margin-left:calc(100% * 1/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-top:40px}.container--job .job:nth-child(1n){margin-right:0;margin-left:0}.container--job .job:last-child{margin-right:0}.container--job .job:nth-child(12n){margin-right:0;margin-left:auto}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRedux = __webpack_require__(6);

var _reactGa = __webpack_require__(70);

var _reactGa2 = _interopRequireDefault(_reactGa);

var _utils = __webpack_require__(5);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _CtaBanner = __webpack_require__(131);

var _CtaBanner2 = _interopRequireDefault(_CtaBanner);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

__webpack_require__(406);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var ContactView = (_temp2 = _class = function (_React$Component) {
	_inherits(ContactView, _React$Component);

	function ContactView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, ContactView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ContactView.__proto__ || Object.getPrototypeOf(ContactView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			offices: [],
			formSubmitted: false,
			formReceived: false,
			subject: '',
			name: '',
			email: '',
			message: '',
			statusText: null,
			transitionInComplete: false
		}, _this.appendCta = function (office) {
			var title = office.title;

			switch (title) {
				case 'Programs and Group Visits':
					return Object.assign(office, { cta: 'Contact Programs' });
				case 'Media Inquiries':
					return Object.assign(office, { cta: 'Contact Media' });
				case 'Career Opportunities':
					return Object.assign(office, { cta: 'Contact Careers' });
				case 'Volunteer Center':
					return Object.assign(office, { cta: 'Contact Volunteers' });
				case 'Animal Care Team':
					return Object.assign(office, { cta: 'Contact Animal Care' });
				case 'The Main Office':
					return Object.assign(office, { cta: 'Contact Us' });
				default:
					return office;
			}
		}, _this.handleChange = function (e) {
			var target = e.target;
			var name = target.name,
			    value = target.value;

			if (name !== 'message' || name === 'message' && value.length <= 250) {
				_this.setState(_defineProperty({}, name, value));
			}
		}, _this.handleSubmit = function (e) {
			e.preventDefault();
			var _this$state = _this.state,
			    subject = _this$state.subject,
			    name = _this$state.name,
			    email = _this$state.email,
			    message = _this$state.message;


			(0, _utils.request)({
				path: '/contact',
				method: 'post',
				payload: {
					subject: subject,
					name: name,
					email: email,
					message: message
				}
			}).then(function () {
				_this.setState({
					statusText: 'Thanks for your submission!',
					formReceived: true
				});
				_reactGa2.default.event({
					category: 'Internal',
					action: 'ContactUs_submit',
					label: ''
				});
			}).catch(function (err) {
				_this.setState({
					statusText: err
				});
			});
		}, _this.renderOffice = function (_ref2, index) {
			var title = _ref2.title,
			    _ref2$phone = _ref2.phone,
			    phone = _ref2$phone === undefined ? '' : _ref2$phone,
			    _ref2$email = _ref2.email,
			    email = _ref2$email === undefined ? '' : _ref2$email,
			    _ref2$cta = _ref2.cta,
			    cta = _ref2$cta === undefined ? 'Contact' : _ref2$cta;
			return _react2.default.createElement(
				'div',
				{ className: 'office-info', key: index },
				_react2.default.createElement(
					'h3',
					{ className: 'heading heading--sm' },
					title
				),
				phone && _react2.default.createElement(
					'p',
					{ className: 'copy office-info__item office-info__phone', key: phone },
					phone
				),
				email && _react2.default.createElement(
					'p',
					{
						className: 'copy office-info__item office-info__email',
						key: email
					},
					_react2.default.createElement(
						'a',
						{
							href: _lodash2.default.includes(email, '@') ? 'mailto:' + email : email,
							className: 'animated-underline'
						},
						cta
					)
				)
			);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(ContactView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			(0, _utils.request)({
				path: '/offices'
			}).then(function (res) {
				return res.data.map(_utils.flattenAPIData).map(_this2.appendCta);
			}).then(function (offices) {
				_this2.setState({
					offices: offices
				});
				setTimeout(function () {
					_this2.setState({ transitionInComplete: true });
				}, 2048);
			}).catch(function (err) {
				throw new Error(err);
			});
		}
	}, {
		key: 'onClickSubmit',
		value: function onClickSubmit() {
			this.setState({
				formSubmitted: true
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _this3 = this;

			var _state = this.state,
			    offices = _state.offices,
			    formSubmitted = _state.formSubmitted,
			    formReceived = _state.formReceived,
			    statusText = _state.statusText;
			var banner = this.props.banner;


			var formCls = (0, _classnames2.default)('form--contact', {
				submitted: formSubmitted,
				hide: formReceived
			});

			var containerCls = (0, _classnames2.default)('container', 'container--home', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			var counterCls = (0, _classnames2.default)('copy', 'copy--helper', {
				'alert--danger': this.state.message.length >= 250
			});

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: 'Contact Us',
					subheading: 'We\u2019d love to hear from you!',
					bgImgSrc: '/static/assets/images/LIBRARY_DOG_2498.jpg'
				}),
				_react2.default.createElement(
					'div',
					{ className: 'office-info__container' },
					offices.map(this.renderOffice)
				),
				_react2.default.createElement(_CtaBanner2.default, {
					image: __webpack_require__(412),
					imageSpan: '6',
					backgroundColor: 'blue',
					text: '<p>Interested in hosting your next event at Annenberg PetSpace? See our <a href=\'/about/rentals\'>Rentals</a> page for additional information.</p>'
				}),
				_react2.default.createElement(
					'section',
					{ className: 'contact-form' },
					_react2.default.createElement(
						'h1',
						{ className: 'heading heading--lg' },
						'Contact us'
					),
					statusText && _react2.default.createElement(
						'p',
						{ className: 'copy' },
						statusText
					),
					_react2.default.createElement(
						'form',
						{ onSubmit: this.handleSubmit, className: formCls },
						_react2.default.createElement(
							'p',
							{ className: 'copy' },
							'For all other inquiries, please complete the below form and we will respond to you within 24 business\xA0hours.'
						),
						_react2.default.createElement(
							'div',
							{ className: 'input-list--contact' },
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text', placeholder: 'Name',
									required: true, name: 'name',
									onChange: this.handleChange,
									className: 'copy',
									maxLength: '30'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'email', placeholder: 'Email',
									required: true, name: 'email',
									onChange: this.handleChange,
									className: 'copy',
									maxLength: '30'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text', placeholder: 'Subject',
									required: true, name: 'subject',
									onChange: this.handleChange,
									className: 'copy',
									maxLength: '30'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text', placeholder: 'Message',
									required: true, name: 'message',
									onChange: this.handleChange,
									value: this.state.message,
									className: 'copy'
								}),
								_react2.default.createElement(
									'p',
									{ className: counterCls },
									this.state.message.length + '/250'
								)
							)
						),
						_react2.default.createElement(_Button2.default, {
							type: 'submit',
							label: 'Submit',
							onClick: function onClick() {
								return _this3.onClickSubmit();
							}
						})
					)
				)
			);
		}
	}]);

	return ContactView;
}(_react2.default.Component), _class.propTypes = {
	banner: _react2.default.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(ContactView);

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _utils = __webpack_require__(5);

__webpack_require__(333);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; } /* eslint-disable react/no-danger */


function CtaBanner(_ref) {
	var _classNames;

	var image = _ref.image,
	    imageSpan = _ref.imageSpan,
	    textSpan = _ref.textSpan,
	    _ref$backgroundColor = _ref.backgroundColor,
	    backgroundColor = _ref$backgroundColor === undefined ? 'blue' : _ref$backgroundColor,
	    heading = _ref.heading,
	    text = _ref.text,
	    label = _ref.label,
	    ctaStyle = _ref.ctaStyle,
	    href = _ref.href,
	    children = _ref.children,
	    headingTitle = _ref.headingTitle,
	    extraCls = _ref.extraCls,
	    _ref$pdf = _ref.pdf,
	    pdf = _ref$pdf === undefined ? false : _ref$pdf;

	if (image && !imageSpan) imageSpan = '6';

	var sectionClass = (0, _classnames2.default)('banner', 'banner--cta', (_classNames = {}, _defineProperty(_classNames, 'banner--' + backgroundColor, backgroundColor), _defineProperty(_classNames, extraCls, extraCls), _classNames));

	var imgStyle = {
		backgroundImage: 'url(' + image + ')'
	};
	var imgCls = (0, _classnames2.default)('banner--cta__image', _defineProperty({}, 'banner--cta__image--' + imageSpan, image));

	//	TODO: simplify this logic
	//	if prop is omitted, subtract difference of imageSpan
	textSpan = textSpan ? textSpan : image ? 12 - Number(imageSpan) : null; //	eslint-disable-line
	var textCls = (0, _classnames2.default)('banner--cta__text', _defineProperty({}, 'banner--cta__text--' + textSpan, textSpan));
	var buttonBackground = 'orange';
	if (backgroundColor === 'blue') {
		buttonBackground = 'white';
	}

	return _react2.default.createElement(
		'section',
		{ className: sectionClass },
		image && _react2.default.createElement('div', { className: imgCls, style: imgStyle }),
		_react2.default.createElement(
			'div',
			{ className: textCls },
			_react2.default.createElement(
				'div',
				{ className: 'banner__text-wrapper' },
				headingTitle && _react2.default.createElement(
					'h1',
					{ className: 'copy copy--helper' },
					(0, _utils.widowTamer)(headingTitle)
				),
				heading && _react2.default.createElement(
					'h1',
					{ className: 'heading heading--lg' },
					heading
				),
				text && text.length && text.charAt(0) === '<' //	eslint-disable-line no-nested-ternary
				? _react2.default.createElement('h1', { className: 'heading heading--sm', dangerouslySetInnerHTML: { __html: (0, _utils.widowTamer)(text) } }) : text ? _react2.default.createElement(
					'h1',
					{ className: 'heading heading--sm' },
					(0, _utils.widowTamer)(text)
				) : null,
				_react2.default.createElement('br', null),
				label && ctaStyle !== 'link' ? _react2.default.createElement(_Button2.default, {
					color: buttonBackground,
					label: label,
					href: href,
					pdf: pdf
				}) : _react2.default.createElement(
					'a',
					{ className: 'cta', href: href },
					label
				)
			),
			children && children
		)
	);
}

CtaBanner.propTypes = {
	image: _react2.default.PropTypes.string,
	imageSpan: _react2.default.PropTypes.string,
	backgroundColor: _react2.default.PropTypes.string,
	headingTitle: _react2.default.PropTypes.string,
	heading: _react2.default.PropTypes.string,
	text: _react2.default.PropTypes.string.isRequired,
	textSpan: _react2.default.PropTypes.string,
	label: _react2.default.PropTypes.string,
	href: _react2.default.PropTypes.string,
	ctaStyle: _react2.default.PropTypes.string,
	pdf: _react2.default.PropTypes.bool,
	extraCls: _react2.default.PropTypes.string,
	children: _react2.default.PropTypes.element
};

exports.default = CtaBanner;
var content = __webpack_require__(334);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".banner{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;min-height:300px;z-index:3;position:relative}.banner--blue{background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.banner--blue a{color:#fff !important}.banner--white{background-color:#fff}.banner--white *,.banner--white .heading,.banner--white .copy,.banner--white .banner--cta__text .heading{color:#333}.banner--white .banner--cta__text .heading{color:#333}.banner--grey{background-color:#f7f7f3}.banner--grey *,.banner--grey .heading,.banner--grey .copy,.banner--grey .banner--cta__text .heading{color:#333}.banner__fav{position:absolute;top:0;right:0;padding:20px}.banner--cta__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12);width:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.banner--cta__image:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image:last-child{margin-right:0}.banner--cta__image:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__image--5{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12)}.banner--cta__image--5:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image--5:last-child{margin-right:0}.banner--cta__image--5:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__image--4{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/12);max-width:calc(100% * 4/12);width:calc(100% * 4/12)}.banner--cta__image--4:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image--4:last-child{margin-right:0}.banner--cta__image--4:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__image--3{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/12);max-width:calc(100% * 3/12);width:calc(100% * 3/12)}.banner--cta__image--3:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image--3:last-child{margin-right:0}.banner--cta__image--3:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.banner--cta__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);height:71.9vw;max-height:400px}.banner--cta__image:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image:last-child{margin-right:0}.banner--cta__image:nth-child(1n){margin-right:0;margin-left:auto}}.banner--cta__text{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:60px 120px;position:relative}.banner--cta__text:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text:last-child{margin-right:0}.banner--cta__text:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text--12{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12)}.banner--cta__text--12:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text--12:last-child{margin-right:0}.banner--cta__text--12:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text--9{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 9/12);max-width:calc(100% * 9/12);width:calc(100% * 9/12)}.banner--cta__text--9:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text--9:last-child{margin-right:0}.banner--cta__text--9:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text--8{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 8/12);max-width:calc(100% * 8/12);width:calc(100% * 8/12)}.banner--cta__text--8:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text--8:last-child{margin-right:0}.banner--cta__text--8:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text--7{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 7/12);max-width:calc(100% * 7/12);width:calc(100% * 7/12)}.banner--cta__text--7:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text--7:last-child{margin-right:0}.banner--cta__text--7:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text .button{margin-top:20px}@media (max-width: 768px){.banner--cta__text{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center;padding:60px}.banner--cta__text:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text:last-child{margin-right:0}.banner--cta__text:nth-child(1n){margin-right:0;margin-left:auto}}.banner--cta__text .heading,.banner--cta__text .copy{color:#fff}.banner--cta__link{padding-top:16px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/CtaBanner/style.scss"],"names":[],"mappings":"AAAA,QAAQ,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,iBAAiB,UAAU,iBAAiB,CAAC,cAAc,mGAAmG,CAAC,gBAAgB,qBAAqB,CAAC,eAAe,qBAAqB,CAAC,yGAAyG,UAAU,CAAC,2CAA2C,UAAU,CAAC,cAAc,wBAAwB,CAAC,qGAAqG,UAAU,CAAC,aAAa,kBAAkB,MAAM,QAAQ,YAAY,CAAC,oBAAoB,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,WAAW,sBAAsB,4BAA4B,2BAA2B,CAAC,kCAAkC,eAAe,aAAa,CAAC,+BAA+B,cAAc,CAAC,mCAAmC,eAAe,gBAAgB,CAAC,uBAAuB,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,uBAAuB,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,uBAAuB,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,0BAA0B,oBAAoB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,cAAc,gBAAgB,CAAC,kCAAkC,eAAe,aAAa,CAAC,+BAA+B,cAAc,CAAC,kCAAkC,eAAe,gBAAgB,CAAC,CAAC,mBAAmB,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,WAAW,mBAAmB,iBAAiB,CAAC,iCAAiC,eAAe,aAAa,CAAC,8BAA8B,cAAc,CAAC,kCAAkC,eAAe,gBAAgB,CAAC,uBAAuB,YAAY,cAAc,8BAA8B,6BAA6B,wBAAwB,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,sBAAsB,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,oCAAoC,eAAe,aAAa,CAAC,iCAAiC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,sBAAsB,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,oCAAoC,eAAe,aAAa,CAAC,iCAAiC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,sBAAsB,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,oCAAoC,eAAe,aAAa,CAAC,iCAAiC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,2BAA2B,eAAe,CAAC,0BAA0B,mBAAmB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,kBAAkB,YAAY,CAAC,iCAAiC,eAAe,aAAa,CAAC,8BAA8B,cAAc,CAAC,iCAAiC,eAAe,gBAAgB,CAAC,CAAC,qDAAqD,UAAU,CAAC,mBAAmB,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".banner{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;min-height:300px;z-index:3;position:relative}.banner--blue{background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.banner--blue a{color:#fff !important}.banner--white{background-color:#fff}.banner--white *,.banner--white .heading,.banner--white .copy,.banner--white .banner--cta__text .heading{color:#333}.banner--white .banner--cta__text .heading{color:#333}.banner--grey{background-color:#f7f7f3}.banner--grey *,.banner--grey .heading,.banner--grey .copy,.banner--grey .banner--cta__text .heading{color:#333}.banner__fav{position:absolute;top:0;right:0;padding:20px}.banner--cta__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12);width:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.banner--cta__image:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image:last-child{margin-right:0}.banner--cta__image:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__image--5{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12)}.banner--cta__image--5:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image--5:last-child{margin-right:0}.banner--cta__image--5:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__image--4{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/12);max-width:calc(100% * 4/12);width:calc(100% * 4/12)}.banner--cta__image--4:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image--4:last-child{margin-right:0}.banner--cta__image--4:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__image--3{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 3/12);max-width:calc(100% * 3/12);width:calc(100% * 3/12)}.banner--cta__image--3:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image--3:last-child{margin-right:0}.banner--cta__image--3:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.banner--cta__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);height:71.9vw;max-height:400px}.banner--cta__image:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__image:last-child{margin-right:0}.banner--cta__image:nth-child(1n){margin-right:0;margin-left:auto}}.banner--cta__text{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;padding:60px 120px;position:relative}.banner--cta__text:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text:last-child{margin-right:0}.banner--cta__text:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text--12{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12)}.banner--cta__text--12:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text--12:last-child{margin-right:0}.banner--cta__text--12:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text--9{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 9/12);max-width:calc(100% * 9/12);width:calc(100% * 9/12)}.banner--cta__text--9:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text--9:last-child{margin-right:0}.banner--cta__text--9:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text--8{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 8/12);max-width:calc(100% * 8/12);width:calc(100% * 8/12)}.banner--cta__text--8:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text--8:last-child{margin-right:0}.banner--cta__text--8:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text--7{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 7/12);max-width:calc(100% * 7/12);width:calc(100% * 7/12)}.banner--cta__text--7:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text--7:last-child{margin-right:0}.banner--cta__text--7:nth-child(12n){margin-right:0;margin-left:auto}.banner--cta__text .button{margin-top:20px}@media (max-width: 768px){.banner--cta__text{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center;padding:60px}.banner--cta__text:nth-child(1n){margin-right:0;margin-left:0}.banner--cta__text:last-child{margin-right:0}.banner--cta__text:nth-child(1n){margin-right:0;margin-left:auto}}.banner--cta__text .heading,.banner--cta__text .copy{color:#fff}.banner--cta__link{padding-top:16px}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(407);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--contact .copy-container--hero{height:auto;height:initial}.office-info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);-ms-flex-preferred-size:33%;flex-basis:33%;margin-bottom:60px;padding:0 20px}.office-info:nth-child(1n){margin-right:0;margin-left:0}.office-info:last-child{margin-right:0}.office-info:nth-child(3n){margin-right:0;margin-left:auto}.office-info__container{margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;display:flex;flex-flow:row wrap;max-width:83.33%;margin-left:auto;margin-right:auto}@media (max-width: 1024px){.office-info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);-ms-flex-preferred-size:50%;flex-basis:50%}.office-info:nth-child(1n){margin-right:0;margin-left:0}.office-info:last-child{margin-right:0}.office-info:nth-child(2n){margin-right:0;margin-left:auto}}@media (max-width: 768px){.office-info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.office-info:nth-child(1n){margin-right:0;margin-left:0}.office-info:last-child{margin-right:0}.office-info:nth-child(1n){margin-right:0;margin-left:auto}}.office-info__item{display:block;margin-top:20px;position:relative;margin-left:30px;padding-left:4px;padding-right:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;word-break:break-all}.office-info__item::before{content:'';height:20px;width:20px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:-30px;top:3px;background-size:contain;background-repeat:no-repeat}.office-info__item a{color:#f80}.office-info__hours::before{background-image:url(" + escape(__webpack_require__(408)) + ")}.office-info__phone::before{background-image:url(" + escape(__webpack_require__(409)) + ")}.office-info__email::before{background-image:url(" + escape(__webpack_require__(410)) + ")}.office-info__pin::before{background-image:url(" + escape(__webpack_require__(411)) + ");left:-24px}.contact-form{display:flex;flex-flow:row wrap;max-width:50%;margin-left:auto;margin-right:auto;padding:60px 0;min-width:41%}@media (max-width: 768px){.contact-form{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 40px}}.contact-form .heading{text-align:center;width:100%}.contact-form p.copy{text-align:center}.form--contact{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form--contact:nth-child(1n){margin-right:0;margin-left:0}.form--contact:last-child{margin-right:0}.form--contact:nth-child(1n){margin-right:0;margin-left:auto}.form--contact .button{margin-top:20px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.input-list--contact div{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.input-list--contact div:nth-child(1n){margin-right:0;margin-left:0}.input-list--contact div:last-child{margin-right:0}.input-list--contact div:nth-child(1n){margin-right:0;margin-left:auto}.input-list--contact div input{width:100%;padding-top:20px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Contact/style.scss"],"names":[],"mappings":"AAAA,0CAA0C,YAAY,cAAc,CAAC,aAAa,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,4BAA4B,eAAe,mBAAmB,cAAc,CAAC,2BAA2B,eAAe,aAAa,CAAC,wBAAwB,cAAc,CAAC,2BAA2B,eAAe,gBAAgB,CAAC,wBAAwB,gBAAgB,oBAAoB,oBAAoB,aAAa,mBAAmB,eAAe,aAAa,mBAAmB,iBAAiB,iBAAiB,iBAAiB,CAAC,2BAA2B,aAAa,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,4BAA4B,cAAc,CAAC,2BAA2B,eAAe,aAAa,CAAC,wBAAwB,cAAc,CAAC,2BAA2B,eAAe,gBAAgB,CAAC,CAAC,0BAA0B,aAAa,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,2BAA2B,eAAe,aAAa,CAAC,wBAAwB,cAAc,CAAC,2BAA2B,eAAe,gBAAgB,CAAC,CAAC,mBAAmB,cAAc,gBAAgB,kBAAkB,iBAAiB,iBAAiB,mBAAmB,yBAAyB,sBAAsB,mBAAmB,oBAAoB,CAAC,2BAA2B,WAAW,YAAY,WAAW,kBAAkB,oBAAoB,oBAAoB,aAAa,WAAW,QAAQ,wBAAwB,2BAA2B,CAAC,qBAAqB,UAAU,CAAC,4BAA4B,8CAAmE,CAAC,4BAA4B,8CAAgE,CAAC,4BAA4B,8CAAgE,CAAC,0BAA0B,+CAA+D,UAAU,CAAC,cAAc,aAAa,mBAAmB,cAAc,iBAAiB,kBAAkB,eAAe,aAAa,CAAC,0BAA0B,cAAc,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,iBAAiB,CAAC,CAAC,uBAAuB,kBAAkB,UAAU,CAAC,qBAAqB,iBAAiB,CAAC,eAAe,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,6BAA6B,eAAe,aAAa,CAAC,0BAA0B,cAAc,CAAC,6BAA6B,eAAe,gBAAgB,CAAC,uBAAuB,gBAAgB,2BAA2B,0BAA0B,iBAAiB,CAAC,yBAAyB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,uCAAuC,eAAe,aAAa,CAAC,oCAAoC,cAAc,CAAC,uCAAuC,eAAe,gBAAgB,CAAC,+BAA+B,WAAW,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".container--contact .copy-container--hero{height:auto;height:initial}.office-info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);-ms-flex-preferred-size:33%;flex-basis:33%;margin-bottom:60px;padding:0 20px}.office-info:nth-child(1n){margin-right:0;margin-left:0}.office-info:last-child{margin-right:0}.office-info:nth-child(3n){margin-right:0;margin-left:auto}.office-info__container{margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;display:flex;flex-flow:row wrap;max-width:83.33%;margin-left:auto;margin-right:auto}@media (max-width: 1024px){.office-info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);-ms-flex-preferred-size:50%;flex-basis:50%}.office-info:nth-child(1n){margin-right:0;margin-left:0}.office-info:last-child{margin-right:0}.office-info:nth-child(2n){margin-right:0;margin-left:auto}}@media (max-width: 768px){.office-info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.office-info:nth-child(1n){margin-right:0;margin-left:0}.office-info:last-child{margin-right:0}.office-info:nth-child(1n){margin-right:0;margin-left:auto}}.office-info__item{display:block;margin-top:20px;position:relative;margin-left:30px;padding-left:4px;padding-right:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;word-break:break-all}.office-info__item::before{content:'';height:20px;width:20px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:-30px;top:3px;background-size:contain;background-repeat:no-repeat}.office-info__item a{color:#f80}.office-info__hours::before{background-image:url(\"../../common/images/icons/icon_calendar.svg\")}.office-info__phone::before{background-image:url(\"../../common/images/icons/icon_phone.svg\")}.office-info__email::before{background-image:url(\"../../common/images/icons/icon_email.svg\")}.office-info__pin::before{background-image:url(\"../../common/images/icons/icon_pin.svg\");left:-24px}.contact-form{display:flex;flex-flow:row wrap;max-width:50%;margin-left:auto;margin-right:auto;padding:60px 0;min-width:41%}@media (max-width: 768px){.contact-form{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;padding:60px 40px}}.contact-form .heading{text-align:center;width:100%}.contact-form p.copy{text-align:center}.form--contact{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form--contact:nth-child(1n){margin-right:0;margin-left:0}.form--contact:last-child{margin-right:0}.form--contact:nth-child(1n){margin-right:0;margin-left:auto}.form--contact .button{margin-top:20px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.input-list--contact div{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.input-list--contact div:nth-child(1n){margin-right:0;margin-left:0}.input-list--contact div:last-child{margin-right:0}.input-list--contact div:nth-child(1n){margin-right:0;margin-left:auto}.input-list--contact div input{width:100%;padding-top:20px}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "b85a16ef0a66a49d0db26db98ee9efc3.svg";module.exports = __webpack_require__.p + "0aad539769798aaa0e1a4f3fef8acad2.svg";module.exports = __webpack_require__.p + "28e5a5a914c2173b0ec54863dfe9659b.svg";module.exports = __webpack_require__.p + "8f372ef5aa3117fe7375d0314dbe6bc8.svg";module.exports = __webpack_require__.p + "d8e7e2f902319854c85c603e5b1124de.jpg";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _reactRouter = __webpack_require__(19);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _utils = __webpack_require__(5);

__webpack_require__(413);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var VisitView = (_temp2 = _class = function (_React$Component) {
	_inherits(VisitView, _React$Component);

	function VisitView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, VisitView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = VisitView.__proto__ || Object.getPrototypeOf(VisitView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			pageData: [],
			transitionInComplete: false
		}, _this.scrollToHash = function (hash) {
			var anchorEl = void 0;
			if (hash) {
				anchorEl = document.querySelector(hash);
			}
			var headerEl = document.querySelector('.app-header');

			if (anchorEl && headerEl) {
				var bodyTop = document.documentElement.scrollTop || document.body.scrollTop;
				var anchorTopPos = anchorEl.getBoundingClientRect().top + bodyTop;
				var headerHeight = headerEl.getBoundingClientRect().height;

				window.scrollTo(0, anchorTopPos - headerHeight);
			}
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(VisitView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			(0, _utils.request)({
				path: '/pages/visit-us'
			}).then(function (pageData) {
				_this2.setState({
					pageData: pageData.data.attributes
				});
			}).catch(function (err) {
				console.error(err);
			});
			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
		}
	}, {
		key: 'componentDidUpdate',
		value: function componentDidUpdate(prevProps, prevState) {
			var hash = this.props.hash;
			var pageData = this.state.pageData;


			if (hash !== prevState.hash) {
				this.scrollToHash(hash);
			} else if (pageData !== prevState.pageData) {
				var img = new Image();
				img.onload = this.scrollToHash(hash);

				img.src = pageData.hero.image;
			}
		}
	}, {
		key: 'render',
		value: function render() {
			var pageData = this.state.pageData;
			var banner = this.props.banner;

			var containerCls = (0, _classnames2.default)('container', 'container--visit', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			// TODO: Wrap this as a transition or loader
			if (pageData.length === 0) {
				return _react2.default.createElement('div', { className: containerCls });
			}

			var heroData = pageData.hero;
			var pageContent = pageData.content;

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: heroData.headline,
					subheading: heroData.subheading,
					bgImgSrc: heroData.image
				}),
				pageContent.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
				}),
				_react2.default.createElement(
					'div',
					{ className: 'faq-cta' },
					_react2.default.createElement(
						'h1',
						{ className: 'heading heading--lg' },
						'Haven\u2019t found what you are looking for? Learn more in our\xA0',
						_react2.default.createElement(
							_reactRouter.Link,
							{ to: '/faq' },
							'FAQs.'
						)
					)
				)
			);
		}
	}]);

	return VisitView;
}(_react2.default.Component), _class.propTypes = {
	hash: _react2.default.PropTypes.string,
	banner: _react2.default.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(state, ownProps) {
	return {
		hash: ownProps.location.hash,
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(VisitView);
var content = __webpack_require__(414);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--visit__subheading{color:#333;width:100%}.container--visit__subheading p:not(:first-child){padding-top:20px}.container--visit #accessibility h2,.container--visit #accessibility h3,.container--visit #accessibility h4,.container--visit #accessibility h5,.container--visit #accessibility h6{padding-top:40px}.container--visit .faq-cta{position:relative;z-index:2;text-align:center;padding:80px 0}@media (max-width: 768px){.container--visit .faq-cta{padding:80px 40px}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Visit/style.scss"],"names":[],"mappings":"AAAA,8BAA8B,WAAW,UAAU,CAAC,kDAAkD,gBAAgB,CAAC,oLAAoL,gBAAgB,CAAC,2BAA2B,kBAAkB,UAAU,kBAAkB,cAAc,CAAC,0BAA0B,2BAA2B,iBAAiB,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--visit__subheading{color:#333;width:100%}.container--visit__subheading p:not(:first-child){padding-top:20px}.container--visit #accessibility h2,.container--visit #accessibility h3,.container--visit #accessibility h4,.container--visit #accessibility h5,.container--visit #accessibility h6{padding-top:40px}.container--visit .faq-cta{position:relative;z-index:2;text-align:center;padding:80px 0}@media (max-width: 768px){.container--visit .faq-cta{padding:80px 40px}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

__webpack_require__(56);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _PrivateTourForm = __webpack_require__(415);

var _PrivateTourForm2 = _interopRequireDefault(_PrivateTourForm);

var _utils = __webpack_require__(5);

__webpack_require__(420);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var TourRentalForm = function (_Component) {
	_inherits(TourRentalForm, _Component);

	function TourRentalForm() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, TourRentalForm);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = TourRentalForm.__proto__ || Object.getPrototypeOf(TourRentalForm)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			formSubmitted: false,
			firstTimeVisit: false,
			tourType: null,
			tourTimesOptions: [],
			groupOptions: {},
			timeHelperText: null,
			groupHelperText: null,
			schoolIsTitleOne: null,
			errors: [],
			initialized: false,
			content: {},
			hero: {}
		}, _this.fetchPageContent = function () {
			(0, _utils.request)({
				path: '/pages/tour-request-form'
			}).then(function (_ref2) {
				var data = _ref2.data;
				var _data$attributes = data.attributes,
				    content = _data$attributes.content,
				    hero = _data$attributes.hero;


				_this.setState({
					initialized: true,
					content: content,
					hero: hero
				});

				_this.forceUpdate(); //	to override shouldComponentUpdate logic
			}).catch(function (err) {
				throw new Error(err);
			});
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(TourRentalForm, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			this.fetchPageContent();
		}
	}, {
		key: 'render',
		value: function render() {
			var initialized = this.state.initialized;

			if (!initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--rental-form', 'container--rental-form__tours', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var _state = this.state,
			    hero = _state.hero,
			    content = _state.content;


			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				_react2.default.createElement(
					'section',
					{ className: 'splash' },
					_react2.default.createElement('div', {
						className: 'copy-container',
						dangerouslySetInnerHTML: { __html: content[0].introText }
					})
				),
				_react2.default.createElement(_PrivateTourForm2.default, null)
			);
		}
	}]);

	return TourRentalForm;
}(_react.Component);

exports.default = TourRentalForm;

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactDom = __webpack_require__(24);

var _reactFlatpickr = __webpack_require__(74);

var _reactFlatpickr2 = _interopRequireDefault(_reactFlatpickr);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _bowser = __webpack_require__(95);

var _bowser2 = _interopRequireDefault(_bowser);

var _labelPlugin = __webpack_require__(96);

var _labelPlugin2 = _interopRequireDefault(_labelPlugin);

__webpack_require__(56);

var _polyfills = __webpack_require__(36);

var _polyfills2 = _interopRequireDefault(_polyfills);

var _config = __webpack_require__(42);

var _MultiSelect = __webpack_require__(41);

var _MultiSelect2 = _interopRequireDefault(_MultiSelect);

var _IconCheckboxList = __webpack_require__(51);

var _IconCheckboxList2 = _interopRequireDefault(_IconCheckboxList);

var _IconCheckboxItem = __webpack_require__(52);

var _IconCheckboxItem2 = _interopRequireDefault(_IconCheckboxItem);

var _utils = __webpack_require__(5);

__webpack_require__(416);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var PrivateTourForm = function (_Component) {
	_inherits(PrivateTourForm, _Component);

	function PrivateTourForm() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, PrivateTourForm);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = PrivateTourForm.__proto__ || Object.getPrototypeOf(PrivateTourForm)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			formSubmitted: false,
			firstTimeVisit: null,
			tourType: 'Private Tour',

			tourTimesOptions: [{ label: '11am', value: '11am' }, { label: '1pm', value: '1pm', _default: true }, { label: '3pm', value: '3pm' }],
			groupOptions: {
				visitors: 50,
				chaperones: 1
			},
			groupInfoOptions: [{
				value: 'Grades 1-3',
				label: 'Grades 1-3'
			}, {
				value: 'Grades 4-7',
				label: 'Grades 4-7'
			}, {
				value: 'Grades 8-12',
				label: 'Grades 8-12'
			}, {
				value: 'Adults 18+',
				label: 'Adults 18+'
			}, {
				value: 'Adults and Children',
				label: 'Adults and Children'
			}],
			timeHelperText: null,
			groupHelperText: null,

			schoolIsTitleOne: null,
			errors: [],
			initialized: true
		}, _this.repositionFlatpickrs = function () {
			//	we need to position these adjacent to their respective inputs for tab accesbility
			//	but can't use flatpickr appendTo since the DOM doesn't exist when it runs - so do it manually
			_this.flatpickrs = Array.from(document.querySelectorAll('.flatpickr-calendar'));
			var containers = ['.first-date', '.second-date', '.third-date'];

			_this.flatpickrs.forEach(function (fp, index) {
				var container = document.querySelector(containers[index]);
				container.appendChild(fp);
			});
		}, _this.focusOpenCalendar = function () {
			var openCalendar = document.querySelector('.flatpickr-calendar.open');
			if (openCalendar) {
				// openCalendar.style.top = `${parseInt(openCalendar.style.top, 10) - 80}px`;
				openCalendar.style.top = '45px';
				openCalendar.style.left = 0;
				openCalendar.focus();
			}
		}, _this.datePickerOpts = function () {
			return {
				altInput: true,
				minuteIncrement: 30,
				disableMobile: false,
				allowInput: false,
				plugins: [new _labelPlugin2.default({})],
				disable: [function (date) {
					if (_this.state.tourType === 'Birthday Party') {
						var birthdayStart = new Date('2019-04-20');
						if (date < birthdayStart) {
							return true;
						}

						return date.getDay() !== 6;
					}

					return false;
				}, function (date) {
					return (0, _utils.beforeTodaysDate)(date);
				}]
			};
		}, _this.handleSubmit = function (e) {
			e.preventDefault();
			var formData = new FormData(e.target);

			_this.setState({
				errors: [] //	remove errors from a previously rejected form submission attempt, we'll catch them below
			}, function () {
				//	manual validation for Flatpickr and MultiSelect which can't do HTML validation
				var errors = _this.state.errors;

				_this.dateSelectors.forEach(function (ds, index) {
					if (ds.flatpickr.selectedDates.length === 0) {
						errors.push('Please select a date for ' + (0, _utils.getOrdinal)(index) + ' Date Choice');
						ds.flatpickr.altInput.classList.add('invalid');
					}
				});

				_this.timeSelectors.forEach(function (ts, index) {
					if (ts.state.selectedNb === 0) {
						errors.push('Please select a time for ' + (0, _utils.getOrdinal)(index) + ' Time Choice');
						var el = (0, _reactDom.findDOMNode)(ts);
						el.querySelector('.dropdown-control').classList.add('invalid');
					}
				});

				formData.append('Tour Type', _this.state.tourType);

				if (_this.groupInformationSelector.state.selectedNb === 0) {
					var el = (0, _reactDom.findDOMNode)(_this.groupInformationSelector);
					el.querySelector('.dropdown-control').classList.add('invalid');
					errors.push('Please select a Grade Level');
				}

				//	manual number validation to work around this edge bug
				//	https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4546283/
				if (_bowser2.default.msedge) {
					var _this2 = _this,
					    visitorsInput = _this2.visitorsInput,
					    chaperonesInput = _this2.chaperonesInput;

					var visitors = Number(visitorsInput.value);
					var chaperones = Number(chaperonesInput.value);

					if (isNaN(visitors)) {
						errors.push('Please enter a valid number of visitors');
						visitorsInput.classList.add('invalid');
					}

					if (isNaN(chaperones)) {
						errors.push('Please enter a valid number of chaperones');
						chaperonesInput.classList.add('invalid');
					}
				}

				if (errors.length > 0) {
					_this.setState({
						errors: errors
					});
					_this.forceUpdate();
					return;
				}

				(0, _polyfills2.default)(_config.SERVER_URL + '/api/v1/submit-tour-form', {
					method: 'POST',
					body: formData
				}).then(function () {
					_this.setState({
						formSubmitted: true
					});
				}).catch(function (err) {
					throw new Error(err);
				});
			});
		}, _this.handleFirstTime = function (name) {
			_this.setState({
				firstTimeVisit: name === 'yes'
			});

			_this.forceUpdate();
		}, _this.handleTitleOneChange = function () {
			_this.setState({
				schoolIsTitleOne: !_this.state.schoolIsTitleOne
			});

			_this.forceUpdate();
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(PrivateTourForm, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			this.errorDiv = false;
			this.successDiv = false;
			this.dateSelectors = [null, null, null]; //	empty array for Flatpickr refs
			this.timeSelectors = [null, null, null]; //	initialize empty array for MultiSelect refs
		}
	}, {
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this3 = this;

			setTimeout(function () {
				_this3.setState({
					transitionInComplete: true
					// initialized: true,
				});
				_this3.repositionFlatpickrs();
			}, 2048);

			this.flatpickrInputs = Array.from(document.querySelectorAll('.form-control.flatpickr-input'));

			this.flatpickrInputs.forEach(function (input) {
				input.addEventListener('focus', _this3.focusOpenCalendar, false);
			});

			var elements = document.querySelectorAll('input,select,textarea');
			var self = this;
			var invalidListener = function onInvalid(err) {
				var _self$state = self.state,
				    errors = _self$state.errors,
				    groupOptions = _self$state.groupOptions;

				err.preventDefault();
				err.srcElement.classList.add('invalid');
				var msg = err.srcElement.name + ' is required.';
				if (err.srcElement.name === 'Number of Visitors') {
					msg = err.srcElement.name + ' is required and must be between 10 and ' + groupOptions.visitors.toString() + '.';
				} else if (err.srcElement.name === 'Number of Chaperones') {
					msg = err.srcElement.name + ' is required and must be between ' + groupOptions.chaperones.toString() + ' and 10.';
				}
				errors.push(msg);
				self.setState({ errors: errors });
				return false;
			};

			for (var i = elements.length; i--;) {
				//	eslint-disable-line no-plusplus
				elements[i].addEventListener('invalid', invalidListener);
			}
		}
	}, {
		key: 'shouldComponentUpdate',
		value: function shouldComponentUpdate(nextProps, nextState) {
			if (nextState.transitionInComplete !== this.state.transitionInComplete || nextState.formSubmitted !== this.state.formSubmitted || nextState.errors.length > 0) {
				return true;
			}
			return false;
		}
	}, {
		key: 'componentDidUpdate',
		value: function componentDidUpdate() {
			if (this.state.formSubmitted) {
				this.successDiv.scrollIntoView(true);
				var _window = window,
				    scrollY = _window.scrollY;

				window.scrollTo(0, scrollY - 180);
			} else if (this.state.errors.length > 0) {
				this.errorDiv.scrollIntoView(true);
				var _window2 = window,
				    _scrollY = _window2.scrollY;

				window.scrollTo(0, _scrollY - 180);
			}
			return true;
		}
	}, {
		key: 'componentWillUnmount',
		value: function componentWillUnmount() {
			var _this4 = this;

			this.flatpickrInputs.forEach(function (input) {
				input.removeEventListener('focus', _this4.focusOpenCalendar, false);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _this5 = this;

			var initialized = this.state.initialized;

			if (!initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--contact-form', 'container--contact-form__tours', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var datePickerOpts = this.datePickerOpts;
			var _state = this.state,
			    timeHelperText = _state.timeHelperText,
			    tourTimesOptions = _state.tourTimesOptions,
			    groupOptions = _state.groupOptions,
			    errors = _state.errors,
			    firstTimeVisit = _state.firstTimeVisit,
			    groupInfoOptions = _state.groupInfoOptions;


			var firstTimeVisitFields = [
			/* eslint-disable no-unneeded-ternary */
			{ id: 'yes', name: 'yes', label: 'yes', color: 'green', inputCls: 'checkbox-list__box', checked: firstTimeVisit === true ? true : false }, { id: 'no', name: 'no', label: 'no', color: 'green', inputCls: 'checkbox-list__box', checked: firstTimeVisit === false ? true : false }];

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(
					'div',
					{ className: 'contact-form__container' },
					errors.length > 0 && _react2.default.createElement(
						'div',
						{ className: 'errors-container full-width', ref: function ref(ds) {
								_this5.errorDiv = ds;
							} },
						errors.map(function (err) {
							return _react2.default.createElement(
								'p',
								{ className: 'copy-container alert alert--danger', key: err },
								err
							);
						})
					),
					this.state.formSubmitted && _react2.default.createElement(
						'p',
						{ className: 'copy-container alert--success', ref: function ref(e) {
								_this5.successDiv = e;
							} },
						'Thanks! We have received your submission and are reviewing your entry.'
					),
					!this.state.formSubmitted && _react2.default.createElement(
						'form',
						{
							className: 'a-form contact-form',
							onSubmit: this.handleSubmit,
							autoComplete: _bowser2.default.msedge ? 'off' : 'on'
						},
						_react2.default.createElement(
							'div',
							{ className: 'full-width' },
							_react2.default.createElement('input', {
								type: 'text',
								placeholder: 'Group Name*',
								name: 'Group Name',
								'aria-label': 'Group Name',
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									htmlFor: 'First Time Visit'
								},
								'First Time Visit:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'radio-wrapper' },
								_react2.default.createElement(
									'div',
									{
										className: 'checkbox-list-container'
									},
									_react2.default.createElement(
										_IconCheckboxList2.default,
										null,
										firstTimeVisitFields.map(function (option, index) {
											return _react2.default.createElement(_IconCheckboxItem2.default, _extends({}, option, {
												index: index,
												onChange: _this5.handleFirstTime
											}));
										})
									)
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list date-picker' },
							_react2.default.createElement(
								'p',
								{ className: 'copy copy--blue helper-text' },
								timeHelperText
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container date-time' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width flatpickr-date' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'First Date Choice'
										},
										'First Choice*:'
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width first-date flatpickr-date' },
										_react2.default.createElement(_reactFlatpickr2.default, {
											placeholder: _bowser2.default.msie ? null : '(Select a date)',
											name: 'First Date Choice',
											options: datePickerOpts(),
											ref: function ref(ds) {
												_this5.dateSelectors[0] = ds;
											},
											id: 'First Date Choice'
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width time-picker' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'First Time Choice'
										},
										'Time:'
									),
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'First Time Choice',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: tourTimesOptions,
										placeholder: tourTimesOptions[0].label,
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.timeSelectors[0] = ts;
										},
										disabled: tourTimesOptions.length === 1
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list date-picker' },
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container date-time' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width flatpickr-date' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'Second Date Choice'
										},
										'Second Choice*:'
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width second-date flatpickr-date' },
										_react2.default.createElement(_reactFlatpickr2.default, {
											placeholder: _bowser2.default.msie ? null : '(Select a date)',
											name: 'Second Date Choice',
											options: datePickerOpts(),
											ref: function ref(ds) {
												_this5.dateSelectors[1] = ds;
											},
											id: 'Second Date Choice'
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width time-picker' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'Second Time Choice'
										},
										'Time:'
									),
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Second Time Choice',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: tourTimesOptions,
										placeholder: tourTimesOptions[0].label,
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.timeSelectors[1] = ts;
										},
										disabled: tourTimesOptions.length === 1
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list date-picker' },
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container date-time' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width flatpickr-date' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'Third Date Choice'
										},
										'Third Choice*:'
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width third-date flatpickr-date' },
										_react2.default.createElement(_reactFlatpickr2.default, {
											placeholder: _bowser2.default.msie ? null : '(Select a date)',
											name: 'Third Date Choice',
											id: 'Third Date Choice',
											options: datePickerOpts(),
											ref: function ref(ds) {
												_this5.dateSelectors[2] = ds;
											}
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width time-picker' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'Third Time Choice'
										},
										'Time:'
									),
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Third Time Choice',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: tourTimesOptions,
										placeholder: tourTimesOptions[0].label,
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.timeSelectors[2] = ts;
										},
										disabled: tourTimesOptions.length === 1
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Contact Details:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'First Name*',
										name: 'First Name',
										'aria-label': 'First Name',
										maxLength: '20',
										minLength: '2',
										required: true
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Last Name*',
										name: 'Last Name',
										'aria-label': 'Last Name',
										maxLength: '20',
										minLength: '2',
										required: true
									})
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'email',
									placeholder: 'Email*',
									name: 'Email',
									'aria-label': 'Email',
									required: true,
									maxLength: '40',
									pattern: '[A-Za-z0-9._-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,63}'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'tel',
									placeholder: 'Phone*',
									name: 'Phone',
									'aria-label': 'Phone',
									required: true,
									minLength: '10',
									maxLength: '12'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Address',
									name: 'Address',
									'aria-label': 'Address',
									minLength: '2',
									maxLength: '40'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'City',
										name: 'City',
										'aria-label': 'City',
										minLength: '2',
										maxLength: '30'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'quarter-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'State',
										name: 'State',
										'aria-label': 'State',
										minLength: '2',
										maxLength: '2'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'quarter-width' },
									_react2.default.createElement('input', {
										type: 'tel',
										placeholder: 'Zip',
										name: 'Zip',
										'aria-label': 'Zip',
										minLength: '5',
										maxLength: '5'
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: '',
									htmlFor: 'Number of Visitors'
								},
								'Number of Visitors:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										type: _bowser2.default.msedge ? 'text' : 'number',
										name: 'Number of Visitors',
										placeholder: 'Select One*',
										'aria-label': 'Select One',
										min: '10',
										max: groupOptions.visitors.toString(),
										required: true,
										ref: function ref(visitorsInput) {
											_this5.visitorsInput = visitorsInput;
										},
										onKeyUp: function onKeyUp(e) {
											var val = e.target.valueAsNumber;
											if (!val) {
												e.target.value = '';
											} else {
												e.target.value = Math.min(e.target.max, val);
											}
										}
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: '',
									htmlFor: 'Number of Chaperones'
								},
								'Number of Chaperones:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										key: groupOptions.chaperones.toString(),
										name: 'Number of Chaperones',
										type: _bowser2.default.msedge ? 'text' : 'number',
										placeholder: 'Select One',
										'aria-label': 'Number of Chaperones',
										min: groupOptions.chaperones.toString(),
										max: '5',
										ref: function ref(chaperonesInput) {
											_this5.chaperonesInput = chaperonesInput;
										},
										onKeyUp: function onKeyUp(e) {
											var val = e.target.valueAsNumber;
											if (!val) {
												e.target.value = '';
											} else {
												e.target.value = Math.min(e.target.max, val);
											}
										}
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Grade Level'
								},
								'Grade / Age Level*'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Grade Level',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: groupInfoOptions,
										placeholder: '(Select one)',
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.groupInformationSelector = ts;
										}
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Background of Group'
								},
								'Please provide any information on the background of your group and your interest in visiting Wallis Annenberg PetSpace.*'
							),
							_react2.default.createElement('textarea', {
								name: 'Background of Group',
								'aria-label': 'Background of Group',
								required: true
							})
						),
						_react2.default.createElement(
							'p',
							{ className: 'copy-container form-notice' },
							'Once you submit a request with preferred dates, a representative from Annenberg PetSpace will reach out within two business days for next steps.'
						),
						_react2.default.createElement(
							'button',
							{
								className: 'button button--orange',
								type: 'submit',
								label: 'Submit'
							},
							'Submit'
						)
					)
				)
			);
		}
	}]);

	return PrivateTourForm;
}(_react.Component);

exports.default = PrivateTourForm;

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = IconCheckboxList;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

__webpack_require__(308);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function IconCheckboxList(_ref) {
	var legend = _ref.legend,
	    cls = _ref.cls,
	    listCls = _ref.listCls,
	    children = _ref.children;

	var listClass = (0, _classnames2.default)('checkbox-list', _defineProperty({}, listCls, listCls));
	return _react2.default.createElement(
		'fieldset',
		{ className: cls },
		_react2.default.createElement(
			'legend',
			{ className: 'copy' },
			legend
		),
		_react2.default.createElement(
			'div',
			{ className: listClass },
			children
		)
	);
}

IconCheckboxList.propTypes = {
	legend: _react2.default.PropTypes.string,
	cls: _react2.default.PropTypes.string,
	listCls: _react2.default.PropTypes.string,
	children: _react2.default.PropTypes.node
};
var content = __webpack_require__(309);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".checkbox-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/IconCheckboxList/style.scss"],"names":[],"mappings":"AAAA,eAAe,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,mBAAmB,eAAe,wBAAwB,qBAAqB,sBAAsB,CAAC","file":"style.scss","sourcesContent":[".checkbox-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

__webpack_require__(310);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function DogIcon() {
	return _react2.default.createElement(
		'svg',
		{ width: '187px', height: '211px', viewBox: '0 0 187 211', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
		_react2.default.createElement('path', { d: 'M97.0047708,190.819201 C84.5393143,191.751266 57.217444,191.460451 57.217444,191.460451 C57.217444,191.460451 43.644061,179.518371 45.5081906,164.605334 C45.7291966,164.604902 17.0013169,175.857887 10.4392526,145.964038 C9.3906797,141.187206 11.0217931,141.886255 7.5265501,140.371649 C7.5265501,140.371649 4.59600317,142.262569 4.49733951,145.148481 C4.03130711,158.779929 7.52609499,185.343321 44.5756707,180.449981 C44.5756707,180.449981 28.6154264,135.478309 92.46141,75.0106053 C92.46141,75.0106053 101.781148,68.835676 101.082554,48.0972342 C101.082554,48.0972342 103.063192,33.0676894 113.665429,26.3102196 L116.112554,23.7470414 C116.112554,23.7470414 114.481441,-3.51539887 122.753061,7.43590741 C131.024681,18.3872137 130.093526,17.9216364 130.093526,21.1838632 C130.093526,24.44609 143.724974,22.9901938 146.462459,25.2033926 C149.199944,27.4165914 151.182403,32.0195716 166.327545,29.8054626 C166.327545,29.8054626 175.181251,34.2323153 165.39457,42.2713741 C155.60789,50.310433 146.753729,48.7962828 144.307059,58.8159794 C141.860389,68.835676 144.308425,79.6713844 148.385298,84.9137938 C152.462171,90.1562032 149.199034,118.933249 139.64628,127.904828 C139.64628,127.904828 136.734033,116.487489 137.316573,111.594149 C137.899114,106.700808 138.365146,115.322408 138.365146,115.322408 L141.743881,162.624696 C141.743881,162.624696 145.356998,178.586761 155.375784,180.79996 C165.39457,183.013159 162.016746,195.013948 150.831513,192.683786 C150.831513,192.683786 141.859479,190.935254 141.51041,190.819201 C141.161341,190.703148 131.142099,188.140425 121.820996,152.488492 L115.879538,127.555758 C115.879538,127.555758 113.666339,124.060515 118.792241,145.148481 L120.306391,150.857378 L106.674488,162.507733 C106.674488,162.507733 113.432868,146.430526 83.6067944,142.468795 C78.4799829,140.95419 81.1601243,142.352287 81.1601243,142.352287 C81.1601243,142.352287 125.083223,143.633876 99.3349328,177.071701 L97.0047708,176.838685 C97.0047708,176.838685 80.5780389,171.479312 71.3734439,174.974555 C62.1688489,178.469798 80.1106412,174.9741 80.1106412,174.9741 C80.1106412,174.9741 113.316815,173.45995 106.325874,186.741873 C104.461289,187.440922 107.257028,191.168726 97.0047708,190.819201 Z', id: 'Path-2', stroke: '#FFFFFF', strokeWidth: '8' })
	);
}

function CatIcon() {
	return _react2.default.createElement(
		'svg',
		{ width: '187px', height: '211px', viewBox: '0 0 187 211', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
		_react2.default.createElement('path', { d: 'M99,175 L52.2390291,175 C52.2390291,175 18.59884,175.016241 33.8888889,122.555556 C40.3333333,100.444444 29.2412435,149.438831 29.6666667,147.555556 C38.7777778,107.222222 28.8888889,151.444444 28.8888889,151.444444 C28.8888889,151.444444 -4.958654,113.888455 7.88888889,87.2222222 C10.3436563,82.1271314 23.2222222,71.2222222 24.2222222,60.2222222 C25.014938,51.502349 17.5663935,45.5555556 33.8888889,43.4444444 C40.062283,42.6459929 46.2708817,54.5324444 44.6666667,62.3333333 C39,89.8888889 27.2222222,87.2222222 25,100 C25,116.221788 33.4738377,120.010987 33.8888889,120.555122 C36.3876716,123.831039 37.3333333,69 87.7777778,64.2222222 C96.4440104,41.2217882 96.5555556,53 103.888889,40.2222222 C106.706706,35.3123894 110.888889,29.1111111 118.666667,20.4444444 C120.071283,18.8793006 127.777778,4.11111111 134.666233,3.99956597 C139.333333,5.77777778 136.777778,16 135.666667,20.4444444 C132.555556,23.7777778 145.555122,17.1106771 150.777778,32.4444444 C160.222222,29.4444444 170.666667,50.8888889 145.888889,56.7777778 C139.777778,67.7777778 147.555556,99.2222222 121.222222,124.555556 C120.44401,146.999566 120.551717,157.219551 120.555122,157.221788 C135.777778,168.222222 123.000434,176.444444 116.667101,175 C111.491161,173.819523 97.8884549,175.555122 96.4444444,130 C96.5955695,129.508843 111.55599,167.000434 78.4444444,160.444444 C77.113569,160.180935 91.625,162.5 86.4444444,161.111111 C81.2638889,159.722222 100.666667,160.777778 99.6666667,146 C98.6666667,131.222222 100.970697,164.203321 101.333767,164.666667 C106.777344,168.999566 99,175 99,175 Z', id: 'Path-2', stroke: '#FFFFFF', strokeWidth: '8' })
	);
}

function SmallAnimalIcon() {
	return _react2.default.createElement(
		'svg',
		{ width: '187px', height: '211px', viewBox: '0 0 187 211', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
		_react2.default.createElement('path', { d: 'M88.3394221,168.26791 L42.1620499,168.26791 C42.1620499,168.26791 31.508202,163.969905 25.5555556,152.666667 C23.4540254,148.676156 21.59176,128.899265 22.75,125.125 C23.5555556,122.5 23.2105759,150.864693 22.0302955,150.555122 C8.4743059,146.999566 5.55512153,144.666233 4.11067708,137.110677 C3.04105403,131.515726 5.37402344,128.374023 9.24951172,127.624512 C13.125,126.875 23.0936012,127.730054 23.5555556,123.777778 C25.5555556,106.666667 30.8320658,92.6535819 49.6035329,85.326791 C68.375,78 88.8377973,87.8745117 96.9995117,67.8745117 C105.161226,47.8745117 116.132356,48.1245055 116.132356,51.4062807 C116.132356,54.6880558 101.823111,11.8358685 113.286555,4.79293425 C124.75,-2.25 131.752327,40.9340039 128.25,49.25 C124.747673,57.5659961 141.957422,5.88799911 151.365919,11.1393523 C160.774415,16.3907055 153.505888,40.7158979 139.5,47.5 C132.50883,50.8863478 129.786981,44.718733 130.125,43.875 C130.463019,43.031267 133.875,47.5 133.875,47.5 L138.624512,48.6245117 C138.624512,48.6245117 158.596421,62.026164 157.124512,71.7495117 C156.5,75.875 154.400898,78.7447893 151.365919,80.6245117 C148.330939,82.5042342 136.10431,84.6765147 123.571275,83.5752001 C103.657507,81.8253189 131.25,83.5752001 131.25,83.5752001 C131.25,83.5752001 129.25,84.75 125.375,90.875 C121.5,97 121.26683,99.8774517 120.875,108 C119.998777,126.163886 119.851816,164.328754 119.851816,164.328754 C119.851816,164.328754 114.81674,176.801038 109.565387,162.139479 C104.314033,147.47792 101.560387,117.003203 100.333333,113.444444 C99.1062797,109.885685 103.000981,143.101079 103.000981,143.101079 C103.000981,143.101079 96.0416234,145.552345 91.3333333,145.555556 C86.6250432,145.558766 86.8517158,147.692737 87.1111111,143.101079 C87.326527,139.287919 88.8377973,135.333333 82.3333333,128.333333 C75.8288693,121.333333 59.1468281,116.964052 59,117 C58.8173635,117.044715 74.2737728,120.99887 82.868372,129.444444 C91.4629712,137.890019 88.8377973,146.568682 88.8377973,146.568682 L82.868372,155.5 C82.868372,155.5 91.9478792,154.74941 93.3333333,161.444444 C94.7187875,168.139479 88.3394221,168.26791 88.3394221,168.26791 Z', id: 'Path-2', stroke: '#FFFFFF', strokeWidth: '7' })
	);
}

function IconCheckboxItem(_ref) {
	var _ref$type = _ref.type,
	    type = _ref$type === undefined ? 'checkbox' : _ref$type,
	    label = _ref.label,
	    name = _ref.name,
	    id = _ref.id,
	    _ref$color = _ref.color,
	    color = _ref$color === undefined ? 'orange' : _ref$color,
	    inputCls = _ref.inputCls,
	    _onChange = _ref.onChange,
	    index = _ref.index,
	    _ref$checked = _ref.checked,
	    checked = _ref$checked === undefined ? false : _ref$checked;

	var text = label || name;
	var checkboxColorCls = 'checkbox-list__item--' + color;
	var checkboxCls = (0, _classnames2.default)(_defineProperty({
		'checkbox-list__box': true
	}, inputCls, inputCls));
	return _react2.default.createElement(
		'div',
		{ className: 'copy checkbox-list__item ' + checkboxColorCls, key: index },
		_react2.default.createElement('input', {
			type: type,
			id: id,
			className: checkboxCls,
			name: name,
			onChange: function onChange() {
				return _onChange(name);
			},
			defaultChecked: false,
			checked: checked
		}),
		_react2.default.createElement(
			'label',
			{ htmlFor: id },
			id === 'dog' && _react2.default.createElement(DogIcon, null),
			id === 'cat' && _react2.default.createElement(CatIcon, null),
			id === 'small' && _react2.default.createElement(SmallAnimalIcon, null),
			_react2.default.createElement(
				'span',
				{ className: 'copy' },
				text
			)
		)
	);
}

exports.default = IconCheckboxItem;
IconCheckboxItem.propTypes = {
	type: _react2.default.PropTypes.string,
	onChange: _react2.default.PropTypes.func,
	index: _react2.default.PropTypes.number,
	label: _react2.default.PropTypes.string,
	name: _react2.default.PropTypes.string,
	id: _react2.default.PropTypes.string,
	color: _react2.default.PropTypes.string,
	inputCls: _react2.default.PropTypes.string,
	checked: _react2.default.PropTypes.bool
};
var content = __webpack_require__(311);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, "@-webkit-keyframes checkbox-anim-bg{18%{background:#fff;opacity:0.3}19%{border-width:1;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}20%{background:#f80;opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes checkbox-anim-bg{18%{background:#fff;opacity:0.3}19%{border-width:1;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}20%{background:#f80;opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.msie .checkbox-list__item .copy{display:block;margin-right:-10px}.checkbox-list__item:not(.checkbox-list__item-filter){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px;cursor:pointer;position:relative;pointer-events:none;text-transform:capitalize}.checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box{position:relative;cursor:pointer;pointer-events:all;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:40px;width:40px;border:0;opacity:0}.checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box ~ label::before{content:'';position:absolute;pointer-events:none;top:12px;left:0;right:0;height:40px;width:40px;border-radius:50%;margin:0;background-color:#fff;transition:background 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),border 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),-webkit-transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1);transition:background 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),border 0.2s cubic-bezier(0.17, 0.89, 0.32, 1);transition:background 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),border 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),-webkit-transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1)}.checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box ~ label::after{content:'';position:absolute;pointer-events:none;top:35px;left:0;right:0;height:30px;width:100%;background-position:center;background-repeat:no-repeat;background-size:contain;transition:background-image 0.3s ease-in-out 0.2s;background-image:none}.checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box:checked ~ label::before{will-change:transform, opacity, border-width;-webkit-animation:checkbox-anim-bg 0.4s cubic-bezier(0.17, 0.89, 0.32, 1);animation:checkbox-anim-bg 0.4s cubic-bezier(0.17, 0.89, 0.32, 1)}.app:not(.is-touch) .checkbox-list__box:focus ~ label::before,.app:not(.is-touch) .checkbox-list__box:hover ~ label::before{border-width:3px;-webkit-transform:scale(1.1);transform:scale(1.1)}.checkbox-list__item--orange .checkbox-list__box ~ label::before{border:2px solid #f80}.checkbox-list__item--orange .checkbox-list__box:checked ~ label::before{background-color:#f80}.checkbox-list__item--green .checkbox-list__box ~ label::before{border:2px solid black}.checkbox-list__item--green .checkbox-list__box:checked ~ label::before{background-color:#7c0;border:2px solid transparent}.checkbox-list__item--blue .checkbox-list__box ~ label::before{border:2px solid #00a4ee}.checkbox-list__item--blue .checkbox-list__box:checked ~ label::before{background-color:#00a4ee}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/IconCheckboxItem/style.scss"],"names":[],"mappings":"AAAA,oCAAoC,IAAI,gBAAgB,WAAW,CAAC,IAAI,eAAe,UAAU,6BAA6B,oBAAoB,CAAC,IAAI,gBAAgB,UAAU,2BAA2B,kBAAkB,CAAC,CAAC,4BAA4B,IAAI,gBAAgB,WAAW,CAAC,IAAI,eAAe,UAAU,6BAA6B,oBAAoB,CAAC,IAAI,gBAAgB,UAAU,2BAA2B,kBAAkB,CAAC,CAAC,iCAAiC,cAAc,kBAAkB,CAAC,sDAAsD,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,YAAY,eAAe,kBAAkB,oBAAoB,yBAAyB,CAAC,0EAA0E,kBAAkB,eAAe,mBAAmB,wBAAwB,qBAAqB,gBAAgB,YAAY,WAAW,SAAS,SAAS,CAAC,0FAA0F,WAAW,kBAAkB,oBAAoB,SAAS,OAAO,QAAQ,YAAY,WAAW,kBAAkB,SAAS,sBAAsB,oKAAoK,4JAA4J,oNAAoN,CAAC,yFAAyF,WAAW,kBAAkB,oBAAoB,SAAS,OAAO,QAAQ,YAAY,WAAW,2BAA2B,4BAA4B,wBAAwB,kDAAkD,qBAAqB,CAAC,kGAAkG,6CAA6C,0EAA0E,iEAAiE,CAAC,4HAA4H,iBAAiB,6BAA6B,oBAAoB,CAAC,iEAAiE,qBAAqB,CAAC,yEAAyE,qBAAqB,CAAC,gEAAgE,sBAAsB,CAAC,wEAAwE,sBAAsB,4BAA4B,CAAC,+DAA+D,wBAAwB,CAAC,uEAAuE,wBAAwB,CAAC","file":"style.scss","sourcesContent":["@-webkit-keyframes checkbox-anim-bg{18%{background:#fff;opacity:0.3}19%{border-width:1;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}20%{background:#f80;opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes checkbox-anim-bg{18%{background:#fff;opacity:0.3}19%{border-width:1;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}20%{background:#f80;opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.msie .checkbox-list__item .copy{display:block;margin-right:-10px}.checkbox-list__item:not(.checkbox-list__item-filter){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px;cursor:pointer;position:relative;pointer-events:none;text-transform:capitalize}.checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box{position:relative;cursor:pointer;pointer-events:all;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:40px;width:40px;border:0;opacity:0}.checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box ~ label::before{content:'';position:absolute;pointer-events:none;top:12px;left:0;right:0;height:40px;width:40px;border-radius:50%;margin:0;background-color:#fff;transition:background 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),border 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),-webkit-transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1);transition:background 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),border 0.2s cubic-bezier(0.17, 0.89, 0.32, 1);transition:background 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),border 0.2s cubic-bezier(0.17, 0.89, 0.32, 1),-webkit-transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1)}.checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box ~ label::after{content:'';position:absolute;pointer-events:none;top:35px;left:0;right:0;height:30px;width:100%;background-position:center;background-repeat:no-repeat;background-size:contain;transition:background-image 0.3s ease-in-out 0.2s;background-image:none}.checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box:checked ~ label::before{will-change:transform, opacity, border-width;-webkit-animation:checkbox-anim-bg 0.4s cubic-bezier(0.17, 0.89, 0.32, 1);animation:checkbox-anim-bg 0.4s cubic-bezier(0.17, 0.89, 0.32, 1)}.app:not(.is-touch) .checkbox-list__box:focus ~ label::before,.app:not(.is-touch) .checkbox-list__box:hover ~ label::before{border-width:3px;-webkit-transform:scale(1.1);transform:scale(1.1)}.checkbox-list__item--orange .checkbox-list__box ~ label::before{border:2px solid #f80}.checkbox-list__item--orange .checkbox-list__box:checked ~ label::before{background-color:#f80}.checkbox-list__item--green .checkbox-list__box ~ label::before{border:2px solid black}.checkbox-list__item--green .checkbox-list__box:checked ~ label::before{background-color:#7c0;border:2px solid transparent}.checkbox-list__item--blue .checkbox-list__box ~ label::before{border:2px solid #00a4ee}.checkbox-list__item--blue .checkbox-list__box:checked ~ label::before{background-color:#00a4ee}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(417);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, "@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.container--contact-form .copy-container.form-notice{padding-left:0;padding-right:0;font-size:16px;width:100%;max-width:100%;margin-top:30px;margin-bottom:20px}.container--contact-form__tours{min-height:0;margin-bottom:100px}.errors-container{margin-bottom:100px}.errors-container .copy-container{text-align:center;padding:0}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(" + escape(__webpack_require__(418)) + ");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(" + escape(__webpack_require__(419)) + ")}.contact-form__container .time-picker .dropdown-control:not(.dropdown-disabled){padding-left:0}.flatpickr-date{position:relative;min-width:60%}input[type=number],.flatpickr-input{border-bottom-color:black}.date-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 667px){.date-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.time-picker{-ms-flex-preferred-size:content;flex-basis:content}@media (max-width: 667px){.time-picker{margin-top:20px}}.time-picker .dropdown-root,.time-picker .dropdown-control{width:75%;max-width:none}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/PrivateTourForm/style.scss"],"names":[],"mappings":"AAAA,0BAA0B,yCAAyC,WAAW,eAAe,mBAAmB,CAAC,CAAC,qDAAqD,eAAe,gBAAgB,eAAe,WAAW,eAAe,gBAAgB,kBAAkB,CAAC,gCAAgC,aAAa,mBAAmB,CAAC,kBAAkB,mBAAmB,CAAC,kCAAkC,kBAAkB,SAAS,CAAC,yBAAyB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,kBAAkB,CAAC,yCAAyC,oBAAoB,iBAAiB,CAAC,+CAA+C,UAAU,CAAC,qCAAqC,UAAU,CAAC,2CAA2C,UAAU,CAAC,0BAA0B,iCAAiC,WAAW,eAAe,mBAAmB,CAAC,CAAC,iGAAiG,iBAAiB,CAAC,0CAA0C,cAAc,CAAC,wCAAwC,oBAAoB,oBAAoB,aAAa,WAAW,cAAc,CAAC,6DAA6D,YAAY,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,8BAA8B,6BAA6B,uBAAuB,mBAAmB,mBAAmB,oBAAoB,WAAW,CAAC,mEAAmE,iBAAiB,CAAC,uEAAuE,WAAW,CAAC,6EAA6E,YAAY,cAAc,CAAC,kDAAkD,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,UAAU,CAAC,2DAA2D,UAAU,CAAC,qDAAqD,gBAAgB,CAAC,4DAA4D,WAAW,oBAAoB,aAAa,CAAC,2CAA2C,aAAa,kBAAkB,CAAC,6DAA6D,yBAAyB,kBAAkB,CAAC,6EAA6E,YAAY,CAAC,oEAAoE,YAAY,CAAC,mDAAmD,4BAA4B,CAAC,sEAAsE,UAAU,SAAS,CAAC,6CAA6C,eAAe,CAAC,wDAAwD,WAAW,CAAC,8CAA8C,cAAc,CAAC,gDAAgD,eAAe,mBAAmB,CAAC,6CAA6C,kBAAkB,WAAW,gBAAgB,CAAC,+CAA+C,cAAc,CAAC,0BAA0B,+CAA+C,iBAAiB,CAAC,CAAC,mDAAmD,qBAAqB,kBAAkB,wBAAwB,qBAAqB,gBAAgB,WAAW,YAAY,SAAS,UAAU,oBAAoB,aAAa,CAAC,0BAA0B,mDAAmD,iBAAiB,CAAC,CAAC,mEAAmE,WAAW,kBAAkB,oBAAoB,QAAQ,OAAO,QAAQ,+CAAoD,wBAAwB,4BAA4B,WAAW,WAAW,CAAC,2EAA2E,QAAQ,WAAW,YAAY,8CAAqD,CAAC,gFAAgF,cAAc,CAAC,gBAAgB,kBAAkB,aAAa,CAAC,oCAAoC,yBAAyB,CAAC,WAAW,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,6BAA6B,CAAC,0BAA0B,WAAW,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,aAAa,gCAAgC,kBAAkB,CAAC,0BAA0B,aAAa,eAAe,CAAC,CAAC,2DAA2D,UAAU,cAAc,CAAC","file":"style.scss","sourcesContent":["@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.container--contact-form .copy-container.form-notice{padding-left:0;padding-right:0;font-size:16px;width:100%;max-width:100%;margin-top:30px;margin-bottom:20px}.container--contact-form__tours{min-height:0;margin-bottom:100px}.errors-container{margin-bottom:100px}.errors-container .copy-container{text-align:center;padding:0}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(\"./images/checkbox-blank.svg\");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(\"./images/checkbox-checked.svg\")}.contact-form__container .time-picker .dropdown-control:not(.dropdown-disabled){padding-left:0}.flatpickr-date{position:relative;min-width:60%}input[type=number],.flatpickr-input{border-bottom-color:black}.date-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 667px){.date-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.time-picker{-ms-flex-preferred-size:content;flex-basis:content}@media (max-width: 667px){.time-picker{margin-top:20px}}.time-picker .dropdown-root,.time-picker .dropdown-control{width:75%;max-width:none}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

__webpack_require__(316);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function PlayButton(_ref) {
	var onClick = _ref.onClick;

	return _react2.default.createElement('button', {
		onClick: onClick,
		className: 'button--play',
		'aria-label': 'Play Video'
	});
}

PlayButton.propTypes = {
	onClick: _react2.default.PropTypes.func.isRequired
};

exports.default = PlayButton;module.exports = __webpack_require__.p + "e233889f116d4ea11103ecca868ec703.svg";
var content = __webpack_require__(421);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, "@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.errors-container .copy-container{text-align:center}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(" + escape(__webpack_require__(422)) + ");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(" + escape(__webpack_require__(423)) + ")}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/TourRentalForm/style.scss"],"names":[],"mappings":"AAAA,0BAA0B,yCAAyC,WAAW,eAAe,mBAAmB,CAAC,CAAC,kCAAkC,iBAAiB,CAAC,yBAAyB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,kBAAkB,CAAC,yCAAyC,oBAAoB,iBAAiB,CAAC,+CAA+C,UAAU,CAAC,qCAAqC,UAAU,CAAC,2CAA2C,UAAU,CAAC,0BAA0B,iCAAiC,WAAW,eAAe,mBAAmB,CAAC,CAAC,iGAAiG,iBAAiB,CAAC,0CAA0C,cAAc,CAAC,wCAAwC,oBAAoB,oBAAoB,aAAa,WAAW,cAAc,CAAC,6DAA6D,YAAY,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,mEAAmE,iBAAiB,CAAC,uEAAuE,WAAW,CAAC,6EAA6E,YAAY,cAAc,CAAC,kDAAkD,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,UAAU,CAAC,2DAA2D,UAAU,CAAC,qDAAqD,gBAAgB,CAAC,4DAA4D,WAAW,oBAAoB,aAAa,CAAC,2CAA2C,aAAa,kBAAkB,CAAC,6DAA6D,yBAAyB,kBAAkB,CAAC,6EAA6E,YAAY,CAAC,oEAAoE,YAAY,CAAC,mDAAmD,4BAA4B,CAAC,sEAAsE,UAAU,SAAS,CAAC,6CAA6C,eAAe,CAAC,wDAAwD,WAAW,CAAC,8CAA8C,cAAc,CAAC,gDAAgD,eAAe,mBAAmB,CAAC,6CAA6C,kBAAkB,WAAW,gBAAgB,CAAC,+CAA+C,cAAc,CAAC,0BAA0B,+CAA+C,iBAAiB,CAAC,CAAC,mDAAmD,qBAAqB,kBAAkB,wBAAwB,qBAAqB,gBAAgB,WAAW,YAAY,SAAS,UAAU,oBAAoB,aAAa,CAAC,0BAA0B,mDAAmD,iBAAiB,CAAC,CAAC,mEAAmE,WAAW,kBAAkB,oBAAoB,QAAQ,OAAO,QAAQ,+CAAoD,wBAAwB,4BAA4B,WAAW,WAAW,CAAC,2EAA2E,QAAQ,WAAW,YAAY,8CAAqD,CAAC","file":"style.scss","sourcesContent":["@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.errors-container .copy-container{text-align:center}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(\"./images/checkbox-blank.svg\");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(\"./images/checkbox-checked.svg\")}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "d674e9143e56b71e12921fe25b690ff5.svg";module.exports = __webpack_require__.p + "e233889f116d4ea11103ecca868ec703.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _find2 = __webpack_require__(94);

var _find3 = _interopRequireDefault(_find2);

var _filter = __webpack_require__(549);

var _filter2 = _interopRequireDefault(_filter);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _WeeklyProgrammingCalendar = __webpack_require__(424);

var _WeeklyProgrammingCalendar2 = _interopRequireDefault(_WeeklyProgrammingCalendar);

var _SideBySide = __webpack_require__(202);

var _SideBySide2 = _interopRequireDefault(_SideBySide);

var _utils = __webpack_require__(5);

__webpack_require__(427);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var DailyProgramming = function (_Component) {
	_inherits(DailyProgramming, _Component);

	function DailyProgramming() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, DailyProgramming);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = DailyProgramming.__proto__ || Object.getPrototypeOf(DailyProgramming)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			pageContent: {}
		}, _this.renderProgram = function (_ref2) {
			var id = _ref2.id,
			    title = _ref2.title,
			    description = _ref2.description,
			    image = _ref2.image,
			    humanSchedule = _ref2.humanSchedule;

			var content = '<h1>' + title + '</h1><p>' + description + '</p><h6>' + humanSchedule + '</h6>';
			return _react2.default.createElement(
				'section',
				{ className: 'splash', key: id },
				_react2.default.createElement(_SideBySide2.default, {
					image: image,
					content: content
				})
			);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(DailyProgramming, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			(0, _utils.request)({
				path: '/pages/programming'
			}).then(function (_ref3) {
				var data = _ref3.data;
				var _data$attributes = data.attributes,
				    hero = _data$attributes.hero,
				    content = _data$attributes.content;

				var _find = (0, _find3.default)(content, function (section) {
					return section.programs;
				}),
				    programs = _find.programs;

				var pageContent = (0, _filter2.default)(content, function (section) {
					return !section.programs;
				});

				_this2.setState({
					initialized: true,
					hero: hero,
					pageContent: pageContent,
					programs: programs.results
				});
			}).catch(function (err) {
				throw new Error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _state = this.state,
			    initialized = _state.initialized,
			    transitionInComplete = _state.transitionInComplete;

			if (!initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--programming', {
				'container-transition-appear': !transitionInComplete
			});

			var _state2 = this.state,
			    hero = _state2.hero,
			    pageContent = _state2.pageContent,
			    programs = _state2.programs;

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				programs && _react2.default.createElement(_WeeklyProgrammingCalendar2.default, { items: programs }),
				programs && programs.map(this.renderProgram),
				pageContent.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id + '-' + Math.random() }, section));
				})
			);
		}
	}]);

	return DailyProgramming;
}(_react.Component);

exports.default = DailyProgramming;

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

__webpack_require__(425);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

function pad(days) {
	//	if the event doesn't start on wednesday, pad null until start day
	if (days[0] !== 0) {
		var toPad = days[0];
		var padding = new Array(toPad);
		return [].concat(padding, _toConsumableArray(days));
	}
	return days;
}

function dayToNumber(day) {
	switch (day) {
		case 'wednesday':
			return 0;
		case 'thursday':
			return 1;
		case 'friday':
			return 2;
		case 'saturday':
			return 3;
		case 'sunday':
			return 4;
		default:
			return null;
	}
}

function getContiguousBlocks(days) {
	//	start index 0 (weds)
	//	end at index 4 (sun)
	var i = 0;
	var contiguous = false;
	var blocks = [];

	while (i <= 4) {
		var d = days[i];
		if (d !== i) {
			blocks.push({ //	if there isn't a schedule for that day, make an `off` block
				span: 1,
				eventOn: false
			});

			contiguous = false;

			i += 1;
		} else {
			if (!contiguous) {
				//	create a new block
				blocks.push({
					span: 1,
					eventOn: true
				});

				contiguous = true;
			} else {
				//	 if new block already started, add to it
				var lastBlock = blocks[blocks.length - 1];
				blocks[blocks.length - 1] = Object.assign(lastBlock, {
					span: lastBlock.span + 1
				});
			}

			i += 1;
		}
	}

	return blocks;
}

function Block(_ref) {
	var title = _ref.title,
	    humanDays = _ref.humanDays,
	    humanSchedule = _ref.humanSchedule,
	    span = _ref.span,
	    eventOn = _ref.eventOn;

	var cls = (0, _classnames2.default)('item', {
		'item--on': eventOn,
		'item--off': !eventOn
	});

	var ariaLabel = title + ' isn\'t available on this day';

	if (eventOn) {
		ariaLabel = title + ': ' + humanDays.join(', ') + ' at ' + humanSchedule;
	}

	return _react2.default.createElement(
		'td',
		{ colSpan: span, className: cls, 'aria-label': ariaLabel, 'aria-hidden': !eventOn },
		eventOn && _react2.default.createElement(
			'h2',
			{ className: 'heading heading--xs' },
			title
		),
		eventOn && _react2.default.createElement(
			'p',
			{ className: 'copy' },
			humanSchedule
		)
	);
}

Block.propTypes = {
	title: _react.PropTypes.string,
	humanSchedule: _react.PropTypes.string,
	humanDays: _react.PropTypes.arrayOf(_react.PropTypes.string),
	span: _react.PropTypes.number,
	eventOn: _react.PropTypes.bool
};

function CalendarRow(_ref2) {
	var id = _ref2.id,
	    title = _ref2.title,
	    schedule = _ref2.schedule,
	    humanSchedule = _ref2.humanSchedule;

	var blocks = getContiguousBlocks(pad(schedule.map(function (_ref3) {
		var day = _ref3.day;
		return dayToNumber(day);
	})));

	/*
 A mystery why these are split...
 // const scheduleParts = humanSchedule.split(', ');
 // scheduleParts.shift();
 // const humanTime = scheduleParts.join(', ');
 */

	var humanDays = schedule.map(function (_ref4) {
		var day = _ref4.day;
		return day;
	});

	return _react2.default.createElement(
		'tr',
		{ className: 'row', key: id },
		blocks.map(function (blockProps) {
			return _react2.default.createElement(Block, _extends({
				key: Math.random(),
				title: title,
				humanSchedule: humanSchedule,
				humanDays: humanDays
			}, blockProps));
		})
	);
}

CalendarRow.propTypes = {
	id: _react.PropTypes.string,
	title: _react.PropTypes.string,
	schedule: _react.PropTypes.arrayOf(_react.PropTypes.shape()),
	humanSchedule: _react.PropTypes.string
};

function WeeklyProgrammingCalendar(_ref5) {
	var items = _ref5.items;

	var days = ['Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
	var mobileDays = days.map(function (d) {
		return d.substr(0, 3);
	});

	return _react2.default.createElement(
		'section',
		{ className: 'weekly-programming' },
		_react2.default.createElement(
			'h1',
			{ className: 'heading heading--xl' },
			'Week Overview'
		),
		_react2.default.createElement(
			'table',
			{ className: 'week-calendar' },
			_react2.default.createElement(
				'thead',
				null,
				_react2.default.createElement(
					'tr',
					{ className: 'row header--desktop' },
					days.map(function (day) {
						return _react2.default.createElement(
							'th',
							{ className: 'header-item' },
							_react2.default.createElement(
								'h2',
								{ className: 'heading heading--md' },
								day
							)
						);
					})
				),
				_react2.default.createElement(
					'tr',
					{ className: 'row header--mobile' },
					mobileDays.map(function (day) {
						return _react2.default.createElement(
							'th',
							{ className: 'header-item' },
							_react2.default.createElement(
								'h2',
								{ className: 'heading heading--sm' },
								day
							)
						);
					})
				)
			),
			_react2.default.createElement(
				'tbody',
				null,
				items.map(CalendarRow)
			)
		),
		_react2.default.createElement(
			'p',
			{ className: 'copy copy--helper' },
			'*Annenberg Petspace is closed on Mondays and Tuesdays'
		)
	);
}

WeeklyProgrammingCalendar.propTypes = {
	items: _react.PropTypes.arrayOf(_react.PropTypes.shape({}))
};

exports.default = WeeklyProgrammingCalendar;
var content = __webpack_require__(426);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".weekly-programming{width:100%;background-color:#f7f7f3;text-align:center;padding-top:60px;padding-bottom:60px}.weekly-programming .week-calendar{width:83.33%;margin:0 auto;margin-top:30px}@media (max-width: 768px){.weekly-programming .week-calendar{width:calc(100% - 60px)}}.weekly-programming thead{width:100%}.weekly-programming thead .header-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/5);max-width:calc(100% * 1/5);width:calc(100% * 1/5)}.weekly-programming thead .header-item:nth-child(1n){margin-right:0;margin-left:0}.weekly-programming thead .header-item:last-child{margin-right:0}.weekly-programming thead .header-item:nth-child(5n){margin-right:0;margin-left:auto}.weekly-programming .row{border-bottom:20px solid #f7f7f3}.weekly-programming .header--desktop{display:table-row}@media (max-width: 869px){.weekly-programming .header--desktop{display:none}}.weekly-programming .header--mobile{display:none}@media (max-width: 869px){.weekly-programming .header--mobile{display:table-row}}.weekly-programming .item{padding:10px}.weekly-programming .item--on{background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%);border-right:4px solid #f7f7f3}.weekly-programming .item--off{background:#d8d8d8}.weekly-programming .item--off ~ .item--on{border-left:4px solid #f7f7f3}.weekly-programming .item *{color:#fff}.weekly-programming .copy--helper{text-align:left;width:83.33%;margin:0 auto}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/WeeklyProgrammingCalendar/style.scss"],"names":[],"mappings":"AAAA,oBAAoB,WAAW,yBAAyB,kBAAkB,iBAAiB,mBAAmB,CAAC,mCAAmC,aAAa,cAAc,eAAe,CAAC,0BAA0B,mCAAmC,uBAAuB,CAAC,CAAC,0BAA0B,UAAU,CAAC,uCAAuC,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,qDAAqD,eAAe,aAAa,CAAC,kDAAkD,cAAc,CAAC,qDAAqD,eAAe,gBAAgB,CAAC,yBAAyB,gCAAgC,CAAC,qCAAqC,iBAAiB,CAAC,0BAA0B,qCAAqC,YAAY,CAAC,CAAC,oCAAoC,YAAY,CAAC,0BAA0B,oCAAoC,iBAAiB,CAAC,CAAC,0BAA0B,YAAY,CAAC,8BAA8B,oGAAoG,8BAA8B,CAAC,+BAA+B,kBAAkB,CAAC,2CAA2C,6BAA6B,CAAC,4BAA4B,UAAU,CAAC,kCAAkC,gBAAgB,aAAa,aAAa,CAAC","file":"style.scss","sourcesContent":[".weekly-programming{width:100%;background-color:#f7f7f3;text-align:center;padding-top:60px;padding-bottom:60px}.weekly-programming .week-calendar{width:83.33%;margin:0 auto;margin-top:30px}@media (max-width: 768px){.weekly-programming .week-calendar{width:calc(100% - 60px)}}.weekly-programming thead{width:100%}.weekly-programming thead .header-item{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/5);max-width:calc(100% * 1/5);width:calc(100% * 1/5)}.weekly-programming thead .header-item:nth-child(1n){margin-right:0;margin-left:0}.weekly-programming thead .header-item:last-child{margin-right:0}.weekly-programming thead .header-item:nth-child(5n){margin-right:0;margin-left:auto}.weekly-programming .row{border-bottom:20px solid #f7f7f3}.weekly-programming .header--desktop{display:table-row}@media (max-width: 869px){.weekly-programming .header--desktop{display:none}}.weekly-programming .header--mobile{display:none}@media (max-width: 869px){.weekly-programming .header--mobile{display:table-row}}.weekly-programming .item{padding:10px}.weekly-programming .item--on{background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%);border-right:4px solid #f7f7f3}.weekly-programming .item--off{background:#d8d8d8}.weekly-programming .item--off ~ .item--on{border-left:4px solid #f7f7f3}.weekly-programming .item *{color:#fff}.weekly-programming .copy--helper{text-align:left;width:83.33%;margin:0 auto}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(428);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--programming .sidebyside h6{margin-top:25px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/DailyProgramming/style.scss"],"names":[],"mappings":"AAAA,uCAAuC,eAAe,CAAC","file":"style.scss","sourcesContent":[".container--programming .sidebyside h6{margin-top:25px}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _rcCollapse = __webpack_require__(35);

var _rcCollapse2 = _interopRequireDefault(_rcCollapse);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _ScoutForm = __webpack_require__(429);

var _ScoutForm2 = _interopRequireDefault(_ScoutForm);

var _utils = __webpack_require__(5);

__webpack_require__(434);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toArray(arr) { return Array.isArray(arr) ? arr : Array.from(arr); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable react/no-danger */


var ScoutBadgeProgram = function (_Component) {
	_inherits(ScoutBadgeProgram, _Component);

	function ScoutBadgeProgram() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, ScoutBadgeProgram);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ScoutBadgeProgram.__proto__ || Object.getPrototypeOf(ScoutBadgeProgram)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			pageContent: {}
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(ScoutBadgeProgram, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			(0, _utils.request)({
				path: '/pages/scout-badge-program'
			}).then(function (_ref2) {
				var data = _ref2.data;
				var _data$attributes = data.attributes,
				    hero = _data$attributes.hero,
				    content = _data$attributes.content;


				_this2.setState({
					initialized: true,
					hero: hero,
					pageContent: content
				});
			}).catch(function (err) {
				throw new Error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			if (!this.state.initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--brownie', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var _state = this.state,
			    hero = _state.hero,
			    pageContent = _state.pageContent;

			var _pageContent = _toArray(pageContent),
			    intro = _pageContent[0],
			    programs = _pageContent.slice(1);

			var fees = programs.splice(-1);
			fees = fees[0].items[0].content;

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				_react2.default.createElement(_ContentBlock2.default, _extends({ key: intro.id }, intro)),
				_react2.default.createElement(
					_rcCollapse2.default,
					{
						accordion: true
					},
					programs.map(function (section) {
						return _react2.default.createElement(
							_rcCollapse.Panel,
							{
								key: section.id,
								className: 'copy-container--border collapse',
								header: section.id.replace(/-/g, ' ')
							},
							_react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section))
						);
					})
				),
				_react2.default.createElement(
					'div',
					{ className: 'copy-container copy-container--border' },
					_react2.default.createElement(
						'h2',
						{ className: 'heading heading--sm' },
						'Fees'
					),
					_react2.default.createElement('p', { dangerouslySetInnerHTML: { __html: (0, _utils.widowTamerRawHTML)(fees) } })
				),
				_react2.default.createElement(_ScoutForm2.default, null)
			);
		}
	}]);

	return ScoutBadgeProgram;
}(_react.Component);

exports.default = ScoutBadgeProgram;

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactDom = __webpack_require__(24);

var _reactFlatpickr = __webpack_require__(74);

var _reactFlatpickr2 = _interopRequireDefault(_reactFlatpickr);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _bowser = __webpack_require__(95);

var _bowser2 = _interopRequireDefault(_bowser);

var _labelPlugin = __webpack_require__(96);

var _labelPlugin2 = _interopRequireDefault(_labelPlugin);

__webpack_require__(56);

var _polyfills = __webpack_require__(36);

var _polyfills2 = _interopRequireDefault(_polyfills);

var _config = __webpack_require__(42);

var _MultiSelect = __webpack_require__(41);

var _MultiSelect2 = _interopRequireDefault(_MultiSelect);

var _IconCheckboxList = __webpack_require__(51);

var _IconCheckboxList2 = _interopRequireDefault(_IconCheckboxList);

var _IconCheckboxItem = __webpack_require__(52);

var _IconCheckboxItem2 = _interopRequireDefault(_IconCheckboxItem);

var _utils = __webpack_require__(5);

__webpack_require__(430);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var ScoutForm = function (_Component) {
	_inherits(ScoutForm, _Component);

	function ScoutForm() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, ScoutForm);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ScoutForm.__proto__ || Object.getPrototypeOf(ScoutForm)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			formSubmitted: false,
			firstTimeVisit: null,
			tourType: 'Scouts',

			tourTimesOptions: [{ label: '3pm', value: '3pm', _default: true }],
			groupOptions: {
				visitors: 50,
				chaperones: 1
			},
			groupInfoOptions: [{
				value: 'Grades 1-3',
				label: 'Grades 1-3'
			}, {
				value: 'Grades 4-7',
				label: 'Grades 4-7'
			}, {
				value: 'Grades 8-12',
				label: 'Grades 8-12'
			}],
			timeHelperText: 'Scout tours are only available at 3pm.',
			groupHelperText: null,

			schoolIsTitleOne: null,
			errors: [],
			initialized: true
		}, _this.repositionFlatpickrs = function () {
			//	we need to position these adjacent to their respective inputs for tab accesbility
			//	but can't use flatpickr appendTo since the DOM doesn't exist when it runs - so do it manually
			_this.flatpickrs = Array.from(document.querySelectorAll('.flatpickr-calendar'));
			var containers = ['.first-date', '.second-date', '.third-date'];

			_this.flatpickrs.forEach(function (fp, index) {
				var container = document.querySelector(containers[index]);
				container.appendChild(fp);
			});
		}, _this.focusOpenCalendar = function () {
			var openCalendar = document.querySelector('.flatpickr-calendar.open');
			if (openCalendar) {
				// openCalendar.style.top = `${parseInt(openCalendar.style.top, 10) - 80}px`;
				openCalendar.style.top = '45px';
				openCalendar.style.left = 0;
				openCalendar.focus();
			}
		}, _this.datePickerOpts = function () {
			return {
				altInput: true,
				minuteIncrement: 30,
				disableMobile: false,
				allowInput: false,
				plugins: [new _labelPlugin2.default({})],
				disable: [function (date) {
					if (_this.state.tourType === 'Birthday Party') {
						var birthdayStart = new Date('2019-04-20');
						if (date < birthdayStart) {
							return true;
						}

						return date.getDay() !== 6;
					}

					return false;
				}, function (date) {
					return (0, _utils.beforeTodaysDate)(date);
				}]
			};
		}, _this.handleSubmit = function (e) {
			e.preventDefault();
			var formData = new FormData(e.target);

			_this.setState({
				errors: [] //	remove errors from a previously rejected form submission attempt, we'll catch them below
			}, function () {
				//	manual validation for Flatpickr and MultiSelect which can't do HTML validation
				var errors = _this.state.errors;

				_this.dateSelectors.forEach(function (ds, index) {
					if (ds.flatpickr.selectedDates.length === 0) {
						errors.push('Please select a date for ' + (0, _utils.getOrdinal)(index) + ' Date Choice');
						ds.flatpickr.altInput.classList.add('invalid');
					}
				});

				_this.timeSelectors.forEach(function (ts, index) {
					if (ts.state.selectedNb === 0) {
						errors.push('Please select a time for ' + (0, _utils.getOrdinal)(index) + ' Time Choice');
						var el = (0, _reactDom.findDOMNode)(ts);
						el.querySelector('.dropdown-control').classList.add('invalid');
					}
				});

				formData.append('Tour Type', _this.state.tourType);

				if (_this.groupInformationSelector.state.selectedNb === 0) {
					var el = (0, _reactDom.findDOMNode)(_this.groupInformationSelector);
					el.querySelector('.dropdown-control').classList.add('invalid');
					errors.push('Please select a Grade Level');
				}

				//	manual number validation to work around this edge bug
				//	https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4546283/
				if (_bowser2.default.msedge) {
					var _this2 = _this,
					    visitorsInput = _this2.visitorsInput,
					    chaperonesInput = _this2.chaperonesInput;

					var visitors = Number(visitorsInput.value);
					var chaperones = Number(chaperonesInput.value);

					if (isNaN(visitors)) {
						errors.push('Please enter a valid number of visitors');
						visitorsInput.classList.add('invalid');
					}

					if (isNaN(chaperones)) {
						errors.push('Please enter a valid number of chaperones');
						chaperonesInput.classList.add('invalid');
					}
				}

				if (errors.length > 0) {
					_this.setState({
						errors: errors
					});
					_this.forceUpdate();
					return;
				}

				(0, _polyfills2.default)(_config.SERVER_URL + '/api/v1/submit-tour-form', {
					method: 'POST',
					body: formData
				}).then(function () {
					_this.setState({
						formSubmitted: true
					});
				}).catch(function (err) {
					throw new Error(err);
				});
			});
		}, _this.handleFirstTime = function (name) {
			_this.setState({
				firstTimeVisit: name === 'yes'
			});

			_this.forceUpdate();
		}, _this.handleTitleOneChange = function () {
			_this.setState({
				schoolIsTitleOne: !_this.state.schoolIsTitleOne
			});

			_this.forceUpdate();
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(ScoutForm, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			this.errorDiv = false;
			this.successDiv = false;
			this.dateSelectors = [null, null, null]; //	empty array for Flatpickr refs
			this.timeSelectors = [null, null, null]; //	initialize empty array for MultiSelect refs
		}
	}, {
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this3 = this;

			setTimeout(function () {
				_this3.setState({
					transitionInComplete: true
					// initialized: true,
				});
				_this3.repositionFlatpickrs();
			}, 2048);

			this.flatpickrInputs = Array.from(document.querySelectorAll('.form-control.flatpickr-input'));

			this.flatpickrInputs.forEach(function (input) {
				input.addEventListener('focus', _this3.focusOpenCalendar, false);
			});

			var elements = document.querySelectorAll('input,select,textarea');
			var self = this;
			var invalidListener = function onInvalid(err) {
				var _self$state = self.state,
				    errors = _self$state.errors,
				    groupOptions = _self$state.groupOptions;

				err.preventDefault();
				err.srcElement.classList.add('invalid');
				var msg = err.srcElement.name + ' is required.';
				if (err.srcElement.name === 'Number of Visitors') {
					msg = err.srcElement.name + ' is required and must be between 10 and ' + groupOptions.visitors.toString() + '.';
				} else if (err.srcElement.name === 'Number of Chaperones') {
					msg = err.srcElement.name + ' is required and must be between ' + groupOptions.chaperones.toString() + ' and 25.';
				}
				errors.push(msg);
				self.setState({ errors: errors });
				return false;
			};

			for (var i = elements.length; i--;) {
				//	eslint-disable-line no-plusplus
				elements[i].addEventListener('invalid', invalidListener);
			}
		}
	}, {
		key: 'shouldComponentUpdate',
		value: function shouldComponentUpdate(nextProps, nextState) {
			if (nextState.transitionInComplete !== this.state.transitionInComplete || nextState.formSubmitted !== this.state.formSubmitted || nextState.errors.length > 0) {
				return true;
			}
			return false;
		}
	}, {
		key: 'componentDidUpdate',
		value: function componentDidUpdate() {
			if (this.state.formSubmitted) {
				this.successDiv.scrollIntoView(true);
				var _window = window,
				    scrollY = _window.scrollY;

				window.scrollTo(0, scrollY - 180);
			} else if (this.state.errors.length > 0) {
				this.errorDiv.scrollIntoView(true);
				var _window2 = window,
				    _scrollY = _window2.scrollY;

				window.scrollTo(0, _scrollY - 180);
			}
			return true;
		}
	}, {
		key: 'componentWillUnmount',
		value: function componentWillUnmount() {
			var _this4 = this;

			this.flatpickrInputs.forEach(function (input) {
				input.removeEventListener('focus', _this4.focusOpenCalendar, false);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _this5 = this;

			var initialized = this.state.initialized;

			if (!initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--contact-form', 'container--contact-form__tours', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var datePickerOpts = this.datePickerOpts;
			var _state = this.state,
			    timeHelperText = _state.timeHelperText,
			    tourTimesOptions = _state.tourTimesOptions,
			    groupOptions = _state.groupOptions,
			    errors = _state.errors,
			    firstTimeVisit = _state.firstTimeVisit,
			    groupInfoOptions = _state.groupInfoOptions;


			var firstTimeVisitFields = [
			/* eslint-disable no-unneeded-ternary */
			{ id: 'yes', name: 'yes', label: 'yes', color: 'green', inputCls: 'checkbox-list__box', checked: firstTimeVisit === true ? true : false }, { id: 'no', name: 'no', label: 'no', color: 'green', inputCls: 'checkbox-list__box', checked: firstTimeVisit === false ? true : false }];

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(
					'div',
					{ className: 'contact-form__container' },
					errors.length > 0 && _react2.default.createElement(
						'div',
						{ className: 'errors-container full-width', ref: function ref(ds) {
								_this5.errorDiv = ds;
							} },
						errors.map(function (err) {
							return _react2.default.createElement(
								'p',
								{ className: 'copy-container alert alert--danger', key: err },
								err
							);
						})
					),
					this.state.formSubmitted && _react2.default.createElement(
						'p',
						{ className: 'copy-container alert--success', ref: function ref(e) {
								_this5.successDiv = e;
							} },
						'Thanks! We have received your submission and are reviewing your entry.'
					),
					!this.state.formSubmitted && _react2.default.createElement(
						'form',
						{
							className: 'a-form contact-form',
							onSubmit: this.handleSubmit,
							autoComplete: _bowser2.default.msedge ? 'off' : 'on'
						},
						_react2.default.createElement(
							'div',
							{ className: 'full-width' },
							_react2.default.createElement('input', {
								type: 'text',
								placeholder: 'Group Name*',
								name: 'Group Name',
								'aria-label': 'Group Name',
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									htmlFor: 'First Time Visit'
								},
								'First Time Visit:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'radio-wrapper' },
								_react2.default.createElement(
									'div',
									{
										className: 'checkbox-list-container'
									},
									_react2.default.createElement(
										_IconCheckboxList2.default,
										null,
										firstTimeVisitFields.map(function (option, index) {
											return _react2.default.createElement(_IconCheckboxItem2.default, _extends({}, option, {
												index: index,
												onChange: _this5.handleFirstTime
											}));
										})
									)
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list date-picker' },
							_react2.default.createElement(
								'p',
								{ className: 'copy copy--blue helper-text' },
								timeHelperText
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container date-time' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width flatpickr-date' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'First Date Choice'
										},
										'First Choice*:'
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width first-date flatpickr-date' },
										_react2.default.createElement(_reactFlatpickr2.default, {
											placeholder: _bowser2.default.msie ? null : '(Select a date)',
											name: 'First Date Choice',
											options: datePickerOpts(),
											ref: function ref(ds) {
												_this5.dateSelectors[0] = ds;
											},
											id: 'First Date Choice'
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width time-picker' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label label-push-right',
											htmlFor: 'First Time Choice'
										},
										'Time:'
									),
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'First Time Choice',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: tourTimesOptions,
										placeholder: tourTimesOptions[0].label,
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.timeSelectors[0] = ts;
										},
										disabled: tourTimesOptions.length === 1
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list date-picker' },
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container date-time' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width flatpickr-date' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'Second Date Choice'
										},
										'Second Choice*:'
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width second-date flatpickr-date' },
										_react2.default.createElement(_reactFlatpickr2.default, {
											placeholder: _bowser2.default.msie ? null : '(Select a date)',
											name: 'Second Date Choice',
											options: datePickerOpts(),
											ref: function ref(ds) {
												_this5.dateSelectors[1] = ds;
											},
											id: 'Second Date Choice'
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width time-picker' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label label-push-right',
											htmlFor: 'Second Time Choice'
										},
										'Time:'
									),
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Second Time Choice',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: tourTimesOptions,
										placeholder: tourTimesOptions[0].label,
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.timeSelectors[1] = ts;
										},
										disabled: tourTimesOptions.length === 1
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list date-picker' },
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container date-time' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width flatpickr-date' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'Third Date Choice'
										},
										'Third Choice*:'
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width third-date flatpickr-date' },
										_react2.default.createElement(_reactFlatpickr2.default, {
											placeholder: _bowser2.default.msie ? null : '(Select a date)',
											name: 'Third Date Choice',
											id: 'Third Date Choice',
											options: datePickerOpts(),
											ref: function ref(ds) {
												_this5.dateSelectors[2] = ds;
											}
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width time-picker' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label label-push-right',
											htmlFor: 'Third Time Choice'
										},
										'Time:'
									),
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Third Time Choice',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: tourTimesOptions,
										placeholder: tourTimesOptions[0].label,
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.timeSelectors[2] = ts;
										},
										disabled: tourTimesOptions.length === 1
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Contact Details:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'First Name*',
										name: 'First Name',
										'aria-label': 'First Name',
										maxLength: '20',
										minLength: '2',
										required: true
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Last Name*',
										name: 'Last Name',
										'aria-label': 'Last Name',
										maxLength: '20',
										minLength: '2',
										required: true
									})
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'email',
									placeholder: 'Email*',
									name: 'Email',
									'aria-label': 'Email',
									required: true,
									maxLength: '40',
									pattern: '[A-Za-z0-9._-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,63}'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'tel',
									placeholder: 'Phone*',
									name: 'Phone',
									'aria-label': 'Phone',
									required: true,
									minLength: '10',
									maxLength: '12'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Address',
									name: 'Address',
									'aria-label': 'Address',
									minLength: '2',
									maxLength: '40'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'City',
										name: 'City',
										'aria-label': 'City',
										minLength: '2',
										maxLength: '30'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'quarter-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'State',
										name: 'State',
										'aria-label': 'State',
										minLength: '2',
										maxLength: '2'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'quarter-width' },
									_react2.default.createElement('input', {
										type: 'tel',
										placeholder: 'Zip',
										name: 'Zip',
										'aria-label': 'Zip',
										minLength: '5',
										maxLength: '5'
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: '',
									htmlFor: 'Number of Visitors'
								},
								'Number of Visitors:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										type: _bowser2.default.msedge ? 'text' : 'number',
										name: 'Number of Visitors',
										placeholder: 'Select One*',
										'aria-label': 'Select One',
										min: '10',
										max: groupOptions.visitors.toString(),
										required: true,
										ref: function ref(visitorsInput) {
											_this5.visitorsInput = visitorsInput;
										},
										onKeyUp: function onKeyUp(e) {
											var val = e.target.valueAsNumber;
											if (!val) {
												e.target.value = '';
											} else {
												e.target.value = Math.min(e.target.max, val);
											}
										}
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: '',
									htmlFor: 'Number of Chaperones'
								},
								'Number of Chaperones:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'a-form__helper-text' },
								'*Maximum troop size= 25'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										key: groupOptions.chaperones.toString(),
										name: 'Number of Chaperones',
										type: _bowser2.default.msedge ? 'text' : 'number',
										placeholder: 'Select One',
										'aria-label': 'Number of Chaperones',
										min: groupOptions.chaperones.toString(),
										max: '25',
										ref: function ref(chaperonesInput) {
											_this5.chaperonesInput = chaperonesInput;
										},
										onKeyUp: function onKeyUp(e) {
											var val = e.target.valueAsNumber;
											if (!val) {
												e.target.value = '';
											} else {
												e.target.value = Math.min(e.target.max, val);
											}
										}
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Grade Level'
								},
								'Grade Level*'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Grade Level',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: groupInfoOptions,
										placeholder: '(Select one)',
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.groupInformationSelector = ts;
										}
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Badge Type'
								},
								'Badge Type'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Badge Type',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: [{
											value: 'Pets Badge',
											label: 'Pets Badge'
										}, {
											value: 'Animal Helpers Badge',
											label: 'Animal Helpers Badge'
										}, {
											value: 'Other',
											label: 'Other'
										}],
										placeholder: '(Select one)',
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.badgeType = ts;
										}
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Background of Group'
								},
								'Please provide any information on the background of your group and your interest in visiting Wallis Annenberg PetSpace.*'
							),
							_react2.default.createElement('textarea', {
								name: 'Background of Group',
								'aria-label': 'Background of Group',
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Cancellation and Refund Policy'
							),
							_react2.default.createElement(
								'p',
								{ className: 'cancellation-policy' },
								'Cancellations must be made by emailing ',
								_react2.default.createElement(
									'a',
									{ href: 'mailto:programs@annenbergpetspace.org' },
									'programs@annenbergpetspace.org'
								),
								'. Program fees paid in full, minus the booking fee, will be refunded only if you cancel your reservation at least 14 days before the date of your visit. If you cancel your reservation less than 14 days prior to your visit, no program fees will be refunded.'
							)
						),
						_react2.default.createElement(
							'p',
							{ className: 'copy-container form-notice' },
							'Once you submit a request with preferred dates, a representative from Annenberg PetSpace will reach out within two business days for next steps.'
						),
						_react2.default.createElement(
							'button',
							{
								className: 'button button--orange',
								type: 'submit',
								label: 'Submit'
							},
							'Submit'
						)
					)
				)
			);
		}
	}]);

	return ScoutForm;
}(_react.Component);

exports.default = ScoutForm;
var content = __webpack_require__(431);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, "@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.container--contact-form .copy-container.form-notice{padding-left:0;padding-right:0;font-size:16px;width:100%;max-width:100%;margin-top:30px;margin-bottom:20px}.container--contact-form__tours{min-height:0;margin-bottom:100px}.errors-container{margin-bottom:100px}.errors-container .copy-container{text-align:center;padding:0}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(" + escape(__webpack_require__(432)) + ");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(" + escape(__webpack_require__(433)) + ")}.contact-form__container .time-picker .dropdown-control:not(.dropdown-disabled){padding-left:0}.flatpickr-date{position:relative;min-width:60%}input[type=number],.flatpickr-input{border-bottom-color:black}.date-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 667px){.date-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.time-picker{-ms-flex-preferred-size:content;flex-basis:content}@media (max-width: 667px){.time-picker{margin-top:20px}}.time-picker .dropdown-root,.time-picker .dropdown-control{width:auto;max-width:none}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/ScoutForm/style.scss"],"names":[],"mappings":"AAAA,0BAA0B,yCAAyC,WAAW,eAAe,mBAAmB,CAAC,CAAC,qDAAqD,eAAe,gBAAgB,eAAe,WAAW,eAAe,gBAAgB,kBAAkB,CAAC,gCAAgC,aAAa,mBAAmB,CAAC,kBAAkB,mBAAmB,CAAC,kCAAkC,kBAAkB,SAAS,CAAC,yBAAyB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,kBAAkB,CAAC,yCAAyC,oBAAoB,iBAAiB,CAAC,+CAA+C,UAAU,CAAC,qCAAqC,UAAU,CAAC,2CAA2C,UAAU,CAAC,0BAA0B,iCAAiC,WAAW,eAAe,mBAAmB,CAAC,CAAC,iGAAiG,iBAAiB,CAAC,0CAA0C,cAAc,CAAC,wCAAwC,oBAAoB,oBAAoB,aAAa,WAAW,cAAc,CAAC,6DAA6D,YAAY,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,8BAA8B,6BAA6B,uBAAuB,mBAAmB,mBAAmB,oBAAoB,WAAW,CAAC,mEAAmE,iBAAiB,CAAC,uEAAuE,WAAW,CAAC,6EAA6E,YAAY,cAAc,CAAC,kDAAkD,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,UAAU,CAAC,2DAA2D,UAAU,CAAC,qDAAqD,gBAAgB,CAAC,4DAA4D,WAAW,oBAAoB,aAAa,CAAC,2CAA2C,aAAa,kBAAkB,CAAC,6DAA6D,yBAAyB,kBAAkB,CAAC,6EAA6E,YAAY,CAAC,oEAAoE,YAAY,CAAC,mDAAmD,4BAA4B,CAAC,sEAAsE,UAAU,SAAS,CAAC,6CAA6C,eAAe,CAAC,wDAAwD,WAAW,CAAC,8CAA8C,cAAc,CAAC,gDAAgD,eAAe,mBAAmB,CAAC,6CAA6C,kBAAkB,WAAW,gBAAgB,CAAC,+CAA+C,cAAc,CAAC,0BAA0B,+CAA+C,iBAAiB,CAAC,CAAC,mDAAmD,qBAAqB,kBAAkB,wBAAwB,qBAAqB,gBAAgB,WAAW,YAAY,SAAS,UAAU,oBAAoB,aAAa,CAAC,0BAA0B,mDAAmD,iBAAiB,CAAC,CAAC,mEAAmE,WAAW,kBAAkB,oBAAoB,QAAQ,OAAO,QAAQ,+CAAoD,wBAAwB,4BAA4B,WAAW,WAAW,CAAC,2EAA2E,QAAQ,WAAW,YAAY,8CAAqD,CAAC,gFAAgF,cAAc,CAAC,gBAAgB,kBAAkB,aAAa,CAAC,oCAAoC,yBAAyB,CAAC,WAAW,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,6BAA6B,CAAC,0BAA0B,WAAW,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,aAAa,gCAAgC,kBAAkB,CAAC,0BAA0B,aAAa,eAAe,CAAC,CAAC,2DAA2D,WAAW,cAAc,CAAC","file":"style.scss","sourcesContent":["@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.container--contact-form .copy-container.form-notice{padding-left:0;padding-right:0;font-size:16px;width:100%;max-width:100%;margin-top:30px;margin-bottom:20px}.container--contact-form__tours{min-height:0;margin-bottom:100px}.errors-container{margin-bottom:100px}.errors-container .copy-container{text-align:center;padding:0}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(\"./images/checkbox-blank.svg\");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(\"./images/checkbox-checked.svg\")}.contact-form__container .time-picker .dropdown-control:not(.dropdown-disabled){padding-left:0}.flatpickr-date{position:relative;min-width:60%}input[type=number],.flatpickr-input{border-bottom-color:black}.date-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 667px){.date-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.time-picker{-ms-flex-preferred-size:content;flex-basis:content}@media (max-width: 667px){.time-picker{margin-top:20px}}.time-picker .dropdown-root,.time-picker .dropdown-control{width:auto;max-width:none}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "d674e9143e56b71e12921fe25b690ff5.svg";module.exports = __webpack_require__.p + "e233889f116d4ea11103ecca868ec703.svg";
var content = __webpack_require__(435);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--brownie .sidebyside__image{display:none}.container--brownie .sidebyside .copy-container{display:block}.container--brownie .banner--cta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container--brownie .banner--cta__text{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-top:1px solid #eeeee8;max-width:1200px}.container--brownie .collapse{max-width:50%;margin:0 auto}@media (max-width: 768px){.container--brownie .collapse{max-width:none;padding:0 20px 60px}}.container--brownie .collapse .rc-collapse-header{text-transform:capitalize;font-size:30px;font-family:\"Larsseit-Light\";line-height:48px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--brownie .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:0}.container--brownie .collapse .rc-collapse-header:last-child{margin-right:0}.container--brownie .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--brownie .collapse .rc-collapse-header{font-size:30px;line-height:42px}}@media (max-width: 667px){.container--brownie .collapse .rc-collapse-header{font-size:24px;line-height:32px}}.container--brownie .collapse .rc-collapse-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--brownie .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:0}.container--brownie .collapse .rc-collapse-content:last-child{margin-right:0}.container--brownie .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:auto}.container--brownie .collapse .rc-collapse-content .copy-container{max-width:none}@media (max-width: 768px){.container--brownie .collapse .rc-collapse-content .copy-container{padding:0}}.container--brownie .rc-collapse>.rc-collapse-item:first-child{border-top:1px solid #eeeee8}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/ScoutBadgeProgram/style.scss"],"names":[],"mappings":"AAAA,uCAAuC,YAAY,CAAC,gDAAgD,aAAa,CAAC,iCAAiC,yBAAyB,sBAAsB,mBAAmB,wBAAwB,qBAAqB,sBAAsB,CAAC,uCAAuC,wBAAwB,qBAAqB,uBAAuB,kBAAkB,6BAA6B,gBAAgB,CAAC,8BAA8B,cAAc,aAAa,CAAC,0BAA0B,8BAA8B,eAAe,mBAAmB,CAAC,CAAC,kDAAkD,0BAA0B,eAAe,6BAA6B,iBAAiB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,mBAAmB,CAAC,gEAAgE,eAAe,aAAa,CAAC,6DAA6D,cAAc,CAAC,gEAAgE,eAAe,gBAAgB,CAAC,0BAA0B,kDAAkD,eAAe,gBAAgB,CAAC,CAAC,0BAA0B,kDAAkD,eAAe,gBAAgB,CAAC,CAAC,mDAAmD,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,mBAAmB,CAAC,iEAAiE,eAAe,aAAa,CAAC,8DAA8D,cAAc,CAAC,iEAAiE,eAAe,gBAAgB,CAAC,mEAAmE,cAAc,CAAC,0BAA0B,mEAAmE,SAAS,CAAC,CAAC,+DAA+D,4BAA4B,CAAC","file":"style.scss","sourcesContent":[".container--brownie .sidebyside__image{display:none}.container--brownie .sidebyside .copy-container{display:block}.container--brownie .banner--cta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container--brownie .banner--cta__text{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-top:1px solid #eeeee8;max-width:1200px}.container--brownie .collapse{max-width:50%;margin:0 auto}@media (max-width: 768px){.container--brownie .collapse{max-width:none;padding:0 20px 60px}}.container--brownie .collapse .rc-collapse-header{text-transform:capitalize;font-size:30px;font-family:\"Larsseit-Light\";line-height:48px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--brownie .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:0}.container--brownie .collapse .rc-collapse-header:last-child{margin-right:0}.container--brownie .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--brownie .collapse .rc-collapse-header{font-size:30px;line-height:42px}}@media (max-width: 667px){.container--brownie .collapse .rc-collapse-header{font-size:24px;line-height:32px}}.container--brownie .collapse .rc-collapse-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--brownie .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:0}.container--brownie .collapse .rc-collapse-content:last-child{margin-right:0}.container--brownie .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:auto}.container--brownie .collapse .rc-collapse-content .copy-container{max-width:none}@media (max-width: 768px){.container--brownie .collapse .rc-collapse-content .copy-container{padding:0}}.container--brownie .rc-collapse>.rc-collapse-item:first-child{border-top:1px solid #eeeee8}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _rcCollapse = __webpack_require__(35);

var _rcCollapse2 = _interopRequireDefault(_rcCollapse);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _SchoolForm = __webpack_require__(436);

var _SchoolForm2 = _interopRequireDefault(_SchoolForm);

var _utils = __webpack_require__(5);

__webpack_require__(441);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toArray(arr) { return Array.isArray(arr) ? arr : Array.from(arr); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var FieldTrips = function (_Component) {
	_inherits(FieldTrips, _Component);

	function FieldTrips() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, FieldTrips);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = FieldTrips.__proto__ || Object.getPrototypeOf(FieldTrips)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			pageContent: {}
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(FieldTrips, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			(0, _utils.request)({
				path: '/pages/field-trips'
			}).then(function (_ref2) {
				var data = _ref2.data;
				var _data$attributes = data.attributes,
				    hero = _data$attributes.hero,
				    content = _data$attributes.content;


				_this2.setState({
					initialized: true,
					hero: hero,
					pageContent: content
				});
			}).catch(function (err) {
				throw new Error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			if (!this.state.initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--field-trips', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var _state = this.state,
			    hero = _state.hero,
			    pageContent = _state.pageContent;

			var _pageContent = _toArray(pageContent),
			    intro = _pageContent[0],
			    blocks = _pageContent.slice(1);

			var virtual = [];
			var onSite = [];
			blocks.forEach(function (block) {
				if (block.id.indexOf('Virtual') === -1) {
					onSite.push(block);
				} else {
					virtual.push(block);
				}
			});

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				_react2.default.createElement(_ContentBlock2.default, _extends({ key: intro.id }, intro)),
				_react2.default.createElement(
					_rcCollapse2.default,
					{
						accordion: true
					},
					_react2.default.createElement(
						_rcCollapse.Panel,
						{
							className: 'copy-container--border collapse',
							header: 'Field Trips On-Site'
						},
						onSite.map(function (section) {
							return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
						})
					),
					_react2.default.createElement(
						_rcCollapse.Panel,
						{
							className: 'copy-container--border collapse',
							header: 'Virtual Field Trips'
						},
						virtual.map(function (section) {
							return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
						})
					)
				),
				_react2.default.createElement(_SchoolForm2.default, null)
			);
		}
	}]);

	return FieldTrips;
}(_react.Component);

exports.default = FieldTrips;

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactDom = __webpack_require__(24);

var _reactFlatpickr = __webpack_require__(74);

var _reactFlatpickr2 = _interopRequireDefault(_reactFlatpickr);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _find2 = __webpack_require__(94);

var _find3 = _interopRequireDefault(_find2);

var _bowser = __webpack_require__(95);

var _bowser2 = _interopRequireDefault(_bowser);

var _labelPlugin = __webpack_require__(96);

var _labelPlugin2 = _interopRequireDefault(_labelPlugin);

__webpack_require__(56);

var _polyfills = __webpack_require__(36);

var _polyfills2 = _interopRequireDefault(_polyfills);

var _config = __webpack_require__(42);

var _MultiSelect = __webpack_require__(41);

var _MultiSelect2 = _interopRequireDefault(_MultiSelect);

var _IconCheckboxList = __webpack_require__(51);

var _IconCheckboxList2 = _interopRequireDefault(_IconCheckboxList);

var _IconCheckboxItem = __webpack_require__(52);

var _IconCheckboxItem2 = _interopRequireDefault(_IconCheckboxItem);

var _utils = __webpack_require__(5);

__webpack_require__(437);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var higherEdParams = {
	times: [{ label: '11am', value: '11am' }, { label: '1pm', value: '1pm', _default: true }, { label: '3pm', value: '3pm' }],
	ages: [{
		value: 'Grades 1-3',
		label: 'Grades 1-3'
	}, {
		value: 'Grades 4-7',
		label: 'Grades 4-7'
	}, {
		value: 'Grades 8-12',
		label: 'Grades 8-12'
	}, {
		value: 'Adults 18+',
		label: 'Adults 18+'
	}, {
		value: 'Adults and Children',
		label: 'Adults and Children'
	}],
	group: {
		visitors: 50,
		chaperones: 0
	},
	timeHelperText: 'Higher Education Field Trips are available only at 11am, 1pm, or 3pm.',
	schoolIsTitleOne: null
};

var k12Params = {
	times: [{ label: '11am', value: '11am', _default: true }, { label: '12pm', value: '12pm' }],
	ages: [{
		value: 'Grades 1-3',
		label: 'Grades 1-3'
	}, {
		value: 'Grades 4-7',
		label: 'Grades 4-7'
	}, {
		value: 'Grades 8-12',
		label: 'Grades 8-12'
	}, {
		value: 'Adults 18+',
		label: 'Adults 18+'
	}, {
		value: 'Adults and Children',
		label: 'Adults and Children'
	}],
	group: {
		visitors: 50,
		chaperones: 1
	},
	timeHelperText: 'K-12 School Field Trips are available only at 11am or 12pm.',
	schoolIsTitleOne: false
};

var SchoolForm = function (_Component) {
	_inherits(SchoolForm, _Component);

	function SchoolForm(props) {
		_classCallCheck(this, SchoolForm);

		var _this = _possibleConstructorReturn(this, (SchoolForm.__proto__ || Object.getPrototypeOf(SchoolForm)).call(this, props));

		_this.setTourType = function (_ref) {
			var selected = _ref.selected;

			var tourType = selected[0];
			var tourParams = tourType === 'K-12 School' ? k12Params : higherEdParams;

			_this.setState({
				tourType: tourType,
				tourTimesOptions: tourParams.times,
				groupOptions: tourParams.group,
				timeHelperText: tourParams.timeHelperText,
				groupInfoOptions: tourParams.ages,
				schoolIsTitleOne: tourParams.schoolIsTitleOne
			});

			_this.timeSelectors.forEach(function (selector) {
				if (selector !== null) {
					var _find = (0, _find3.default)(tourParams.times, { _default: true }),
					    value = _find.value,
					    label = _find.label;

					selector.setValue(value, label, true);
				}
			});

			_this.forceUpdate(); //	to override shouldComponentUpdate logic
		};

		_this.repositionFlatpickrs = function () {
			//	we need to position these adjacent to their respective inputs for tab accesbility
			//	but can't use flatpickr appendTo since the DOM doesn't exist when it runs - so do it manually
			_this.flatpickrs = Array.from(document.querySelectorAll('.flatpickr-calendar'));
			var containers = ['.first-date', '.second-date', '.third-date'];

			_this.flatpickrs.forEach(function (fp, index) {
				var container = document.querySelector(containers[index]);
				container.appendChild(fp);
			});
		};

		_this.focusOpenCalendar = function () {
			var openCalendar = document.querySelector('.flatpickr-calendar.open');
			if (openCalendar) {
				// openCalendar.style.top = `${parseInt(openCalendar.style.top, 10) - 80}px`;
				openCalendar.style.top = '45px';
				openCalendar.style.left = 0;
				openCalendar.focus();
			}
		};

		_this.datePickerOpts = function () {
			return {
				altInput: true,
				minuteIncrement: 30,
				disableMobile: false,
				allowInput: false,
				plugins: [new _labelPlugin2.default({})],
				disable: [function (date) {
					if (_this.state.tourType === 'Birthday Party') {
						var birthdayStart = new Date('2019-04-20');
						if (date < birthdayStart) {
							return true;
						}

						return date.getDay() !== 6;
					}

					return false;
				}, function (date) {
					return (0, _utils.beforeTodaysDate)(date);
				}]
			};
		};

		_this.handleSubmit = function (e) {
			e.preventDefault();
			var formData = new FormData(e.target);

			_this.setState({
				errors: [] //	remove errors from a previously rejected form submission attempt, we'll catch them below
			}, function () {
				//	manual validation for Flatpickr and MultiSelect which can't do HTML validation
				var errors = _this.state.errors;

				_this.dateSelectors.forEach(function (ds, index) {
					if (ds.flatpickr.selectedDates.length === 0) {
						errors.push('Please select a date for ' + (0, _utils.getOrdinal)(index) + ' Date Choice');
						ds.flatpickr.altInput.classList.add('invalid');
					}
				});

				_this.timeSelectors.forEach(function (ts, index) {
					if (ts.state.selectedNb === 0) {
						errors.push('Please select a time for ' + (0, _utils.getOrdinal)(index) + ' Time Choice');
						var el = (0, _reactDom.findDOMNode)(ts);
						el.querySelector('.dropdown-control').classList.add('invalid');
					}
				});

				if (_this.tourTypeSelector.state.selectedNb === 0) {
					var el = (0, _reactDom.findDOMNode)(_this.tourTypeSelector);
					el.querySelector('.dropdown-control').classList.add('invalid');
					errors.push('Please select a Tour Type');
				}

				if (_this.groupInformationSelector.state.selectedNb === 0) {
					var _el = (0, _reactDom.findDOMNode)(_this.groupInformationSelector);
					_el.querySelector('.dropdown-control').classList.add('invalid');
					errors.push('Please select a Grade Level');
				}

				//	manual number validation to work around this edge bug
				//	https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4546283/
				if (_bowser2.default.msedge) {
					var visitorsInput = _this.visitorsInput,
					    chaperonesInput = _this.chaperonesInput;

					var visitors = Number(visitorsInput.value);
					var chaperones = Number(chaperonesInput.value);

					if (isNaN(visitors)) {
						errors.push('Please enter a valid number of visitors');
						visitorsInput.classList.add('invalid');
					}

					if (isNaN(chaperones)) {
						errors.push('Please enter a valid number of chaperones');
						chaperonesInput.classList.add('invalid');
					}
				}

				if (errors.length > 0) {
					_this.setState({
						errors: errors
					});
					_this.forceUpdate();
					return;
				}

				(0, _polyfills2.default)(_config.SERVER_URL + '/api/v1/submit-tour-form', {
					method: 'POST',
					body: formData
				}).then(function () {
					_this.setState({
						formSubmitted: true
					});
				}).catch(function (err) {
					throw new Error(err);
				});
			});
		};

		_this.handleFirstTime = function (name) {
			_this.setState({
				firstTimeVisit: name === 'yes'
			});

			_this.forceUpdate();
		};

		_this.handleTitleOneChange = function () {
			_this.setState({
				schoolIsTitleOne: !_this.state.schoolIsTitleOne
			});

			_this.forceUpdate();
		};

		_this.state = {
			transitionInComplete: false,
			formSubmitted: false,
			firstTimeVisit: null,
			tourType: 'School Trip',

			tourTimesOptions: higherEdParams.times,
			groupOptions: higherEdParams.group,
			groupInfoOptions: higherEdParams.ages,
			timeHelperText: higherEdParams.timeHelperText,
			groupHelperText: null,

			schoolIsTitleOne: null,
			errors: [],
			initialized: true
		};
		return _this;
	}

	_createClass(SchoolForm, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			this.errorDiv = false;
			this.successDiv = false;
			this.dateSelectors = [null, null, null]; //	empty array for Flatpickr refs
			this.timeSelectors = [null, null, null]; //	initialize empty array for MultiSelect refs
		}
	}, {
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({
					transitionInComplete: true
					// initialized: true,
				});
				_this2.repositionFlatpickrs();
			}, 2048);

			this.flatpickrInputs = Array.from(document.querySelectorAll('.form-control.flatpickr-input'));

			this.flatpickrInputs.forEach(function (input) {
				input.addEventListener('focus', _this2.focusOpenCalendar, false);
			});

			var elements = document.querySelectorAll('input,select,textarea');
			var self = this;
			var invalidListener = function onInvalid(err) {
				var _self$state = self.state,
				    errors = _self$state.errors,
				    groupOptions = _self$state.groupOptions;

				err.preventDefault();
				err.srcElement.classList.add('invalid');
				var msg = err.srcElement.name + ' is required.';
				if (err.srcElement.name === 'Number of Visitors') {
					msg = err.srcElement.name + ' is required and must be between 10 and ' + groupOptions.visitors.toString() + '.';
				} else if (err.srcElement.name === 'Number of Chaperones') {
					msg = err.srcElement.name + ' is required and must be between ' + groupOptions.chaperones.toString() + ' and 10.';
				}
				errors.push(msg);
				self.setState({ errors: errors });
				return false;
			};

			for (var i = elements.length; i--;) {
				//	eslint-disable-line no-plusplus
				elements[i].addEventListener('invalid', invalidListener);
			}
		}
	}, {
		key: 'shouldComponentUpdate',
		value: function shouldComponentUpdate(nextProps, nextState) {
			if (nextState.transitionInComplete !== this.state.transitionInComplete || nextState.formSubmitted !== this.state.formSubmitted || nextState.errors.length > 0) {
				return true;
			}
			return false;
		}
	}, {
		key: 'componentDidUpdate',
		value: function componentDidUpdate() {
			if (this.state.formSubmitted) {
				this.successDiv.scrollIntoView(true);
				var _window = window,
				    scrollY = _window.scrollY;

				window.scrollTo(0, scrollY - 180);
			} else if (this.state.errors.length > 0) {
				this.errorDiv.scrollIntoView(true);
				var _window2 = window,
				    _scrollY = _window2.scrollY;

				window.scrollTo(0, _scrollY - 180);
			}
			return true;
		}
	}, {
		key: 'componentWillUnmount',
		value: function componentWillUnmount() {
			var _this3 = this;

			this.flatpickrInputs.forEach(function (input) {
				input.removeEventListener('focus', _this3.focusOpenCalendar, false);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _this4 = this;

			var initialized = this.state.initialized;

			if (!initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--contact-form', 'container--contact-form__tours', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var datePickerOpts = this.datePickerOpts;
			var _state = this.state,
			    timeHelperText = _state.timeHelperText,
			    groupHelperText = _state.groupHelperText,
			    tourTimesOptions = _state.tourTimesOptions,
			    groupOptions = _state.groupOptions,
			    errors = _state.errors,
			    firstTimeVisit = _state.firstTimeVisit,
			    tourType = _state.tourType,
			    schoolIsTitleOne = _state.schoolIsTitleOne,
			    groupInfoOptions = _state.groupInfoOptions;


			var firstTimeVisitFields = [
			/* eslint-disable no-unneeded-ternary */
			{ id: 'yes', name: 'yes', label: 'yes', color: 'green', inputCls: 'checkbox-list__box', checked: firstTimeVisit === true ? true : false }, { id: 'no', name: 'no', label: 'no', color: 'green', inputCls: 'checkbox-list__box', checked: firstTimeVisit === false ? true : false }];

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(
					'section',
					{ className: 'request-a-tour__copy' },
					_react2.default.createElement(
						'div',
						{ className: 'copy-container' },
						_react2.default.createElement(
							'h1',
							null,
							'Request a Trip'
						),
						_react2.default.createElement(
							'p',
							null,
							'Once you submit a request with preferred dates, a representative from Annenberg PetSpace will reach out within two business days for next steps.'
						)
					)
				),
				_react2.default.createElement(
					'div',
					{ className: 'contact-form__container' },
					errors.length > 0 && _react2.default.createElement(
						'div',
						{ className: 'errors-container full-width', ref: function ref(ds) {
								_this4.errorDiv = ds;
							} },
						errors.map(function (err) {
							return _react2.default.createElement(
								'p',
								{ className: 'copy-container alert alert--danger', key: err },
								err
							);
						})
					),
					this.state.formSubmitted && _react2.default.createElement(
						'p',
						{ className: 'copy-container alert--success', ref: function ref(e) {
								_this4.successDiv = e;
							} },
						'Thanks! We have received your submission and are reviewing your entry.'
					),
					!this.state.formSubmitted && _react2.default.createElement(
						'form',
						{
							className: 'a-form contact-form',
							onSubmit: this.handleSubmit,
							autoComplete: _bowser2.default.msedge ? 'off' : 'on'
						},
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label tour-type-label',
									htmlFor: 'Tour Type'
								},
								'Tour Type*'
							),
							_react2.default.createElement(_MultiSelect2.default, {
								name: 'Tour Type',
								baseClassName: 'dropdown__tour-type dropdown',
								className: 'filters__filter',
								options: [{
									value: 'K-12 School',
									label: 'K-12 School'
								}, {
									value: 'Higher Education',
									label: 'Higher Education'
								}],
								placeholder: '(Select one)',
								onChange: this.setTourType,
								singleSelect: true,
								ref: function ref(ms) {
									_this4.tourTypeSelector = ms;
								}
							})
						),
						(tourType === 'K-12 School' || tourType === 'Higher Education') && _react2.default.createElement(
							'section',
							{ className: 'school-tour-info' },
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Group Name*',
									name: 'Group Name',
									'aria-label': 'Group Name',
									required: true
								})
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset' },
								_react2.default.createElement(
									'label',
									{
										htmlFor: 'First Time Visit'
									},
									'First Time Visit:'
								),
								_react2.default.createElement(
									'div',
									{ className: 'radio-wrapper' },
									_react2.default.createElement(
										'div',
										{
											className: 'checkbox-list-container'
										},
										_react2.default.createElement(
											_IconCheckboxList2.default,
											null,
											firstTimeVisitFields.map(function (option, index) {
												return _react2.default.createElement(_IconCheckboxItem2.default, _extends({}, option, {
													index: index,
													onChange: _this4.handleFirstTime
												}));
											})
										)
									)
								)
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset input-list date-picker' },
								_react2.default.createElement(
									'p',
									{ className: 'copy copy--blue helper-text' },
									timeHelperText
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width-container date-time' },
									_react2.default.createElement(
										'div',
										{ className: 'half-width flatpickr-date' },
										_react2.default.createElement(
											'label',
											{
												className: 'a-form__label',
												htmlFor: 'First Date Choice'
											},
											'First Choice*:'
										),
										_react2.default.createElement(
											'div',
											{ className: 'half-width first-date flatpickr-date' },
											_react2.default.createElement(_reactFlatpickr2.default, {
												placeholder: _bowser2.default.msie ? null : '(Select a date)',
												name: 'First Date Choice',
												id: 'First Time Choice',
												options: datePickerOpts(),
												ref: function ref(ds) {
													_this4.dateSelectors[0] = ds;
												}
											})
										)
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width time-picker' },
										_react2.default.createElement(
											'label',
											{
												className: 'a-form__label',
												htmlFor: 'First Time Choice'
											},
											'Time:'
										),
										_react2.default.createElement(_MultiSelect2.default, {
											name: 'First Time Choice',
											baseClassName: 'dropdown',
											className: 'filters__filter',
											options: tourTimesOptions,
											placeholder: tourTimesOptions[0].label,
											onChange: function onChange() {},
											singleSelect: true,
											ref: function ref(ts) {
												_this4.timeSelectors[0] = ts;
											},
											disabled: tourTimesOptions.length === 1
										})
									)
								)
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset input-list date-picker' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width-container date-time' },
									_react2.default.createElement(
										'div',
										{ className: 'half-width flatpickr-date' },
										_react2.default.createElement(
											'label',
											{
												className: 'a-form__label',
												htmlFor: 'Second Date Choice'
											},
											'Second Choice*:'
										),
										_react2.default.createElement(
											'div',
											{ className: 'half-width second-date flatpickr-date' },
											_react2.default.createElement(_reactFlatpickr2.default, {
												placeholder: _bowser2.default.msie ? null : '(Select a date)',
												name: 'Second Date Choice',
												options: datePickerOpts(),
												ref: function ref(ds) {
													_this4.dateSelectors[1] = ds;
												},
												id: 'Second Date Choice'
											})
										)
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width time-picker' },
										_react2.default.createElement(
											'label',
											{
												className: 'a-form__label',
												htmlFor: 'Second Time Choice'
											},
											'Time:'
										),
										_react2.default.createElement(_MultiSelect2.default, {
											name: 'Second Time Choice',
											baseClassName: 'dropdown',
											className: 'filters__filter',
											options: tourTimesOptions,
											placeholder: tourTimesOptions[0].label,
											onChange: function onChange() {},
											singleSelect: true,
											ref: function ref(ts) {
												_this4.timeSelectors[1] = ts;
											},
											disabled: tourTimesOptions.length === 1
										})
									)
								)
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset input-list date-picker' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width-container date-time' },
									_react2.default.createElement(
										'div',
										{ className: 'half-width flatpickr-date' },
										_react2.default.createElement(
											'label',
											{
												className: 'a-form__label',
												htmlFor: 'Third Date Choice'
											},
											'Third Choice*:'
										),
										_react2.default.createElement(
											'div',
											{ className: 'half-width third-date flatpickr-date' },
											_react2.default.createElement(_reactFlatpickr2.default, {
												placeholder: _bowser2.default.msie ? null : '(Select a date)',
												name: 'Third Date Choice',
												id: 'Third Date Choice',
												options: datePickerOpts(),
												ref: function ref(ds) {
													_this4.dateSelectors[2] = ds;
												}
											})
										)
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width time-picker' },
										_react2.default.createElement(
											'label',
											{
												className: 'a-form__label',
												htmlFor: 'Third Time Choice'
											},
											'Time:'
										),
										_react2.default.createElement(_MultiSelect2.default, {
											name: 'Third Time Choice',
											baseClassName: 'dropdown',
											className: 'filters__filter',
											options: tourTimesOptions,
											placeholder: tourTimesOptions[0].label,
											onChange: function onChange() {},
											singleSelect: true,
											ref: function ref(ts) {
												_this4.timeSelectors[2] = ts;
											},
											disabled: tourTimesOptions.length === 1
										})
									)
								)
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset input-list' },
								_react2.default.createElement(
									'h3',
									{ className: 'a-form__fieldset__title' },
									'Contact Details:'
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'half-width' },
										_react2.default.createElement('input', {
											type: 'text',
											placeholder: 'First Name*',
											name: 'First Name',
											'aria-label': 'First Name',
											maxLength: '20',
											minLength: '2',
											required: true
										})
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width' },
										_react2.default.createElement('input', {
											type: 'text',
											placeholder: 'Last Name*',
											name: 'Last Name',
											'aria-label': 'Last Name',
											maxLength: '20',
											minLength: '2',
											required: true
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										type: 'email',
										placeholder: 'Email*',
										name: 'Email',
										'aria-label': 'Email',
										required: true,
										maxLength: '40',
										pattern: '[A-Za-z0-9._-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,63}'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										type: 'tel',
										placeholder: 'Phone*',
										name: 'Phone',
										'aria-label': 'Phone',
										required: true,
										minLength: '10',
										maxLength: '12'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Address',
										name: 'Address',
										'aria-label': 'Address',
										minLength: '2',
										maxLength: '40'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'half-width' },
										_react2.default.createElement('input', {
											type: 'text',
											placeholder: 'City',
											name: 'City',
											'aria-label': 'City',
											minLength: '2',
											maxLength: '30'
										})
									),
									_react2.default.createElement(
										'div',
										{ className: 'quarter-width' },
										_react2.default.createElement('input', {
											type: 'text',
											placeholder: 'State',
											name: 'State',
											'aria-label': 'State',
											minLength: '2',
											maxLength: '2'
										})
									),
									_react2.default.createElement(
										'div',
										{ className: 'quarter-width' },
										_react2.default.createElement('input', {
											type: 'tel',
											placeholder: 'Zip',
											name: 'Zip',
											'aria-label': 'Zip',
											minLength: '5',
											maxLength: '5'
										})
									)
								)
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset input-list' },
								_react2.default.createElement(
									'label',
									{
										className: '',
										htmlFor: 'Number of Visitors'
									},
									'Number of Visitors:'
								),
								_react2.default.createElement(
									'div',
									{ className: 'full-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'full-width' },
										_react2.default.createElement('input', {
											type: _bowser2.default.msedge ? 'text' : 'number',
											name: 'Number of Visitors',
											placeholder: 'Select One*',
											'aria-label': 'Select One',
											min: '10',
											max: groupOptions.visitors.toString(),
											required: true,
											ref: function ref(visitorsInput) {
												_this4.visitorsInput = visitorsInput;
											},
											onKeyUp: function onKeyUp(e) {
												var val = e.target.valueAsNumber;
												if (!val) {
													e.target.value = '';
												} else {
													e.target.value = Math.min(e.target.max, val);
												}
											}
										})
									)
								)
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset input-list' },
								_react2.default.createElement(
									'label',
									{
										className: '',
										htmlFor: 'Number of Chaperones'
									},
									'Number of Chaperones:'
								),
								_react2.default.createElement(
									'div',
									{ className: 'a-form__helper-text' },
									'If the majority of group members are under 18 years of age, there must be one chaperone for every ten students; chaperones must be at least 18 years old. There will be an additional charge of $5 per additional or missing chaperone.',
									groupHelperText !== null && _react2.default.createElement(
										'p',
										{ className: 'copy copy--blue' },
										groupHelperText
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'full-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'full-width' },
										_react2.default.createElement('input', {
											key: groupOptions.chaperones.toString(),
											name: 'Number of Chaperones',
											type: _bowser2.default.msedge ? 'text' : 'number',
											placeholder: 'Select One',
											'aria-label': 'Number of Chaperones',
											min: groupOptions.chaperones.toString(),
											max: '5',
											ref: function ref(chaperonesInput) {
												_this4.chaperonesInput = chaperonesInput;
											},
											onKeyUp: function onKeyUp(e) {
												var val = e.target.valueAsNumber;
												if (!val) {
													e.target.value = '';
												} else {
													e.target.value = Math.min(e.target.max, val);
												}
											}
										})
									)
								)
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset input-list' },
								_react2.default.createElement(
									'label',
									{
										className: 'a-form__label',
										htmlFor: 'Grade Level'
									},
									tourType === 'Birthday Party' ? 'Age of birthday child' : 'Grade Level*'
								),
								_react2.default.createElement(
									'div',
									{ className: 'full-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'full-width' },
										_react2.default.createElement(_MultiSelect2.default, {
											name: 'Grade Level',
											baseClassName: 'dropdown',
											className: 'filters__filter',
											options: groupInfoOptions,
											placeholder: '(Select one)',
											onChange: function onChange() {},
											singleSelect: true,
											ref: function ref(ts) {
												_this4.groupInformationSelector = ts;
											}
										})
									)
								)
							),
							tourType === 'K-12 School' && _react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset input-list' },
								_react2.default.createElement(
									'h3',
									{ className: 'a-form__fieldset__title' },
									'School Information:'
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'half-width' },
										_react2.default.createElement('input', {
											type: 'text',
											placeholder: 'School Name*',
											name: 'School Name',
											'aria-label': 'School Name',
											minLength: '2',
											maxLength: '40',
											required: true
										})
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width' },
										_react2.default.createElement('input', {
											type: 'text',
											placeholder: 'Class Subject*',
											name: 'Class Subject',
											'aria-label': 'Class Subject',
											minLength: '2',
											maxLength: '40',
											required: true
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'full-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'title-one-checkbox' },
										_react2.default.createElement('input', {
											type: 'checkbox', name: 'Title One Status', onChange: this.handleTitleOneChange
										}),
										_react2.default.createElement(
											'label',
											{ htmlFor: 'Title One Status' },
											_react2.default.createElement(
												'p',
												null,
												'Check this box if you are a Los Angeles-area Title I school and would like to apply for bus funding.'
											)
										)
									)
								)
							),
							schoolIsTitleOne === true && _react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset input-list' },
								_react2.default.createElement(
									'label',
									{
										className: 'a-form__label',
										htmlFor: 'Actual School Address'
									},
									'School Address:'
								),
								_react2.default.createElement(
									'div',
									{ className: 'full-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'full-width' },
										_react2.default.createElement('input', {
											type: 'text',
											placeholder: 'Address*',
											name: 'Actual School Address',
											'aria-label': 'Actual School Address',
											minLength: '2',
											maxLength: '60',
											required: true
										}),
										_react2.default.createElement(
											'p',
											null,
											'Please provide actual address of school for Title I verification'
										)
									)
								)
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset' },
								_react2.default.createElement(
									'label',
									{
										className: 'a-form__label',
										htmlFor: 'Background of Group'
									},
									'Please provide any information on the background of your group and your interest in visiting Wallis Annenberg PetSpace.*'
								),
								_react2.default.createElement('textarea', {
									name: 'Background of Group',
									'aria-label': 'Background of Group',
									required: true
								})
							),
							_react2.default.createElement(
								'fieldset',
								{ className: 'a-form__fieldset' },
								_react2.default.createElement(
									'h3',
									{ className: 'a-form__fieldset__title' },
									'Cancellation and Refund Policy'
								),
								_react2.default.createElement(
									'p',
									{ className: 'cancellation-policy' },
									'Cancellations must be made by emailing ',
									_react2.default.createElement(
										'a',
										{ href: 'mailto:programs@annenbergpetspace.org' },
										'programs@annenbergpetspace.org'
									),
									'. Program fees paid in full, minus the booking fee, will be refunded only if you cancel your reservation at least 14 days before the date of your visit. If you cancel your reservation less than 14 days prior to your visit, no program fees will be refunded.'
								)
							),
							_react2.default.createElement(
								'button',
								{
									className: 'button button--orange',
									type: 'submit',
									label: 'Submit'
								},
								'Submit'
							)
						)
					)
				)
			);
		}
	}]);

	return SchoolForm;
}(_react.Component);

exports.default = SchoolForm;
var content = __webpack_require__(438);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--contact-form .school-tour-info{width:100%;max-width:100%}@media (max-width: 667px){.container--contact-form .date-picker{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container--contact-form .button{display:block}.container--contact-form__tours{min-height:0;margin-bottom:100px}@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.container--contact-form .copy-container.form-notice{padding-left:0;padding-right:0;font-size:16px;width:100%;max-width:100%;margin-top:30px;margin-bottom:20px}.errors-container{margin-bottom:100px}.errors-container .copy-container{text-align:center;padding:0}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.contact-form__container .dropdown__tour-type{color:black;-ms-flex-preferred-size:100% !important;flex-basis:100% !important;max-width:100%}.contact-form__container .dropdown__tour-type button{padding-left:0;width:100%;max-width:100%}.contact-form__container .dropdown__tour-type .dropdown-control::after{transition:none;opacity:1;background-color:black;-webkit-transform:scaleX(1);transform:scaleX(1)}.contact-form__container .dropdown__tour-type .dropdown-control:hover::after{background-color:#f80}.contact-form__container .dropdown__tour-type .dropdown-menu{width:100%;max-width:100%}.contact-form__container .dropdown__tour-type .dropdown-menu button{padding-left:10px;max-width:99%}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(" + escape(__webpack_require__(439)) + ");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(" + escape(__webpack_require__(440)) + ")}.contact-form__container .time-picker .dropdown-control:not(.dropdown-disabled){padding-left:0}.flatpickr-date{position:relative;min-width:60%}input[type=number],.flatpickr-input{border-bottom-color:black}.date-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 667px){.date-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.time-picker{-ms-flex-preferred-size:content;flex-basis:content}@media (max-width: 667px){.time-picker{margin-top:20px}}.time-picker .dropdown-root,.time-picker .dropdown-control{width:75%;max-width:none}.tour-type-label{margin-bottom:0}.request-a-tour__copy{margin-bottom:40px}.request-a-tour__copy h1{margin-bottom:40px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/SchoolForm/style.scss"],"names":[],"mappings":"AAAA,2CAA2C,WAAW,cAAc,CAAC,0BAA0B,sCAAsC,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,iCAAiC,aAAa,CAAC,gCAAgC,aAAa,mBAAmB,CAAC,0BAA0B,yCAAyC,WAAW,eAAe,mBAAmB,CAAC,CAAC,qDAAqD,eAAe,gBAAgB,eAAe,WAAW,eAAe,gBAAgB,kBAAkB,CAAC,kBAAkB,mBAAmB,CAAC,kCAAkC,kBAAkB,SAAS,CAAC,yBAAyB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,kBAAkB,CAAC,yCAAyC,oBAAoB,iBAAiB,CAAC,+CAA+C,UAAU,CAAC,qCAAqC,UAAU,CAAC,2CAA2C,UAAU,CAAC,0BAA0B,iCAAiC,WAAW,eAAe,mBAAmB,CAAC,CAAC,iGAAiG,iBAAiB,CAAC,0CAA0C,cAAc,CAAC,wCAAwC,oBAAoB,oBAAoB,aAAa,WAAW,cAAc,CAAC,6DAA6D,YAAY,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,8BAA8B,6BAA6B,uBAAuB,mBAAmB,mBAAmB,oBAAoB,WAAW,CAAC,mEAAmE,iBAAiB,CAAC,uEAAuE,WAAW,CAAC,6EAA6E,YAAY,cAAc,CAAC,kDAAkD,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,UAAU,CAAC,2DAA2D,UAAU,CAAC,qDAAqD,gBAAgB,CAAC,4DAA4D,WAAW,oBAAoB,aAAa,CAAC,2CAA2C,aAAa,kBAAkB,CAAC,6DAA6D,yBAAyB,kBAAkB,CAAC,6EAA6E,YAAY,CAAC,oEAAoE,YAAY,CAAC,mDAAmD,4BAA4B,CAAC,8CAA8C,YAAY,wCAAwC,2BAA2B,cAAc,CAAC,qDAAqD,eAAe,WAAW,cAAc,CAAC,uEAAuE,gBAAgB,UAAU,uBAAuB,4BAA4B,mBAAmB,CAAC,6EAA6E,qBAAqB,CAAC,6DAA6D,WAAW,cAAc,CAAC,oEAAoE,kBAAkB,aAAa,CAAC,sEAAsE,UAAU,SAAS,CAAC,6CAA6C,eAAe,CAAC,wDAAwD,WAAW,CAAC,8CAA8C,cAAc,CAAC,gDAAgD,eAAe,mBAAmB,CAAC,6CAA6C,kBAAkB,WAAW,gBAAgB,CAAC,+CAA+C,cAAc,CAAC,0BAA0B,+CAA+C,iBAAiB,CAAC,CAAC,mDAAmD,qBAAqB,kBAAkB,wBAAwB,qBAAqB,gBAAgB,WAAW,YAAY,SAAS,UAAU,oBAAoB,aAAa,CAAC,0BAA0B,mDAAmD,iBAAiB,CAAC,CAAC,mEAAmE,WAAW,kBAAkB,oBAAoB,QAAQ,OAAO,QAAQ,+CAAoD,wBAAwB,4BAA4B,WAAW,WAAW,CAAC,2EAA2E,QAAQ,WAAW,YAAY,8CAAqD,CAAC,gFAAgF,cAAc,CAAC,gBAAgB,kBAAkB,aAAa,CAAC,oCAAoC,yBAAyB,CAAC,WAAW,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,6BAA6B,CAAC,0BAA0B,WAAW,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,aAAa,gCAAgC,kBAAkB,CAAC,0BAA0B,aAAa,eAAe,CAAC,CAAC,2DAA2D,UAAU,cAAc,CAAC,iBAAiB,eAAe,CAAC,sBAAsB,kBAAkB,CAAC,yBAAyB,kBAAkB,CAAC","file":"style.scss","sourcesContent":[".container--contact-form .school-tour-info{width:100%;max-width:100%}@media (max-width: 667px){.container--contact-form .date-picker{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container--contact-form .button{display:block}.container--contact-form__tours{min-height:0;margin-bottom:100px}@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.container--contact-form .copy-container.form-notice{padding-left:0;padding-right:0;font-size:16px;width:100%;max-width:100%;margin-top:30px;margin-bottom:20px}.errors-container{margin-bottom:100px}.errors-container .copy-container{text-align:center;padding:0}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.contact-form__container .dropdown__tour-type{color:black;-ms-flex-preferred-size:100% !important;flex-basis:100% !important;max-width:100%}.contact-form__container .dropdown__tour-type button{padding-left:0;width:100%;max-width:100%}.contact-form__container .dropdown__tour-type .dropdown-control::after{transition:none;opacity:1;background-color:black;-webkit-transform:scaleX(1);transform:scaleX(1)}.contact-form__container .dropdown__tour-type .dropdown-control:hover::after{background-color:#f80}.contact-form__container .dropdown__tour-type .dropdown-menu{width:100%;max-width:100%}.contact-form__container .dropdown__tour-type .dropdown-menu button{padding-left:10px;max-width:99%}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(\"./images/checkbox-blank.svg\");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(\"./images/checkbox-checked.svg\")}.contact-form__container .time-picker .dropdown-control:not(.dropdown-disabled){padding-left:0}.flatpickr-date{position:relative;min-width:60%}input[type=number],.flatpickr-input{border-bottom-color:black}.date-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 667px){.date-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.time-picker{-ms-flex-preferred-size:content;flex-basis:content}@media (max-width: 667px){.time-picker{margin-top:20px}}.time-picker .dropdown-root,.time-picker .dropdown-control{width:75%;max-width:none}.tour-type-label{margin-bottom:0}.request-a-tour__copy{margin-bottom:40px}.request-a-tour__copy h1{margin-bottom:40px}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "d674e9143e56b71e12921fe25b690ff5.svg";module.exports = __webpack_require__.p + "e233889f116d4ea11103ecca868ec703.svg";
var content = __webpack_require__(442);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--field-trips .sidebyside .copy-container{display:block}.container--field-trips .sidebyside .copy-container h1,.container--field-trips .sidebyside .copy-container p{word-wrap:break-word}.container--field-trips .banner--cta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container--field-trips .banner--cta__text{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-top:2px solid #f7f7f3;max-width:1200px}.container--field-trips .collapse{max-width:50%;margin:0 auto}@media (max-width: 768px){.container--field-trips .collapse{max-width:none;padding:0 20px 60px}}.container--field-trips .collapse .rc-collapse-header{text-transform:capitalize;font-size:30px;font-family:\"Larsseit-Light\";line-height:48px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--field-trips .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:0}.container--field-trips .collapse .rc-collapse-header:last-child{margin-right:0}.container--field-trips .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--field-trips .collapse .rc-collapse-header{font-size:30px;line-height:42px}}@media (max-width: 667px){.container--field-trips .collapse .rc-collapse-header{font-size:24px;line-height:32px}}.container--field-trips .collapse .rc-collapse-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--field-trips .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:0}.container--field-trips .collapse .rc-collapse-content:last-child{margin-right:0}.container--field-trips .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:auto}.container--field-trips .collapse .rc-collapse-content .copy-container{max-width:none}@media (max-width: 768px){.container--field-trips .collapse .rc-collapse-content .copy-container{padding:0}}.container--field-trips .collapse .sidebyside{padding-left:0;padding-right:0}.container--field-trips .rc-collapse>.rc-collapse-item:first-child{border-top:1px solid #eeeee8}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/FieldTrips/style.scss"],"names":[],"mappings":"AAAA,oDAAoD,aAAa,CAAC,6GAA6G,oBAAoB,CAAC,qCAAqC,yBAAyB,sBAAsB,mBAAmB,wBAAwB,qBAAqB,sBAAsB,CAAC,2CAA2C,wBAAwB,qBAAqB,uBAAuB,kBAAkB,6BAA6B,gBAAgB,CAAC,kCAAkC,cAAc,aAAa,CAAC,0BAA0B,kCAAkC,eAAe,mBAAmB,CAAC,CAAC,sDAAsD,0BAA0B,eAAe,6BAA6B,iBAAiB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,mBAAmB,CAAC,oEAAoE,eAAe,aAAa,CAAC,iEAAiE,cAAc,CAAC,oEAAoE,eAAe,gBAAgB,CAAC,0BAA0B,sDAAsD,eAAe,gBAAgB,CAAC,CAAC,0BAA0B,sDAAsD,eAAe,gBAAgB,CAAC,CAAC,uDAAuD,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,mBAAmB,CAAC,qEAAqE,eAAe,aAAa,CAAC,kEAAkE,cAAc,CAAC,qEAAqE,eAAe,gBAAgB,CAAC,uEAAuE,cAAc,CAAC,0BAA0B,uEAAuE,SAAS,CAAC,CAAC,8CAA8C,eAAe,eAAe,CAAC,mEAAmE,4BAA4B,CAAC","file":"style.scss","sourcesContent":[".container--field-trips .sidebyside .copy-container{display:block}.container--field-trips .sidebyside .copy-container h1,.container--field-trips .sidebyside .copy-container p{word-wrap:break-word}.container--field-trips .banner--cta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container--field-trips .banner--cta__text{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-top:2px solid #f7f7f3;max-width:1200px}.container--field-trips .collapse{max-width:50%;margin:0 auto}@media (max-width: 768px){.container--field-trips .collapse{max-width:none;padding:0 20px 60px}}.container--field-trips .collapse .rc-collapse-header{text-transform:capitalize;font-size:30px;font-family:\"Larsseit-Light\";line-height:48px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--field-trips .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:0}.container--field-trips .collapse .rc-collapse-header:last-child{margin-right:0}.container--field-trips .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--field-trips .collapse .rc-collapse-header{font-size:30px;line-height:42px}}@media (max-width: 667px){.container--field-trips .collapse .rc-collapse-header{font-size:24px;line-height:32px}}.container--field-trips .collapse .rc-collapse-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--field-trips .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:0}.container--field-trips .collapse .rc-collapse-content:last-child{margin-right:0}.container--field-trips .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:auto}.container--field-trips .collapse .rc-collapse-content .copy-container{max-width:none}@media (max-width: 768px){.container--field-trips .collapse .rc-collapse-content .copy-container{padding:0}}.container--field-trips .collapse .sidebyside{padding-left:0;padding-right:0}.container--field-trips .rc-collapse>.rc-collapse-item:first-child{border-top:1px solid #eeeee8}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _TrackingLink = __webpack_require__(22);

var _TrackingLink2 = _interopRequireDefault(_TrackingLink);

var _utils = __webpack_require__(5);

__webpack_require__(443);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var CritterCornerView = (_temp2 = _class = function (_React$Component) {
	_inherits(CritterCornerView, _React$Component);

	function CritterCornerView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, CritterCornerView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = CritterCornerView.__proto__ || Object.getPrototypeOf(CritterCornerView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			pageData: []
		}, _this.renderLink = function (_ref2) {
			var href = _ref2.href,
			    title = _ref2.title;
			return _react2.default.createElement(
				'div',
				{ className: 'link-row' },
				_react2.default.createElement(
					_TrackingLink2.default,
					{ to: href, target: '_blank', rel: 'noopener noreferrer', className: 'link--external', gaAction: 'Partners', gaLabel: href },
					title,
					_react2.default.createElement('span', { className: 'link--external-icon' })
				)
			);
		}, _this.renderPartner = function (_ref3, index) {
			var id = _ref3.id,
			    logo = _ref3.logo,
			    title = _ref3.title,
			    blurb = _ref3.blurb,
			    ctas = _ref3.ctas;
			return _react2.default.createElement(
				'figure',
				{ className: 'partner', key: index },
				_react2.default.createElement(
					'div',
					{ className: 'partner__icons' },
					_react2.default.createElement('div', { className: 'partner__icon partner__icon--' + id, style: { backgroundImage: 'url(' + logo + ')' } })
				),
				_react2.default.createElement(
					'figcaption',
					{ className: 'partner__info' },
					_react2.default.createElement(
						'h1',
						{ className: 'heading heading--sm' },
						(0, _utils.widowTamer)(title)
					),
					_react2.default.createElement(
						'p',
						{ className: 'copy' },
						(0, _utils.widowTamer)(blurb)
					),
					ctas.map(_this.renderLink)
				)
			);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(CritterCornerView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			(0, _utils.request)({
				path: '/pages/critter-corner'
			}).then(function (pageData) {
				_this2.setState({
					pageData: pageData.data.attributes
				});
			}).catch(function (err) {
				// eslint-disable-next-line no-console
				console.error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var pageData = this.state.pageData;
			var banner = this.props.banner;

			var containerCls = (0, _classnames2.default)('container', 'container--critter-corner', 'container-transition-appear', 'container--about', {
				'container--has-announcement': banner.get('id') !== ''
			});

			if (pageData.length === 0) {
				return _react2.default.createElement('div', { className: 'container container--about' });
			}
			var heroData = pageData.hero;
			var pageContent = [];
			var partners = [];
			pageData.content.forEach(function (item) {
				if (item.critterPartners) {
					partners = item.critterPartners.results;
				} else {
					pageContent.push(item);
				}
			});

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: heroData.headline,
					subheading: heroData.subheading,
					bgImgSrc: heroData.image
				}),
				pageContent.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
				}),
				_react2.default.createElement(
					'div',
					{ className: 'partners-content' },
					partners.map(this.renderPartner)
				)
			);
		}
	}]);

	return CritterCornerView;
}(_react2.default.Component), _class.propTypes = {
	banner: _react2.default.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(CritterCornerView);
var content = __webpack_require__(444);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--critter-corner .splash--triptych{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 1024px){.container--critter-corner .splash--triptych{margin-bottom:60px}.container--critter-corner .splash--triptych .cta{margin-bottom:0}.container--critter-corner .splash--triptych#step-1,.container--critter-corner .splash--triptych#step-3{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse wrap;flex-flow:column-reverse wrap;display:-webkit-inline-box}}@media (max-width: 1024px){.container--critter-corner .splash--triptych__cta-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.container--critter-corner .splash .copy-container{max-width:100%;margin:120px 0 150px}@media (max-width: 1024px){.container--critter-corner .splash .copy-container{margin:0}}.container--critter-corner .splash .copy-container h1{text-align:center;padding-bottom:30px;font-size:56px;line-height:66px;letter-spacing:2px;font-family:\"Larsseit-Light\"}@media (max-width: 1400px){.container--critter-corner .splash .copy-container h1{font-size:36px;line-height:48px;letter-spacing:2px}}@media (max-width: 1024px){.container--critter-corner .splash .copy-container h1{font-size:30px}}.container--critter-corner .splash .copy-container p{max-width:50%;margin:auto}@media (max-width: 1024px){.container--critter-corner .splash .copy-container p{max-width:inherit}}.container--critter-corner #partner-header .copy-container{margin-bottom:0}.container--critter-corner .partners-content .heading--xl{text-align:center}.container--critter-corner .partner{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:60px;margin-bottom:60px}@media (max-width: 768px){.container--critter-corner .partner{display:block;text-align:center}}.container--critter-corner .partner__icons{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container--critter-corner .partner__icons:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .partner__icons:last-child{margin-right:0}.container--critter-corner .partner__icons:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--critter-corner .partner__icons{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container--critter-corner .partner__icons:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .partner__icons:last-child{margin-right:0}.container--critter-corner .partner__icons:nth-child(1n){margin-right:0;margin-left:auto}}.container--critter-corner .partner__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);border-top:2px solid #f7f7f3;padding-top:40px}.container--critter-corner .partner__info:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .partner__info:last-child{margin-right:0}.container--critter-corner .partner__info:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--critter-corner .partner__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);border-top:0;padding:0 40px}.container--critter-corner .partner__info:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .partner__info:last-child{margin-right:0}.container--critter-corner .partner__info:nth-child(1n){margin-right:0;margin-left:auto}}.container--critter-corner .partner__info .link-row{padding:10px 0}.container--critter-corner .partner__info .link--external{color:#f80}.container--critter-corner .partner__info .copy{padding:20px 0}.container--critter-corner .partner__icon{text-align:center;width:50%;min-height:200px;margin:10px auto 20px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;max-width:30%}@media (max-width: 768px){.container--critter-corner .partner__icon{margin:10px auto 40px;height:100px;width:auto;background-position:50% 50%}}.container--critter-corner .full{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container--critter-corner .full:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .full:last-child{margin-right:0}.container--critter-corner .full:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--critter-corner .full{text-align:center}}.container--critter-corner .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding-top:40px}.container--critter-corner .half:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .half:last-child{margin-right:0}.container--critter-corner .half:nth-child(2n){margin-right:0;margin-left:auto}.container--critter-corner .half:nth-of-type(1n){padding-right:40px}.container--critter-corner .half:last-of-type{padding-left:40px}@media (max-width: 768px){.container--critter-corner .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center;padding:40px}.container--critter-corner .half:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .half:last-child{margin-right:0}.container--critter-corner .half:nth-child(1n){margin-right:0;margin-left:auto}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/CritterCorner/style.scss"],"names":[],"mappings":"AAAA,6CAA6C,oBAAoB,oBAAoB,YAAY,CAAC,2BAA2B,6CAA6C,kBAAkB,CAAC,kDAAkD,eAAe,CAAC,wGAAwG,4BAA4B,8BAA8B,kCAAkC,8BAA8B,0BAA0B,CAAC,CAAC,2BAA2B,wDAAwD,4BAA4B,8BAA8B,kCAAkC,6BAA6B,CAAC,CAAC,mDAAmD,eAAe,oBAAoB,CAAC,2BAA2B,mDAAmD,QAAQ,CAAC,CAAC,sDAAsD,kBAAkB,oBAAoB,eAAe,iBAAiB,mBAAmB,4BAA4B,CAAC,2BAA2B,sDAAsD,eAAe,iBAAiB,kBAAkB,CAAC,CAAC,2BAA2B,sDAAsD,cAAc,CAAC,CAAC,qDAAqD,cAAc,WAAW,CAAC,2BAA2B,qDAAqD,iBAAiB,CAAC,CAAC,2DAA2D,eAAe,CAAC,0DAA0D,iBAAiB,CAAC,oCAAoC,oBAAoB,oBAAoB,aAAa,gBAAgB,kBAAkB,CAAC,0BAA0B,oCAAoC,cAAc,iBAAiB,CAAC,CAAC,2CAA2C,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,kBAAkB,CAAC,yDAAyD,eAAe,aAAa,CAAC,sDAAsD,cAAc,CAAC,0DAA0D,eAAe,gBAAgB,CAAC,0BAA0B,2CAA2C,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,yDAAyD,eAAe,aAAa,CAAC,sDAAsD,cAAc,CAAC,yDAAyD,eAAe,gBAAgB,CAAC,CAAC,0CAA0C,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,6BAA6B,gBAAgB,CAAC,wDAAwD,eAAe,aAAa,CAAC,qDAAqD,cAAc,CAAC,yDAAyD,eAAe,gBAAgB,CAAC,0BAA0B,0CAA0C,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,aAAa,cAAc,CAAC,wDAAwD,eAAe,aAAa,CAAC,qDAAqD,cAAc,CAAC,wDAAwD,eAAe,gBAAgB,CAAC,CAAC,oDAAoD,cAAc,CAAC,0DAA0D,UAAU,CAAC,gDAAgD,cAAc,CAAC,0CAA0C,kBAAkB,UAAU,iBAAiB,sBAAsB,4BAA4B,wBAAwB,4BAA4B,aAAa,CAAC,0BAA0B,0CAA0C,sBAAsB,aAAa,WAAW,2BAA2B,CAAC,CAAC,iCAAiC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,+CAA+C,eAAe,aAAa,CAAC,4CAA4C,cAAc,CAAC,+CAA+C,eAAe,gBAAgB,CAAC,0BAA0B,iCAAiC,iBAAiB,CAAC,CAAC,iCAAiC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,gBAAgB,CAAC,+CAA+C,eAAe,aAAa,CAAC,4CAA4C,cAAc,CAAC,+CAA+C,eAAe,gBAAgB,CAAC,iDAAiD,kBAAkB,CAAC,8CAA8C,iBAAiB,CAAC,0BAA0B,iCAAiC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,kBAAkB,YAAY,CAAC,+CAA+C,eAAe,aAAa,CAAC,4CAA4C,cAAc,CAAC,+CAA+C,eAAe,gBAAgB,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--critter-corner .splash--triptych{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 1024px){.container--critter-corner .splash--triptych{margin-bottom:60px}.container--critter-corner .splash--triptych .cta{margin-bottom:0}.container--critter-corner .splash--triptych#step-1,.container--critter-corner .splash--triptych#step-3{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse wrap;flex-flow:column-reverse wrap;display:-webkit-inline-box}}@media (max-width: 1024px){.container--critter-corner .splash--triptych__cta-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.container--critter-corner .splash .copy-container{max-width:100%;margin:120px 0 150px}@media (max-width: 1024px){.container--critter-corner .splash .copy-container{margin:0}}.container--critter-corner .splash .copy-container h1{text-align:center;padding-bottom:30px;font-size:56px;line-height:66px;letter-spacing:2px;font-family:\"Larsseit-Light\"}@media (max-width: 1400px){.container--critter-corner .splash .copy-container h1{font-size:36px;line-height:48px;letter-spacing:2px}}@media (max-width: 1024px){.container--critter-corner .splash .copy-container h1{font-size:30px}}.container--critter-corner .splash .copy-container p{max-width:50%;margin:auto}@media (max-width: 1024px){.container--critter-corner .splash .copy-container p{max-width:inherit}}.container--critter-corner #partner-header .copy-container{margin-bottom:0}.container--critter-corner .partners-content .heading--xl{text-align:center}.container--critter-corner .partner{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:60px;margin-bottom:60px}@media (max-width: 768px){.container--critter-corner .partner{display:block;text-align:center}}.container--critter-corner .partner__icons{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container--critter-corner .partner__icons:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .partner__icons:last-child{margin-right:0}.container--critter-corner .partner__icons:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--critter-corner .partner__icons{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container--critter-corner .partner__icons:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .partner__icons:last-child{margin-right:0}.container--critter-corner .partner__icons:nth-child(1n){margin-right:0;margin-left:auto}}.container--critter-corner .partner__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);border-top:2px solid #f7f7f3;padding-top:40px}.container--critter-corner .partner__info:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .partner__info:last-child{margin-right:0}.container--critter-corner .partner__info:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--critter-corner .partner__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);border-top:0;padding:0 40px}.container--critter-corner .partner__info:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .partner__info:last-child{margin-right:0}.container--critter-corner .partner__info:nth-child(1n){margin-right:0;margin-left:auto}}.container--critter-corner .partner__info .link-row{padding:10px 0}.container--critter-corner .partner__info .link--external{color:#f80}.container--critter-corner .partner__info .copy{padding:20px 0}.container--critter-corner .partner__icon{text-align:center;width:50%;min-height:200px;margin:10px auto 20px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;max-width:30%}@media (max-width: 768px){.container--critter-corner .partner__icon{margin:10px auto 40px;height:100px;width:auto;background-position:50% 50%}}.container--critter-corner .full{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container--critter-corner .full:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .full:last-child{margin-right:0}.container--critter-corner .full:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--critter-corner .full{text-align:center}}.container--critter-corner .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding-top:40px}.container--critter-corner .half:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .half:last-child{margin-right:0}.container--critter-corner .half:nth-child(2n){margin-right:0;margin-left:auto}.container--critter-corner .half:nth-of-type(1n){padding-right:40px}.container--critter-corner .half:last-of-type{padding-left:40px}@media (max-width: 768px){.container--critter-corner .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center;padding:40px}.container--critter-corner .half:nth-child(1n){margin-right:0;margin-left:0}.container--critter-corner .half:last-child{margin-right:0}.container--critter-corner .half:nth-child(1n){margin-right:0;margin-left:auto}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _rcCollapse = __webpack_require__(35);

var _rcCollapse2 = _interopRequireDefault(_rcCollapse);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _BirthdayForm = __webpack_require__(445);

var _BirthdayForm2 = _interopRequireDefault(_BirthdayForm);

var _utils = __webpack_require__(5);

__webpack_require__(450);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toArray(arr) { return Array.isArray(arr) ? arr : Array.from(arr); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var BirthdayParties = function (_Component) {
	_inherits(BirthdayParties, _Component);

	function BirthdayParties() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, BirthdayParties);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = BirthdayParties.__proto__ || Object.getPrototypeOf(BirthdayParties)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			pageContent: {}
		}, _this.renderPanels = function (items) {
			var panels = [];
			items.forEach(function (_ref2) {
				var id = _ref2.id,
				    items = _ref2.items;

				if (id.indexOf('|') > -1) {
					var _id$split = id.split('|'),
					    _id$split2 = _slicedToArray(_id$split, 2),
					    group = _id$split2[0],
					    subid = _id$split2[1];

					var idx = panels.findIndex(function (e) {
						return e.id === group;
					});
					var content = _react2.default.createElement(_ContentBlock2.default, { key: subid, id: (0, _utils.slugify)(subid), items: items });
					if (idx === -1) {
						panels.push({
							id: group,
							header: group,
							content: [content]
						});
					} else {
						var item = panels[idx];
						item.content.push(content);
					}
				} else {
					panels.push({
						id: id,
						header: id,
						content: _react2.default.createElement(_ContentBlock2.default, { key: id, id: (0, _utils.slugify)(id), items: items })
					});
				}
			});

			return panels.map(function (_ref3) {
				var id = _ref3.id,
				    header = _ref3.header,
				    content = _ref3.content;
				return _react2.default.createElement(
					_rcCollapse.Panel,
					{
						key: id,
						className: 'copy-container--border collapse',
						header: header
					},
					content
				);
			});
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(BirthdayParties, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			(0, _utils.request)({
				path: '/pages/birthday-parties'
			}).then(function (_ref4) {
				var data = _ref4.data;
				var _data$attributes = data.attributes,
				    hero = _data$attributes.hero,
				    content = _data$attributes.content;


				_this2.setState({
					initialized: true,
					hero: hero,
					pageContent: content
				});
			}).catch(function (err) {
				throw new Error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			if (!this.state.initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--field-trips', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var _state = this.state,
			    hero = _state.hero,
			    pageContent = _state.pageContent;

			var _pageContent = _toArray(pageContent),
			    intro = _pageContent[0],
			    programs = _pageContent.slice(1);

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				_react2.default.createElement(_ContentBlock2.default, _extends({ key: intro.id }, intro)),
				_react2.default.createElement(
					_rcCollapse2.default,
					{
						accordion: true
					},
					this.renderPanels(programs)
				),
				_react2.default.createElement(_BirthdayForm2.default, null)
			);
		}
	}]);

	return BirthdayParties;
}(_react.Component);

exports.default = BirthdayParties;

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactDom = __webpack_require__(24);

var _reactFlatpickr = __webpack_require__(74);

var _reactFlatpickr2 = _interopRequireDefault(_reactFlatpickr);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _bowser = __webpack_require__(95);

var _bowser2 = _interopRequireDefault(_bowser);

var _labelPlugin = __webpack_require__(96);

var _labelPlugin2 = _interopRequireDefault(_labelPlugin);

__webpack_require__(56);

var _polyfills = __webpack_require__(36);

var _polyfills2 = _interopRequireDefault(_polyfills);

var _config = __webpack_require__(42);

var _MultiSelect = __webpack_require__(41);

var _MultiSelect2 = _interopRequireDefault(_MultiSelect);

var _IconCheckboxList = __webpack_require__(51);

var _IconCheckboxList2 = _interopRequireDefault(_IconCheckboxList);

var _IconCheckboxItem = __webpack_require__(52);

var _IconCheckboxItem2 = _interopRequireDefault(_IconCheckboxItem);

var _utils = __webpack_require__(5);

__webpack_require__(446);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint-disable react/no-array-index-key */


var BirthdayForm = function (_Component) {
	_inherits(BirthdayForm, _Component);

	function BirthdayForm() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, BirthdayForm);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = BirthdayForm.__proto__ || Object.getPrototypeOf(BirthdayForm)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			formSubmitted: false,
			firstTimeVisit: null,
			tourType: 'Birthday Party',

			tourTimesOptions: [{ label: '3:00pm', value: '3:00pm', _default: true }],
			groupOptions: {
				visitors: 20,
				chaperones: 1
			},
			groupInfoOptions: [{ value: '4', label: '4' }, { value: '5', label: '5' }, { value: '6', label: '6' }, { value: '7', label: '7' }, { value: '8', label: '8' }, { value: '9', label: '9' }, { value: '10', label: '10' }],
			timeHelperText: 'Birthday parties are available Wednesday - Sunday at 3:00pm',
			groupHelperText: null,

			schoolIsTitleOne: null,
			errors: [],
			initialized: true
		}, _this.scrollTo = function (ele) {
			ele.scrollIntoView(true);
			var _window = window,
			    scrollY = _window.scrollY;

			window.scrollTo(0, scrollY - 180);
		}, _this.repositionFlatpickrs = function () {
			//	we need to position these adjacent to their respective inputs for tab accesbility
			//	but can't use flatpickr appendTo since the DOM doesn't exist when it runs - so do it manually
			_this.flatpickrs = Array.from(document.querySelectorAll('.flatpickr-calendar'));
			var containers = ['.first-date', '.second-date', '.third-date'];

			_this.flatpickrs.forEach(function (fp, index) {
				var container = document.querySelector(containers[index]);
				container.appendChild(fp);
			});
		}, _this.focusOpenCalendar = function () {
			var openCalendar = document.querySelector('.flatpickr-calendar.open');
			if (openCalendar) {
				// openCalendar.style.top = `${parseInt(openCalendar.style.top, 10) - 80}px`;
				openCalendar.style.top = '45px';
				openCalendar.style.left = 0;
				openCalendar.focus();
			}
		}, _this.datePickerOpts = function () {
			return {
				altInput: true,
				minuteIncrement: 30,
				disableMobile: false,
				allowInput: false,
				plugins: [new _labelPlugin2.default({})],
				disable: [function (date) {
					if (_this.state.tourType === 'Birthday Party') {
						var birthdayStart = new Date('2020-11-07');
						if (date < birthdayStart) {
							return true;
						}

						return date.getDay() > 0 && date.getDay() < 3;
					}

					return false;
				}, function (date) {
					return (0, _utils.beforeTodaysDate)(date);
				}]
			};
		}, _this.handleSubmit = function (e) {
			e.preventDefault();
			var formData = new FormData(e.target);
			_this.setState({
				errors: [] //	remove errors from a previously rejected form submission attempt, we'll catch them below
			}, function () {
				//	manual validation for Flatpickr and MultiSelect which can't do HTML validation
				var errors = _this.state.errors;

				_this.dateSelectors.forEach(function (ds, index) {
					if (ds.flatpickr.selectedDates.length === 0) {
						errors.push('Please select a date for ' + (0, _utils.getOrdinal)(index) + ' Date Choice');
						ds.flatpickr.altInput.classList.add('invalid');
					}
				});

				_this.timeSelectors.forEach(function (ts, index) {
					if (ts.state.selectedNb === 0) {
						errors.push('Please select a time for ' + (0, _utils.getOrdinal)(index) + ' Time Choice');
						var el = (0, _reactDom.findDOMNode)(ts);
						el.querySelector('.dropdown-control').classList.add('invalid');
					}
				});

				formData.append('Tour Type', _this.state.tourType);

				if (_this.groupInformationSelector.state.selectedNb === 0) {
					var el = (0, _reactDom.findDOMNode)(_this.groupInformationSelector);
					el.querySelector('.dropdown-control').classList.add('invalid');
					errors.push('Please select an age for the birthday child');
				}

				//	manual number validation to work around this edge bug
				//	https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4546283/
				if (_bowser2.default.msedge) {
					var _this2 = _this,
					    visitorsInput = _this2.visitorsInput,
					    chaperonesInput = _this2.chaperonesInput;

					var visitors = Number(visitorsInput.value);
					var chaperones = Number(chaperonesInput.value);

					if (isNaN(visitors)) {
						errors.push('Please enter a valid number of visitors');
						visitorsInput.classList.add('invalid');
					}

					if (isNaN(chaperones)) {
						errors.push('Please enter a valid number of chaperones');
						chaperonesInput.classList.add('invalid');
					}
				}

				if (errors.length > 0) {
					_this.setState({
						errors: errors
					}, function () {
						_this.scrollTo(_this.errorDiv);
					});
					_this.forceUpdate();
					return;
				}

				(0, _polyfills2.default)(_config.SERVER_URL + '/api/v1/submit-tour-form', {
					method: 'POST',
					body: formData
				}).then(function () {
					_this.setState({
						formSubmitted: true
					});
				}).catch(function (err) {
					throw new Error(err);
				});
			});
		}, _this.handleFirstTime = function (name) {
			_this.setState({
				firstTimeVisit: name === 'yes'
			});

			_this.forceUpdate();
		}, _this.handleTitleOneChange = function () {
			_this.setState({
				schoolIsTitleOne: !_this.state.schoolIsTitleOne
			});

			_this.forceUpdate();
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(BirthdayForm, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			this.errorDiv = false;
			this.successDiv = false;
			this.dateSelectors = [null, null, null]; //	empty array for Flatpickr refs
			this.timeSelectors = [null, null, null]; //	initialize empty array for MultiSelect refs
		}
	}, {
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this3 = this;

			setTimeout(function () {
				_this3.setState({
					transitionInComplete: true
					// initialized: true,
				});
				_this3.repositionFlatpickrs();
			}, 2048);

			this.flatpickrInputs = Array.from(document.querySelectorAll('.form-control.flatpickr-input'));

			this.flatpickrInputs.forEach(function (input) {
				input.addEventListener('focus', _this3.focusOpenCalendar, false);
			});

			var elements = document.querySelectorAll('input,select,textarea');
			var self = this;
			var invalidListener = function onInvalid(err) {
				var _self$state = self.state,
				    errors = _self$state.errors,
				    groupOptions = _self$state.groupOptions;

				err.preventDefault();
				err.srcElement.classList.add('invalid');
				var msg = err.srcElement.name + ' is required.';
				if (err.srcElement.name === 'Number of Visitors') {
					msg = err.srcElement.name + ' is required and must be between 10 and ' + groupOptions.visitors.toString() + '.';
				} else if (err.srcElement.name === 'Number of Chaperones') {
					msg = err.srcElement.name + ' is required and must be between ' + groupOptions.chaperones.toString() + ' and 10.';
				}
				errors.push(msg);
				self.setState({ errors: errors });
				return false;
			};

			for (var i = elements.length; i--;) {
				//	eslint-disable-line no-plusplus
				elements[i].addEventListener('invalid', invalidListener);
			}
		}
	}, {
		key: 'shouldComponentUpdate',
		value: function shouldComponentUpdate(nextProps, nextState) {
			if (nextState.transitionInComplete !== this.state.transitionInComplete || nextState.formSubmitted !== this.state.formSubmitted || nextState.errors.length > 0) {
				return true;
			}
			return false;
		}
	}, {
		key: 'componentDidUpdate',
		value: function componentDidUpdate() {
			if (this.state.formSubmitted) {
				this.scrollTo(this.successDiv);
			} else if (this.state.errors.length > 0) {
				this.scrollTo(this.errorDiv);
			}
			return true;
		}
	}, {
		key: 'componentWillUnmount',
		value: function componentWillUnmount() {
			var _this4 = this;

			this.flatpickrInputs.forEach(function (input) {
				input.removeEventListener('focus', _this4.focusOpenCalendar, false);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _this5 = this;

			var initialized = this.state.initialized;

			if (!initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--contact-form', 'container--contact-form__tours', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var datePickerOpts = this.datePickerOpts;
			var _state = this.state,
			    timeHelperText = _state.timeHelperText,
			    groupHelperText = _state.groupHelperText,
			    tourTimesOptions = _state.tourTimesOptions,
			    groupOptions = _state.groupOptions,
			    errors = _state.errors,
			    firstTimeVisit = _state.firstTimeVisit,
			    tourType = _state.tourType,
			    schoolIsTitleOne = _state.schoolIsTitleOne,
			    groupInfoOptions = _state.groupInfoOptions;


			var firstTimeVisitFields = [
			/* eslint-disable no-unneeded-ternary */
			{ id: 'yes', name: 'yes', label: 'yes', color: 'green', inputCls: 'checkbox-list__box', checked: firstTimeVisit === true ? true : false }, { id: 'no', name: 'no', label: 'no', color: 'green', inputCls: 'checkbox-list__box', checked: firstTimeVisit === false ? true : false }];

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(
					'div',
					{ className: 'contact-form__container' },
					errors.length > 0 && _react2.default.createElement(
						'div',
						{ className: 'errors-container full-width', ref: function ref(e) {
								_this5.errorDiv = e;
							} },
						errors.map(function (err, k) {
							return _react2.default.createElement(
								'p',
								{ className: 'copy-container alert alert--danger', key: err + '-' + k },
								err
							);
						})
					),
					this.state.formSubmitted && _react2.default.createElement(
						'p',
						{ className: 'copy-container alert--success', ref: function ref(e) {
								_this5.successDiv = e;
							} },
						'Thanks! We have received your submission and are reviewing your entry.'
					),
					!this.state.formSubmitted && _react2.default.createElement(
						'form',
						{
							className: 'a-form contact-form',
							onSubmit: this.handleSubmit,
							autoComplete: _bowser2.default.msedge ? 'off' : 'on'
						},
						_react2.default.createElement(
							'div',
							{ className: 'full-width' },
							_react2.default.createElement('input', {
								type: 'text',
								placeholder: 'Group Name*',
								name: 'Group Name',
								'aria-label': 'Group Name',
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									htmlFor: 'First Time Visit'
								},
								'First Time Visit:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'radio-wrapper' },
								_react2.default.createElement(
									'div',
									{
										className: 'checkbox-list-container'
									},
									_react2.default.createElement(
										_IconCheckboxList2.default,
										null,
										firstTimeVisitFields.map(function (option, index) {
											return _react2.default.createElement(_IconCheckboxItem2.default, _extends({}, option, {
												index: index,
												onChange: _this5.handleFirstTime
											}));
										})
									)
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list date-picker' },
							_react2.default.createElement(
								'p',
								{ className: 'copy copy--blue helper-text' },
								timeHelperText
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container date-time' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width flatpickr-date' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'First Date Choice'
										},
										'First Choice*:'
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width first-date flatpickr-date' },
										_react2.default.createElement(_reactFlatpickr2.default, {
											placeholder: _bowser2.default.msie ? null : '(Select a date)',
											name: 'First Date Choice',
											options: datePickerOpts(),
											ref: function ref(ds) {
												_this5.dateSelectors[0] = ds;
											},
											id: 'First Date Choice'
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width time-picker' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label label-push-right',
											htmlFor: 'First Time Choice'
										},
										'Time:'
									),
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'First Time Choice',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: tourTimesOptions,
										placeholder: tourTimesOptions[0].label,
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.timeSelectors[0] = ts;
										},
										disabled: tourTimesOptions.length === 1
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list date-picker' },
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container date-time' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width flatpickr-date' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'Second Date Choice'
										},
										'Second Choice*:'
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width second-date flatpickr-date' },
										_react2.default.createElement(_reactFlatpickr2.default, {
											placeholder: _bowser2.default.msie ? null : '(Select a date)',
											name: 'Second Date Choice',
											options: datePickerOpts(),
											ref: function ref(ds) {
												_this5.dateSelectors[1] = ds;
											},
											id: 'Second Date Choice'
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width time-picker' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label label-push-right',
											htmlFor: 'Second Time Choice'
										},
										'Time:'
									),
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Second Time Choice',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: tourTimesOptions,
										placeholder: tourTimesOptions[0].label,
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.timeSelectors[1] = ts;
										},
										disabled: tourTimesOptions.length === 1
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list date-picker' },
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container date-time' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width flatpickr-date' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label',
											htmlFor: 'Third Date Choice'
										},
										'Third Choice*:'
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width third-date flatpickr-date' },
										_react2.default.createElement(_reactFlatpickr2.default, {
											placeholder: _bowser2.default.msie ? null : '(Select a date)',
											name: 'Third Date Choice',
											id: 'Third Date Choice',
											options: datePickerOpts(),
											ref: function ref(ds) {
												_this5.dateSelectors[2] = ds;
											}
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width time-picker' },
									_react2.default.createElement(
										'label',
										{
											className: 'a-form__label label-push-right',
											htmlFor: 'Third Time Choice'
										},
										'Time:'
									),
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Third Time Choice',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: tourTimesOptions,
										placeholder: tourTimesOptions[0].label,
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.timeSelectors[2] = ts;
										},
										disabled: tourTimesOptions.length === 1
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Contact Details:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'First Name*',
										name: 'First Name',
										'aria-label': 'First Name',
										maxLength: '20',
										minLength: '2',
										required: true
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Last Name*',
										name: 'Last Name',
										'aria-label': 'Last Name',
										maxLength: '20',
										minLength: '2',
										required: true
									})
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'email',
									placeholder: 'Email*',
									name: 'Email',
									'aria-label': 'Email',
									required: true,
									maxLength: '40',
									pattern: '[A-Za-z0-9._-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,63}'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'tel',
									placeholder: 'Phone*',
									name: 'Phone',
									'aria-label': 'Phone',
									required: true,
									minLength: '10',
									maxLength: '12'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'text',
									placeholder: 'Address',
									name: 'Address',
									'aria-label': 'Address',
									minLength: '2',
									maxLength: '40'
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'City',
										name: 'City',
										'aria-label': 'City',
										minLength: '2',
										maxLength: '30'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'quarter-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'State',
										name: 'State',
										'aria-label': 'State',
										minLength: '2',
										maxLength: '2'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'quarter-width' },
									_react2.default.createElement('input', {
										type: 'tel',
										placeholder: 'Zip',
										name: 'Zip',
										'aria-label': 'Zip',
										minLength: '5',
										maxLength: '5'
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: '',
									htmlFor: 'Number of Visitors'
								},
								'Number of Visitors:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										type: _bowser2.default.msedge ? 'text' : 'number',
										name: 'Number of Visitors',
										placeholder: 'Select One*',
										'aria-label': 'Select One',
										min: '10',
										max: groupOptions.visitors.toString(),
										required: true,
										ref: function ref(visitorsInput) {
											_this5.visitorsInput = visitorsInput;
										},
										onKeyUp: function onKeyUp(e) {
											var val = e.target.valueAsNumber;
											if (!val) {
												e.target.value = '';
											} else {
												e.target.value = Math.min(e.target.max, val);
											}
										}
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: '',
									htmlFor: 'Number of Chaperones'
								},
								'Number of Chaperones:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'a-form__helper-text' },
								'If the majority of group members are under 18 years of age, there must be one chaperone per four group members; chaperones must be at least 18 years old.',
								groupHelperText !== null && _react2.default.createElement(
									'p',
									{ className: 'copy copy--blue' },
									groupHelperText
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										key: groupOptions.chaperones.toString(),
										name: 'Number of Chaperones',
										type: _bowser2.default.msedge ? 'text' : 'number',
										placeholder: 'Select One',
										'aria-label': 'Number of Chaperones',
										min: groupOptions.chaperones.toString(),
										max: '5',
										ref: function ref(chaperonesInput) {
											_this5.chaperonesInput = chaperonesInput;
										},
										onKeyUp: function onKeyUp(e) {
											var val = e.target.valueAsNumber;
											if (!val) {
												e.target.value = '';
											} else {
												e.target.value = Math.min(e.target.max, val);
											}
										}
									})
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Grade Level'
								},
								'Age of birthday child*'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement(_MultiSelect2.default, {
										name: 'Grade Level',
										baseClassName: 'dropdown',
										className: 'filters__filter',
										options: groupInfoOptions,
										placeholder: '(Select one)',
										onChange: function onChange() {},
										singleSelect: true,
										ref: function ref(ts) {
											_this5.groupInformationSelector = ts;
										}
									})
								)
							)
						),
						tourType === 'K-12 School' && _react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'School Information:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'School Name*',
										name: 'School Name',
										'aria-label': 'School Name',
										minLength: '2',
										maxLength: '40',
										required: true
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Class Subject*',
										name: 'Class Subject',
										'aria-label': 'Class Subject',
										minLength: '2',
										maxLength: '40',
										required: true
									})
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'title-one-checkbox' },
									_react2.default.createElement('input', {
										type: 'checkbox', name: 'Title One Status', onChange: this.handleTitleOneChange
									}),
									_react2.default.createElement(
										'label',
										{ htmlFor: 'Title One Status' },
										_react2.default.createElement(
											'p',
											null,
											'Check this box if you are a Los Angeles-area Title I school and would like to apply for bus funding.'
										)
									)
								)
							)
						),
						schoolIsTitleOne === true && _react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset input-list' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Actual School Address'
								},
								'School Address:'
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										type: 'text',
										placeholder: 'Address*',
										name: 'Actual School Address',
										'aria-label': 'Actual School Address',
										minLength: '2',
										maxLength: '60',
										required: true
									}),
									_react2.default.createElement(
										'p',
										null,
										'Please provide actual address of school for Title I verification'
									)
								)
							)
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'label',
								{
									className: 'a-form__label',
									htmlFor: 'Background of Group'
								},
								'Please provide any information on the background of your group and your interest in visiting Wallis Annenberg PetSpace.*'
							),
							_react2.default.createElement('textarea', {
								name: 'Background of Group',
								'aria-label': 'Background of Group',
								required: true
							})
						),
						_react2.default.createElement(
							'fieldset',
							{ className: 'a-form__fieldset' },
							_react2.default.createElement(
								'h3',
								{ className: 'a-form__fieldset__title' },
								'Cancellation and Refund Policy'
							),
							_react2.default.createElement(
								'p',
								{ className: 'cancellation-policy' },
								'Cancellations must be made by emailing ',
								_react2.default.createElement(
									'a',
									{ href: 'mailto:programs@annenbergpetspace.org' },
									'programs@annenbergpetspace.org'
								),
								'. Program fees paid in full, minus the booking fee, will be refunded only if you cancel your reservation at least 14 days before the date of your visit. If you cancel your reservation less than 14 days prior to your visit, no program fees will be refunded.'
							)
						),
						_react2.default.createElement(
							'p',
							{ className: 'copy-container form-notice' },
							'Once you submit a request with preferred dates, a representative from Annenberg PetSpace will reach out within two business days for next steps.'
						),
						_react2.default.createElement(
							'button',
							{
								className: 'button button--orange',
								type: 'submit',
								label: 'Submit'
							},
							'Submit'
						)
					)
				)
			);
		}
	}]);

	return BirthdayForm;
}(_react.Component);

exports.default = BirthdayForm;
var content = __webpack_require__(447);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, "@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.container--contact-form .copy-container.form-notice{padding-left:0;padding-right:0;font-size:16px;width:100%;max-width:100%;margin-top:30px;margin-bottom:20px}.container--contact-form__tours{min-height:0;margin-bottom:100px}.errors-container{margin-bottom:100px}.errors-container .copy-container{text-align:center;padding:0}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.time-picker .contact-form__container .dropdown-control{max-width:auto}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(" + escape(__webpack_require__(448)) + ");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(" + escape(__webpack_require__(449)) + ")}.contact-form__container .time-picker .dropdown-control:not(.dropdown-disabled){padding-left:0}.flatpickr-date{position:relative;min-width:60%}input[type=number],.flatpickr-input{border-bottom-color:black}.date-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 667px){.date-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.time-picker{-ms-flex-preferred-size:content;flex-basis:content}@media (max-width: 667px){.time-picker{margin-top:20px}}.time-picker .dropdown-root,.time-picker .dropdown-control{width:auto;max-width:none}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/BirthdayForm/style.scss"],"names":[],"mappings":"AAAA,0BAA0B,yCAAyC,WAAW,eAAe,mBAAmB,CAAC,CAAC,qDAAqD,eAAe,gBAAgB,eAAe,WAAW,eAAe,gBAAgB,kBAAkB,CAAC,gCAAgC,aAAa,mBAAmB,CAAC,kBAAkB,mBAAmB,CAAC,kCAAkC,kBAAkB,SAAS,CAAC,yBAAyB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,kBAAkB,CAAC,yCAAyC,oBAAoB,iBAAiB,CAAC,+CAA+C,UAAU,CAAC,qCAAqC,UAAU,CAAC,2CAA2C,UAAU,CAAC,0BAA0B,iCAAiC,WAAW,eAAe,mBAAmB,CAAC,CAAC,iGAAiG,iBAAiB,CAAC,0CAA0C,cAAc,CAAC,wCAAwC,oBAAoB,oBAAoB,aAAa,WAAW,cAAc,CAAC,6DAA6D,YAAY,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,8BAA8B,6BAA6B,uBAAuB,mBAAmB,mBAAmB,oBAAoB,WAAW,CAAC,mEAAmE,iBAAiB,CAAC,uEAAuE,WAAW,CAAC,6EAA6E,YAAY,cAAc,CAAC,kDAAkD,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,UAAU,CAAC,2DAA2D,UAAU,CAAC,qDAAqD,gBAAgB,CAAC,4DAA4D,WAAW,oBAAoB,aAAa,CAAC,2CAA2C,aAAa,kBAAkB,CAAC,6DAA6D,yBAAyB,kBAAkB,CAAC,6EAA6E,YAAY,CAAC,oEAAoE,YAAY,CAAC,mDAAmD,4BAA4B,CAAC,wDAAwD,cAAc,CAAC,sEAAsE,UAAU,SAAS,CAAC,6CAA6C,eAAe,CAAC,wDAAwD,WAAW,CAAC,8CAA8C,cAAc,CAAC,gDAAgD,eAAe,mBAAmB,CAAC,6CAA6C,kBAAkB,WAAW,gBAAgB,CAAC,+CAA+C,cAAc,CAAC,0BAA0B,+CAA+C,iBAAiB,CAAC,CAAC,mDAAmD,qBAAqB,kBAAkB,wBAAwB,qBAAqB,gBAAgB,WAAW,YAAY,SAAS,UAAU,oBAAoB,aAAa,CAAC,0BAA0B,mDAAmD,iBAAiB,CAAC,CAAC,mEAAmE,WAAW,kBAAkB,oBAAoB,QAAQ,OAAO,QAAQ,+CAAoD,wBAAwB,4BAA4B,WAAW,WAAW,CAAC,2EAA2E,QAAQ,WAAW,YAAY,8CAAqD,CAAC,gFAAgF,cAAc,CAAC,gBAAgB,kBAAkB,aAAa,CAAC,oCAAoC,yBAAyB,CAAC,WAAW,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,6BAA6B,CAAC,0BAA0B,WAAW,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,aAAa,gCAAgC,kBAAkB,CAAC,0BAA0B,aAAa,eAAe,CAAC,CAAC,2DAA2D,WAAW,cAAc,CAAC","file":"style.scss","sourcesContent":["@media (max-width: 812px){.container--contact-form .copy-container{width:100%;max-width:none;padding:0 20px 60px}}.container--contact-form .copy-container.form-notice{padding-left:0;padding-right:0;font-size:16px;width:100%;max-width:100%;margin-top:30px;margin-bottom:20px}.container--contact-form__tours{min-height:0;margin-bottom:100px}.errors-container{margin-bottom:100px}.errors-container .copy-container{text-align:center;padding:0}.contact-form__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-form__container .alert--success{padding-bottom:80px;text-align:center}.contact-form__container .half-width-container{width:100%}.contact-form__container .full-width{width:100%}.contact-form__container .full-width input{width:100%}@media (max-width: 812px){.contact-form__container .a-form{width:100%;max-width:none;padding:0 20px 60px}}.contact-form__container .flatpickr-input.form-control.invalid,.contact-form__container .invalid{border-color:#f80}.contact-form__container .flatpickr-input{cursor:pointer}.contact-form__container .radio-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:20px 0}.contact-form__container .radio-wrapper .checkbox-list__item{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.contact-form__container .radio-wrapper .checkbox-list__item label{padding-left:20px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item{width:280px}.contact-form__container .radio-wrapper.title-one .checkbox-list__item label{width:120px;padding-left:0}.contact-form__container .checkbox-list-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.contact-form__container .checkbox-list-container fieldset{width:100%}.contact-form__container .checkbox-list__box ~ label{padding-top:20px}.contact-form__container .checkbox-list__box ~ label::after{width:56px;top:28px !important;margin:0 auto}.contact-form__container .dropdown-control{padding:10px;padding-bottom:5px}.contact-form__container .dropdown-control.dropdown-disabled{background-color:#cbcbcb;cursor:not-allowed}.contact-form__container .dropdown-control.dropdown-disabled .dropdown-arrow{display:none}.contact-form__container .dropdown-control.dropdown-disabled::after{display:none}.contact-form__container .dropdown-control.invalid{border-bottom:2px solid #f80}.time-picker .contact-form__container .dropdown-control{max-width:auto}.contact-form__container .a-form .input-list div input.dropdown-input{padding:0;width:75%}.contact-form__container .flatpickr-calendar{max-width:320px}.contact-form__container .flatpickr-calendar:not(.open){z-index:-10}.contact-form__container .cancellation-policy{font-size:16px}.contact-form__container .cancellation-policy a{font-size:16px;font-family:inherit}.contact-form__container .title-one-checkbox{position:relative;width:100%;padding-top:30px}.contact-form__container .title-one-checkbox p{padding:0 8.3%}@media (max-width: 667px){.contact-form__container .title-one-checkbox p{padding-left:40px}}.contact-form__container .title-one-checkbox input{display:inline-block;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:60px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.contact-form__container .title-one-checkbox input{margin-left:-24px}}.contact-form__container .title-one-checkbox input ~ label::before{content:'';position:absolute;pointer-events:none;top:50%;left:0;right:0;background-image:url(\"./images/checkbox-blank.svg\");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.contact-form__container .title-one-checkbox input:checked ~ label::before{top:49%;width:42px;height:23px;background-image:url(\"./images/checkbox-checked.svg\")}.contact-form__container .time-picker .dropdown-control:not(.dropdown-disabled){padding-left:0}.flatpickr-date{position:relative;min-width:60%}input[type=number],.flatpickr-input{border-bottom-color:black}.date-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 667px){.date-time{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.time-picker{-ms-flex-preferred-size:content;flex-basis:content}@media (max-width: 667px){.time-picker{margin-top:20px}}.time-picker .dropdown-root,.time-picker .dropdown-control{width:auto;max-width:none}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "d674e9143e56b71e12921fe25b690ff5.svg";module.exports = __webpack_require__.p + "e233889f116d4ea11103ecca868ec703.svg";
var content = __webpack_require__(451);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--field-trips .sidebyside .copy-container{display:block}.container--field-trips .sidebyside .copy-container h1,.container--field-trips .sidebyside .copy-container p{word-wrap:break-word}.container--field-trips .banner--cta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container--field-trips .banner--cta__text{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-top:2px solid #f7f7f3;max-width:1200px}.container--field-trips .collapse{max-width:66%;margin:0 auto}.container--field-trips .collapse h2{margin-bottom:7px}@media (max-width: 768px){.container--field-trips .collapse{max-width:none;padding:0 20px 60px}}.container--field-trips .collapse .rc-collapse-header{text-transform:capitalize;font-size:30px;font-family:\"Larsseit-Light\";line-height:48px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--field-trips .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:0}.container--field-trips .collapse .rc-collapse-header:last-child{margin-right:0}.container--field-trips .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--field-trips .collapse .rc-collapse-header{font-size:30px;line-height:42px}}.container--field-trips .collapse .rc-collapse-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--field-trips .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:0}.container--field-trips .collapse .rc-collapse-content:last-child{margin-right:0}.container--field-trips .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:auto}.container--field-trips .collapse .rc-collapse-content .copy-container{max-width:none}@media (max-width: 768px){.container--field-trips .collapse .rc-collapse-content .copy-container{padding:0}}.container--field-trips .rc-collapse>.rc-collapse-item:first-child{border-top:1px solid #eeeee8}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/BirthdayParties/style.scss"],"names":[],"mappings":"AAAA,oDAAoD,aAAa,CAAC,6GAA6G,oBAAoB,CAAC,qCAAqC,yBAAyB,sBAAsB,mBAAmB,wBAAwB,qBAAqB,sBAAsB,CAAC,2CAA2C,wBAAwB,qBAAqB,uBAAuB,kBAAkB,6BAA6B,gBAAgB,CAAC,kCAAkC,cAAc,aAAa,CAAC,qCAAqC,iBAAiB,CAAC,0BAA0B,kCAAkC,eAAe,mBAAmB,CAAC,CAAC,sDAAsD,0BAA0B,eAAe,6BAA6B,iBAAiB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,mBAAmB,CAAC,oEAAoE,eAAe,aAAa,CAAC,iEAAiE,cAAc,CAAC,oEAAoE,eAAe,gBAAgB,CAAC,0BAA0B,sDAAsD,eAAe,gBAAgB,CAAC,CAAC,uDAAuD,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,mBAAmB,CAAC,qEAAqE,eAAe,aAAa,CAAC,kEAAkE,cAAc,CAAC,qEAAqE,eAAe,gBAAgB,CAAC,uEAAuE,cAAc,CAAC,0BAA0B,uEAAuE,SAAS,CAAC,CAAC,mEAAmE,4BAA4B,CAAC","file":"style.scss","sourcesContent":[".container--field-trips .sidebyside .copy-container{display:block}.container--field-trips .sidebyside .copy-container h1,.container--field-trips .sidebyside .copy-container p{word-wrap:break-word}.container--field-trips .banner--cta{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container--field-trips .banner--cta__text{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-top:2px solid #f7f7f3;max-width:1200px}.container--field-trips .collapse{max-width:66%;margin:0 auto}.container--field-trips .collapse h2{margin-bottom:7px}@media (max-width: 768px){.container--field-trips .collapse{max-width:none;padding:0 20px 60px}}.container--field-trips .collapse .rc-collapse-header{text-transform:capitalize;font-size:30px;font-family:\"Larsseit-Light\";line-height:48px;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--field-trips .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:0}.container--field-trips .collapse .rc-collapse-header:last-child{margin-right:0}.container--field-trips .collapse .rc-collapse-header:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--field-trips .collapse .rc-collapse-header{font-size:30px;line-height:42px}}.container--field-trips .collapse .rc-collapse-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin:0 !important}.container--field-trips .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:0}.container--field-trips .collapse .rc-collapse-content:last-child{margin-right:0}.container--field-trips .collapse .rc-collapse-content:nth-child(1n){margin-right:0;margin-left:auto}.container--field-trips .collapse .rc-collapse-content .copy-container{max-width:none}@media (max-width: 768px){.container--field-trips .collapse .rc-collapse-content .copy-container{padding:0}}.container--field-trips .rc-collapse>.rc-collapse-item:first-child{border-top:1px solid #eeeee8}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _utils = __webpack_require__(5);

__webpack_require__(452);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toArray(arr) { return Array.isArray(arr) ? arr : Array.from(arr); }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Camp = function (_Component) {
	_inherits(Camp, _Component);

	function Camp() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, Camp);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Camp.__proto__ || Object.getPrototypeOf(Camp)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			pageContent: {},
			springDates: [],
			summerDates: []
		}, _this.requestPageData = function () {
			return (0, _utils.request)({
				path: '/pages/camp'
			}).then(function (_ref2) {
				var data = _ref2.data;
				var _data$attributes = data.attributes,
				    hero = _data$attributes.hero,
				    pageContent = _data$attributes.content;


				_this.setState({
					initialized: true,
					hero: hero,
					pageContent: pageContent
				});
			}).catch(function (err) {
				throw new Error(err);
			});
		}, _this.isFirstCalendar = function (content, i) {
			if (i + 1 >= content.length) {
				return false;
			}
			var next = content[i + 1].items;
			if (_lodash2.default.some(next, { type: 'calendarBlock' })) {
				return true;
			}
			return false;
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(Camp, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
			this.requestPageData();
		}
	}, {
		key: 'render',
		value: function render() {
			var _this3 = this;

			var _state = this.state,
			    initialized = _state.initialized,
			    transitionInComplete = _state.transitionInComplete;

			if (!initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--camp', {
				'container-transition-appear': !transitionInComplete
			});

			var _state2 = this.state,
			    hero = _state2.hero,
			    pageContent = _state2.pageContent;
			var headline = hero.headline,
			    subheading = hero.subheading,
			    image = hero.image,
			    _hero$overlayImage = hero.overlayImage,
			    overlayImage = _hero$overlayImage === undefined ? false : _hero$overlayImage;

			var _pageContent = _toArray(pageContent),
			    intro = _pageContent[0],
			    laterContent = _pageContent.slice(1);

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: headline,
					subheading: subheading,
					bgImgSrc: image,
					fgImgSrc: overlayImage
				}),
				_react2.default.createElement(_ContentBlock2.default, _extends({ key: 'intro' }, intro)),
				laterContent.map(function (section, k) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({
						key: section.id + '-' + Math.random()
					}, section, {
						isFirstInRow: _this3.isFirstCalendar(laterContent, k)
					}));
				})
			);
		}
	}]);

	return Camp;
}(_react.Component);

exports.default = Camp;
var content = __webpack_require__(453);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--camp .pricing{display:flex;flex-flow:row wrap;max-width:calc(100% * 10/12);margin-left:auto;margin-right:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.container--camp .pricing:before{content:'';display:table}.container--camp .pricing:after{content:'';display:table;clear:both}@media (max-width: 768px){.container--camp .pricing{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:flex;flex-flow:row wrap;max-width:calc(100% * 1/1);margin-left:auto;margin-right:auto}}.container--camp .pricing__column{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/12);max-width:calc(100% * 4/12);width:calc(100% * 4/12);margin-left:calc(100% * 1/12) !important;padding:0}.container--camp .pricing__column:nth-child(1n){margin-right:0;margin-left:0}.container--camp .pricing__column:last-child{margin-right:0}.container--camp .pricing__column:nth-child(12n){margin-right:0;margin-left:auto}.container--camp .pricing__column:nth-of-type(2){margin-left:calc(100% * 2/12) !important}@media (max-width: 768px){.container--camp .pricing__column:nth-of-type(2){margin-left:0 !important;margin-right:0 !important}}@media (max-width: 768px){.container--camp .pricing__column{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);padding:40px}.container--camp .pricing__column:nth-child(1n){margin-right:0;margin-left:0}.container--camp .pricing__column:last-child{margin-right:0}.container--camp .pricing__column:nth-child(1n){margin-right:0;margin-left:auto}}.container--camp .pricing__column .heading{margin-bottom:20px}.container--camp .banner__text-wrapper{width:100%;text-align:center}.container--camp .splash--calendar{margin-bottom:0}.container--camp .splash--calendar+.splash.splash--calendar{margin-top:0}.container--camp .splash--calendar+.splash.splash--calendar .hours{margin-top:0}.container--camp .splash--calendar+.splash{margin-top:60px}.container--camp .splash--first-calendar .hours .hours__wrapper{padding-bottom:0}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Camp/style.scss"],"names":[],"mappings":"AAAA,0BAA0B,aAAa,mBAAmB,6BAA6B,iBAAiB,kBAAkB,8BAA8B,6BAA6B,uBAAuB,mBAAmB,eAAe,oBAAoB,oBAAoB,YAAY,CAAC,iCAAiC,WAAW,aAAa,CAAC,gCAAgC,WAAW,cAAc,UAAU,CAAC,0BAA0B,0BAA0B,4BAA4B,6BAA6B,0BAA0B,sBAAsB,aAAa,mBAAmB,2BAA2B,iBAAiB,iBAAiB,CAAC,CAAC,kCAAkC,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,yCAAyC,SAAS,CAAC,gDAAgD,eAAe,aAAa,CAAC,6CAA6C,cAAc,CAAC,iDAAiD,eAAe,gBAAgB,CAAC,iDAAiD,wCAAwC,CAAC,0BAA0B,iDAAiD,yBAAyB,yBAAyB,CAAC,CAAC,0BAA0B,kCAAkC,yBAAyB,0BAA0B,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,YAAY,CAAC,gDAAgD,eAAe,aAAa,CAAC,6CAA6C,cAAc,CAAC,gDAAgD,eAAe,gBAAgB,CAAC,CAAC,2CAA2C,kBAAkB,CAAC,uCAAuC,WAAW,iBAAiB,CAAC,mCAAmC,eAAe,CAAC,4DAA4D,YAAY,CAAC,mEAAmE,YAAY,CAAC,2CAA2C,eAAe,CAAC,gEAAgE,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".container--camp .pricing{display:flex;flex-flow:row wrap;max-width:calc(100% * 10/12);margin-left:auto;margin-right:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex}.container--camp .pricing:before{content:'';display:table}.container--camp .pricing:after{content:'';display:table;clear:both}@media (max-width: 768px){.container--camp .pricing{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:flex;flex-flow:row wrap;max-width:calc(100% * 1/1);margin-left:auto;margin-right:auto}}.container--camp .pricing__column{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/12);max-width:calc(100% * 4/12);width:calc(100% * 4/12);margin-left:calc(100% * 1/12) !important;padding:0}.container--camp .pricing__column:nth-child(1n){margin-right:0;margin-left:0}.container--camp .pricing__column:last-child{margin-right:0}.container--camp .pricing__column:nth-child(12n){margin-right:0;margin-left:auto}.container--camp .pricing__column:nth-of-type(2){margin-left:calc(100% * 2/12) !important}@media (max-width: 768px){.container--camp .pricing__column:nth-of-type(2){margin-left:0 !important;margin-right:0 !important}}@media (max-width: 768px){.container--camp .pricing__column{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);padding:40px}.container--camp .pricing__column:nth-child(1n){margin-right:0;margin-left:0}.container--camp .pricing__column:last-child{margin-right:0}.container--camp .pricing__column:nth-child(1n){margin-right:0;margin-left:auto}}.container--camp .pricing__column .heading{margin-bottom:20px}.container--camp .banner__text-wrapper{width:100%;text-align:center}.container--camp .splash--calendar{margin-bottom:0}.container--camp .splash--calendar+.splash.splash--calendar{margin-top:0}.container--camp .splash--calendar+.splash.splash--calendar .hours{margin-top:0}.container--camp .splash--calendar+.splash{margin-top:60px}.container--camp .splash--first-calendar .hours .hours__wrapper{padding-bottom:0}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _utils = __webpack_require__(5);

__webpack_require__(454);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var DogTraining = function (_Component) {
	_inherits(DogTraining, _Component);

	function DogTraining() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, DogTraining);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = DogTraining.__proto__ || Object.getPrototypeOf(DogTraining)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			pageContent: []
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(DogTraining, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			(0, _utils.request)({
				path: '/pages/dog-training'
			}).then(function (_ref2) {
				var data = _ref2.data;
				var _data$attributes = data.attributes,
				    hero = _data$attributes.hero,
				    content = _data$attributes.content;


				_this2.setState({
					initialized: true,
					hero: hero,
					pageContent: content
				});
			}).catch(function (err) {
				throw new Error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			if (!this.state.initialized) {
				return null;
			}

			var containerCls = (0, _classnames2.default)('container', 'container--dog-training', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			var _state = this.state,
			    hero = _state.hero,
			    pageContent = _state.pageContent;


			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				pageContent.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id + '-' + Math.random() }, section));
				})
			);
		}
	}]);

	return DogTraining;
}(_react.Component);

exports.default = DogTraining;
var content = __webpack_require__(455);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--dog-training .event-group__container--mutt-manners,.container--dog-training #sideBySide{background:#f7f7f3}.container--dog-training #sideBySide,.container--dog-training .sidebyside{margin-bottom:0}.container--dog-training #single-workshops-heading .copy-container{text-align:center}.container--dog-training .event-group__container--single-workshops{padding-top:0}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/DogTraining/style.scss"],"names":[],"mappings":"AAAA,oGAAoG,kBAAkB,CAAC,0EAA0E,eAAe,CAAC,mEAAmE,iBAAiB,CAAC,mEAAmE,aAAa,CAAC","file":"style.scss","sourcesContent":[".container--dog-training .event-group__container--mutt-manners,.container--dog-training #sideBySide{background:#f7f7f3}.container--dog-training #sideBySide,.container--dog-training .sidebyside{margin-bottom:0}.container--dog-training #single-workshops-heading .copy-container{text-align:center}.container--dog-training .event-group__container--single-workshops{padding-top:0}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _MultiSelect = __webpack_require__(41);

var _MultiSelect2 = _interopRequireDefault(_MultiSelect);

var _utils = __webpack_require__(5);

__webpack_require__(459);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var ListFilter = (_temp = _class = function (_React$Component) {
	_inherits(ListFilter, _React$Component);

	function ListFilter(props) {
		_classCallCheck(this, ListFilter);

		var _this = _possibleConstructorReturn(this, (ListFilter.__proto__ || Object.getPrototypeOf(ListFilter)).call(this, props));

		_this.renderSelect = function (filter, index) {
			return _react2.default.createElement(_MultiSelect2.default, {
				key: index,
				index: index,
				name: filter.name,
				baseClassName: 'dropdown',
				className: (0, _classnames2.default)('filters__filter', _defineProperty({}, 'filters__filter--' + filter.title.replace(/ /g, '-'), true)),
				options: filter.options,
				placeholder: (0, _utils.capitalize)(filter.title),
				value: _this.state['filter' + index],
				onChange: _this.props.onChange,
				singleSelect: filter.single
			});
		};

		_this.state = {
			filter0: new Map(),
			filter1: new Map(),
			filter2: new Map()
		};
		return _this;
	}

	_createClass(ListFilter, [{
		key: 'render',
		value: function render() {
			var _props = this.props,
			    search = _props.search,
			    type = _props.type,
			    filters = _props.filters;

			var filterClasses = (0, _classnames2.default)('filters', {
				'filters--center': !search
			});
			return _react2.default.createElement(
				'div',
				{ className: filterClasses },
				search && type && _react2.default.createElement(
					'div',
					{ className: 'filters__search underline-link' },
					_react2.default.createElement('input', { type: 'text', className: 'filters__search-box', placeholder: 'Search ' + type }),
					_react2.default.createElement('button', { className: 'filters__search-submit', 'aria-label': 'Search' })
				),
				filters && filters.map(this.renderSelect)
			);
		}
	}]);

	return ListFilter;
}(_react2.default.Component), _class.propTypes = {
	search: _react2.default.PropTypes.bool,
	type: _react2.default.PropTypes.string.isRequired,
	filters: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.shape({
		title: _react2.default.PropTypes.string.isRequired,
		options: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.shape({
			value: _react2.default.PropTypes.string.isRequired,
			label: _react2.default.PropTypes.string.isRequired
		})).isRequired
	})).isRequired,
	onChange: _react2.default.PropTypes.func
}, _temp);
exports.default = ListFilter;
var content = __webpack_require__(460);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".filters{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;width:100%;padding:10px 3%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:11}.filters--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 768px){.filters{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;padding:20px 0;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit}}.filters__search,.filters__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filters__search{width:40%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filters__search::before{display:none}@media (max-width: 768px){.filters__search{margin-left:41px;width:calc(100% - 64px);padding:0}}.filters__search-box{width:calc(100% - 25px);padding:10px 5px;transition:color 0.2s linear;border-width:0}.filters__search-submit{border:0 none;background-image:url(" + escape(__webpack_require__(134)) + ");background-repeat:no-repeat;background-size:22px 22px;background-position:50% 50%;width:22px;height:40px;transition:background 0.2s linear}@media (max-width: 667px){.filters__search-submit{height:39px}}@media (min-width: 769px){.filters__search-submit.active,.filters__search-submit:hover{background-image:url(" + escape(__webpack_require__(461)) + ")}}@media (max-width: 768px){.filters__filter{padding:17px 0px;border-top:1px solid #9b9b9b}}@media (max-width: 768px){.filters__filter:last-child{border-bottom:1px solid #9b9b9b}}.filters__filter.is-focused:not(.is-open)>.Select-control{border-color:#f80 !important}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/ListFilter/style.scss"],"names":[],"mappings":"AAAA,SAAS,oBAAoB,oBAAoB,aAAa,2BAA2B,4BAA4B,WAAW,gBAAgB,yBAAyB,sBAAsB,8BAA8B,sBAAsB,mBAAmB,qBAAqB,kBAAkB,UAAU,CAAC,iBAAiB,wBAAwB,qBAAqB,sBAAsB,CAAC,0BAA0B,SAAS,4BAA4B,6BAA6B,0BAA0B,sBAAsB,YAAY,eAAe,0BAA0B,uBAAuB,mBAAmB,CAAC,CAAC,kCAAkC,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,kBAAkB,CAAC,iBAAiB,UAAU,YAAY,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,6BAA6B,CAAC,yBAAyB,YAAY,CAAC,0BAA0B,iBAAiB,iBAAiB,wBAAwB,SAAS,CAAC,CAAC,qBAAqB,wBAAwB,iBAAiB,6BAA6B,cAAc,CAAC,wBAAwB,cAAc,+CAA4D,4BAA4B,0BAA0B,4BAA4B,WAAW,YAAY,iCAAiC,CAAC,0BAA0B,wBAAwB,WAAW,CAAC,CAAC,0BAA0B,6DAA6D,8CAAkE,CAAC,CAAC,0BAA0B,iBAAiB,iBAAiB,4BAA4B,CAAC,CAAC,0BAA0B,4BAA4B,+BAA+B,CAAC,CAAC,0DAA0D,4BAA4B,CAAC","file":"style.scss","sourcesContent":[".filters{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;width:100%;padding:10px 3%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:11}.filters--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 768px){.filters{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;padding:20px 0;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit}}.filters__search,.filters__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filters__search{width:40%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filters__search::before{display:none}@media (max-width: 768px){.filters__search{margin-left:41px;width:calc(100% - 64px);padding:0}}.filters__search-box{width:calc(100% - 25px);padding:10px 5px;transition:color 0.2s linear;border-width:0}.filters__search-submit{border:0 none;background-image:url(\"../../common/images/icon_search.svg\");background-repeat:no-repeat;background-size:22px 22px;background-position:50% 50%;width:22px;height:40px;transition:background 0.2s linear}@media (max-width: 667px){.filters__search-submit{height:39px}}@media (min-width: 769px){.filters__search-submit.active,.filters__search-submit:hover{background-image:url(\"../../common/images/icon_search-orange.svg\")}}@media (max-width: 768px){.filters__filter{padding:17px 0px;border-top:1px solid #9b9b9b}}@media (max-width: 768px){.filters__filter:last-child{border-bottom:1px solid #9b9b9b}}.filters__filter.is-focused:not(.is-open)>.Select-control{border-color:#f80 !important}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "0b65b5117f3943433da37a954d5261fe.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _reactAddonsCssTransitionGroup = __webpack_require__(71);

var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _PetTypeFilter = __webpack_require__(456);

var _PetTypeFilter2 = _interopRequireDefault(_PetTypeFilter);

var _ListFilter = __webpack_require__(133);

var _ListFilter2 = _interopRequireDefault(_ListFilter);

var _EmptyList = __webpack_require__(54);

var _EmptyList2 = _interopRequireDefault(_EmptyList);

var _Card = __webpack_require__(55);

var _Card2 = _interopRequireDefault(_Card);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _PlaceholderCards = __webpack_require__(187);

var _PlaceholderCards2 = _interopRequireDefault(_PlaceholderCards);

var _pets = __webpack_require__(196);

var actionCreators = _interopRequireWildcard(_pets);

var _utils = __webpack_require__(5);

__webpack_require__(462);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var PetListView = (_temp = _class = function (_React$Component) {
	_inherits(PetListView, _React$Component);

	function PetListView(p) {
		_classCallCheck(this, PetListView);

		var _this = _possibleConstructorReturn(this, (PetListView.__proto__ || Object.getPrototypeOf(PetListView)).call(this, p));

		_this.filterPetType = function (e) {
			var name = e.target.name;
			var fetchPetsDataWithParams = _this.props.actions.fetchPetsDataWithParams;


			var nextActiveFilter = _lodash2.default.findIndex(_this.state.typeFilters, { name: name });

			_this.setState(function (prevState) {
				if (_this.currentFilters.type && _this.currentFilters.type.indexOf(name) > -1) {
					//	if you're clicking a selected filter, uncheck it
					prevState.typeFilters[nextActiveFilter].checked = false;
					_this.currentFilters.type = _lodash2.default.pull(_this.currentFilters.type, name);
				} else if (nextActiveFilter !== -1) {
					prevState.typeFilters[nextActiveFilter].checked = true;
					if (_this.currentFilters.type) {
						_this.currentFilters.type.push(name);
					} else {
						_this.currentFilters.type = [name];
					}
				}

				fetchPetsDataWithParams(_this.currentFilters);
				return prevState;
			});
		};

		_this.listFilterChange = function (e) {
			var name = e.name,
			    selected = e.selected;
			var fetchPetsDataWithParams = _this.props.actions.fetchPetsDataWithParams;


			_this.currentFilters[name] = selected;
			fetchPetsDataWithParams(_this.currentFilters);
		};

		_this.loadMore = function () {
			var _this$props = _this.props,
			    actions = _this$props.actions,
			    next = _this$props.next;
			var fetchPetsDataWithParams = actions.fetchPetsDataWithParams;

			fetchPetsDataWithParams(_extends({}, _this.currentFilters, {
				page: next
			}), true);
		};

		_this.currentFilters = {
			status: 'adoptable'
		};

		_this.state = {
			typeFilters: [{ label: 'Dogs', id: 'dog', name: 'dog', inputCls: 'checkbox-list__box--adopt checkbox-list__box--dog', checked: false, heroImage: '/static/assets/images/LIBRARY_DOG_1535.jpg' }, { label: 'Cats', id: 'cat', name: 'cat', inputCls: 'checkbox-list__box--adopt checkbox-list__box--cat', checked: false, heroImage: '/static/assets/images/LIBRARY_CAT_0637.jpg' }, { label: 'Small animals', id: 'other', name: 'other', inputCls: 'checkbox-list__box--adopt checkbox-list__box--animal', checked: false, heroImage: '/static/assets/images/BUNNY_PORTRAIT_0485.jpg' }],
			transitionInComplete: false
		};
		return _this;
	}

	_createClass(PetListView, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			this.randomHeroImage = _lodash2.default.sample(this.state.typeFilters).heroImage;
		}
	}, {
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var _props$actions = this.props.actions,
			    petsInit = _props$actions.petsInit,
			    fetchPetsDataWithParams = _props$actions.fetchPetsDataWithParams;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
			petsInit();
			// fetchPetsData();
			fetchPetsDataWithParams(this.currentFilters);
		}
	}, {
		key: 'renderPetListItems',
		value: function renderPetListItems() {
			var _props = this.props,
			    petItems = _props.petItems,
			    isFetching = _props.isFetching;


			if (petItems.size === 0 && isFetching) {
				return _react2.default.createElement(_PlaceholderCards2.default, null);
			}

			if (petItems.size === 0 && isFetching === false) {
				return _react2.default.createElement(_EmptyList2.default, { type: 'pets' });
			}

			return petItems.toJS().map(function (pet) {
				var key = 'pet-item-' + pet.id;
				var cardProps = (0, _utils.petDataCard)(pet);
				cardProps.fullDetails = true;

				return _react2.default.createElement(_Card2.default, _extends({
					key: key
				}, cardProps));
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _props2 = this.props,
			    banner = _props2.banner,
			    next = _props2.next,
			    isFetching = _props2.isFetching;


			var containerCls = (0, _classnames2.default)('container', 'container--petlist', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			var petFilters = [{
				title: 'age',
				name: 'age_range',
				options: [{ value: 'baby', label: 'Baby (under 1 year old)' }, { value: 'young', label: 'Young (1-3 years old)' }, { value: 'adult', label: 'Adult (4-7 years old)' }, { value: 'senior', label: 'Senior (8+ years old)' }]
			}, {
				title: 'gender',
				name: 'sex',
				single: true,
				options: [{ value: 'male', label: 'Male' }, { value: 'female', label: 'Female' }]
			}, {
				title: 'Availability',
				name: 'status',
				single: true,
				options: [{ value: 'adoptable', label: 'Adoptable', _default: true }, { value: 'adopted', label: 'Adopted' }]
			}];

			var activeFilter = _lodash2.default.findIndex(this.state.typeFilters, { checked: true });
			var heroImage = this.randomHeroImage;
			if (activeFilter !== -1) {
				heroImage = this.state.typeFilters[activeFilter].heroImage;
			}

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(
					_Hero2.default,
					{
						heading: 'Pets for Adoption',
						subheading: 'Meet your future dog, cat, or small animal',
						bgImgSrc: heroImage
					},
					_react2.default.createElement(_PetTypeFilter2.default, {
						fields: this.state.typeFilters,
						onChange: this.filterPetType,
						listCls: 'checkbox-list--pets'
					})
				),
				_react2.default.createElement(_ListFilter2.default, {
					type: 'pets',
					filters: petFilters,
					onChange: this.listFilterChange
				}),
				_react2.default.createElement(
					_reactAddonsCssTransitionGroup2.default,
					{
						component: 'section',
						className: 'petlist',
						transitionName: 'petlist-container-transition',
						transitionEnterTimeout: 1000,
						transitionLeaveTimeout: 1000
					},
					this.renderPetListItems()
				),
				next && _react2.default.createElement(
					'div',
					{ className: 'load-more-wrapper' },
					_react2.default.createElement(_Button2.default, {
						onClick: this.loadMore,
						disabled: isFetching,
						label: 'See More'
					})
				),
				_react2.default.createElement(
					'div',
					{ className: 'notifications-cta' },
					_react2.default.createElement(
						'h1',
						{ className: 'heading heading--xl heading--hero notifications-cta--header' },
						'Be the first to know ',
						_react2.default.createElement('br', null),
						'when new pets are in!'
					),
					_react2.default.createElement(
						'p',
						{ className: 'notifications-cta--blurb' },
						'We\u2019re always welcoming new furry friends at Annenberg Petspace. Sign-up for daily or weekly new pet notifications to stay up to date and to help you find the perfect pet.'
					),
					_react2.default.createElement(
						'a',
						{ className: 'button button--orange no-underline', href: 'https://lp.constantcontactpages.com/su/XURiv7Z/notify' },
						'Sign-Up'
					)
				)
			);
		}
	}]);

	return PetListView;
}(_react2.default.Component), _class.propTypes = {
	petItems: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.object).isRequired,
	// traitItems: React.PropTypes.arrayOf(React.PropTypes.object).isRequired,
	isFetching: _react2.default.PropTypes.bool.isRequired,
	actions: _react2.default.PropTypes.shape({
		petsInit: _react2.default.PropTypes.func.isRequired,
		fetchPetsData: _react2.default.PropTypes.func.isRequired,
		fetchPetsDataWithParams: _react2.default.PropTypes.func.isRequired
	}).isRequired,
	banner: _react2.default.PropTypes.shape(),
	next: _react2.default.PropTypes.string
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		petItems: state.pets.get('petItems'),
		// traitItems: state.pets.get('traitItems'),
		isFetching: state.pets.get('isFetching'),
		next: state.pets.get('next'),
		banner: state.nav.get('banner')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(PetListView);

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.DogIcon = DogIcon;
exports.CatIcon = CatIcon;
exports.SmallAnimalIcon = SmallAnimalIcon;
exports.PetTypeIconCheckbox = PetTypeIconCheckbox;
exports.default = PetTypeFilter;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

__webpack_require__(457);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function DogIcon() {
	return _react2.default.createElement(
		'svg',
		{ width: '187px', height: '211px', viewBox: '0 0 187 211', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
		_react2.default.createElement('path', { d: 'M97.0047708,190.819201 C84.5393143,191.751266 57.217444,191.460451 57.217444,191.460451 C57.217444,191.460451 43.644061,179.518371 45.5081906,164.605334 C45.7291966,164.604902 17.0013169,175.857887 10.4392526,145.964038 C9.3906797,141.187206 11.0217931,141.886255 7.5265501,140.371649 C7.5265501,140.371649 4.59600317,142.262569 4.49733951,145.148481 C4.03130711,158.779929 7.52609499,185.343321 44.5756707,180.449981 C44.5756707,180.449981 28.6154264,135.478309 92.46141,75.0106053 C92.46141,75.0106053 101.781148,68.835676 101.082554,48.0972342 C101.082554,48.0972342 103.063192,33.0676894 113.665429,26.3102196 L116.112554,23.7470414 C116.112554,23.7470414 114.481441,-3.51539887 122.753061,7.43590741 C131.024681,18.3872137 130.093526,17.9216364 130.093526,21.1838632 C130.093526,24.44609 143.724974,22.9901938 146.462459,25.2033926 C149.199944,27.4165914 151.182403,32.0195716 166.327545,29.8054626 C166.327545,29.8054626 175.181251,34.2323153 165.39457,42.2713741 C155.60789,50.310433 146.753729,48.7962828 144.307059,58.8159794 C141.860389,68.835676 144.308425,79.6713844 148.385298,84.9137938 C152.462171,90.1562032 149.199034,118.933249 139.64628,127.904828 C139.64628,127.904828 136.734033,116.487489 137.316573,111.594149 C137.899114,106.700808 138.365146,115.322408 138.365146,115.322408 L141.743881,162.624696 C141.743881,162.624696 145.356998,178.586761 155.375784,180.79996 C165.39457,183.013159 162.016746,195.013948 150.831513,192.683786 C150.831513,192.683786 141.859479,190.935254 141.51041,190.819201 C141.161341,190.703148 131.142099,188.140425 121.820996,152.488492 L115.879538,127.555758 C115.879538,127.555758 113.666339,124.060515 118.792241,145.148481 L120.306391,150.857378 L106.674488,162.507733 C106.674488,162.507733 113.432868,146.430526 83.6067944,142.468795 C78.4799829,140.95419 81.1601243,142.352287 81.1601243,142.352287 C81.1601243,142.352287 125.083223,143.633876 99.3349328,177.071701 L97.0047708,176.838685 C97.0047708,176.838685 80.5780389,171.479312 71.3734439,174.974555 C62.1688489,178.469798 80.1106412,174.9741 80.1106412,174.9741 C80.1106412,174.9741 113.316815,173.45995 106.325874,186.741873 C104.461289,187.440922 107.257028,191.168726 97.0047708,190.819201 Z', stroke: '#FFFFFF', strokeWidth: '8' })
	);
}

function CatIcon() {
	return _react2.default.createElement(
		'svg',
		{ width: '187px', height: '211px', viewBox: '0 0 187 211', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
		_react2.default.createElement('path', { d: 'M99,175 L52.2390291,175 C52.2390291,175 18.59884,175.016241 33.8888889,122.555556 C40.3333333,100.444444 29.2412435,149.438831 29.6666667,147.555556 C38.7777778,107.222222 28.8888889,151.444444 28.8888889,151.444444 C28.8888889,151.444444 -4.958654,113.888455 7.88888889,87.2222222 C10.3436563,82.1271314 23.2222222,71.2222222 24.2222222,60.2222222 C25.014938,51.502349 17.5663935,45.5555556 33.8888889,43.4444444 C40.062283,42.6459929 46.2708817,54.5324444 44.6666667,62.3333333 C39,89.8888889 27.2222222,87.2222222 25,100 C25,116.221788 33.4738377,120.010987 33.8888889,120.555122 C36.3876716,123.831039 37.3333333,69 87.7777778,64.2222222 C96.4440104,41.2217882 96.5555556,53 103.888889,40.2222222 C106.706706,35.3123894 110.888889,29.1111111 118.666667,20.4444444 C120.071283,18.8793006 127.777778,4.11111111 134.666233,3.99956597 C139.333333,5.77777778 136.777778,16 135.666667,20.4444444 C132.555556,23.7777778 145.555122,17.1106771 150.777778,32.4444444 C160.222222,29.4444444 170.666667,50.8888889 145.888889,56.7777778 C139.777778,67.7777778 147.555556,99.2222222 121.222222,124.555556 C120.44401,146.999566 120.551717,157.219551 120.555122,157.221788 C135.777778,168.222222 123.000434,176.444444 116.667101,175 C111.491161,173.819523 97.8884549,175.555122 96.4444444,130 C96.5955695,129.508843 111.55599,167.000434 78.4444444,160.444444 C77.113569,160.180935 91.625,162.5 86.4444444,161.111111 C81.2638889,159.722222 100.666667,160.777778 99.6666667,146 C98.6666667,131.222222 100.970697,164.203321 101.333767,164.666667 C106.777344,168.999566 99,175 99,175 Z', stroke: '#FFFFFF', strokeWidth: '8' })
	);
}

function SmallAnimalIcon() {
	return _react2.default.createElement(
		'svg',
		{ width: '187px', height: '211px', viewBox: '0 0 187 211', version: '1.1', xmlns: 'http://www.w3.org/2000/svg' },
		_react2.default.createElement('path', { d: 'M88.3394221,168.26791 L42.1620499,168.26791 C42.1620499,168.26791 31.508202,163.969905 25.5555556,152.666667 C23.4540254,148.676156 21.59176,128.899265 22.75,125.125 C23.5555556,122.5 23.2105759,150.864693 22.0302955,150.555122 C8.4743059,146.999566 5.55512153,144.666233 4.11067708,137.110677 C3.04105403,131.515726 5.37402344,128.374023 9.24951172,127.624512 C13.125,126.875 23.0936012,127.730054 23.5555556,123.777778 C25.5555556,106.666667 30.8320658,92.6535819 49.6035329,85.326791 C68.375,78 88.8377973,87.8745117 96.9995117,67.8745117 C105.161226,47.8745117 116.132356,48.1245055 116.132356,51.4062807 C116.132356,54.6880558 101.823111,11.8358685 113.286555,4.79293425 C124.75,-2.25 131.752327,40.9340039 128.25,49.25 C124.747673,57.5659961 141.957422,5.88799911 151.365919,11.1393523 C160.774415,16.3907055 153.505888,40.7158979 139.5,47.5 C132.50883,50.8863478 129.786981,44.718733 130.125,43.875 C130.463019,43.031267 133.875,47.5 133.875,47.5 L138.624512,48.6245117 C138.624512,48.6245117 158.596421,62.026164 157.124512,71.7495117 C156.5,75.875 154.400898,78.7447893 151.365919,80.6245117 C148.330939,82.5042342 136.10431,84.6765147 123.571275,83.5752001 C103.657507,81.8253189 131.25,83.5752001 131.25,83.5752001 C131.25,83.5752001 129.25,84.75 125.375,90.875 C121.5,97 121.26683,99.8774517 120.875,108 C119.998777,126.163886 119.851816,164.328754 119.851816,164.328754 C119.851816,164.328754 114.81674,176.801038 109.565387,162.139479 C104.314033,147.47792 101.560387,117.003203 100.333333,113.444444 C99.1062797,109.885685 103.000981,143.101079 103.000981,143.101079 C103.000981,143.101079 96.0416234,145.552345 91.3333333,145.555556 C86.6250432,145.558766 86.8517158,147.692737 87.1111111,143.101079 C87.326527,139.287919 88.8377973,135.333333 82.3333333,128.333333 C75.8288693,121.333333 59.1468281,116.964052 59,117 C58.8173635,117.044715 74.2737728,120.99887 82.868372,129.444444 C91.4629712,137.890019 88.8377973,146.568682 88.8377973,146.568682 L82.868372,155.5 C82.868372,155.5 91.9478792,154.74941 93.3333333,161.444444 C94.7187875,168.139479 88.3394221,168.26791 88.3394221,168.26791 Z', stroke: '#FFFFFF', strokeWidth: '7' })
	);
}

function PetTypeIconCheckbox(_ref, onChange, index) {
	var _ref$type = _ref.type,
	    type = _ref$type === undefined ? 'checkbox' : _ref$type,
	    label = _ref.label,
	    name = _ref.name,
	    id = _ref.id,
	    _ref$color = _ref.color,
	    color = _ref$color === undefined ? 'orange' : _ref$color,
	    inputCls = _ref.inputCls,
	    _ref$checked = _ref.checked,
	    checked = _ref$checked === undefined ? false : _ref$checked;

	var text = label || name;
	var checkboxColorCls = 'checkbox-list__item--' + color;
	var checkboxCls = (0, _classnames2.default)(_defineProperty({
		'checkbox-list__box': true
	}, inputCls, inputCls));
	return _react2.default.createElement(
		'div',
		{
			className: 'checkbox-list__item checkbox-list__item-filter ' + checkboxColorCls,
			key: index,
			tabIndex: '0'
		},
		_react2.default.createElement('input', {
			type: type,
			id: id,
			className: checkboxCls,
			name: name,
			checked: checked,
			onChange: onChange
		}),
		_react2.default.createElement(
			'label',
			{ htmlFor: name },
			id === 'dog' && _react2.default.createElement(DogIcon, null),
			id === 'cat' && _react2.default.createElement(CatIcon, null),
			id === 'other' && _react2.default.createElement(SmallAnimalIcon, null),
			_react2.default.createElement(
				'span',
				{ className: 'copy' },
				text
			)
		)
	);
}

PetTypeIconCheckbox.propTypes = {
	type: _react2.default.PropTypes.string,
	label: _react2.default.PropTypes.string,
	name: _react2.default.PropTypes.string,
	id: _react2.default.PropTypes.string,
	color: _react2.default.PropTypes.string,
	inputCls: _react2.default.PropTypes.string,
	checked: _react2.default.PropTypes.bool
};

function PetTypeFilter(_ref2) {
	var legend = _ref2.legend,
	    fields = _ref2.fields,
	    onChange = _ref2.onChange,
	    cls = _ref2.cls,
	    listCls = _ref2.listCls;

	var listClass = (0, _classnames2.default)(_defineProperty({
		'checkbox-list': true,
		'pettype-filter': true
	}, listCls, listCls));

	return _react2.default.createElement(
		'fieldset',
		{ className: cls },
		_react2.default.createElement(
			'legend',
			{ className: 'copy' },
			legend
		),
		_react2.default.createElement(
			'div',
			{ className: listClass },
			fields.map(function (f, i) {
				return PetTypeIconCheckbox(f, onChange, i);
			})
		)
	);
}

PetTypeFilter.propTypes = {
	legend: _react2.default.PropTypes.string,
	fields: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.object).isRequired,
	cls: _react2.default.PropTypes.string,
	listCls: _react2.default.PropTypes.string,
	onChange: _react2.default.PropTypes.func.isRequired
};
var content = __webpack_require__(458);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".checkbox-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pettype-filter .checkbox-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px;cursor:pointer;position:relative;pointer-events:none;text-transform:capitalize}.pettype-filter .checkbox-list__item:focus{outline:-webkit-focus-ring-color auto 5px}.pettype-filter .checkbox-list__item .checkbox-list__box{cursor:pointer;pointer-events:all;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:56px;width:56px;border-radius:28px;padding:10px;background-color:#fff;background-size:65% auto;background-repeat:no-repeat;background-position:50% 50%;margin:0 auto}.pettype-filter .checkbox-list__item--orange .checkbox-list__box{border:2px solid #f80}.pettype-filter .checkbox-list__item--orange .checkbox-list__box::after{background-image:none}.pettype-filter .checkbox-list__item--orange .checkbox-list__box:hover,.pettype-filter .checkbox-list__item--orange .checkbox-list__box:checked{background-color:#f80}.pettype-filter .checkbox-list__item--orange .checkbox-list__box:hover::after,.pettype-filter .checkbox-list__item--orange .checkbox-list__box:checked::after{background-image:none}.pettype-filter .checkbox-list__item--green .checkbox-list__box{border:2px solid #7c0}.pettype-filter .checkbox-list__item--green .checkbox-list__box::after{background-image:none}.pettype-filter .checkbox-list__item--green .checkbox-list__box:hover,.pettype-filter .checkbox-list__item--green .checkbox-list__box:checked{background-color:#7c0}.pettype-filter .checkbox-list__item--green .checkbox-list__box:hover::after,.pettype-filter .checkbox-list__item--green .checkbox-list__box:checked::after{background-image:none}.pettype-filter .checkbox-list__item--blue .checkbox-list__box{border:2px solid #00a4ee}.pettype-filter .checkbox-list__item--blue .checkbox-list__box::after{background-image:none}.pettype-filter .checkbox-list__item--blue .checkbox-list__box:hover,.pettype-filter .checkbox-list__item--blue .checkbox-list__box:checked{background-color:#00a4ee}.pettype-filter .checkbox-list__item--blue .checkbox-list__box:hover::after,.pettype-filter .checkbox-list__item--blue .checkbox-list__box:checked::after{background-image:none}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/PetTypeFilter/style.scss"],"names":[],"mappings":"AAAA,eAAe,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,mBAAmB,eAAe,wBAAwB,qBAAqB,sBAAsB,CAAC,qCAAqC,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,YAAY,eAAe,kBAAkB,oBAAoB,yBAAyB,CAAC,2CAA2C,yCAAyC,CAAC,yDAAyD,eAAe,mBAAmB,wBAAwB,qBAAqB,gBAAgB,YAAY,WAAW,mBAAmB,aAAa,sBAAsB,yBAAyB,4BAA4B,4BAA4B,aAAa,CAAC,iEAAiE,qBAAqB,CAAC,wEAAwE,qBAAqB,CAAC,gJAAgJ,qBAAqB,CAAC,8JAA8J,qBAAqB,CAAC,gEAAgE,qBAAqB,CAAC,uEAAuE,qBAAqB,CAAC,8IAA8I,qBAAqB,CAAC,4JAA4J,qBAAqB,CAAC,+DAA+D,wBAAwB,CAAC,sEAAsE,qBAAqB,CAAC,4IAA4I,wBAAwB,CAAC,0JAA0J,qBAAqB,CAAC","file":"style.scss","sourcesContent":[".checkbox-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pettype-filter .checkbox-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px;cursor:pointer;position:relative;pointer-events:none;text-transform:capitalize}.pettype-filter .checkbox-list__item:focus{outline:-webkit-focus-ring-color auto 5px}.pettype-filter .checkbox-list__item .checkbox-list__box{cursor:pointer;pointer-events:all;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:56px;width:56px;border-radius:28px;padding:10px;background-color:#fff;background-size:65% auto;background-repeat:no-repeat;background-position:50% 50%;margin:0 auto}.pettype-filter .checkbox-list__item--orange .checkbox-list__box{border:2px solid #f80}.pettype-filter .checkbox-list__item--orange .checkbox-list__box::after{background-image:none}.pettype-filter .checkbox-list__item--orange .checkbox-list__box:hover,.pettype-filter .checkbox-list__item--orange .checkbox-list__box:checked{background-color:#f80}.pettype-filter .checkbox-list__item--orange .checkbox-list__box:hover::after,.pettype-filter .checkbox-list__item--orange .checkbox-list__box:checked::after{background-image:none}.pettype-filter .checkbox-list__item--green .checkbox-list__box{border:2px solid #7c0}.pettype-filter .checkbox-list__item--green .checkbox-list__box::after{background-image:none}.pettype-filter .checkbox-list__item--green .checkbox-list__box:hover,.pettype-filter .checkbox-list__item--green .checkbox-list__box:checked{background-color:#7c0}.pettype-filter .checkbox-list__item--green .checkbox-list__box:hover::after,.pettype-filter .checkbox-list__item--green .checkbox-list__box:checked::after{background-image:none}.pettype-filter .checkbox-list__item--blue .checkbox-list__box{border:2px solid #00a4ee}.pettype-filter .checkbox-list__item--blue .checkbox-list__box::after{background-image:none}.pettype-filter .checkbox-list__item--blue .checkbox-list__box:hover,.pettype-filter .checkbox-list__item--blue .checkbox-list__box:checked{background-color:#00a4ee}.pettype-filter .checkbox-list__item--blue .checkbox-list__box:hover::after,.pettype-filter .checkbox-list__item--blue .checkbox-list__box:checked::after{background-image:none}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

exports.petsInit = petsInit;
exports.fetchPetsData = fetchPetsData;
exports.fetchPetsDataWithParams = fetchPetsDataWithParams;
exports.petInit = petInit;
exports.fetchPetData = fetchPetData;

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

var path = '/animals';

function petsInit() {
	return {
		type: _constants.PETS_INIT
	};
}

function petsLoading() {
	return {
		type: _constants.PETS_LOADING
	};
}

function petsLoaded(_ref) {
	var _ref2 = _slicedToArray(_ref, 2),
	    traitsResponse = _ref2[0],
	    petsResponse = _ref2[1];

	return {
		type: _constants.PETS_LOADED,
		payload: {
			traits: traitsResponse.data,
			pets: petsResponse.data,
			pagePointer: petsResponse.meta.pagination.page,
			next: petsResponse.links.next
		}
	};
}

function petsLoadedWithFilters(petsResponse, merge) {
	return {
		type: _constants.PETS_LOADED_WITH_FILTERS,
		payload: {
			pets: petsResponse.data,
			pagePointer: petsResponse.meta.pagination.page,
			next: petsResponse.links.next,
			merge: merge
		}
	};
}

function fetchPetsData() {
	return function (dispatch) {
		dispatch(petsLoading());

		return Promise.all([(0, _utils.request)({ path: '/traits' }), (0, _utils.request)({ path: path })]).then(function (resolved) {
			dispatch(petsLoaded(resolved));
		}).catch(function (error) {
			throw new Error(error);
		});
	};
}

function fetchPetsDataWithParams(params) {
	var merge = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;

	return function (dispatch) {
		dispatch(petsLoading());

		return (0, _utils.request)({
			path: path,
			params: params
		}).then(function (resolved) {
			dispatch(petsLoadedWithFilters(resolved, merge));
		}).catch(function (error) {
			throw new Error(error);
		});
	};
}

function petInit() {
	return {
		type: _constants.PET_INIT
	};
}

function petLoading(id) {
	return {
		type: _constants.PET_LOADING,
		payload: {
			id: id
		}
	};
}

function petLoaded(data) {
	return {
		type: _constants.PET_LOADED,
		payload: {
			data: data
		}
	};
}

function petNotFound() {
	return {
		type: _constants.PET_NOT_FOUND
	};
}

function fetchPetData(id) {
	return function (dispatch) {
		dispatch(petLoading(id));
		return (0, _utils.request)({
			path: path + '/' + id
		}).then(function (response) {
			return dispatch(petLoaded(response.data));
		}).catch(function (err) {
			if (err && typeof err.response !== 'undefined') {
				var status = err.response.status;

				if (status === 404) {
					dispatch(petNotFound());
				} else {
					throw new Error(err);
				}
			} else {
				throw new Error(err);
			}
		});
	};
}
var content = __webpack_require__(463);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--petlist{background-color:#f7f7f3}.container--petlist .hero{transition:background-image 0.3s ease-in-out}@media (max-width: 1024px){.container--petlist .hero{display:block}}@media (max-width: 1024px){.container--petlist .hero .copy-container{height:90%;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container--petlist .checkbox-list--pets{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 1024px){.container--petlist .checkbox-list--pets{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container--petlist .filters{background-color:#fff}.container--petlist .checkbox-list__item{margin:24px;-webkit-transform:scale(0.85);transform:scale(0.85)}.container--petlist .checkbox-list__item::before{content:'';position:absolute;top:0;left:0;width:120px;height:120px;z-index:-1;border-radius:60px;background-color:#fff}@media (max-width: 1024px){.container--petlist .checkbox-list__item{position:relative;height:40px;width:180px;margin:10px}.container--petlist .checkbox-list__item::before{content:'';position:absolute;top:0;left:3px;width:174px;height:40px;z-index:-1;border-radius:60px;background-color:#fff}}.container--petlist .checkbox-list__item svg{position:absolute;top:32px;left:32px;width:56px;height:56px;fill:transparent}@media (max-width: 1024px){.container--petlist .checkbox-list__item svg{display:none}}.container--petlist .checkbox-list__item svg path{transition:fill 0.4s cubic-bezier(0.17, 0.89, 0.32, 1);stroke-width:7px}.container--petlist .petlist{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--petlist .notifications-cta{position:relative;z-index:2;text-align:center;padding:80px 0;background-color:white}.container--petlist .notifications-cta--blurb{margin:21px auto 28px;max-width:42%}@media (max-width: 768px){.container--petlist .notifications-cta--blurb{max-width:100%}}.container--petlist .notifications-cta--header::before{content:'';height:60px;width:100%;margin-bottom:30px;display:block;background-image:url(" + escape(__webpack_require__(464)) + ");background-repeat:no-repeat;background-position:50% 50%}@media (max-width: 768px){.container--petlist .notifications-cta--header{font-size:36px;line-height:48px}.container--petlist .notifications-cta--header br{display:none}}@media (max-width: 768px){.container--petlist .notifications-cta{padding:80px 40px}}_:-ms-fullscreen,:root .container--petlist .petlist{display:block}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt{height:120px;width:120px;border-radius:60px;opacity:0}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt ~ label::before{content:'';position:absolute;pointer-events:none;top:2px;left:0;right:0;height:116px;width:116px;border-radius:50%;margin:0 auto;background-color:#f80;background-image:none;transition:-webkit-transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1)}@media (max-width: 1024px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt ~ label::before{top:0;left:0;right:0;bottom:0;width:auto;height:auto;border-radius:20px}}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:checked ~ label::before{-webkit-transform:scale(0.97);transform:scale(0.97);border:solid 1px #fff}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:checked+label svg{fill:#fff}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:checked+label svg path{stroke-width:3px}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:checked+label .copy::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition:opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1)}@media (min-width: 769px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:hover ~ label::before{-webkit-transform:scale(0.94);transform:scale(0.94)}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:hover+label .copy::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition:opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1)}}@media (min-width: 769px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:active{transition:-webkit-transform 0.1s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.1s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.1s cubic-bezier(0.17, 0.89, 0.32, 1), -webkit-transform 0.1s cubic-bezier(0.17, 0.89, 0.32, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt .checkbox-list__icon{position:absolute;top:32px;left:32px;width:56px;height:56px}@media (max-width: 1024px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt{height:100%;width:100%;position:absolute;background:#f80}}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label{padding-top:5px}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label .copy{font-size:0.98em;display:inline-block;position:relative}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label .copy::after{content:'';position:absolute;height:2px;background-color:#fff;bottom:0;left:0;width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0;-webkit-transform-origin:left;transform-origin:left;will-change:transform;transition:opacity 0.2s linear, -webkit-transform 0.1s linear 0.2s;transition:transform 0.1s linear 0.2s, opacity 0.2s linear;transition:transform 0.1s linear 0.2s, opacity 0.2s linear, -webkit-transform 0.1s linear 0.2s}@media (max-width: 1024px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label .copy::after{display:none}}@media (max-width: 1024px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label{position:absolute;width:100%;height:100%}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/PetList/style.scss"],"names":[],"mappings":"AAAA,oBAAoB,wBAAwB,CAAC,0BAA0B,4CAA4C,CAAC,2BAA2B,0BAA0B,aAAa,CAAC,CAAC,2BAA2B,0CAA0C,WAAW,qBAAqB,iBAAiB,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,yCAAyC,yBAAyB,sBAAsB,kBAAkB,CAAC,2BAA2B,yCAAyC,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,6BAA6B,qBAAqB,CAAC,yCAAyC,YAAY,8BAA8B,qBAAqB,CAAC,iDAAiD,WAAW,kBAAkB,MAAM,OAAO,YAAY,aAAa,WAAW,mBAAmB,qBAAqB,CAAC,2BAA2B,yCAAyC,kBAAkB,YAAY,YAAY,WAAW,CAAC,iDAAiD,WAAW,kBAAkB,MAAM,SAAS,YAAY,YAAY,WAAW,mBAAmB,qBAAqB,CAAC,CAAC,6CAA6C,kBAAkB,SAAS,UAAU,WAAW,YAAY,gBAAgB,CAAC,2BAA2B,6CAA6C,YAAY,CAAC,CAAC,kDAAkD,uDAAuD,gBAAgB,CAAC,6BAA6B,aAAa,mBAAmB,eAAe,iBAAiB,iBAAiB,CAAC,uCAAuC,kBAAkB,UAAU,kBAAkB,eAAe,sBAAsB,CAAC,8CAA8C,sBAAsB,aAAa,CAAC,0BAA0B,8CAA8C,cAAc,CAAC,CAAC,uDAAuD,WAAW,YAAY,WAAW,mBAAmB,cAAc,+CAAiD,4BAA4B,2BAA2B,CAAC,0BAA0B,+CAA+C,eAAe,gBAAgB,CAAC,kDAAkD,YAAY,CAAC,CAAC,0BAA0B,uCAAuC,iBAAiB,CAAC,CAAC,oDAAoD,aAAa,CAAC,uFAAuF,aAAa,YAAY,mBAAmB,SAAS,CAAC,uGAAuG,WAAW,kBAAkB,oBAAoB,QAAQ,OAAO,QAAQ,aAAa,YAAY,kBAAkB,cAAc,sBAAsB,sBAAsB,oEAAoE,4DAA4D,qHAAqH,CAAC,2BAA2B,uGAAuG,MAAM,OAAO,QAAQ,SAAS,WAAW,YAAY,kBAAkB,CAAC,CAAC,+GAA+G,8BAA8B,sBAAsB,qBAAqB,CAAC,yGAAyG,SAAS,CAAC,8GAA8G,gBAAgB,CAAC,kHAAkH,UAAU,4BAA4B,oBAAoB,wFAAwF,gFAAgF,wIAAwI,CAAC,0BAA0B,6GAA6G,8BAA8B,qBAAqB,CAAC,gHAAgH,UAAU,4BAA4B,oBAAoB,wFAAwF,gFAAgF,wIAAwI,CAAC,CAAC,0BAA0B,8FAA8F,oEAAoE,4DAA4D,sHAAsH,6BAA6B,oBAAoB,CAAC,CAAC,4GAA4G,kBAAkB,SAAS,UAAU,WAAW,WAAW,CAAC,2BAA2B,uFAAuF,YAAY,WAAW,kBAAkB,eAAe,CAAC,CAAC,6FAA6F,eAAe,CAAC,mGAAmG,iBAAiB,qBAAqB,iBAAiB,CAAC,0GAA0G,WAAW,kBAAkB,WAAW,sBAAsB,SAAS,OAAO,WAAW,4BAA4B,oBAAoB,UAAU,8BAA8B,sBAAsB,sBAAsB,mEAAmE,2DAA2D,8FAA8F,CAAC,2BAA2B,0GAA0G,YAAY,CAAC,CAAC,2BAA2B,6FAA6F,kBAAkB,WAAW,WAAW,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--petlist{background-color:#f7f7f3}.container--petlist .hero{transition:background-image 0.3s ease-in-out}@media (max-width: 1024px){.container--petlist .hero{display:block}}@media (max-width: 1024px){.container--petlist .hero .copy-container{height:90%;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container--petlist .checkbox-list--pets{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 1024px){.container--petlist .checkbox-list--pets{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container--petlist .filters{background-color:#fff}.container--petlist .checkbox-list__item{margin:24px;-webkit-transform:scale(0.85);transform:scale(0.85)}.container--petlist .checkbox-list__item::before{content:'';position:absolute;top:0;left:0;width:120px;height:120px;z-index:-1;border-radius:60px;background-color:#fff}@media (max-width: 1024px){.container--petlist .checkbox-list__item{position:relative;height:40px;width:180px;margin:10px}.container--petlist .checkbox-list__item::before{content:'';position:absolute;top:0;left:3px;width:174px;height:40px;z-index:-1;border-radius:60px;background-color:#fff}}.container--petlist .checkbox-list__item svg{position:absolute;top:32px;left:32px;width:56px;height:56px;fill:transparent}@media (max-width: 1024px){.container--petlist .checkbox-list__item svg{display:none}}.container--petlist .checkbox-list__item svg path{transition:fill 0.4s cubic-bezier(0.17, 0.89, 0.32, 1);stroke-width:7px}.container--petlist .petlist{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--petlist .notifications-cta{position:relative;z-index:2;text-align:center;padding:80px 0;background-color:white}.container--petlist .notifications-cta--blurb{margin:21px auto 28px;max-width:42%}@media (max-width: 768px){.container--petlist .notifications-cta--blurb{max-width:100%}}.container--petlist .notifications-cta--header::before{content:'';height:60px;width:100%;margin-bottom:30px;display:block;background-image:url(\"./images/icon-update.svg\");background-repeat:no-repeat;background-position:50% 50%}@media (max-width: 768px){.container--petlist .notifications-cta--header{font-size:36px;line-height:48px}.container--petlist .notifications-cta--header br{display:none}}@media (max-width: 768px){.container--petlist .notifications-cta{padding:80px 40px}}_:-ms-fullscreen,:root .container--petlist .petlist{display:block}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt{height:120px;width:120px;border-radius:60px;opacity:0}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt ~ label::before{content:'';position:absolute;pointer-events:none;top:2px;left:0;right:0;height:116px;width:116px;border-radius:50%;margin:0 auto;background-color:#f80;background-image:none;transition:-webkit-transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.17, 0.89, 0.32, 1)}@media (max-width: 1024px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt ~ label::before{top:0;left:0;right:0;bottom:0;width:auto;height:auto;border-radius:20px}}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:checked ~ label::before{-webkit-transform:scale(0.97);transform:scale(0.97);border:solid 1px #fff}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:checked+label svg{fill:#fff}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:checked+label svg path{stroke-width:3px}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:checked+label .copy::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition:opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1)}@media (min-width: 769px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:hover ~ label::before{-webkit-transform:scale(0.94);transform:scale(0.94)}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:hover+label .copy::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);transition:opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear;transition:transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1),opacity 0.1s linear,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1)}}@media (min-width: 769px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt:active{transition:-webkit-transform 0.1s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.1s cubic-bezier(0.17, 0.89, 0.32, 1);transition:transform 0.1s cubic-bezier(0.17, 0.89, 0.32, 1), -webkit-transform 0.1s cubic-bezier(0.17, 0.89, 0.32, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt .checkbox-list__icon{position:absolute;top:32px;left:32px;width:56px;height:56px}@media (max-width: 1024px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt{height:100%;width:100%;position:absolute;background:#f80}}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label{padding-top:5px}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label .copy{font-size:0.98em;display:inline-block;position:relative}.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label .copy::after{content:'';position:absolute;height:2px;background-color:#fff;bottom:0;left:0;width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0;-webkit-transform-origin:left;transform-origin:left;will-change:transform;transition:opacity 0.2s linear, -webkit-transform 0.1s linear 0.2s;transition:transform 0.1s linear 0.2s, opacity 0.2s linear;transition:transform 0.1s linear 0.2s, opacity 0.2s linear, -webkit-transform 0.1s linear 0.2s}@media (max-width: 1024px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label .copy::after{display:none}}@media (max-width: 1024px){.container--petlist .checkbox-list__item .checkbox-list__box.checkbox-list__box--adopt+label{position:absolute;width:100%;height:100%}}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "0941cd17eab4ee5f5385519a1f2257d5.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRouter = __webpack_require__(19);

var _articles = __webpack_require__(72);

var actionCreators = _interopRequireWildcard(_articles);

var _utils = __webpack_require__(5);

var _ListFilter = __webpack_require__(133);

var _ListFilter2 = _interopRequireDefault(_ListFilter);

var _EmptyList = __webpack_require__(54);

var _EmptyList2 = _interopRequireDefault(_EmptyList);

var _Card = __webpack_require__(55);

var _Card2 = _interopRequireDefault(_Card);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _constants = __webpack_require__(11);

__webpack_require__(465);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var SuccessStoriesView = (_temp2 = _class = function (_React$Component) {
	_inherits(SuccessStoriesView, _React$Component);

	function SuccessStoriesView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, SuccessStoriesView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = SuccessStoriesView.__proto__ || Object.getPrototypeOf(SuccessStoriesView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false
		}, _this.listFilterChange = function (e) {
			var name = e.name,
			    selected = e.selected;
			var fetchArticleListWithFilters = _this.props.actions.fetchArticleListWithFilters;


			_this.currentFilters[name] = selected;

			fetchArticleListWithFilters('success-stories', _this.currentFilters);
		}, _this.loadMore = function () {
			var _this$props = _this.props,
			    next = _this$props.next,
			    actions = _this$props.actions;
			var fetchArticleListWithFilters = actions.fetchArticleListWithFilters;

			fetchArticleListWithFilters('articles', _extends({}, _this.currentFilters, {
				type: 'success_story',
				page: next
			}), true);
		}, _this.renderStoryListItems = function () {
			var articleList = _this.props.articleList;

			var articles = articleList.toJS();

			return articles.map(_utils.successDataCard).map(function (article) {
				return _react2.default.createElement(_Card2.default, _extends({
					key: article.id
				}, article));
			});
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(SuccessStoriesView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var _props$actions = this.props.actions,
			    articleListInit = _props$actions.articleListInit,
			    fetchArticleList = _props$actions.fetchArticleList;


			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
			articleListInit();
			fetchArticleList('adopt-success-stories');

			this.currentFilters = {};
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    isFetching = _props.isFetching,
			    banner = _props.banner,
			    articleList = _props.articleList,
			    next = _props.next,
			    hero = _props.hero;


			var containerCls = (0, _classnames2.default)('container', 'container--success', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			var filters = [{
				title: 'Sort',
				name: 'ordering',
				single: true,
				options: _constants.SUCCESS_STORY_SORT
			}, {
				title: 'Pet Type',
				name: 'pet_type',
				options: _constants.SUCCESS_STORY_TYPE
			}];

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.get('headline'),
					subheading: hero.get('subheading'),
					bgImgSrc: hero.get('image')
				}),
				_react2.default.createElement(_ListFilter2.default, {
					type: 'stories',
					filters: filters,
					onChange: this.listFilterChange
				}),
				_react2.default.createElement(
					'div',
					{ className: 'successlist' },
					articleList.size > 0 || isFetching ? this.renderStoryListItems() : _react2.default.createElement(_EmptyList2.default, { type: 'articles' })
				),
				next && _react2.default.createElement(
					'div',
					{ className: 'load-more-wrapper' },
					_react2.default.createElement(_Button2.default, {
						label: 'See more',
						onClick: this.loadMore
					})
				),
				_react2.default.createElement(
					'div',
					{ className: 'submit-cta' },
					_react2.default.createElement(
						'p',
						{ className: 'heading heading--lg' },
						_react2.default.createElement(
							_reactRouter.Link,
							{ to: '/login' },
							'Login'
						),
						' or ',
						_react2.default.createElement(
							_reactRouter.Link,
							{ to: '/register' },
							'register'
						),
						' for an account to submit your own story to inspire others.'
					)
				)
			);
		}
	}]);

	return SuccessStoriesView;
}(_react2.default.Component), _class.propTypes = {
	isFetching: _react2.default.PropTypes.bool,
	articleList: _react2.default.PropTypes.shape(),
	hero: _react2.default.PropTypes.shape(),
	actions: _react2.default.PropTypes.shape({
		articleListInit: _react2.default.PropTypes.func,
		fetchArticleList: _react2.default.PropTypes.func,
		fetchArticleListWithFilters: _react2.default.PropTypes.func
	}),
	banner: _react2.default.PropTypes.shape(),
	next: _react2.default.PropTypes.string
}, _temp2);


var mapStateToProps = function mapStateToProps(_ref2) {
	var articles = _ref2.articles,
	    nav = _ref2.nav;
	return {
		hero: articles.get('hero'),
		articleList: articles.get('articleList'),
		isFetching: articles.get('isFetching'),
		banner: nav.get('banner'),
		next: articles.get('next')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(SuccessStoriesView);
var content = __webpack_require__(466);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--success{padding-bottom:0}.container--success .banner--cta__text{padding:120px}.container--success .banner--cta__text .heading--sm{padding:40px 0}@media (max-width: 768px){.container--success .banner--cta__text{padding:40px}}.container--success .successlist{background-color:#f7f7f3;display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--success .submit-cta{text-align:center;padding:80px 0;background-color:#fff}@media (max-width: 768px){.container--success .submit-cta{padding:80px 40px}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/SuccessStories/style.scss"],"names":[],"mappings":"AAAA,oBAAoB,gBAAgB,CAAC,uCAAuC,aAAa,CAAC,oDAAoD,cAAc,CAAC,0BAA0B,uCAAuC,YAAY,CAAC,CAAC,iCAAiC,yBAAyB,aAAa,mBAAmB,eAAe,iBAAiB,iBAAiB,CAAC,gCAAgC,kBAAkB,eAAe,qBAAqB,CAAC,0BAA0B,gCAAgC,iBAAiB,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--success{padding-bottom:0}.container--success .banner--cta__text{padding:120px}.container--success .banner--cta__text .heading--sm{padding:40px 0}@media (max-width: 768px){.container--success .banner--cta__text{padding:40px}}.container--success .successlist{background-color:#f7f7f3;display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--success .submit-cta{text-align:center;padding:80px 0;background-color:#fff}@media (max-width: 768px){.container--success .submit-cta{padding:80px 40px}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _utils = __webpack_require__(5);

__webpack_require__(467);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var AdoptionProcessView = (_temp2 = _class = function (_React$Component) {
	_inherits(AdoptionProcessView, _React$Component);

	function AdoptionProcessView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, AdoptionProcessView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = AdoptionProcessView.__proto__ || Object.getPrototypeOf(AdoptionProcessView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			pageData: []
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(AdoptionProcessView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			(0, _utils.request)({
				path: '/pages/adopt-process'
			}).then(function (pageData) {
				_this2.setState({
					pageData: pageData.data.attributes
				});
			}).catch(function (err) {
				console.error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var pageData = this.state.pageData;
			var banner = this.props.banner;

			var containerCls = (0, _classnames2.default)('container', 'container--adoption-process', 'container-transition-appear', 'container--about', {
				'container--has-announcement': banner.get('id') !== ''
			});

			if (pageData.length === 0) {
				return _react2.default.createElement('div', { className: 'container container--about' });
			}
			var heroData = pageData.hero;
			var pageContent = pageData.content;
			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: heroData.headline,
					subheading: heroData.subheading,
					bgImgSrc: heroData.image
				}),
				pageContent.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
				})
			);
		}
	}]);

	return AdoptionProcessView;
}(_react2.default.Component), _class.propTypes = {
	banner: _react2.default.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(AdoptionProcessView);
var content = __webpack_require__(468);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--adoption-process .splash--triptych{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 1024px){.container--adoption-process .splash--triptych#step-1,.container--adoption-process .splash--triptych#step-3{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse wrap;flex-flow:column-reverse wrap;display:-webkit-inline-box}}.container--adoption-process .full{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container--adoption-process .full:nth-child(1n){margin-right:0;margin-left:0}.container--adoption-process .full:last-child{margin-right:0}.container--adoption-process .full:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--adoption-process .full{text-align:center}}.container--adoption-process .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding-top:40px}.container--adoption-process .half:nth-child(1n){margin-right:0;margin-left:0}.container--adoption-process .half:last-child{margin-right:0}.container--adoption-process .half:nth-child(2n){margin-right:0;margin-left:auto}.container--adoption-process .half:nth-of-type(1n){padding-right:40px}.container--adoption-process .half:last-of-type{padding-left:40px}@media (max-width: 768px){.container--adoption-process .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center;padding:40px}.container--adoption-process .half:nth-child(1n){margin-right:0;margin-left:0}.container--adoption-process .half:last-child{margin-right:0}.container--adoption-process .half:nth-child(1n){margin-right:0;margin-left:auto}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/AdoptionProcess/style.scss"],"names":[],"mappings":"AAAA,+CAA+C,oBAAoB,oBAAoB,YAAY,CAAC,2BAA2B,4GAA4G,4BAA4B,8BAA8B,kCAAkC,8BAA8B,0BAA0B,CAAC,CAAC,mCAAmC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,iDAAiD,eAAe,aAAa,CAAC,8CAA8C,cAAc,CAAC,iDAAiD,eAAe,gBAAgB,CAAC,0BAA0B,mCAAmC,iBAAiB,CAAC,CAAC,mCAAmC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,gBAAgB,CAAC,iDAAiD,eAAe,aAAa,CAAC,8CAA8C,cAAc,CAAC,iDAAiD,eAAe,gBAAgB,CAAC,mDAAmD,kBAAkB,CAAC,gDAAgD,iBAAiB,CAAC,0BAA0B,mCAAmC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,kBAAkB,YAAY,CAAC,iDAAiD,eAAe,aAAa,CAAC,8CAA8C,cAAc,CAAC,iDAAiD,eAAe,gBAAgB,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--adoption-process .splash--triptych{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 1024px){.container--adoption-process .splash--triptych#step-1,.container--adoption-process .splash--triptych#step-3{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse wrap;flex-flow:column-reverse wrap;display:-webkit-inline-box}}.container--adoption-process .full{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container--adoption-process .full:nth-child(1n){margin-right:0;margin-left:0}.container--adoption-process .full:last-child{margin-right:0}.container--adoption-process .full:nth-child(1n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--adoption-process .full{text-align:center}}.container--adoption-process .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding-top:40px}.container--adoption-process .half:nth-child(1n){margin-right:0;margin-left:0}.container--adoption-process .half:last-child{margin-right:0}.container--adoption-process .half:nth-child(2n){margin-right:0;margin-left:auto}.container--adoption-process .half:nth-of-type(1n){padding-right:40px}.container--adoption-process .half:last-of-type{padding-left:40px}@media (max-width: 768px){.container--adoption-process .half{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);text-align:center;padding:40px}.container--adoption-process .half:nth-child(1n){margin-right:0;margin-left:0}.container--adoption-process .half:last-child{margin-right:0}.container--adoption-process .half:nth-child(1n){margin-right:0;margin-left:auto}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _rcCollapse = __webpack_require__(35);

var _rcCollapse2 = _interopRequireDefault(_rcCollapse);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _utils = __webpack_require__(5);

__webpack_require__(469);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var FAQ = (_temp = _class = function (_React$Component) {
	_inherits(FAQ, _React$Component);

	function FAQ(props) {
		_classCallCheck(this, FAQ);

		var _this = _possibleConstructorReturn(this, (FAQ.__proto__ || Object.getPrototypeOf(FAQ)).call(this));

		_this.state = {
			questions: [],
			collapseActiveKey: [],
			heroProps: {
				heading: '',
				subheading: '',
				bgImgSrc: ''
			},
			transitionInComplete: false
		};
		_this.faqType = 'footer_faq';
		_this.generalFaqHeroContent = {
			heading: 'Annenberg PetSpace FAQs',
			subheading: '',
			bgImgSrc: '/static/assets/images/LIBRARY_OFFICE_2689.jpg'
		};

		_this.fetchPageContent = function () {
			var path = '/faqs';
			var params = {
				type: _this.faqType,
				page_size: 100
			};

			var faqRequest = (0, _utils.request)({ path: path, params: params });
			var requests = [faqRequest];

			Promise.all(requests).then(function (res) {
				var questions = res[0].data.map(_utils.flattenAPIData);
				var heroProps = res.length === 1 ? _this.generalFaqHeroContent : {
					heading: res[1].data.attributes.hero.headline,
					subheading: res[1].data.attributes.hero.copy,
					bgImgSrc: res[1].data.attributes.hero.image
				};

				_this.setState({
					questions: questions,
					heroProps: heroProps
				});
				setTimeout(function () {
					_this.setState({ transitionInComplete: true });
				}, 2048);
			}).catch(console.error);
		};

		_this.renderQuestion = function (question, index) {
			return _react2.default.createElement(
				_rcCollapse.Panel,
				{ className: 'copy-container--border', key: index, header: (0, _utils.widowTamer)(question.question) },
				_react2.default.createElement('p', { className: 'copy', dangerouslySetInnerHTML: { __html: question.answer } })
			);
		};

		if (props.location.pathname.startsWith('/adopt/resources')) {
			_this.faqType = 'adoption_faq';
			_this.generalFaqHeroContent.heading = 'Adoption FAQs';
		}
		return _this;
	}

	_createClass(FAQ, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			this.fetchPageContent();
		}
	}, {
		key: 'componentDidUpdate',
		value: function componentDidUpdate(prevProps) {
			if (this.props.location.pathname !== prevProps.location.pathname) {
				this.fetchPageContent();
			}
		}
	}, {
		key: 'onClickFAQCollapse',
		value: function onClickFAQCollapse(collapseActiveKey) {
			this.setState({
				collapseActiveKey: collapseActiveKey
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _this2 = this;

			var _state = this.state,
			    collapseActiveKey = _state.collapseActiveKey,
			    heroProps = _state.heroProps,
			    questions = _state.questions;
			var banner = this.props.banner;

			var containerCls = (0, _classnames2.default)('container', 'container--adoption-resources', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, heroProps),
				_react2.default.createElement(
					_rcCollapse2.default,
					{
						accordion: true,
						onChange: function onChange(index) {
							return _this2.onClickFAQCollapse(index);
						},
						activeKey: collapseActiveKey
					},
					questions.map(this.renderQuestion)
				)
			);
		}
	}]);

	return FAQ;
}(_react2.default.Component), _class.propTypes = {
	location: _react2.default.PropTypes.shape().isRequired,
	banner: _react2.default.PropTypes.shape()
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(FAQ);
var content = __webpack_require__(470);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--adoption-resources ul{list-style:disc outside none;list-style:initial;margin-left:20px}.container--adoption-resources .rc-collapse>.rc-collapse-item>.rc-collapse-header{width:calc(100% - 40px);height:auto;font-size:36px;font-family:\"Larsseit-Light\";line-height:48px;margin-left:0 !important}@media (max-width: 768px){.container--adoption-resources .rc-collapse>.rc-collapse-item>.rc-collapse-header{font-size:30px;line-height:42px}}@media (max-width: 667px){.container--adoption-resources .rc-collapse>.rc-collapse-item>.rc-collapse-header{font-size:24px;line-height:32px}}.container--adoption-resources .rc-collapse>.rc-collapse-item>.rc-collapse-header .arrow{right:-30px}.container--adoption-resources .copy-container--border{text-align:left;padding:40px;border-top:2px solid #f7f7f3;display:block}.container--adoption-resources .copy-container--border:first-child{border:0}.container--adoption-resources .copy-container--border .copy,.container--adoption-resources .copy-container--border p,.container--adoption-resources .copy-container--border li,.container--adoption-resources .copy-container--border table{padding-top:16px}.container--adoption-resources td{padding:10px}@media (max-width: 768px){.container--adoption-resources .banner--cta__image{display:none}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/FAQ/style.scss"],"names":[],"mappings":"AAAA,kCAAkC,6BAA6B,mBAAmB,gBAAgB,CAAC,kFAAkF,wBAAwB,YAAY,eAAe,6BAA6B,iBAAiB,wBAAwB,CAAC,0BAA0B,kFAAkF,eAAe,gBAAgB,CAAC,CAAC,0BAA0B,kFAAkF,eAAe,gBAAgB,CAAC,CAAC,yFAAyF,WAAW,CAAC,uDAAuD,gBAAgB,aAAa,6BAA6B,aAAa,CAAC,mEAAmE,QAAQ,CAAC,6OAA6O,gBAAgB,CAAC,kCAAkC,YAAY,CAAC,0BAA0B,mDAAmD,YAAY,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--adoption-resources ul{list-style:disc outside none;list-style:initial;margin-left:20px}.container--adoption-resources .rc-collapse>.rc-collapse-item>.rc-collapse-header{width:calc(100% - 40px);height:auto;font-size:36px;font-family:\"Larsseit-Light\";line-height:48px;margin-left:0 !important}@media (max-width: 768px){.container--adoption-resources .rc-collapse>.rc-collapse-item>.rc-collapse-header{font-size:30px;line-height:42px}}@media (max-width: 667px){.container--adoption-resources .rc-collapse>.rc-collapse-item>.rc-collapse-header{font-size:24px;line-height:32px}}.container--adoption-resources .rc-collapse>.rc-collapse-item>.rc-collapse-header .arrow{right:-30px}.container--adoption-resources .copy-container--border{text-align:left;padding:40px;border-top:2px solid #f7f7f3;display:block}.container--adoption-resources .copy-container--border:first-child{border:0}.container--adoption-resources .copy-container--border .copy,.container--adoption-resources .copy-container--border p,.container--adoption-resources .copy-container--border li,.container--adoption-resources .copy-container--border table{padding-top:16px}.container--adoption-resources td{padding:10px}@media (max-width: 768px){.container--adoption-resources .banner--cta__image{display:none}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _ShareIcons = __webpack_require__(192);

var _ShareIcons2 = _interopRequireDefault(_ShareIcons);

__webpack_require__(471);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function DetailPageHero(_ref) {
	var _ref$layout = _ref.layout,
	    layout = _ref$layout === undefined ? 'ltr' : _ref$layout,
	    title = _ref.title,
	    _ref$aslContents = _ref.aslContents,
	    aslContents = _ref$aslContents === undefined ? null : _ref$aslContents,
	    cta = _ref.cta,
	    _ref$ctaProps = _ref.ctaProps,
	    ctaProps = _ref$ctaProps === undefined ? {} : _ref$ctaProps,
	    imagePanelContents = _ref.imagePanelContents,
	    _ref$showSocialLinks = _ref.showSocialLinks,
	    showSocialLinks = _ref$showSocialLinks === undefined ? false : _ref$showSocialLinks;

	var containerCls = (0, _classnames2.default)('detail__hero', 'detail__hero--' + layout);

	return _react2.default.createElement(
		'div',
		{ className: containerCls },
		_react2.default.createElement(
			'div',
			{ className: 'detail__overview' },
			_react2.default.createElement(
				'div',
				{ className: 'detail__overview__wrapper' },
				_react2.default.createElement(
					'h2',
					{ className: 'heading heading--xl' },
					title
				),
				aslContents && _react2.default.createElement(
					'div',
					{ className: 'detail__asl' },
					aslContents
				),
				_react2.default.createElement(
					'div',
					{ className: 'detail__cta' },
					cta && cta,
					!cta && _react2.default.createElement(_Button2.default, ctaProps)
				),
				showSocialLinks && _react2.default.createElement(
					'div',
					{ className: 'share' },
					_react2.default.createElement(
						'p',
						{ className: 'copy copy--helper' },
						'Share on:'
					),
					_react2.default.createElement(_ShareIcons2.default, {
						text: title,
						gaAction: 'eventShare'
					})
				)
			)
		),
		_react2.default.createElement(
			'div',
			{ className: 'detail__image-container' },
			imagePanelContents
		)
	);
}

DetailPageHero.propTypes = {
	layout: _react.PropTypes.string,
	title: _react.PropTypes.string.isRequired,
	aslContents: _react.PropTypes.node,
	ctaProps: _react.PropTypes.shape({
		label: _react.PropTypes.string.isRequired,
		href: _react.PropTypes.string.isRequired,
		gaAction: _react.PropTypes.string.isRequired
	}),
	cta: _react.PropTypes.node,
	imagePanelContents: _react.PropTypes.node,
	showSocialLinks: _react.PropTypes.bool
};

exports.default = DetailPageHero;
var content = __webpack_require__(472);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".detail__hero{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:1024px}@media (max-width: 768px){.detail__hero{display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;display:-webkit-box}}.detail__hero--rtl{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (max-width: 768px){.detail__hero--rtl{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.detail__image-container{height:50vw;width:50vw;overflow:hidden;max-width:1024px;max-height:1024px}@media (max-width: 768px){.detail__image-container{width:100%;min-height:87.5vw}}.msie .detail__overview{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12)}.msie .detail__overview:nth-child(1n){margin-right:0;margin-left:0}.msie .detail__overview:last-child{margin-right:0}.msie .detail__overview:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.msie .detail__overview{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.msie .detail__overview:nth-child(1n){margin-right:0;margin-left:0}.msie .detail__overview:last-child{margin-right:0}.msie .detail__overview:nth-child(1n){margin-right:0;margin-left:auto}}.detail__overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50vw}@media (max-width: 768px){.detail__overview{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.detail__overview:nth-child(1n){margin-right:0;margin-left:0}.detail__overview:last-child{margin-right:0}.detail__overview:nth-child(1n){margin-right:0;margin-left:auto}}.detail__overview__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:end;align-content:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.detail__overview__wrapper .heading--xl{padding:10px 20px}@media (max-width: 768px){.detail__overview__wrapper{text-align:center;padding:60px 0}}.detail__overview .detail__cta{margin-bottom:60px}.detail__asl{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.detail__asl .detail-icons{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.detail__asl .detail-icons__item{padding:10px 20px}.detail__asl .detail-icons__item .icon--feature__icon{height:30px;width:30px;margin:auto;background-size:100%}.detail__asl .detail-icons__item .copy{font-size:16px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/DetailPageHero/style.scss"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,oBAAoB,aAAa,iBAAiB,CAAC,0BAA0B,cAAc,oBAAoB,aAAa,4BAA4B,8BAA8B,kCAAkC,8BAA8B,mBAAmB,CAAC,CAAC,mBAAmB,8BAA8B,8BAA8B,+BAA+B,0BAA0B,CAAC,0BAA0B,mBAAmB,4BAA4B,8BAA8B,kCAAkC,6BAA6B,CAAC,CAAC,yBAAyB,YAAY,WAAW,gBAAgB,iBAAiB,iBAAiB,CAAC,0BAA0B,yBAAyB,WAAW,iBAAiB,CAAC,CAAC,wBAAwB,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,sCAAsC,eAAe,aAAa,CAAC,mCAAmC,cAAc,CAAC,uCAAuC,eAAe,gBAAgB,CAAC,0BAA0B,wBAAwB,yBAAyB,0BAA0B,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,sCAAsC,eAAe,aAAa,CAAC,mCAAmC,cAAc,CAAC,sCAAsC,eAAe,gBAAgB,CAAC,CAAC,kBAAkB,oBAAoB,oBAAoB,aAAa,mBAAmB,kBAAkB,cAAc,4BAA4B,6BAA6B,0BAA0B,sBAAsB,UAAU,CAAC,0BAA0B,kBAAkB,yBAAyB,0BAA0B,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,gCAAgC,eAAe,aAAa,CAAC,6BAA6B,cAAc,CAAC,gCAAgC,eAAe,gBAAgB,CAAC,CAAC,2BAA2B,oBAAoB,oBAAoB,aAAa,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,mBAAmB,kBAAkB,cAAc,yBAAyB,sBAAsB,mBAAmB,kBAAkB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,uBAAuB,uBAAuB,wBAAwB,qBAAqB,sBAAsB,CAAC,wCAAwC,iBAAiB,CAAC,0BAA0B,2BAA2B,kBAAkB,cAAc,CAAC,CAAC,+BAA+B,kBAAkB,CAAC,aAAa,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,UAAU,CAAC,2BAA2B,cAAc,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,iCAAiC,iBAAiB,CAAC,sDAAsD,YAAY,WAAW,YAAY,oBAAoB,CAAC,uCAAuC,cAAc,CAAC","file":"style.scss","sourcesContent":[".detail__hero{display:-webkit-box;display:-ms-flexbox;display:flex;max-height:1024px}@media (max-width: 768px){.detail__hero{display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;display:-webkit-box}}.detail__hero--rtl{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (max-width: 768px){.detail__hero--rtl{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.detail__image-container{height:50vw;width:50vw;overflow:hidden;max-width:1024px;max-height:1024px}@media (max-width: 768px){.detail__image-container{width:100%;min-height:87.5vw}}.msie .detail__overview{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12)}.msie .detail__overview:nth-child(1n){margin-right:0;margin-left:0}.msie .detail__overview:last-child{margin-right:0}.msie .detail__overview:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.msie .detail__overview{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.msie .detail__overview:nth-child(1n){margin-right:0;margin-left:0}.msie .detail__overview:last-child{margin-right:0}.msie .detail__overview:nth-child(1n){margin-right:0;margin-left:auto}}.detail__overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:50vw}@media (max-width: 768px){.detail__overview{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.detail__overview:nth-child(1n){margin-right:0;margin-left:0}.detail__overview:last-child{margin-right:0}.detail__overview:nth-child(1n){margin-right:0;margin-left:auto}}.detail__overview__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:end;align-content:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.detail__overview__wrapper .heading--xl{padding:10px 20px}@media (max-width: 768px){.detail__overview__wrapper{text-align:center;padding:60px 0}}.detail__overview .detail__cta{margin-bottom:60px}.detail__asl{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;width:100%}.detail__asl .detail-icons{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.detail__asl .detail-icons__item{padding:10px 20px}.detail__asl .detail-icons__item .icon--feature__icon{height:30px;width:30px;margin:auto;background-size:100%}.detail__asl .detail-icons__item .copy{font-size:16px}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Carousel = __webpack_require__(93);

var _Carousel2 = _interopRequireDefault(_Carousel);

var _FeatureIconList = __webpack_require__(75);

var _FeatureIconList2 = _interopRequireDefault(_FeatureIconList);

var _CardListSection = __webpack_require__(130);

var _CardListSection2 = _interopRequireDefault(_CardListSection);

var _NotFound = __webpack_require__(53);

var _NotFound2 = _interopRequireDefault(_NotFound);

var _PetStatus = __webpack_require__(209);

var _PetStatus2 = _interopRequireDefault(_PetStatus);

var _DetailPageHero = __webpack_require__(203);

var _DetailPageHero2 = _interopRequireDefault(_DetailPageHero);

var _utils = __webpack_require__(5);

var _pets = __webpack_require__(196);

var actionCreators = _interopRequireWildcard(_pets);

var _constants = __webpack_require__(11);

__webpack_require__(473);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var PetDetail = (_temp2 = _class = function (_React$Component) {
	_inherits(PetDetail, _React$Component);

	function PetDetail() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, PetDetail);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = PetDetail.__proto__ || Object.getPrototypeOf(PetDetail)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false
		}, _this.getCloudinaryStem = function (filename) {
			var lastSlashPos = filename.lastIndexOf('/') + 1;
			var lastUnderscorePos = filename.lastIndexOf('_');
			return filename.substring(lastSlashPos, lastUnderscorePos);
		}, _this.isAdoptable = function () {
			var status = _this.props.pet.get('status');
			return status !== 'adopted_published' && status !== 'adopted';
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(PetDetail, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var _props$actions = this.props.actions,
			    petInit = _props$actions.petInit,
			    fetchPetData = _props$actions.fetchPetData;
			var petId = this.props.params.petId;


			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			petInit();
			fetchPetData(petId);
		}
	}, {
		key: 'render',
		value: function render() {
			var _this3 = this;

			var _props = this.props,
			    isFetching = _props.isFetching,
			    banner = _props.banner;

			var pet = this.props.pet.toJS();

			if (isFetching) {
				return _react2.default.createElement(
					'div',
					null,
					'Loading Pet'
				);
			} else if (!isFetching && _lodash2.default.keys(pet).length === 0) {
				return _react2.default.createElement(_NotFound2.default, { location: this.props.location });
			}

			var id = pet.id,
			    status = pet.status,
			    traits = pet.traits,
			    description = pet.description,
			    age = pet.age,
			    sex = pet.sex,
			    coverPhotoImage = pet.coverPhotoImage,
			    currentWeightPounds = pet.currentWeightPounds,
			    name = pet.name,
			    relatedPets = pet.relatedPets,
			    relatedEvents = pet.relatedEvents,
			    article = pet.article;

			// Let's replace the low res first photo with the high res cover photo

			var photos = pet.photos.map(function (p) {
				return { media: p.image };
			});
			_lodash2.default.remove(photos, function (_ref2) {
				var photo = _ref2.media;

				var coverPhotoStem = _this3.getCloudinaryStem(coverPhotoImage);
				var petPhotoStem = _this3.getCloudinaryStem(photo);
				return petPhotoStem === coverPhotoStem;
			});
			photos.unshift({ media: coverPhotoImage });
			var videos = pet.videos.map(function (_ref3) {
				var src = _ref3.videoId;
				return { media: { poster: 'https://img.youtube.com/vi/' + src + '/0.jpg', src: src } };
			});
			var items = [].concat(_toConsumableArray(photos), _toConsumableArray(videos));

			var attributes = traits ? traits.filter(function (t) {
				return _lodash2.default.includes(_constants.SUPPORTED_SHELTERLUV_ATTRIBUTES, t.name.toLowerCase().trim());
			}).map(function (t) {
				return Object.assign({}, { label: (0, _utils.toTitleCase)(t.name), icon: (0, _utils.slugify)(t.name) });
			}) : [];

			var ageLabel = age ? (0, _utils.ageRounder)(age) : '';

			//	TODO: use redux-breakpoints to recalculate this on resize
			var attributeIconStyle = {
				width: 1 / Math.min(attributes.length, 10) * 100 + '%'
			};

			var containerCls = (0, _classnames2.default)('container', 'container--petdetail', 'pet-detail', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			var icons = [{ label: ageLabel, icon: 'age' }, { label: sex, icon: sex }];

			var nbsp = String.fromCharCode(160);
			if (currentWeightPounds && currentWeightPounds > 0) {
				icons.push({ label: '' + parseInt(currentWeightPounds, 10) + nbsp + 'lbs', icon: 'weight' });
			}
			var successStory = article.length > 0 ? article[0].id : null;
			var isAdoptable = this.isAdoptable();
			// const adoptedPEt = article.length > 0 ? article[0].id : null;
			var ctaProps = void 0;
			if (successStory) {
				ctaProps = {
					label: 'Read Their Success Story',
					href: '/adopt/success/' + successStory,
					gaAction: 'PetDetail_SuccessStoryClick'
				};
			} else if (isAdoptable) {
				ctaProps = {
					label: 'How to Adopt',
					href: '/adopt/process',
					gaAction: 'PetDetail_LearnMoreClick'
				};
			} else {
				ctaProps = {
					label: 'Find Another Pet',
					href: '/adopt',
					gaAction: 'PetDetail_FindAnotherClick'
				};
			}

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_DetailPageHero2.default, {
					ctaProps: ctaProps,
					id: id,
					title: name,
					aslContents: _react2.default.createElement(_FeatureIconList2.default, {
						content: icons,
						containerCls: 'detail-icons',
						iconCls: 'detail-icons__item',
						iconStyle: { width: 1 / icons.length * 100 + '%' }
					}),
					imagePanelContents: _react2.default.createElement(
						'span',
						null,
						_react2.default.createElement(_PetStatus2.default, { status: status }),
						_react2.default.createElement(_Carousel2.default, {
							items: items,
							status: status,
							squareLayout: true
						})
					)
				}),
				attributes && attributes.length > 0 && _react2.default.createElement(
					'section',
					{ className: 'pet-detail__attributes' },
					_react2.default.createElement(_FeatureIconList2.default, {
						content: attributes,
						iconCls: 'flex-row__item',
						iconStyle: attributeIconStyle
					})
				),
				description && description.length > 0 && _react2.default.createElement(
					'section',
					{ className: 'pet-detail__body' },
					_react2.default.createElement(
						'div',
						{ className: 'pet-detail__copy' },
						_react2.default.createElement(
							'h3',
							{ className: 'heading heading--md' },
							(0, _utils.widowTamer)(description)
						)
					)
				),
				_react2.default.createElement(
					'section',
					{ className: 'petlist' },
					_react2.default.createElement(_CardListSection2.default, {
						type: 'pet',
						heading: 'More Pets to Love',
						copy: 'Meet a few more pets that match your recent search.',
						items: relatedPets,
						ctaLabel: 'View all Pets',
						ctaLink: '/adopt',
						mapDataToProps: function mapDataToProps(pet) {
							var cardProps = (0, _utils.petDataCard)(pet);
							cardProps.fullDetails = true;
							return cardProps;
						}
					})
				),
				_react2.default.createElement(_CardListSection2.default, {
					type: 'event',
					heading: 'Related Classes & Events',
					copy: 'Interested in attending our upcoming events?',
					items: relatedEvents,
					ctaLabel: 'View all Events',
					ctaLink: '/events',
					mapDataToProps: _utils.eventDataCard
				})
			);
		}
	}]);

	return PetDetail;
}(_react2.default.Component), _class.propTypes = {
	params: _react2.default.PropTypes.shape().isRequired,
	pet: _react2.default.PropTypes.shape().isRequired,
	isFetching: _react2.default.PropTypes.bool.isRequired,
	actions: _react2.default.PropTypes.shape({
		petInit: _react2.default.PropTypes.func.isRequired,
		fetchPetData: _react2.default.PropTypes.func.isRequired
	}).isRequired,
	location: _react2.default.PropTypes.shape(),
	banner: _react2.default.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		pet: state.pets.get('pet'),
		isFetching: state.pets.get('isFetching'),
		banner: state.nav.get('banner')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(PetDetail);
var content = __webpack_require__(474);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container.container--petdetail{padding-bottom:0}.pet-detail__attributes{margin-top:0;background-color:#f7f7f3}.pet-detail__attributes .icon-container--features{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;min-height:200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pet-detail__attributes .icon-container--features .icon--feature{margin:0 auto;padding:10px}.pet-detail__body{display:flex;flex-flow:row wrap;max-width:66.6%;margin-left:auto;margin-right:auto;margin-top:60px;margin-bottom:60px}@media (max-width: 667px){.pet-detail__body{display:flex;flex-flow:row wrap;max-width:91.66%;margin-left:auto;margin-right:auto}.pet-detail__body .heading--md{font-size:20px;font-family:\"Larsseit\";line-height:30px}}.pet-detail__tag .button--tag{font-size:14px;margin:10px;background-color:#9b9b9b}@media (max-width: 768px){.pet-detail__tag .button--tag{width:90%}}.pet-detail__tag:first-child .button--tag{margin:10px 10px 10px 0}@media (max-width: 768px){.pet-detail__tag:first-child .button--tag{margin:10px}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/PetDetail/style.scss"],"names":[],"mappings":"AAAA,gCAAgC,gBAAgB,CAAC,wBAAwB,aAAa,wBAAwB,CAAC,kDAAkD,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,iBAAiB,yBAAyB,sBAAsB,kBAAkB,CAAC,iEAAiE,cAAc,YAAY,CAAC,kBAAkB,aAAa,mBAAmB,gBAAgB,iBAAiB,kBAAkB,gBAAgB,kBAAkB,CAAC,0BAA0B,kBAAkB,aAAa,mBAAmB,iBAAiB,iBAAiB,iBAAiB,CAAC,+BAA+B,eAAe,uBAAuB,gBAAgB,CAAC,CAAC,8BAA8B,eAAe,YAAY,wBAAwB,CAAC,0BAA0B,8BAA8B,SAAS,CAAC,CAAC,0CAA0C,uBAAuB,CAAC,0BAA0B,0CAA0C,WAAW,CAAC,CAAC","file":"style.scss","sourcesContent":[".container.container--petdetail{padding-bottom:0}.pet-detail__attributes{margin-top:0;background-color:#f7f7f3}.pet-detail__attributes .icon-container--features{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;min-height:200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pet-detail__attributes .icon-container--features .icon--feature{margin:0 auto;padding:10px}.pet-detail__body{display:flex;flex-flow:row wrap;max-width:66.6%;margin-left:auto;margin-right:auto;margin-top:60px;margin-bottom:60px}@media (max-width: 667px){.pet-detail__body{display:flex;flex-flow:row wrap;max-width:91.66%;margin-left:auto;margin-right:auto}.pet-detail__body .heading--md{font-size:20px;font-family:\"Larsseit\";line-height:30px}}.pet-detail__tag .button--tag{font-size:14px;margin:10px;background-color:#9b9b9b}@media (max-width: 768px){.pet-detail__tag .button--tag{width:90%}}.pet-detail__tag:first-child .button--tag{margin:10px 10px 10px 0}@media (max-width: 768px){.pet-detail__tag:first-child .button--tag{margin:10px}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRedux = __webpack_require__(6);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _utils = __webpack_require__(5);

__webpack_require__(475);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var PrivacyView = function (_React$Component) {
	_inherits(PrivacyView, _React$Component);

	function PrivacyView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, PrivacyView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = PrivacyView.__proto__ || Object.getPrototypeOf(PrivacyView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			initialized: false,
			hero: {},
			pageContent: {},
			years: []
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(PrivacyView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			(0, _utils.request)({
				path: '/pages/financial-info'
			}).then(function (pageData) {
				var _pageData$data$attrib = pageData.data.attributes,
				    hero = _pageData$data$attrib.hero,
				    content = _pageData$data$attrib.content;

				var years = (0, _utils.getUniqueValuesOfKey)(content, 'year').sort().reverse();
				_this2.setState({
					initialized: true,
					hero: hero,
					pageContent: content,
					years: years
				});
			}).catch(function (err) {
				console.error(err);
			});
		}
	}, {
		key: 'renderFinancialYear',
		value: function renderFinancialYear(year) {
			var pageContent = this.state.pageContent;

			var yearStatements = pageContent.filter(function (statment) {
				return statment.year === year;
			});
			return _react2.default.createElement(
				'ul',
				{ className: 'financials-year' },
				_react2.default.createElement(
					'h4',
					{ className: 'heading heading--md' },
					year
				),
				yearStatements.map(function (statement) {
					return _react2.default.createElement(
						'li',
						null,
						_react2.default.createElement(
							'a',
							{ href: statement.pdf, target: '_blank', rel: 'noopener noreferrer' },
							statement.label
						)
					);
				})
			);
		}
	}, {
		key: 'render',
		value: function render() {
			var _this3 = this;

			if (!this.state.initialized) {
				return null;
			}
			var containerCls = (0, _classnames2.default)('container', 'container--financials', {
				'container-transition-appear': !this.state.transitionInComplete
			});
			var _state = this.state,
			    hero = _state.hero,
			    years = _state.years;


			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					showBgImage: false
				}),
				_react2.default.createElement(
					'section',
					{ className: 'splash' },
					_react2.default.createElement(
						'div',
						{ className: 'financials-year__container' },
						_react2.default.createElement(
							'h3',
							{ className: 'heading heading--lg financials-year__title' },
							'Financial Reports and Tax Filings'
						),
						years.map(function (year) {
							return _this3.renderFinancialYear(year);
						})
					)
				),
				_react2.default.createElement(
					'section',
					{ className: 'splash' },
					_react2.default.createElement(
						'div',
						{ className: 'financials-year__container' },
						_react2.default.createElement(
							'h4',
							{ className: 'heading heading--lg financials-year__title' },
							'Haven\u2019t found what you are looking for?'
						),
						_react2.default.createElement(
							'a',
							{ href: 'mailto:info@annenbergpetspace.org', target: '_blank', rel: 'noopener noreferrer' },
							'Email us'
						)
					)
				)
			);
		}
	}]);

	return PrivacyView;
}(_react2.default.Component);

var mapStateToProps = function mapStateToProps(state) {
	return {
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(PrivacyView);
var content = __webpack_require__(476);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--financials{padding-bottom:60px;margin-bottom:60px}.container--financials .hero{margin-bottom:60px;background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.container--financials .hero__underlay{display:none}.container--financials .splash:last-of-type .financials-year__container{border-top:solid 3px #f7f7f3;text-align:center}.container--financials .splash:last-of-type .financials-year__container a{text-align:center;margin:auto}.container--financials .financials-year{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);-ms-flex-preferred-size:50%;flex-basis:50%;margin-bottom:60px;padding:0}.container--financials .financials-year:nth-child(1n){margin-right:0;margin-left:0}.container--financials .financials-year:last-child{margin-right:0}.container--financials .financials-year:nth-child(2n){margin-right:0;margin-left:auto}.container--financials .financials-year__title{width:100%}.container--financials .financials-year__container{padding-top:100px;margin-bottom:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;display:flex;flex-flow:row wrap;max-width:60%;margin-left:auto;margin-right:auto}@media (max-width: 768px){.container--financials .financials-year__container{padding-top:40px;margin-bottom:40px}}@media (max-width: 1279px){.container--financials .financials-year__container{display:flex;flex-flow:row wrap;max-width:83.33%;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.container--financials .financials-year{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.container--financials .financials-year:nth-child(1n){margin-right:0;margin-left:0}.container--financials .financials-year:last-child{margin-right:0}.container--financials .financials-year:nth-child(1n){margin-right:0;margin-left:auto}}.container--financials .heading--lg{font-size:36px;line-height:48px;letter-spacing:2px;margin-bottom:20px}@media (max-width: 1279px){.container--financials .heading--lg{font-size:24px;line-height:32px;letter-spacing:1.67px}}.container--financials .heading--md{font-size:30px;line-height:42px;font-family:\"Larsseit-Medium\"}@media (max-width: 1279px){.container--financials .heading--md{font-size:20px;line-height:32px}}.container--financials li{list-style:none;margin:0;padding:0}.container--financials .copy-container{max-width:80%}@media (max-width: 768px){.container--financials .copy-container{max-width:900px}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Financials/style.scss"],"names":[],"mappings":"AAAA,uBAAuB,oBAAoB,kBAAkB,CAAC,6BAA6B,mBAAmB,mGAAmG,CAAC,uCAAuC,YAAY,CAAC,wEAAwE,6BAA6B,iBAAiB,CAAC,0EAA0E,kBAAkB,WAAW,CAAC,wCAAwC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,4BAA4B,eAAe,mBAAmB,SAAS,CAAC,sDAAsD,eAAe,aAAa,CAAC,mDAAmD,cAAc,CAAC,sDAAsD,eAAe,gBAAgB,CAAC,+CAA+C,UAAU,CAAC,mDAAmD,kBAAkB,oBAAoB,oBAAoB,oBAAoB,aAAa,mBAAmB,eAAe,aAAa,mBAAmB,cAAc,iBAAiB,iBAAiB,CAAC,0BAA0B,mDAAmD,iBAAiB,kBAAkB,CAAC,CAAC,2BAA2B,mDAAmD,aAAa,mBAAmB,iBAAiB,iBAAiB,iBAAiB,CAAC,CAAC,0BAA0B,wCAAwC,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,sDAAsD,eAAe,aAAa,CAAC,mDAAmD,cAAc,CAAC,sDAAsD,eAAe,gBAAgB,CAAC,CAAC,oCAAoC,eAAe,iBAAiB,mBAAmB,kBAAkB,CAAC,2BAA2B,oCAAoC,eAAe,iBAAiB,qBAAqB,CAAC,CAAC,oCAAoC,eAAe,iBAAiB,6BAA6B,CAAC,2BAA2B,oCAAoC,eAAe,gBAAgB,CAAC,CAAC,0BAA0B,gBAAgB,SAAS,SAAS,CAAC,uCAAuC,aAAa,CAAC,0BAA0B,uCAAuC,eAAe,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--financials{padding-bottom:60px;margin-bottom:60px}.container--financials .hero{margin-bottom:60px;background:linear-gradient(220deg, #00a4ee 0%, #1593f6 43%, #1593f6 43%, #1e8cf9 59%, #337cff 100%)}.container--financials .hero__underlay{display:none}.container--financials .splash:last-of-type .financials-year__container{border-top:solid 3px #f7f7f3;text-align:center}.container--financials .splash:last-of-type .financials-year__container a{text-align:center;margin:auto}.container--financials .financials-year{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);-ms-flex-preferred-size:50%;flex-basis:50%;margin-bottom:60px;padding:0}.container--financials .financials-year:nth-child(1n){margin-right:0;margin-left:0}.container--financials .financials-year:last-child{margin-right:0}.container--financials .financials-year:nth-child(2n){margin-right:0;margin-left:auto}.container--financials .financials-year__title{width:100%}.container--financials .financials-year__container{padding-top:100px;margin-bottom:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;display:flex;flex-flow:row wrap;max-width:60%;margin-left:auto;margin-right:auto}@media (max-width: 768px){.container--financials .financials-year__container{padding-top:40px;margin-bottom:40px}}@media (max-width: 1279px){.container--financials .financials-year__container{display:flex;flex-flow:row wrap;max-width:83.33%;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.container--financials .financials-year{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.container--financials .financials-year:nth-child(1n){margin-right:0;margin-left:0}.container--financials .financials-year:last-child{margin-right:0}.container--financials .financials-year:nth-child(1n){margin-right:0;margin-left:auto}}.container--financials .heading--lg{font-size:36px;line-height:48px;letter-spacing:2px;margin-bottom:20px}@media (max-width: 1279px){.container--financials .heading--lg{font-size:24px;line-height:32px;letter-spacing:1.67px}}.container--financials .heading--md{font-size:30px;line-height:42px;font-family:\"Larsseit-Medium\"}@media (max-width: 1279px){.container--financials .heading--md{font-size:20px;line-height:32px}}.container--financials li{list-style:none;margin:0;padding:0}.container--financials .copy-container{max-width:80%}@media (max-width: 768px){.container--financials .copy-container{max-width:900px}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _redux = __webpack_require__(15);

var _reactRouter = __webpack_require__(19);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ContentBlock = __webpack_require__(21);

var _ContentBlock2 = _interopRequireDefault(_ContentBlock);

var _fellows = __webpack_require__(197);

var actionCreators = _interopRequireWildcard(_fellows);

var _utils = __webpack_require__(5);

__webpack_require__(477);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var LeadershipView = (_temp2 = _class = function (_Component) {
	_inherits(LeadershipView, _Component);

	function LeadershipView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, LeadershipView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = LeadershipView.__proto__ || Object.getPrototypeOf(LeadershipView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			selectedYear: false
		}, _this.renderFellow = function (_ref2) {
			var id = _ref2.id,
			    firstName = _ref2.firstName,
			    lastName = _ref2.lastName,
			    image = _ref2.image,
			    institution = _ref2.institution;

			var pictureLabel = 'Dr. ' + firstName + ' ' + lastName + ' profile picture, ' + institution;
			return _react2.default.createElement(
				'figure',
				{ className: 'fellow' },
				_react2.default.createElement('div', {
					className: 'fellow__image', style: {
						backgroundImage: 'url(' + (0, _utils.imgTransform)(image, { w: 240 }) + ')'
					}, role: 'figure', tabIndex: '0', 'aria-label': pictureLabel
				}),
				_react2.default.createElement(
					'h2',
					{ className: 'heading heading--sm' },
					'Dr. ',
					firstName,
					' ',
					lastName
				),
				_react2.default.createElement(
					'p',
					{ className: 'copy' },
					institution,
					_react2.default.createElement('br', null),
					_react2.default.createElement(
						_reactRouter.Link,
						{ to: '/leadership/' + id, className: 'link' },
						'Read bio'
					)
				)
			);
		}, _this.renderButton = function (year, index) {
			var selectedYear = _this.state.selectedYear;

			var cls = (0, _classnames2.default)('underline-link selector-bar--button', {
				active: year === selectedYear || selectedYear === false && index === 0
			});

			return _react2.default.createElement(
				'button',
				{
					key: 'year-' + index + '-button',
					className: cls,
					onClick: function onClick() {
						return _this.setState({ selectedYear: year });
					},
					'aria-label': year
				},
				'Class of ' + year
			);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(LeadershipView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			this.props.actions.fetchFellows();

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
		}
	}, {
		key: 'render',
		value: function render() {
			var _this3 = this;

			var _props = this.props,
			    banner = _props.banner,
			    fetching = _props.fetching,
			    hero = _props.hero,
			    fellowsList = _props.fellowsList,
			    fellowsYears = _props.fellowsYears,
			    contentSections = _props.contentSections;
			var selectedYear = this.state.selectedYear;

			var containerCls = (0, _classnames2.default)('container', 'container--leadership', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			if (fetching) {
				return _react2.default.createElement('div', { className: 'container container--leadership' });
			}

			if (selectedYear === false && fellowsYears.length > 0) {
				selectedYear = fellowsYears[0];
			}

			var selectedFellows = fellowsList.get('' + selectedYear, []);

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				contentSections.map(function (section) {
					return _react2.default.createElement(_ContentBlock2.default, _extends({ key: section.id }, section));
				}),
				_react2.default.createElement(
					'div',
					{ className: 'leadership-fellows-container' },
					_react2.default.createElement(
						'div',
						{ className: 'leadership-fellows-container__selector-container' },
						_react2.default.createElement(
							'div',
							{ className: 'selector-bar' },
							fellowsYears.map(function (year, index) {
								return _this3.renderButton(year, index);
							})
						)
					),
					selectedFellows.map(this.renderFellow)
				)
			);
		}
	}]);

	return LeadershipView;
}(_react.Component), _class.propTypes = {
	actions: _react.PropTypes.shape({
		fetchFellows: _react.PropTypes.func
	}),
	hero: _react.PropTypes.shape({}),
	fellowsList: _react.PropTypes.arrayOf(_react.PropTypes.shape({})),
	fellowsYears: _react.PropTypes.arrayOf(_react.PropTypes.number),
	contentSections: _react.PropTypes.arrayOf(_react.PropTypes.shape({})),
	fetching: _react.PropTypes.bool,
	banner: _react2.default.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(_ref3) {
	var nav = _ref3.nav,
	    fellows = _ref3.fellows;
	return {
		banner: nav.get('banner'),
		fetching: fellows.get('fetching'),
		hero: fellows.get('hero'),
		fellowsList: fellows.get('fellowsList'),
		fellowsYears: fellows.get('fellowsYears'),
		contentSections: fellows.get('contentSections')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LeadershipView);

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.fellowsLoading = fellowsLoading;
exports.fellowsLoaded = fellowsLoaded;
exports.fetchFellows = fetchFellows;
exports.fetchFellow = fetchFellow;

var _find = __webpack_require__(94);

var _find2 = _interopRequireDefault(_find);

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function fellowsLoading() {
	return {
		type: _constants.FELLOWS_LOADING
	};
}

function fellowsLoaded(_ref) {
	var data = _objectWithoutProperties(_ref, []);

	return {
		type: _constants.FELLOWS_LOADED,
		payload: {
			data: data
		}
	};
}

function fellowLoading() {
	return {
		type: _constants.FELLOW_LOADING
	};
}

function fellowLoaded(data) {
	return {
		type: _constants.FELLOW_LOADED,
		payload: {
			data: data
		}
	};
}

function fellowNotFound() {
	return {
		type: _constants.FELLOW_NOT_FOUND
	};
}

function fetchFellows() {
	return function (dispatch) {
		dispatch(fellowsLoading());

		return (0, _utils.request)({ path: '/pages/leadership' }).then(function (_ref2) {
			var data = _ref2.data;
			var attributes = data.attributes;
			var hero = attributes.hero,
			    content = attributes.content;


			var contentSections = content.filter(function (item) {
				return !item.hasOwnProperty('fellows');
			}); //	eslint-disable-line no-prototype-builtins
			var fellows = (0, _find2.default)(content, function (item) {
				return item.hasOwnProperty('fellows');
			}).fellows; //	eslint-disable-line no-prototype-builtins

			dispatch(fellowsLoaded({
				hero: hero,
				contentSections: contentSections,
				fellows: fellows
			}));
		}).catch(function (err) {
			throw new Error(err);
		});
	};
}

function fetchFellow(slug) {
	return function (dispatch) {
		dispatch(fellowLoading());

		var id = slug.split('-')[0];

		return (0, _utils.request)({ path: '/fellows/' + id }).then(function (_ref3) {
			var data = _ref3.data;

			var fellow = (0, _utils.flattenAPIData)(data);
			dispatch(fellowLoaded(fellow));
		}).catch(function (err) {
			if (err && typeof err.response !== 'undefined') {
				var status = err.response.status;

				if (status === 404) {
					dispatch(fellowNotFound());
				} else {
					throw new Error(err);
				}
			} else {
				throw new Error(err);
			}
		});
	};
}
var content = __webpack_require__(478);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--leadership{padding-bottom:60px;margin-bottom:60px}.container--leadership .hero{margin-bottom:60px}.container--leadership .splash .cta{margin-top:0;margin-bottom:0}.container--leadership .video-container{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;margin:60px 0}.container--leadership .leadership-fellows-container{display:-webkit-box;display:-ms-flexbox;display:flex;display:flex;flex-flow:row wrap;max-width:calc(100% * 9/12);margin-left:auto;margin-right:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.container--leadership .leadership-fellows-container__selector-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);padding:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333}.container--leadership .leadership-fellows-container__selector-container:nth-child(1n){margin-right:0;margin-left:0}.container--leadership .leadership-fellows-container__selector-container:last-child{margin-right:0}.container--leadership .leadership-fellows-container__selector-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--leadership .leadership-fellows-container__selector-container{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 667px){.container--leadership .leadership-fellows-container__selector-container{background-color:#fff;padding:0}}.container--leadership .selector-bar{color:#333;z-index:2}.container--leadership .selector-bar--button::before{-webkit-transform:scaleX(0);transform:scaleX(0)}.container--leadership .selector-bar--button:not(:nth-child(1)){margin-left:40px}@media (max-width: 667px){.container--leadership .selector-bar--button:not(:nth-child(1)){margin-left:20px}}.container--leadership .fellow{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0}.container--leadership .fellow:nth-child(1n){margin-right:0;margin-left:0}.container--leadership .fellow:last-child{margin-right:0}.container--leadership .fellow:nth-child(3n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--leadership .fellow{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.container--leadership .fellow:nth-child(1n){margin-right:0;margin-left:0}.container--leadership .fellow:last-child{margin-right:0}.container--leadership .fellow:nth-child(2n){margin-right:0;margin-left:auto}}@media (max-width: 768px){.container--leadership .fellow{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.container--leadership .fellow:nth-child(1n){margin-right:0;margin-left:0}.container--leadership .fellow:last-child{margin-right:0}.container--leadership .fellow:nth-child(1n){margin-right:0;margin-left:auto}}.container--leadership .fellow__image{width:240px;height:320px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.container--leadership .fellow .copy{text-align:center}.container--leadership .fellow .heading{text-align:center;padding-top:20px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Leadership/style.scss"],"names":[],"mappings":"AAAA,uBAAuB,oBAAoB,kBAAkB,CAAC,6BAA6B,kBAAkB,CAAC,oCAAoC,aAAa,eAAe,CAAC,wCAAwC,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,aAAa,CAAC,qDAAqD,oBAAoB,oBAAoB,aAAa,aAAa,mBAAmB,4BAA4B,iBAAiB,kBAAkB,8BAA8B,6BAA6B,uBAAuB,mBAAmB,mBAAmB,cAAc,CAAC,yEAAyE,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,eAAe,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,wBAAwB,qBAAqB,uBAAuB,yBAAyB,sBAAsB,mBAAmB,UAAU,CAAC,uFAAuF,eAAe,aAAa,CAAC,oFAAoF,cAAc,CAAC,wFAAwF,eAAe,gBAAgB,CAAC,2BAA2B,yEAAyE,mBAAmB,cAAc,CAAC,CAAC,0BAA0B,yEAAyE,sBAAsB,SAAS,CAAC,CAAC,qCAAqC,WAAW,SAAS,CAAC,qDAAqD,4BAA4B,mBAAmB,CAAC,gEAAgE,gBAAgB,CAAC,0BAA0B,gEAAgE,gBAAgB,CAAC,CAAC,+BAA+B,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,oBAAoB,oBAAoB,aAAa,uBAAuB,oBAAoB,2BAA2B,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,mBAAmB,cAAc,CAAC,6CAA6C,eAAe,aAAa,CAAC,0CAA0C,cAAc,CAAC,6CAA6C,eAAe,gBAAgB,CAAC,2BAA2B,+BAA+B,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,6CAA6C,eAAe,aAAa,CAAC,0CAA0C,cAAc,CAAC,6CAA6C,eAAe,gBAAgB,CAAC,CAAC,0BAA0B,+BAA+B,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,6CAA6C,eAAe,aAAa,CAAC,0CAA0C,cAAc,CAAC,6CAA6C,eAAe,gBAAgB,CAAC,CAAC,sCAAsC,YAAY,aAAa,sBAAsB,4BAA4B,2BAA2B,CAAC,qCAAqC,iBAAiB,CAAC,wCAAwC,kBAAkB,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".container--leadership{padding-bottom:60px;margin-bottom:60px}.container--leadership .hero{margin-bottom:60px}.container--leadership .splash .cta{margin-top:0;margin-bottom:0}.container--leadership .video-container{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;margin:60px 0}.container--leadership .leadership-fellows-container{display:-webkit-box;display:-ms-flexbox;display:flex;display:flex;flex-flow:row wrap;max-width:calc(100% * 9/12);margin-left:auto;margin-right:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.container--leadership .leadership-fellows-container__selector-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);padding:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#333}.container--leadership .leadership-fellows-container__selector-container:nth-child(1n){margin-right:0;margin-left:0}.container--leadership .leadership-fellows-container__selector-container:last-child{margin-right:0}.container--leadership .leadership-fellows-container__selector-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--leadership .leadership-fellows-container__selector-container{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 667px){.container--leadership .leadership-fellows-container__selector-container{background-color:#fff;padding:0}}.container--leadership .selector-bar{color:#333;z-index:2}.container--leadership .selector-bar--button::before{-webkit-transform:scaleX(0);transform:scaleX(0)}.container--leadership .selector-bar--button:not(:nth-child(1)){margin-left:40px}@media (max-width: 667px){.container--leadership .selector-bar--button:not(:nth-child(1)){margin-left:20px}}.container--leadership .fellow{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 0}.container--leadership .fellow:nth-child(1n){margin-right:0;margin-left:0}.container--leadership .fellow:last-child{margin-right:0}.container--leadership .fellow:nth-child(3n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--leadership .fellow{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.container--leadership .fellow:nth-child(1n){margin-right:0;margin-left:0}.container--leadership .fellow:last-child{margin-right:0}.container--leadership .fellow:nth-child(2n){margin-right:0;margin-left:auto}}@media (max-width: 768px){.container--leadership .fellow{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.container--leadership .fellow:nth-child(1n){margin-right:0;margin-left:0}.container--leadership .fellow:last-child{margin-right:0}.container--leadership .fellow:nth-child(1n){margin-right:0;margin-left:auto}}.container--leadership .fellow__image{width:240px;height:320px;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.container--leadership .fellow .copy{text-align:center}.container--leadership .fellow .heading{text-align:center;padding-top:20px}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _articles = __webpack_require__(72);

var actionCreators = _interopRequireWildcard(_articles);

var _utils = __webpack_require__(5);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _HorizontalCard = __webpack_require__(73);

var _HorizontalCard2 = _interopRequireDefault(_HorizontalCard);

__webpack_require__(479);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var fallbackImg = __webpack_require__(92);

var ResearchList = (_temp2 = _class = function (_React$Component) {
	_inherits(ResearchList, _React$Component);

	function ResearchList() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, ResearchList);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ResearchList.__proto__ || Object.getPrototypeOf(ResearchList)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			articles: [],
			transitionInComplete: false
		}, _this.loadMore = function () {
			var _this$props = _this.props,
			    next = _this$props.next,
			    actions = _this$props.actions;
			var fetchArticleListWithFilters = actions.fetchArticleListWithFilters;

			fetchArticleListWithFilters('articles', {
				type: 'research',
				page: next
			}, true);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(ResearchList, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _props$actions = this.props.actions,
			    articleListInit = _props$actions.articleListInit,
			    fetchArticleList = _props$actions.fetchArticleList;


			articleListInit();
			fetchArticleList('leadership-research');
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    banner = _props.banner,
			    hero = _props.hero,
			    next = _props.next,
			    articleList = _props.articleList;


			var containerCls = (0, _classnames2.default)('container', 'container--research', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.get('headline'),
					subheading: hero.get('subheading'),
					bgImgSrc: hero.get('image')
				}),
				_react2.default.createElement(
					'div',
					{ className: 'article-list' },
					articleList.map(function (_ref2) {
						var id = _ref2.id,
						    title = _ref2.title,
						    blurb = _ref2.blurb,
						    coverPhoto = _ref2.coverPhoto,
						    pubdate = _ref2.pubdate,
						    author = _ref2.author,
						    readTime = _ref2.readTime;
						return _react2.default.createElement(_HorizontalCard2.default, {
							layout: 'rtl',
							id: id,
							title: title,
							description: blurb,
							href: '/about/blog/' + id,
							cta: 'Read More',
							imgSrc: coverPhoto || fallbackImg,
							subheading: (0, _utils.articleSubheading)({ pubdate: pubdate, author: author, readTime: readTime }),
							subheadingStyle: 'bottom'
						});
					})
				),
				next && _react2.default.createElement(
					'div',
					{ className: 'load-more-wrapper' },
					_react2.default.createElement(_Button2.default, {
						label: 'See More',
						onClick: this.loadMore
					})
				)
			);
		}
	}]);

	return ResearchList;
}(_react2.default.Component), _class.propTypes = {
	// isFetching: React.PropTypes.bool,
	articleList: _react2.default.PropTypes.shape(),
	hero: _react2.default.PropTypes.shape(),
	actions: _react2.default.PropTypes.shape({
		articleListInit: _react2.default.PropTypes.func,
		fetchArticleList: _react2.default.PropTypes.func,
		fetchArticleListWithFilters: _react2.default.PropTypes.func
	}),
	banner: _react2.default.PropTypes.shape(),
	next: _react2.default.PropTypes.string
}, _temp2);


var mapStateToProps = function mapStateToProps(_ref3) {
	var articles = _ref3.articles,
	    nav = _ref3.nav;
	return {
		hero: articles.get('hero'),
		articleList: articles.get('articleList').toJS(),
		banner: nav.get('banner'),
		next: articles.get('next')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ResearchList);
var content = __webpack_require__(480);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--research{background-color:#f7f7f3}.container--research .splash{background-color:#f7f7f3;margin-bottom:0;padding-bottom:60px}.container--research .article-list{display:flex;flex-flow:row wrap;max-width:calc(100% * 10/12);margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:40px;background-color:#f7f7f3}@media (max-width: 1024px){.container--research .article-list{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);padding:32px;border:0;margin-top:0;display:block}.container--research .article-list:nth-child(1n){margin-right:0;margin-left:0}.container--research .article-list:last-child{margin-right:0}.container--research .article-list:nth-child(12n){margin-right:0;margin-left:auto}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/ResearchList/style.scss"],"names":[],"mappings":"AAAA,qBAAqB,wBAAwB,CAAC,6BAA6B,yBAAyB,gBAAgB,mBAAmB,CAAC,mCAAmC,aAAa,mBAAmB,6BAA6B,iBAAiB,kBAAkB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,gBAAgB,wBAAwB,CAAC,2BAA2B,mCAAmC,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,aAAa,SAAS,aAAa,aAAa,CAAC,iDAAiD,eAAe,aAAa,CAAC,8CAA8C,cAAc,CAAC,kDAAkD,eAAe,gBAAgB,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--research{background-color:#f7f7f3}.container--research .splash{background-color:#f7f7f3;margin-bottom:0;padding-bottom:60px}.container--research .article-list{display:flex;flex-flow:row wrap;max-width:calc(100% * 10/12);margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:40px;background-color:#f7f7f3}@media (max-width: 1024px){.container--research .article-list{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);padding:32px;border:0;margin-top:0;display:block}.container--research .article-list:nth-child(1n){margin-right:0;margin-left:0}.container--research .article-list:last-child{margin-right:0}.container--research .article-list:nth-child(12n){margin-right:0;margin-left:auto}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp; /* eslint-disable react/no-danger */


var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _redux = __webpack_require__(15);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _articles = __webpack_require__(72);

var actionCreators = _interopRequireWildcard(_articles);

var _TrackingLink = __webpack_require__(22);

var _TrackingLink2 = _interopRequireDefault(_TrackingLink);

var _utils = __webpack_require__(5);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _ListFilter = __webpack_require__(133);

var _ListFilter2 = _interopRequireDefault(_ListFilter);

var _ArticleMeta = __webpack_require__(194);

var _ArticleMeta2 = _interopRequireDefault(_ArticleMeta);

var _VideoPlayer = __webpack_require__(129);

var _VideoPlayer2 = _interopRequireDefault(_VideoPlayer);

var _EmptyList = __webpack_require__(54);

var _EmptyList2 = _interopRequireDefault(_EmptyList);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _constants = __webpack_require__(11);

__webpack_require__(481);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var LecturesList = (_temp = _class = function (_React$Component) {
	_inherits(LecturesList, _React$Component);

	function LecturesList(props) {
		_classCallCheck(this, LecturesList);

		var _this = _possibleConstructorReturn(this, (LecturesList.__proto__ || Object.getPrototypeOf(LecturesList)).call(this, props));

		_this.state = {
			lectures: [],
			isFetchingLectures: true,
			transitionInComplete: false
		};

		_this.getContent = function () {
			return _this.isLecturesPage ? {
				hero: _this.state.hero,
				banner: _this.state.ctaBanner,
				lectures: _this.state.lectures ? _this.state.lectures : [],
				isFetching: _this.state.isFetchingLectures
			} : {
				hero: _this.props.hero.toJS(),
				banner: _this.props.banner.toJS(),
				lectures: _this.props.articleList.toJS(),
				isFetching: _this.props.isFetching
			};
		};

		_this.isLecture = function (item) {
			return item.type !== 'special_relationship_story';
		};

		_this.fetchLectures = function () {
			var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

			(0, _utils.request)({
				path: '/pages/leadership-lectures',
				params: params
			}).then(function (json) {
				var _json$data$attributes = json.data.attributes,
				    hero = _json$data$attributes.hero,
				    banner = _json$data$attributes.banner,
				    _json$data$attributes2 = _slicedToArray(_json$data$attributes.content, 1),
				    lectures = _json$data$attributes2[0].lectures.results;

				_this.setState({
					lectures: lectures,
					hero: hero,
					banner: banner,
					isFetchingLectures: false
				});
				setTimeout(function () {
					_this.setState({ transitionInComplete: true });
				}, 2048);
			})
			// eslint-disable-next-line no-console
			.catch(function (err) {
				return console.error(err);
			});
		};

		_this.listFilterChange = function (e) {
			var name = e.name,
			    selected = e.selected;


			_this.currentFilters[name] = selected;
			_this.fetchLectures(_this.currentFilters);
		};

		_this.loadMore = function () {
			var _this$props = _this.props,
			    next = _this$props.next,
			    actions = _this$props.actions;
			var fetchArticleListWithFilters = actions.fetchArticleListWithFilters;

			fetchArticleListWithFilters('articles', _extends({}, _this.currentFilters, {
				type: 'special_relationship_story',
				page: next
			}), true);
		};

		_this.renderContentItems = function () {
			if (_this.isLecturesPage) {
				var _this$getContent = _this.getContent(),
				    lectures = _this$getContent.lectures;

				return lectures.map(_this.renderContentItem);
			}

			var articleList = _this.props.articleList;

			return articleList.toJS().map(function (article) {
				if (article.videos && article.videos.length > 0) {
					Object.assign(article, {
						poster: article.videos[0].poster.large,
						youtubeId: article.videos[0].video,
						blurb: article.blurb.replace(/<\/?p>/g, '')
					});
				}
				return _this.renderContentItem(article);
			});
		};

		_this.renderContentItem = function (item) {
			return _react2.default.createElement(
				'div',
				{ className: 'lecture', key: item.id },
				_react2.default.createElement(
					'div',
					{ className: 'lecture__info' },
					_react2.default.createElement(
						'h1',
						{ className: 'heading heading--lg' },
						(0, _utils.widowTamer)(item.title)
					),
					(0, _utils.isHtml)(item.blurb) ? _react2.default.createElement('p', { className: 'copy', dangerouslySetInnerHTML: { __html: (0, _utils.widowTamer)(item.blurb) } }) : _react2.default.createElement(
						'p',
						{ className: 'copy' },
						(0, _utils.widowTamer)(item.blurb)
					),
					_this.isLecture(item) && _react2.default.createElement(_ArticleMeta2.default, {
						author: item.author,
						date: item.pubdate,
						showShareIcons: false,
						gaAction: _this.isLecture(item) ? 'Lecture' : 'SpecialRelationshipStory'
					}),
					(!_this.isLecture(item) || _this.isLecture(item) && item.pdf) && _react2.default.createElement(
						_TrackingLink2.default,
						{
							className: 'link--external',
							target: _this.isLecture(item) ? '_blank' : '_self',
							rel: 'noopener noreferrer',
							to: _this.isLecture(item) ? item.pdf : '/watch/unbreakable-bond/' + item.id,
							gaAction: _this.isLecture(item) ? 'Lecture' : 'SpecialRelationshipStory',
							gaLabel: 'PDF'
						},
						_this.isLecture(item) ? 'Open pdf' : 'Watch the film',
						_this.isLecture(item) && _react2.default.createElement('span', { className: 'link--external-icon pdf-icon' })
					)
				),
				_react2.default.createElement(
					'div',
					{ className: 'lecture__video', style: { backgroundImage: _lodash2.default.isEmpty(item.youtubeId) ? 'url(' + (item.thumbnail === '' ? '/static/assets/images/placeholder-wide.png' : item.thumbnail) + ')' : 'none' } },
					item.youtubeId && _react2.default.createElement(_VideoPlayer2.default, {
						videoDialogSrc: item.youtubeId,
						posterImage: item.poster
					})
				)
			);
		};

		_this.isLecturesPage = props.location.pathname.startsWith('/leadership/lectures');
		return _this;
	}

	_createClass(LecturesList, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var _props$actions = this.props.actions,
			    articleListInit = _props$actions.articleListInit,
			    fetchArticleList = _props$actions.fetchArticleList;

			var fetchContent = this.isLecturesPage ? this.fetchLectures : function () {
				_this2.setState({
					isFetchingLectures: false
				});
				return fetchArticleList('adopt-special-relationships');
			};

			articleListInit();
			fetchContent();

			this.currentFilters = {};
		}
	}, {
		key: 'render',
		value: function render() {
			var next = this.props.next;

			var _getContent = this.getContent(),
			    isFetching = _getContent.isFetching,
			    hero = _getContent.hero,
			    banner = _getContent.banner,
			    lectures = _getContent.lectures;

			var lectureFilters = [{
				title: 'Category',
				name: 'category',
				options: _constants.LECTURE_SUBJECTS
			}, {
				title: 'Date',
				name: 'ordering',
				single: true,
				options: _constants.LECTURE_SORT
			}];

			var containerCls = (0, _classnames2.default)('container', 'container--lectures', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner && banner.id !== ''
			});

			if (isFetching) {
				return _react2.default.createElement(
					'div',
					null,
					'loading articles'
				); //	TODO: loading state...
			}

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				this.isLecturesPage && _react2.default.createElement(_ListFilter2.default, {
					type: 'lectures',
					filters: lectureFilters,
					onChange: this.listFilterChange
				}),
				_react2.default.createElement(
					'div',
					{ className: 'lecture-list' },
					lectures.length > 0 ? this.renderContentItems() : _react2.default.createElement(_EmptyList2.default, { type: 'articles' })
				),
				!this.isLecturesPage && next && _react2.default.createElement(
					'div',
					{ className: 'load-more-wrapper' },
					_react2.default.createElement(_Button2.default, {
						label: 'See More',
						onClick: this.loadMore
					})
				)
			);
		}
	}]);

	return LecturesList;
}(_react2.default.Component), _class.propTypes = {
	isFetching: _react2.default.PropTypes.bool,
	articleList: _react2.default.PropTypes.shape(),
	hero: _react2.default.PropTypes.shape(),
	actions: _react2.default.PropTypes.shape({
		articleListInit: _react2.default.PropTypes.func,
		fetchArticleList: _react2.default.PropTypes.func,
		fetchArticleListWithFilters: _react2.default.PropTypes.func
	}),
	location: _react2.default.PropTypes.shape(),
	banner: _react2.default.PropTypes.shape(),
	next: _react2.default.PropTypes.string
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		hero: state.articles.get('hero'),
		articleList: state.articles.get('articleList'),
		isFetching: state.articles.get('isFetching'),
		banner: state.nav.get('banner'),
		next: state.articles.get('next')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LecturesList);
var content = __webpack_require__(482);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".lecture{display:-webkit-box;display:-ms-flexbox;display:flex;border:2px solid #f7f7f3;min-height:400px}@media (max-width: 768px){.lecture{display:block;min-height:240px}}.lecture__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding:40px;position:relative}.lecture__info:nth-child(1n){margin-right:0;margin-left:0}.lecture__info:last-child{margin-right:0}.lecture__info:nth-child(2n){margin-right:0;margin-left:auto}.lecture__info .heading{padding-bottom:20px;padding-right:80px}.lecture__info .article-meta{padding:20px 0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.lecture__info .favorite{position:absolute;right:40px;top:40px}@media (max-width: 768px){.lecture__info .favorite{right:40px}}@media (max-width: 768px){.lecture__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.lecture__info:nth-child(1n){margin-right:0;margin-left:0}.lecture__info:last-child{margin-right:0}.lecture__info:nth-child(1n){margin-right:0;margin-left:auto}}.lecture__video{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);background-size:cover;background-position:50% 50%}.lecture__video:nth-child(1n){margin-right:0;margin-left:0}.lecture__video:last-child{margin-right:0}.lecture__video:nth-child(2n){margin-right:0;margin-left:auto}.lecture__video .video-player{max-height:400px}@media (max-width: 768px){.lecture__video{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.lecture__video:nth-child(1n){margin-right:0;margin-left:0}.lecture__video:last-child{margin-right:0}.lecture__video:nth-child(1n){margin-right:0;margin-left:auto}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Lectures/style.scss"],"names":[],"mappings":"AAAA,SAAS,oBAAoB,oBAAoB,aAAa,yBAAyB,gBAAgB,CAAC,0BAA0B,SAAS,cAAc,gBAAgB,CAAC,CAAC,eAAe,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,aAAa,iBAAiB,CAAC,6BAA6B,eAAe,aAAa,CAAC,0BAA0B,cAAc,CAAC,6BAA6B,eAAe,gBAAgB,CAAC,wBAAwB,oBAAoB,kBAAkB,CAAC,6BAA6B,eAAe,wBAAwB,qBAAqB,sBAAsB,CAAC,yBAAyB,kBAAkB,WAAW,QAAQ,CAAC,0BAA0B,yBAAyB,UAAU,CAAC,CAAC,0BAA0B,eAAe,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,4BAA4B,iBAAiB,OAAO,CAAC,6BAA6B,eAAe,aAAa,CAAC,0BAA0B,cAAc,CAAC,6BAA6B,eAAe,gBAAgB,CAAC,CAAC,gBAAgB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,sBAAsB,2BAA2B,CAAC,8BAA8B,eAAe,aAAa,CAAC,2BAA2B,cAAc,CAAC,8BAA8B,eAAe,gBAAgB,CAAC,8BAA8B,gBAAgB,CAAC,0BAA0B,gBAAgB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,8BAA8B,eAAe,aAAa,CAAC,2BAA2B,cAAc,CAAC,8BAA8B,eAAe,gBAAgB,CAAC,CAAC","file":"style.scss","sourcesContent":[".lecture{display:-webkit-box;display:-ms-flexbox;display:flex;border:2px solid #f7f7f3;min-height:400px}@media (max-width: 768px){.lecture{display:block;min-height:240px}}.lecture__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding:40px;position:relative}.lecture__info:nth-child(1n){margin-right:0;margin-left:0}.lecture__info:last-child{margin-right:0}.lecture__info:nth-child(2n){margin-right:0;margin-left:auto}.lecture__info .heading{padding-bottom:20px;padding-right:80px}.lecture__info .article-meta{padding:20px 0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.lecture__info .favorite{position:absolute;right:40px;top:40px}@media (max-width: 768px){.lecture__info .favorite{right:40px}}@media (max-width: 768px){.lecture__info{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.lecture__info:nth-child(1n){margin-right:0;margin-left:0}.lecture__info:last-child{margin-right:0}.lecture__info:nth-child(1n){margin-right:0;margin-left:auto}}.lecture__video{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);background-size:cover;background-position:50% 50%}.lecture__video:nth-child(1n){margin-right:0;margin-left:0}.lecture__video:last-child{margin-right:0}.lecture__video:nth-child(2n){margin-right:0;margin-left:auto}.lecture__video .video-player{max-height:400px}@media (max-width: 768px){.lecture__video{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.lecture__video:nth-child(1n){margin-right:0;margin-left:0}.lecture__video:last-child{margin-right:0}.lecture__video:nth-child(1n){margin-right:0;margin-left:auto}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _find = __webpack_require__(94);

var _find2 = _interopRequireDefault(_find);

var _reactRouter = __webpack_require__(19);

var _fellows = __webpack_require__(197);

var actionCreators = _interopRequireWildcard(_fellows);

var _NotFound = __webpack_require__(53);

var _NotFound2 = _interopRequireDefault(_NotFound);

__webpack_require__(483);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Fellow = (_temp2 = _class = function (_Component) {
	_inherits(Fellow, _Component);

	function Fellow() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, Fellow);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Fellow.__proto__ || Object.getPrototypeOf(Fellow)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(Fellow, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var _props = this.props,
			    fellowsList = _props.fellowsList,
			    actions = _props.actions;
			var fetchFellow = actions.fetchFellow,
			    setCurrentFellow = actions.setCurrentFellow;
			var fellowId = this.props.params.fellowId;


			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 1000);

			var fellow = (0, _find2.default)(fellowsList, { id: fellowId });
			if (fellow) {
				setCurrentFellow(fellow);
			} else {
				fetchFellow(fellowId);
			}
		}
	}, {
		key: 'render',
		value: function render() {
			var _props2 = this.props,
			    fetching = _props2.fetching,
			    currentFellow = _props2.currentFellow,
			    location = _props2.location;

			if (fetching) {
				return _react2.default.createElement('div', { className: 'container container--fellow' });
			}

			if (!fetching && currentFellow.isEmpty()) {
				return _react2.default.createElement(_NotFound2.default, { location: location });
			}

			var _currentFellow$toJS = currentFellow.toJS(),
			    image = _currentFellow$toJS.image,
			    firstName = _currentFellow$toJS.firstName,
			    lastName = _currentFellow$toJS.lastName,
			    institution = _currentFellow$toJS.institution,
			    bio = _currentFellow$toJS.bio;

			var name = firstName && lastName ? 'Dr. ' + firstName + ' ' + lastName : null;

			return _react2.default.createElement(
				'div',
				{ className: 'container container--fellow' },
				_react2.default.createElement(
					'div',
					{ className: 'fellow-detail' },
					_react2.default.createElement(
						'p',
						{ className: 'copy leadership-link--mobile' },
						_react2.default.createElement(
							_reactRouter.Link,
							{ to: '/about/leadership' },
							'Back to leadership'
						)
					),
					_react2.default.createElement(
						'div',
						{
							className: 'fellow-detail__image',
							style: { backgroundImage: 'url(' + image + ')' }
						},
						_react2.default.createElement('img', {
							className: 'fellow-detail__image--mobile',
							src: image,
							alt: name
						})
					),
					_react2.default.createElement(
						'div',
						{ className: 'fellow-detail__text-container' },
						_react2.default.createElement(
							'p',
							{ className: 'copy leadership-link' },
							_react2.default.createElement(
								_reactRouter.Link,
								{ to: '/about/leadership' },
								'Back to leadership'
							)
						),
						_react2.default.createElement(
							'div',
							{ className: 'fellow-detail__heading-container' },
							_react2.default.createElement(
								'h2',
								{ className: 'heading heading--md' },
								name
							),
							_react2.default.createElement(
								'p',
								{ className: 'copy' },
								institution
							)
						),
						_react2.default.createElement('p', {
							className: 'copy',
							dangerouslySetInnerHTML: { __html: bio }
						})
					)
				)
			);
		}
	}]);

	return Fellow;
}(_react.Component), _class.propTypes = {
	fetching: _react.PropTypes.bool,
	fellowsList: _react.PropTypes.arrayOf(_react.PropTypes.shape({})),
	currentFellow: _react.PropTypes.shape({}),
	actions: _react.PropTypes.shape({
		fetchFellow: _react.PropTypes.func,
		setCurrentFellow: _react.PropTypes.func
	}),
	params: _react.PropTypes.shape({
		fellowId: _react.PropTypes.string.isRequired
	}),
	location: _react.PropTypes.shape({})
}, _temp2);


var mapStateToProps = function mapStateToProps(_ref2) {
	var fellows = _ref2.fellows;
	return {
		fellowsList: fellows.get('fellowsList'),
		fetching: fellows.get('fetching'),
		currentFellow: fellows.get('currentFellow')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Fellow);
var content = __webpack_require__(484);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--fellow .fellow-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media (max-width: 1024px){.container--fellow .fellow-detail{display:block}}.container--fellow .leadership-link{position:absolute;top:44px}@media (max-width: 1024px){.container--fellow .leadership-link{display:none}}.container--fellow .leadership-link--mobile{display:none;padding-left:20px;margin-top:74px}@media (max-width: 1024px){.container--fellow .leadership-link--mobile{display:block}}.container--fellow .fellow-detail__text-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:calc(100% * 1/12) !important;padding:0;padding-top:100px}.container--fellow .fellow-detail__text-container:nth-child(1n){margin-right:0;margin-left:0}.container--fellow .fellow-detail__text-container:last-child{margin-right:0}.container--fellow .fellow-detail__text-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--fellow .fellow-detail__text-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;padding:20px}.container--fellow .fellow-detail__text-container:nth-child(1n){margin-right:0;margin-left:0}.container--fellow .fellow-detail__text-container:last-child{margin-right:0}.container--fellow .fellow-detail__text-container:nth-child(1n){margin-right:0;margin-left:auto}}.container--fellow .fellow-detail__heading-container{margin-bottom:20px;text-align:left}@media (max-width: 1024px){.container--fellow .fellow-detail__heading-container{text-align:center}}.container--fellow .fellow-detail__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12);margin-left:calc(100% * 1/12) !important;height:calc(100vh - 80px);width:100%;min-height:600px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.container--fellow .fellow-detail__image:nth-child(1n){margin-right:0;margin-left:0}.container--fellow .fellow-detail__image:last-child{margin-right:0}.container--fellow .fellow-detail__image:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--fellow .fellow-detail__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;background-image:none !important;min-height:0;height:auto}.container--fellow .fellow-detail__image:nth-child(1n){margin-right:0;margin-left:0}.container--fellow .fellow-detail__image:last-child{margin-right:0}.container--fellow .fellow-detail__image:nth-child(1n){margin-right:0;margin-left:auto}}.container--fellow .fellow-detail__image--mobile{display:none;width:100%;padding:20px;max-width:400px;margin:0 auto}@media (max-width: 1024px){.container--fellow .fellow-detail__image--mobile{display:block}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Fellow/style.scss"],"names":[],"mappings":"AAAA,kCAAkC,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,2BAA2B,kCAAkC,aAAa,CAAC,CAAC,oCAAoC,kBAAkB,QAAQ,CAAC,2BAA2B,oCAAoC,YAAY,CAAC,CAAC,4CAA4C,aAAa,kBAAkB,eAAe,CAAC,2BAA2B,4CAA4C,aAAa,CAAC,CAAC,kDAAkD,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,wBAAwB,qBAAqB,uBAAuB,yCAAyC,UAAU,iBAAiB,CAAC,gEAAgE,eAAe,aAAa,CAAC,6DAA6D,cAAc,CAAC,iEAAiE,eAAe,gBAAgB,CAAC,2BAA2B,kDAAkD,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,yBAAyB,0BAA0B,YAAY,CAAC,gEAAgE,eAAe,aAAa,CAAC,6DAA6D,cAAc,CAAC,gEAAgE,eAAe,gBAAgB,CAAC,CAAC,qDAAqD,mBAAmB,eAAe,CAAC,2BAA2B,qDAAqD,iBAAiB,CAAC,CAAC,yCAAyC,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,yCAAyC,0BAA0B,WAAW,iBAAiB,4BAA4B,iBAAiB,QAAQ,sBAAsB,4BAA4B,2BAA2B,CAAC,uDAAuD,eAAe,aAAa,CAAC,oDAAoD,cAAc,CAAC,wDAAwD,eAAe,gBAAgB,CAAC,2BAA2B,yCAAyC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,yBAAyB,0BAA0B,4BAA4B,iBAAiB,QAAQ,iCAAiC,aAAa,WAAW,CAAC,uDAAuD,eAAe,aAAa,CAAC,oDAAoD,cAAc,CAAC,uDAAuD,eAAe,gBAAgB,CAAC,CAAC,iDAAiD,aAAa,WAAW,aAAa,gBAAgB,aAAa,CAAC,2BAA2B,iDAAiD,aAAa,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--fellow .fellow-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}@media (max-width: 1024px){.container--fellow .fellow-detail{display:block}}.container--fellow .leadership-link{position:absolute;top:44px}@media (max-width: 1024px){.container--fellow .leadership-link{display:none}}.container--fellow .leadership-link--mobile{display:none;padding-left:20px;margin-top:74px}@media (max-width: 1024px){.container--fellow .leadership-link--mobile{display:block}}.container--fellow .fellow-detail__text-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 5/12);max-width:calc(100% * 5/12);width:calc(100% * 5/12);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:calc(100% * 1/12) !important;padding:0;padding-top:100px}.container--fellow .fellow-detail__text-container:nth-child(1n){margin-right:0;margin-left:0}.container--fellow .fellow-detail__text-container:last-child{margin-right:0}.container--fellow .fellow-detail__text-container:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--fellow .fellow-detail__text-container{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;padding:20px}.container--fellow .fellow-detail__text-container:nth-child(1n){margin-right:0;margin-left:0}.container--fellow .fellow-detail__text-container:last-child{margin-right:0}.container--fellow .fellow-detail__text-container:nth-child(1n){margin-right:0;margin-left:auto}}.container--fellow .fellow-detail__heading-container{margin-bottom:20px;text-align:left}@media (max-width: 1024px){.container--fellow .fellow-detail__heading-container{text-align:center}}.container--fellow .fellow-detail__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12);margin-left:calc(100% * 1/12) !important;height:calc(100vh - 80px);width:100%;min-height:600px;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.container--fellow .fellow-detail__image:nth-child(1n){margin-right:0;margin-left:0}.container--fellow .fellow-detail__image:last-child{margin-right:0}.container--fellow .fellow-detail__image:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.container--fellow .fellow-detail__image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;background-image:none !important;min-height:0;height:auto}.container--fellow .fellow-detail__image:nth-child(1n){margin-right:0;margin-left:0}.container--fellow .fellow-detail__image:last-child{margin-right:0}.container--fellow .fellow-detail__image:nth-child(1n){margin-right:0;margin-left:auto}}.container--fellow .fellow-detail__image--mobile{display:none;width:100%;padding:20px;max-width:400px;margin:0 auto}@media (max-width: 1024px){.container--fellow .fellow-detail__image--mobile{display:block}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = Livestream;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _VideoPlayer = __webpack_require__(129);

var _VideoPlayer2 = _interopRequireDefault(_VideoPlayer);

var _FeatureIconList = __webpack_require__(75);

var _FeatureIconList2 = _interopRequireDefault(_FeatureIconList);

var _utils = __webpack_require__(5);

__webpack_require__(486);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var isLivestream = function isLivestream(stream) {
	return stream.hasOwnProperty('startTime');
}; //	eslint-disable-line

function getLivestreamCopy(_ref) {
	var startDay = _ref.startDay,
	    startTime = _ref.startTime,
	    endDay = _ref.endDay,
	    endTime = _ref.endTime;
	//	eslint-disable-line class-methods-use-this
	var start = (0, _utils.timeFieldToDate)(startTime, startDay);
	var end = (0, _utils.timeFieldToDate)(endTime, endDay);

	var day = function day(date) {
		return (0, _utils.formatDate)(date, 'dddd');
	};
	var hours = function hours(date) {
		return (0, _utils.formatDate)(date, 'ha');
	};

	return day(start) + '-' + day(end) + ' ' + hours(start) + '-' + hours(end);
}

function Livestream(stream) {
	return _react2.default.createElement(
		'section',
		{ className: 'sidebyside livestream', key: '' + stream.id },
		_react2.default.createElement(
			'figure',
			{ className: 'sidebyside__image' },
			!isLivestream(stream) || isLivestream(stream) && (0, _utils.isStreamLive)(stream) ? _react2.default.createElement(_VideoPlayer2.default, {
				posterImage: stream.posterImage,
				videoDialogSrc: stream.youtubeId,
				playInModal: false,
				controls: true
			}) : _react2.default.createElement(
				'div',
				{
					className: 'livestream-offline__container',
					style: { backgroundImage: 'url(' + stream.offlineImage + ')' }
				},
				_react2.default.createElement('div', { className: 'livestream-offline__underlay' }),
				_react2.default.createElement(
					'div',
					{ className: 'livestream-offline__copy-container' },
					_react2.default.createElement('h2', {
						className: 'heading heading--sm',
						dangerouslySetInnerHTML: { __html: stream.offlineMessage }
					}),
					_react2.default.createElement(
						'p',
						{ className: 'copy' },
						'Livestream Broadcast Hours:',
						_react2.default.createElement('br', null),
						getLivestreamCopy(stream)
					)
				)
			)
		),
		_react2.default.createElement(
			'div',
			{ className: 'sidebyside__copy' },
			_react2.default.createElement(
				'h2',
				{ className: 'heading heading--md' },
				stream.type === 'pet' ? stream.animal.name : stream.name
			),
			stream.type === 'pet' && _react2.default.createElement(_FeatureIconList2.default, {
				content: [{ label: (0, _utils.ageRounder)(stream.animal.age), icon: 'age' }, { label: stream.animal.sex, icon: 'female' }, { label: '' + parseInt(stream.animal.currentWeightPounds, 10) + String.fromCharCode(160) + 'lbs', icon: 'weight' }],
				containerCls: 'livestream-icons',
				iconCls: 'livestream-icons__item'
			}),
			_react2.default.createElement('p', {
				className: 'copy',
				dangerouslySetInnerHTML: { __html: stream.type === 'pet' ? stream.animal.description : stream.description }
			}),
			stream.type === 'pet' && _react2.default.createElement(
				'p',
				{ className: 'livestream__link' },
				_react2.default.createElement(
					'a',
					{ href: '/adopt/' + stream.animal.id },
					'Learn more!'
				)
			)
		)
	);
}
var content = __webpack_require__(487);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".livestream.sidebyside__image{width:50%}@media (max-width: 1024px){.livestream.sidebyside__image{width:100%}}.livestream.sidebyside .video-player{position:relative;padding-bottom:56.25%;height:0;min-height:0}.livestream.sidebyside .video-player__video--playing{position:absolute;top:0;left:0;width:100%;height:100%}.livestream.sidebyside .video-player__video--playing iframe{height:100%}.livestream.sidebyside .livestream-offline__container{position:relative;padding-bottom:56.25%;height:0;min-height:0;width:100%;background-size:cover;background-position:50% 50%;overflow:hidden}.livestream.sidebyside .livestream-offline__underlay{position:absolute;left:0;right:0;bottom:0;top:0;height:100%;width:100%;background-color:rgba(0, 0, 0, .4)}.livestream.sidebyside .livestream-offline__copy-container{position:absolute;z-index:1;padding:20px;bottom:0;left:0;max-width:400px}.livestream.sidebyside .livestream-offline__copy-container .copy{padding-top:10px}@media (max-width: 667px){.livestream.sidebyside .livestream-offline__copy-container .copy{padding-top:6px;font-size:14px}}.livestream.sidebyside .livestream-offline__copy-container .heading--sm{font-size:20px}@media (max-width: 667px){.livestream.sidebyside .livestream-offline__copy-container .heading--sm{font-size:18px}}@media (max-width: 448px){.livestream.sidebyside .livestream-offline__copy-container .heading--sm{font-size:16px}}.livestream.sidebyside .livestream-offline__copy-container *{color:#fff}.livestream .livestream__link{padding-top:20px}.livestream .livestream-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.livestream .livestream-icons__item{padding:0 20px}.livestream .livestream-icons__item:first-of-type{padding-left:0}.livestream .livestream-icons__item .icon--feature__icon{padding:18px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/Livestream/style.scss"],"names":[],"mappings":"AAAA,8BAA8B,SAAS,CAAC,2BAA2B,8BAA8B,UAAU,CAAC,CAAC,qCAAqC,kBAAkB,sBAAsB,SAAS,YAAY,CAAC,qDAAqD,kBAAkB,MAAM,OAAO,WAAW,WAAW,CAAC,4DAA4D,WAAW,CAAC,sDAAsD,kBAAkB,sBAAsB,SAAS,aAAa,WAAW,sBAAsB,4BAA4B,eAAe,CAAC,qDAAqD,kBAAkB,OAAO,QAAQ,SAAS,MAAM,YAAY,WAAW,kCAAkC,CAAC,2DAA2D,kBAAkB,UAAU,aAAa,SAAS,OAAO,eAAe,CAAC,iEAAiE,gBAAgB,CAAC,0BAA0B,iEAAiE,gBAAgB,cAAc,CAAC,CAAC,wEAAwE,cAAc,CAAC,0BAA0B,wEAAwE,cAAc,CAAC,CAAC,0BAA0B,wEAAwE,cAAc,CAAC,CAAC,6DAA6D,UAAU,CAAC,8BAA8B,gBAAgB,CAAC,8BAA8B,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,kBAAkB,CAAC,oCAAoC,cAAc,CAAC,kDAAkD,cAAc,CAAC,yDAAyD,YAAY,CAAC","file":"style.scss","sourcesContent":[".livestream.sidebyside__image{width:50%}@media (max-width: 1024px){.livestream.sidebyside__image{width:100%}}.livestream.sidebyside .video-player{position:relative;padding-bottom:56.25%;height:0;min-height:0}.livestream.sidebyside .video-player__video--playing{position:absolute;top:0;left:0;width:100%;height:100%}.livestream.sidebyside .video-player__video--playing iframe{height:100%}.livestream.sidebyside .livestream-offline__container{position:relative;padding-bottom:56.25%;height:0;min-height:0;width:100%;background-size:cover;background-position:50% 50%;overflow:hidden}.livestream.sidebyside .livestream-offline__underlay{position:absolute;left:0;right:0;bottom:0;top:0;height:100%;width:100%;background-color:rgba(0, 0, 0, .4)}.livestream.sidebyside .livestream-offline__copy-container{position:absolute;z-index:1;padding:20px;bottom:0;left:0;max-width:400px}.livestream.sidebyside .livestream-offline__copy-container .copy{padding-top:10px}@media (max-width: 667px){.livestream.sidebyside .livestream-offline__copy-container .copy{padding-top:6px;font-size:14px}}.livestream.sidebyside .livestream-offline__copy-container .heading--sm{font-size:20px}@media (max-width: 667px){.livestream.sidebyside .livestream-offline__copy-container .heading--sm{font-size:18px}}@media (max-width: 448px){.livestream.sidebyside .livestream-offline__copy-container .heading--sm{font-size:16px}}.livestream.sidebyside .livestream-offline__copy-container *{color:#fff}.livestream .livestream__link{padding-top:20px}.livestream .livestream-icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.livestream .livestream-icons__item{padding:0 20px}.livestream .livestream-icons__item:first-of-type{padding-left:0}.livestream .livestream-icons__item .icon--feature__icon{padding:18px}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _redux = __webpack_require__(15);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _streams = __webpack_require__(485);

var actionCreators = _interopRequireWildcard(_streams);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _Livestream = __webpack_require__(204);

var _Livestream2 = _interopRequireDefault(_Livestream);

__webpack_require__(488);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Livestreams = (_temp = _class = function (_Component) {
	_inherits(Livestreams, _Component);

	function Livestreams(props) {
		_classCallCheck(this, Livestreams);

		var _this = _possibleConstructorReturn(this, (Livestreams.__proto__ || Object.getPrototypeOf(Livestreams)).call(this, props));

		_this.state = {
			transitionInComplete: false
		};
		var _this$props = _this.props,
		    actions = _this$props.actions,
		    location = _this$props.location;
		var fetchLiveStreams = actions.fetchLiveStreams,
		    fetchVideos = actions.fetchVideos;


		var fetchContent = void 0;

		if (location.pathname.startsWith('/watch/live')) {
			fetchContent = fetchLiveStreams;
			_this.contentType = 'streams';
		} else {
			fetchContent = fetchVideos;
			_this.contentType = 'videos';
		}

		fetchContent();
		return _this;
	}

	_createClass(Livestreams, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
		}
	}, {
		key: 'render',
		value: function render() {
			var _props$contentType = this.props[this.contentType],
			    hero = _props$contentType.hero,
			    videoList = _props$contentType.videoList,
			    isFetching = _props$contentType.isFetching;


			var containerCls = (0, _classnames2.default)('container', 'container--livestream', {
				'container-transition-appear': !this.state.transitionInComplete
			});

			if (isFetching) {
				return _react2.default.createElement('div', { className: 'container container--livestream' });
			}

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_Hero2.default, {
					heading: hero.headline,
					subheading: hero.subheading,
					bgImgSrc: hero.image
				}),
				videoList.map(function (stream) {
					return _react2.default.createElement(_Livestream2.default, stream);
				})
			);
		}
	}]);

	return Livestreams;
}(_react.Component), _class.propTypes = {
	actions: _react.PropTypes.shape({
		fetchLiveStreams: _react.PropTypes.func,
		fetchVideos: _react.PropTypes.func
	}),
	location: _react.PropTypes.shape(),
	streams: _react.PropTypes.shape({ //	eslint-disable-line react/no-unused-prop-types
		hero: _react.PropTypes.shape(),
		videoList: _react.PropTypes.arrayOf(_react.PropTypes.shape()),
		isFetching: _react.PropTypes.bool
	}),
	videos: _react.PropTypes.shape({ //	eslint-disable-line react/no-unused-prop-types
		hero: _react.PropTypes.shape(),
		videoList: _react.PropTypes.arrayOf(_react.PropTypes.shape()),
		isFetching: _react.PropTypes.bool
	})
}, _temp);


var mapStateToProps = function mapStateToProps(_ref) {
	var watch = _ref.watch;

	var streams = watch.get('streams');
	var videos = watch.get('videos');
	return {
		streams: {
			hero: streams.get('hero').toJS(),
			videoList: streams.get('videoList').toJS(),
			isFetching: streams.get('isFetching')
		},
		videos: {
			hero: videos.get('hero').toJS(),
			videoList: videos.get('videoList').toJS(),
			isFetching: videos.get('isFetching')
		}
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Livestreams);

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.streamsLoading = streamsLoading;
exports.streamsLoaded = streamsLoaded;
exports.videosLoading = videosLoading;
exports.videosLoaded = videosLoaded;
exports.fetchLiveStreams = fetchLiveStreams;
exports.fetchVideos = fetchVideos;

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

function streamsLoading() {
	return {
		type: _constants.STREAM_LIST_LOADING
	};
}

function streamsLoaded(data) {
	return {
		type: _constants.STREAM_LIST_LOADED,
		payload: {
			data: data
		}
	};
}

function videosLoading() {
	return {
		type: _constants.VIDEO_LIST_LOADING
	};
}

function videosLoaded(data) {
	return {
		type: _constants.VIDEO_LIST_LOADED,
		payload: {
			data: data
		}
	};
}

function fetchLiveStreams() {
	return function (dispatch) {
		dispatch(streamsLoading());

		return (0, _utils.request)({ path: '/pages/livestreams' }).then(function (res) {
			return dispatch(streamsLoaded(res.data));
		}).catch(function (err) {
			throw new Error(err);
		});
	};
}

function fetchVideos() {
	return function (dispatch) {
		dispatch(videosLoading());

		return (0, _utils.request)({ path: '/pages/videos' }).then(function (res) {
			return dispatch(videosLoaded(res.data));
		}).catch(function (err) {
			throw new Error(err);
		});
	};
}
var content = __webpack_require__(489);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--livestream .hero{margin-bottom:120px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Livestreams/style.scss"],"names":[],"mappings":"AAAA,6BAA6B,mBAAmB,CAAC","file":"style.scss","sourcesContent":[".container--livestream .hero{margin-bottom:120px}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(490);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--register{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--register .splash-image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);background-image:url(\"/static/assets/images/LIBRARY_DOG_2122.jpg\");background-position:50% 50%;background-size:cover;background-repeat:no-repeat;min-height:500px;width:100%}.container--register .splash-image:nth-child(1n){margin-right:0;margin-left:0}.container--register .splash-image:last-child{margin-right:0}.container--register .splash-image:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 667px){.container--register .splash-image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);min-height:300px}.container--register .splash-image:nth-child(1n){margin-right:0;margin-left:0}.container--register .splash-image:last-child{margin-right:0}.container--register .splash-image:nth-child(1n){margin-right:0;margin-left:auto}}_:-ms-fullscreen .container--register,:root .container--register{display:block;height:100%}_:-ms-fullscreen .splash-image,:root .splash-image{width:50%;float:left;height:100%}_:-ms-fullscreen .form--register,:root .form--register{width:50%;float:left}_:-ms-fullscreen .input-list--register div .half-width,:root .input-list--register div .half-width{float:left;width:50%}_:-ms-fullscreen .input-list--register div.half-width-container,:root .input-list--register div.half-width-container{display:block}.form--register{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding:0 8.3%;text-align:center;margin:60px 0}.form--register:nth-child(1n){margin-right:0;margin-left:0}.form--register:last-child{margin-right:0}.form--register:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 667px){.form--register{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.form--register:nth-child(1n){margin-right:0;margin-left:0}.form--register:last-child{margin-right:0}.form--register:nth-child(1n){margin-right:0;margin-left:auto}}.form--register__header .copy:last-child{padding-top:10px}.form--register__interests{margin:20px 0}.form--register__interests legend{text-align:left}.form--register .input-list div{width:100%}.form--register .heading--xl{padding-bottom:20px}.form--register .privacy-notice{margin:20px 0}@media (max-width: 667px){.form--register .privacy-notice{padding:0}}.form--register .checkbox-list__item:not(.checkbox-list__item-filter){margin:0;padding:10px;width:25%}@media (max-width: 1279px){.form--register .checkbox-list__item:not(.checkbox-list__item-filter){width:33.33%}}@media (max-width: 1024px){.form--register .checkbox-list__item:not(.checkbox-list__item-filter){width:50%}}.form--register .checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box ~ label::after{top:18px;height:40px;transition:background 0.1s ease-in-out}.form--register .interest-adopt--orange:not(.checkbox-list__item-filter) ~ label::after{background-image:url(" + escape(__webpack_require__(491)) + ")}.form--register .interest-adopt--orange:not(.checkbox-list__item-filter):checked ~ label::before{background-color:#f80}.form--register .interest-adopt--orange:not(.checkbox-list__item-filter):checked ~ label::after{background-image:url(" + escape(__webpack_require__(492)) + ") !important}.form--register .interest-event--blue:not(.checkbox-list__item-filter) ~ label::after{background-image:url(" + escape(__webpack_require__(493)) + ")}.form--register .interest-event--blue:not(.checkbox-list__item-filter):checked ~ label::before{background-color:#00a4ee}.form--register .interest-event--blue:not(.checkbox-list__item-filter):checked ~ label::after{background-image:url(" + escape(__webpack_require__(494)) + ") !important}.form--register .interest-leadership--green:not(.checkbox-list__item-filter) ~ label::after{background-image:url(" + escape(__webpack_require__(495)) + ")}.form--register .interest-leadership--green:not(.checkbox-list__item-filter):checked ~ label::before{background-color:#7c0}.form--register .interest-leadership--green:not(.checkbox-list__item-filter):checked ~ label::after{background-image:url(" + escape(__webpack_require__(496)) + ") !important}.form--register .interest-volunteer--blue:not(.checkbox-list__item-filter) ~ label::after{background-image:url(" + escape(__webpack_require__(497)) + ")}.form--register .interest-volunteer--blue:not(.checkbox-list__item-filter):checked ~ label::before{background-color:#00a4ee}.form--register .interest-volunteer--blue:not(.checkbox-list__item-filter):checked ~ label::after{background-image:url(" + escape(__webpack_require__(498)) + ") !important}.newsletter-signup{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width: 667px){.newsletter-signup{padding:0 8.3%}}.newsletter-signup input{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.newsletter-signup input{margin-left:-24px}}.newsletter-signup input ~ label::before{content:'';position:absolute;pointer-events:none;top:5px;left:0;right:0;background-image:url(" + escape(__webpack_require__(499)) + ");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.newsletter-signup input:checked ~ label::before{top:3px;width:42px;height:23px;background-image:url(" + escape(__webpack_require__(500)) + ")}.newsletter-signup .copy{text-align:left}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Register/style.scss"],"names":[],"mappings":"AAAA,qBAAqB,aAAa,mBAAmB,eAAe,iBAAiB,iBAAiB,CAAC,mCAAmC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,mEAAmE,4BAA4B,sBAAsB,4BAA4B,iBAAiB,UAAU,CAAC,iDAAiD,eAAe,aAAa,CAAC,8CAA8C,cAAc,CAAC,iDAAiD,eAAe,gBAAgB,CAAC,0BAA0B,mCAAmC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,gBAAgB,CAAC,iDAAiD,eAAe,aAAa,CAAC,8CAA8C,cAAc,CAAC,iDAAiD,eAAe,gBAAgB,CAAC,CAAC,iEAAiE,cAAc,WAAW,CAAC,mDAAmD,UAAU,WAAW,WAAW,CAAC,uDAAuD,UAAU,UAAU,CAAC,mGAAmG,WAAW,SAAS,CAAC,qHAAqH,aAAa,CAAC,gBAAgB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,eAAe,kBAAkB,aAAa,CAAC,8BAA8B,eAAe,aAAa,CAAC,2BAA2B,cAAc,CAAC,8BAA8B,eAAe,gBAAgB,CAAC,0BAA0B,gBAAgB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,8BAA8B,eAAe,aAAa,CAAC,2BAA2B,cAAc,CAAC,8BAA8B,eAAe,gBAAgB,CAAC,CAAC,yCAAyC,gBAAgB,CAAC,2BAA2B,aAAa,CAAC,kCAAkC,eAAe,CAAC,gCAAgC,UAAU,CAAC,6BAA6B,mBAAmB,CAAC,gCAAgC,aAAa,CAAC,0BAA0B,gCAAgC,SAAS,CAAC,CAAC,sEAAsE,SAAS,aAAa,SAAS,CAAC,2BAA2B,sEAAsE,YAAY,CAAC,CAAC,2BAA2B,sEAAsE,SAAS,CAAC,CAAC,yGAAyG,SAAS,YAAY,sCAAsC,CAAC,wFAAwF,8CAA+D,CAAC,iGAAiG,qBAAqB,CAAC,gGAAgG,yDAAmE,CAAC,sFAAsF,8CAA6D,CAAC,+FAA+F,wBAAwB,CAAC,8FAA8F,yDAAmE,CAAC,4FAA4F,8CAAmE,CAAC,qGAAqG,qBAAqB,CAAC,oGAAoG,yDAAwE,CAAC,0FAA0F,8CAAiE,CAAC,mGAAmG,wBAAwB,CAAC,kGAAkG,yDAAuE,CAAC,mBAAmB,kBAAkB,oBAAoB,oBAAoB,aAAa,wBAAwB,qBAAqB,sBAAsB,CAAC,0BAA0B,mBAAmB,cAAc,CAAC,CAAC,yBAAyB,qBAAqB,wBAAwB,qBAAqB,gBAAgB,WAAW,YAAY,SAAS,UAAU,oBAAoB,aAAa,CAAC,0BAA0B,yBAAyB,iBAAiB,CAAC,CAAC,yCAAyC,WAAW,kBAAkB,oBAAoB,QAAQ,OAAO,QAAQ,+CAAoD,wBAAwB,4BAA4B,WAAW,WAAW,CAAC,iDAAiD,QAAQ,WAAW,YAAY,8CAAqD,CAAC,yBAAyB,eAAe,CAAC","file":"style.scss","sourcesContent":[".container--register{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--register .splash-image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);background-image:url(\"/static/assets/images/LIBRARY_DOG_2122.jpg\");background-position:50% 50%;background-size:cover;background-repeat:no-repeat;min-height:500px;width:100%}.container--register .splash-image:nth-child(1n){margin-right:0;margin-left:0}.container--register .splash-image:last-child{margin-right:0}.container--register .splash-image:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 667px){.container--register .splash-image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);min-height:300px}.container--register .splash-image:nth-child(1n){margin-right:0;margin-left:0}.container--register .splash-image:last-child{margin-right:0}.container--register .splash-image:nth-child(1n){margin-right:0;margin-left:auto}}_:-ms-fullscreen .container--register,:root .container--register{display:block;height:100%}_:-ms-fullscreen .splash-image,:root .splash-image{width:50%;float:left;height:100%}_:-ms-fullscreen .form--register,:root .form--register{width:50%;float:left}_:-ms-fullscreen .input-list--register div .half-width,:root .input-list--register div .half-width{float:left;width:50%}_:-ms-fullscreen .input-list--register div.half-width-container,:root .input-list--register div.half-width-container{display:block}.form--register{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding:0 8.3%;text-align:center;margin:60px 0}.form--register:nth-child(1n){margin-right:0;margin-left:0}.form--register:last-child{margin-right:0}.form--register:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 667px){.form--register{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.form--register:nth-child(1n){margin-right:0;margin-left:0}.form--register:last-child{margin-right:0}.form--register:nth-child(1n){margin-right:0;margin-left:auto}}.form--register__header .copy:last-child{padding-top:10px}.form--register__interests{margin:20px 0}.form--register__interests legend{text-align:left}.form--register .input-list div{width:100%}.form--register .heading--xl{padding-bottom:20px}.form--register .privacy-notice{margin:20px 0}@media (max-width: 667px){.form--register .privacy-notice{padding:0}}.form--register .checkbox-list__item:not(.checkbox-list__item-filter){margin:0;padding:10px;width:25%}@media (max-width: 1279px){.form--register .checkbox-list__item:not(.checkbox-list__item-filter){width:33.33%}}@media (max-width: 1024px){.form--register .checkbox-list__item:not(.checkbox-list__item-filter){width:50%}}.form--register .checkbox-list__item:not(.checkbox-list__item-filter) .checkbox-list__box ~ label::after{top:18px;height:40px;transition:background 0.1s ease-in-out}.form--register .interest-adopt--orange:not(.checkbox-list__item-filter) ~ label::after{background-image:url(\"./images/icon-checkbox-adopt-orange.svg\")}.form--register .interest-adopt--orange:not(.checkbox-list__item-filter):checked ~ label::before{background-color:#f80}.form--register .interest-adopt--orange:not(.checkbox-list__item-filter):checked ~ label::after{background-image:url(\"./images/icon-checkbox-adopt.svg\") !important}.form--register .interest-event--blue:not(.checkbox-list__item-filter) ~ label::after{background-image:url(\"./images/icon-checkbox-event-blue.svg\")}.form--register .interest-event--blue:not(.checkbox-list__item-filter):checked ~ label::before{background-color:#00a4ee}.form--register .interest-event--blue:not(.checkbox-list__item-filter):checked ~ label::after{background-image:url(\"./images/icon-checkbox-event.svg\") !important}.form--register .interest-leadership--green:not(.checkbox-list__item-filter) ~ label::after{background-image:url(\"./images/icon-checkbox-leadership-green.svg\")}.form--register .interest-leadership--green:not(.checkbox-list__item-filter):checked ~ label::before{background-color:#7c0}.form--register .interest-leadership--green:not(.checkbox-list__item-filter):checked ~ label::after{background-image:url(\"./images/icon-checkbox-leadership.svg\") !important}.form--register .interest-volunteer--blue:not(.checkbox-list__item-filter) ~ label::after{background-image:url(\"./images/icon-checkbox-volunteer-blue.svg\")}.form--register .interest-volunteer--blue:not(.checkbox-list__item-filter):checked ~ label::before{background-color:#00a4ee}.form--register .interest-volunteer--blue:not(.checkbox-list__item-filter):checked ~ label::after{background-image:url(\"./images/icon-checkbox-volunteer.svg\") !important}.newsletter-signup{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width: 667px){.newsletter-signup{padding:0 8.3%}}.newsletter-signup input{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.newsletter-signup input{margin-left:-24px}}.newsletter-signup input ~ label::before{content:'';position:absolute;pointer-events:none;top:5px;left:0;right:0;background-image:url(\"./images/checkbox-blank.svg\");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.newsletter-signup input:checked ~ label::before{top:3px;width:42px;height:23px;background-image:url(\"./images/checkbox-checked.svg\")}.newsletter-signup .copy{text-align:left}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "a7af1468e17548c04983d703756a9bd9.svg";module.exports = __webpack_require__.p + "1f11494805b15364c2a1929f316f641d.svg";module.exports = __webpack_require__.p + "8d7dac674fac8f0b1cc2ac4f98fc34fc.svg";module.exports = __webpack_require__.p + "bde1f790af10dfe53ab153c0b46d3bde.svg";module.exports = __webpack_require__.p + "44c9d76e625447d8e80eb232a30f3152.svg";module.exports = __webpack_require__.p + "8bb74e46e615a37e13d088950d2ec749.svg";module.exports = __webpack_require__.p + "e0e92a7169dd07c110e5012e5fd8631a.svg";module.exports = __webpack_require__.p + "6c25e31c5b59538499c640f311ec6cd9.svg";module.exports = __webpack_require__.p + "d674e9143e56b71e12921fe25b690ff5.svg";module.exports = __webpack_require__.p + "e233889f116d4ea11103ecca868ec703.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _redux = __webpack_require__(15);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _auth = __webpack_require__(43);

var actionCreators = _interopRequireWildcard(_auth);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _IconCheckboxList = __webpack_require__(51);

var _IconCheckboxList2 = _interopRequireDefault(_IconCheckboxList);

var _IconCheckboxItem = __webpack_require__(52);

var _IconCheckboxItem2 = _interopRequireDefault(_IconCheckboxItem);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _requireAuthentication = __webpack_require__(132);

var _requireAuthentication2 = _interopRequireDefault(_requireAuthentication);

var _utils = __webpack_require__(5);

__webpack_require__(205);

__webpack_require__(501);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var AccountSettingsView = (_temp = _class = function (_Component) {
	_inherits(AccountSettingsView, _Component);

	function AccountSettingsView(props) {
		_classCallCheck(this, AccountSettingsView);

		var _this = _possibleConstructorReturn(this, (AccountSettingsView.__proto__ || Object.getPrototypeOf(AccountSettingsView)).call(this, props));

		_this.handleChange = function (e) {
			var target = e.target;
			var name = target.name,
			    type = target.type,
			    checked = target.checked,
			    value = target.value;

			var newValue = type === 'checkbox' ? checked : value;

			if (type === 'checkbox' && name !== 'opt_in') {
				if (checked) {
					//	ie, it is now checked in UI, update state
					_this.setState({
						interests: _this.state.interests.concat(name)
					});
				} else {
					var interests = _this.state.interests;

					_this.setState({
						interests: _lodash2.default.pull(interests, name)
					});
				}
			} else {
				_this.setState(_defineProperty({}, name, newValue));
			}
		};

		_this.handleSubmit = function (e) {
			e.preventDefault();
			_this.props.actions.authUpdateUser(_this.state, _this.props.token);
			window.scrollTo(0, 0);
		};

		var user = _this.props.user;

		_this.state = _extends({}, user.toJS(), {
			new_password: '',
			re_new_password: ''
		});

		_this.heroImage = (0, _utils.randomHeroImage)();
		_this.props.actions.authUpdateUserInit();
		return _this;
	}

	_createClass(AccountSettingsView, [{
		key: 'render',
		value: function render() {
			var _this2 = this;

			var interests = this.state.interests;

			var interestFields = [{ name: 'adoption', label: 'adoption', inputCls: 'interest-adopt--orange', color: 'orange', checked: interests.indexOf('adoption') > -1 }, { name: 'programs_events', label: 'Programs & Events', inputCls: 'interest-event--blue', color: 'blue', checked: interests.indexOf('programs_events') > -1 }, { name: 'leadership', label: 'leadership', inputCls: 'interest-leadership--green', color: 'green', checked: interests.indexOf('leadership') > -1 }, { name: 'volunteering', label: 'volunteering', inputCls: 'interest-volunteer--blue', color: 'blue', checked: interests.indexOf('volunteering') > -1 }];

			var _props = this.props,
			    errors = _props.errors,
			    banner = _props.banner,
			    location = _props.location;
			var pathname = location.pathname;


			var containerCls = (0, _classnames2.default)('container', 'container-transition-appear', 'container--settings', {
				'container--has-announcement': banner.get('id') !== ''
			});

			var errorFields = _lodash2.default.keys(errors);

			var inputClasses = {
				firstName: '',
				lastName: '',
				email: '',
				password: '',
				zipcode: '',
				new_password: '',
				re_new_password: ''
			};

			_lodash2.default.forEach(_lodash2.default.keys(inputClasses), function (i) {
				inputClasses[i] = (0, _classnames2.default)({
					copy: true,
					'has-error': errorFields.length > 0 && errorFields.indexOf(i) > -1
				});
			});

			var statusText = null;
			if (this.props.statusText) {
				var statusTextClassNames = (0, _classnames2.default)('copy', 'alert', {
					'alert--danger': errorFields.length > 0,
					'alert--success': errorFields.length === 0
				});

				statusText = _react2.default.createElement(
					'div',
					{ className: statusTextClassNames },
					this.props.statusText,
					errorFields.length > 0 && errorFields.map(function (e) {
						return _react2.default.createElement(
							'p',
							{ className: 'alert--danger' },
							(0, _utils.capitalize)(e) + ': ' + errors[e]
						);
					})
				);
			}

			return _react2.default.createElement(
				_requireAuthentication2.default,
				{ location: { pathname: pathname } },
				_react2.default.createElement(
					'div',
					{ className: containerCls },
					_react2.default.createElement(_Hero2.default, {
						heading: 'Account Settings',
						bgImgSrc: this.heroImage
					}),
					_react2.default.createElement(
						'section',
						{ className: 'form--register' },
						statusText,
						_react2.default.createElement(
							'form',
							{ onSubmit: this.handleSubmit },
							_react2.default.createElement(
								'div',
								{ className: 'input-list--register' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'half-width' },
										_react2.default.createElement('input', {
											type: 'text',
											placeholder: '* First Name',
											value: this.state.firstName,
											required: true,
											name: 'firstName',
											onChange: this.handleChange,
											className: inputClasses.firstName
										})
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width' },
										_react2.default.createElement('input', {
											type: 'text',
											placeholder: '* Last Name',
											required: true,
											name: 'lastName',
											value: this.state.lastName,
											onChange: this.handleChange,
											className: inputClasses.lastName
										})
									)
								),
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('input', {
										type: 'email',
										placeholder: '* Email',
										required: true,
										name: 'email',
										value: this.state.email,
										onChange: this.handleChange,
										className: inputClasses.email
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width-container' },
									_react2.default.createElement(
										'div',
										{ className: 'half-width' },
										_react2.default.createElement('input', {
											type: 'number',
											placeholder: 'Zipcode',
											name: 'zipcode',
											value: this.state.zipcode,
											onChange: this.handleChange,
											className: inputClasses.zipcode
										})
									),
									_react2.default.createElement(
										'div',
										{ className: 'half-width' },
										_react2.default.createElement('input', {
											type: 'number',
											placeholder: 'Phone',
											name: 'phoneNumber',
											value: this.state.phoneNumber,
											onChange: this.handleChange,
											className: 'copy'
										})
									)
								)
							),
							_react2.default.createElement(
								_IconCheckboxList2.default,
								{
									legend: 'Your interests: ',
									cls: 'form--register__interests'
								},
								interestFields.map(function (option, index) {
									return _react2.default.createElement(_IconCheckboxItem2.default, _extends({}, option, {
										index: index,
										onChange: _this2.handleChange
									}));
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width password-wrapper' },
								_react2.default.createElement('input', {
									type: 'password',
									placeholder: 'New password',
									name: 'new_password',
									pattern: '.{4,}',
									title: 'At least 4 characters',
									onChange: this.handleChange,
									className: inputClasses.new_password
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width password-wrapper' },
								_react2.default.createElement('input', {
									type: 'password',
									placeholder: 'Confirm new password',
									name: 're_new_password',
									pattern: '.{4,}',
									title: 'At least 4 characters',
									onChange: this.handleChange,
									className: inputClasses.re_new_password
								})
							),
							_react2.default.createElement(_Button2.default, {
								type: 'submit',
								label: 'Save Changes',
								disabled: this.state.new_password !== this.state.re_new_password
							})
						)
					)
				)
			);
		}
	}]);

	return AccountSettingsView;
}(_react.Component), _class.propTypes = {
	user: _react.PropTypes.shape().isRequired,
	token: _react.PropTypes.string.isRequired,
	statusText: _react.PropTypes.string,
	errors: _react.PropTypes.shape(),
	actions: _react.PropTypes.shape(),
	banner: _react.PropTypes.shape(),
	location: _react.PropTypes.shape({
		pathname: _react.PropTypes.string.isRequired
	}).isRequired
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		user: state.auth.get('user'),
		token: state.auth.get('token'),
		errors: state.auth.get('errors').toJS(),
		statusText: state.auth.get('statusText'),
		banner: state.nav.get('banner')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(AccountSettingsView);

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _reactRouterRedux = __webpack_require__(28);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var RequireAuthentication = (_temp = _class = function (_React$Component) {
	_inherits(RequireAuthentication, _React$Component);

	function RequireAuthentication() {
		_classCallCheck(this, RequireAuthentication);

		return _possibleConstructorReturn(this, (RequireAuthentication.__proto__ || Object.getPrototypeOf(RequireAuthentication)).apply(this, arguments));
	}

	_createClass(RequireAuthentication, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			this.checkAuth();
		}
	}, {
		key: 'componentWillReceiveProps',
		value: function componentWillReceiveProps() {
			this.checkAuth();
		}
	}, {
		key: 'checkAuth',
		value: function checkAuth() {
			if (!this.props.isAuthenticated) {
				var redirectAfterLogin = this.props.location.pathname;
				this.props.dispatch((0, _reactRouterRedux.push)('/login?next=' + redirectAfterLogin));
			}
		}
	}, {
		key: 'render',
		value: function render() {
			return _react2.default.createElement(
				'div',
				null,
				this.props.isAuthenticated === true ? this.props.children // eslint-disable-line react/jsx-no-undef
				: null
			);
		}
	}]);

	return RequireAuthentication;
}(_react2.default.Component), _class.propTypes = {
	isAuthenticated: _react2.default.PropTypes.bool.isRequired,
	location: _react2.default.PropTypes.shape({
		pathname: _react2.default.PropTypes.string.isRequired
	}).isRequired,
	dispatch: _react2.default.PropTypes.func.isRequired,
	children: _react2.default.PropTypes.node
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		isAuthenticated: state.auth.get('isAuthenticated')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(RequireAuthentication);
var content = __webpack_require__(502);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--settings .form--register{width:100%;max-width:none}.container--settings .form--register form{width:75%;margin:0 auto}@media (max-width: 768px){.container--settings .form--register form{width:100%}}.container--settings .form--register form input{width:100%}.container--settings .form--register .password-wrapper input{width:100%;margin-bottom:60px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/AccountSettings/style.scss"],"names":[],"mappings":"AAAA,qCAAqC,WAAW,cAAc,CAAC,0CAA0C,UAAU,aAAa,CAAC,0BAA0B,0CAA0C,UAAU,CAAC,CAAC,gDAAgD,UAAU,CAAC,6DAA6D,WAAW,kBAAkB,CAAC","file":"style.scss","sourcesContent":[".container--settings .form--register{width:100%;max-width:none}.container--settings .form--register form{width:75%;margin:0 auto}@media (max-width: 768px){.container--settings .form--register form{width:100%}}.container--settings .form--register form input{width:100%}.container--settings .form--register .password-wrapper input{width:100%;margin-bottom:60px}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactAddonsCssTransitionGroup = __webpack_require__(71);

var _reactAddonsCssTransitionGroup2 = _interopRequireDefault(_reactAddonsCssTransitionGroup);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _EmptyList = __webpack_require__(54);

var _EmptyList2 = _interopRequireDefault(_EmptyList);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _HorizontalCard = __webpack_require__(73);

var _HorizontalCard2 = _interopRequireDefault(_HorizontalCard);

var _CtaBanner = __webpack_require__(131);

var _CtaBanner2 = _interopRequireDefault(_CtaBanner);

var _EventFilter = __webpack_require__(506);

var _EventFilter2 = _interopRequireDefault(_EventFilter);

var _event = __webpack_require__(198);

var actionCreators = _interopRequireWildcard(_event);

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

__webpack_require__(515);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Events = (_temp = _class = function (_Component) {
	_inherits(Events, _Component);

	function Events(props) {
		_classCallCheck(this, Events);

		var _this = _possibleConstructorReturn(this, (Events.__proto__ || Object.getPrototypeOf(Events)).call(this, props));

		_this.state = {
			currentFilters: {}
		};
		_this.filters = [{
			title: 'Age Group',
			name: 'age_group',
			options: _constants.PROGRAM_AGE_GROUPS
		}, {
			title: 'Subject',
			name: 'subject',
			options: _constants.PROGRAM_SUBJECTS
		}, {
			title: 'Event Type',
			name: 'q',
			single: true,
			options: _constants.PROGRAM_EVENT_TYPE
		}, {
			title: 'Cost',
			name: 'is_free',
			single: true,
			options: _constants.PROGRAM_COST
		}];

		_this.listFilterChange = function (currentFilters) {
			var fetchEventsWithFilters = _this.props.actions.fetchEventsWithFilters;


			var formattedFilters = Object.keys(currentFilters).reduce(function (obj, key) {
				if (key.startsWith('start_range_')) {
					return Object.assign(obj, _defineProperty({}, key, (0, _utils.formatDate)(currentFilters[key], 'YYYY-MM-DD')));
				}

				return Object.assign(obj, _defineProperty({}, key, currentFilters[key]));
			}, {});

			_this.setState({
				currentFilters: formattedFilters
			}, function () {
				return fetchEventsWithFilters(formattedFilters);
			});
		};

		_this.loadMore = function () {
			var _this$props = _this.props,
			    actions = _this$props.actions,
			    next = _this$props.next;
			var fetchEventsWithFilters = actions.fetchEventsWithFilters;
			var currentFilters = _this.state.currentFilters;


			fetchEventsWithFilters(_extends({}, currentFilters, {
				page: next
			}), true);
		};

		_this.renderEventList = function () {
			var eventItems = _this.props.eventItems;


			var eventsList = eventItems.map(function (event) {
				return _react2.default.createElement(_HorizontalCard2.default, _extends({
					key: event.id
				}, (0, _utils.transformEventData)(event)));
			});

			return _react2.default.createElement(
				'div',
				{ className: 'events-list' },
				_react2.default.createElement(
					_reactAddonsCssTransitionGroup2.default,
					{
						component: 'div',
						className: 'events__list-wrapper-transition',
						transitionName: 'events__list-wrapper-transition',
						transitionEnterTimeout: 300,
						transitionLeaveTimeout: 100
					},
					eventsList && eventsList.length > 0 ? eventsList : _react2.default.createElement(_EmptyList2.default, { type: 'events' })
				)
			);
		};

		var displayCalendar = window.location.pathname.startsWith('/events/calendar');
		_this.state = {
			selectedDate: new Date(),
			stickyCalendar: false,
			absoluteCalendar: false,
			displayCalendar: displayCalendar,
			isFetchingNewEvents: false,
			daysUntilNextEvent: 0,
			transitionInComplete: false
		};
		return _this;
	}

	_createClass(Events, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var _props = this.props,
			    filterUserInterests = _props.filterUserInterests,
			    token = _props.token,
			    actions = _props.actions;
			var eventsInit = actions.eventsInit,
			    fetchEventsData = actions.fetchEventsData;


			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			eventsInit();

			if (filterUserInterests && token) {
				fetchEventsData(token);
			} else {
				fetchEventsData();
			}

			this.currentFilters = {};
		}
	}, {
		key: 'render',
		value: function render() {
			var _props2 = this.props,
			    hero = _props2.hero,
			    banner = _props2.banner,
			    next = _props2.next,
			    filterUserInterests = _props2.filterUserInterests,
			    isFetching = _props2.isFetching;

			var containerCls = (0, _classnames2.default)('container', 'container--events', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			var loadMoreStyle = next ? {} : { display: 'none' };

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				!filterUserInterests && _react2.default.createElement(_Hero2.default, {
					heading: hero.get('headline'),
					subheading: hero.get('subheading'),
					bgImgSrc: hero.get('image')
				}),
				!filterUserInterests && _react2.default.createElement(_EventFilter2.default, {
					onChange: this.listFilterChange
				}),
				_react2.default.createElement(
					'section',
					{ className: 'events' },
					_react2.default.createElement(
						'div',
						{ className: 'events__list-wrapper' },
						this.renderEventList(),
						_react2.default.createElement(
							'div',
							{
								className: 'events__list-button-wrapper',
								style: loadMoreStyle
							},
							_react2.default.createElement(_Button2.default, {
								label: 'See more',
								disabled: isFetching,
								onClick: this.loadMore
							})
						)
					),
					_react2.default.createElement(_CtaBanner2.default, {
						textSpan: '6',
						backgroundColor: 'white',
						heading: 'We also have ongoing daily programming!',
						text: 'Aside from our special events and classes, we offer weekly scheduled programs like dog training 101, grooming demos, tours and more.',
						label: 'View Programs',
						href: '/programs'
					})
				)
			);
		}
	}]);

	return Events;
}(_react.Component), _class.propTypes = {
	eventItems: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.shape()).isRequired,
	hero: _react2.default.PropTypes.shape().isRequired,
	actions: _react2.default.PropTypes.shape({
		eventsInit: _react2.default.PropTypes.func.isRequired,
		fetchEventsData: _react2.default.PropTypes.func.isRequired,
		fetchEventsWithFilters: _react2.default.PropTypes.func.isRequired
	}).isRequired,
	banner: _react2.default.PropTypes.shape(),
	next: _react2.default.PropTypes.string,
	token: _react2.default.PropTypes.string,
	filterUserInterests: _react2.default.PropTypes.bool,
	isFetching: _react2.default.PropTypes.bool
}, _class.defaultProps = {
	filterUserInterests: false
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		eventItems: state.events.get('eventsList').toJS(),
		hero: state.events.get('hero'),
		banner: state.nav.get('banner'),
		next: state.events.get('next'),
		token: state.auth.get('token'),
		isFetching: state.events.get('isFetching')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Events);

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Calendar = __webpack_require__(507);

var _Calendar2 = _interopRequireDefault(_Calendar);

var _utils = __webpack_require__(5);

__webpack_require__(510);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var ALL_DATES = 'All Dates';

var EventFilter = (_temp2 = _class = function (_Component) {
	_inherits(EventFilter, _Component);

	function EventFilter() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, EventFilter);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = EventFilter.__proto__ || Object.getPrototypeOf(EventFilter)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			openCalendar: false,
			filters: {
				start_range_0: null,
				start_range_1: null,
				is_free: null
			}
		}, _this.callback = function () {
			var filters = _this.state.filters;

			var sanitizedFilters = Object.keys(filters).filter(function (key) {
				return filters[key];
			}) //	only apply filter if it's truthy
			.reduce(function (obj, key) {
				return Object.assign(obj, _defineProperty({}, key, filters[key]));
			}, {});

			_this.props.onChange(sanitizedFilters);
		}, _this.toggleFree = function () {
			_this.setState({
				filters: _extends({}, _this.state.filters, {
					is_free: !_this.state.filters.is_free
				})
			}, _this.callback);
		}, _this.toggleCalendar = function (val) {
			_this.setState({
				openCalendar: val || !_this.state.openCalendar
			});
		}, _this.updateDays = function (_ref2) {
			var from = _ref2.from,
			    to = _ref2.to;

			_this.setState({
				filters: _extends({}, _this.state.filters, {
					start_range_0: from,
					start_range_1: to
				})
			}, _this.callback);
		}, _this.displayDate = function () {
			var _this$state$filters = _this.state.filters,
			    start_range_0 = _this$state$filters.start_range_0,
			    start_range_1 = _this$state$filters.start_range_1; //	eslint-disable-line

			if (start_range_0 && start_range_1) {
				//	eslint-disable-line
				return (0, _utils.formatDate)(start_range_0, 'MM/DD/YY') + ' - ' + (0, _utils.formatDate)(start_range_1, 'MM/DD/YY');
			}

			return ALL_DATES;
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(EventFilter, [{
		key: 'render',
		value: function render() {
			var _this2 = this;

			var _state = this.state,
			    openCalendar = _state.openCalendar,
			    filters = _state.filters;
			var start_range_0 = filters.start_range_0,
			    start_range_1 = filters.start_range_1; //	eslint-disable-line

			var freeClasses = (0, _classnames2.default)('filters__filter', 'filter--free', {
				'filter--free-on': filters.is_free,
				'filter--free-off': !filters.is_free
			});

			return _react2.default.createElement(
				'div',
				{ className: 'filters' },
				openCalendar && _react2.default.createElement(_Calendar2.default, {
					selectedDays: { from: start_range_0, to: start_range_1 },
					onDateSelect: this.updateDays,
					onClose: function onClose() {
						return _this2.toggleCalendar(false);
					}
				}),
				_react2.default.createElement(
					'button',
					{
						className: 'filters__filter filter--calendar',
						onClick: this.toggleCalendar
					},
					_react2.default.createElement('img', { src: __webpack_require__(208), alt: 'calendar icon', className: 'cal-icon' }),
					this.displayDate()
				),
				_react2.default.createElement(
					'div',
					{
						className: freeClasses
					},
					_react2.default.createElement('input', {
						type: 'checkbox',
						onClick: this.toggleFree,
						id: 'free_events'
					}),
					_react2.default.createElement(
						'label',
						{
							htmlFor: 'free_events'
						},
						'Free Events'
					)
				)
			);
		}
	}]);

	return EventFilter;
}(_react.Component), _class.propTypes = {
	onChange: _react.PropTypes.func.isRequired
}, _temp2);
exports.default = EventFilter;

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.default = undefined;

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactDayPicker = __webpack_require__(567);

var _reactDayPicker2 = _interopRequireDefault(_reactDayPicker);

__webpack_require__(568);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

__webpack_require__(508);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var Calendar = (_temp2 = _class = function (_Component) {
	_inherits(Calendar, _Component);

	function Calendar() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, Calendar);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Calendar.__proto__ || Object.getPrototypeOf(Calendar)).call.apply(_ref, [this].concat(args))), _this), _this.onDayClick = function (date, modifiers, e) {
			e.stopPropagation();

			var d = date;
			d.setHours(0); // DayPicker defaults to 12 w/o ability to override...
			var selectedDays = _reactDayPicker.DateUtils.addDayToRange(d, _this.props.selectedDays);

			_this.props.onDateSelect(selectedDays);
		}, _this.renderDay = function (day) {
			// const isSelected = differenceInCalendarDays(day, this.props.selectedDate) === 0;
			var isSelected = false;

			return _react2.default.createElement(
				'p',
				{ className: 'day-inner', 'aria-label': isSelected ? day.getDate() + ', selected' : day.getDate() },
				day.getDate()
			);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	// wrap day w/inner element so we can add borders w/o screwing up table layout and override ariaLabel


	_createClass(Calendar, [{
		key: 'render',
		value: function render() {
			var ariaLabel = 'Event Calendar, ' + this.props.selectedDays + ' selected';
			var _props$selectedDays = this.props.selectedDays,
			    from = _props$selectedDays.from,
			    to = _props$selectedDays.to;


			return _react2.default.createElement(
				'div',
				{ className: 'calendar__wrapper', tabIndex: '0', 'aria-label': ariaLabel },
				_react2.default.createElement(_reactDayPicker2.default, {
					initialMonth: new Date(),
					selectedDays: this.props.selectedDays,
					onDayClick: this.onDayClick,
					weekdaysShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
					modifiers: { start: from, end: to },
					renderDay: this.renderDay
				}),
				_react2.default.createElement(_Button2.default, {
					label: 'Done',
					onClick: this.props.onClose
				})
			);
		}
	}]);

	return Calendar;
}(_react.Component), _class.propTypes = {
	onDateSelect: _react.PropTypes.func.isRequired,
	selectedDays: _react.PropTypes.shape({
		from: _react.PropTypes.string,
		to: _react.PropTypes.string
	}),
	onClose: _react.PropTypes.func.isRequired
}, _temp2);
exports.default = Calendar;
var content = __webpack_require__(509);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".calendar__wrapper{width:100%;background-color:#fff;border-left:8px solid #f7f7f3;border-right:8px solid #f7f7f3;min-height:333px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.calendar__wrapper:focus{outline:-webkit-focus-ring-color auto 5px}.calendar__wrapper.sticky{position:fixed;top:0;left:0;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/12);max-width:calc(100% * 4/12);width:calc(100% * 4/12);display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:88px}.calendar__wrapper.sticky:nth-child(1n){margin-right:0;margin-left:0}.calendar__wrapper.sticky:last-child{margin-right:0}.calendar__wrapper.sticky:nth-child(12n){margin-right:0;margin-left:auto}.calendar__wrapper *{color:#333;font-family:\"Larsseit\";font-size:1em;letter-spacing:1px;line-height:30px}.calendar__wrapper .button{margin-bottom:20px;padding:8px 30px 6px;color:#fff}.calendar__wrapper .DayPicker{width:100%}.calendar__wrapper .DayPicker-NavBar{height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px 0}.calendar__wrapper .DayPicker-Weekday abbr{text-decoration:none}.calendar__wrapper .DayPicker-NavButton{background-image:url(" + escape(__webpack_require__(210)) + ");background-repeat:no-repeat;background-size:contain;background-position:50% 50%}.calendar__wrapper .DayPicker-NavButton--next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.calendar__wrapper .DayPicker-NavButton--prev{right:auto}.calendar__wrapper .DayPicker-Caption{margin-top:-18px;text-align:center}.calendar__wrapper .DayPicker-Month{width:90%}.calendar__wrapper .DayPicker-Day{border:0;padding:0;border-radius:0;color:#333 !important}.calendar__wrapper .DayPicker-Day:hover{background:#f80 !important}.calendar__wrapper .DayPicker-Day--today .day-inner{font-family:\"Larsseit-Bold\"}.calendar__wrapper .DayPicker-Day .day-inner{border:2px solid transparent;padding:4px}.calendar__wrapper .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside){background-color:#f80}.calendar__wrapper .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .day-inner{color:#000}.calendar__wrapper .DayPicker-Day--start{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.calendar__wrapper .DayPicker-Day--end{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.dialog-overlay .DayPicker-NavBar{margin-bottom:-2.4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Calendar/style.scss"],"names":[],"mappings":"AAAA,mBAAmB,WAAW,sBAAsB,8BAA8B,+BAA+B,iBAAiB,oBAAoB,oBAAoB,aAAa,4BAA4B,6BAA6B,0BAA0B,sBAAsB,yBAAyB,sBAAsB,kBAAkB,CAAC,yBAAyB,yCAAyC,CAAC,0BAA0B,eAAe,MAAM,OAAO,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,oBAAoB,oBAAoB,aAAa,gBAAgB,CAAC,wCAAwC,eAAe,aAAa,CAAC,qCAAqC,cAAc,CAAC,yCAAyC,eAAe,gBAAgB,CAAC,qBAAqB,WAAW,uBAAuB,cAAc,mBAAmB,gBAAgB,CAAC,2BAA2B,mBAAmB,qBAAqB,UAAU,CAAC,8BAA8B,UAAU,CAAC,qCAAqC,YAAY,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,8BAA8B,mBAAmB,CAAC,2CAA2C,oBAAoB,CAAC,wCAAwC,+CAAsE,4BAA4B,wBAAwB,2BAA2B,CAAC,8CAA8C,iCAAiC,wBAAwB,CAAC,8CAA8C,UAAU,CAAC,sCAAsC,iBAAiB,iBAAiB,CAAC,oCAAoC,SAAS,CAAC,kCAAkC,SAAS,UAAU,gBAAgB,qBAAqB,CAAC,wCAAwC,0BAA0B,CAAC,oDAAoD,2BAA2B,CAAC,6CAA6C,6BAA6B,WAAW,CAAC,uGAAuG,qBAAqB,CAAC,kHAAkH,UAAU,CAAC,yCAAyC,sCAAsC,wCAAwC,CAAC,uCAAuC,uCAAuC,yCAAyC,CAAC,kCAAkC,sBAAsB,wBAAwB,qBAAqB,sBAAsB,CAAC","file":"style.scss","sourcesContent":[".calendar__wrapper{width:100%;background-color:#fff;border-left:8px solid #f7f7f3;border-right:8px solid #f7f7f3;min-height:333px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.calendar__wrapper:focus{outline:-webkit-focus-ring-color auto 5px}.calendar__wrapper.sticky{position:fixed;top:0;left:0;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/12);max-width:calc(100% * 4/12);width:calc(100% * 4/12);display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:88px}.calendar__wrapper.sticky:nth-child(1n){margin-right:0;margin-left:0}.calendar__wrapper.sticky:last-child{margin-right:0}.calendar__wrapper.sticky:nth-child(12n){margin-right:0;margin-left:auto}.calendar__wrapper *{color:#333;font-family:\"Larsseit\";font-size:1em;letter-spacing:1px;line-height:30px}.calendar__wrapper .button{margin-bottom:20px;padding:8px 30px 6px;color:#fff}.calendar__wrapper .DayPicker{width:100%}.calendar__wrapper .DayPicker-NavBar{height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px 0}.calendar__wrapper .DayPicker-Weekday abbr{text-decoration:none}.calendar__wrapper .DayPicker-NavButton{background-image:url(\"../../common/images/arrow_carousel-orange.svg\");background-repeat:no-repeat;background-size:contain;background-position:50% 50%}.calendar__wrapper .DayPicker-NavButton--next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.calendar__wrapper .DayPicker-NavButton--prev{right:auto}.calendar__wrapper .DayPicker-Caption{margin-top:-18px;text-align:center}.calendar__wrapper .DayPicker-Month{width:90%}.calendar__wrapper .DayPicker-Day{border:0;padding:0;border-radius:0;color:#333 !important}.calendar__wrapper .DayPicker-Day:hover{background:#f80 !important}.calendar__wrapper .DayPicker-Day--today .day-inner{font-family:\"Larsseit-Bold\"}.calendar__wrapper .DayPicker-Day .day-inner{border:2px solid transparent;padding:4px}.calendar__wrapper .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside){background-color:#f80}.calendar__wrapper .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) .day-inner{color:#000}.calendar__wrapper .DayPicker-Day--start{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.calendar__wrapper .DayPicker-Day--end{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.dialog-overlay .DayPicker-NavBar{margin-bottom:-2.4rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(511);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".filters{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;width:100%;padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:11;display:flex;flex-flow:row wrap;max-width:calc(100% * 10/12);margin-left:auto;margin-right:auto}.filters--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 768px){.filters{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;padding:20px 0;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.filters:nth-child(1n){margin-right:0;margin-left:0}.filters:last-child{margin-right:0}.filters:nth-child(1n){margin-right:0;margin-left:auto}}.filters__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding-bottom:0;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/10);max-width:calc(100% * 4/10);width:calc(100% * 4/10);background-repeat:no-repeat;background-position:right;height:60px;min-height:60px}.filters__filter:nth-child(1n){margin-right:0;margin-left:0}.filters__filter:last-child{margin-right:0}.filters__filter:nth-child(10n){margin-right:0;margin-left:auto}@media (max-width: 768px){.filters__filter{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);background-position:calc(100% - 40px)}.filters__filter:nth-child(1n){margin-right:0;margin-left:0}.filters__filter:last-child{margin-right:0}.filters__filter:nth-child(1n){margin-right:0;margin-left:auto}}.filters .filter--calendar{background-image:url(" + escape(__webpack_require__(512)) + ")}.filters .filter--free{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:30px;position:relative}@media (max-width: 768px){.filters .filter--free{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-right:0}}.filters .filter--free input{border:0;position:absolute;right:0;top:0;bottom:0;width:100%}.filters .filter--free-on{background-image:url(" + escape(__webpack_require__(513)) + ")}.filters .filter--free-off{background-image:url(" + escape(__webpack_require__(514)) + ")}@media (max-width: 768px){.filters__filter{padding:17px 40px}}@media (max-width: 768px){.filters__filter:last-child{border-top:4px solid #f7f7f3}}.filters__filter.is-focused:not(.is-open)>.Select-control{border-color:#f80 !important}.filters .cal-icon{height:30px;margin-right:20px}.filters .calendar__wrapper{position:absolute;top:100px;width:320px;border:0;box-shadow:0px 0px 10px 2px #cbcbcb;z-index:10}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/EventFilter/style.scss"],"names":[],"mappings":"AAAA,SAAS,oBAAoB,oBAAoB,aAAa,2BAA2B,4BAA4B,WAAW,aAAa,yBAAyB,sBAAsB,8BAA8B,sBAAsB,mBAAmB,qBAAqB,kBAAkB,WAAW,aAAa,mBAAmB,6BAA6B,iBAAiB,iBAAiB,CAAC,iBAAiB,wBAAwB,qBAAqB,sBAAsB,CAAC,0BAA0B,SAAS,4BAA4B,6BAA6B,0BAA0B,sBAAsB,YAAY,eAAe,0BAA0B,uBAAuB,oBAAoB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,uBAAuB,eAAe,aAAa,CAAC,oBAAoB,cAAc,CAAC,uBAAuB,eAAe,gBAAgB,CAAC,CAAC,iBAAiB,oBAAoB,oBAAoB,aAAa,yBAAyB,sBAAsB,mBAAmB,kBAAkB,iBAAiB,YAAY,cAAc,6BAA6B,4BAA4B,wBAAwB,4BAA4B,0BAA0B,YAAY,eAAe,CAAC,+BAA+B,eAAe,aAAa,CAAC,4BAA4B,cAAc,CAAC,gCAAgC,eAAe,gBAAgB,CAAC,0BAA0B,iBAAiB,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,qCAAqC,CAAC,+BAA+B,eAAe,aAAa,CAAC,4BAA4B,cAAc,CAAC,+BAA+B,eAAe,gBAAgB,CAAC,CAAC,2BAA2B,8CAA0C,CAAC,uBAAuB,qBAAqB,kBAAkB,yBAAyB,mBAAmB,iBAAiB,CAAC,0BAA0B,uBAAuB,uBAAuB,oBAAoB,2BAA2B,eAAe,CAAC,CAAC,6BAA6B,SAAS,kBAAkB,QAAQ,MAAM,SAAS,UAAU,CAAC,0BAA0B,8CAAyC,CAAC,2BAA2B,8CAAwC,CAAC,0BAA0B,iBAAiB,iBAAiB,CAAC,CAAC,0BAA0B,4BAA4B,4BAA4B,CAAC,CAAC,0DAA0D,4BAA4B,CAAC,mBAAmB,YAAY,iBAAiB,CAAC,4BAA4B,kBAAkB,UAAU,YAAY,SAAS,oCAAoC,UAAU,CAAC","file":"style.scss","sourcesContent":[".filters{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:justify;align-content:space-between;width:100%;padding:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;z-index:11;display:flex;flex-flow:row wrap;max-width:calc(100% * 10/12);margin-left:auto;margin-right:auto}.filters--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 768px){.filters{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;padding:20px 0;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.filters:nth-child(1n){margin-right:0;margin-left:0}.filters:last-child{margin-right:0}.filters:nth-child(1n){margin-right:0;margin-left:auto}}.filters__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding-bottom:0;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 4/10);max-width:calc(100% * 4/10);width:calc(100% * 4/10);background-repeat:no-repeat;background-position:right;height:60px;min-height:60px}.filters__filter:nth-child(1n){margin-right:0;margin-left:0}.filters__filter:last-child{margin-right:0}.filters__filter:nth-child(10n){margin-right:0;margin-left:auto}@media (max-width: 768px){.filters__filter{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);background-position:calc(100% - 40px)}.filters__filter:nth-child(1n){margin-right:0;margin-left:0}.filters__filter:last-child{margin-right:0}.filters__filter:nth-child(1n){margin-right:0;margin-left:auto}}.filters .filter--calendar{background-image:url(\"./images/carat.svg\")}.filters .filter--free{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:30px;position:relative}@media (max-width: 768px){.filters .filter--free{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-right:0}}.filters .filter--free input{border:0;position:absolute;right:0;top:0;bottom:0;width:100%}.filters .filter--free-on{background-image:url(\"./images/free.svg\")}.filters .filter--free-off{background-image:url(\"./images/all.svg\")}@media (max-width: 768px){.filters__filter{padding:17px 40px}}@media (max-width: 768px){.filters__filter:last-child{border-top:4px solid #f7f7f3}}.filters__filter.is-focused:not(.is-open)>.Select-control{border-color:#f80 !important}.filters .cal-icon{height:30px;margin-right:20px}.filters .calendar__wrapper{position:absolute;top:100px;width:320px;border:0;box-shadow:0px 0px 10px 2px #cbcbcb;z-index:10}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "3066fc91e783c2bda963e30980d33ab3.svg";module.exports = __webpack_require__.p + "eaf45317b44a223435eaf52a91965f4f.svg";module.exports = __webpack_require__.p + "d06aba078cafb17110367c13aa3233b1.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.eventsInit = eventsInit;
exports.fetchEventsData = fetchEventsData;
exports.fetchEventsWithFilters = fetchEventsWithFilters;
exports.fetchEvent = fetchEvent;

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

var path = '/pages/events';
var eventListPath = '/events';

function eventsInit() {
	return {
		type: _constants.EVENTS_INIT
	};
}

function eventsLoading() {
	return {
		type: _constants.EVENTS_LOADING
	};
}

function eventsLoaded(data) {
	return {
		type: _constants.EVENTS_LOADED,
		payload: {
			data: data
		}
	};
}

function eventsLoadedWithFilters(data, merge) {
	return {
		type: _constants.EVENTS_WITH_FILTERS_LOADED,
		payload: {
			data: data,
			merge: merge
		}
	};
}

function fetchEventsData(token) {
	return function (dispatch) {
		dispatch(eventsLoading());

		var params = token ? {
			path: '/me/events',
			headers: { Authorization: 'JWT ' + token } } : { path: path };

		return (0, _utils.request)(params).then(function (response) {
			return dispatch(eventsLoaded(token ? { content: [{ events: { results: response.data.map(_utils.flattenAPIData), links: {}, meta: { pagination: {} } } }] //	spoofing response format from /events
			} : response.data.attributes));
		}).catch(function (error) {
			throw new Error(error);
		});
	};
}

function fetchEventsWithFilters() {
	var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
	var merge = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;

	return function (dispatch) {
		dispatch(eventsLoading());
		return (0, _utils.request)({
			path: eventListPath,
			params: params
		}).then(function (response) {
			return dispatch(eventsLoadedWithFilters(response, merge));
		}).catch(function (error) {
			throw new Error(error);
		});
	};
}

function eventLoading() {
	return {
		type: _constants.EVENT_LOADING
	};
}

function eventLoaded(data) {
	return {
		type: _constants.EVENT_LOADED,
		payload: { data: data }
	};
}

function fetchEvent(id) {
	return function (dispatch) {
		dispatch(eventLoading());
		(0, _utils.request)({
			path: '/events/' + id
		}).then(function (response) {
			dispatch(eventLoaded((0, _utils.flattenAPIData)(response.data)));
		}).catch(function (err) {
			console.error(err);
			dispatch(eventLoaded(null));
		});
	};
}
var content = __webpack_require__(516);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".events{padding-top:30px;background-color:#f7f7f3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.msie .events{display:block !important}@media (max-width: 1024px){.events{padding-top:0;display:block}}.events__list-wrapper{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-left:calc(100% * 1/12) !important;border-right:8px solid #f7f7f3;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.events__list-wrapper:nth-child(1n){margin-right:0;margin-left:0}.events__list-wrapper:last-child{margin-right:0}.events__list-wrapper:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.events__list-wrapper{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);margin-left:0 !important;margin-right:0 !important;padding:32px;border:0;display:block}.events__list-wrapper:nth-child(1n){margin-right:0;margin-left:0}.events__list-wrapper:last-child{margin-right:0}.events__list-wrapper:nth-child(12n){margin-right:0;margin-left:auto}}.events__list-wrapper .heading--sm{font-family:\"Larsseit-Light\"}.events__list-button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 0}@media (max-width: 1024px){.events__list-button-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.events .events__list-wrapper-transition .horizontal-card:nth-child(1){transition:opacity 0.3s ease-out .15s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .1s;transition:opacity 0.3s ease-out .15s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .1s;transition:opacity 0.3s ease-out .15s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .1s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .1s}.events .events__list-wrapper-transition .horizontal-card:nth-child(2){transition:opacity 0.3s ease-out .25s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .2s;transition:opacity 0.3s ease-out .25s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .2s;transition:opacity 0.3s ease-out .25s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .2s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .2s}.events .events__list-wrapper-transition .horizontal-card:nth-child(3){transition:opacity 0.3s ease-out .35s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .3s;transition:opacity 0.3s ease-out .35s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .3s;transition:opacity 0.3s ease-out .35s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .3s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .3s}.events .events__list-wrapper-transition-enter .horizontal-card{opacity:0.01;-webkit-transform:translateY(100px);transform:translateY(100px)}.events .events__list-wrapper-transition-enter.events__list-wrapper-transition-enter-active .horizontal-card{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.events .events__list-wrapper-transition-leave .horizontal-card{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.events .events__list-wrapper-transition-leave.events__list-wrapper-transition-leave-active .horizontal-card{opacity:0.01;-webkit-transform:translateY(100px);transform:translateY(100px);transition:opacity 0.2s ease-out 0s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0s;transition:opacity 0.2s ease-out 0s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0s;transition:opacity 0.2s ease-out 0s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0s}.events .empty-list{margin-top:120px}@media (max-width: 1024px){.events .empty-list{margin-top:0}}.events .horizontal-card{min-height:320px}.events .banner{text-align:center;margin-left:0;margin-right:0}.events .banner--cta__text{margin-left:calc(100% * 3/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12)}.events .banner--cta__text:nth-child(1n){margin-right:0;margin-left:0}.events .banner--cta__text:last-child{margin-right:0}.events .banner--cta__text:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1279px){.events .banner--cta__text{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12)}.events .banner--cta__text:nth-child(1n){margin-right:0;margin-left:0}.events .banner--cta__text:last-child{margin-right:0}.events .banner--cta__text:nth-child(12n){margin-right:0;margin-left:auto}}.events .banner--cta__text .heading--sm{padding-top:35px;font-size:20px;font-family:\"Larsseit\";line-height:32px;letter-spacing:1px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Events/style.scss"],"names":[],"mappings":"AAAA,QAAQ,iBAAiB,yBAAyB,oBAAoB,oBAAoB,aAAa,qBAAqB,kBAAkB,yBAAyB,kBAAkB,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,cAAc,wBAAwB,CAAC,2BAA2B,QAAQ,cAAc,aAAa,CAAC,CAAC,sBAAsB,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,yCAAyC,+BAA+B,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,oCAAoC,eAAe,aAAa,CAAC,iCAAiC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,2BAA2B,sBAAsB,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,yBAAyB,0BAA0B,aAAa,SAAS,aAAa,CAAC,oCAAoC,eAAe,aAAa,CAAC,iCAAiC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,CAAC,mCAAmC,4BAA4B,CAAC,6BAA6B,oBAAoB,oBAAoB,aAAa,wBAAwB,qBAAqB,uBAAuB,cAAc,CAAC,2BAA2B,6BAA6B,wBAAwB,qBAAqB,sBAAsB,CAAC,CAAC,uEAAuE,mGAAmG,2FAA2F,uJAAuJ,CAAC,uEAAuE,mGAAmG,2FAA2F,uJAAuJ,CAAC,uEAAuE,mGAAmG,2FAA2F,uJAAuJ,CAAC,gEAAgE,aAAa,oCAAoC,2BAA2B,CAAC,6GAA6G,UAAU,gCAAgC,uBAAuB,CAAC,gEAAgE,UAAU,gCAAgC,uBAAuB,CAAC,6GAA6G,aAAa,oCAAoC,4BAA4B,gGAAgG,wFAAwF,mJAAmJ,CAAC,oBAAoB,gBAAgB,CAAC,2BAA2B,oBAAoB,YAAY,CAAC,CAAC,yBAAyB,gBAAgB,CAAC,gBAAgB,kBAAkB,cAAc,cAAc,CAAC,2BAA2B,yCAAyC,YAAY,cAAc,6BAA6B,4BAA4B,uBAAuB,CAAC,yCAAyC,eAAe,aAAa,CAAC,sCAAsC,cAAc,CAAC,0CAA0C,eAAe,gBAAgB,CAAC,2BAA2B,2BAA2B,yBAAyB,0BAA0B,YAAY,cAAc,8BAA8B,6BAA6B,wBAAwB,CAAC,yCAAyC,eAAe,aAAa,CAAC,sCAAsC,cAAc,CAAC,0CAA0C,eAAe,gBAAgB,CAAC,CAAC,wCAAwC,iBAAiB,eAAe,uBAAuB,iBAAiB,kBAAkB,CAAC","file":"style.scss","sourcesContent":[".events{padding-top:30px;background-color:#f7f7f3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.msie .events{display:block !important}@media (max-width: 1024px){.events{padding-top:0;display:block}}.events__list-wrapper{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-left:calc(100% * 1/12) !important;border-right:8px solid #f7f7f3;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.events__list-wrapper:nth-child(1n){margin-right:0;margin-left:0}.events__list-wrapper:last-child{margin-right:0}.events__list-wrapper:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1024px){.events__list-wrapper{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12);margin-left:0 !important;margin-right:0 !important;padding:32px;border:0;display:block}.events__list-wrapper:nth-child(1n){margin-right:0;margin-left:0}.events__list-wrapper:last-child{margin-right:0}.events__list-wrapper:nth-child(12n){margin-right:0;margin-left:auto}}.events__list-wrapper .heading--sm{font-family:\"Larsseit-Light\"}.events__list-button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:60px 0}@media (max-width: 1024px){.events__list-button-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.events .events__list-wrapper-transition .horizontal-card:nth-child(1){transition:opacity 0.3s ease-out .15s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .1s;transition:opacity 0.3s ease-out .15s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .1s;transition:opacity 0.3s ease-out .15s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .1s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .1s}.events .events__list-wrapper-transition .horizontal-card:nth-child(2){transition:opacity 0.3s ease-out .25s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .2s;transition:opacity 0.3s ease-out .25s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .2s;transition:opacity 0.3s ease-out .25s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .2s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .2s}.events .events__list-wrapper-transition .horizontal-card:nth-child(3){transition:opacity 0.3s ease-out .35s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .3s;transition:opacity 0.3s ease-out .35s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .3s;transition:opacity 0.3s ease-out .35s,transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .3s,-webkit-transform 0.4s cubic-bezier(0.17, 0.89, 0.32, 1) .3s}.events .events__list-wrapper-transition-enter .horizontal-card{opacity:0.01;-webkit-transform:translateY(100px);transform:translateY(100px)}.events .events__list-wrapper-transition-enter.events__list-wrapper-transition-enter-active .horizontal-card{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.events .events__list-wrapper-transition-leave .horizontal-card{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.events .events__list-wrapper-transition-leave.events__list-wrapper-transition-leave-active .horizontal-card{opacity:0.01;-webkit-transform:translateY(100px);transform:translateY(100px);transition:opacity 0.2s ease-out 0s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0s;transition:opacity 0.2s ease-out 0s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0s;transition:opacity 0.2s ease-out 0s,transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0s,-webkit-transform 0.3s cubic-bezier(0.17, 0.89, 0.32, 1) 0s}.events .empty-list{margin-top:120px}@media (max-width: 1024px){.events .empty-list{margin-top:0}}.events .horizontal-card{min-height:320px}.events .banner{text-align:center;margin-left:0;margin-right:0}.events .banner--cta__text{margin-left:calc(100% * 3/12) !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 6/12);max-width:calc(100% * 6/12);width:calc(100% * 6/12)}.events .banner--cta__text:nth-child(1n){margin-right:0;margin-left:0}.events .banner--cta__text:last-child{margin-right:0}.events .banner--cta__text:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 1279px){.events .banner--cta__text{margin-left:0 !important;margin-right:0 !important;flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 12/12);max-width:calc(100% * 12/12);width:calc(100% * 12/12)}.events .banner--cta__text:nth-child(1n){margin-right:0;margin-left:0}.events .banner--cta__text:last-child{margin-right:0}.events .banner--cta__text:nth-child(12n){margin-right:0;margin-left:auto}}.events .banner--cta__text .heading--sm{padding-top:35px;font-size:20px;font-family:\"Larsseit\";line-height:32px;letter-spacing:1px}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRouter = __webpack_require__(19);

var _redux = __webpack_require__(15);

var _auth = __webpack_require__(43);

var actionCreators = _interopRequireWildcard(_auth);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _Card = __webpack_require__(55);

var _Card2 = _interopRequireDefault(_Card);

var _EmptyList = __webpack_require__(54);

var _EmptyList2 = _interopRequireDefault(_EmptyList);

var _HorizontalCard = __webpack_require__(73);

var _HorizontalCard2 = _interopRequireDefault(_HorizontalCard);

var _TabBar = __webpack_require__(503);

var _TabBar2 = _interopRequireDefault(_TabBar);

var _Events = __webpack_require__(206);

var _Events2 = _interopRequireDefault(_Events);

var _requireAuthentication = __webpack_require__(132);

var _requireAuthentication2 = _interopRequireDefault(_requireAuthentication);

var _utils = __webpack_require__(5);

__webpack_require__(517);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var fallbackImg = __webpack_require__(92);

var FavoritesView = (_temp2 = _class = function (_Component) {
	_inherits(FavoritesView, _Component);

	function FavoritesView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, FavoritesView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = FavoritesView.__proto__ || Object.getPrototypeOf(FavoritesView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			activeTab: 0,
			transitionInComplete: false
		}, _this.getWelcomeText = function (name) {
			var displayName = !name ? 'you' : name;
			var welcomeOpts = ['Welcome back, ' + displayName, 'Tail wags for ' + displayName, displayName + '\'s home!', 'Purrrrrrrrs for ' + displayName, 'Hi there, ' + displayName, 'Hello ' + displayName + ', Woof!'];

			return welcomeOpts[Math.floor(Math.random() * welcomeOpts.length)];
		}, _this.updateActiveTab = function (activeTab) {
			_this.setState({
				activeTab: activeTab
			});
		}, _this.renderPets = function () {
			var favouriteAnimals = _this.props.user.get('favouriteAnimals');

			return !favouriteAnimals || favouriteAnimals.size === 0 ? _react2.default.createElement(
				_EmptyList2.default,
				{ type: 'pets' },
				_react2.default.createElement(
					'h4',
					{ className: 'heading heading--sm' },
					'You do not currently have any favorited pets. Let\u2019s fix that! ',
					_react2.default.createElement(
						_reactRouter.Link,
						{ to: '/adopt' },
						'View Adoptable Pets'
					),
					'.'
				)
			) : favouriteAnimals.toJS().map(function (pet) {
				var key = 'pet-item-' + pet.id;
				var cardProps = (0, _utils.petDataCard)(pet);
				cardProps.favorited = true;
				return _react2.default.createElement(_Card2.default, _extends({
					key: key
				}, cardProps));
			});
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(FavoritesView, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			this.welcomeText = this.getWelcomeText(this.props.user.get('firstName'));
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    user = _props.user,
			    banner = _props.banner,
			    location = _props.location,
			    eventsList = _props.eventsList;
			var pathname = location.pathname;


			var containerCls = (0, _classnames2.default)('container', 'container-transition-appear', 'container--favorites', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			var favouriteAnimals = user.get('favouriteAnimals');
			var favouriteArticles = user.get('favouriteArticles');

			var activeTab = this.state.activeTab;

			var petsCls = (0, _classnames2.default)('favorites', {
				hide: activeTab !== 0
			});

			var eventsCls = (0, _classnames2.default)('favorites', {
				hide: activeTab !== 1
			});

			var articlesCls = (0, _classnames2.default)('favorites', {
				hide: activeTab !== 2
			});

			return _react2.default.createElement(
				_requireAuthentication2.default,
				{ location: { pathname: pathname } },
				_react2.default.createElement(
					'div',
					{ className: containerCls },
					_react2.default.createElement(_Hero2.default, {
						heading: this.welcomeText,
						subheading: 'Your saved content',
						bgImgSrc: (0, _utils.randomHeroImage)()
					}),
					_react2.default.createElement(_TabBar2.default, {
						items: [{ label: 'Favorited Pets', count: favouriteAnimals.size }, { label: 'Upcoming Events', count: eventsList.size }, { label: 'Your Library', count: favouriteArticles.size }],
						tabChangeCb: this.updateActiveTab
					}),
					_react2.default.createElement(
						'div',
						{ className: petsCls },
						_react2.default.createElement(
							'div',
							{ className: 'favorite-pets-wrapper' },
							this.renderPets()
						)
					),
					_react2.default.createElement(
						'div',
						{ className: articlesCls },
						favouriteArticles.size === 0 ? _react2.default.createElement(
							_EmptyList2.default,
							{ type: 'articles' },
							_react2.default.createElement(
								'h4',
								{ className: 'heading heading--sm' },
								'You do not currently have any saved content. Browse our ',
								_react2.default.createElement(
									_reactRouter.Link,
									{ to: '/about/blog' },
									'Blog'
								),
								' to get started.'
							)
						) : favouriteArticles.toJS().map(function (_ref2) {
							var id = _ref2.id,
							    title = _ref2.title,
							    blurb = _ref2.blurb,
							    coverPhoto = _ref2.coverPhoto,
							    pubdate = _ref2.pubdate,
							    author = _ref2.author,
							    readTime = _ref2.readTime;
							return _react2.default.createElement(_HorizontalCard2.default, {
								favoriteType: 'article',
								layout: 'rtl',
								id: id,
								title: title,
								description: blurb,
								href: '/about/news/' + id,
								cta: 'Read More',
								imgSrc: coverPhoto || fallbackImg,
								subheading: (0, _utils.articleSubheading)({ pubdate: pubdate, author: author, readTime: readTime }),
								subheadingStyle: 'bottom'
							});
						})
					),
					_react2.default.createElement(
						'div',
						{ className: eventsCls },
						eventsList.size === 0 ? _react2.default.createElement(
							_EmptyList2.default,
							{ type: 'events' },
							_react2.default.createElement(
								'h4',
								{ className: 'heading heading--sm' },
								'To view your upcoming events, update your interests in your ',
								_react2.default.createElement(
									_reactRouter.Link,
									{ to: '/account' },
									'account settings'
								),
								'.'
							)
						) : _react2.default.createElement(_Events2.default, { filterUserInterests: true })
					)
				)
			);
		}
	}]);

	return FavoritesView;
}(_react.Component), _class.propTypes = {
	user: _react.PropTypes.shape().isRequired,
	banner: _react.PropTypes.shape(),
	location: _react.PropTypes.shape({
		pathname: _react.PropTypes.string.isRequired
	}).isRequired,
	eventsList: _react.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		user: state.auth.get('user'),
		banner: state.nav.get('banner'),
		eventsList: state.events.get('eventsList')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(FavoritesView);

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

__webpack_require__(504);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var TabBar = function (_Component) {
	_inherits(TabBar, _Component);

	function TabBar() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, TabBar);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = TabBar.__proto__ || Object.getPrototypeOf(TabBar)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			activeTab: 0
		}, _this.updateActiveTab = function (activeTab) {
			_this.setState({
				activeTab: activeTab
			});
			_this.props.tabChangeCb(activeTab);
		}, _this.renderTab = function (item, index) {
			var cls = (0, _classnames2.default)('tabs__tab', {
				'tabs__tab--active': index === _this.state.activeTab
			});

			return _react2.default.createElement(
				'div',
				{ className: cls, key: index },
				_react2.default.createElement(
					'button',
					{
						className: 'button button--tab',
						onClick: function onClick() {
							return _this.updateActiveTab(index);
						}
					},
					_react2.default.createElement(
						'div',
						{ className: 'item-count' },
						item.count
					),
					_react2.default.createElement(
						'div',
						{ className: 'item-label' },
						item.label
					)
				)
			);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(TabBar, [{
		key: 'render',
		value: function render() {
			var items = this.props.items;

			return _react2.default.createElement(
				'div',
				{ className: 'tabs' },
				items.map(this.renderTab)
			);
		}
	}]);

	return TabBar;
}(_react.Component);

TabBar.propTypes = {
	items: _react.PropTypes.arrayOf(_react.PropTypes.shape({
		label: _react.PropTypes.string.isRequired,
		count: _react.PropTypes.number.isRequired
	})).isRequired,
	tabChangeCb: _react.PropTypes.func.isRequired
};

exports.default = TabBar;
var content = __webpack_require__(505);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;min-height:100px;background-color:#fff}@media (max-width: 768px){.tabs{display:block}}.tabs__tab{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:4px solid #fff;padding:2px}.tabs__tab:nth-child(1n){margin-right:0;margin-left:0}.tabs__tab:last-child{margin-right:0}.tabs__tab:nth-child(3n){margin-right:0;margin-left:auto}@media (max-width: 768px){.tabs__tab{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);border-bottom:2px solid #f7f7f3}.tabs__tab:nth-child(1n){margin-right:0;margin-left:0}.tabs__tab:last-child{margin-right:0}.tabs__tab:nth-child(1n){margin-right:0;margin-left:auto}}.tabs__tab--active{border-bottom:4px solid #f80}@media (max-width: 768px){.tabs__tab--active{border-bottom:2px solid #f7f7f3}}.tabs__tab--active .button.button--tab{color:#f80}.button.button--tab{background-color:#fff;max-width:100%;width:100%;height:100%;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.button.button--tab{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.button.button--tab .item-count,.button.button--tab .item-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.button.button--tab .item-count{border-color:#333;border:2px solid;border-radius:20px;width:40px;height:40px;margin:10px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/TabBar/style.scss"],"names":[],"mappings":"AAAA,MAAM,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,WAAW,iBAAiB,qBAAqB,CAAC,0BAA0B,MAAM,aAAa,CAAC,CAAC,WAAW,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,oBAAoB,oBAAoB,aAAa,wBAAwB,qBAAqB,uBAAuB,yBAAyB,sBAAsB,mBAAmB,6BAA6B,WAAW,CAAC,yBAAyB,eAAe,aAAa,CAAC,sBAAsB,cAAc,CAAC,yBAAyB,eAAe,gBAAgB,CAAC,0BAA0B,WAAW,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,+BAA+B,CAAC,yBAAyB,eAAe,aAAa,CAAC,sBAAsB,cAAc,CAAC,yBAAyB,eAAe,gBAAgB,CAAC,CAAC,mBAAmB,4BAA4B,CAAC,0BAA0B,mBAAmB,+BAA+B,CAAC,CAAC,uCAAuC,UAAU,CAAC,oBAAoB,sBAAsB,eAAe,WAAW,YAAY,WAAW,oBAAoB,oBAAoB,aAAa,wBAAwB,qBAAqB,uBAAuB,yBAAyB,sBAAsB,kBAAkB,CAAC,0BAA0B,oBAAoB,uBAAuB,oBAAoB,0BAA0B,CAAC,CAAC,gEAAgE,oBAAoB,oBAAoB,aAAa,wBAAwB,qBAAqB,uBAAuB,yBAAyB,sBAAsB,kBAAkB,CAAC,gCAAgC,kBAAkB,iBAAiB,mBAAmB,WAAW,YAAY,WAAW,CAAC","file":"style.scss","sourcesContent":[".tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;min-height:100px;background-color:#fff}@media (max-width: 768px){.tabs{display:block}}.tabs__tab{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/3);max-width:calc(100% * 1/3);width:calc(100% * 1/3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:4px solid #fff;padding:2px}.tabs__tab:nth-child(1n){margin-right:0;margin-left:0}.tabs__tab:last-child{margin-right:0}.tabs__tab:nth-child(3n){margin-right:0;margin-left:auto}@media (max-width: 768px){.tabs__tab{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);border-bottom:2px solid #f7f7f3}.tabs__tab:nth-child(1n){margin-right:0;margin-left:0}.tabs__tab:last-child{margin-right:0}.tabs__tab:nth-child(1n){margin-right:0;margin-left:auto}}.tabs__tab--active{border-bottom:4px solid #f80}@media (max-width: 768px){.tabs__tab--active{border-bottom:2px solid #f7f7f3}}.tabs__tab--active .button.button--tab{color:#f80}.button.button--tab{background-color:#fff;max-width:100%;width:100%;height:100%;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.button.button--tab{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.button.button--tab .item-count,.button.button--tab .item-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.button.button--tab .item-count{border-color:#333;border:2px solid;border-radius:20px;width:40px;height:40px;margin:10px}\n"],"sourceRoot":""}]);

// exports

var content = __webpack_require__(518);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--favorites{background-color:#f7f7f3}.container--favorites .container--events .hero,.container--favorites .container--events .filters{display:none}.container--favorites .favorite-pets-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#f7f7f3}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Favorites/style.scss"],"names":[],"mappings":"AAAA,sBAAsB,wBAAwB,CAAC,iGAAiG,YAAY,CAAC,6CAA6C,oBAAoB,oBAAoB,aAAa,mBAAmB,eAAe,wBAAwB,CAAC","file":"style.scss","sourcesContent":[".container--favorites{background-color:#f7f7f3}.container--favorites .container--events .hero,.container--favorites .container--events .filters{display:none}.container--favorites .favorite-pets-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#f7f7f3}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _reactDropzone = __webpack_require__(570);

var _reactDropzone2 = _interopRequireDefault(_reactDropzone);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _requireAuthentication = __webpack_require__(132);

var _requireAuthentication2 = _interopRequireDefault(_requireAuthentication);

var _utils = __webpack_require__(5);

var _polyfills = __webpack_require__(36);

var _polyfills2 = _interopRequireDefault(_polyfills);

var _config = __webpack_require__(42);

__webpack_require__(519);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var SuccessStoryForm = (_temp2 = _class = function (_React$Component) {
	_inherits(SuccessStoryForm, _React$Component);

	function SuccessStoryForm() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, SuccessStoryForm);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = SuccessStoryForm.__proto__ || Object.getPrototypeOf(SuccessStoryForm)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			story: '',
			agree: false,
			formSubmitted: false,
			formReceived: false,
			photos: [],
			statusText: null,
			transitionInComplete: false
		}, _this.handleChange = function (e) {
			var target = e.target;
			var name = target.name;

			var value = target.type === 'checkbox' ? target.checked : target.value;

			_this.setState(_defineProperty({}, name, value));
		}, _this.handleSubmit = function (e) {
			e.preventDefault();
			var _this$state = _this.state,
			    story = _this$state.story,
			    photos = _this$state.photos;

			var _this$props$user$toJS = _this.props.user.toJS(),
			    email = _this$props$user$toJS.email;

			var formData = new FormData();
			formData.append('email', email);
			formData.append('story', story);

			_lodash2.default.forEach(photos, function (photo) {
				formData.append('images[]', photo, photo.name);
			});

			(0, _polyfills2.default)(_config.SERVER_URL + '/api/v1/submit-story', {
				method: 'POST',
				body: formData
			}).then(function () {
				_this.setState({
					statusText: 'Thanks! We have received your submission and are reviewing your entry.',
					formReceived: true
				});
			}).catch(function (err) {
				throw new Error(err);
			});
		}, _this.uploadImage = function (accepted) {
			_this.setState({
				photos: [].concat(_toConsumableArray(_this.state.photos), _toConsumableArray(accepted))
			});
		}, _this.removeUpload = function (name) {
			var photos = _this.state.photos;

			var photoIndex = _lodash2.default.findIndex(photos, { name: name });
			if (photoIndex > -1) {
				_lodash2.default.pullAt(photos, photoIndex);
				_this.setState({
					photos: photos
				});
			}
		}, _this.renderUploadPreview = function (photo) {
			return _react2.default.createElement(
				'div',
				{ className: 'upload-preview', key: photo.name },
				_react2.default.createElement(
					'p',
					{ className: 'copy copy--helper' },
					_react2.default.createElement(_Button2.default, {
						label: 'x',
						ariaLabel: 'Remove',
						extraCls: 'upload-preview__remove',
						onClick: function onClick() {
							return _this.removeUpload(photo.name);
						}
					}),
					photo.name
				)
			);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(SuccessStoryForm, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			this.heroImage = (0, _utils.randomHeroImage)();
		}
	}, {
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
		}
	}, {
		key: 'onClickSubmit',
		value: function onClickSubmit() {
			this.setState({
				formSubmitted: true
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _this3 = this;

			var _state = this.state,
			    formSubmitted = _state.formSubmitted,
			    formReceived = _state.formReceived,
			    statusText = _state.statusText;
			var _props = this.props,
			    banner = _props.banner,
			    location = _props.location;
			var pathname = location.pathname;


			var formCls = (0, _classnames2.default)('form--contact', {
				submitted: formSubmitted,
				hide: formReceived
			});

			var containerCls = (0, _classnames2.default)('container', 'container--story-form', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			return _react2.default.createElement(
				_requireAuthentication2.default,
				{ location: { pathname: pathname } },
				_react2.default.createElement(
					'div',
					{ className: containerCls },
					_react2.default.createElement(_Hero2.default, {
						heading: 'Submit Your Story',
						subheading: 'Every adoption story is unique. Share your story with the Annenberg PetSpace community and inspire others to adopt.',
						bgImgSrc: this.heroImage
					}),
					_react2.default.createElement(
						'section',
						{ className: 'story-form' },
						statusText && _react2.default.createElement(
							'p',
							{ className: 'copy success-message' },
							statusText
						),
						_react2.default.createElement(
							'form',
							{ onSubmit: this.handleSubmit, className: formCls },
							_react2.default.createElement(
								'div',
								{ className: 'input-list--story-form' },
								_react2.default.createElement(
									'div',
									{ className: 'full-width' },
									_react2.default.createElement('textarea', {
										placeholder: 'Share your adoption success story',
										required: true, name: 'story',
										onChange: this.handleChange,
										className: 'copy'
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'photo-upload-container' },
									_react2.default.createElement(
										'p',
										{ className: 'copy photo-disclaimer' },
										'For best publication results, please add images that are at least 1200 pixels wide and are cropped or taken as landscape photos.'
									),
									_react2.default.createElement(
										_reactDropzone2.default,
										{ onDrop: this.uploadImage, accept: 'image/*' },
										_react2.default.createElement(_Button2.default, {
											label: '+ Add Images',
											extraCls: 'upload-btn'
										})
									),
									this.state.photos.length > 0 && this.state.photos.map(this.renderUploadPreview)
								),
								_react2.default.createElement(
									'div',
									{ className: 'newsletter-signup' },
									_react2.default.createElement('input', {
										type: 'checkbox', name: 'agree', required: true, onChange: this.handleChange
									}),
									_react2.default.createElement(
										'label',
										{ htmlFor: 'agree', className: 'copy copy--helper' },
										'I have read the ',
										_react2.default.createElement(
											'a',
											{ href: '/static/assets/pdf/Wallis_Annenberg_PetSpace_Terms_of_Use.pdf', className: 'animated-underline', target: '_blank', rel: 'noopener noreferrer' },
											'Annenberg PetSpace Agreement'
										),
										' and give permission to publish this story and ',
										_react2.default.createElement(
											'a',
											{ href: '/static/assets/pdf/Wallis_Annenberg_Petspace_Privacy_Policy.pdf', className: 'animated-underline', target: '_blank', rel: 'noopener noreferrer' },
											'share my photographs'
										),
										'.'
									)
								)
							),
							_react2.default.createElement(_Button2.default, {
								type: 'submit',
								label: 'Submit',
								extraCls: 'submit-btn',
								onClick: function onClick() {
									return _this3.onClickSubmit();
								}
							})
						)
					)
				)
			);
		}
	}]);

	return SuccessStoryForm;
}(_react2.default.Component), _class.propTypes = {
	user: _react2.default.PropTypes.shape().isRequired,
	banner: _react2.default.PropTypes.shape(),
	location: _react2.default.PropTypes.shape().isRequired
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		user: state.auth.get('user'),
		banner: state.nav.get('banner')
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(SuccessStoryForm);
var content = __webpack_require__(520);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--story-form .input-list--story-form{display:flex;flex-flow:row wrap;max-width:50%;margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:40px}@media (max-width: 768px){.container--story-form .input-list--story-form{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}}.container--story-form .input-list--story-form .full-width{width:100%}.container--story-form .input-list--story-form a{color:#f80}.container--story-form .photo-upload-container{padding:40px 0}.container--story-form .photo-upload-container>div{border:0 !important;height:auto !important;height:initial !important;width:auto !important;width:initial !important}.container--story-form .photo-upload-container .photo-disclaimer{font-size:16px;margin-bottom:12px}.container--story-form .upload-preview{padding-top:20px}.container--story-form .upload-preview__image{background-size:contain;background-repeat:no-repeat;min-height:200px;max-width:50%;margin-top:20px}@media (max-width: 768px){.container--story-form .upload-preview__image{width:100%;min-height:400px;height:400px;max-width:none;background-position:50% 50%}}.container--story-form .upload-preview__remove{background-color:#fff;margin-right:20px}.container--story-form .upload-btn{background-color:#fff;color:#fff}.container--story-form .submit-btn{display:block;margin:20px auto}.container--story-form textarea{width:100%;border:1px solid #333;border-bottom:2px solid #333;height:120px}.container--story-form .newsletter-signup{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 667px){.container--story-form .newsletter-signup{padding:0 8.3%}}.container--story-form .newsletter-signup input{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.container--story-form .newsletter-signup input{margin-left:-24px}}.container--story-form .newsletter-signup input ~ label::before{content:'';position:absolute;pointer-events:none;top:5px;left:0;right:0;background-image:url(" + escape(__webpack_require__(521)) + ");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.container--story-form .newsletter-signup input:checked ~ label::before{top:3px;width:42px;height:23px;background-image:url(" + escape(__webpack_require__(522)) + ")}.container--story-form .success-message{margin:0 auto;padding:20px;color:#7c0;text-align:center}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/SuccessStoryForm/style.scss"],"names":[],"mappings":"AAAA,+CAA+C,aAAa,mBAAmB,cAAc,iBAAiB,kBAAkB,4BAA4B,6BAA6B,0BAA0B,sBAAsB,YAAY,CAAC,0BAA0B,+CAA+C,aAAa,mBAAmB,eAAe,iBAAiB,iBAAiB,CAAC,CAAC,2DAA2D,UAAU,CAAC,iDAAiD,UAAU,CAAC,+CAA+C,cAAc,CAAC,mDAAmD,oBAAoB,uBAAuB,0BAA0B,sBAAsB,wBAAwB,CAAC,iEAAiE,eAAe,kBAAkB,CAAC,uCAAuC,gBAAgB,CAAC,8CAA8C,wBAAwB,4BAA4B,iBAAiB,cAAc,eAAe,CAAC,0BAA0B,8CAA8C,WAAW,iBAAiB,aAAa,eAAe,2BAA2B,CAAC,CAAC,+CAA+C,sBAAsB,iBAAiB,CAAC,mCAAmC,sBAAsB,UAAU,CAAC,mCAAmC,cAAc,gBAAgB,CAAC,gCAAgC,WAAW,sBAAsB,6BAA6B,YAAY,CAAC,0CAA0C,kBAAkB,oBAAoB,oBAAoB,YAAY,CAAC,0BAA0B,0CAA0C,cAAc,CAAC,CAAC,gDAAgD,qBAAqB,wBAAwB,qBAAqB,gBAAgB,WAAW,YAAY,SAAS,UAAU,oBAAoB,aAAa,CAAC,0BAA0B,gDAAgD,iBAAiB,CAAC,CAAC,gEAAgE,WAAW,kBAAkB,oBAAoB,QAAQ,OAAO,QAAQ,+CAAoD,wBAAwB,4BAA4B,WAAW,WAAW,CAAC,wEAAwE,QAAQ,WAAW,YAAY,8CAAqD,CAAC,wCAAwC,cAAc,aAAa,WAAW,iBAAiB,CAAC","file":"style.scss","sourcesContent":[".container--story-form .input-list--story-form{display:flex;flex-flow:row wrap;max-width:50%;margin-left:auto;margin-right:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:40px}@media (max-width: 768px){.container--story-form .input-list--story-form{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}}.container--story-form .input-list--story-form .full-width{width:100%}.container--story-form .input-list--story-form a{color:#f80}.container--story-form .photo-upload-container{padding:40px 0}.container--story-form .photo-upload-container>div{border:0 !important;height:auto !important;height:initial !important;width:auto !important;width:initial !important}.container--story-form .photo-upload-container .photo-disclaimer{font-size:16px;margin-bottom:12px}.container--story-form .upload-preview{padding-top:20px}.container--story-form .upload-preview__image{background-size:contain;background-repeat:no-repeat;min-height:200px;max-width:50%;margin-top:20px}@media (max-width: 768px){.container--story-form .upload-preview__image{width:100%;min-height:400px;height:400px;max-width:none;background-position:50% 50%}}.container--story-form .upload-preview__remove{background-color:#fff;margin-right:20px}.container--story-form .upload-btn{background-color:#fff;color:#fff}.container--story-form .submit-btn{display:block;margin:20px auto}.container--story-form textarea{width:100%;border:1px solid #333;border-bottom:2px solid #333;height:120px}.container--story-form .newsletter-signup{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 667px){.container--story-form .newsletter-signup{padding:0 8.3%}}.container--story-form .newsletter-signup input{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:0;opacity:0;-ms-flex-negative:0;flex-shrink:0}@media (max-width: 667px){.container--story-form .newsletter-signup input{margin-left:-24px}}.container--story-form .newsletter-signup input ~ label::before{content:'';position:absolute;pointer-events:none;top:5px;left:0;right:0;background-image:url(\"./images/checkbox-blank.svg\");background-size:contain;background-repeat:no-repeat;width:32px;height:21px}.container--story-form .newsletter-signup input:checked ~ label::before{top:3px;width:42px;height:23px;background-image:url(\"./images/checkbox-checked.svg\")}.container--story-form .success-message{margin:0 auto;padding:20px;color:#7c0;text-align:center}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "d674e9143e56b71e12921fe25b690ff5.svg";module.exports = __webpack_require__.p + "e233889f116d4ea11103ecca868ec703.svg";

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.RegisterViewNotConnected = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRouter = __webpack_require__(19);

var _reactRedux = __webpack_require__(6);

var _redux = __webpack_require__(15);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _auth = __webpack_require__(43);

var actionCreators = _interopRequireWildcard(_auth);

var _utils = __webpack_require__(5);

var _IconCheckboxList = __webpack_require__(51);

var _IconCheckboxList2 = _interopRequireDefault(_IconCheckboxList);

var _IconCheckboxItem = __webpack_require__(52);

var _IconCheckboxItem2 = _interopRequireDefault(_IconCheckboxItem);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

__webpack_require__(205);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var RegisterView = (_temp = _class = function (_React$Component) {
	_inherits(RegisterView, _React$Component);

	function RegisterView(props) {
		_classCallCheck(this, RegisterView);

		var _this = _possibleConstructorReturn(this, (RegisterView.__proto__ || Object.getPrototypeOf(RegisterView)).call(this, props));

		_this.handleChange = function (e) {
			var target = e.target;
			var name = target.name,
			    type = target.type,
			    checked = target.checked,
			    value = target.value;

			var newValue = type === 'checkbox' ? checked : value;

			if (type === 'checkbox' && name !== 'opt_in') {
				if (checked) {
					//	ie, it is now checked in UI, update state
					_this.setState({
						interests: _this.state.interests.concat(name)
					});
				} else {
					var interests = _this.state.interests;

					_this.setState({
						interests: _lodash2.default.pull(interests, name)
					});
				}
			} else {
				_this.setState(_defineProperty({}, name, newValue));
			}
		};

		_this.handleSubmit = function (e) {
			e.preventDefault();
			_this.props.actions.authCreateUser(_this.state);
		};

		_this.state = {
			firstName: '',
			lastName: '',
			email: '',
			password: '',
			zipcode: '',
			phoneNumber: '',
			opt_in: true,
			formSubmitted: false,
			interests: [],
			transitionInComplete: false
		};
		return _this;
	}

	_createClass(RegisterView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			this.props.actions.authCreateUserInit();
			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
			var invalidListener = function onInvalid(e) {
				var target = e.target;

				var pattern = target.getAttribute('pattern');
				var title = target.getAttribute('title');
				if (pattern && title) {
					target.setCustomValidity(title);
				}
				return false;
			};

			var elements = document.querySelectorAll('input');
			for (var i = elements.length; i--;) {
				//	eslint-disable-line no-plusplus
				elements[i].addEventListener('invalid', invalidListener);
			}
		}
	}, {
		key: 'onClickSubmit',
		value: function onClickSubmit() {
			this.setState({
				formSubmitted: true
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _this3 = this;

			var _state = this.state,
			    interests = _state.interests,
			    formSubmitted = _state.formSubmitted;

			var interestFields = [{ name: 'adoption', label: 'adoption', inputCls: 'interest-adopt--orange', color: 'orange', checked: interests.indexOf('adoption') > -1 }, { name: 'programs_events', label: 'Classes & Events', inputCls: 'interest-event--blue', color: 'blue', checked: interests.indexOf('programs_events') > -1 }, { name: 'leadership', label: 'leadership', inputCls: 'interest-leadership--green', color: 'green', checked: interests.indexOf('leadership') > -1 }, { name: 'volunteering', label: 'volunteering', inputCls: 'interest-volunteer--blue', color: 'blue', checked: interests.indexOf('volunteering') > -1 }];

			var _props = this.props,
			    isCreated = _props.isCreated,
			    isCreating = _props.isCreating,
			    errors = _props.errors,
			    banner = _props.banner;

			var errorFields = _lodash2.default.keys(errors);
			var copyWithWeirdSyntax = 'Already have an account? ';

			var containerCls = (0, _classnames2.default)('container', 'container--register', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			var formCls = (0, _classnames2.default)('a-form', {
				submitted: formSubmitted,
				hide: isCreated
			});

			var headerCls = (0, _classnames2.default)({
				'form--register__header': true,
				hide: isCreated
			});

			var inputClasses = {
				firstName: '',
				lastName: '',
				email: '',
				password: '',
				zipcode: ''
			};

			_lodash2.default.forEach(_lodash2.default.keys(inputClasses), function (i) {
				inputClasses[i] = (0, _classnames2.default)({
					copy: true,
					'has-error': errorFields.length > 0 && errorFields.indexOf(i) > -1
				});
			});

			var statusText = null;
			if (this.props.statusText) {
				var statusTextClassNames = (0, _classnames2.default)('copy', 'alert', {
					'alert--danger': errorFields.length > 0,
					'alert--success': errorFields.length === 0
				});

				statusText = _react2.default.createElement(
					'div',
					{ className: statusTextClassNames, role: 'alert' },
					this.props.statusText,
					errorFields.length > 0 && errorFields.map(function (e) {
						return _react2.default.createElement(
							'p',
							{ className: 'alert--danger' },
							(0, _utils.capitalize)(e) + ': ' + errors[e]
						);
					})
				);
			}

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement('div', { className: 'splash-image' }),
				_react2.default.createElement(
					'section',
					{ className: 'form--register' },
					_react2.default.createElement(
						'div',
						{ className: headerCls },
						_react2.default.createElement(
							'h1',
							{ className: 'heading--xl' },
							'Create your Annenberg PetSpace Account'
						),
						_react2.default.createElement(
							'p',
							{ className: 'copy' },
							'Personalize your Annenberg PetSpace experience! You\u2019ll get instant access to your personalized dashboard, your saved articles, and upcoming events when you create an account.'
						),
						_react2.default.createElement(
							'p',
							{ className: 'copy' },
							copyWithWeirdSyntax,
							_react2.default.createElement(
								_reactRouter.Link,
								{ to: '/login' },
								' Log in '
							)
						)
					),
					statusText,
					_react2.default.createElement(
						'form',
						{ onSubmit: this.handleSubmit, className: formCls },
						_react2.default.createElement(
							'div',
							{ className: 'input-list input-list--register' },
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										'aria-label': 'First Name',
										type: 'text', placeholder: '* First Name',
										required: true, name: 'firstName',
										maxLength: '30',
										onChange: this.handleChange,
										className: inputClasses.firstName
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										'aria-label': 'Last Name',
										type: 'text', placeholder: '* Last Name',
										required: true, name: 'lastName',
										maxLength: '150',
										onChange: this.handleChange,
										className: inputClasses.lastName
									})
								)
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									'aria-label': 'Email',
									type: 'email', placeholder: '* Email',
									required: true, name: 'email',
									onChange: this.handleChange,
									className: inputClasses.email
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									'aria-label': 'Password',
									type: 'password', placeholder: '* Password',
									required: true, name: 'password',
									pattern: '.{4,}',
									title: 'At least 4 characters',
									onChange: this.handleChange,
									className: inputClasses.password
								})
							),
							_react2.default.createElement(
								'div',
								{ className: 'half-width-container' },
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										'aria-label': 'Zip Code',
										type: 'tel', placeholder: 'Zip Code', name: 'zipcode',
										onChange: this.handleChange,
										className: inputClasses.zipcode
									})
								),
								_react2.default.createElement(
									'div',
									{ className: 'half-width' },
									_react2.default.createElement('input', {
										'aria-label': 'Phone',
										type: 'tel', placeholder: 'Phone', name: 'phoneNumber',
										onChange: this.handleChange,
										className: 'copy'
									})
								)
							)
						),
						_react2.default.createElement(
							_IconCheckboxList2.default,
							{
								legend: 'Tell us about your interests: (Select all that apply) ',
								onChange: this.handleChange,
								cls: 'form--register__interests'
							},
							interestFields.map(function (option, index) {
								return _react2.default.createElement(_IconCheckboxItem2.default, _extends({}, option, {
									index: index,
									onChange: _this3.handleChange
								}));
							})
						),
						_react2.default.createElement(
							'div',
							{ className: 'newsletter-signup' },
							_react2.default.createElement('input', {
								type: 'checkbox', name: 'opt_in', defaultChecked: true, onChange: this.handleChange
							}),
							_react2.default.createElement(
								'label',
								{ htmlFor: 'opt_in', className: 'copy' },
								'I want emails from Annenberg PetSpace'
							)
						),
						_react2.default.createElement(
							'p',
							{ className: 'copy privacy-notice' },
							'By creating an Annenberg PetSpace account, you agree to our ',
							_react2.default.createElement(
								'a',
								{ href: '/static/assets/pdf/Wallis_Annenberg_PetSpace_Terms_of_Use.pdf', target: '_blank', rel: 'noopener noreferrer' },
								'Terms of Use'
							),
							' and ',
							_react2.default.createElement(
								'a',
								{ href: '/static/assets/pdf/Wallis_Annenberg_Petspace_Privacy_Policy.pdf', target: '_blank', rel: 'noopener noreferrer' },
								'Privacy Policy'
							),
							'.'
						),
						_react2.default.createElement(_Button2.default, {
							type: 'submit',
							label: 'Sign Up',
							gaAction: 'Register-signup',
							disabled: isCreating,
							onClick: function onClick() {
								return _this3.onClickSubmit();
							}
						})
					)
				)
			);
		}
	}]);

	return RegisterView;
}(_react2.default.Component), _class.propTypes = {
	isCreated: _react2.default.PropTypes.bool,
	isCreating: _react2.default.PropTypes.bool,
	statusText: _react2.default.PropTypes.string,
	errors: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.string),
	actions: _react2.default.PropTypes.shape({
		authCreateUser: _react2.default.PropTypes.func.isRequired,
		authCreateUserInit: _react2.default.PropTypes.func.isRequired
	}),
	banner: _react2.default.PropTypes.shape()
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		isCreated: state.auth.get('isCreated'),
		isCreating: state.auth.get('isCreating'),
		isAuthenticating: state.auth.get('isCreating'),
		statusText: state.auth.get('statusText'),
		errors: state.auth.get('errors').toJS(),
		banner: state.nav.get('banner')
	};
};
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(RegisterView);
exports.RegisterViewNotConnected = RegisterView;

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.LoginViewNotConnected = undefined;

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _reactRouter = __webpack_require__(19);

var _redux = __webpack_require__(15);

var _reactRouterRedux = __webpack_require__(28);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _lodash = __webpack_require__(20);

var _lodash2 = _interopRequireDefault(_lodash);

var _auth = __webpack_require__(43);

var actionCreators = _interopRequireWildcard(_auth);

var _utils = __webpack_require__(5);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

__webpack_require__(199);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var LoginView = (_temp = _class = function (_React$Component) {
	_inherits(LoginView, _React$Component);

	function LoginView(props) {
		_classCallCheck(this, LoginView);

		var _this = _possibleConstructorReturn(this, (LoginView.__proto__ || Object.getPrototypeOf(LoginView)).call(this, props));

		_this.handleChange = function (e) {
			var target = e.target;
			var value = target.value,
			    name = target.name;


			_this.setState(_defineProperty({}, name, value));
		};

		_this.handleSubmit = function (e) {
			e.preventDefault();

			var _this$state = _this.state,
			    email = _this$state.email,
			    password = _this$state.password;
			var _this$props = _this.props,
			    location = _this$props.location,
			    actions = _this$props.actions;
			var pathname = location.pathname;
			var authLoginUser = actions.authLoginUser,
			    authResetPassword = actions.authResetPassword;


			if (pathname === '/login') {
				authLoginUser(email, password, _this.redirectTo);
			} else {
				authResetPassword(email);
			}
		};

		_this.redirectTo = _this.props.location ? _this.props.location.query.next || '/account/favorites' : '/';
		_this.state = {
			email: '',
			password: '',
			transitionInComplete: false
		};
		return _this;
	}

	_createClass(LoginView, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			if (this.props.isAuthenticated) {
				this.props.dispatch((0, _reactRouterRedux.push)('/'));
			}

			this.props.actions.authLoginInit();
		}
	}, {
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);

			var invalidListener = function onInvalid(e) {
				var target = e.target;

				var pattern = target.getAttribute('pattern');
				var title = target.getAttribute('title');
				if (pattern && title) {
					target.setCustomValidity(title);
				}
				return false;
			};

			var elements = document.querySelectorAll('input');
			for (var i = elements.length; i--;) {
				//	eslint-disable-line no-plusplus
				elements[i].addEventListener('invalid', invalidListener);
			}
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    banner = _props.banner,
			    isPasswordReset = _props.isPasswordReset,
			    location = _props.location,
			    errors = _props.errors;
			var pathname = location.pathname;


			var errorFields = _lodash2.default.keys(errors);

			var containerCls = (0, _classnames2.default)('container', 'container--login', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			var copyWithWeirdSyntax = 'Don\'t have an account yet?';
			var copyWithWeirdSyntax2 = 'Forgot your login information?';

			var statusText = null;
			if (this.props.statusText) {
				var statusTextClassNames = (0, _classnames2.default)('copy', 'alert', {
					'alert--danger': !this.props.statusText.startsWith('Check your email'),
					'alert--success': this.props.statusText.startsWith('Check your email')
				});

				statusText = _react2.default.createElement(
					'div',
					{ className: statusTextClassNames, role: 'alert' },
					this.props.statusText,
					errorFields.length > 0 && errorFields.map(function (e) {
						return _react2.default.createElement(
							'p',
							{ className: 'alert--danger' },
							(0, _utils.capitalize)(e) + ': ' + errors[e]
						);
					})
				);
			}

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement('div', { className: 'splash-image' }),
				_react2.default.createElement(
					'section',
					{ className: 'form--login' },
					_react2.default.createElement(
						'div',
						{ className: 'form--login__header' },
						_react2.default.createElement(
							'h1',
							{ className: 'heading--xl' },
							'Log in to your account'
						),
						_react2.default.createElement(
							'p',
							{ className: 'copy' },
							copyWithWeirdSyntax,
							_react2.default.createElement('br', null),
							_react2.default.createElement(
								_reactRouter.Link,
								{ to: '/register' },
								'Sign Up!'
							)
						),
						_react2.default.createElement(
							'p',
							{ className: 'copy' },
							copyWithWeirdSyntax2,
							_react2.default.createElement('br', null),
							_react2.default.createElement(
								_reactRouter.Link,
								{ to: '/reset' },
								'Reset your password'
							)
						)
					),
					statusText,
					isPasswordReset === false && _react2.default.createElement(
						'form',
						{ onSubmit: this.handleSubmit },
						_react2.default.createElement(
							'div',
							{ className: 'input-list--login' },
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									'aria-label': 'Email',
									type: 'email', placeholder: '* Email',
									name: 'email', className: 'copy',
									required: true,
									onChange: this.handleChange
								})
							),
							pathname === '/login' && _react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									'aria-label': 'Password',
									type: 'password', placeholder: '* Password',
									name: 'password', className: 'copy',
									required: true,
									pattern: '.{4,}',
									title: 'At least 4 characters',
									onChange: this.handleChange
								})
							)
						),
						_react2.default.createElement(_Button2.default, {
							type: 'submit',
							label: pathname === '/login' ? 'Log In' : 'Send',
							gaAction: 'Login'
						})
					)
				)
			);
		}
	}]);

	return LoginView;
}(_react2.default.Component), _class.propTypes = {
	location: _react2.default.PropTypes.objectOf(_react2.default.PropTypes.oneOfType([_react2.default.PropTypes.object, _react2.default.PropTypes.string])),
	isAuthenticated: _react2.default.PropTypes.bool,
	isPasswordReset: _react2.default.PropTypes.bool,
	dispatch: _react2.default.PropTypes.func,
	actions: _react2.default.PropTypes.shape({
		authLoginInit: _react2.default.PropTypes.func.isRequired,
		authLoginUser: _react2.default.PropTypes.func.isRequired,
		authResetPassword: _react2.default.PropTypes.func.isRequired
	}).isRequired,
	statusText: _react2.default.PropTypes.string,
	banner: _react2.default.PropTypes.shape(),
	errors: _react2.default.PropTypes.arrayOf(_react2.default.PropTypes.string)
}, _temp);


var mapStateToProps = function mapStateToProps(state) {
	return {
		isAuthenticated: state.auth.get('isAuthenticated'),
		isAuthenticating: state.auth.get('isAuthenticating'),
		isPasswordReset: state.auth.get('isPasswordReset'),
		statusText: state.auth.get('statusText'),
		banner: state.nav.get('banner'),
		errors: state.auth.get('errors').toJS()
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(LoginView);
exports.LoginViewNotConnected = LoginView;
var content = __webpack_require__(339);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--login{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--login .splash-image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);background-image:url(\"/static/assets/images/LIBRARY_DOG_2113.jpg\");background-position:50% 50%;background-size:cover;background-repeat:no-repeat;min-height:500px;width:100%}.container--login .splash-image:nth-child(1n){margin-right:0;margin-left:0}.container--login .splash-image:last-child{margin-right:0}.container--login .splash-image:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 667px){.container--login .splash-image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);min-height:300px;background-position:0 0;background-position:initial}.container--login .splash-image:nth-child(1n){margin-right:0;margin-left:0}.container--login .splash-image:last-child{margin-right:0}.container--login .splash-image:nth-child(1n){margin-right:0;margin-left:auto}}_:-ms-fullscreen .container--login,:root .container--login{display:block;height:100%}_:-ms-fullscreen .container--login .splash-image,:root .container--login .splash-image{width:50%;float:left;height:100%}_:-ms-fullscreen .container--login .form--login,:root .container--login .form--login{width:50%;float:left}.form--login{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding:0 8.3%;text-align:center;margin:60px 0}.form--login:nth-child(1n){margin-right:0;margin-left:0}.form--login:last-child{margin-right:0}.form--login:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 667px){.form--login{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.form--login:nth-child(1n){margin-right:0;margin-left:0}.form--login:last-child{margin-right:0}.form--login:nth-child(1n){margin-right:0;margin-left:auto}}.form--login__header{margin-bottom:30px}.form--login__header .copy:last-child{padding-top:10px}.form--login .heading--xl{padding-bottom:20px}.form--login button{margin:20px 0}.input-list--login>div{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.input-list--login>div:nth-child(1n){margin-right:0;margin-left:0}.input-list--login>div:last-child{margin-right:0}.input-list--login>div:nth-child(1n){margin-right:0;margin-left:auto}.input-list--login>div input{width:100%;padding-top:20px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Login/style.scss"],"names":[],"mappings":"AAAA,kBAAkB,aAAa,mBAAmB,eAAe,iBAAiB,iBAAiB,CAAC,gCAAgC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,mEAAmE,4BAA4B,sBAAsB,4BAA4B,iBAAiB,UAAU,CAAC,8CAA8C,eAAe,aAAa,CAAC,2CAA2C,cAAc,CAAC,8CAA8C,eAAe,gBAAgB,CAAC,0BAA0B,gCAAgC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,iBAAiB,wBAAwB,2BAA2B,CAAC,8CAA8C,eAAe,aAAa,CAAC,2CAA2C,cAAc,CAAC,8CAA8C,eAAe,gBAAgB,CAAC,CAAC,2DAA2D,cAAc,WAAW,CAAC,uFAAuF,UAAU,WAAW,WAAW,CAAC,qFAAqF,UAAU,UAAU,CAAC,aAAa,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,eAAe,kBAAkB,aAAa,CAAC,2BAA2B,eAAe,aAAa,CAAC,wBAAwB,cAAc,CAAC,2BAA2B,eAAe,gBAAgB,CAAC,0BAA0B,aAAa,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,2BAA2B,eAAe,aAAa,CAAC,wBAAwB,cAAc,CAAC,2BAA2B,eAAe,gBAAgB,CAAC,CAAC,qBAAqB,kBAAkB,CAAC,sCAAsC,gBAAgB,CAAC,0BAA0B,mBAAmB,CAAC,oBAAoB,aAAa,CAAC,uBAAuB,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,qCAAqC,eAAe,aAAa,CAAC,kCAAkC,cAAc,CAAC,qCAAqC,eAAe,gBAAgB,CAAC,6BAA6B,WAAW,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".container--login{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--login .splash-image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);background-image:url(\"/static/assets/images/LIBRARY_DOG_2113.jpg\");background-position:50% 50%;background-size:cover;background-repeat:no-repeat;min-height:500px;width:100%}.container--login .splash-image:nth-child(1n){margin-right:0;margin-left:0}.container--login .splash-image:last-child{margin-right:0}.container--login .splash-image:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 667px){.container--login .splash-image{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);min-height:300px;background-position:0 0;background-position:initial}.container--login .splash-image:nth-child(1n){margin-right:0;margin-left:0}.container--login .splash-image:last-child{margin-right:0}.container--login .splash-image:nth-child(1n){margin-right:0;margin-left:auto}}_:-ms-fullscreen .container--login,:root .container--login{display:block;height:100%}_:-ms-fullscreen .container--login .splash-image,:root .container--login .splash-image{width:50%;float:left;height:100%}_:-ms-fullscreen .container--login .form--login,:root .container--login .form--login{width:50%;float:left}.form--login{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2);padding:0 8.3%;text-align:center;margin:60px 0}.form--login:nth-child(1n){margin-right:0;margin-left:0}.form--login:last-child{margin-right:0}.form--login:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 667px){.form--login{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.form--login:nth-child(1n){margin-right:0;margin-left:0}.form--login:last-child{margin-right:0}.form--login:nth-child(1n){margin-right:0;margin-left:auto}}.form--login__header{margin-bottom:30px}.form--login__header .copy:last-child{padding-top:10px}.form--login .heading--xl{padding-bottom:20px}.form--login button{margin:20px 0}.input-list--login>div{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.input-list--login>div:nth-child(1n){margin-right:0;margin-left:0}.input-list--login>div:last-child{margin-right:0}.input-list--login>div:nth-child(1n){margin-right:0;margin-left:auto}.input-list--login>div input{width:100%;padding-top:20px}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _redux = __webpack_require__(15);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _passwordReset = __webpack_require__(523);

var actionCreators = _interopRequireWildcard(_passwordReset);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

__webpack_require__(199);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var ResetPasswordView = (_temp2 = _class = function (_React$Component) {
	_inherits(ResetPasswordView, _React$Component);

	function ResetPasswordView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, ResetPasswordView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ResetPasswordView.__proto__ || Object.getPrototypeOf(ResetPasswordView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			new_password: '',
			re_new_password: '',
			transitionInComplete: false
		}, _this.handleChange = function (e) {
			var _e$target = e.target,
			    value = _e$target.value,
			    name = _e$target.name;


			_this.setState(_defineProperty({}, name, value));
		}, _this.handleSubmit = function (e) {
			e.preventDefault();

			var _this$props$params = _this.props.params,
			    uid = _this$props$params.uid,
			    token = _this$props$params.token;
			var _this$state = _this.state,
			    new_password = _this$state.new_password,
			    re_new_password = _this$state.re_new_password; //	eslint-disable-line camelcase

			var resetPassword = _this.props.actions.resetPassword;


			resetPassword(uid, token, new_password, re_new_password);
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(ResetPasswordView, [{
		key: 'componentWillMount',
		value: function componentWillMount() {
			this.props.actions.resetPasswordInit();
		}
	}, {
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
		}
	}, {
		key: 'render',
		value: function render() {
			var banner = this.props.banner;

			var containerCls = (0, _classnames2.default)('container', 'container--login', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.get('id') !== ''
			});

			var statusText = null;
			if (this.props.statusText) {
				var statusTextClassNames = (0, _classnames2.default)({
					alert: true,
					'alert--danger': true
				});

				statusText = _react2.default.createElement(
					'div',
					{ className: statusTextClassNames },
					this.props.statusText
				);
			}
			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement('div', { className: 'splash-image' }),
				_react2.default.createElement(
					'section',
					{ className: 'form--login' },
					_react2.default.createElement(
						'div',
						{ className: 'form--login__header' },
						_react2.default.createElement(
							'h1',
							{ className: 'heading--xl' },
							'Reset your password'
						)
					),
					statusText,
					_react2.default.createElement(
						'form',
						{ onSubmit: this.handleSubmit },
						_react2.default.createElement(
							'div',
							{ className: 'input-list--login' },
							_react2.default.createElement(
								'div',
								{ className: 'full-width' },
								_react2.default.createElement('input', {
									type: 'password', placeholder: 'New password',
									name: 'new_password', className: 'copy',
									required: true, pattern: '.{4,}', title: 'At least 4 characters',
									onChange: this.handleChange
								}),
								_react2.default.createElement('input', {
									type: 'password', placeholder: 'Verify password',
									name: 're_new_password', className: 'copy',
									required: true, pattern: '.{4,}', title: 'At least 4 characters',
									onChange: this.handleChange
								})
							)
						),
						_react2.default.createElement(_Button2.default, {
							type: 'submit',
							label: 'Reset password'
						})
					)
				)
			);
		}
	}]);

	return ResetPasswordView;
}(_react2.default.Component), _class.propTypes = {
	actions: _react2.default.PropTypes.shape({
		resetPasswordInit: _react2.default.PropTypes.func.isRequired,
		resetPassword: _react2.default.PropTypes.func.isRequired
	}).isRequired,
	statusText: _react2.default.PropTypes.string,
	params: _react2.default.PropTypes.shape(),
	banner: _react2.default.PropTypes.shape()
}, _temp2);


var mapStateToProps = function mapStateToProps(state) {
	return {
		isReseting: state.passwordReset.get('isReseting'),
		isReseted: state.passwordReset.get('isReseted'),
		statusText: state.passwordReset.get('statusText'),
		banner: state.nav.get('banner')
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ResetPasswordView);

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.resetPasswordInit = resetPasswordInit;
exports.resetPasswordRequest = resetPasswordRequest;
exports.resetPasswordSuccess = resetPasswordSuccess;
exports.resetPasswordFailure = resetPasswordFailure;
exports.resetPassword = resetPassword;

var _reactRouterRedux = __webpack_require__(28);

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

function resetPasswordInit() {
	return {
		type: _constants.RESET_PASSWORD_INIT
	};
}

function resetPasswordRequest() {
	return {
		type: _constants.RESET_PASSWORD_REQUEST
	};
}

function resetPasswordSuccess() {
	return {
		type: _constants.RESET_PASSWORD_SUCCESS
	};
}

function resetPasswordFailure(error, message) {
	return {
		type: _constants.RESET_PASSWORD_FAILURE,
		payload: {
			status: error,
			statusText: message
		}
	};
}

function resetPassword(uid, token, newPassword, reNewPassword) {
	return function (dispatch) {
		dispatch(resetPasswordRequest());
		return (0, _utils.request)({
			path: '/password/reset/confirm',
			method: 'post',
			payload: {
				uid: uid,
				token: token,
				new_password: newPassword,
				re_new_password: reNewPassword
			}
		}).then(function (response) {
			dispatch(resetPasswordSuccess(response));
			dispatch((0, _reactRouterRedux.push)('/login'));
		}).catch(function (error) {
			if (error && typeof error.response !== 'undefined') {
				var status = error.response.status;
				if (status < 500) {
					return error.response.json().then(function (data) {
						return dispatch(resetPasswordFailure(401, data.errors.non_field_errors[0]));
					});
				} else if (status >= 500) {
					dispatch(resetPasswordFailure(status, 'An error occurred while sending your data!'));
				} else {
					dispatch(resetPasswordFailure('Reset password error', 'An error occurred while sending your data!'));
				}
			} else {
				dispatch((0, _reactRouterRedux.push)('/login'));
			}
			return Promise.resolve();
		});
	};
}

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _reactRouterRedux = __webpack_require__(28);

var _utils = __webpack_require__(5);

var _Hero = __webpack_require__(8);

var _Hero2 = _interopRequireDefault(_Hero);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

__webpack_require__(524);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var ActivateView = (_temp2 = _class = function (_React$Component) {
	_inherits(ActivateView, _React$Component);

	function ActivateView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, ActivateView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ActivateView.__proto__ || Object.getPrototypeOf(ActivateView)).call.apply(_ref, [this].concat(args))), _this), _this.handleClick = function () {
			return _this.props.dispatch((0, _reactRouterRedux.push)('/login'));
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(ActivateView, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			(0, _utils.request)({
				path: '/activate',
				method: 'post',
				payload: _extends({}, this.props.params),
				parseResponse: function parseResponse(res) {
					return res.statusText;
				}
			}).then(function () {
				console.log('success');
			}).catch(function (err) {
				console.error(err);
			});
		}
	}, {
		key: 'render',
		value: function render() {
			return _react2.default.createElement(
				'div',
				{ className: 'container container--activate' },
				_react2.default.createElement(
					_Hero2.default,
					{
						bgImgSrc: __webpack_require__(526),
						heading: 'Hooray!',
						subheading: 'You successfully activated your account'
					},
					_react2.default.createElement(_Button2.default, {
						label: 'Login',
						onClick: this.handleClick
					})
				)
			);
		}
	}]);

	return ActivateView;
}(_react2.default.Component), _class.propTypes = {
	params: _react2.default.PropTypes.shape({
		uid: _react2.default.PropTypes.string,
		token: _react2.default.PropTypes.string
	}),
	dispatch: _react2.default.PropTypes.func
}, _temp2);


var mapStateToProps = null;

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(ActivateView);
var content = __webpack_require__(525);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--activate .hero{height:calc(100vh - $header-height);min-height:600px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Activate/style.scss"],"names":[],"mappings":"AAAA,2BAA2B,oCAAoC,gBAAgB,CAAC","file":"style.scss","sourcesContent":[".container--activate .hero{height:calc(100vh - $header-height);min-height:600px}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "6369d24d22fe02a99181b9d4778065ec.jpg";

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _redux = __webpack_require__(15);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _isEmpty = __webpack_require__(575);

var _isEmpty2 = _interopRequireDefault(_isEmpty);

var _NotFound = __webpack_require__(53);

var _NotFound2 = _interopRequireDefault(_NotFound);

var _DetailPageHero = __webpack_require__(203);

var _DetailPageHero2 = _interopRequireDefault(_DetailPageHero);

var _FeatureIconList = __webpack_require__(75);

var _FeatureIconList2 = _interopRequireDefault(_FeatureIconList);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _EventGroup = __webpack_require__(193);

var _EventGroup2 = _interopRequireDefault(_EventGroup);

var _CardList = __webpack_require__(190);

var _CardList2 = _interopRequireDefault(_CardList);

var _utils = __webpack_require__(5);

var _event = __webpack_require__(198);

var actionCreators = _interopRequireWildcard(_event);

__webpack_require__(527);

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var EventDetail = (_temp2 = _class = function (_Component) {
	_inherits(EventDetail, _Component);

	function EventDetail() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, EventDetail);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = EventDetail.__proto__ || Object.getPrototypeOf(EventDetail)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			transitionInComplete: false,
			ebInitialized: false
		}, _this.enableBodyScrolling = function () {
			console.log('resetting body scroll');
			document.body.style.overflow = '';
		}, _this.handleClick = function () {
			var ebInitialized = _this.state.ebInitialized;

			if (ebInitialized) {
				var modal = document.querySelector('iframe');
				if (modal) {
					modal.focus();
					_this.enableBodyScrolling();
					modal.addEventListener('click', _this.enableBodyScrolling);
				}
			} else {
				//	eslint-disable-line
				var url = 'https://www.eventbrite.com/e/' + _this.props.event.eventbriteId;
				window.open(url, '_blank');
			}
		}, _this.createWidget = function (eventbriteId) {
			window.EBWidgets.createWidget({
				widgetType: 'checkout',
				eventId: eventbriteId,
				modal: true,
				modalTriggerElementId: eventbriteId,
				onOrderComplete: function onOrderComplete() {
					document.body.style.overflow = '';
					document.body.style.position = '';
				}
			});
			_this.setState({
				ebInitialized: true
			});
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(EventDetail, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var _this2 = this;

			var fetchEvent = this.props.actions.fetchEvent;
			var id = this.props.params.id;


			fetchEvent(id);

			setTimeout(function () {
				_this2.setState({ transitionInComplete: true });
			}, 2048);
		}
	}, {
		key: 'componentDidUpdate',
		value: function componentDidUpdate(prevProps) {
			if (Object.keys(prevProps.event).length === 0 && prevProps.event !== this.props.event) {
				this.createWidget(this.props.event.eventbriteId);
			}
		}
	}, {
		key: 'componentWillUnmount',
		value: function componentWillUnmount() {
			var modal = document.querySelector('iframe');
			if (modal) {
				this.enableBodyScrolling();
				modal.removeEventListener('click', this.enableBodyScrolling);
			}
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    event = _props.event,
			    banner = _props.banner,
			    fetching = _props.fetching;


			if (fetching) {
				return null;
			}

			if (!fetching && (0, _isEmpty2.default)(event)) {
				return _react2.default.createElement(_NotFound2.default, { location: this.props.location });
			}

			var id = event.id,
			    name = event.name,
			    logo = event.logo,
			    start = event.start,
			    end = event.end,
			    venue = event.venue,
			    description = event.description,
			    eventbriteId = event.eventbriteId,
			    price = event.price,
			    isSoldOut = event.isSoldOut,
			    multiDay = event.multiDay,
			    otherSessions = event.otherSessions,
			    relatedEvents = event.relatedEvents;


			var date = (0, _utils.formatDate)(start, 'dddd, MMMM D');
			var time = (0, _utils.formatDate)(start, 'h:mma') + ' - ' + (0, _utils.formatDate)(end, 'h:mma');

			var dateTime = multiDay ? '<span>Begins ' + date + '<span><br /><span>' + time + '</span>' : '<span>' + date + '<span><br /><span>' + time + '</span>';

			var attributes = [{
				label: dateTime,
				icon: 'calendar'
			}];
			if (venue) {
				attributes.push({
					label: venue,
					icon: 'marker'
				});
			}
			attributes.push({
				label: price,
				icon: 'ticket'
			});

			var containerCls = (0, _classnames2.default)('container', 'container--event-detail', {
				'container-transition-appear': !this.state.transitionInComplete,
				'container--has-announcement': banner.id !== ''
			});

			var sessions = otherSessions.map(function (_ref2) {
				var id = _ref2.id,
				    start = _ref2.start;
				return {
					id: id,
					title: (0, _utils.formatDate)(start, 'dddd, MMMM Do, hh:mma')
				};
			});

			var cta = _react2.default.createElement(_Button2.default, {
				id: eventbriteId,
				onClick: this.handleClick,
				disabled: isSoldOut,
				gaAction: 'EventDetail_SignUp',
				gaLabel: name + ' - ' + date,
				label: isSoldOut ? 'Sold Out' : 'Sign Up'
			});

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(_DetailPageHero2.default, {
					id: id,
					title: name,
					layout: 'rtl',
					cta: cta,
					showSocialLinks: true,
					imagePanelContents: _react2.default.createElement('div', { className: 'event-detail-hero-image', style: { backgroundImage: 'url(' + logo + ')' } })
				}),
				_react2.default.createElement(
					'section',
					{ className: 'attributes' },
					_react2.default.createElement(_FeatureIconList2.default, {
						content: attributes,
						iconCls: 'flex-row__item',
						iconStyle: { width: '33.3%' }
					})
				),
				_react2.default.createElement(
					'main',
					{ className: 'copy-container body-copy' },
					_react2.default.createElement(
						'h2',
						{ className: 'heading heading--lg' },
						'Description'
					),
					_react2.default.createElement('p', { className: 'copy', dangerouslySetInnerHTML: { __html: description } })
				),
				_react2.default.createElement(
					'div',
					{ className: 'body-copy' },
					sessions.length > 0 && _react2.default.createElement(
						'h2',
						{ className: 'heading heading--lg' },
						'Other Available Sessions'
					),
					sessions.length > 0 && _react2.default.createElement(_EventGroup2.default, { items: sessions })
				),
				_react2.default.createElement(
					'section',
					{ className: 'splash splash--card-list' },
					_react2.default.createElement(
						'h2',
						{ className: 'heading heading--xl' },
						'Other Upcoming Events'
					),
					_react2.default.createElement(_CardList2.default, {
						items: relatedEvents,
						mapDataToProps: _utils.eventDataCard,
						favoritable: false
					})
				)
			);
		}
	}]);

	return EventDetail;
}(_react.Component), _class.propTypes = {
	id: _react.PropTypes.string.isRequired,
	params: _react.PropTypes.shape().isRequired,
	actions: _react.PropTypes.shape({
		fetchEvent: _react.PropTypes.func.isRequired
	}),
	banner: _react.PropTypes.shape({}),
	location: _react.PropTypes.shape({}),
	event: _react.PropTypes.shape({
		eventbriteId: _react.PropTypes.string.isRequired
	}).isRequired,
	fetching: _react.PropTypes.bool.isRequired
}, _temp2);


var mapStateToProps = function mapStateToProps(_ref3) {
	var events = _ref3.events,
	    nav = _ref3.nav;
	return {
		event: events.get('event').toJS(),
		fetching: events.get('fetchingEvent'),
		banner: nav.get('banner').toJS()
	};
};

var mapDispatchToProps = function mapDispatchToProps(dispatch) {
	return {
		dispatch: dispatch,
		actions: (0, _redux.bindActionCreators)(actionCreators, dispatch)
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(EventDetail);
var content = __webpack_require__(528);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--event-detail .event-detail-hero-image{height:100%;width:100%;background-repeat:no-repeat;background-position:right;background-size:cover}@media (max-width: 869px){.container--event-detail .event-detail-hero-image{background-size:180%}}.container--event-detail .detail__image-container{height:30vw}@media (max-width: 1024px){.container--event-detail .detail__image-container{height:40vw}}@media (max-width: 869px){.container--event-detail .detail__image-container{height:45vw}}.container--event-detail .detail__cta{margin-top:30px}.container--event-detail .share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container--event-detail .attributes{margin-top:0;background-color:#f7f7f3}.container--event-detail .attributes .icon-container--features{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;min-height:200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container--event-detail .attributes .icon-container--features .icon--feature{margin:0 auto;padding:10px}.container--event-detail .body-copy{margin:60px auto;max-width:50%}@media (max-width: 768px){.container--event-detail .body-copy{max-width:100%;padding:0 20px 60px}}.container--event-detail .splash{background-color:#f7f7f3;margin-bottom:0}.container--event-detail .splash .heading{text-align:center;padding:60px 0}@media (max-width: 768px){.container--event-detail .splash .heading{padding:30px 0}}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/EventDetail/style.scss"],"names":[],"mappings":"AAAA,kDAAkD,YAAY,WAAW,4BAA4B,0BAA0B,qBAAqB,CAAC,0BAA0B,kDAAkD,oBAAoB,CAAC,CAAC,kDAAkD,WAAW,CAAC,2BAA2B,kDAAkD,WAAW,CAAC,CAAC,0BAA0B,kDAAkD,WAAW,CAAC,CAAC,sCAAsC,eAAe,CAAC,gCAAgC,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,kBAAkB,CAAC,qCAAqC,aAAa,wBAAwB,CAAC,+DAA+D,aAAa,mBAAmB,eAAe,iBAAiB,kBAAkB,iBAAiB,yBAAyB,sBAAsB,kBAAkB,CAAC,8EAA8E,cAAc,YAAY,CAAC,oCAAoC,iBAAiB,aAAa,CAAC,0BAA0B,oCAAoC,eAAe,mBAAmB,CAAC,CAAC,iCAAiC,yBAAyB,eAAe,CAAC,0CAA0C,kBAAkB,cAAc,CAAC,0BAA0B,0CAA0C,cAAc,CAAC,CAAC","file":"style.scss","sourcesContent":[".container--event-detail .event-detail-hero-image{height:100%;width:100%;background-repeat:no-repeat;background-position:right;background-size:cover}@media (max-width: 869px){.container--event-detail .event-detail-hero-image{background-size:180%}}.container--event-detail .detail__image-container{height:30vw}@media (max-width: 1024px){.container--event-detail .detail__image-container{height:40vw}}@media (max-width: 869px){.container--event-detail .detail__image-container{height:45vw}}.container--event-detail .detail__cta{margin-top:30px}.container--event-detail .share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container--event-detail .attributes{margin-top:0;background-color:#f7f7f3}.container--event-detail .attributes .icon-container--features{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto;min-height:200px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container--event-detail .attributes .icon-container--features .icon--feature{margin:0 auto;padding:10px}.container--event-detail .body-copy{margin:60px auto;max-width:50%}@media (max-width: 768px){.container--event-detail .body-copy{max-width:100%;padding:0 20px 60px}}.container--event-detail .splash{background-color:#f7f7f3;margin-bottom:0}.container--event-detail .splash .heading{text-align:center;padding:60px 0}@media (max-width: 768px){.container--event-detail .splash .heading{padding:30px 0}}\n"],"sourceRoot":""}]);

// exports


Object.defineProperty(exports, "__esModule", {
	value: true
});

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2;

var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _reactRedux = __webpack_require__(6);

var _classnames = __webpack_require__(4);

var _classnames2 = _interopRequireDefault(_classnames);

var _reactRouter = __webpack_require__(19);

var _SearchResultsSection = __webpack_require__(529);

var _SearchResultsSection2 = _interopRequireDefault(_SearchResultsSection);

var _Button = __webpack_require__(16);

var _Button2 = _interopRequireDefault(_Button);

var _MultiSelect = __webpack_require__(41);

var _MultiSelect2 = _interopRequireDefault(_MultiSelect);

var _utils = __webpack_require__(5);

var _animations = __webpack_require__(533);

var _constants = __webpack_require__(11);

__webpack_require__(534);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var SearchView = (_temp2 = _class = function (_React$Component) {
	_inherits(SearchView, _React$Component);

	function SearchView() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, SearchView);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = SearchView.__proto__ || Object.getPrototypeOf(SearchView)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			results: null,
			transitionInComplete: false,
			fetching: false
		}, _this.supportedTypes = _constants.SUPPORTED_SEARCH_RESULTS, _this.renderNoResults = function () {
			var transitionInComplete = _this.state.transitionInComplete;
			var searchText = _this.props.searchText;


			var containerCls = (0, _classnames2.default)('container', 'container--search--empty', 'container--search', {
				'container-transition-appear': !transitionInComplete
			});

			var searchCopy = 'Sorry, no results found for';
			var searchCopy2 = 'Maybe you\'ll be interested in one of these pages instead!';
			var suggestions = [{
				label: 'Animals',
				link: '/adopt'
			}, {
				label: 'Events',
				link: '/events'
			}, {
				label: 'Resource Library',
				link: '/leadership/research'
			}, {
				label: 'Livestreams',
				link: '/watch/live'
			}, {
				label: 'About',
				link: '/about'
			}];

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(
					'div',
					{ className: 'search-content' },
					_react2.default.createElement(
						'div',
						{ className: 'search-header no-results' },
						_react2.default.createElement(
							'h3',
							{ className: 'heading heading--md' },
							searchCopy
						),
						_react2.default.createElement(
							'h3',
							{ className: 'heading heading--lg heading--hero' },
							'"' + decodeURI(searchText) + '"'
						),
						_react2.default.createElement(
							'div',
							{ className: 'suggestions-container' },
							_react2.default.createElement(
								'h3',
								{ className: 'heading heading--md' },
								searchCopy2
							),
							_react2.default.createElement(
								'div',
								{ className: 'suggestions' },
								suggestions.map(function (_ref2) {
									var label = _ref2.label,
									    link = _ref2.link;
									return _react2.default.createElement(
										'div',
										{ className: 'suggestion' },
										_react2.default.createElement(
											_reactRouter.Link,
											{ to: link },
											label
										)
									);
								})
							)
						)
					)
				)
			);
		}, _this.mobileJumpTo = function (_ref3) {
			var selected = _ref3.selected;
			return (0, _animations.scrollToAnchor)(selected[0]);
		}, _this.renderResultTypes = function () {
			var results = _this.state.results;
			var isMobile = _this.props.isMobile;


			if (results === null) {
				return null;
			}

			var models = Object.keys(results).filter(function (k) {
				return _this.supportedTypes.indexOf(k) > -1;
			});

			if (models.length === 0) {
				return null;
			}

			var mobileSelectValues = models.map(function (value) {
				return {
					value: value,
					label: (0, _utils.toTitleCase)(value) + ' (' + results[value].length + ')'
				};
			});

			var mobileTypes = _react2.default.createElement(_MultiSelect2.default, {
				name: 'Jump To',
				baseClassName: 'dropdown',
				className: 'filters__filter',
				options: mobileSelectValues,
				placeholder: 'Jump to',
				onChange: _this.mobileJumpTo,
				singleSelect: true
			});

			var focuser = function focuser(ele) {
				if (ele) {
					ele.focus();
				}
			};

			var desktopTypes = _react2.default.createElement(
				'div',
				{ className: 'flex-row pet-detail__tags', tabIndex: '0', ref: focuser },
				models.map(function (model) {
					return _react2.default.createElement(
						'div',
						{ className: 'flex-row__item pet-detail__tag' },
						_react2.default.createElement(
							'button',
							{
								className: 'pill button--grey button--tag',
								onClick: function onClick() {
									(0, _animations.scrollToAnchor)(model);
									var target = document.querySelector('#' + model + ' .model-root-link');
									target.focus();
								}
							},
							(0, _utils.toTitleCase)(model) + ' (' + results[model].length + ')'
						)
					);
				})
			);

			return isMobile ? mobileTypes : desktopTypes;
		}, _temp), _possibleConstructorReturn(_this, _ret);
	}

	_createClass(SearchView, [{
		key: 'componentDidMount',
		//	eslint-disable-line react/sort-comp

		value: function componentDidMount() {
			this.fetchSearchResults();
		}
	}, {
		key: 'componentDidUpdate',
		value: function componentDidUpdate(prevProps) {
			if (prevProps.searchText !== this.props.searchText) {
				this.fetchSearchResults();
			}
		}
	}, {
		key: 'onClickFAQCollapse',
		value: function onClickFAQCollapse(collapseActiveKey) {
			this.setState({
				collapseActiveKey: collapseActiveKey
			});
		}
	}, {
		key: 'fetchSearchResults',
		value: function fetchSearchResults() {
			var _this2 = this;

			var searchQuery = '/search?q=';
			searchQuery += this.props.searchText;
			this.setState({ fetching: true, results: null }, function () {
				(0, _utils.request)({
					path: searchQuery
				}).then(function (_ref4) {
					var results = _ref4.results;

					var newState = {
						fetching: false
					};

					if (Object.keys(results).length > 0) {
						Object.assign(newState, { results: results });
					}

					_this2.setState(newState);

					setTimeout(function () {
						_this2.setState({ transitionInComplete: true });
					}, 2048);
				}).catch(function (err) {
					console.error(err);
				});
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _this3 = this;

			var _state = this.state,
			    results = _state.results,
			    transitionInComplete = _state.transitionInComplete,
			    fetching = _state.fetching;


			if (results === null && !fetching) {
				return this.renderNoResults();
			}

			var searchCopy = 'Searching for';

			if (!fetching) {
				var totalResults = Object.keys(results).filter(function (k) {
					return _this3.supportedTypes.indexOf(k) > -1;
				}).reduce(function (total, key) {
					total += results[key].length;
					return total;
				}, 0);

				searchCopy = 'Showing ' + totalResults + ' results for';
			}

			var containerCls = (0, _classnames2.default)('container', 'container--search', {
				'container-transition-appear': !transitionInComplete
			});

			return _react2.default.createElement(
				'div',
				{ className: containerCls },
				_react2.default.createElement(
					'div',
					{ className: 'search-content', 'aria-live': 'polite' },
					_react2.default.createElement(
						'div',
						{ className: 'search-header', id: 'top', ref: function ref(e) {
								_this3.searchHeader = e;
							} },
						_react2.default.createElement(
							'h3',
							{ className: 'heading heading--md', 'aria-live': 'status' },
							searchCopy,
							_react2.default.createElement(
								'span',
								{ style: { display: 'none' }, 'aria-hidden': 'false' },
								decodeURI(this.props.searchText)
							)
						),
						_react2.default.createElement(
							'h3',
							{ className: 'heading heading--lg heading--hero' },
							'"' + decodeURI(this.props.searchText) + '"'
						),
						!fetching && this.renderResultTypes()
					),
					fetching && _react2.default.createElement(
						'span',
						{ className: 'search--loading', role: 'status' },
						'loading...'
					),
					!fetching && Object.keys(results).map(function (model) {
						return _react2.default.createElement(_SearchResultsSection2.default, {
							key: model,
							model: model,
							items: results[model]
						});
					}),
					!fetching && _react2.default.createElement(_Button2.default, {
						label: 'Back to top',
						extraCls: 'top-button',
						onClick: function onClick() {
							window.scrollTo(0, 0);
							_this3.searchHeader.querySelector('button').focus();
						}
					})
				)
			);
		}
	}]);

	return SearchView;
}(_react2.default.Component), _class.propTypes = {
	searchText: _react2.default.PropTypes.string,
	isMobile: _react2.default.PropTypes.bool.isRequired
}, _temp2);


var mapStateToProps = function mapStateToProps(state, ownProps) {
	return {
		searchText: ownProps.location.query.q,
		isMobile: state.browser.width < 768
	};
};

exports.default = (0, _reactRedux.connect)(mapStateToProps)(SearchView);

Object.defineProperty(exports, "__esModule", {
	value: true
});

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _class, _temp2; /* eslint-disable react/no-danger */


var _react = __webpack_require__(0);

var _react2 = _interopRequireDefault(_react);

var _rcCollapse = __webpack_require__(35);

var _rcCollapse2 = _interopRequireDefault(_rcCollapse);

var _reactRouter = __webpack_require__(19);

var _CtaBanner = __webpack_require__(131);

var _CtaBanner2 = _interopRequireDefault(_CtaBanner);

var _HorizontalCard = __webpack_require__(73);

var _HorizontalCard2 = _interopRequireDefault(_HorizontalCard);

var _Card = __webpack_require__(55);

var _Card2 = _interopRequireDefault(_Card);

var _Livestream = __webpack_require__(204);

var _Livestream2 = _interopRequireDefault(_Livestream);

var _utils = __webpack_require__(5);

var _constants = __webpack_require__(11);

__webpack_require__(530);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var fallbackImg = __webpack_require__(92);

var VISIBLE_ITEMS_INCREMENT = 3;

var SearchResultsSection = (_temp2 = _class = function (_Component) {
	_inherits(SearchResultsSection, _Component);

	function SearchResultsSection() {
		var _ref;

		var _temp, _this, _ret;

		_classCallCheck(this, SearchResultsSection);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = SearchResultsSection.__proto__ || Object.getPrototypeOf(SearchResultsSection)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
			collapseActiveKey: [],
			currentActiveIndex: -1
		}, _this.supportedTypes = _constants.SUPPORTED_SEARCH_RESULTS, _this.modelRoots = {
			animals: '/adopt',
			jobs: '/about/jobs-volunteer',
			articles: '/leadership/research',
			faqs: '/faq',
			events: '/events',
			videos: '/watch/videos',
			livestreams: '/watch/live'
		}, _this.showMore = function () {
			var currentActiveIndex = _this.state.currentActiveIndex;
			var items = _this.props.items;


			var newActiveIndex = currentActiveIndex + VISIBLE_ITEMS_INCREMENT;
			if (newActiveIndex > items.length) {
				newActiveIndex = items.length;
			}

			_this.setState({
				currentActiveIndex: newActiveIndex
			});
		}, _this.renderResults = function () {
			var _this$props = _this.props,
			    model = _this$props.model,
			    items = _this$props.items;
			var _this$state = _this.state,
			    collapseActiveKey = _this$state.collapseActiveKey,
			    currentActiveIndex = _this$state.currentActiveIndex;

			var visibleItems = items.slice(0, currentActiveIndex);

			switch (model) {
				case 'faqs':
					return _react2.default.createElement(
						_rcCollapse2.default,
						{
							accordion: true,
							onChange: function onChange(index) {
								return _this.onClickFAQCollapse(index);
							},
							activeKey: collapseActiveKey
						},
						visibleItems.map(function (question) {
							return _react2.default.createElement(
								_rcCollapse.Panel,
								{ className: 'copy-container--border', key: question.id, header: (0, _utils.widowTamer)(question.question) },
								_react2.default.createElement('p', { className: 'copy', dangerouslySetInnerHTML: { __html: question.answer } })
							);
						})
					);

				case 'jobs':
					return _react2.default.createElement(
						'div',
						{ className: 'petlist petlist__search' },
						visibleItems.map(function (job) {
							return _react2.default.createElement(_CtaBanner2.default, {
								key: job.id,
								heading: job.title,
								text: job.summary,
								backgroundColor: 'white',
								textSpan: '12',
								label: 'View posting',
								href: '/about/jobs-volunteer/' + job.id + '-' + (0, _utils.slugify)(job.title),
								ctaStyle: 'link'
							});
						})
					);

				case 'articles':
					return visibleItems.map(function (_ref2) {
						var id = _ref2.id,
						    title = _ref2.title,
						    blurb = _ref2.blurb,
						    coverPhoto = _ref2.coverPhoto,
						    pubdate = _ref2.pubdate,
						    author = _ref2.author,
						    readTime = _ref2.readTime;
						return _react2.default.createElement(_HorizontalCard2.default, {
							layout: 'rtl',
							id: id,
							title: title,
							description: blurb,
							href: '/about/news/' + id,
							cta: 'Read More',
							imgSrc: coverPhoto || fallbackImg,
							subheading: (0, _utils.articleSubheading)({ pubdate: pubdate, author: author, readTime: readTime }),
							subheadingStyle: 'bottom'
						});
					});

				case 'pages':
					return visibleItems.map(function (page) {
						return _react2.default.createElement(_CtaBanner2.default, {
							key: page.id,
							heading: page.title,
							text: page.hero.copy,
							backgroundColor: 'white',
							textSpan: '12',
							label: page.hero.headline,
							href: _constants.CLIENT_ROUTES[page.slug],
							ctaStyle: 'link'
						});
					});

				case 'events':
					return visibleItems.map(_utils.transformEventData).map(function (event) {
						return _react2.default.createElement(_HorizontalCard2.default, _extends({
							key: event.id
						}, event));
					});

				case 'animals':
					return _react2.default.createElement(
						'div',
						{ className: 'petlist petlist__search' },
						visibleItems.map(function (pet) {
							return _react2.default.createElement(_Card2.default, _extends({
								key: pet.id
							}, (0, _utils.petDataCard)(pet)));
						})
					);

				case 'livestreams':
				case 'videos':
					return visibleItems.map(function (stream) {
						return _react2.default.createElement(
							'div',
							{ className: 'livestream-results-wrapper' },
							_react2.default.createElement(_Livestream2.default, stream)
						);
					});

				default:
					return null;
			}
		}, _temp), _possibleConstructorReturn(_this, _ret);
	} //	eslint-disable-line react/sort-comp

	_createClass(SearchResultsSection, [{
		key: 'componentDidMount',
		value: function componentDidMount() {
			var items = this.props.items;

			var currentActiveIndex = items.length;

			if (items.length > VISIBLE_ITEMS_INCREMENT) {
				currentActiveIndex = VISIBLE_ITEMS_INCREMENT;
			}

			this.setState({ //	eslint-disable-line react/no-did-mount-set-state
				currentActiveIndex: currentActiveIndex
			});
		}
	}, {
		key: 'onClickFAQCollapse',
		value: function onClickFAQCollapse(collapseActiveKey) {
			this.setState({
				collapseActiveKey: collapseActiveKey
			});
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    model = _props.model,
			    items = _props.items;
			var currentActiveIndex = this.state.currentActiveIndex;


			if (items === [] || this.supportedTypes.indexOf(model) === -1) {
				return null;
			}

			return _react2.default.createElement(
				'section',
				{ className: 'splash search-results-section', id: model },
				_react2.default.createElement(
					'div',
					{ className: 'heading-wrapper' },
					_react2.default.createElement(
						'h4',
						{ className: 'heading heading--md' },
						(0, _utils.toTitleCase)(model) + ' (' + items.length + ')'
					),
					this.modelRoots[model] && _react2.default.createElement(
						'h4',
						{ className: 'heading heading--xs' },
						_react2.default.createElement(
							_reactRouter.Link,
							{ to: this.modelRoots[model], className: 'model-root-link' },
							'See all ',
							(0, _utils.toTitleCase)(model)
						)
					)
				),
				this.renderResults(),
				currentActiveIndex > -1 && currentActiveIndex !== items.length && _react2.default.createElement(
					'button',
					{
						className: 'show-more',
						onClick: this.showMore
					},
					'Show more'
				)
			);
		}
	}]);

	return SearchResultsSection;
}(_react.Component), _class.propTypes = {
	model: _react.PropTypes.string.isRequired,
	items: _react.PropTypes.arrayOf(_react.PropTypes.shape()).isRequired
}, _class.defaultProps = {
	items: []
}, _temp2);
exports.default = SearchResultsSection;
var content = __webpack_require__(531);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}var escape = __webpack_require__(14);
exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".search-results-section .heading-wrapper{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.search-results-section .heading-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.search-results-section .model-root-link{color:#333 !important;border-bottom:0 !important;position:relative}.search-results-section .model-root-link::after{content:'';background-image:url(" + escape(__webpack_require__(532)) + ");position:absolute;height:10px;width:10px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;margin-top:8px;margin-left:4px}.search-results-section .event-item{margin:20px}.search-results-section .show-more{margin-top:20px;margin-left:0;border-bottom:2px solid;padding-bottom:0}@media (max-width: 667px){.search-results-section .show-more{margin-left:20px}}.search-results-section .livestream-results-wrapper{background-color:#fff;padding:60px 0;margin:0}@media (max-width: 768px){.search-results-section .livestream-results-wrapper{margin:0 20px}}.search-results-section .tile-card{height:20vw}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/components/SearchResultsSection/style.scss"],"names":[],"mappings":"AAAA,yCAAyC,aAAa,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,yBAAyB,sBAAsB,kBAAkB,CAAC,0BAA0B,yCAAyC,4BAA4B,6BAA6B,0BAA0B,sBAAsB,wBAAwB,qBAAqB,sBAAsB,CAAC,CAAC,yCAAyC,sBAAsB,2BAA2B,iBAAiB,CAAC,gDAAgD,WAAW,+CAA0C,kBAAkB,YAAY,WAAW,4BAA4B,wBAAwB,4BAA4B,eAAe,eAAe,CAAC,oCAAoC,WAAW,CAAC,mCAAmC,gBAAgB,cAAc,wBAAwB,gBAAgB,CAAC,0BAA0B,mCAAmC,gBAAgB,CAAC,CAAC,oDAAoD,sBAAsB,eAAe,QAAQ,CAAC,0BAA0B,oDAAoD,aAAa,CAAC,CAAC,mCAAmC,WAAW,CAAC","file":"style.scss","sourcesContent":[".search-results-section .heading-wrapper{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 768px){.search-results-section .heading-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.search-results-section .model-root-link{color:#333 !important;border-bottom:0 !important;position:relative}.search-results-section .model-root-link::after{content:'';background-image:url(\"./right-arrow.png\");position:absolute;height:10px;width:10px;background-repeat:no-repeat;background-size:contain;background-position:50% 50%;margin-top:8px;margin-left:4px}.search-results-section .event-item{margin:20px}.search-results-section .show-more{margin-top:20px;margin-left:0;border-bottom:2px solid;padding-bottom:0}@media (max-width: 667px){.search-results-section .show-more{margin-left:20px}}.search-results-section .livestream-results-wrapper{background-color:#fff;padding:60px 0;margin:0}@media (max-width: 768px){.search-results-section .livestream-results-wrapper{margin:0 20px}}.search-results-section .tile-card{height:20vw}\n"],"sourceRoot":""}]);

// exports
module.exports = __webpack_require__.p + "6a8d56b3121e35f2965343ee15dc4086.png";

Object.defineProperty(exports, "__esModule", {
	value: true
});
exports.scrollToAnchor = scrollToAnchor;

var _gsap = __webpack_require__(207);

function scrollToAnchor(id) {
	var hash = '#' + id;

	window.scrollTo(0, window.pageYOffset || document.documentElement.scrollTop);
	var target = document.querySelector(hash);
	var anchorPos = target.getBoundingClientRect().top;
	var yOffset = 100;
	var windowScrollPos = { y: window.pageYOffset || document.documentElement.scrollTop };
	var duration = 0.4 + Math.abs(anchorPos - windowScrollPos.y) * 0.0002;
	_gsap.TweenMax.to(windowScrollPos, duration, {
		y: Math.abs(anchorPos - windowScrollPos.y - yOffset),
		delay: 0.4,
		onUpdate: function onUpdate() {
			window.scrollTo(0, windowScrollPos.y);
		},
		onComplete: function onComplete() {
			window.scrollTo(0, windowScrollPos.y);
		}
	});
}

exports.default = scrollToAnchor;
var content = __webpack_require__(535);

if(typeof content === 'string') content = [[module.i, content, '']];

var transform;
var insertInto;



var options = {"hmr":true}

options.transform = transform
options.insertInto = undefined;

var update = __webpack_require__(3)(content, options);

if(content.locals) module.exports = content.locals;

if(false) {}exports = module.exports = __webpack_require__(2)(true);
// imports


// module
exports.push([module.i, ".container--search{background-color:#f7f7f3;z-index:200}.container--search--empty{background-color:#fff}.container--search--empty .search-header{background-color:#fff !important}.container--search .search--loading{margin-top:20px;text-align:center;display:block}.container--search .search-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-left:calc(100% * 1/12) !important}.container--search .search-content:nth-child(1n){margin-right:0;margin-left:0}.container--search .search-content:last-child{margin-right:0}.container--search .search-content:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--search .search-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important}.container--search .search-content:nth-child(1n){margin-right:0;margin-left:0}.container--search .search-content:last-child{margin-right:0}.container--search .search-content:nth-child(1n){margin-right:0;margin-left:auto}}.container--search .search-header{text-align:center;padding:60px 0 40px;background-color:#f7f7f3}@media (max-width: 768px){.container--search .search-header{background-color:#fff}}.container--search .search-header .flex-row{margin-top:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container--search .search-header .pet-detail__tag .button--tag{font-size:14px;margin:10px;color:#9b9b9b;border:2px solid #9b9b9b}.container--search .search-header .pet-detail__tag .button--tag:hover{color:#f80;border-color:#f80}.container--search .search-header .dropdown-control{background-color:#f7f7f3}@media (max-width: 768px){.container--search .search-header .dropdown-control{background-color:#fff}}.container--search .petlist{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--search .petlist .card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.container--search .petlist .card:nth-child(1n){margin-right:0;margin-left:0}.container--search .petlist .card:last-child{margin-right:0}.container--search .petlist .card:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--search .petlist .card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.container--search .petlist .card:nth-child(1n){margin-right:0;margin-left:0}.container--search .petlist .card:last-child{margin-right:0}.container--search .petlist .card:nth-child(1n){margin-right:0;margin-left:auto}}.container--search .banner{margin-bottom:10px}.container--search .splash{background-color:#f7f7f3;margin-bottom:0;padding-bottom:40px}.container--search .top-button{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}.container--search .no-results{text-align:center;margin:0 20px}.container--search .no-results .suggestions-container{padding:60px 0 40px}.container--search .no-results .suggestions{padding-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:800px;margin:0 auto}@media (max-width: 768px){.container--search .no-results .suggestions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container--search .no-results .suggestion{padding:10px}\n", "", {"version":3,"sources":["/srv/sites/annenberg-petspace/static/src/containers/Search/style.scss"],"names":[],"mappings":"AAAA,mBAAmB,yBAAyB,WAAW,CAAC,0BAA0B,qBAAqB,CAAC,yCAAyC,gCAAgC,CAAC,oCAAoC,gBAAgB,kBAAkB,aAAa,CAAC,mCAAmC,YAAY,cAAc,8BAA8B,6BAA6B,yBAAyB,wCAAwC,CAAC,iDAAiD,eAAe,aAAa,CAAC,8CAA8C,cAAc,CAAC,kDAAkD,eAAe,gBAAgB,CAAC,0BAA0B,mCAAmC,YAAY,cAAc,4BAA4B,2BAA2B,uBAAuB,yBAAyB,yBAAyB,CAAC,iDAAiD,eAAe,aAAa,CAAC,8CAA8C,cAAc,CAAC,iDAAiD,eAAe,gBAAgB,CAAC,CAAC,kCAAkC,kBAAkB,oBAAoB,wBAAwB,CAAC,0BAA0B,kCAAkC,qBAAqB,CAAC,CAAC,4CAA4C,gBAAgB,wBAAwB,qBAAqB,sBAAsB,CAAC,gEAAgE,eAAe,YAAY,cAAc,wBAAwB,CAAC,sEAAsE,WAAW,iBAAiB,CAAC,oDAAoD,wBAAwB,CAAC,0BAA0B,oDAAoD,qBAAqB,CAAC,CAAC,4BAA4B,aAAa,mBAAmB,eAAe,iBAAiB,iBAAiB,CAAC,kCAAkC,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,gDAAgD,eAAe,aAAa,CAAC,6CAA6C,cAAc,CAAC,gDAAgD,eAAe,gBAAgB,CAAC,0BAA0B,kCAAkC,YAAY,cAAc,4BAA4B,2BAA2B,sBAAsB,CAAC,gDAAgD,eAAe,aAAa,CAAC,6CAA6C,cAAc,CAAC,gDAAgD,eAAe,gBAAgB,CAAC,CAAC,2BAA2B,kBAAkB,CAAC,2BAA2B,yBAAyB,gBAAgB,mBAAmB,CAAC,+BAA+B,oBAAoB,oBAAoB,aAAa,aAAa,CAAC,+BAA+B,kBAAkB,aAAa,CAAC,sDAAsD,mBAAmB,CAAC,4CAA4C,iBAAiB,oBAAoB,oBAAoB,aAAa,8BAA8B,6BAA6B,uBAAuB,mBAAmB,yBAAyB,sBAAsB,8BAA8B,gBAAgB,aAAa,CAAC,0BAA0B,4CAA4C,4BAA4B,6BAA6B,0BAA0B,qBAAqB,CAAC,CAAC,2CAA2C,YAAY,CAAC","file":"style.scss","sourcesContent":[".container--search{background-color:#f7f7f3;z-index:200}.container--search--empty{background-color:#fff}.container--search--empty .search-header{background-color:#fff !important}.container--search .search--loading{margin-top:20px;text-align:center;display:block}.container--search .search-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 10/12);max-width:calc(100% * 10/12);width:calc(100% * 10/12);margin-left:calc(100% * 1/12) !important}.container--search .search-content:nth-child(1n){margin-right:0;margin-left:0}.container--search .search-content:last-child{margin-right:0}.container--search .search-content:nth-child(12n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--search .search-content{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1);margin-left:0 !important;margin-right:0 !important}.container--search .search-content:nth-child(1n){margin-right:0;margin-left:0}.container--search .search-content:last-child{margin-right:0}.container--search .search-content:nth-child(1n){margin-right:0;margin-left:auto}}.container--search .search-header{text-align:center;padding:60px 0 40px;background-color:#f7f7f3}@media (max-width: 768px){.container--search .search-header{background-color:#fff}}.container--search .search-header .flex-row{margin-top:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.container--search .search-header .pet-detail__tag .button--tag{font-size:14px;margin:10px;color:#9b9b9b;border:2px solid #9b9b9b}.container--search .search-header .pet-detail__tag .button--tag:hover{color:#f80;border-color:#f80}.container--search .search-header .dropdown-control{background-color:#f7f7f3}@media (max-width: 768px){.container--search .search-header .dropdown-control{background-color:#fff}}.container--search .petlist{display:flex;flex-flow:row wrap;max-width:100%;margin-left:auto;margin-right:auto}.container--search .petlist .card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/2);max-width:calc(100% * 1/2);width:calc(100% * 1/2)}.container--search .petlist .card:nth-child(1n){margin-right:0;margin-left:0}.container--search .petlist .card:last-child{margin-right:0}.container--search .petlist .card:nth-child(2n){margin-right:0;margin-left:auto}@media (max-width: 768px){.container--search .petlist .card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% * 1/1);max-width:calc(100% * 1/1);width:calc(100% * 1/1)}.container--search .petlist .card:nth-child(1n){margin-right:0;margin-left:0}.container--search .petlist .card:last-child{margin-right:0}.container--search .petlist .card:nth-child(1n){margin-right:0;margin-left:auto}}.container--search .banner{margin-bottom:10px}.container--search .splash{background-color:#f7f7f3;margin-bottom:0;padding-bottom:40px}.container--search .top-button{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}.container--search .no-results{text-align:center;margin:0 20px}.container--search .no-results .suggestions-container{padding:60px 0 40px}.container--search .no-results .suggestions{padding-top:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;max-width:800px;margin:0 auto}@media (max-width: 768px){.container--search .no-results .suggestions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.container--search .no-results .suggestion{padding:10px}\n"],"sourceRoot":""}]);

// exports