1 | (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, (function(modules) {
|
2 |
|
3 | var installedModules = {};
|
4 |
|
5 |
|
6 | function __webpack_require__(moduleId) {
|
7 |
|
8 |
|
9 | if(installedModules[moduleId]) {
|
10 | return installedModules[moduleId].exports;
|
11 | }
|
12 |
|
13 | var module = installedModules[moduleId] = {
|
14 | i: moduleId,
|
15 | l: false,
|
16 | exports: {}
|
17 | };
|
18 |
|
19 |
|
20 | modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
21 |
|
22 |
|
23 | module.l = true;
|
24 |
|
25 |
|
26 | return module.exports;
|
27 | }
|
28 |
|
29 |
|
30 |
|
31 | __webpack_require__.m = modules;
|
32 |
|
33 |
|
34 | __webpack_require__.c = installedModules;
|
35 |
|
36 |
|
37 | __webpack_require__.d = function(exports, name, getter) {
|
38 | if(!__webpack_require__.o(exports, name)) {
|
39 | Object.defineProperty(exports, name, {
|
40 | configurable: false,
|
41 | enumerable: true,
|
42 | get: getter
|
43 | /******/ });
|
44 | /******/ }
|
45 | /******/ };
|
46 | /******/
|
47 | /******/ // getDefaultExport function for compatibility with non-harmony modules
|
48 | /******/ __webpack_require__.n = function(module) {
|
49 | var getter = module && module.__esModule ?
|
50 | function getDefault() { return module['default']; } :
|
51 | function getModuleExports() { return module; };
|
52 | __webpack_require__.d(getter, 'a', getter);
|
53 | return getter;
|
54 | };
|
55 |
|
56 |
|
57 | __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
58 |
|
59 |
|
60 | __webpack_require__.p = "/mirage/";
|
61 |
|
62 |
|
63 | return __webpack_require__(__webpack_require__.s = 39);
|
64 | })
|
65 |
|
66 | ([
|
67 |
|
68 | (function(module, exports) {
|
69 |
|
70 | module.exports = require("prop-types");
|
71 |
|
72 | }),
|
73 |
|
74 | (function(module, exports) {
|
75 |
|
76 | module.exports = require("styled-components");
|
77 |
|
78 | }),
|
79 |
|
80 | (function(module, exports) {
|
81 |
|
82 | module.exports = require("react");
|
83 |
|
84 | }),
|
85 |
|
86 | (function(module, exports, __webpack_require__) {
|
87 |
|
88 | "use strict";
|
89 |
|
90 |
|
91 | Object.defineProperty(exports, "__esModule", {
|
92 | value: true
|
93 | });
|
94 |
|
95 | var _core = __webpack_require__(44);
|
96 |
|
97 | Object.keys(_core).forEach(function (key) {
|
98 | if (key === "default" || key === "__esModule") return;
|
99 | Object.defineProperty(exports, key, {
|
100 | enumerable: true,
|
101 | get: function get() {
|
102 | return _core[key];
|
103 | }
|
104 | });
|
105 | });
|
106 |
|
107 | var _components = __webpack_require__(148);
|
108 |
|
109 | Object.keys(_components).forEach(function (key) {
|
110 | if (key === "default" || key === "__esModule") return;
|
111 | Object.defineProperty(exports, key, {
|
112 | enumerable: true,
|
113 | get: function get() {
|
114 | return _components[key];
|
115 | }
|
116 | });
|
117 | });
|
118 |
|
119 | var _modules = __webpack_require__(235);
|
120 |
|
121 | Object.keys(_modules).forEach(function (key) {
|
122 | if (key === "default" || key === "__esModule") return;
|
123 | Object.defineProperty(exports, key, {
|
124 | enumerable: true,
|
125 | get: function get() {
|
126 | return _modules[key];
|
127 | }
|
128 | });
|
129 | });
|
130 |
|
131 | var _templates = __webpack_require__(287);
|
132 |
|
133 | Object.keys(_templates).forEach(function (key) {
|
134 | if (key === "default" || key === "__esModule") return;
|
135 | Object.defineProperty(exports, key, {
|
136 | enumerable: true,
|
137 | get: function get() {
|
138 | return _templates[key];
|
139 | }
|
140 | });
|
141 | });
|
142 |
|
143 | }),
|
144 |
|
145 | (function(module, exports, __webpack_require__) {
|
146 |
|
147 | "use strict";
|
148 |
|
149 |
|
150 | Object.defineProperty(exports, "__esModule", {
|
151 | value: true
|
152 | });
|
153 |
|
154 | var _react = __webpack_require__(2);
|
155 |
|
156 | var _react2 = _interopRequireDefault(_react);
|
157 |
|
158 | var _propTypes = __webpack_require__(0);
|
159 |
|
160 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
161 |
|
162 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
163 |
|
164 | var BaseCardIcon = function BaseCardIcon(_ref) {
|
165 | var className = _ref.className,
|
166 | children = _ref.children,
|
167 | box = _ref.box;
|
168 |
|
169 | return _react2.default.createElement(
|
170 | 'svg',
|
171 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: box },
|
172 | children
|
173 | );
|
174 | };
|
175 |
|
176 | BaseCardIcon.propTypes = {
|
177 | box: _propTypes2.default.string,
|
178 | className: _propTypes2.default.string,
|
179 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
180 | };
|
181 |
|
182 | exports.default = BaseCardIcon;
|
183 |
|
184 | }),
|
185 |
|
186 | (function(module, exports, __webpack_require__) {
|
187 |
|
188 | "use strict";
|
189 |
|
190 |
|
191 | Object.defineProperty(exports, "__esModule", {
|
192 | value: true
|
193 | });
|
194 |
|
195 | var _react = __webpack_require__(2);
|
196 |
|
197 | var _react2 = _interopRequireDefault(_react);
|
198 |
|
199 | var _propTypes = __webpack_require__(0);
|
200 |
|
201 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
202 |
|
203 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
204 |
|
205 | 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; }
|
206 |
|
207 | var BasePressIcon = function BasePressIcon(_ref) {
|
208 | var className = _ref.className,
|
209 | children = _ref.children,
|
210 | box = _ref.box,
|
211 | props = _objectWithoutProperties(_ref, ['className', 'children', 'box']);
|
212 |
|
213 | return _react2.default.createElement(
|
214 | 'svg',
|
215 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: box, onClick: props.onClick },
|
216 | children
|
217 | );
|
218 | };
|
219 |
|
220 | BasePressIcon.propTypes = {
|
221 | box: _propTypes2.default.string,
|
222 | className: _propTypes2.default.string,
|
223 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
224 | };
|
225 |
|
226 | exports.default = BasePressIcon;
|
227 |
|
228 | }),
|
229 |
|
230 | (function(module, exports, __webpack_require__) {
|
231 |
|
232 | "use strict";
|
233 |
|
234 |
|
235 | Object.defineProperty(exports, "__esModule", {
|
236 | value: true
|
237 | });
|
238 | exports.ROATheme = exports.theme = undefined;
|
239 |
|
240 | 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; }; }();
|
241 |
|
242 | var _react = __webpack_require__(2);
|
243 |
|
244 | var _react2 = _interopRequireDefault(_react);
|
245 |
|
246 | var _propTypes = __webpack_require__(0);
|
247 |
|
248 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
249 |
|
250 | var _styledComponents = __webpack_require__(1);
|
251 |
|
252 | var _theme = __webpack_require__(54);
|
253 |
|
254 | var _theme2 = _interopRequireDefault(_theme);
|
255 |
|
256 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
257 |
|
258 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
259 |
|
260 | 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; }
|
261 |
|
262 | 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; }
|
263 |
|
264 | var ROATheme = function (_Component) {
|
265 | _inherits(ROATheme, _Component);
|
266 |
|
267 | function ROATheme() {
|
268 | _classCallCheck(this, ROATheme);
|
269 |
|
270 | return _possibleConstructorReturn(this, (ROATheme.__proto__ || Object.getPrototypeOf(ROATheme)).apply(this, arguments));
|
271 | }
|
272 |
|
273 | _createClass(ROATheme, [{
|
274 | key: 'render',
|
275 | value: function render() {
|
276 | return _react2.default.createElement(
|
277 | _styledComponents.ThemeProvider,
|
278 | Object.assign({ theme: _theme2.default }, this.props),
|
279 | this.props.children
|
280 | );
|
281 | }
|
282 | }]);
|
283 |
|
284 | return ROATheme;
|
285 | }(_react.Component);
|
286 |
|
287 | exports.default = ROATheme;
|
288 |
|
289 |
|
290 | ROATheme.propTypes = {
|
291 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]).isRequired
|
292 | };
|
293 |
|
294 | exports.theme = _theme2.default;
|
295 | exports.ROATheme = ROATheme;
|
296 |
|
297 | }),
|
298 |
|
299 | (function(module, exports) {
|
300 |
|
301 | module.exports = require("classnames");
|
302 |
|
303 | }),
|
304 |
|
305 | (function(module, exports, __webpack_require__) {
|
306 |
|
307 | "use strict";
|
308 |
|
309 |
|
310 | Object.defineProperty(exports, "__esModule", {
|
311 | value: true
|
312 | });
|
313 |
|
314 | var _BlueCheckmark = __webpack_require__(93);
|
315 |
|
316 | Object.defineProperty(exports, 'BlueCheckmark', {
|
317 | enumerable: true,
|
318 | get: function get() {
|
319 | return _interopRequireDefault(_BlueCheckmark).default;
|
320 | }
|
321 | });
|
322 |
|
323 | var _GrayCheckmark = __webpack_require__(94);
|
324 |
|
325 | Object.defineProperty(exports, 'GrayCheckmark', {
|
326 | enumerable: true,
|
327 | get: function get() {
|
328 | return _interopRequireDefault(_GrayCheckmark).default;
|
329 | }
|
330 | });
|
331 |
|
332 | var _NavyCheckmark = __webpack_require__(95);
|
333 |
|
334 | Object.defineProperty(exports, 'NavyCheckmark', {
|
335 | enumerable: true,
|
336 | get: function get() {
|
337 | return _interopRequireDefault(_NavyCheckmark).default;
|
338 | }
|
339 | });
|
340 |
|
341 | var _WhiteCheckmark = __webpack_require__(96);
|
342 |
|
343 | Object.defineProperty(exports, 'WhiteCheckmark', {
|
344 | enumerable: true,
|
345 | get: function get() {
|
346 | return _interopRequireDefault(_WhiteCheckmark).default;
|
347 | }
|
348 | });
|
349 |
|
350 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
351 |
|
352 | }),
|
353 |
|
354 | (function(module, exports, __webpack_require__) {
|
355 |
|
356 | "use strict";
|
357 |
|
358 |
|
359 | Object.defineProperty(exports, "__esModule", {
|
360 | value: true
|
361 | });
|
362 |
|
363 | var _BlueSpinner = __webpack_require__(116);
|
364 |
|
365 | Object.defineProperty(exports, 'BlueSpinner', {
|
366 | enumerable: true,
|
367 | get: function get() {
|
368 | return _interopRequireDefault(_BlueSpinner).default;
|
369 | }
|
370 | });
|
371 |
|
372 | var _GraySpinner = __webpack_require__(117);
|
373 |
|
374 | Object.defineProperty(exports, 'GraySpinner', {
|
375 | enumerable: true,
|
376 | get: function get() {
|
377 | return _interopRequireDefault(_GraySpinner).default;
|
378 | }
|
379 | });
|
380 |
|
381 | var _NavySpinner = __webpack_require__(118);
|
382 |
|
383 | Object.defineProperty(exports, 'NavySpinner', {
|
384 | enumerable: true,
|
385 | get: function get() {
|
386 | return _interopRequireDefault(_NavySpinner).default;
|
387 | }
|
388 | });
|
389 |
|
390 | var _WhiteSpinner = __webpack_require__(119);
|
391 |
|
392 | Object.defineProperty(exports, 'WhiteSpinner', {
|
393 | enumerable: true,
|
394 | get: function get() {
|
395 | return _interopRequireDefault(_WhiteSpinner).default;
|
396 | }
|
397 | });
|
398 |
|
399 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
400 |
|
401 | }),
|
402 |
|
403 | (function(module, exports, __webpack_require__) {
|
404 |
|
405 | "use strict";
|
406 |
|
407 |
|
408 | Object.defineProperty(exports, "__esModule", {
|
409 | value: true
|
410 | });
|
411 | exports.styles = exports.LowercaseLabel = undefined;
|
412 |
|
413 | var _templateObject = _taggedTemplateLiteral(['\n text-align: ', ';\n margin-bottom: 0;\n letter-spacing: ', ';\n text-transform: ', ';\n\n\n font-family: ', ';\n font-size: ', ';\n font-weight: ', ';\n'], ['\n text-align: ', ';\n margin-bottom: 0;\n letter-spacing: ', ';\n text-transform: ', ';\n\n\n font-family: ', ';\n font-size: ', ';\n font-weight: ', ';\n']),
|
414 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n\n color: ', '\n'], ['\n ', '\n\n color: ', '\n']);
|
415 |
|
416 | var _react = __webpack_require__(2);
|
417 |
|
418 | var _react2 = _interopRequireDefault(_react);
|
419 |
|
420 | var _propTypes = __webpack_require__(0);
|
421 |
|
422 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
423 |
|
424 | var _styledComponents = __webpack_require__(1);
|
425 |
|
426 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
427 |
|
428 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
429 |
|
430 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
431 |
|
432 | var styles = (0, _styledComponents.css)(_templateObject, function (props) {
|
433 | return props.alignRight ? 'right' : 'left';
|
434 | }, function (props) {
|
435 | return props.letterSpacing;
|
436 | }, function (props) {
|
437 | return props.lowercase ? 'inherit' : 'uppercase';
|
438 | }, function (props) {
|
439 | return props.theme.fonts.primaryFont;
|
440 | }, function (props) {
|
441 | return props.fontSize;
|
442 | }, function (props) {
|
443 | return props.fontWeight;
|
444 | });
|
445 |
|
446 | var Label = _styledComponents2.default.label(_templateObject2, styles, function (props) {
|
447 | return props.theme.colors.navy;
|
448 | });
|
449 |
|
450 | var LowercaseLabel = function LowercaseLabel(_ref) {
|
451 | var className = _ref.className,
|
452 | children = _ref.children;
|
453 |
|
454 | return _react2.default.createElement(
|
455 | Label,
|
456 | {
|
457 | className: className,
|
458 | fontSize: '2rem',
|
459 | letterSpacing: 'normal',
|
460 | fontWeight: 'normal',
|
461 | lowercase: true },
|
462 | children
|
463 | );
|
464 | };
|
465 |
|
466 | Label.propTypes = {
|
467 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
|
468 | theme: _propTypes2.default.shape({
|
469 | fonts: _propTypes2.default.shape({
|
470 | primaryFont: _propTypes2.default.string
|
471 | }),
|
472 | colors: _propTypes2.default.shape({
|
473 | navy: _propTypes2.default.string
|
474 | })
|
475 | }),
|
476 | lowercase: _propTypes2.default.bool
|
477 | };
|
478 |
|
479 | Label.defaultProps = {
|
480 | letterSpacing: '.1rem',
|
481 | fontSize: '1.4rem',
|
482 | fontWeight: '500'
|
483 |
|
484 |
|
485 | };exports.default = Label;
|
486 | exports.LowercaseLabel = LowercaseLabel;
|
487 | exports.styles = styles;
|
488 |
|
489 | }),
|
490 |
|
491 | (function(module, exports, __webpack_require__) {
|
492 |
|
493 | "use strict";
|
494 |
|
495 |
|
496 | Object.defineProperty(exports, "__esModule", {
|
497 | value: true
|
498 | });
|
499 | exports.waitCursor = exports.setWidth = exports.setCursor = exports.pointerCursor = exports.notAllowedCursor = exports.CustomButton = exports.buttonPropCheck = undefined;
|
500 |
|
501 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n'], ['\n width: ', ';\n']),
|
502 | _templateObject2 = _taggedTemplateLiteral(['\n cursor: pointer;\n > * {\n cursor: pointer;\n }\n'], ['\n cursor: pointer;\n > * {\n cursor: pointer;\n }\n']),
|
503 | _templateObject3 = _taggedTemplateLiteral(['\n cursor: wait;\n > * {\n cursor: wait;\n }\n'], ['\n cursor: wait;\n > * {\n cursor: wait;\n }\n']),
|
504 | _templateObject4 = _taggedTemplateLiteral(['\n cursor: not-allowed;\n > * {\n cursor: not-allowed;\n }\n'], ['\n cursor: not-allowed;\n > * {\n cursor: not-allowed;\n }\n']),
|
505 | _templateObject5 = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n']),
|
506 | _templateObject6 = _taggedTemplateLiteral(['\n box-sizing: border-box;\n height: 50px;\n ', '\n padding: 0 01.5rem;\n\n text-align: center;\n\n letter-spacing: 1px;\n ', '\n\n border-radius: .2rem;\n\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 500;\n\n transition:\n background-color 0.25s ease-in,\n border-color 0.25s ease-in,\n color 0.25s ease-in;\n\n ', ' {\n display: inline-block;\n }\n\n :hover {\n ', '\n }\n\n :focus {\n outline: 0;\n },\n\n :active {\n border-style: solid;\n transform: translateX(.2rem);\n }\n > span {\n display: flex;\n justify-content: center;\n align-items: center;\n > * {\n vertical-align: middle;\n }\n }\n'], ['\n box-sizing: border-box;\n height: 50px;\n ', '\n padding: 0 01.5rem;\n\n text-align: center;\n\n letter-spacing: 1px;\n ', '\n\n border-radius: .2rem;\n\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 500;\n\n transition:\n background-color 0.25s ease-in,\n border-color 0.25s ease-in,\n color 0.25s ease-in;\n\n ', ' {\n display: inline-block;\n }\n\n :hover {\n ', '\n }\n\n :focus {\n outline: 0;\n },\n\n :active {\n border-style: solid;\n transform: translateX(.2rem);\n }\n > span {\n display: flex;\n justify-content: center;\n align-items: center;\n > * {\n vertical-align: middle;\n }\n }\n']);
|
507 |
|
508 | var _react = __webpack_require__(2);
|
509 |
|
510 | var _react2 = _interopRequireDefault(_react);
|
511 |
|
512 | var _propTypes = __webpack_require__(0);
|
513 |
|
514 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
515 |
|
516 | var _styledComponents = __webpack_require__(1);
|
517 |
|
518 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
519 |
|
520 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
521 |
|
522 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
523 |
|
524 | 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; }
|
525 |
|
526 | var CustomButton = function CustomButton(_ref) {
|
527 | var Checkmark = _ref.checkmark,
|
528 | children = _ref.children,
|
529 | loading = _ref.loading,
|
530 | selected = _ref.selected,
|
531 | showCheckmark = _ref.showCheckmark,
|
532 | Spinner = _ref.spinner,
|
533 | props = _objectWithoutProperties(_ref, ['checkmark', 'children', 'loading', 'selected', 'showCheckmark', 'spinner']);
|
534 |
|
535 | delete props.width;
|
536 | delete props.sentanceCase;
|
537 | return _react2.default.createElement(
|
538 | 'button',
|
539 | props,
|
540 | _react2.default.createElement(
|
541 | 'span',
|
542 | null,
|
543 | selected && showCheckmark && Checkmark && _react2.default.createElement(Checkmark, null),
|
544 | !loading && children,
|
545 | loading && _react2.default.createElement(Spinner, { size: '4rem' })
|
546 | )
|
547 | );
|
548 | };
|
549 |
|
550 | var setWidth = (0, _styledComponents.css)(_templateObject, function (props) {
|
551 | return props.width;
|
552 | });
|
553 |
|
554 | var pointerCursor = (0, _styledComponents.css)(_templateObject2);
|
555 |
|
556 | var waitCursor = (0, _styledComponents.css)(_templateObject3);
|
557 |
|
558 | var notAllowedCursor = (0, _styledComponents.css)(_templateObject4);
|
559 |
|
560 | var setCursor = (0, _styledComponents.css)(_templateObject5, function (props) {
|
561 | return !props.loading && !props.disabled && pointerCursor;
|
562 | }, function (props) {
|
563 | return props.loading && waitCursor;
|
564 | }, function (props) {
|
565 | return props.disabled && notAllowedCursor;
|
566 | });
|
567 |
|
568 | var BaseButton = (0, _styledComponents2.default)(CustomButton)(_templateObject6, function (props) {
|
569 | return props.width && setWidth;
|
570 | }, function (props) {
|
571 | return props.sentanceCase ? 'text-transform: inherit;' : 'text-transform: uppercase;';
|
572 | }, function (props) {
|
573 | return props.theme.fonts.primaryFont;
|
574 | }, function (props) {
|
575 | return props.spinner;
|
576 | }, function (props) {
|
577 | return setCursor;
|
578 | });
|
579 |
|
580 | var buttonPropCheck = function buttonPropCheck(props, propName, componentName) {
|
581 | if (props.disabled && props.loading) {
|
582 | return new Error('You have both the disabled and loading props set in ' + componentName + ', please only set one or neither of these props at a time.');
|
583 | }
|
584 | return null;
|
585 | };
|
586 |
|
587 | BaseButton.propTypes = {
|
588 | buttonPropCheck: buttonPropCheck,
|
589 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]),
|
590 | sentanceCase: _propTypes2.default.bool,
|
591 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]),
|
592 | width: _propTypes2.default.string
|
593 | };
|
594 |
|
595 | exports.default = BaseButton;
|
596 | exports.buttonPropCheck = buttonPropCheck;
|
597 | exports.CustomButton = CustomButton;
|
598 | exports.notAllowedCursor = notAllowedCursor;
|
599 | exports.pointerCursor = pointerCursor;
|
600 | exports.setCursor = setCursor;
|
601 | exports.setWidth = setWidth;
|
602 | exports.waitCursor = waitCursor;
|
603 |
|
604 | }),
|
605 |
|
606 | (function(module, exports, __webpack_require__) {
|
607 |
|
608 | "use strict";
|
609 |
|
610 |
|
611 | Object.defineProperty(exports, "__esModule", {
|
612 | value: true
|
613 | });
|
614 | exports.AIcon = undefined;
|
615 |
|
616 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n'], ['\n width: ', ';\n']);
|
617 |
|
618 | var _react = __webpack_require__(2);
|
619 |
|
620 | var _react2 = _interopRequireDefault(_react);
|
621 |
|
622 | var _propTypes = __webpack_require__(0);
|
623 |
|
624 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
625 |
|
626 | var _styledComponents = __webpack_require__(1);
|
627 |
|
628 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
629 |
|
630 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
631 |
|
632 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
633 |
|
634 | var AIcon = function AIcon(props) {
|
635 | return _react2.default.createElement(
|
636 | 'svg',
|
637 | Object.assign({ viewBox: '0 0 80 80' }, props),
|
638 | _react2.default.createElement('path', { d: 'M57.5,64.6V40.1c0-9.4,0.1-14.8-4.7-19.5c-7.2-7-18.5-7-25.6,0c-4.8,4.8-4.8,10.2-4.8,19.5v24.5h7.4V50.3h20.2 v14.4H57.5z M29.9,43.6V40c0-9.8,0.5-12.5,2.8-15.1c3.9-4,10.5-4,14.5,0l0,0C49.6,27.6,50,30.3,50,40v3.5H29.9z' })
|
639 | );
|
640 | };
|
641 |
|
642 | var BaseAIcon = (0, _styledComponents2.default)(AIcon)(_templateObject, function (props) {
|
643 | return props.width;
|
644 | });
|
645 |
|
646 | BaseAIcon.propTypes = {
|
647 | width: _propTypes2.default.string.isRequired
|
648 | };
|
649 |
|
650 | BaseAIcon.defaultProps = {
|
651 | width: '9.2rem'
|
652 |
|
653 |
|
654 | };exports.default = BaseAIcon;
|
655 | exports.AIcon = AIcon;
|
656 |
|
657 | }),
|
658 |
|
659 | (function(module, exports, __webpack_require__) {
|
660 |
|
661 | "use strict";
|
662 |
|
663 |
|
664 | Object.defineProperty(exports, "__esModule", {
|
665 | value: true
|
666 | });
|
667 | exports.animateCheckmarkIn = exports.UnstyledCheckmark = undefined;
|
668 |
|
669 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n width: 0;\n stroke-dashoffset: 15;\n stroke: transparent;\n }\n 50% {\n width: ', ';\n stroke-dashoffset: 15;\n stroke: ', ';\n }\n 100% {\n width: ', ';\n transform: scaleX(1);\n stroke-dashoffset: 0;\n }\n '], ['\n 0% {\n width: 0;\n stroke-dashoffset: 15;\n stroke: transparent;\n }\n 50% {\n width: ', ';\n stroke-dashoffset: 15;\n stroke: ', ';\n }\n 100% {\n width: ', ';\n transform: scaleX(1);\n stroke-dashoffset: 0;\n }\n ']),
|
670 | _templateObject2 = _taggedTemplateLiteral(['\n width: ', ';\n fill: none;\n stroke-width: 2;\n > polyline {\n stroke-linecap: round;\n stroke-dasharray: 16;\n stroke-dashoffset: 0;\n animation-name: ', ';\n animation-duration: 0.5s\n }\n'], ['\n width: ', ';\n fill: none;\n stroke-width: 2;\n > polyline {\n stroke-linecap: round;\n stroke-dasharray: 16;\n stroke-dashoffset: 0;\n animation-name: ', ';\n animation-duration: 0.5s\n }\n']);
|
671 |
|
672 | var _react = __webpack_require__(2);
|
673 |
|
674 | var _react2 = _interopRequireDefault(_react);
|
675 |
|
676 | var _propTypes = __webpack_require__(0);
|
677 |
|
678 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
679 |
|
680 | var _styledComponents = __webpack_require__(1);
|
681 |
|
682 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
683 |
|
684 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
685 |
|
686 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
687 |
|
688 | var UnstyledCheckmark = exports.UnstyledCheckmark = function UnstyledCheckmark(props) {
|
689 | return _react2.default.createElement(
|
690 | 'svg',
|
691 | Object.assign({}, props, { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 26.5 26.5' }),
|
692 | _react2.default.createElement('polyline', { points: '7,14 11,17.7 18.6,9.5' })
|
693 | );
|
694 | };
|
695 |
|
696 | var animateCheckmarkIn = exports.animateCheckmarkIn = function animateCheckmarkIn(props) {
|
697 | return (0, _styledComponents.keyframes)(_templateObject, props.width, props.stroke, props.width);
|
698 | };
|
699 |
|
700 | var Checkmark = (0, _styledComponents2.default)(UnstyledCheckmark)(_templateObject2, function (props) {
|
701 | return props.width;
|
702 | }, function (props) {
|
703 | return animateCheckmarkIn;
|
704 | });
|
705 |
|
706 | Checkmark.propTypes = {
|
707 | stroke: _propTypes2.default.string,
|
708 | width: _propTypes2.default.string
|
709 | };
|
710 |
|
711 | Checkmark.defaultProps = {
|
712 | width: '2.6rem'
|
713 |
|
714 |
|
715 | };exports.default = Checkmark;
|
716 |
|
717 | }),
|
718 |
|
719 | (function(module, exports, __webpack_require__) {
|
720 |
|
721 | "use strict";
|
722 |
|
723 |
|
724 | Object.defineProperty(exports, "__esModule", {
|
725 | value: true
|
726 | });
|
727 | exports.UnstyledHamburger = exports.open = exports.closed = exports.animated = undefined;
|
728 |
|
729 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dashoffset: -322;\n }\n'], ['\n 0% {\n stroke-dashoffset: 0;\n }\n 100% {\n stroke-dashoffset: -322;\n }\n']),
|
730 | _templateObject2 = _taggedTemplateLiteral(['\n 0% {\n stroke-dashoffset: -322;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n'], ['\n 0% {\n stroke-dashoffset: -322;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n']),
|
731 | _templateObject3 = _taggedTemplateLiteral(['\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n'], ['\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n']),
|
732 | _templateObject4 = _taggedTemplateLiteral(['\n 100% {\n opacity: 1;\n }\n 0% {\n opacity: 0;\n }\n'], ['\n 100% {\n opacity: 1;\n }\n 0% {\n opacity: 0;\n }\n']),
|
733 | _templateObject5 = _taggedTemplateLiteral(['\n 33.3333333333%, 66.6666666666% {\n opacity: 0;\n }\n 0%, 100% {\n opacity: 1;\n }\n'], ['\n 33.3333333333%, 66.6666666666% {\n opacity: 0;\n }\n 0%, 100% {\n opacity: 1;\n }\n']),
|
734 | _templateObject6 = _taggedTemplateLiteral(['\n 0%, 100% {\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dashoffset: -322;\n }\n'], ['\n 0%, 100% {\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dashoffset: -322;\n }\n']),
|
735 | _templateObject7 = _taggedTemplateLiteral(['\n .line {\n stroke-dashoffset: 0;\n }\n .hamburger-outerline {\n animation: ', ' 2s ease-in-out infinite;\n }\n .hamburger-innerline {\n animation: ', ' 2s ease-in-out infinite;\n }\n'], ['\n .line {\n stroke-dashoffset: 0;\n }\n .hamburger-outerline {\n animation: ', ' 2s ease-in-out infinite;\n }\n .hamburger-innerline {\n animation: ', ' 2s ease-in-out infinite;\n }\n']),
|
736 | _templateObject8 = _taggedTemplateLiteral(['\n .line {\n stroke-dashoffset: 0;\n }\n .hamburger-outerline {\n animation: ', ' 1s ease-in-out;\n }\n .hamburger-innerline {\n animation: ', ' 1s ease-in-out;\n }\n'], ['\n .line {\n stroke-dashoffset: 0;\n }\n .hamburger-outerline {\n animation: ', ' 1s ease-in-out;\n }\n .hamburger-innerline {\n animation: ', ' 1s ease-in-out;\n }\n']),
|
737 | _templateObject9 = _taggedTemplateLiteral(['\n .hamburger-outerline {\n animation: ', ' 1s ease-in-out;\n stroke-dashoffset: -322;\n }\n .hamburger-innerline {\n animation: ', ' 1s ease-in-out;\n stroke-dashoffset: 125;\n }\n'], ['\n .hamburger-outerline {\n animation: ', ' 1s ease-in-out;\n stroke-dashoffset: -322;\n }\n .hamburger-innerline {\n animation: ', ' 1s ease-in-out;\n stroke-dashoffset: 125;\n }\n']),
|
738 | _templateObject10 = _taggedTemplateLiteral(['\n width: 4.8rem;\n height: 4.8rem;\n max-width: 100%;\n max-height: 100%;\n cursor: pointer;\n\n.line {\n fill:none;\n stroke-linecap:round;\n stroke-miterlimit:10;\n stroke-width: 8;\n}\n\n//Closed\n', '\n\n//Open\n', '\n\n//Animated\n', '\n\n\n.hamburger-innerline {\n stroke-dasharray:125;\n}\n.hamburger-outerline {\n stroke-dasharray:100 322;\n}\n'], ['\n width: 4.8rem;\n height: 4.8rem;\n max-width: 100%;\n max-height: 100%;\n cursor: pointer;\n\n.line {\n fill:none;\n stroke-linecap:round;\n stroke-miterlimit:10;\n stroke-width: 8;\n}\n\n//Closed\n', '\n\n//Open\n', '\n\n//Animated\n', '\n\n\n.hamburger-innerline {\n stroke-dasharray:125;\n}\n.hamburger-outerline {\n stroke-dasharray:100 322;\n}\n']);
|
739 |
|
740 | var _react = __webpack_require__(2);
|
741 |
|
742 | var _react2 = _interopRequireDefault(_react);
|
743 |
|
744 | var _propTypes = __webpack_require__(0);
|
745 |
|
746 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
747 |
|
748 | var _styledComponents = __webpack_require__(1);
|
749 |
|
750 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
751 |
|
752 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
753 |
|
754 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
755 |
|
756 | 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; }
|
757 |
|
758 | var topPoints = 'M2,74.21H102c51.54,1.7,72.86-35.69,59.31-58.6S93.4-3.52,\n89.36,69.35L18.64,140.06';
|
759 | var bottomPoints = 'M2,138.79H102c51.54-1.7,72.86,35.69,59.31,58.6s-67.91,\n19.13-72-53.74L18.64,72.94';
|
760 |
|
761 | var UnstyledHamburger = function UnstyledHamburger(_ref) {
|
762 | var className = _ref.className,
|
763 | props = _objectWithoutProperties(_ref, ['className']);
|
764 |
|
765 | delete props.animated;
|
766 | return _react2.default.createElement(
|
767 | 'svg',
|
768 | Object.assign({
|
769 | className: className,
|
770 | xmlns: 'http://www.w3.org/2000/svg',
|
771 | viewBox: '0 0 167.29 210.66'
|
772 | }, props),
|
773 | _react2.default.createElement('path', {
|
774 | className: 'line hamburger-outerline',
|
775 | d: topPoints }),
|
776 | _react2.default.createElement('line', {
|
777 | className: 'line hamburger-innerline',
|
778 | x1: '2',
|
779 | y1: '105.54',
|
780 | x2: '102',
|
781 | y2: '105.54' }),
|
782 | _react2.default.createElement('path', {
|
783 | className: 'line hamburger-outerline',
|
784 | d: bottomPoints })
|
785 | );
|
786 | };
|
787 |
|
788 | var animateToX = (0, _styledComponents.keyframes)(_templateObject);
|
789 |
|
790 | var animateFromX = (0, _styledComponents.keyframes)(_templateObject2);
|
791 |
|
792 | var removeCenterLine = (0, _styledComponents.keyframes)(_templateObject3);
|
793 |
|
794 | var addCenterLine = (0, _styledComponents.keyframes)(_templateObject4);
|
795 |
|
796 | var animateCenterLine = (0, _styledComponents.keyframes)(_templateObject5);
|
797 |
|
798 | var animateX = (0, _styledComponents.keyframes)(_templateObject6);
|
799 |
|
800 | var animated = (0, _styledComponents.css)(_templateObject7, animateX, animateCenterLine);
|
801 |
|
802 | var closed = (0, _styledComponents.css)(_templateObject8, animateFromX, addCenterLine);
|
803 |
|
804 | var open = (0, _styledComponents.css)(_templateObject9, animateToX, removeCenterLine);
|
805 |
|
806 | var BaseHamburger = (0, _styledComponents2.default)(UnstyledHamburger)(_templateObject10, function (props) {
|
807 | return !props.open && props.open !== undefined && closed;
|
808 | }, function (props) {
|
809 | return props.open && open;
|
810 | }, function (props) {
|
811 | return props.animated && animated;
|
812 | });
|
813 |
|
814 | BaseHamburger.propTypes = {
|
815 | animated: _propTypes2.default.bool,
|
816 | open: _propTypes2.default.bool,
|
817 | theme: _propTypes2.default.shape({
|
818 | colors: _propTypes2.default.shape({
|
819 | navy: _propTypes2.default.string,
|
820 | rocketBlue: _propTypes2.default.string,
|
821 | white: _propTypes2.default.string
|
822 | })
|
823 | })
|
824 |
|
825 |
|
826 | };exports.default = BaseHamburger;
|
827 | exports.animated = animated;
|
828 | exports.closed = closed;
|
829 | exports.open = open;
|
830 | exports.UnstyledHamburger = UnstyledHamburger;
|
831 |
|
832 | }),
|
833 |
|
834 | (function(module, exports, __webpack_require__) {
|
835 |
|
836 | "use strict";
|
837 |
|
838 |
|
839 | Object.defineProperty(exports, "__esModule", {
|
840 | value: true
|
841 | });
|
842 | exports.UnstyledBaseLogo = undefined;
|
843 |
|
844 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n transform: translateY(0px);\n }\n 25% {\n transform: translateY(-10px);\n }\n 50% {\n transform: translateY(0px);\n }\n 75% {\n transform: translateY(10px);\n }\n 100% {\n transform: translateY(0px);\n }\n'], ['\n 0% {\n transform: translateY(0px);\n }\n 25% {\n transform: translateY(-10px);\n }\n 50% {\n transform: translateY(0px);\n }\n 75% {\n transform: translateY(10px);\n }\n 100% {\n transform: translateY(0px);\n }\n']),
|
845 | _templateObject2 = _taggedTemplateLiteral(['\n > * {\n animation-name: ', ';\n animation-duration: 3s;\n animation-iteration-count: infinite;\n transform-origin: center;\n &:nth-child(1) {\n animation-delay: -2.8125s;\n }\n &:nth-child(2) {\n animation-delay: -2.625s;\n }\n &:nth-child(3) {\n animation-delay: -2.4375s;\n }\n &:nth-child(4) {\n animation-delay: -2.25s;\n }\n &:nth-child(5) {\n animation-delay: -2.0625s;\n }\n &:nth-child(6) {\n animation-delay: -1.875s;\n }\n &:nth-child(7) {\n animation-delay: -1.6875s;\n }\n &:nth-child(8) {\n animation-delay: -1.5s;\n }\n &:nth-child(9) {\n animation-delay: -1.3125s;\n }\n &:nth-child(10) {\n animation-delay: -1.125s;\n }\n &:nth-child(11) {\n animation-delay: -0.9375s;\n }\n &:nth-child(12) {\n animation-delay: -0.75s;\n }\n &:nth-child(13) {\n animation-delay: -0.5625s;\n }\n &:nth-child(14) {\n animation-delay: -0.375s;\n }\n &:nth-child(15) {\n animation-delay: -0.1875s;\n }\n &:nth-child(16) {\n animation-delay: 0s;\n }\n }\n'], ['\n > * {\n animation-name: ', ';\n animation-duration: 3s;\n animation-iteration-count: infinite;\n transform-origin: center;\n &:nth-child(1) {\n animation-delay: -2.8125s;\n }\n &:nth-child(2) {\n animation-delay: -2.625s;\n }\n &:nth-child(3) {\n animation-delay: -2.4375s;\n }\n &:nth-child(4) {\n animation-delay: -2.25s;\n }\n &:nth-child(5) {\n animation-delay: -2.0625s;\n }\n &:nth-child(6) {\n animation-delay: -1.875s;\n }\n &:nth-child(7) {\n animation-delay: -1.6875s;\n }\n &:nth-child(8) {\n animation-delay: -1.5s;\n }\n &:nth-child(9) {\n animation-delay: -1.3125s;\n }\n &:nth-child(10) {\n animation-delay: -1.125s;\n }\n &:nth-child(11) {\n animation-delay: -0.9375s;\n }\n &:nth-child(12) {\n animation-delay: -0.75s;\n }\n &:nth-child(13) {\n animation-delay: -0.5625s;\n }\n &:nth-child(14) {\n animation-delay: -0.375s;\n }\n &:nth-child(15) {\n animation-delay: -0.1875s;\n }\n &:nth-child(16) {\n animation-delay: 0s;\n }\n }\n']),
|
846 | _templateObject3 = _taggedTemplateLiteral(['\n width: 100%;\n max-width: ', ';\n ', '\n'], ['\n width: 100%;\n max-width: ', ';\n ', '\n']);
|
847 |
|
848 | var _react = __webpack_require__(2);
|
849 |
|
850 | var _react2 = _interopRequireDefault(_react);
|
851 |
|
852 | var _propTypes = __webpack_require__(0);
|
853 |
|
854 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
855 |
|
856 | var _styledComponents = __webpack_require__(1);
|
857 |
|
858 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
859 |
|
860 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
861 |
|
862 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
863 |
|
864 | 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; }
|
865 |
|
866 | var UnstyledBaseLogo = function UnstyledBaseLogo(_ref) {
|
867 | var className = _ref.className,
|
868 | props = _objectWithoutProperties(_ref, ['className']);
|
869 |
|
870 | delete props.animated;
|
871 | delete props.maxWidth;
|
872 | return _react2.default.createElement(
|
873 | 'svg',
|
874 | Object.assign({ className: className, viewBox: '0 0 492 60' }, props),
|
875 | _react2.default.createElement('path', { className: 'letter letter-r', d: 'M52.6,39.4l-4.1-8.1h-3.6v8.1H42V20.2h7.5c3.6,0,6,2.4,6,5.6c0.1,2.4-1.5,4.5-3.8,5.1l4.4,8.5L52.6,39.4z M49.2,22.8h-4.3v6h4.3c2,0,3.3-1.1,3.3-3C52.5,24,51.2,22.8,49.2,22.8z' }),
|
876 | _react2.default.createElement('path', { className: 'letter letter-o', d: 'M78,37.7c-2.8,2.8-7.3,2.8-10.1,0c-1.9-1.9-1.8-4-1.8-7.7c0-3.7,0-5.8,1.8-7.8c2.8-2.8,7.3-2.8,10.1,0 c1.9,1.9,1.8,4,1.8,7.7S79.8,35.8,78,37.7z M75.7,24c-1.6-1.6-4.1-1.6-5.7,0l0,0c-1,1-1.2,2.1-1.2,6s0.2,5,1.2,6 c1.6,1.6,4.1,1.6,5.7,0l0,0c1-1,1.1-2.1,1.1-6S76.7,25.1,75.7,24z' }),
|
877 | _react2.default.createElement('path', { className: 'letter letter-c', d: 'M104.1,26.1h-3c-0.1-0.8-0.4-1.5-1-2.1c-1.6-1.6-4.1-1.6-5.7,0l0,0c-1,1-1.2,2.1-1.2,6s0.2,5,1.2,6 c1.6,1.6,4.1,1.6,5.7,0l0,0c0.6-0.6,0.9-1.3,1-2.1h3c-0.2,1.6-0.6,2.8-1.7,3.9c-2.8,2.8-7.3,2.8-10.1,0c-1.9-1.9-1.9-4-1.9-7.7 s0-5.8,1.9-7.7c2.8-2.8,7.3-2.8,10.1,0C103.5,23.4,103.9,24.6,104.1,26.1' }),
|
878 | _react2.default.createElement('path', { className: 'letter letter-k', d: 'M126.5,39.6l-5.4-9.5l-3.2,3.9v5.6h-2.9V20.4h2.9V30l7.9-9.7h3.6l-6.2,7.6l6.9,11.7H126.5z' }),
|
879 | _react2.default.createElement('polygon', { className: 'letter letter-e', points: '142.9,23.1 152.3,23.1 152.3,20.5 140,20.5 140,20.5 140,39.7 142.6,39.7 152.3,39.7 152.3,37.1 142.9,37.1 142.9,31.4 151.4,31.4 151.4,28.8 142.9,28.8 142.9,28.7' }),
|
880 | _react2.default.createElement('polygon', { className: 'letter letter-t', points: '162.3,20.4 162.3,23.1 167.7,23.1 167.7,39.7 170.5,39.7 170.5,23.1 175.8,23.1 175.8,20.4' }),
|
881 | _react2.default.createElement('path', { className: 'letter letter-s', d: 'M191.6,39.8c-2.9,0-5-0.7-6.8-2.6l2-1.9c1.4,1.4,3,1.8,4.9,1.8c2.5,0,4-1.1,4-3c0-0.8-0.2-1.5-0.8-2 c-0.5-0.4-1-0.6-2.1-0.8l-2.3-0.4c-1.4-0.1-2.6-0.7-3.6-1.6c-1-0.9-1.4-2.1-1.4-3.7c0-3.3,2.4-5.6,6.4-5.6c2.6,0,4.3,0.6,6,2.2 l-1.9,1.8c-1.2-1.1-2.6-1.5-4.2-1.5c-2.3,0-3.5,1.3-3.5,3c0,0.7,0.2,1.3,0.7,1.8c0.6,0.5,1.4,0.8,2.2,0.9l2.2,0.3 c1.8,0.3,2.8,0.7,3.6,1.4c1,0.9,1.6,2.3,1.6,4C198.5,37.7,195.6,39.8,191.6,39.8z' }),
|
882 | _react2.default.createElement('path', { className: 'letter letter-o', d: 'M234.3,37.7c-2.8,2.8-7.3,2.8-10.1,0c-1.9-1.9-1.9-4-1.9-7.7s0-5.8,1.9-7.7c2.8-2.8,7.3-2.8,10.1,0 c1.9,1.9,1.8,4,1.8,7.7S236.2,35.8,234.3,37.7z M232.1,24c-1.6-1.6-4.1-1.6-5.7,0l0,0c-1,1-1.1,2.1-1.1,6s0.2,5,1.1,6 c1.6,1.6,4.1,1.6,5.7,0l0,0c1-1,1.1-2.1,1.1-6S233,25.1,232.1,24z' }),
|
883 | _react2.default.createElement('polygon', { className: 'letter letter-f', points: '250.3,31.4 258.8,31.4 258.8,28.7 250.3,28.7 250.3,23.1 259.7,23.1 259.7,20.4 247.4,20.4 247.4,39.7 250.3,39.7' }),
|
884 | _react2.default.createElement('path', { className: 'letter letter-a', d: 'M296.6,39.7V30c0-3.7,0-5.8-1.8-7.7c-2.8-2.8-7.3-2.8-10.1,0c-1.9,1.9-1.9,4-1.9,7.7v9.7h2.9V34h8v5.7 C293.6,39.7,296.6,39.7,296.6,39.7z M285.6,31.4V30c0-3.9,0.2-5,1.1-6c1.6-1.6,4.2-1.6,5.7,0l0,0c1,1,1.1,2.1,1.1,6v1.4H285.6z' }),
|
885 | _react2.default.createElement('path', { className: 'letter letter-w', d: 'M322.5,39.7H320l-3.9-13.5l-3.9,13.5h-2.6l-5-19.3h3.1l3.4,13.7l3.9-13.7h2.4l3.9,13.7l3.4-13.7h3.1L322.5,39.7 z' }),
|
886 | _react2.default.createElement('polygon', { className: 'letter letter-e', points: '340.6,23.1 350,23.1 350,20.4 337.7,20.4 337.7,20.5 337.7,39.7 340.3,39.7 350,39.7 350,37 340.6,37 340.6,31.4 349.1,31.4 349.1,28.7 340.6,28.7 340.6,28.7' }),
|
887 | _react2.default.createElement('path', { className: 'letter letter-s', d: 'M366.4,39.8c-2.9,0-5-0.7-6.8-2.6l2-1.9c1.4,1.4,3,1.8,4.9,1.8c2.5,0,4-1.1,4-3c0-0.8-0.2-1.5-0.8-2 c-0.5-0.4-1-0.6-2.1-0.8l-2.3-0.3c-1.4-0.1-2.6-0.7-3.6-1.6c-1-0.9-1.4-2.1-1.4-3.7c0-3.4,2.4-5.6,6.4-5.6c2.6,0,4.3,0.6,6,2.2 l-1.9,1.8c-1.2-1.1-2.6-1.5-4.2-1.5c-2.3,0-3.5,1.3-3.5,3c0,0.7,0.2,1.3,0.7,1.8c0.6,0.5,1.4,0.8,2.2,0.9l2.2,0.3 c1.8,0.3,2.8,0.7,3.6,1.4c1,0.9,1.6,2.3,1.6,4C373.3,37.7,370.5,39.8,366.4,39.8z' }),
|
888 | _react2.default.createElement('path', { className: 'letter letter-o', d: 'M395.7,37.8c-1.4,1.4-3.2,2.1-5.1,2.1c-1.9,0-3.7-0.7-5.1-2c-1.9-1.9-1.9-4-1.9-7.7s0-5.8,1.9-7.7 c1.3-1.4,3.2-2.1,5.1-2.1c1.9,0,3.8,0.7,5.1,2c1.9,1.9,1.8,4,1.8,7.7S397.6,35.9,395.7,37.8z M393.5,24.1c-1.6-1.6-4.2-1.6-5.7,0 l0,0c-1,1-1.1,2.1-1.1,6s0.2,5,1.1,6c1.6,1.6,4.1,1.6,5.7,0l0,0c1-1,1.1-2.1,1.1-6S394.4,25.1,393.5,24.1z' }),
|
889 | _react2.default.createElement('path', { className: 'letter letter-m', d: 'M422.8,39.7V26.8l-4.4,9.4h-2.2l-4.6-9.4v12.9h-2.9V20.4h2.9l5.6,12l5.5-12h2.9v19.2L422.8,39.7L422.8,39.7z' }),
|
890 | _react2.default.createElement('polygon', { className: 'letter letter-e', points: '440.5,23.1 449.9,23.1 449.9,20.4 437.6,20.4 437.6,20.5 437.6,39.7 440.2,39.7 449.9,39.7 449.9,37 440.5,37 440.5,31.4 449,31.4 449,28.7 440.5,28.7 440.5,28.7' })
|
891 | );
|
892 | };
|
893 |
|
894 | var pulse = (0, _styledComponents.keyframes)(_templateObject);
|
895 |
|
896 | var animated = (0, _styledComponents.css)(_templateObject2, pulse);
|
897 |
|
898 | var BaseLogo = (0, _styledComponents2.default)(UnstyledBaseLogo)(_templateObject3, function (props) {
|
899 | return props.maxWidth;
|
900 | }, function (props) {
|
901 | return props.animated ? animated : '';
|
902 | });
|
903 |
|
904 | BaseLogo.propTypes = {
|
905 | maxWidth: _propTypes2.default.string
|
906 | };
|
907 |
|
908 | BaseLogo.defaultProps = {
|
909 | maxWidth: '36rem'
|
910 |
|
911 |
|
912 | };exports.default = BaseLogo;
|
913 | exports.UnstyledBaseLogo = UnstyledBaseLogo;
|
914 |
|
915 | }),
|
916 |
|
917 | (function(module, exports, __webpack_require__) {
|
918 |
|
919 | "use strict";
|
920 |
|
921 |
|
922 | Object.defineProperty(exports, "__esModule", {
|
923 | value: true
|
924 | });
|
925 | exports.SpinnerSVG = exports.animation = undefined;
|
926 |
|
927 | var _templateObject = _taggedTemplateLiteral(['\n0% {\n opacity: 1.0;\n}\n100% {\n opacity: 0.0;\n}\n'], ['\n0% {\n opacity: 1.0;\n}\n100% {\n opacity: 0.0;\n}\n']),
|
928 | _templateObject2 = _taggedTemplateLiteral(['\n width: ', ';\n height: ', ';\n rect {\n animation-name: ', ';\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n transform-origin: 50% 50%;\n transform-box: view-box;\n }\n g {\n &:nth-child(1) rect {\n animation-delay: -1.0799999999999998s;\n }\n &:nth-child(2) rect {\n animation-delay: -0.96s;\n }\n &:nth-child(3) rect {\n animation-delay: -0.8400000000000001s;\n }\n &:nth-child(4) rect {\n animation-delay: -0.72s;\n }\n &:nth-child(5) rect {\n animation-delay: -0.6s;\n }\n &:nth-child(6) rect {\n animation-delay: -0.48s;\n }\n &:nth-child(7) rect {\n animation-delay: -0.36s;\n }\n &:nth-child(8) rect {\n animation-delay: -0.24s;\n }\n &:nth-child(9) rect {\n animation-delay: -0.12s;\n }\n &:nth-child(10) rect {\n animation-delay: 0s;\n }\n }\n'], ['\n width: ', ';\n height: ', ';\n rect {\n animation-name: ', ';\n animation-duration: 1.2s;\n animation-iteration-count: infinite;\n transform-origin: 50% 50%;\n transform-box: view-box;\n }\n g {\n &:nth-child(1) rect {\n animation-delay: -1.0799999999999998s;\n }\n &:nth-child(2) rect {\n animation-delay: -0.96s;\n }\n &:nth-child(3) rect {\n animation-delay: -0.8400000000000001s;\n }\n &:nth-child(4) rect {\n animation-delay: -0.72s;\n }\n &:nth-child(5) rect {\n animation-delay: -0.6s;\n }\n &:nth-child(6) rect {\n animation-delay: -0.48s;\n }\n &:nth-child(7) rect {\n animation-delay: -0.36s;\n }\n &:nth-child(8) rect {\n animation-delay: -0.24s;\n }\n &:nth-child(9) rect {\n animation-delay: -0.12s;\n }\n &:nth-child(10) rect {\n animation-delay: 0s;\n }\n }\n']);
|
929 |
|
930 | var _react = __webpack_require__(2);
|
931 |
|
932 | var _react2 = _interopRequireDefault(_react);
|
933 |
|
934 | var _propTypes = __webpack_require__(0);
|
935 |
|
936 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
937 |
|
938 | var _styledComponents = __webpack_require__(1);
|
939 |
|
940 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
941 |
|
942 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
943 |
|
944 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
945 |
|
946 | var animation = exports.animation = (0, _styledComponents.keyframes)(_templateObject);
|
947 |
|
948 | var SpinnerSVG = exports.SpinnerSVG = function SpinnerSVG(_ref) {
|
949 | var className = _ref.className;
|
950 |
|
951 | return _react2.default.createElement(
|
952 | 'svg',
|
953 | { className: className, viewBox: '0 0 100 100', preserveAspectRatio: 'xMidYMid', xmlns: 'http://www.w3.org/2000/svg', version: '1.1' },
|
954 | _react2.default.createElement(
|
955 | 'g',
|
956 | { transform: 'rotate(0 50 50)' },
|
957 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
958 | ),
|
959 | _react2.default.createElement(
|
960 | 'g',
|
961 | { transform: 'rotate(36 50 50)' },
|
962 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
963 | ),
|
964 | _react2.default.createElement(
|
965 | 'g',
|
966 | { transform: 'rotate(72 50 50)' },
|
967 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
968 | ),
|
969 | _react2.default.createElement(
|
970 | 'g',
|
971 | { transform: 'rotate(108 50 50)' },
|
972 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
973 | ),
|
974 | _react2.default.createElement(
|
975 | 'g',
|
976 | { transform: 'rotate(144 50 50)' },
|
977 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
978 | ),
|
979 | _react2.default.createElement(
|
980 | 'g',
|
981 | { transform: 'rotate(180 50 50)' },
|
982 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
983 | ),
|
984 | _react2.default.createElement(
|
985 | 'g',
|
986 | { transform: 'rotate(216 50 50)' },
|
987 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
988 | ),
|
989 | _react2.default.createElement(
|
990 | 'g',
|
991 | { transform: 'rotate(252 50 50)' },
|
992 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
993 | ),
|
994 | _react2.default.createElement(
|
995 | 'g',
|
996 | { transform: 'rotate(288 50 50)' },
|
997 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
998 | ),
|
999 | _react2.default.createElement(
|
1000 | 'g',
|
1001 | { transform: 'rotate(324 50 50)' },
|
1002 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1003 | )
|
1004 | );
|
1005 | };
|
1006 |
|
1007 | var Spinner = (0, _styledComponents2.default)(SpinnerSVG)(_templateObject2, function (props) {
|
1008 | return props.size;
|
1009 | }, function (props) {
|
1010 | return props.size;
|
1011 | }, animation);
|
1012 |
|
1013 | Spinner.propTypes = {
|
1014 | size: _propTypes2.default.string,
|
1015 | theme: _propTypes2.default.shape({})
|
1016 | };
|
1017 |
|
1018 | Spinner.defaultProps = {
|
1019 | size: '80px'
|
1020 |
|
1021 |
|
1022 | };exports.default = Spinner;
|
1023 |
|
1024 | }),
|
1025 |
|
1026 | (function(module, exports, __webpack_require__) {
|
1027 |
|
1028 | "use strict";
|
1029 |
|
1030 |
|
1031 | Object.defineProperty(exports, "__esModule", {
|
1032 | value: true
|
1033 | });
|
1034 |
|
1035 | var _templateObject = _taggedTemplateLiteral(['\n height: .1rem;\n width: ', ';\n border: none;\n margin: 1rem 0;\n'], ['\n height: .1rem;\n width: ', ';\n border: none;\n margin: 1rem 0;\n']);
|
1036 |
|
1037 | var _react = __webpack_require__(2);
|
1038 |
|
1039 | var _react2 = _interopRequireDefault(_react);
|
1040 |
|
1041 | var _propTypes = __webpack_require__(0);
|
1042 |
|
1043 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1044 |
|
1045 | var _styledComponents = __webpack_require__(1);
|
1046 |
|
1047 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1048 |
|
1049 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1050 |
|
1051 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1052 |
|
1053 | var UnstyledHr = function UnstyledHr(_ref) {
|
1054 | var className = _ref.className;
|
1055 |
|
1056 | return _react2.default.createElement('hr', { className: className });
|
1057 | };
|
1058 |
|
1059 | var BaseHr = (0, _styledComponents2.default)(UnstyledHr)(_templateObject, function (props) {
|
1060 | return props.width;
|
1061 | });
|
1062 |
|
1063 | BaseHr.propTypes = {
|
1064 | width: _propTypes2.default.string.isRequired
|
1065 | };
|
1066 |
|
1067 | BaseHr.defaultProps = {
|
1068 | width: '100%'
|
1069 |
|
1070 |
|
1071 | };exports.default = BaseHr;
|
1072 |
|
1073 | }),
|
1074 |
|
1075 | (function(module, exports) {
|
1076 |
|
1077 | module.exports = require("react-transition-group");
|
1078 |
|
1079 | }),
|
1080 |
|
1081 | (function(module, exports) {
|
1082 |
|
1083 | module.exports = require("react-stripe-elements");
|
1084 |
|
1085 | }),
|
1086 |
|
1087 | (function(module, exports, __webpack_require__) {
|
1088 |
|
1089 | "use strict";
|
1090 |
|
1091 |
|
1092 | Object.defineProperty(exports, "__esModule", {
|
1093 | value: true
|
1094 | });
|
1095 |
|
1096 | var _BagIcon = __webpack_require__(59);
|
1097 |
|
1098 | Object.defineProperty(exports, 'BagIcon', {
|
1099 | enumerable: true,
|
1100 | get: function get() {
|
1101 | return _interopRequireDefault(_BagIcon).default;
|
1102 | }
|
1103 | });
|
1104 |
|
1105 | var _Box = __webpack_require__(60);
|
1106 |
|
1107 | Object.defineProperty(exports, 'BoxIcon', {
|
1108 | enumerable: true,
|
1109 | get: function get() {
|
1110 | return _interopRequireDefault(_Box).default;
|
1111 | }
|
1112 | });
|
1113 |
|
1114 | var _BoxUpright = __webpack_require__(61);
|
1115 |
|
1116 | Object.defineProperty(exports, 'BoxUpright', {
|
1117 | enumerable: true,
|
1118 | get: function get() {
|
1119 | return _interopRequireDefault(_BoxUpright).default;
|
1120 | }
|
1121 | });
|
1122 |
|
1123 | var _Calendar = __webpack_require__(62);
|
1124 |
|
1125 | Object.defineProperty(exports, 'Calendar', {
|
1126 | enumerable: true,
|
1127 | get: function get() {
|
1128 | return _interopRequireDefault(_Calendar).default;
|
1129 | }
|
1130 | });
|
1131 |
|
1132 | var _CardIcon = __webpack_require__(29);
|
1133 |
|
1134 | Object.defineProperty(exports, 'CardIcon', {
|
1135 | enumerable: true,
|
1136 | get: function get() {
|
1137 | return _interopRequireDefault(_CardIcon).default;
|
1138 | }
|
1139 | });
|
1140 |
|
1141 | var _Chevron = __webpack_require__(72);
|
1142 |
|
1143 | Object.defineProperty(exports, 'Chevron', {
|
1144 | enumerable: true,
|
1145 | get: function get() {
|
1146 | return _interopRequireDefault(_Chevron).default;
|
1147 | }
|
1148 | });
|
1149 |
|
1150 | var _GuaranteeIcon = __webpack_require__(73);
|
1151 |
|
1152 | Object.defineProperty(exports, 'GuaranteeIcon', {
|
1153 | enumerable: true,
|
1154 | get: function get() {
|
1155 | return _interopRequireDefault(_GuaranteeIcon).default;
|
1156 | }
|
1157 | });
|
1158 |
|
1159 | var _MailboxIcon = __webpack_require__(74);
|
1160 |
|
1161 | Object.defineProperty(exports, 'MailboxIcon', {
|
1162 | enumerable: true,
|
1163 | get: function get() {
|
1164 | return _interopRequireDefault(_MailboxIcon).default;
|
1165 | }
|
1166 | });
|
1167 |
|
1168 | var _Pencil = __webpack_require__(75);
|
1169 |
|
1170 | Object.defineProperty(exports, 'Pencil', {
|
1171 | enumerable: true,
|
1172 | get: function get() {
|
1173 | return _interopRequireDefault(_Pencil).default;
|
1174 | }
|
1175 | });
|
1176 |
|
1177 | var _Phone = __webpack_require__(76);
|
1178 |
|
1179 | Object.defineProperty(exports, 'Phone', {
|
1180 | enumerable: true,
|
1181 | get: function get() {
|
1182 | return _interopRequireDefault(_Phone).default;
|
1183 | }
|
1184 | });
|
1185 |
|
1186 | var _PressIcon = __webpack_require__(21);
|
1187 |
|
1188 | Object.defineProperty(exports, 'PressIcon', {
|
1189 | enumerable: true,
|
1190 | get: function get() {
|
1191 | return _interopRequireDefault(_PressIcon).default;
|
1192 | }
|
1193 | });
|
1194 |
|
1195 | var _Ruler = __webpack_require__(86);
|
1196 |
|
1197 | Object.defineProperty(exports, 'Ruler', {
|
1198 | enumerable: true,
|
1199 | get: function get() {
|
1200 | return _interopRequireDefault(_Ruler).default;
|
1201 | }
|
1202 | });
|
1203 |
|
1204 | var _XIcon = __webpack_require__(87);
|
1205 |
|
1206 | Object.defineProperty(exports, 'XIcon', {
|
1207 | enumerable: true,
|
1208 | get: function get() {
|
1209 | return _interopRequireDefault(_XIcon).default;
|
1210 | }
|
1211 | });
|
1212 |
|
1213 | var _AIcon = __webpack_require__(88);
|
1214 |
|
1215 | Object.keys(_AIcon).forEach(function (key) {
|
1216 | if (key === "default" || key === "__esModule") return;
|
1217 | Object.defineProperty(exports, key, {
|
1218 | enumerable: true,
|
1219 | get: function get() {
|
1220 | return _AIcon[key];
|
1221 | }
|
1222 | });
|
1223 | });
|
1224 |
|
1225 | var _Checkmark = __webpack_require__(8);
|
1226 |
|
1227 | Object.keys(_Checkmark).forEach(function (key) {
|
1228 | if (key === "default" || key === "__esModule") return;
|
1229 | Object.defineProperty(exports, key, {
|
1230 | enumerable: true,
|
1231 | get: function get() {
|
1232 | return _Checkmark[key];
|
1233 | }
|
1234 | });
|
1235 | });
|
1236 |
|
1237 | var _CircleChevron = __webpack_require__(97);
|
1238 |
|
1239 | Object.keys(_CircleChevron).forEach(function (key) {
|
1240 | if (key === "default" || key === "__esModule") return;
|
1241 | Object.defineProperty(exports, key, {
|
1242 | enumerable: true,
|
1243 | get: function get() {
|
1244 | return _CircleChevron[key];
|
1245 | }
|
1246 | });
|
1247 | });
|
1248 |
|
1249 | var _Close = __webpack_require__(100);
|
1250 |
|
1251 | Object.keys(_Close).forEach(function (key) {
|
1252 | if (key === "default" || key === "__esModule") return;
|
1253 | Object.defineProperty(exports, key, {
|
1254 | enumerable: true,
|
1255 | get: function get() {
|
1256 | return _Close[key];
|
1257 | }
|
1258 | });
|
1259 | });
|
1260 |
|
1261 | var _Hamburger = __webpack_require__(103);
|
1262 |
|
1263 | Object.keys(_Hamburger).forEach(function (key) {
|
1264 | if (key === "default" || key === "__esModule") return;
|
1265 | Object.defineProperty(exports, key, {
|
1266 | enumerable: true,
|
1267 | get: function get() {
|
1268 | return _Hamburger[key];
|
1269 | }
|
1270 | });
|
1271 | });
|
1272 |
|
1273 | var _Highlighter = __webpack_require__(108);
|
1274 |
|
1275 | Object.keys(_Highlighter).forEach(function (key) {
|
1276 | if (key === "default" || key === "__esModule") return;
|
1277 | Object.defineProperty(exports, key, {
|
1278 | enumerable: true,
|
1279 | get: function get() {
|
1280 | return _Highlighter[key];
|
1281 | }
|
1282 | });
|
1283 | });
|
1284 |
|
1285 | var _Logo = __webpack_require__(111);
|
1286 |
|
1287 | Object.keys(_Logo).forEach(function (key) {
|
1288 | if (key === "default" || key === "__esModule") return;
|
1289 | Object.defineProperty(exports, key, {
|
1290 | enumerable: true,
|
1291 | get: function get() {
|
1292 | return _Logo[key];
|
1293 | }
|
1294 | });
|
1295 | });
|
1296 |
|
1297 | var _Spinner = __webpack_require__(9);
|
1298 |
|
1299 | Object.keys(_Spinner).forEach(function (key) {
|
1300 | if (key === "default" || key === "__esModule") return;
|
1301 | Object.defineProperty(exports, key, {
|
1302 | enumerable: true,
|
1303 | get: function get() {
|
1304 | return _Spinner[key];
|
1305 | }
|
1306 | });
|
1307 | });
|
1308 |
|
1309 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1310 |
|
1311 | }),
|
1312 |
|
1313 | (function(module, exports, __webpack_require__) {
|
1314 |
|
1315 | "use strict";
|
1316 |
|
1317 |
|
1318 | Object.defineProperty(exports, "__esModule", {
|
1319 | value: true
|
1320 | });
|
1321 | exports.PressIconBase = exports.selected = exports.defaultStyle = undefined;
|
1322 |
|
1323 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']),
|
1324 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n ', '\n'], ['\n ', '\n ', '\n']),
|
1325 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']);
|
1326 |
|
1327 | var _react = __webpack_require__(2);
|
1328 |
|
1329 | var _react2 = _interopRequireDefault(_react);
|
1330 |
|
1331 | var _propTypes = __webpack_require__(0);
|
1332 |
|
1333 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1334 |
|
1335 | var _styledComponents = __webpack_require__(1);
|
1336 |
|
1337 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1338 |
|
1339 | var _Default = __webpack_require__(77);
|
1340 |
|
1341 | var _Default2 = _interopRequireDefault(_Default);
|
1342 |
|
1343 | var _FastCompany = __webpack_require__(78);
|
1344 |
|
1345 | var _FastCompany2 = _interopRequireDefault(_FastCompany);
|
1346 |
|
1347 | var _LATimes = __webpack_require__(79);
|
1348 |
|
1349 | var _LATimes2 = _interopRequireDefault(_LATimes);
|
1350 |
|
1351 | var _NewYorkTimes = __webpack_require__(80);
|
1352 |
|
1353 | var _NewYorkTimes2 = _interopRequireDefault(_NewYorkTimes);
|
1354 |
|
1355 | var _NewYorkPost = __webpack_require__(81);
|
1356 |
|
1357 | var _NewYorkPost2 = _interopRequireDefault(_NewYorkPost);
|
1358 |
|
1359 | var _ParentsMagazine = __webpack_require__(82);
|
1360 |
|
1361 | var _ParentsMagazine2 = _interopRequireDefault(_ParentsMagazine);
|
1362 |
|
1363 | var _PeopleMagazine = __webpack_require__(83);
|
1364 |
|
1365 | var _PeopleMagazine2 = _interopRequireDefault(_PeopleMagazine);
|
1366 |
|
1367 | var _TechCrunch = __webpack_require__(84);
|
1368 |
|
1369 | var _TechCrunch2 = _interopRequireDefault(_TechCrunch);
|
1370 |
|
1371 | var _TodayShow = __webpack_require__(85);
|
1372 |
|
1373 | var _TodayShow2 = _interopRequireDefault(_TodayShow);
|
1374 |
|
1375 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1376 |
|
1377 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1378 |
|
1379 | 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; }
|
1380 |
|
1381 | var PressIconBase = function PressIconBase(_ref) {
|
1382 | var brand = _ref.brand,
|
1383 | className = _ref.className,
|
1384 | props = _objectWithoutProperties(_ref, ['brand', 'className']);
|
1385 |
|
1386 | var Child = null;
|
1387 | switch (brand) {
|
1388 | case 'fast_company':
|
1389 | Child = _FastCompany2.default;
|
1390 | break;
|
1391 | case 'la_times':
|
1392 | Child = _LATimes2.default;
|
1393 | break;
|
1394 | case 'new_york_times':
|
1395 | Child = _NewYorkTimes2.default;
|
1396 | break;
|
1397 | case 'new_york_post':
|
1398 | Child = _NewYorkPost2.default;
|
1399 | break;
|
1400 | case 'parents_magazine':
|
1401 | Child = _ParentsMagazine2.default;
|
1402 | break;
|
1403 | case 'people_magazine':
|
1404 | Child = _PeopleMagazine2.default;
|
1405 | break;
|
1406 | case 'tech_crunch':
|
1407 | Child = _TechCrunch2.default;
|
1408 | break;
|
1409 | case 'today_show':
|
1410 | Child = _TodayShow2.default;
|
1411 | break;
|
1412 | default:
|
1413 | Child = _Default2.default;
|
1414 | }
|
1415 | return _react2.default.createElement(Child, { className: className, onClick: props.onClick });
|
1416 | };
|
1417 |
|
1418 | var defaultStyle = exports.defaultStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
1419 | return props.theme.colors.navy;
|
1420 | });
|
1421 |
|
1422 | var selected = exports.selected = (0, _styledComponents.css)(_templateObject, function (props) {
|
1423 | return props.theme.colors.rocketBlue;
|
1424 | });
|
1425 |
|
1426 | var colorPressIcon = (0, _styledComponents.css)(_templateObject2, function (props) {
|
1427 | return !props.selected && defaultStyle;
|
1428 | }, function (props) {
|
1429 | return props.selected && selected;
|
1430 | });
|
1431 |
|
1432 | var PressIcon = (0, _styledComponents2.default)(PressIconBase)(_templateObject3, function (props) {
|
1433 | return colorPressIcon;
|
1434 | });
|
1435 |
|
1436 | PressIcon.propTypes = {
|
1437 | brand: _propTypes2.default.string.isRequired,
|
1438 | theme: _propTypes2.default.shape({
|
1439 | colors: _propTypes2.default.shape({
|
1440 | rocketBlue: _propTypes2.default.string
|
1441 | })
|
1442 | }),
|
1443 | onClick: _propTypes2.default.func
|
1444 |
|
1445 |
|
1446 | };exports.default = PressIcon;
|
1447 | exports.PressIconBase = PressIconBase;
|
1448 |
|
1449 | }),
|
1450 |
|
1451 | (function(module, exports, __webpack_require__) {
|
1452 |
|
1453 | "use strict";
|
1454 |
|
1455 |
|
1456 | Object.defineProperty(exports, "__esModule", {
|
1457 | value: true
|
1458 | });
|
1459 |
|
1460 | var _link = __webpack_require__(128);
|
1461 |
|
1462 | Object.keys(_link).forEach(function (key) {
|
1463 | if (key === "default" || key === "__esModule") return;
|
1464 | Object.defineProperty(exports, key, {
|
1465 | enumerable: true,
|
1466 | get: function get() {
|
1467 | return _link[key];
|
1468 | }
|
1469 | });
|
1470 | });
|
1471 |
|
1472 | var _BlockQuote = __webpack_require__(132);
|
1473 |
|
1474 | Object.defineProperty(exports, 'BlockQuote', {
|
1475 | enumerable: true,
|
1476 | get: function get() {
|
1477 | return _interopRequireDefault(_BlockQuote).default;
|
1478 | }
|
1479 | });
|
1480 |
|
1481 | var _Caption = __webpack_require__(133);
|
1482 |
|
1483 | Object.defineProperty(exports, 'Caption', {
|
1484 | enumerable: true,
|
1485 | get: function get() {
|
1486 | return _interopRequireDefault(_Caption).default;
|
1487 | }
|
1488 | });
|
1489 |
|
1490 | var _H = __webpack_require__(134);
|
1491 |
|
1492 | Object.defineProperty(exports, 'H1', {
|
1493 | enumerable: true,
|
1494 | get: function get() {
|
1495 | return _interopRequireDefault(_H).default;
|
1496 | }
|
1497 | });
|
1498 |
|
1499 | var _H2 = __webpack_require__(135);
|
1500 |
|
1501 | Object.defineProperty(exports, 'H2', {
|
1502 | enumerable: true,
|
1503 | get: function get() {
|
1504 | return _interopRequireDefault(_H2).default;
|
1505 | }
|
1506 | });
|
1507 |
|
1508 | var _H3 = __webpack_require__(136);
|
1509 |
|
1510 | Object.defineProperty(exports, 'H3', {
|
1511 | enumerable: true,
|
1512 | get: function get() {
|
1513 | return _interopRequireDefault(_H3).default;
|
1514 | }
|
1515 | });
|
1516 |
|
1517 | var _H4 = __webpack_require__(137);
|
1518 |
|
1519 | Object.defineProperty(exports, 'H4', {
|
1520 | enumerable: true,
|
1521 | get: function get() {
|
1522 | return _interopRequireDefault(_H4).default;
|
1523 | }
|
1524 | });
|
1525 |
|
1526 | var _H5 = __webpack_require__(138);
|
1527 |
|
1528 | Object.defineProperty(exports, 'H5', {
|
1529 | enumerable: true,
|
1530 | get: function get() {
|
1531 | return _interopRequireDefault(_H5).default;
|
1532 | }
|
1533 | });
|
1534 |
|
1535 | var _H6 = __webpack_require__(139);
|
1536 |
|
1537 | Object.defineProperty(exports, 'H6', {
|
1538 | enumerable: true,
|
1539 | get: function get() {
|
1540 | return _interopRequireDefault(_H6).default;
|
1541 | }
|
1542 | });
|
1543 |
|
1544 | var _Label = __webpack_require__(10);
|
1545 |
|
1546 | Object.defineProperty(exports, 'Label', {
|
1547 | enumerable: true,
|
1548 | get: function get() {
|
1549 | return _interopRequireDefault(_Label).default;
|
1550 | }
|
1551 | });
|
1552 |
|
1553 | var _MarkedText = __webpack_require__(140);
|
1554 |
|
1555 | Object.defineProperty(exports, 'MarkedText', {
|
1556 | enumerable: true,
|
1557 | get: function get() {
|
1558 | return _interopRequireDefault(_MarkedText).default;
|
1559 | }
|
1560 | });
|
1561 |
|
1562 | var _P = __webpack_require__(32);
|
1563 |
|
1564 | Object.defineProperty(exports, 'P', {
|
1565 | enumerable: true,
|
1566 | get: function get() {
|
1567 | return _interopRequireDefault(_P).default;
|
1568 | }
|
1569 | });
|
1570 |
|
1571 | var _Serif = __webpack_require__(141);
|
1572 |
|
1573 | Object.defineProperty(exports, 'Serif', {
|
1574 | enumerable: true,
|
1575 | get: function get() {
|
1576 | return _interopRequireDefault(_Serif).default;
|
1577 | }
|
1578 | });
|
1579 |
|
1580 | var _BlueHr = __webpack_require__(142);
|
1581 |
|
1582 | Object.defineProperty(exports, 'BlueHr', {
|
1583 | enumerable: true,
|
1584 | get: function get() {
|
1585 | return _interopRequireDefault(_BlueHr).default;
|
1586 | }
|
1587 | });
|
1588 |
|
1589 | var _Hr = __webpack_require__(143);
|
1590 |
|
1591 | Object.defineProperty(exports, 'Hr', {
|
1592 | enumerable: true,
|
1593 | get: function get() {
|
1594 | return _interopRequireDefault(_Hr).default;
|
1595 | }
|
1596 | });
|
1597 |
|
1598 | var _NavyHr = __webpack_require__(144);
|
1599 |
|
1600 | Object.defineProperty(exports, 'NavyHr', {
|
1601 | enumerable: true,
|
1602 | get: function get() {
|
1603 | return _interopRequireDefault(_NavyHr).default;
|
1604 | }
|
1605 | });
|
1606 |
|
1607 | var _WhiteHr = __webpack_require__(145);
|
1608 |
|
1609 | Object.defineProperty(exports, 'WhiteHr', {
|
1610 | enumerable: true,
|
1611 | get: function get() {
|
1612 | return _interopRequireDefault(_WhiteHr).default;
|
1613 | }
|
1614 | });
|
1615 |
|
1616 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1617 |
|
1618 | }),
|
1619 |
|
1620 | (function(module, exports, __webpack_require__) {
|
1621 |
|
1622 | "use strict";
|
1623 |
|
1624 |
|
1625 | Object.defineProperty(exports, "__esModule", {
|
1626 | value: true
|
1627 | });
|
1628 | exports.baseLinkStyles = undefined;
|
1629 |
|
1630 | var _templateObject = _taggedTemplateLiteral(['\ntransition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;\n\ntext-decoration: none;\ntext-transform: ', ';\n\nborder-bottom: 0.2rem solid;\nborder-bottom-color: transparent;\n\nfont-family: ', ';\nfont-size: ', ';\nfont-weight: ', ';\nfont-style: ', '\n&:hover {\n text-decoration: none;\n\n pointer: cursor;\n}\n'], ['\ntransition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;\n\ntext-decoration: none;\ntext-transform: ', ';\n\nborder-bottom: 0.2rem solid;\nborder-bottom-color: transparent;\n\nfont-family: ', ';\nfont-size: ', ';\nfont-weight: ', ';\nfont-style: ', '\n&:hover {\n text-decoration: none;\n\n pointer: cursor;\n}\n']),
|
1631 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']);
|
1632 |
|
1633 | var _react = __webpack_require__(2);
|
1634 |
|
1635 | var _react2 = _interopRequireDefault(_react);
|
1636 |
|
1637 | var _propTypes = __webpack_require__(0);
|
1638 |
|
1639 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1640 |
|
1641 | var _styledComponents = __webpack_require__(1);
|
1642 |
|
1643 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1644 |
|
1645 | var _theme = __webpack_require__(6);
|
1646 |
|
1647 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1648 |
|
1649 | 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; }
|
1650 |
|
1651 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1652 |
|
1653 | var baseLinkStyles = (0, _styledComponents.css)(_templateObject, function (props) {
|
1654 | return props.uppercase ? 'uppercase' : 'initial';
|
1655 | }, function (props) {
|
1656 | return props.fontFamily;
|
1657 | }, function (props) {
|
1658 | return props.fontSize;
|
1659 | }, function (props) {
|
1660 | return props.light ? '400' : props.fontWeight;
|
1661 | }, function (props) {
|
1662 | return props.fontStyle;
|
1663 | });
|
1664 |
|
1665 | var BaseLink = (0, _styledComponents2.default)(function (_ref) {
|
1666 | var renderLink = _ref.renderLink,
|
1667 | children = _ref.children,
|
1668 | props = _objectWithoutProperties(_ref, ['renderLink', 'children']);
|
1669 |
|
1670 | delete props.light;
|
1671 | delete props.uppercase;
|
1672 | delete props.underline;
|
1673 | delete props.fontFamily;
|
1674 | delete props.fontSize;
|
1675 | delete props.fontWeight;
|
1676 | if (renderLink) {
|
1677 | return renderLink(Object.assign({}, props, { children: children }));
|
1678 | } else {
|
1679 | return _react2.default.createElement(
|
1680 | 'a',
|
1681 | props,
|
1682 | children
|
1683 | );
|
1684 | }
|
1685 | })(_templateObject2, baseLinkStyles);
|
1686 |
|
1687 | BaseLink.propTypes = {
|
1688 | fontFamily: _propTypes2.default.string,
|
1689 | fontSize: _propTypes2.default.string,
|
1690 | fontWeight: _propTypes2.default.number,
|
1691 | light: _propTypes2.default.bool,
|
1692 | theme: _propTypes2.default.shape({
|
1693 | fonts: _propTypes2.default.shape({
|
1694 | primaryFont: _propTypes2.default.string
|
1695 | })
|
1696 | }),
|
1697 | uppercase: _propTypes2.default.bool.isRequired,
|
1698 | underline: _propTypes2.default.bool
|
1699 | };
|
1700 |
|
1701 | BaseLink.defaultProps = {
|
1702 | fontFamily: _theme.theme.fonts.primaryFont,
|
1703 | fontSize: '1.4rem',
|
1704 | fontStyle: 'normal',
|
1705 | fontWeight: 500,
|
1706 | uppercase: false
|
1707 |
|
1708 |
|
1709 | };exports.default = BaseLink;
|
1710 | exports.baseLinkStyles = baseLinkStyles;
|
1711 |
|
1712 | }),
|
1713 |
|
1714 | (function(module, exports) {
|
1715 |
|
1716 | module.exports = require("react-responsive");
|
1717 |
|
1718 | }),
|
1719 |
|
1720 | (function(module, exports, __webpack_require__) {
|
1721 |
|
1722 | "use strict";
|
1723 |
|
1724 |
|
1725 | Object.defineProperty(exports, "__esModule", {
|
1726 | value: true
|
1727 | });
|
1728 |
|
1729 | var _Buttons = __webpack_require__(187);
|
1730 |
|
1731 | Object.keys(_Buttons).forEach(function (key) {
|
1732 | if (key === "default" || key === "__esModule") return;
|
1733 | Object.defineProperty(exports, key, {
|
1734 | enumerable: true,
|
1735 | get: function get() {
|
1736 | return _Buttons[key];
|
1737 | }
|
1738 | });
|
1739 | });
|
1740 |
|
1741 | var _Checkbox = __webpack_require__(198);
|
1742 |
|
1743 | Object.defineProperty(exports, 'Checkbox', {
|
1744 | enumerable: true,
|
1745 | get: function get() {
|
1746 | return _interopRequireDefault(_Checkbox).default;
|
1747 | }
|
1748 | });
|
1749 |
|
1750 | var _radioButtons = __webpack_require__(201);
|
1751 |
|
1752 | Object.keys(_radioButtons).forEach(function (key) {
|
1753 | if (key === "default" || key === "__esModule") return;
|
1754 | Object.defineProperty(exports, key, {
|
1755 | enumerable: true,
|
1756 | get: function get() {
|
1757 | return _radioButtons[key];
|
1758 | }
|
1759 | });
|
1760 | });
|
1761 |
|
1762 | var _Input = __webpack_require__(204);
|
1763 |
|
1764 | Object.keys(_Input).forEach(function (key) {
|
1765 | if (key === "default" || key === "__esModule") return;
|
1766 | Object.defineProperty(exports, key, {
|
1767 | enumerable: true,
|
1768 | get: function get() {
|
1769 | return _Input[key];
|
1770 | }
|
1771 | });
|
1772 | });
|
1773 |
|
1774 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1775 |
|
1776 | }),
|
1777 |
|
1778 | (function(module, exports, __webpack_require__) {
|
1779 |
|
1780 | "use strict";
|
1781 |
|
1782 |
|
1783 | Object.defineProperty(exports, "__esModule", {
|
1784 | value: true
|
1785 | });
|
1786 | exports.setWidth = exports.CustomButton = undefined;
|
1787 |
|
1788 | var _templateObject = _taggedTemplateLiteral(['\n ', ';\n'], ['\n ', ';\n']),
|
1789 | _templateObject2 = _taggedTemplateLiteral(['\n position: relative;\n display: flex;\n ', '\n overflow: hidden;\n\n > button {\n display: flex;\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n height: 30px;\n ', '\n padding: 0 1.5rem;\n\n text-align: center;\n\n letter-spacing: .1rem;\n ', '\n\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 500;\n border: none;\n\n .arrow {\n margin-left: 1.2rem;\n }\n }\n\n > .borderBottom {\n display: block;\n height: .2rem;\n width: 100%;\n transform: translateX(-100%);\n transition transform 0.25s ease-in-out;\n position: absolute;\n left: 0;\n bottom: 0;\n z-index: 1;\n }\n\n :hover {\n > button {\n cursor: pointer;\n }\n > .borderBottom {\n transform: translateX(0);\n cursor: pointer;\n }\n }\n'], ['\n position: relative;\n display: flex;\n ', '\n overflow: hidden;\n\n > button {\n display: flex;\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n height: 30px;\n ', '\n padding: 0 1.5rem;\n\n text-align: center;\n\n letter-spacing: .1rem;\n ', '\n\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 500;\n border: none;\n\n .arrow {\n margin-left: 1.2rem;\n }\n }\n\n > .borderBottom {\n display: block;\n height: .2rem;\n width: 100%;\n transform: translateX(-100%);\n transition transform 0.25s ease-in-out;\n position: absolute;\n left: 0;\n bottom: 0;\n z-index: 1;\n }\n\n :hover {\n > button {\n cursor: pointer;\n }\n > .borderBottom {\n transform: translateX(0);\n cursor: pointer;\n }\n }\n']);
|
1790 |
|
1791 | var _react = __webpack_require__(2);
|
1792 |
|
1793 | var _react2 = _interopRequireDefault(_react);
|
1794 |
|
1795 | var _propTypes = __webpack_require__(0);
|
1796 |
|
1797 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1798 |
|
1799 | var _styledComponents = __webpack_require__(1);
|
1800 |
|
1801 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1802 |
|
1803 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1804 |
|
1805 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1806 |
|
1807 | 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; }
|
1808 |
|
1809 | var CustomButton = function CustomButton(_ref) {
|
1810 | var arrow = _ref.arrow,
|
1811 | className = _ref.className,
|
1812 | children = _ref.children,
|
1813 | props = _objectWithoutProperties(_ref, ['arrow', 'className', 'children']);
|
1814 |
|
1815 | return _react2.default.createElement(
|
1816 | 'div',
|
1817 | { className: className },
|
1818 | _react2.default.createElement(
|
1819 | 'button',
|
1820 | props,
|
1821 | children,
|
1822 | arrow && _react2.default.createElement(
|
1823 | 'span',
|
1824 | { className: 'arrow' },
|
1825 | '\u2192'
|
1826 | )
|
1827 | ),
|
1828 | _react2.default.createElement('span', { className: 'borderBottom' })
|
1829 | );
|
1830 | };
|
1831 |
|
1832 | var setWidth = (0, _styledComponents.css)(_templateObject, function (props) {
|
1833 | return 'width: ' + props.width;
|
1834 | });
|
1835 |
|
1836 | var BaseImageButton = (0, _styledComponents2.default)(CustomButton)(_templateObject2, function (props) {
|
1837 | return setWidth;
|
1838 | }, function (props) {
|
1839 | return setWidth;
|
1840 | }, function (props) {
|
1841 | return props.sentanceCase ? 'text-transform: inherit;' : 'text-transform: uppercase;';
|
1842 | }, function (props) {
|
1843 | return props.theme.fonts.primaryFont;
|
1844 | });
|
1845 |
|
1846 | BaseImageButton.propTypes = {
|
1847 | arrow: _propTypes2.default.bool,
|
1848 | sentanceCase: _propTypes2.default.bool,
|
1849 | width: _propTypes2.default.string
|
1850 | };
|
1851 |
|
1852 | BaseImageButton.defaultProps = {
|
1853 | width: '35rem'
|
1854 |
|
1855 |
|
1856 | };exports.default = BaseImageButton;
|
1857 | exports.CustomButton = CustomButton;
|
1858 | exports.setWidth = setWidth;
|
1859 |
|
1860 | }),
|
1861 |
|
1862 | (function(module, exports, __webpack_require__) {
|
1863 |
|
1864 | "use strict";
|
1865 |
|
1866 |
|
1867 | Object.defineProperty(exports, "__esModule", {
|
1868 | value: true
|
1869 | });
|
1870 |
|
1871 | var _InformationalSection = __webpack_require__(209);
|
1872 |
|
1873 | Object.defineProperty(exports, 'InformationalSection', {
|
1874 | enumerable: true,
|
1875 | get: function get() {
|
1876 | return _interopRequireDefault(_InformationalSection).default;
|
1877 | }
|
1878 | });
|
1879 |
|
1880 | var _SubscriptionSection = __webpack_require__(210);
|
1881 |
|
1882 | Object.defineProperty(exports, 'SubscriptionSection', {
|
1883 | enumerable: true,
|
1884 | get: function get() {
|
1885 | return _interopRequireDefault(_SubscriptionSection).default;
|
1886 | }
|
1887 | });
|
1888 |
|
1889 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1890 |
|
1891 | }),
|
1892 |
|
1893 | (function(module, exports) {
|
1894 |
|
1895 | module.exports = require("accounting");
|
1896 |
|
1897 | }),
|
1898 |
|
1899 | (function(module, exports, __webpack_require__) {
|
1900 |
|
1901 | "use strict";
|
1902 |
|
1903 |
|
1904 | Object.defineProperty(exports, "__esModule", {
|
1905 | value: true
|
1906 | });
|
1907 | exports.CardIconBase = undefined;
|
1908 |
|
1909 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
1910 |
|
1911 | var _react = __webpack_require__(2);
|
1912 |
|
1913 | var _react2 = _interopRequireDefault(_react);
|
1914 |
|
1915 | var _propTypes = __webpack_require__(0);
|
1916 |
|
1917 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1918 |
|
1919 | var _styledComponents = __webpack_require__(1);
|
1920 |
|
1921 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1922 |
|
1923 | var _Amex = __webpack_require__(63);
|
1924 |
|
1925 | var _Amex2 = _interopRequireDefault(_Amex);
|
1926 |
|
1927 | var _Default = __webpack_require__(64);
|
1928 |
|
1929 | var _Default2 = _interopRequireDefault(_Default);
|
1930 |
|
1931 | var _Diners = __webpack_require__(65);
|
1932 |
|
1933 | var _Diners2 = _interopRequireDefault(_Diners);
|
1934 |
|
1935 | var _Discover = __webpack_require__(66);
|
1936 |
|
1937 | var _Discover2 = _interopRequireDefault(_Discover);
|
1938 |
|
1939 | var _JCB = __webpack_require__(67);
|
1940 |
|
1941 | var _JCB2 = _interopRequireDefault(_JCB);
|
1942 |
|
1943 | var _Mastercard = __webpack_require__(68);
|
1944 |
|
1945 | var _Mastercard2 = _interopRequireDefault(_Mastercard);
|
1946 |
|
1947 | var _Maestro = __webpack_require__(69);
|
1948 |
|
1949 | var _Maestro2 = _interopRequireDefault(_Maestro);
|
1950 |
|
1951 | var _Paypal = __webpack_require__(70);
|
1952 |
|
1953 | var _Paypal2 = _interopRequireDefault(_Paypal);
|
1954 |
|
1955 | var _Visa = __webpack_require__(71);
|
1956 |
|
1957 | var _Visa2 = _interopRequireDefault(_Visa);
|
1958 |
|
1959 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1960 |
|
1961 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1962 |
|
1963 | var CardIconBase = function CardIconBase(_ref) {
|
1964 | var brand = _ref.brand,
|
1965 | className = _ref.className;
|
1966 |
|
1967 | var Child = null;
|
1968 | switch (brand) {
|
1969 | case 'amex':
|
1970 | Child = _Amex2.default;
|
1971 | break;
|
1972 | case 'diners':
|
1973 | Child = _Diners2.default;
|
1974 | break;
|
1975 | case 'discover':
|
1976 | Child = _Discover2.default;
|
1977 | break;
|
1978 | case 'jcb':
|
1979 | Child = _JCB2.default;
|
1980 | break;
|
1981 | case 'mastercard':
|
1982 | Child = _Mastercard2.default;
|
1983 | break;
|
1984 | case 'maestro':
|
1985 | Child = _Maestro2.default;
|
1986 | break;
|
1987 | case 'paypal':
|
1988 | Child = _Paypal2.default;
|
1989 | break;
|
1990 | case 'visa':
|
1991 | Child = _Visa2.default;
|
1992 | break;
|
1993 | default:
|
1994 | Child = _Default2.default;
|
1995 | }
|
1996 | return _react2.default.createElement(Child, { className: className });
|
1997 | };
|
1998 |
|
1999 | var CardIcon = (0, _styledComponents2.default)(CardIconBase)(_templateObject, function (props) {
|
2000 | return props.theme.colors.navy;
|
2001 | });
|
2002 |
|
2003 | CardIcon.propTypes = {
|
2004 | brand: _propTypes2.default.string.isRequired,
|
2005 | theme: _propTypes2.default.shape({
|
2006 | colors: _propTypes2.default.shape({
|
2007 | rocketBlue: _propTypes2.default.string
|
2008 | })
|
2009 | })
|
2010 |
|
2011 |
|
2012 | };exports.default = CardIcon;
|
2013 | exports.CardIconBase = CardIconBase;
|
2014 |
|
2015 | }),
|
2016 |
|
2017 | (function(module, exports, __webpack_require__) {
|
2018 |
|
2019 | "use strict";
|
2020 |
|
2021 |
|
2022 | Object.defineProperty(exports, "__esModule", {
|
2023 | value: true
|
2024 | });
|
2025 | exports.validateDirection = exports.CircleChev = undefined;
|
2026 |
|
2027 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n polyline {\n stroke-linecap: round;\n fill: none;\n }\n'], ['\n width: ', ';\n polyline {\n stroke-linecap: round;\n fill: none;\n }\n']);
|
2028 |
|
2029 | var _react = __webpack_require__(2);
|
2030 |
|
2031 | var _react2 = _interopRequireDefault(_react);
|
2032 |
|
2033 | var _propTypes = __webpack_require__(0);
|
2034 |
|
2035 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2036 |
|
2037 | var _styledComponents = __webpack_require__(1);
|
2038 |
|
2039 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2040 |
|
2041 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2042 |
|
2043 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2044 |
|
2045 | var CircleChev = function CircleChev(_ref) {
|
2046 | var className = _ref.className,
|
2047 | left = _ref.left,
|
2048 | right = _ref.right;
|
2049 |
|
2050 | return _react2.default.createElement(
|
2051 | 'svg',
|
2052 | { className: className, viewBox: '0 0 60 60' },
|
2053 | _react2.default.createElement('ellipse', { cx: '30', cy: '30', rx: '30', ry: '30' }),
|
2054 | right && _react2.default.createElement('polyline', { className: 'right', points: '23.5,16.8 36.5,30 23.5,43.2' }),
|
2055 | left && _react2.default.createElement('polyline', { className: 'left', points: '36.5,43.2 23.5,30 36.5,16.8' })
|
2056 | );
|
2057 | };
|
2058 |
|
2059 | var BaseChevron = (0, _styledComponents2.default)(CircleChev)(_templateObject, function (props) {
|
2060 | return props.width;
|
2061 | });
|
2062 |
|
2063 | var validateDirection = function validateDirection(props, propName, componentName) {
|
2064 | if (!props.left && !props.right) {
|
2065 | return new Error('Either the left or right prop must be supplied to ' + componentName + '.');
|
2066 | } else if (props.left && props.right) {
|
2067 | return new Error('Both the left and right prop were supplied to ' + componentName + ', only select one.');
|
2068 | }
|
2069 | return null;
|
2070 | };
|
2071 |
|
2072 | CircleChev.propTypes = {
|
2073 | className: _propTypes2.default.string,
|
2074 | left: validateDirection,
|
2075 | right: validateDirection,
|
2076 | width: _propTypes2.default.string
|
2077 | };
|
2078 |
|
2079 | CircleChev.defaultProps = {
|
2080 | width: '4rem'
|
2081 |
|
2082 |
|
2083 | };exports.default = BaseChevron;
|
2084 | exports.CircleChev = CircleChev;
|
2085 | exports.validateDirection = validateDirection;
|
2086 |
|
2087 | }),
|
2088 |
|
2089 | (function(module, exports) {
|
2090 |
|
2091 | module.exports = require("react-sizeme");
|
2092 |
|
2093 | }),
|
2094 |
|
2095 | (function(module, exports, __webpack_require__) {
|
2096 |
|
2097 | "use strict";
|
2098 |
|
2099 |
|
2100 | Object.defineProperty(exports, "__esModule", {
|
2101 | value: true
|
2102 | });
|
2103 | exports.pStyle = undefined;
|
2104 |
|
2105 | var _templateObject = _taggedTemplateLiteral(['\n letter-spacing: normal;\n\n font-family: ', ';\n font-size: ', ';\n line-height: normal;\n'], ['\n letter-spacing: normal;\n\n font-family: ', ';\n font-size: ', ';\n line-height: normal;\n']),
|
2106 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n margin: 0;\n color: ', ';\n'], ['\n ', '\n margin: 0;\n color: ', ';\n']);
|
2107 |
|
2108 | var _propTypes = __webpack_require__(0);
|
2109 |
|
2110 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2111 |
|
2112 | var _styledComponents = __webpack_require__(1);
|
2113 |
|
2114 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2115 |
|
2116 | var _theme = __webpack_require__(6);
|
2117 |
|
2118 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2119 |
|
2120 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2121 |
|
2122 | var pStyle = exports.pStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
2123 | return props.theme.fonts.primaryFont;
|
2124 | }, function (props) {
|
2125 | return props.fontSize;
|
2126 | });
|
2127 |
|
2128 | var P = _styledComponents2.default.p(_templateObject2, pStyle, function (props) {
|
2129 | return props.color;
|
2130 | });
|
2131 |
|
2132 | P.propTypes = {
|
2133 | children: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.array]),
|
2134 | theme: _propTypes2.default.shape({
|
2135 | fonts: _propTypes2.default.shape({
|
2136 | primaryFont: _propTypes2.default.string
|
2137 | }),
|
2138 | colors: _propTypes2.default.shape({
|
2139 | navy: _propTypes2.default.string
|
2140 | })
|
2141 | })
|
2142 | };
|
2143 |
|
2144 | P.defaultProps = {
|
2145 | fontSize: '1.6rem',
|
2146 | color: _theme.theme.colors.navy
|
2147 |
|
2148 |
|
2149 | };exports.default = P;
|
2150 |
|
2151 | }),
|
2152 |
|
2153 | (function(module, exports, __webpack_require__) {
|
2154 |
|
2155 | "use strict";
|
2156 |
|
2157 |
|
2158 | Object.defineProperty(exports, "__esModule", {
|
2159 | value: true
|
2160 | });
|
2161 |
|
2162 | var _video = __webpack_require__(146);
|
2163 |
|
2164 | Object.defineProperty(exports, 'Video', {
|
2165 | enumerable: true,
|
2166 | get: function get() {
|
2167 | return _interopRequireDefault(_video).default;
|
2168 | }
|
2169 | });
|
2170 |
|
2171 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2172 |
|
2173 | }),
|
2174 |
|
2175 | (function(module, exports, __webpack_require__) {
|
2176 |
|
2177 | "use strict";
|
2178 |
|
2179 |
|
2180 | Object.defineProperty(exports, "__esModule", {
|
2181 | value: true
|
2182 | });
|
2183 | exports.unchecked = exports.Rect = exports.checked = undefined;
|
2184 |
|
2185 | var _templateObject = _taggedTemplateLiteral(['\n from {\n fill: rgba(0,115,209, 1.0);\n }\n to {\n fill: rgba(255, 255, 255, 0);\n }\n'], ['\n from {\n fill: rgba(0,115,209, 1.0);\n }\n to {\n fill: rgba(255, 255, 255, 0);\n }\n']),
|
2186 | _templateObject2 = _taggedTemplateLiteral(['\n from {\n fill: rgba(255, 255, 255, 0);\n }\n to {\n fill: rgba(0,115,209, 1.0);\n }\n'], ['\n from {\n fill: rgba(255, 255, 255, 0);\n }\n to {\n fill: rgba(0,115,209, 1.0);\n }\n']),
|
2187 | _templateObject3 = _taggedTemplateLiteral(['\n animation: ', ' 0.25s linear forwards;\n\n fill: stroke: ', ';\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n fill: stroke: ', ';\n']),
|
2188 | _templateObject4 = _taggedTemplateLiteral(['\n animation: ', ' 0.25s linear forwards;\n\n stroke: transparent;\n stroke-width: 10;\n stroke-linecap: round;\n stroke-dashoffset: 200;\n fill: none;\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n stroke: transparent;\n stroke-width: 10;\n stroke-linecap: round;\n stroke-dashoffset: 200;\n fill: none;\n']),
|
2189 | _templateObject5 = _taggedTemplateLiteral(['\n ', '\n\n stroke: ', ';\n stroke-width: 20;\n stroke-linecap: round;\n'], ['\n ', '\n\n stroke: ', ';\n stroke-width: 20;\n stroke-linecap: round;\n']);
|
2190 |
|
2191 | var _react = __webpack_require__(2);
|
2192 |
|
2193 | var _react2 = _interopRequireDefault(_react);
|
2194 |
|
2195 | var _propTypes = __webpack_require__(0);
|
2196 |
|
2197 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2198 |
|
2199 | var _styledComponents = __webpack_require__(1);
|
2200 |
|
2201 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2202 |
|
2203 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2204 |
|
2205 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2206 |
|
2207 | var fillOut = (0, _styledComponents.keyframes)(_templateObject);
|
2208 |
|
2209 | var fillIn = (0, _styledComponents.keyframes)(_templateObject2);
|
2210 |
|
2211 | var checked = (0, _styledComponents.css)(_templateObject3, fillIn, function (props) {
|
2212 | return props.theme.colors.rocketBlue;
|
2213 | });
|
2214 |
|
2215 | var unchecked = (0, _styledComponents.css)(_templateObject4, fillOut);
|
2216 |
|
2217 | var Rect = function Rect(_ref) {
|
2218 | var className = _ref.className;
|
2219 |
|
2220 | return _react2.default.createElement('rect', { className: className, x: '2.5', y: '2.5', width: '185', height: '185', rx: '10', ry: '10' });
|
2221 | };
|
2222 |
|
2223 | var StyledRect = (0, _styledComponents2.default)(Rect)(_templateObject5, function (props) {
|
2224 | return props.checked ? checked : unchecked;
|
2225 | }, function (props) {
|
2226 | return props.theme.colors.rocketBlue;
|
2227 | });
|
2228 |
|
2229 | StyledRect.propTypes = {
|
2230 | checked: _propTypes2.default.bool,
|
2231 | theme: _propTypes2.default.shape({
|
2232 | colors: _propTypes2.default.shape({
|
2233 | rocketBlue: _propTypes2.default.string
|
2234 | })
|
2235 | })
|
2236 | };
|
2237 |
|
2238 | exports.default = StyledRect;
|
2239 | exports.checked = checked;
|
2240 | exports.Rect = Rect;
|
2241 | exports.unchecked = unchecked;
|
2242 |
|
2243 | }),
|
2244 |
|
2245 | (function(module, exports) {
|
2246 |
|
2247 | module.exports = require("react-slick");
|
2248 |
|
2249 | }),
|
2250 |
|
2251 | (function(module, exports) {
|
2252 |
|
2253 | module.exports = require("babel-runtime/regenerator");
|
2254 |
|
2255 | }),
|
2256 |
|
2257 | (function(module, exports, __webpack_require__) {
|
2258 |
|
2259 | "use strict";
|
2260 |
|
2261 |
|
2262 | Object.defineProperty(exports, "__esModule", {
|
2263 | value: true
|
2264 | });
|
2265 |
|
2266 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
2267 |
|
2268 | var BrowserDetection = function BrowserDetection() {
|
2269 | _classCallCheck(this, BrowserDetection);
|
2270 | };
|
2271 |
|
2272 | BrowserDetection.isMobile = function () {
|
2273 | try {
|
2274 | document.createEvent('TouchEvent');
|
2275 | return true;
|
2276 | } catch (e) {
|
2277 | return false;
|
2278 | }
|
2279 | };
|
2280 |
|
2281 | exports.default = BrowserDetection;
|
2282 |
|
2283 | }),
|
2284 |
|
2285 | (function(module, exports, __webpack_require__) {
|
2286 |
|
2287 | "use strict";
|
2288 |
|
2289 |
|
2290 | Object.defineProperty(exports, "__esModule", {
|
2291 | value: true
|
2292 | });
|
2293 |
|
2294 | var _cloudinaryCore = __webpack_require__(260);
|
2295 |
|
2296 | var REACT_APP_CLOUDINARY_DISTRIBUTION = Object({"NODE_ENV":"production","PUBLIC_URL":"/mirage"}).REACT_APP_CLOUDINARY_DISTRIBUTION;
|
2297 |
|
2298 |
|
2299 | var configureCloudinary = function configureCloudinary() {
|
2300 | var cl = new _cloudinaryCore.Cloudinary({
|
2301 | cloud_name: 'roa-canon',
|
2302 | secure_distribution: REACT_APP_CLOUDINARY_DISTRIBUTION,
|
2303 | secure: true
|
2304 | });
|
2305 | return cl;
|
2306 | };
|
2307 |
|
2308 | var instance = configureCloudinary();
|
2309 |
|
2310 | exports.default = instance;
|
2311 |
|
2312 | }),
|
2313 |
|
2314 | (function(module, exports, __webpack_require__) {
|
2315 |
|
2316 | __webpack_require__(40);
|
2317 | module.exports = __webpack_require__(3);
|
2318 |
|
2319 |
|
2320 | }),
|
2321 |
|
2322 | (function(module, exports, __webpack_require__) {
|
2323 |
|
2324 | "use strict";
|
2325 |
|
2326 |
|
2327 | if (typeof Promise === 'undefined') {
|
2328 |
|
2329 |
|
2330 |
|
2331 | __webpack_require__(41).enable();
|
2332 | window.Promise = __webpack_require__(42);
|
2333 | }
|
2334 |
|
2335 |
|
2336 |
|
2337 | Object.assign = __webpack_require__(43);
|
2338 |
|
2339 |
|
2340 |
|
2341 | if (false) {
|
2342 | require('raf').polyfill(global);
|
2343 | }
|
2344 |
|
2345 |
|
2346 | }),
|
2347 |
|
2348 | (function(module, exports) {
|
2349 |
|
2350 | module.exports = require("promise/lib/rejection-tracking");
|
2351 |
|
2352 | }),
|
2353 |
|
2354 | (function(module, exports) {
|
2355 |
|
2356 | module.exports = require("promise/lib/es6-extensions.js");
|
2357 |
|
2358 | }),
|
2359 |
|
2360 | (function(module, exports) {
|
2361 |
|
2362 | module.exports = require("object-assign");
|
2363 |
|
2364 | }),
|
2365 |
|
2366 | (function(module, exports, __webpack_require__) {
|
2367 |
|
2368 | "use strict";
|
2369 |
|
2370 |
|
2371 | Object.defineProperty(exports, "__esModule", {
|
2372 | value: true
|
2373 | });
|
2374 |
|
2375 | var _animations = __webpack_require__(45);
|
2376 |
|
2377 | Object.keys(_animations).forEach(function (key) {
|
2378 | if (key === "default" || key === "__esModule") return;
|
2379 | Object.defineProperty(exports, key, {
|
2380 | enumerable: true,
|
2381 | get: function get() {
|
2382 | return _animations[key];
|
2383 | }
|
2384 | });
|
2385 | });
|
2386 |
|
2387 | var _breakpoints = __webpack_require__(48);
|
2388 |
|
2389 | Object.keys(_breakpoints).forEach(function (key) {
|
2390 | if (key === "default" || key === "__esModule") return;
|
2391 | Object.defineProperty(exports, key, {
|
2392 | enumerable: true,
|
2393 | get: function get() {
|
2394 | return _breakpoints[key];
|
2395 | }
|
2396 | });
|
2397 | });
|
2398 |
|
2399 | var _grid = __webpack_require__(49);
|
2400 |
|
2401 | Object.keys(_grid).forEach(function (key) {
|
2402 | if (key === "default" || key === "__esModule") return;
|
2403 | Object.defineProperty(exports, key, {
|
2404 | enumerable: true,
|
2405 | get: function get() {
|
2406 | return _grid[key];
|
2407 | }
|
2408 | });
|
2409 | });
|
2410 |
|
2411 | var _icons = __webpack_require__(20);
|
2412 |
|
2413 | Object.keys(_icons).forEach(function (key) {
|
2414 | if (key === "default" || key === "__esModule") return;
|
2415 | Object.defineProperty(exports, key, {
|
2416 | enumerable: true,
|
2417 | get: function get() {
|
2418 | return _icons[key];
|
2419 | }
|
2420 | });
|
2421 | });
|
2422 |
|
2423 | var _image = __webpack_require__(120);
|
2424 |
|
2425 | Object.keys(_image).forEach(function (key) {
|
2426 | if (key === "default" || key === "__esModule") return;
|
2427 | Object.defineProperty(exports, key, {
|
2428 | enumerable: true,
|
2429 | get: function get() {
|
2430 | return _image[key];
|
2431 | }
|
2432 | });
|
2433 | });
|
2434 |
|
2435 | var _lists = __webpack_require__(126);
|
2436 |
|
2437 | Object.keys(_lists).forEach(function (key) {
|
2438 | if (key === "default" || key === "__esModule") return;
|
2439 | Object.defineProperty(exports, key, {
|
2440 | enumerable: true,
|
2441 | get: function get() {
|
2442 | return _lists[key];
|
2443 | }
|
2444 | });
|
2445 | });
|
2446 |
|
2447 | var _theme = __webpack_require__(6);
|
2448 |
|
2449 | Object.keys(_theme).forEach(function (key) {
|
2450 | if (key === "default" || key === "__esModule") return;
|
2451 | Object.defineProperty(exports, key, {
|
2452 | enumerable: true,
|
2453 | get: function get() {
|
2454 | return _theme[key];
|
2455 | }
|
2456 | });
|
2457 | });
|
2458 |
|
2459 | var _typography = __webpack_require__(22);
|
2460 |
|
2461 | Object.keys(_typography).forEach(function (key) {
|
2462 | if (key === "default" || key === "__esModule") return;
|
2463 | Object.defineProperty(exports, key, {
|
2464 | enumerable: true,
|
2465 | get: function get() {
|
2466 | return _typography[key];
|
2467 | }
|
2468 | });
|
2469 | });
|
2470 |
|
2471 | var _video = __webpack_require__(33);
|
2472 |
|
2473 | Object.keys(_video).forEach(function (key) {
|
2474 | if (key === "default" || key === "__esModule") return;
|
2475 | Object.defineProperty(exports, key, {
|
2476 | enumerable: true,
|
2477 | get: function get() {
|
2478 | return _video[key];
|
2479 | }
|
2480 | });
|
2481 | });
|
2482 |
|
2483 | }),
|
2484 |
|
2485 | (function(module, exports, __webpack_require__) {
|
2486 |
|
2487 | "use strict";
|
2488 |
|
2489 |
|
2490 | Object.defineProperty(exports, "__esModule", {
|
2491 | value: true
|
2492 | });
|
2493 |
|
2494 | var _FadeInOut = __webpack_require__(46);
|
2495 |
|
2496 | Object.defineProperty(exports, 'FadeInOut', {
|
2497 | enumerable: true,
|
2498 | get: function get() {
|
2499 | return _interopRequireDefault(_FadeInOut).default;
|
2500 | }
|
2501 | });
|
2502 |
|
2503 | var _Wiggle = __webpack_require__(47);
|
2504 |
|
2505 | Object.defineProperty(exports, 'Wiggle', {
|
2506 | enumerable: true,
|
2507 | get: function get() {
|
2508 | return _interopRequireDefault(_Wiggle).default;
|
2509 | }
|
2510 | });
|
2511 |
|
2512 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2513 |
|
2514 | }),
|
2515 |
|
2516 | (function(module, exports, __webpack_require__) {
|
2517 |
|
2518 | "use strict";
|
2519 |
|
2520 |
|
2521 | Object.defineProperty(exports, "__esModule", {
|
2522 | value: true
|
2523 | });
|
2524 |
|
2525 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity 1;\n }\n 100% {\n opacity 0;\n }\n'], ['\n 0% {\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity 1;\n }\n 100% {\n opacity 0;\n }\n']),
|
2526 | _templateObject2 = _taggedTemplateLiteral(['\n animation: ', ' ', 's ease-in-out ', ';\n'], ['\n animation: ', ' ', 's ease-in-out ', ';\n']);
|
2527 |
|
2528 | var _react = __webpack_require__(2);
|
2529 |
|
2530 | var _react2 = _interopRequireDefault(_react);
|
2531 |
|
2532 | var _propTypes = __webpack_require__(0);
|
2533 |
|
2534 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2535 |
|
2536 | var _styledComponents = __webpack_require__(1);
|
2537 |
|
2538 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2539 |
|
2540 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2541 |
|
2542 | 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; }
|
2543 |
|
2544 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2545 |
|
2546 | var animation = (0, _styledComponents.keyframes)(_templateObject);
|
2547 |
|
2548 | var FadeInOut = (0, _styledComponents2.default)(function (_ref) {
|
2549 | var className = _ref.className,
|
2550 | children = _ref.children,
|
2551 | props = _objectWithoutProperties(_ref, ['className', 'children']);
|
2552 |
|
2553 | return _react2.default.cloneElement(children, {
|
2554 | className: '' + (children.props.className ? children.props.className + ' ' : '') + className
|
2555 | });
|
2556 | })(_templateObject2, animation, function (props) {
|
2557 | return props.duration;
|
2558 | }, function (props) {
|
2559 | return props.iteration;
|
2560 | });
|
2561 |
|
2562 | FadeInOut.propTypes = {
|
2563 | duration: _propTypes2.default.number,
|
2564 | iteration: _propTypes2.default.string
|
2565 | };
|
2566 |
|
2567 | FadeInOut.defaultProps = {
|
2568 | duration: 5,
|
2569 | iteration: 'infinite'
|
2570 |
|
2571 |
|
2572 | };exports.default = FadeInOut;
|
2573 |
|
2574 | }),
|
2575 |
|
2576 | (function(module, exports, __webpack_require__) {
|
2577 |
|
2578 | "use strict";
|
2579 |
|
2580 |
|
2581 | Object.defineProperty(exports, "__esModule", {
|
2582 | value: true
|
2583 | });
|
2584 |
|
2585 | var _templateObject = _taggedTemplateLiteral(['\n 10%, 90% {\n transform: translate3d(-1px, 0, 0);\n }\n 20%, 80% {\n transform: translate3d(2px, 0, 0);\n }\n 30%, 50%, 70% {\n transform: translate3d(-4px, 0, 0);\n }\n 40%, 60% {\n transform: translate3d(4px, 0, 0);\n }\n'], ['\n 10%, 90% {\n transform: translate3d(-1px, 0, 0);\n }\n 20%, 80% {\n transform: translate3d(2px, 0, 0);\n }\n 30%, 50%, 70% {\n transform: translate3d(-4px, 0, 0);\n }\n 40%, 60% {\n transform: translate3d(4px, 0, 0);\n }\n']),
|
2586 | _templateObject2 = _taggedTemplateLiteral(['\n animation: ', ' 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n'], ['\n animation: ', ' 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;\n']);
|
2587 |
|
2588 | var _styledComponents = __webpack_require__(1);
|
2589 |
|
2590 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2591 |
|
2592 | var wiggle = (0, _styledComponents.keyframes)(_templateObject);
|
2593 |
|
2594 | var style = (0, _styledComponents.css)(_templateObject2, wiggle);
|
2595 | exports.default = style;
|
2596 |
|
2597 | }),
|
2598 |
|
2599 | (function(module, exports, __webpack_require__) {
|
2600 |
|
2601 | "use strict";
|
2602 |
|
2603 |
|
2604 | Object.defineProperty(exports, "__esModule", {
|
2605 | value: true
|
2606 | });
|
2607 | exports.Default = exports.Mobile = exports.Tablet = exports.Desktop = undefined;
|
2608 |
|
2609 | var _templateObject = _taggedTemplateLiteral(['\ndisplay: none;\n', '\n'], ['\ndisplay: none;\n', '\n']),
|
2610 | _templateObject2 = _taggedTemplateLiteral(['\n display: ', ';\n'], ['\n display: ', ';\n']),
|
2611 | _templateObject3 = _taggedTemplateLiteral(['\ndisplay: none;\n', '\n', '\n'], ['\ndisplay: none;\n', '\n', '\n']),
|
2612 | _templateObject4 = _taggedTemplateLiteral(['\n display: none;\n'], ['\n display: none;\n']),
|
2613 | _templateObject5 = _taggedTemplateLiteral(['\ndisplay: ', ';\n', '\n'], ['\ndisplay: ', ';\n', '\n']);
|
2614 |
|
2615 | var _react = __webpack_require__(2);
|
2616 |
|
2617 | var _react2 = _interopRequireDefault(_react);
|
2618 |
|
2619 | var _propTypes = __webpack_require__(0);
|
2620 |
|
2621 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2622 |
|
2623 | var _styledComponents = __webpack_require__(1);
|
2624 |
|
2625 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2626 |
|
2627 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2628 |
|
2629 | 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; }
|
2630 |
|
2631 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2632 |
|
2633 | var Desktop = (0, _styledComponents2.default)(function (_ref) {
|
2634 | var element = _ref.element,
|
2635 | children = _ref.children,
|
2636 | props = _objectWithoutProperties(_ref, ['element', 'children']);
|
2637 |
|
2638 | return _react2.default.createElement(element, props, children);
|
2639 | })(_templateObject, function (props) {
|
2640 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject2, function (props) {
|
2641 | return props.display;
|
2642 | });
|
2643 | });
|
2644 |
|
2645 | Desktop.propTypes = {
|
2646 | children: _propTypes2.default.node,
|
2647 | className: _propTypes2.default.string,
|
2648 | element: _propTypes2.default.node
|
2649 | };
|
2650 | Desktop.defaultProps = {
|
2651 | display: 'block',
|
2652 | element: 'div'
|
2653 | };
|
2654 |
|
2655 | var Tablet = (0, _styledComponents2.default)(function (_ref2) {
|
2656 | var element = _ref2.element,
|
2657 | children = _ref2.children,
|
2658 | props = _objectWithoutProperties(_ref2, ['element', 'children']);
|
2659 |
|
2660 | return _react2.default.createElement(element, props, children);
|
2661 | })(_templateObject3, function (props) {
|
2662 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2, function (props) {
|
2663 | return props.display;
|
2664 | });
|
2665 | }, function (props) {
|
2666 | return props.theme.breakpointsVerbose.abovelaptop(_templateObject4);
|
2667 | });
|
2668 |
|
2669 | Tablet.propTypes = {
|
2670 | children: _propTypes2.default.node,
|
2671 | className: _propTypes2.default.string,
|
2672 | element: _propTypes2.default.node
|
2673 | };
|
2674 | Tablet.defaultProps = {
|
2675 | display: 'block',
|
2676 | element: 'div'
|
2677 | };
|
2678 |
|
2679 | var Mobile = (0, _styledComponents2.default)(function (_ref3) {
|
2680 | var element = _ref3.element,
|
2681 | children = _ref3.children,
|
2682 | props = _objectWithoutProperties(_ref3, ['element', 'children']);
|
2683 |
|
2684 | return _react2.default.createElement(element, props, children);
|
2685 | })(_templateObject5, function (props) {
|
2686 | return props.display;
|
2687 | }, function (props) {
|
2688 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject4);
|
2689 | });
|
2690 |
|
2691 | Mobile.propTypes = {
|
2692 | children: _propTypes2.default.node,
|
2693 | className: _propTypes2.default.string,
|
2694 | element: _propTypes2.default.node
|
2695 | };
|
2696 | Mobile.defaultProps = {
|
2697 | display: 'block',
|
2698 | element: 'div'
|
2699 | };
|
2700 |
|
2701 | var Default = (0, _styledComponents2.default)(function (_ref4) {
|
2702 | var element = _ref4.element,
|
2703 | children = _ref4.children,
|
2704 | props = _objectWithoutProperties(_ref4, ['element', 'children']);
|
2705 |
|
2706 | return _react2.default.createElement(element, props, children);
|
2707 | })(_templateObject, function (props) {
|
2708 | return props.theme.breakpointsVerbose.belowLaptop(_templateObject2, function (props) {
|
2709 | return props.display;
|
2710 | });
|
2711 | });
|
2712 |
|
2713 | Default.propTypes = {
|
2714 | children: _propTypes2.default.node,
|
2715 | className: _propTypes2.default.string,
|
2716 | element: _propTypes2.default.node
|
2717 | };
|
2718 | Default.defaultProps = {
|
2719 | display: 'block',
|
2720 | element: 'div'
|
2721 | };
|
2722 |
|
2723 | exports.Desktop = Desktop;
|
2724 | exports.Tablet = Tablet;
|
2725 | exports.Mobile = Mobile;
|
2726 | exports.Default = Default;
|
2727 |
|
2728 | }),
|
2729 |
|
2730 | (function(module, exports, __webpack_require__) {
|
2731 |
|
2732 | "use strict";
|
2733 |
|
2734 |
|
2735 | Object.defineProperty(exports, "__esModule", {
|
2736 | value: true
|
2737 | });
|
2738 |
|
2739 | var _grid = __webpack_require__(50);
|
2740 |
|
2741 | Object.defineProperty(exports, 'Grid', {
|
2742 | enumerable: true,
|
2743 | get: function get() {
|
2744 | return _interopRequireDefault(_grid).default;
|
2745 | }
|
2746 | });
|
2747 |
|
2748 | var _sizer = __webpack_require__(51);
|
2749 |
|
2750 | Object.defineProperty(exports, 'Sizer', {
|
2751 | enumerable: true,
|
2752 | get: function get() {
|
2753 | return _interopRequireDefault(_sizer).default;
|
2754 | }
|
2755 | });
|
2756 |
|
2757 | var _flexRow = __webpack_require__(52);
|
2758 |
|
2759 | Object.defineProperty(exports, 'FlexRow', {
|
2760 | enumerable: true,
|
2761 | get: function get() {
|
2762 | return _interopRequireDefault(_flexRow).default;
|
2763 | }
|
2764 | });
|
2765 |
|
2766 | var _flexCol = __webpack_require__(53);
|
2767 |
|
2768 | Object.defineProperty(exports, 'FlexCol', {
|
2769 | enumerable: true,
|
2770 | get: function get() {
|
2771 | return _interopRequireDefault(_flexCol).default;
|
2772 | }
|
2773 | });
|
2774 |
|
2775 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2776 |
|
2777 | }),
|
2778 |
|
2779 | (function(module, exports, __webpack_require__) {
|
2780 |
|
2781 | "use strict";
|
2782 |
|
2783 |
|
2784 | Object.defineProperty(exports, "__esModule", {
|
2785 | value: true
|
2786 | });
|
2787 |
|
2788 | var _templateObject = _taggedTemplateLiteral(['\n grid-template-columns:\n repeat(', ', 1fr);\n max-width: 144rem;\n padding: ', 'rem ', ';\n'], ['\n grid-template-columns:\n repeat(', ', 1fr);\n max-width: 144rem;\n padding: ', 'rem ', ';\n']),
|
2789 | _templateObject2 = _taggedTemplateLiteral(['\n display: flex;\n flex-wrap: wrap;\n margin-left: auto;\n margin-right: auto;\n padding: ', 'rem ', ';\n @supports (display:grid) {\n max-width: 100%;\n grid-gap: ', 'rem;\n display: grid;\n grid-auto-flow: row;\n grid-template-columns:\n repeat(', ', 1fr);\n ', '\n ', '\n }\n'], ['\n display: flex;\n flex-wrap: wrap;\n margin-left: auto;\n margin-right: auto;\n padding: ', 'rem ', ';\n @supports (display:grid) {\n max-width: 100%;\n grid-gap: ', 'rem;\n display: grid;\n grid-auto-flow: row;\n grid-template-columns:\n repeat(', ', 1fr);\n ', '\n ', '\n }\n']),
|
2790 | _templateObject3 = _taggedTemplateLiteral(['', ''], ['', '']);
|
2791 |
|
2792 | var _react = __webpack_require__(2);
|
2793 |
|
2794 | var _react2 = _interopRequireDefault(_react);
|
2795 |
|
2796 | var _propTypes = __webpack_require__(0);
|
2797 |
|
2798 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2799 |
|
2800 | var _styledComponents = __webpack_require__(1);
|
2801 |
|
2802 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2803 |
|
2804 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2805 |
|
2806 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2807 |
|
2808 | var TwelveColGrid = (0, _styledComponents.css)(_templateObject, function (props) {
|
2809 | return props.theme.grid.columns.desktop;
|
2810 | }, function (props) {
|
2811 | return props.theme.grid.gutter;
|
2812 | }, function (props) {
|
2813 | return props.theme.grid.margins.desktop;
|
2814 | });
|
2815 |
|
2816 | var Grid = (0, _styledComponents2.default)(function (_ref) {
|
2817 | var className = _ref.className,
|
2818 | children = _ref.children;
|
2819 |
|
2820 | return _react2.default.createElement(
|
2821 | 'div',
|
2822 | { className: className },
|
2823 | children
|
2824 | );
|
2825 | })(_templateObject2, function (props) {
|
2826 | return props.theme.grid.gutter;
|
2827 | }, function (props) {
|
2828 | return props.theme.grid.margins.mobile;
|
2829 | }, function (props) {
|
2830 | return props.theme.grid.gutter;
|
2831 | }, function (props) {
|
2832 | return props.theme.grid.columns.mobile;
|
2833 | }, function (props) {
|
2834 | return props.theme.media.tablet(_templateObject3, TwelveColGrid);
|
2835 | }, function (props) {
|
2836 | return props.debug && '> * {\n background-color: hsl(200, 33%, 96%);\n }';
|
2837 | });
|
2838 |
|
2839 | Grid.propTypes = {
|
2840 | debug: _propTypes2.default.bool,
|
2841 | theme: _propTypes2.default.shape({
|
2842 | media: _propTypes2.default.shape({
|
2843 | tablet: _propTypes2.default.func,
|
2844 | desktop: _propTypes2.default.func
|
2845 | }),
|
2846 | grid: _propTypes2.default.shape({
|
2847 | columns: _propTypes2.default.shape({
|
2848 | mobile: _propTypes2.default.number,
|
2849 | tablet: _propTypes2.default.number,
|
2850 | desktop: _propTypes2.default.number
|
2851 | }),
|
2852 | gutter: _propTypes2.default.string,
|
2853 | margins: _propTypes2.default.shape({
|
2854 | mobile: _propTypes2.default.number,
|
2855 | tablet: _propTypes2.default.number,
|
2856 | desktop: _propTypes2.default.number
|
2857 | })
|
2858 | })
|
2859 | })
|
2860 |
|
2861 |
|
2862 | };exports.default = Grid;
|
2863 |
|
2864 | }),
|
2865 |
|
2866 | (function(module, exports, __webpack_require__) {
|
2867 |
|
2868 | "use strict";
|
2869 |
|
2870 |
|
2871 | Object.defineProperty(exports, "__esModule", {
|
2872 | value: true
|
2873 | });
|
2874 |
|
2875 | var _templateObject = _taggedTemplateLiteral(['\n width: calc((100% * (', '/', ')) - 2rem);\n box-sizing: border-box;\n margin: 0 ', 'rem;\n @supports (display:grid) {\n width: auto;\n margin: 0;\n ', '\n grid-column-end: ', ';\n }\n'], ['\n width: calc((100% * (', '/', ')) - 2rem);\n box-sizing: border-box;\n margin: 0 ', 'rem;\n @supports (display:grid) {\n width: auto;\n margin: 0;\n ', '\n grid-column-end: ', ';\n }\n']),
|
2876 | _templateObject2 = _taggedTemplateLiteral(['\n width: calc((100% * (', '/', ')) - 2rem);\n box-sizing: border-box;\n margin: 0 ', 'rem;\n @supports (display:grid) {\n width: auto;\n margin: 0;\n ', '\n grid-column-end: ', ';\n ', '\n ', '\n }\n'], ['\n width: calc((100% * (', '/', ')) - 2rem);\n box-sizing: border-box;\n margin: 0 ', 'rem;\n @supports (display:grid) {\n width: auto;\n margin: 0;\n ', '\n grid-column-end: ', ';\n ', '\n ', '\n }\n']),
|
2877 | _templateObject3 = _taggedTemplateLiteral(['', ''], ['', '']);
|
2878 |
|
2879 | var _propTypes = __webpack_require__(0);
|
2880 |
|
2881 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2882 |
|
2883 | var _styledComponents = __webpack_require__(1);
|
2884 |
|
2885 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2886 |
|
2887 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2888 |
|
2889 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2890 |
|
2891 | var DesktopSizer = (0, _styledComponents.css)(_templateObject, function (props) {
|
2892 | return props.desktop.width;
|
2893 | }, function (props) {
|
2894 | return props.theme.grid.columns.desktop;
|
2895 | }, function (props) {
|
2896 | return props.theme.grid.gutter / 2;
|
2897 | }, function (props) {
|
2898 | return props.desktop.start ? 'grid-column-start: ' + props.desktop.start + ';' : '';
|
2899 | }, function (props) {
|
2900 | if (props.desktop.start) {
|
2901 | return props.desktop.start + props.desktop.width;
|
2902 | } else {
|
2903 | return 'span ' + props.desktop.width;
|
2904 | }
|
2905 | });
|
2906 |
|
2907 | var desktopFallback = function desktopFallback(props, key) {
|
2908 | if (props.tablet && props.tablet[key]) {
|
2909 | return props.tablet[key];
|
2910 | }
|
2911 | return props.desktop[key];
|
2912 | };
|
2913 |
|
2914 | var TabletSizer = (0, _styledComponents.css)(_templateObject, function (props) {
|
2915 | return desktopFallback(props, 'width');
|
2916 | }, function (props) {
|
2917 | return props.theme.grid.columns.tablet;
|
2918 | }, function (props) {
|
2919 | return props.theme.grid.gutter / 2;
|
2920 | }, function (props) {
|
2921 | return desktopFallback(props, 'start') ? 'grid-column-start: ' + desktopFallback(props, 'start') + ';' : '';
|
2922 | }, function (props) {
|
2923 | if (desktopFallback(props, 'start')) {
|
2924 | return desktopFallback(props, 'start') + desktopFallback(props, 'width');
|
2925 | } else {
|
2926 | return 'span ' + desktopFallback(props, 'width');
|
2927 | }
|
2928 | });
|
2929 | var Sizer = _styledComponents2.default.div(_templateObject2, function (props) {
|
2930 | return props.mobile.width;
|
2931 | }, function (props) {
|
2932 | return props.theme.grid.columns.mobile;
|
2933 | }, function (props) {
|
2934 | return props.theme.grid.gutter / 2;
|
2935 | }, function (props) {
|
2936 | return props.mobile.start ? 'grid-column-start: ' + props.mobile.start + ';' : '';
|
2937 | }, function (props) {
|
2938 | if (props.mobile.start) {
|
2939 | return props.mobile.start + props.mobile.width;
|
2940 | } else {
|
2941 | return 'span ' + props.mobile.width;
|
2942 | }
|
2943 | }, function (props) {
|
2944 | return props.theme.media.tablet(_templateObject3, TabletSizer);
|
2945 | }, function (props) {
|
2946 | return props.theme.media.desktop(_templateObject3, DesktopSizer);
|
2947 | });
|
2948 |
|
2949 | Sizer.defaultProps = {
|
2950 | desktop: {
|
2951 | width: 12
|
2952 | },
|
2953 | mobile: {
|
2954 | width: 4
|
2955 | }
|
2956 | };
|
2957 |
|
2958 | Sizer.propTypes = {
|
2959 | desktop: _propTypes2.default.shape({
|
2960 | width: _propTypes2.default.number,
|
2961 | start: _propTypes2.default.number
|
2962 | }),
|
2963 | mobile: _propTypes2.default.shape({
|
2964 | width: _propTypes2.default.number,
|
2965 | start: _propTypes2.default.number
|
2966 | })
|
2967 |
|
2968 |
|
2969 | };exports.default = Sizer;
|
2970 |
|
2971 | }),
|
2972 |
|
2973 | (function(module, exports, __webpack_require__) {
|
2974 |
|
2975 | "use strict";
|
2976 |
|
2977 |
|
2978 | Object.defineProperty(exports, "__esModule", {
|
2979 | value: true
|
2980 | });
|
2981 |
|
2982 | var _templateObject = _taggedTemplateLiteral(['\n max-width: 1440px;\n margin: 0 auto;\n'], ['\n max-width: 1440px;\n margin: 0 auto;\n']),
|
2983 | _templateObject2 = _taggedTemplateLiteral(['\n max-width: 100%;\n margin-left: 10px;\n margin-right: 10px;\n ', '\n'], ['\n max-width: 100%;\n margin-left: 10px;\n margin-right: 10px;\n ', '\n']),
|
2984 | _templateObject3 = _taggedTemplateLiteral(['\n margin-left: 20px;\n margin-right: 20px;\n '], ['\n margin-left: 20px;\n margin-right: 20px;\n ']),
|
2985 | _templateObject4 = _taggedTemplateLiteral(['\n padding: 0 3%;\n ', '\n'], ['\n padding: 0 3%;\n ', '\n']),
|
2986 | _templateObject5 = _taggedTemplateLiteral(['\n padding: 0 7%;\n '], ['\n padding: 0 7%;\n ']),
|
2987 | _templateObject6 = _taggedTemplateLiteral(['\n flex-basis: 100%;\n display: flex;\n flex-wrap: wrap;\n ', '\n ', '\n align-items: ', '\n'], ['\n flex-basis: 100%;\n display: flex;\n flex-wrap: wrap;\n ', '\n ', '\n align-items: ', '\n']);
|
2988 |
|
2989 | var _react = __webpack_require__(2);
|
2990 |
|
2991 | var _react2 = _interopRequireDefault(_react);
|
2992 |
|
2993 | var _propTypes = __webpack_require__(0);
|
2994 |
|
2995 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2996 |
|
2997 | var _styledComponents = __webpack_require__(1);
|
2998 |
|
2999 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3000 |
|
3001 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3002 |
|
3003 | 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; }
|
3004 |
|
3005 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3006 |
|
3007 | var constrained = (0, _styledComponents.css)(_templateObject);
|
3008 |
|
3009 | var notConstrained = (0, _styledComponents.css)(_templateObject2, function (props) {
|
3010 | return props.theme.media.tablet(_templateObject3);
|
3011 | });
|
3012 |
|
3013 | var padding = (0, _styledComponents.css)(_templateObject4, function (props) {
|
3014 | return props.theme.media.tablet(_templateObject5);
|
3015 | });
|
3016 |
|
3017 | var FlexRow = (0, _styledComponents2.default)(function (_ref) {
|
3018 | var children = _ref.children,
|
3019 | element = _ref.element,
|
3020 | props = _objectWithoutProperties(_ref, ['children', 'element']);
|
3021 |
|
3022 | delete props.constrained;
|
3023 | return _react2.default.createElement(element, props, children);
|
3024 | })(_templateObject6, function (props) {
|
3025 | return props.constrained ? constrained : notConstrained;
|
3026 | }, function (props) {
|
3027 | return props.padding && padding;
|
3028 | }, function (props) {
|
3029 | return props.align || 'stretch';
|
3030 | });
|
3031 |
|
3032 | FlexRow.propTypes = {
|
3033 | element: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
|
3034 | constrained: _propTypes2.default.bool,
|
3035 | padding: _propTypes2.default.bool
|
3036 | };
|
3037 |
|
3038 | FlexRow.defaultProps = {
|
3039 | element: 'div'
|
3040 |
|
3041 | };exports.default = FlexRow;
|
3042 |
|
3043 | }),
|
3044 |
|
3045 | (function(module, exports, __webpack_require__) {
|
3046 |
|
3047 | "use strict";
|
3048 |
|
3049 |
|
3050 | Object.defineProperty(exports, "__esModule", {
|
3051 | value: true
|
3052 | });
|
3053 |
|
3054 | var _templateObject = _taggedTemplateLiteral(['\n margin-left: ', ';\n '], ['\n margin-left: ', ';\n ']),
|
3055 | _templateObject2 = _taggedTemplateLiteral(['\n box-sizing: border-box;\n max-width: ', ';\n flex-basis: ', ';\n ', '\n ', '\n\n ', '\n'], ['\n box-sizing: border-box;\n max-width: ', ';\n flex-basis: ', ';\n ', '\n ', '\n\n ', '\n']),
|
3056 | _templateObject3 = _taggedTemplateLiteral(['\n max-width: ', ';\n flex-basis: ', ';\n ', '\n '], ['\n max-width: ', ';\n flex-basis: ', ';\n ', '\n ']);
|
3057 |
|
3058 | var _react = __webpack_require__(2);
|
3059 |
|
3060 | var _react2 = _interopRequireDefault(_react);
|
3061 |
|
3062 | var _propTypes = __webpack_require__(0);
|
3063 |
|
3064 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3065 |
|
3066 | var _styledComponents = __webpack_require__(1);
|
3067 |
|
3068 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3069 |
|
3070 | var _theme = __webpack_require__(6);
|
3071 |
|
3072 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3073 |
|
3074 | 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; }
|
3075 |
|
3076 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3077 |
|
3078 | var columnToPercent = function columnToPercent(elementWidth, containerWidth) {
|
3079 | return 100 * (elementWidth / containerWidth) + '%';
|
3080 | };
|
3081 |
|
3082 | var spanner = function spanner(props, breakpoint) {
|
3083 | if (props[breakpoint].span) {
|
3084 | return (0, _styledComponents.css)(_templateObject, function (props) {
|
3085 | return props.desktop.nested ? columnToPercent(props.desktop.span, props.desktop.nested) : columnToPercent(props.desktop.span, props.columns.desktop);
|
3086 | });
|
3087 | } else {
|
3088 | return null;
|
3089 | }
|
3090 | };
|
3091 |
|
3092 | var FlexCol = (0, _styledComponents2.default)(function (_ref) {
|
3093 | var element = _ref.element,
|
3094 | children = _ref.children,
|
3095 | key = _ref.key,
|
3096 | props = _objectWithoutProperties(_ref, ['element', 'children', 'key']);
|
3097 |
|
3098 | return _react2.default.createElement(element, props, children);
|
3099 | })(_templateObject2, function (props) {
|
3100 | return props.mobile.nested ? columnToPercent(props.mobile.width, props.mobile.nested) : columnToPercent(props.mobile.width, props.columns.mobile);
|
3101 | }, function (props) {
|
3102 | return props.mobile.nested ? columnToPercent(props.mobile.width, props.mobile.nested) : columnToPercent(props.mobile.width, props.columns.mobile);
|
3103 | }, function (props) {
|
3104 | return spanner(props, 'mobile');
|
3105 | }, function (props) {
|
3106 | return props.nested ? '\n padding-left: 0;\n padding-right: 0;\n ' : '\n padding-left: ' + (props.gutter || '5px') + ';\n padding-right: ' + (props.gutter || '5px') + ';\n ';
|
3107 | }, function (props) {
|
3108 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject3, function (props) {
|
3109 | return props.desktop.nested ? columnToPercent(props.desktop.width, props.desktop.nested) : columnToPercent(props.desktop.width, props.columns.desktop);
|
3110 | }, function (props) {
|
3111 | return props.desktop.nested ? columnToPercent(props.desktop.width, props.desktop.nested) : columnToPercent(props.desktop.width, props.columns.desktop);
|
3112 | }, function (props) {
|
3113 | return spanner(props, 'desktop');
|
3114 | });
|
3115 | });
|
3116 |
|
3117 | FlexCol.propTypes = {
|
3118 | element: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element, _propTypes2.default.node, _propTypes2.default.func]),
|
3119 | children: _propTypes2.default.node,
|
3120 | mobile: _propTypes2.default.shape({
|
3121 | width: _propTypes2.default.number.isRequired,
|
3122 | span: _propTypes2.default.number,
|
3123 | nested: _propTypes2.default.number
|
3124 | }),
|
3125 | desktop: _propTypes2.default.shape({
|
3126 | width: _propTypes2.default.number.isRequired,
|
3127 | span: _propTypes2.default.number,
|
3128 | nested: _propTypes2.default.number
|
3129 | })
|
3130 | };
|
3131 |
|
3132 | FlexCol.defaultProps = {
|
3133 | element: 'div',
|
3134 | mobile: {
|
3135 | width: 4
|
3136 | },
|
3137 | desktop: {
|
3138 | width: 12
|
3139 | },
|
3140 | columns: {
|
3141 | mobile: _theme.theme.grid.columns.mobile,
|
3142 | desktop: _theme.theme.grid.columns.desktop
|
3143 | }
|
3144 |
|
3145 |
|
3146 | };exports.default = FlexCol;
|
3147 |
|
3148 | }),
|
3149 |
|
3150 | (function(module, exports, __webpack_require__) {
|
3151 |
|
3152 | "use strict";
|
3153 |
|
3154 |
|
3155 | Object.defineProperty(exports, "__esModule", {
|
3156 | value: true
|
3157 | });
|
3158 |
|
3159 | var _templateObject = _taggedTemplateLiteral(['\n html {\n font-size: 10px;\n }\n'], ['\n html {\n font-size: 10px;\n }\n']);
|
3160 |
|
3161 | var _styledComponents = __webpack_require__(1);
|
3162 |
|
3163 | var _colors = __webpack_require__(55);
|
3164 |
|
3165 | var _breakpoints = __webpack_require__(56);
|
3166 |
|
3167 | var _breakpoints2 = _interopRequireDefault(_breakpoints);
|
3168 |
|
3169 | var _fontFamilies = __webpack_require__(57);
|
3170 |
|
3171 | var _fontFamilies2 = _interopRequireDefault(_fontFamilies);
|
3172 |
|
3173 | var _gridSettings = __webpack_require__(58);
|
3174 |
|
3175 | var _gridSettings2 = _interopRequireDefault(_gridSettings);
|
3176 |
|
3177 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3178 |
|
3179 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3180 |
|
3181 | var base = (0, _styledComponents.injectGlobal)(_templateObject);
|
3182 |
|
3183 | exports.default = {
|
3184 | breakpoints: _breakpoints.breakpoints,
|
3185 | colors: _colors.colors,
|
3186 | fonts: _fontFamilies2.default,
|
3187 | grid: _gridSettings2.default,
|
3188 | fixedPosition: 'relative',
|
3189 | media: _breakpoints2.default,
|
3190 | breakpointsVerbose: _breakpoints.breakpointsVerbose,
|
3191 | base: base
|
3192 | };
|
3193 |
|
3194 | }),
|
3195 |
|
3196 | (function(module, exports, __webpack_require__) {
|
3197 |
|
3198 | "use strict";
|
3199 |
|
3200 |
|
3201 | Object.defineProperty(exports, "__esModule", {
|
3202 | value: true
|
3203 | });
|
3204 | exports.colors = undefined;
|
3205 |
|
3206 | var _templateObject = _taggedTemplateLiteral(['\n width: 180px;\n height: 180px;\n border-radius: 10px;\n background-color: ', ';\n border: 1px solid #333;\n'], ['\n width: 180px;\n height: 180px;\n border-radius: 10px;\n background-color: ', ';\n border: 1px solid #333;\n']);
|
3207 |
|
3208 | var _styledComponents = __webpack_require__(1);
|
3209 |
|
3210 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3211 |
|
3212 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3213 |
|
3214 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3215 |
|
3216 |
|
3217 | exports.default = _styledComponents2.default.div(_templateObject, function (props) {
|
3218 | return colors[props.color];
|
3219 | });
|
3220 |
|
3221 |
|
3222 | var brandColors = {
|
3223 | rocketBlue: '#0073D1',
|
3224 | rocketBlueHover: '#0073EB',
|
3225 | navy: '#00003C',
|
3226 | yellow: '#F0FF02',
|
3227 | yellowHover: '#D8E320',
|
3228 | lightBlue0: '#EEFCFF',
|
3229 | lightBlue1: '#BCE1F7',
|
3230 | lightBlue2: '#76C2F3',
|
3231 | lightBlue: ['#EEFCFF', '#BCE1F7', '#76C2F3'],
|
3232 | electricBlue: '#080CF1',
|
3233 | lightPink: '#FBDDE4',
|
3234 | pink: '#FEACBE',
|
3235 | white: '#FFFFFF',
|
3236 | flameOrange: '#FF511C'
|
3237 | };
|
3238 |
|
3239 | var supportingColors = {
|
3240 | black: '#000000',
|
3241 | gray0: '#F3F3F3',
|
3242 | gray1: '#F5F5F5',
|
3243 | gray2: '#F8F8F8',
|
3244 | gray3: '#E6E6E6',
|
3245 | gray4: '#D5D5D5',
|
3246 | gray5: '#CFCFCF',
|
3247 | gray: ['#F3F3F3', '#F5F5F5', '#F8F8F8', '#E6E6E6', '#D5D5D5', '#CFCFCF'],
|
3248 | shadyLady: '#979797',
|
3249 | red: '#FF511C',
|
3250 | loading: '#BFBFBF'
|
3251 | };
|
3252 |
|
3253 | var colors = Object.assign({}, brandColors, supportingColors);
|
3254 | exports.colors = colors;
|
3255 |
|
3256 | }),
|
3257 |
|
3258 | (function(module, exports, __webpack_require__) {
|
3259 |
|
3260 | "use strict";
|
3261 |
|
3262 |
|
3263 | Object.defineProperty(exports, "__esModule", {
|
3264 | value: true
|
3265 | });
|
3266 | exports.breakpointsVerbose = exports.sizes = exports.breakpoints = undefined;
|
3267 |
|
3268 | var _templateObject = _taggedTemplateLiteral(['\n @media (min-width: ', 'em) {\n ', '\n }\n '], ['\n @media (min-width: ', 'em) {\n ', '\n }\n ']),
|
3269 | _templateObject2 = _taggedTemplateLiteral(['\n @media ', ' {\n ', '\n }\n '], ['\n @media ', ' {\n ', '\n }\n ']);
|
3270 |
|
3271 | var _styledComponents = __webpack_require__(1);
|
3272 |
|
3273 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3274 |
|
3275 | var sizes = {
|
3276 | phone: 320,
|
3277 | phoneMax: 414,
|
3278 | tablet: 768,
|
3279 | tabletMax: 960,
|
3280 | laptop: 1280,
|
3281 | desktop: 1440
|
3282 | };
|
3283 |
|
3284 | var breakpoints = {
|
3285 | landscape: '(orientation: landscape)',
|
3286 | portrait: '(orientation: portrait)'
|
3287 | };
|
3288 |
|
3289 | Object.keys(sizes).forEach(function (label) {
|
3290 | breakpoints['below' + label.charAt(0).toUpperCase() + label.substr(1)] = '(max-width: ' + (sizes[label] - 1) + 'px)';
|
3291 | breakpoints['above' + label.charAt(0).toUpperCase() + label.substr(1)] = '(min-width: ' + sizes[label] + 'px)';
|
3292 | });
|
3293 |
|
3294 | exports.breakpoints = breakpoints;
|
3295 | exports.sizes = sizes;
|
3296 | exports.default = Object.keys(sizes).reduce(function (accumulator, label) {
|
3297 |
|
3298 |
|
3299 | var remSize = sizes[label] / 10;
|
3300 | accumulator[label] = function () {
|
3301 | return (0, _styledComponents.css)(_templateObject, remSize, _styledComponents.css.apply(undefined, arguments));
|
3302 | };
|
3303 | return accumulator;
|
3304 | }, {});
|
3305 | var breakpointsVerbose = exports.breakpointsVerbose = Object.keys(breakpoints).reduce(function (accumulator, label) {
|
3306 |
|
3307 |
|
3308 | accumulator[label] = function () {
|
3309 | return (0, _styledComponents.css)(_templateObject2, breakpoints[label], _styledComponents.css.apply(undefined, arguments));
|
3310 | };
|
3311 | return accumulator;
|
3312 | }, {});
|
3313 |
|
3314 | }),
|
3315 |
|
3316 | (function(module, exports, __webpack_require__) {
|
3317 |
|
3318 | "use strict";
|
3319 |
|
3320 |
|
3321 | Object.defineProperty(exports, "__esModule", {
|
3322 | value: true
|
3323 | });
|
3324 |
|
3325 | var _templateObject = _taggedTemplateLiteral(['\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481915056/web/fonts/DINOT.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n font-style: italic;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-Italic.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 500;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-Medium.otf\');\n}\n\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 500;\n font-style: italic;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481917385/web/fonts/DINOT-MediumItalic.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 800;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-Bold.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 800;\n font-style: italic;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-BoldItalic.otf\');\n}\n\n@font-face {\n font-family: \'din-cond\';\n font-weight: 400;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-CondMedium.otf\');\n}\n'], ['\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481915056/web/fonts/DINOT.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n font-style: italic;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-Italic.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 500;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-Medium.otf\');\n}\n\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 500;\n font-style: italic;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481917385/web/fonts/DINOT-MediumItalic.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 800;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-Bold.otf\');\n}\n\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 800;\n font-style: italic;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481915056/web/fonts/DINOT-BoldItalic.otf\');\n}\n\n@font-face {\n font-family: \'din-cond\';\n font-weight: 400;\n\n src: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-CondMedium.otf\');\n}\n']);
|
3326 |
|
3327 | var _styledComponents = __webpack_require__(1);
|
3328 |
|
3329 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3330 |
|
3331 |
|
3332 |
|
3333 |
|
3334 | (0, _styledComponents.injectGlobal)(_templateObject);
|
3335 |
|
3336 | var fontFamilies = {
|
3337 | dinCondensed: '"din-cond", "din-condensed-web", Arial, sans-serif',
|
3338 | dinRegular: '"ff-din-web", Helvetica, Arial, sans-serif',
|
3339 | caslon: '"adobe-caslon-pro", Helvetica, Arial, serif'
|
3340 | };
|
3341 |
|
3342 | exports.default = {
|
3343 | headerFont: fontFamilies.dinCondensed,
|
3344 | primaryFont: fontFamilies.dinRegular,
|
3345 | secondaryFont: fontFamilies.caslon
|
3346 | };
|
3347 |
|
3348 | }),
|
3349 |
|
3350 | (function(module, exports, __webpack_require__) {
|
3351 |
|
3352 | "use strict";
|
3353 |
|
3354 |
|
3355 | Object.defineProperty(exports, "__esModule", {
|
3356 | value: true
|
3357 | });
|
3358 | exports.default = {
|
3359 | columns: {
|
3360 | mobile: 4,
|
3361 | tablet: 12,
|
3362 | desktop: 12
|
3363 | },
|
3364 | margins: {
|
3365 | mobile: '3%',
|
3366 | tablet: '7%',
|
3367 | desktop: '7%'
|
3368 | },
|
3369 | gutter: 2
|
3370 | };
|
3371 |
|
3372 | }),
|
3373 |
|
3374 | (function(module, exports, __webpack_require__) {
|
3375 |
|
3376 | "use strict";
|
3377 |
|
3378 |
|
3379 | Object.defineProperty(exports, "__esModule", {
|
3380 | value: true
|
3381 | });
|
3382 | exports.BaseBagIcon = undefined;
|
3383 |
|
3384 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap:round;\n stroke-linejoin:round;\n }\n > g circle {\n fill: ', ';\n }\n > g text {\n fill: ', ';\n font-family: ', ';\n font-size: .8rem;\n font-weight: 500;\n }\n .screenReader{\n font-size: 0;\n }\n'], ['\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap:round;\n stroke-linejoin:round;\n }\n > g circle {\n fill: ', ';\n }\n > g text {\n fill: ', ';\n font-family: ', ';\n font-size: .8rem;\n font-weight: 500;\n }\n .screenReader{\n font-size: 0;\n }\n']);
|
3385 |
|
3386 | var _react = __webpack_require__(2);
|
3387 |
|
3388 | var _react2 = _interopRequireDefault(_react);
|
3389 |
|
3390 | var _propTypes = __webpack_require__(0);
|
3391 |
|
3392 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3393 |
|
3394 | var _styledComponents = __webpack_require__(1);
|
3395 |
|
3396 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3397 |
|
3398 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3399 |
|
3400 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3401 |
|
3402 | var BaseBagIcon = function BaseBagIcon(_ref) {
|
3403 | var className = _ref.className,
|
3404 | count = _ref.count;
|
3405 |
|
3406 | return _react2.default.createElement(
|
3407 | 'svg',
|
3408 | { className: className, version: '1.1', viewBox: '0 0 19 15' },
|
3409 | _react2.default.createElement('polygon', { points: '10.5,12.7 10.6,6.8 0.5,6.8 0.5,12.7 2.6,14.5 8.7,14.5' }),
|
3410 | _react2.default.createElement('path', { d: 'M3.1,6.4v-1C3.1,4.1,4.2,3,5.5,3s2.4,1.1,2.4,2.4v1H3.1z' }),
|
3411 | count && _react2.default.createElement(
|
3412 | 'g',
|
3413 | null,
|
3414 | _react2.default.createElement('circle', { cx: '13', cy: '6', r: '6' }),
|
3415 | _react2.default.createElement(
|
3416 | 'text',
|
3417 | { x: '0', y: '0', className: 'screenReader' },
|
3418 | count + ' items currently added'
|
3419 | ),
|
3420 | _react2.default.createElement(
|
3421 | 'text',
|
3422 | { x: '12.75', y: '7', alignmentBaseline: 'middle', textAnchor: 'middle', 'aria-hidden': true },
|
3423 | count
|
3424 | )
|
3425 | )
|
3426 | );
|
3427 | };
|
3428 |
|
3429 | var BagIcon = (0, _styledComponents2.default)(BaseBagIcon)(_templateObject, function (props) {
|
3430 | return props.width;
|
3431 | }, function (props) {
|
3432 | return props.theme.colors.rocketBlue;
|
3433 | }, function (props) {
|
3434 | return props.theme.colors.rocketBlue;
|
3435 | }, function (props) {
|
3436 | return props.theme.colors.white;
|
3437 | }, function (props) {
|
3438 | return props.theme.fonts.primaryFont;
|
3439 | });
|
3440 |
|
3441 | BagIcon.propTypes = {
|
3442 | theme: _propTypes2.default.shape({
|
3443 | colors: _propTypes2.default.shape({
|
3444 | rocketBlue: _propTypes2.default.string,
|
3445 | white: _propTypes2.default.string
|
3446 | }),
|
3447 | fonts: _propTypes2.default.shape({
|
3448 | primaryFont: _propTypes2.default.string
|
3449 | })
|
3450 | }),
|
3451 | width: _propTypes2.default.string
|
3452 | };
|
3453 |
|
3454 | BagIcon.propTypes = {
|
3455 | count: _propTypes2.default.number,
|
3456 | width: _propTypes2.default.string.isRequired
|
3457 | };
|
3458 |
|
3459 | BagIcon.defaultProps = {
|
3460 | width: '2rem'
|
3461 |
|
3462 |
|
3463 | };exports.default = BagIcon;
|
3464 | exports.BaseBagIcon = BaseBagIcon;
|
3465 |
|
3466 | }),
|
3467 |
|
3468 | (function(module, exports, __webpack_require__) {
|
3469 |
|
3470 | "use strict";
|
3471 |
|
3472 |
|
3473 | Object.defineProperty(exports, "__esModule", {
|
3474 | value: true
|
3475 | });
|
3476 |
|
3477 | var _templateObject = _taggedTemplateLiteral(['\n &:hover {\n ', '\n }\n .Box_Body, .Shirt_Line_001_A, .Shirt_Line_001_B, .Shirt_Line_002,\n .Shirt_Line_003, .Letter_O, .Letter_W_001, .Letter_W_002, .Fold_Line_001,\n .Fold_Line_002 {\n fill: ', ';\n }\n .Lid {\n stroke: ', ';\n stroke-width: 13;\n fill: transparent;\n }\n .Text_Bubble {\n stroke: ', ';\n stroke-width: 6;\n fill: ', ';\n }\n .Shirt_Outline {\n stroke: ', ';\n stroke-width: 6;\n fill: transparent;\n }\n .Handle_Line, .Corner_Line {\n fill: ', ';\n }\n'], ['\n &:hover {\n ', '\n }\n .Box_Body, .Shirt_Line_001_A, .Shirt_Line_001_B, .Shirt_Line_002,\n .Shirt_Line_003, .Letter_O, .Letter_W_001, .Letter_W_002, .Fold_Line_001,\n .Fold_Line_002 {\n fill: ', ';\n }\n .Lid {\n stroke: ', ';\n stroke-width: 13;\n fill: transparent;\n }\n .Text_Bubble {\n stroke: ', ';\n stroke-width: 6;\n fill: ', ';\n }\n .Shirt_Outline {\n stroke: ', ';\n stroke-width: 6;\n fill: transparent;\n }\n .Handle_Line, .Corner_Line {\n fill: ', ';\n }\n']);
|
3478 |
|
3479 | var _react = __webpack_require__(2);
|
3480 |
|
3481 | var _react2 = _interopRequireDefault(_react);
|
3482 |
|
3483 | var _styledComponents = __webpack_require__(1);
|
3484 |
|
3485 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3486 |
|
3487 | var _SRC = __webpack_require__(3);
|
3488 |
|
3489 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3490 |
|
3491 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3492 |
|
3493 | var BoxIcon = (0, _styledComponents2.default)(function (_ref) {
|
3494 | var className = _ref.className;
|
3495 |
|
3496 | return _react2.default.createElement(
|
3497 | 'svg',
|
3498 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg',
|
3499 | viewBox: '0 0 600 600' },
|
3500 | _react2.default.createElement('polygon', { className: 'Box_Body', points: '57.06,376.93 236.34,464.25 531.85,456.09 529.14,538.65 236.51,550.65 57.06,451.21 ' }),
|
3501 | _react2.default.createElement('path', { className: 'Shirt_Outline', d: 'M304.6,407.55c-10.69,6.95-24.76,1.95-24.76,1.95c-12.38-6.3-21.5-22.15-21.5-22.15 s-20.85,2.61-43.66,14.99s-26.06,20.85-26.06,20.85s24.64,9.37,33.23,23.46c2.03,3.33,15.9-5.66,18.24-2.61 c7.57,9.87,3.91,18.66,3.91,18.66h139.44l-13.03-26.48c0,0,17.31,7.4,25.6,16.94c8.29,9.54,27.18-14.33,27.18-14.33 c0-13.68-58.92-51.48-58.92-51.48c-24.84-13.68-48.59-5.21-48.59-5.21S318.29,400.39,304.6,407.55z' }),
|
3502 | _react2.default.createElement('path', { className: 'Shirt_Line_003', d: 'M243.03,448.89c40.07-10.06,68.13,3.9,130.94-6.28l3.52,8 c-43.14,2.51-67.57-2-132.77,4.13L243.03,448.89z' }),
|
3503 | _react2.default.createElement('path', { className: 'Shirt_Line_002', d: 'M210.78,433.62c63.2,2.61,131.29-1.09,191.35-17.16c0,0-5-7.42-7.6-5.88 c-15.09,8.9-190.81,16.63-190.81,16.63L210.78,433.62z' }),
|
3504 | _react2.default.createElement('path', { className: 'Shirt_Line_001_A', d: 'M210.76,403.43c-0.01-2.17,51.97-6.7,51.97-6.7l6.38,5.53 C253.62,407.23,210.78,407.31,210.76,403.43z' }),
|
3505 | _react2.default.createElement('path', { className: 'Shirt_Line_001_B', d: 'M314.29,395.87c6.17,2.78,52.73-1.81,56.06-4.51c0,0-6.07-4-9.27-4.22 c-7.66-0.52-37.02,1.06-45.66,4.22L314.29,395.87z' }),
|
3506 | _react2.default.createElement('path', { className: 'Lid', d: 'M63.21,378.64c-2.91-13.1,67.25-204.95,85.58-215.24c18.33-10.29,250.95-10.61,261.05,6 S355.1,354.12,355.1,354.12s177.08,92.4,169.95,100.56S259.9,471.43,235.8,463.6C211.7,455.77,63.21,378.64,63.21,378.64z' }),
|
3507 | _react2.default.createElement('path', { className: 'Corner_Line', d: 'M235.88,474.34c1.63-2.61,6.19-3.26,7.49-0.98c0.27,0.47,0.98,59.48-0.33,60.92 c-2.93,3.26-3.26,7.17-6.52,3.26C233.27,533.63,234.25,476.95,235.88,474.34z' }),
|
3508 | _react2.default.createElement('path', { className: 'Handle_Line', d: 'M375.63,492.26c10.65,1.6,6.48,32.59,27.55,32.26s8.94-34.22,18.71-37.15 c9.77-2.93,6.84,21.5,3.91,30.62c-2.93,9.12-10.26,15.31-25.74,15.31c-15.48,0-18.58-6.98-29.32-34.75 C369.17,494.5,371.28,491.61,375.63,492.26z' }),
|
3509 | _react2.default.createElement('path', { className: 'Fold_Line_001', d: 'M84.37,373.02c9.12-11.08,130.77-26.2,156.05-26.06 c29.75,0.16,96.92,0.45,96.92,0.45s4.98,0.2,2.61,4.93c-4.73,9.44-89.97,2.09-122.08,4.93C185.76,360.11,75.25,384.1,84.37,373.02z'
|
3510 | }),
|
3511 | _react2.default.createElement('path', { className: 'Fold_Line_002', d: 'M166.47,186.99c5.54-4.04,203.94-6.44,210.46-4.04c6.52,2.41,7.14,3.61,0.65,7.95 s-206.88,5.44-210.14,2.61C164.19,190.67,160.93,191.03,166.47,186.99z' }),
|
3512 | _react2.default.createElement('path', { className: 'Text_Bubble', d: 'M333.27,334.58l61.82-21.08c0,0,104.62,25.64,141.48-33s21.83-141.39-41.7-177.56 C437.2,70.69,346.63,43.97,285.06,81.11s-55.38,95.46-35.84,133.57s114.68,73.63,114.68,73.63L333.27,334.58z' }),
|
3513 | _react2.default.createElement('path', { className: 'Letter_W_001', d: 'M294.18,107.17c-1.3-1.47-9.29-0.98-10.1,0c-0.81,0.98-5.54,78.52-4.24,79.49 s7.66,0.49,9.12,0c1.47-0.49,22.11-21.83,22.11-21.83s-3.05,29.79-2.24,31.18s11.73,2.05,10.1,3.03s51.47-58.05,51.47-59.73 c0-1.68-5.54-6.08-7.82-5.75c-2.28,0.33-40.07,36.49-40.07,36.49s4.9-26.45,3.27-28.05c-1.64-1.6-6.36-2.57-8.15-2.25 s-21.83,21.18-21.83,21.18S295.48,108.64,294.18,107.17z' }),
|
3514 | _react2.default.createElement('path', { className: 'Letter_O', d: 'M387.74,158c-21.85,8.36-31.99,17.59-36.55,39.75c-3.71,18.02,18.85,36.35,38.86,34.86 c14.11-1.05,34.12-16.29,37.05-42.03C430.17,163.68,400.07,153.28,387.74,158z M405.6,208.82c-10.96,13.07-25.32,11.91-32.58,6.19 c-10.75-8.47-12.05-19.08-1.3-32.9c8.51-10.93,22.75-12.61,33.23-6.52C415.59,181.78,416.53,195.78,405.6,208.82z' }),
|
3515 | _react2.default.createElement('path', { className: 'Letter_W_002', d: 'M463.63,178.86c-1.01-1.8-18.31-1.78-19.76-0.48s-14.86,72.7-13.45,73.97 c1.41,1.27,12.98,1.97,14.3,0.8c1.32-1.17,20.19-17.84,20.19-17.84s1.62,31.18,2.6,32.48s7.66,2.77,10.1,1.95 c2.44-0.81,50.18-48.28,50.18-49.47s-10.59-11.13-12.39-10.81c-1.79,0.33-31.28,35.84-31.28,35.84s-0.49-29.65-1.63-30.95 c-1.14-1.3-8.31-5.05-10.43-4.56s-19.55,12.71-19.55,12.71S464.64,180.66,463.63,178.86z' })
|
3516 | );
|
3517 | })(_templateObject, function (props) {
|
3518 | return props.animated && _SRC.Wiggle;
|
3519 | }, function (props) {
|
3520 | return props.theme.colors.rocketBlue;
|
3521 | }, function (props) {
|
3522 | return props.theme.colors.rocketBlue;
|
3523 | }, function (props) {
|
3524 | return props.theme.colors.rocketBlue;
|
3525 | }, function (props) {
|
3526 | return props.theme.colors.white;
|
3527 | }, function (props) {
|
3528 | return props.theme.colors.rocketBlue;
|
3529 | }, function (props) {
|
3530 | return props.theme.colors.white;
|
3531 | });
|
3532 |
|
3533 |
|
3534 | exports.default = BoxIcon;
|
3535 |
|
3536 | }),
|
3537 |
|
3538 | (function(module, exports, __webpack_require__) {
|
3539 |
|
3540 | "use strict";
|
3541 |
|
3542 |
|
3543 | Object.defineProperty(exports, "__esModule", {
|
3544 | value: true
|
3545 | });
|
3546 |
|
3547 | var _templateObject = _taggedTemplateLiteral(['\n &:hover {\n ', '\n }\n path {\n fill: ', ';\n }\n'], ['\n &:hover {\n ', '\n }\n path {\n fill: ', ';\n }\n']);
|
3548 |
|
3549 | var _react = __webpack_require__(2);
|
3550 |
|
3551 | var _react2 = _interopRequireDefault(_react);
|
3552 |
|
3553 | var _propTypes = __webpack_require__(0);
|
3554 |
|
3555 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3556 |
|
3557 | var _styledComponents = __webpack_require__(1);
|
3558 |
|
3559 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3560 |
|
3561 | var _SRC = __webpack_require__(3);
|
3562 |
|
3563 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3564 |
|
3565 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3566 |
|
3567 | var BoxUpright = (0, _styledComponents2.default)(function (_ref) {
|
3568 | var className = _ref.className;
|
3569 |
|
3570 | return _react2.default.createElement(
|
3571 | 'svg',
|
3572 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 600 600' },
|
3573 | _react2.default.createElement('path', { d: 'M513.11,280.49c-6.52-5.45-54.73-31.93-54.73-31.93l-96.11,0.33c0,0-5.04-34.97-54.41-34.21 c-53.97,1.3-57.96,45.68-57.96,45.68c-71.67,11.59-157.63,8.19-163.09,12.15c-4.68,3.4-5.94,238.79-2.12,242.88 c3.82,4.09,52.89,22.37,52.89,22.37c189.82,15.09,360.07-6.25,360.07-6.25C501.07,452.89,516.15,310.47,513.11,280.49z M308.42,223.48c44.72-0.54,49.94,35.73,48.63,43.22c-1.53,2-5.65,2.31-6.62-0.22c-0.98-2.52-4.73-36.91-42.9-34.63 s-37.62,26.92-42.23,36.54c-1.27,2.66-4.44,3.72-5.77,1.12C257.36,265.29,260.53,224.06,308.42,223.48z M333.71,252.91 c-20.53,0.33-20.78,4.64-53.77,3.07c-3.61-0.17,8.05-16.86,28.57-17.43C330.91,237.93,337.28,252.85,333.71,252.91z M458.16,475.97 c0,0-24.09,5.55-29.84,5.77c-5.76,0.22-39.98,1.5-39.98,1.5l-31.89,3.45c-2.64-19.52-2.2-26.04-0.14-28.97 c2.06-2.93,5.32-6.84,13.25-7.38c9.67-0.43,18.14,9.77,18.14,9.77s4.34-30.3,22.81-30.3s17.59,12.81,17.59,12.81l1,18.7 c0,0,4.98-4.47,14.42-4.36c9.45,0.11,12.38,0.87,14.66,5C460.44,466.09,458.16,475.97,458.16,475.97z M498.12,292.44 c-3.42,1.57-103.95,1.04-121.36,1.9c-17.41,0.86-201.49,10.79-228.33,13.95c0.11,68.85-6.73,109.68-4.47,218.72 c-1.95,2.5-5.02,3.19-6.98,0.69c-1.95-2.5,3.3-207.69,2.65-222.56c-2.93-4.17-39.86-19.22-41.48-21.94 c-1.63-2.71-0.33-6.84,4.02-6.41s43.16,23.18,44.96,23.2c27.01,0.2,182.65-10.81,192.76-10.93c10.11-0.11,156-5.54,157.68-3.8 C501.71,285.82,501.82,291.49,498.12,292.44z' }),
|
3574 | _react2.default.createElement('path', { d: 'M69.37,272.23c2.28,0,4.58-1.4,4.47-3.69s-31.17-30.95-30.84-33.99c0.33-3.04,39.45-3.15,40.72-4.56 s-10.1-44.2-8.04-46.59c2.06-2.39,45.72,5,49.09,3.48c3.37-1.52,7.6-59.73,10.53-61.03c2.93-1.3,40.72,28.67,43.66,28.45 c2.93-0.22,4.24-1.52,4.24-4.34c0-3.5-49.52-35.4-53-33.88c-3.48,1.52-7.82,61.9-10.53,63.53s-50.39-3.04-51.8-0.76 c-1.41,2.28,9.45,44.96,7.06,46.81c-2.39,1.85-37.03,0.65-39.31,2.28c-2.28,1.63-1.74,5-0.33,7.28 C36.69,237.49,67.09,272.23,69.37,272.23z' }),
|
3575 | _react2.default.createElement('path', { d: 'M228.59,159.08c-1.95,0.98-4.67,1.52-6.84,0s-8.36-43.87-6.41-47.89c1.95-4.02,46.62,23,50.46,20.95 s14.81-43.64,19.15-44.51s29,33.83,32.36,33.86c3.37,0.03,42.68-41.02,46.26-40.05s12.41,42.76,11.04,44.02 c-1.37,1.26-8.4,2.08-9.94,0.04c-1.53-2.04-2.59-31.19-5.7-31.76c-3.11-0.57-39.6,38.42-43.72,38.52s-25-33.39-29.17-32.5 c-4.17,0.9-12.96,41.95-17.09,43.03c-4.13,1.09-43.4-24.21-46.3-22.31S230.54,158.11,228.59,159.08z' }),
|
3576 | _react2.default.createElement('path', { d: 'M410.32,149.85c-3.32-0.2-6.46-2.5-4.72-5.32c1.74-2.82,45.14-36.4,52.25-31.84c6.24,4,2.86,35.21,5.9,37.16 c3.04,1.95,68.58-12.67,75.26-4.24c6.19,7.82-22.91,39.48-21.83,42.52c1.09,3.04,48.71,6.57,53.05,13.74s-29.59,48.98-34.15,48.98 c-4.56,0-6.08-0.71-5.86-5.05c0.22-4.34,32.42-34.15,30.68-39.58c-1.74-5.43-55.17-9.18-56.25-13.52 c-1.09-4.34,27.37-38.55,24.76-42.03c-2.61-3.48-66.59,8.6-70.94,6.42c-4.34-2.17-0.29-34.97-4.2-36.93 C450.35,118.21,413.04,150.02,410.32,149.85z' })
|
3577 | );
|
3578 | })(_templateObject, function (props) {
|
3579 | return props.animated && _SRC.Wiggle;
|
3580 | }, function (props) {
|
3581 | return props.theme.colors.rocketBlue;
|
3582 | });
|
3583 |
|
3584 | BoxUpright.propTypes = {
|
3585 | animated: _propTypes2.default.bool,
|
3586 | theme: _propTypes2.default.shape({
|
3587 | colors: _propTypes2.default.shape({
|
3588 | rocketBlue: _propTypes2.default.string
|
3589 | })
|
3590 | })
|
3591 |
|
3592 |
|
3593 | };exports.default = BoxUpright;
|
3594 |
|
3595 | }),
|
3596 |
|
3597 | (function(module, exports, __webpack_require__) {
|
3598 |
|
3599 | "use strict";
|
3600 |
|
3601 |
|
3602 | Object.defineProperty(exports, "__esModule", {
|
3603 | value: true
|
3604 | });
|
3605 |
|
3606 | var _templateObject = _taggedTemplateLiteral(['\n &:hover {\n ', '\n }\n path {\n fill: ', ';\n }\n'], ['\n &:hover {\n ', '\n }\n path {\n fill: ', ';\n }\n']);
|
3607 |
|
3608 | var _react = __webpack_require__(2);
|
3609 |
|
3610 | var _react2 = _interopRequireDefault(_react);
|
3611 |
|
3612 | var _propTypes = __webpack_require__(0);
|
3613 |
|
3614 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3615 |
|
3616 | var _styledComponents = __webpack_require__(1);
|
3617 |
|
3618 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3619 |
|
3620 | var _SRC = __webpack_require__(3);
|
3621 |
|
3622 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3623 |
|
3624 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3625 |
|
3626 | var Calendar = (0, _styledComponents2.default)(function (_ref) {
|
3627 | var className = _ref.className;
|
3628 |
|
3629 | return _react2.default.createElement(
|
3630 | 'svg',
|
3631 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 600 600' },
|
3632 | _react2.default.createElement('path', { d: 'M484.45,179.68c-1.62-7.23-7.02-20.14-26.4-24.86l-33.39,1.3c0,0,4.07-56.52-57.01-55.64 c-57.67,3.52-48.51,59.02-49.37,59.82c-0.86,0.79-58.11,7.51-59.13,6.58c-1.02-0.94-7.66-58.48-57.01-58.48 c-54.08,6.84-41.54,67.28-41.54,67.28s-37.9,4.13-43.35,20.01c-7.04,78.16-23.61,268.69-20.99,271.08c2.62,2.4,47.29-5.05,49.74-3.2 c2.44,1.85-0.05,19.98,2.45,21.72c159.22-12.1,343.64-29.92,343.64-29.92S493.4,223.07,484.45,179.68z M326.76,135.14 c4.34-14.5,24.92-25.36,31.22-26.06c6.3-0.71,23.51-0.98,25.85,0.22c25.19,10.26,24.71,16.45,28.78,29.83 c2.47,8.12,0.86,27.31-0.49,35.08c-1.14,6.14-16.7,38.44-30.22,44.88c-7.82,2.44-23.89,4.34-29.48-0.33 c-1.47-1.25-2.13-6.33,0.18-6.7c5.44-0.88,9.04,1.27,10.57,1.81c4.56,1.63,12.95,0.98,16.29-0.98c3.3-1.93,12.24-10.43,17.67-26.06 c4.34-18.62,2.77-33.28,0.6-40.07c-2.17-6.79-4.05-15.77-13.18-23.09c-7.82-6.27-13.93-8.23-24.19-7.29 c-20.89,4.4-25.78,17.13-26.21,21.48c-1.25,4.56,0.05,17.97-1.74,19.98c-1.79,2.01-5.32,2.06-6.62-0.16 C324.48,155.45,324.53,141.87,326.76,135.14z M343.78,204.34c4.32-6.35,24.52-14.66,36.24-8.55c9.45,4.92-6.28,11.68-9.28,11.89 c-10.21,0.73-16.62-2.42-19.88-1.19c-6.52,2.44-6.22,13.13-3.09,17.81c2.28,3.42,12.65,1.92,19.67,2.52 c14.21,1.22,19.83-7.25,25.62-5.38c3.91,4.89-5.95,20.69-21.99,21.75c-13.85,0.98-23.29-6.19-29.24-16.05 C337.87,220.59,339.46,210.69,343.78,204.34z M359,122.3c25.58-4.21,31.77,25.92,30.31,27.39c-1.47,1.47-44.31,7.66-45.94,6.52 S332.46,132.42,359,122.3z M202.6,115.99c31.95,0,46.04,34.47,46.53,43.47c0.65,11.97-0.65,32.33-8.63,46.18 c-9.52,16.51-17.53,22.51-23.45,23.08s-18.09,1.76-22.35-2.75c-1.36-1.44-1.09-6.59,1.66-6.73c3.61-0.19,14.64,4.87,17.96,2.96 c8.23-4.72,28.14-31.77,20.89-63.32c0,0-4.83-28.32-30.52-28.91c-7.68,0.16-33.67-1.79-28.24,43.87c0.25,2.11-7.22,3.01-7.96,0 C155.96,138.21,185.77,117.68,202.6,115.99z M188.62,210.67c4.02-3.04,15.47-5.57,19.22-5c5.13,0.79,6.16,8.27,2.44,9.42 c-2.89,0.9-13.68-1.63-18.19,1c-2.26,1.32-3.72,6.98-2.55,11.11c0.9,3.16,8.75,6.81,12.97,6.81c2.11,0,9.19,0.84,14.44-0.43 c7.17-1.74,9.33-5.47,10.58-5.31c2.5,0.33,3.54,0.42,3.54,2.81c0,2.39-6.62,22.48-24.43,22.48c-16.18,0-24.43-9.77-24.43-18.57 C181.27,224.24,184.6,213.71,188.62,210.67z M199.37,136.98c28.68-5.86,29.32,27.37,27.38,29c-1.95,1.63-41.06,5.38-42.85,3.91 S174.94,146.59,199.37,136.98z M143.66,451.86c-2.32,0.98-30.22,6.43-37.14,5.86c-3.01-8.76,10.21-206.77,13.68-212.42 C129.82,250.41,148.96,447.5,143.66,451.86z M483.79,446c-6.25,2.04-285.28,32.52-328.78,31.44 c-2.56-52.66-13.52-162.62-19.17-195.64c-0.3-1.75,342.72-34.17,344.04-33.23C481.2,249.5,485.89,444.88,483.79,446z' }),
|
3633 | _react2.default.createElement('path', { d: 'M258.99,365.85c-5.21,0.33-25.41,13.36-25.41,16.29c0,2.93,53.21,60.6,62.55,60.6 c9.34,0,123.15-132.71,123.15-135.53s-15.31-20.85-20.2-20.85c-4.89,0-98.5,115.22-102.3,115.33 C292.98,401.8,264.21,365.53,258.99,365.85z' })
|
3634 | );
|
3635 | })(_templateObject, function (props) {
|
3636 | return props.animated && _SRC.Wiggle;
|
3637 | }, function (props) {
|
3638 | return props.theme.colors.rocketBlue;
|
3639 | });
|
3640 |
|
3641 | Calendar.propTypes = {
|
3642 | animated: _propTypes2.default.bool,
|
3643 | theme: _propTypes2.default.shape({
|
3644 | colors: _propTypes2.default.shape({
|
3645 | rocketBlue: _propTypes2.default.string
|
3646 | })
|
3647 | })
|
3648 |
|
3649 |
|
3650 | };exports.default = Calendar;
|
3651 |
|
3652 | }),
|
3653 |
|
3654 | (function(module, exports, __webpack_require__) {
|
3655 |
|
3656 | "use strict";
|
3657 |
|
3658 |
|
3659 | Object.defineProperty(exports, "__esModule", {
|
3660 | value: true
|
3661 | });
|
3662 |
|
3663 | var _react = __webpack_require__(2);
|
3664 |
|
3665 | var _react2 = _interopRequireDefault(_react);
|
3666 |
|
3667 | var _propTypes = __webpack_require__(0);
|
3668 |
|
3669 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3670 |
|
3671 | var _CardIcon = __webpack_require__(4);
|
3672 |
|
3673 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
3674 |
|
3675 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3676 |
|
3677 | var Amex = function Amex(_ref) {
|
3678 | var className = _ref.className;
|
3679 | return _react2.default.createElement(
|
3680 | _CardIcon2.default,
|
3681 | { className: className, box: '0 0 750 472' },
|
3682 | _react2.default.createElement(
|
3683 | 'g',
|
3684 | { fillRule: 'evenodd' },
|
3685 | _react2.default.createElement('path', { d: 'M0,41.0047706 C0,18.9107459 17.9143492,1 39.9919369,1 L710.008063,1 C732.095,1 750,18.9064659 750,41.0047706 L750,431.995229 C750,454.089254 732.085651,472 710.008063,472 L39.9919369,472 C17.905,472 0,454.093534 0,431.995229 L0,41.0047706 Z M0.00266072556,221.9061 L36.0288848,221.9061 L44.15208,202.394972 L62.3381392,202.394972 L70.4400485,221.9061 L141.324438,221.9061 L141.324438,206.989254 L147.651644,221.969689 L184.449478,221.969689 L190.776684,206.766694 L190.776684,221.9061 L366.938002,221.9061 L366.855519,189.878599 L370.263908,189.878599 C372.650579,189.960734 373.347689,190.180645 373.347689,194.104597 L373.347689,221.9061 L464.458915,221.9061 L464.458915,214.450327 C471.807839,218.371629 483.238316,221.9061 498.279397,221.9061 L536.60981,221.9061 L544.812827,202.394972 L562.998886,202.394972 L571.020974,221.9061 L644.885376,221.9061 L644.885376,203.372648 L656.071066,221.9061 L715.261567,221.9061 L715.261567,99.3918994 L656.683033,99.3918994 L656.683033,113.860975 L648.480016,99.3918994 L588.371565,99.3918994 L588.371565,113.860975 L580.839051,99.3918994 L499.64701,99.3918994 C486.056024,99.3918994 474.109366,101.281013 464.458915,106.545627 L464.458915,99.3918994 L408.429356,99.3918994 L408.429356,106.545627 C402.288401,101.119392 393.920419,99.3918994 384.615862,99.3918994 L179.918263,99.3918994 L166.183597,131.035219 L152.079091,99.3918994 L87.6043891,99.3918994 L87.6043891,113.860975 L80.5215377,99.3918994 L25.5349832,99.3918994 L0,157.641785 L0,221.9061 L0.00266072556,221.9061 L0.00266072556,221.9061 Z M227.659661,204.65237 L206.043927,204.65237 L205.964105,135.854711 L175.389708,204.65237 L156.876379,204.65237 L126.22216,135.793772 L126.22216,204.65237 L83.3365853,204.65237 L75.234676,185.059106 L31.3327042,185.059106 L23.1483124,204.65237 L0.247447477,204.65237 L38.0058039,116.8099 L69.3331867,116.8099 L105.194446,199.978602 L105.194446,116.8099 L139.60827,116.8099 L167.202655,176.400447 L192.551387,116.8099 L227.657001,116.8099 L227.657001,204.65237 L227.659661,204.65237 L227.659661,204.65237 Z M67.6223402,166.748214 L53.1905647,131.729395 L38.8412718,166.748214 L67.6223402,166.748214 L67.6223402,166.748214 Z M313.811294,204.65237 L243.373906,204.65237 L243.373906,116.8099 L313.811294,116.8099 L313.811294,135.102245 L264.460157,135.102245 L264.460157,150.935828 L312.627271,150.935828 L312.627271,168.942024 L264.460157,168.942024 L264.460157,186.484553 L313.811294,186.484553 L313.811294,204.65237 L313.811294,204.65237 L313.811294,204.65237 Z M413.125537,140.467541 C413.125537,154.472949 403.738497,161.708811 398.268045,163.881425 C402.881743,165.630113 406.822278,168.719464 408.698089,171.278908 C411.675441,175.647981 412.188961,179.550736 412.188961,187.395991 L412.188961,204.65237 L390.921782,204.65237 L390.84196,193.574691 C390.84196,188.288882 391.350159,180.687384 387.513392,176.461386 C384.432272,173.372036 379.736092,172.701705 372.145041,172.701705 L349.510249,172.701705 L349.510249,204.65237 L328.42666,204.65237 L328.42666,116.8099 L376.923705,116.8099 C387.699643,116.8099 395.639248,117.0934 402.456027,121.017352 C409.126466,124.941303 413.125537,130.669584 413.125537,140.467541 L413.125537,140.467541 Z M385.552438,152.803746 C382.654907,154.555084 379.227893,154.613374 375.122393,154.613374 L349.507588,154.613374 L349.507588,135.102245 L375.470948,135.102245 C379.14541,135.102245 382.979516,135.266516 385.469955,136.686663 C388.205181,137.966386 389.897402,140.690101 389.897402,144.452432 C389.897402,148.291599 388.287663,151.380949 385.552438,152.803746 L385.552438,152.803746 Z M446.868858,204.65237 L425.354231,204.65237 L425.354231,116.8099 L446.868858,116.8099 L446.868858,204.65237 L446.868858,204.65237 Z M696.466202,204.65237 L666.586254,204.65237 L626.619495,138.721501 L626.619495,204.65237 L583.678045,204.65237 L575.472367,185.059106 L531.671503,185.059106 L523.710612,204.65237 L499.037704,204.65237 C488.788589,204.65237 475.812231,202.394972 468.463307,194.936549 C461.053186,187.478126 457.197795,177.375474 457.197795,161.401466 C457.197795,148.373734 459.501983,136.464103 468.564414,127.052978 C475.381193,120.042325 486.056024,116.8099 500.586247,116.8099 L520.999333,116.8099 L520.999333,135.632151 L501.014623,135.632151 C493.319805,135.632151 488.97484,136.771448 484.789519,140.835825 C481.194879,144.534567 478.728386,151.526673 478.728386,160.733785 C478.728386,170.14491 480.606858,176.930353 484.526107,181.363014 C487.772192,184.839195 493.671021,185.893708 499.221294,185.893708 L508.690817,185.893708 L538.40846,116.81255 L570.001916,116.81255 L605.700871,199.899116 L605.700871,116.81255 L637.805185,116.81255 L674.869092,177.990164 L674.869092,116.81255 L696.466202,116.81255 L696.466202,204.65237 L696.466202,204.65237 Z M568.285748,166.748214 L553.694329,131.729395 L539.182732,166.748214 L568.285748,166.748214 Z M750,344.518333 C744.878103,351.976756 734.897722,355.757633 721.386557,355.757633 L680.666813,355.757633 L680.666813,336.916836 L721.221592,336.916836 C725.244609,336.916836 728.059657,336.38958 729.754539,334.741573 C731.22326,333.382365 732.247639,331.408466 732.247639,329.010643 C732.247639,326.451198 731.22326,324.41901 729.672057,323.200226 C728.14214,321.859565 725.915112,321.250173 722.243311,321.250173 C702.444852,320.579843 677.745337,321.859565 677.745337,294.055412 C677.745337,281.31118 685.871193,267.896617 707.997786,267.896617 L749.997339,267.896617 L749.997339,250.415027 L710.975138,250.415027 C699.198767,250.415027 690.644534,253.223528 684.586062,257.589951 L684.586062,250.415027 L626.866942,250.415027 C617.636885,250.415027 606.802411,252.693622 601.677854,257.589951 L601.677854,250.415027 L498.606667,250.415027 L498.606667,257.589951 C490.40365,251.697399 476.562555,250.415027 470.174153,250.415027 L402.187294,250.415027 L402.187294,257.589951 C395.697784,251.331764 381.266009,250.415027 372.46965,250.415027 L296.380881,250.415027 L278.969093,269.178989 L262.661506,250.415027 L149.000631,250.415027 L149.000631,373.014013 L260.522283,373.014013 L278.463555,353.953304 L295.364484,373.014013 L364.10699,373.074952 L364.10699,344.234834 L370.865232,344.234834 C379.9862,344.375259 390.743513,344.009624 400.234321,339.924051 L400.234321,373.011363 L456.934383,373.011363 L456.934383,341.058049 L459.669609,341.058049 C463.160481,341.058049 463.503714,341.201123 463.503714,344.674655 L463.503714,373.008714 L635.748444,373.008714 C646.684026,373.008714 658.114503,370.22141 664.44437,365.16346 L664.44437,373.008714 L719.079708,373.008714 C730.448989,373.008714 741.552196,371.421646 750,367.357269 L750,344.518333 Z M408.51716,296.840067 C408.51716,321.247524 390.229993,326.286927 371.799147,326.286927 L345.489893,326.286927 L345.489893,355.757633 L304.506737,355.757633 L278.543377,326.671109 L251.560959,355.757633 L168.040784,355.757633 L168.040784,267.893967 L252.846089,267.893967 L278.788164,296.694343 L305.608277,267.893967 L372.98317,267.893967 C389.716473,267.893967 408.51716,272.506796 408.51716,296.840067 Z M240.886128,337.446742 L189.044551,337.446742 L189.044551,319.965152 L235.335855,319.965152 L235.335855,302.038442 L189.044551,302.038442 L189.044551,286.064434 L241.907847,286.064434 L264.971016,311.669478 L240.886128,337.446742 Z M324.488786,347.766655 L292.115738,311.976823 L324.488786,277.323639 L324.488786,347.766655 Z M372.738383,308.442352 L345.489893,308.442352 L345.489893,286.067084 L372.98317,286.067084 C380.595506,286.067084 385.879707,289.156434 385.879707,296.840067 C385.879707,304.438915 380.840293,308.442352 372.738383,308.442352 Z M514.999397,267.893967 L585.372927,267.893967 L585.372927,286.064434 L535.997843,286.064434 L535.997843,302.038442 L584.167619,302.038442 L584.167619,319.965152 L535.997843,319.965152 L535.997843,337.446742 L585.372927,337.526227 L585.372927,355.757633 L514.999397,355.757633 L514.999397,267.893967 L514.999397,267.893967 Z M488.362873,314.925749 C493.056393,316.650592 496.893159,319.742592 498.69181,322.302036 C501.669162,326.591623 502.100199,330.595061 502.185343,338.339633 L502.185343,355.757633 L481.01661,355.757633 L481.01661,344.764739 C481.01661,339.47893 481.527469,331.652223 477.608221,327.56665 C474.5271,324.41901 469.83092,323.666543 462.138762,323.666543 L439.605077,323.666543 L439.605077,355.757633 L418.41772,355.757633 L418.41772,267.893967 L467.098355,267.893967 C477.773186,267.893967 485.547826,268.362934 492.468373,272.040479 C499.122847,276.043917 503.308169,281.528441 503.308169,291.551608 C503.305508,305.575562 493.913147,312.731939 488.362873,314.925749 Z M475.628641,303.991144 C472.808272,305.657698 469.32006,305.800772 465.217222,305.800772 L439.602417,305.800772 L439.602417,286.067084 L465.565777,286.067084 C469.32006,286.067084 473.077005,286.14657 475.628641,287.654151 C478.361206,289.076948 479.994891,291.798014 479.994891,295.557695 C479.994891,299.317376 478.361206,302.345787 475.628641,303.991144 Z M665.891804,309.417379 C669.997304,313.648676 672.197724,318.990126 672.197724,328.032967 C672.197724,346.934703 660.33887,355.757633 639.074351,355.757633 L598.006052,355.757633 L598.006052,336.916836 L638.909386,336.916836 C642.908457,336.916836 645.74479,336.38958 647.522155,334.741573 C648.97225,333.382365 650.012594,331.408466 650.012594,329.010643 C650.012594,326.451198 648.887107,324.41901 647.439672,323.200226 C645.827273,321.859565 643.602906,321.250173 639.931105,321.250173 C620.212468,320.579843 595.518274,321.859565 595.518274,294.055412 C595.518274,281.31118 603.558987,267.896617 625.664294,267.896617 L667.935241,267.896617 L667.935241,286.596989 L629.256274,286.596989 C625.422168,286.596989 622.929069,286.740064 620.80847,288.184057 C618.498961,289.606854 617.642207,291.718528 617.642207,294.505832 C617.642207,297.820392 619.603162,300.075141 622.255905,301.050168 C624.480272,301.82118 626.869603,302.04639 630.461583,302.04639 L641.812238,302.351086 C653.258679,302.629287 661.115802,304.600536 665.891804,309.417379 Z M750,286.59169 L711.571141,286.59169 C707.734374,286.59169 705.185399,286.734765 703.038194,288.178758 C700.813827,289.601555 699.957074,291.713229 699.957074,294.500533 C699.957074,297.815093 701.835546,300.069842 704.568111,301.044869 C706.792478,301.815881 709.181809,302.041091 712.693967,302.041091 L724.121783,302.345787 C735.653368,302.629287 743.350847,304.603185 748.044367,309.417379 C748.89846,310.08771 749.41198,310.840176 750,311.592642 L750,286.59169 Z' })
|
3686 | )
|
3687 | );
|
3688 | };
|
3689 |
|
3690 | Amex.propTypes = {
|
3691 | className: _propTypes2.default.string
|
3692 | };
|
3693 |
|
3694 | exports.default = Amex;
|
3695 |
|
3696 | }),
|
3697 |
|
3698 | (function(module, exports, __webpack_require__) {
|
3699 |
|
3700 | "use strict";
|
3701 |
|
3702 |
|
3703 | Object.defineProperty(exports, "__esModule", {
|
3704 | value: true
|
3705 | });
|
3706 |
|
3707 | var _react = __webpack_require__(2);
|
3708 |
|
3709 | var _react2 = _interopRequireDefault(_react);
|
3710 |
|
3711 | var _propTypes = __webpack_require__(0);
|
3712 |
|
3713 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3714 |
|
3715 | var _CardIcon = __webpack_require__(4);
|
3716 |
|
3717 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
3718 |
|
3719 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3720 |
|
3721 | var Default = function Default(_ref) {
|
3722 | var className = _ref.className;
|
3723 | return _react2.default.createElement(
|
3724 | _CardIcon2.default,
|
3725 | { className: className, box: '0 0 750 472' },
|
3726 | _react2.default.createElement('path', { d: 'M0,462a10,10,0,0,0,10,10H740a10,10,0,0,0,10-10V144H0Z' }),
|
3727 | _react2.default.createElement('path', { d: 'M750,10A10,10,0,0,0,740,0H10A10,10,0,0,0,0,10V73H750Z' })
|
3728 | );
|
3729 | };
|
3730 |
|
3731 | Default.propTypes = {
|
3732 | className: _propTypes2.default.string
|
3733 | };
|
3734 |
|
3735 | exports.default = Default;
|
3736 |
|
3737 | }),
|
3738 |
|
3739 | (function(module, exports, __webpack_require__) {
|
3740 |
|
3741 | "use strict";
|
3742 |
|
3743 |
|
3744 | Object.defineProperty(exports, "__esModule", {
|
3745 | value: true
|
3746 | });
|
3747 |
|
3748 | var _react = __webpack_require__(2);
|
3749 |
|
3750 | var _react2 = _interopRequireDefault(_react);
|
3751 |
|
3752 | var _propTypes = __webpack_require__(0);
|
3753 |
|
3754 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3755 |
|
3756 | var _CardIcon = __webpack_require__(4);
|
3757 |
|
3758 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
3759 |
|
3760 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3761 |
|
3762 | var Diners = function Diners(_ref) {
|
3763 | var className = _ref.className;
|
3764 | return _react2.default.createElement(
|
3765 | _CardIcon2.default,
|
3766 | { className: className, box: '0 0 750 471' },
|
3767 | _react2.default.createElement(
|
3768 | 'g',
|
3769 | { fillRule: 'evenodd' },
|
3770 | _react2.default.createElement('path', { d: 'M0,40.0047706 C0,17.9107459 17.9143492,0 39.9919369,0 L710.008063,0 C732.095,0 750,17.9064659 750,40.0047706 L750,430.995229 C750,453.089254 732.085651,471 710.008063,471 L39.9919369,471 C17.905,471 0,453.093534 0,430.995229 L0,40.0047706 Z M584.933911,236.947339 C584.933911,137.53154 501.952976,68.8140806 411.038924,68.8471464 L332.79674,68.8471464 C240.793699,68.8140806 165.066089,137.552041 165.066089,236.947339 C165.066089,327.877778 240.793699,402.587432 332.79674,402.150963 L411.038924,402.150963 C501.952976,402.586771 584.933911,327.857939 584.933911,236.947339 Z M333.166996,82.6223815 C249.097073,82.6488342 180.972583,150.929824 180.952783,235.202123 C180.972583,319.459873 249.096413,387.73425 333.166996,387.760703 C417.256719,387.73425 485.395069,319.459873 485.406949,235.202123 C485.394409,150.929824 417.256719,82.6488342 333.166996,82.6223815 Z M236.682602,235.202123 C236.761801,194.021908 262.428934,158.90597 298.622956,144.951518 L298.622956,325.431566 C262.428934,311.48505 236.761141,276.388291 236.682602,235.202123 Z M367.697836,325.471245 L367.697836,144.945566 C403.905059,158.866291 429.611791,194.002068 429.67779,235.202123 C429.611791,276.414743 403.905059,311.524068 367.697836,325.471245 Z' })
|
3771 | )
|
3772 | );
|
3773 | };
|
3774 |
|
3775 | Diners.propTypes = {
|
3776 | className: _propTypes2.default.string
|
3777 | };
|
3778 |
|
3779 | exports.default = Diners;
|
3780 |
|
3781 | }),
|
3782 |
|
3783 | (function(module, exports, __webpack_require__) {
|
3784 |
|
3785 | "use strict";
|
3786 |
|
3787 |
|
3788 | Object.defineProperty(exports, "__esModule", {
|
3789 | value: true
|
3790 | });
|
3791 |
|
3792 | var _react = __webpack_require__(2);
|
3793 |
|
3794 | var _react2 = _interopRequireDefault(_react);
|
3795 |
|
3796 | var _propTypes = __webpack_require__(0);
|
3797 |
|
3798 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3799 |
|
3800 | var _CardIcon = __webpack_require__(4);
|
3801 |
|
3802 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
3803 |
|
3804 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3805 |
|
3806 | var Discover = function Discover(_ref) {
|
3807 | var className = _ref.className;
|
3808 | return _react2.default.createElement(
|
3809 | _CardIcon2.default,
|
3810 | { className: className, box: '0 0 750 471' },
|
3811 | _react2.default.createElement(
|
3812 | 'g',
|
3813 | { fillRule: 'evenodd' },
|
3814 | _react2.default.createElement(
|
3815 | 'g',
|
3816 | {
|
3817 | transform: 'translate(375.000000, 235.500000) scale(1, -1) translate(-375.000000, -235.500000)' },
|
3818 | _react2.default.createElement('path', {
|
3819 | d: 'M 0,40.004771 C 0,17.910746 17.914349,0 39.991937,0 L 710.00806,0 C 732.095,0 750,17.906466 750,40.004771 l 0,390.990459 C 750,453.08925 732.08565,471 710.00806,471 L 39.991937,471 C 17.905,471 0,453.09353 0,430.99523 Z m 149.43105,-31.4905954 557.42909,0 c 18.77936,0 34.00303,15.2195984 34.00303,33.9925264 l 0,179.418418 c 0,0 -208.87509,-147.428343 -591.43212,-213.4109444 z M 87.362471,255.88812 c -6.669449,-5.66014 -15.333048,-8.13053 -29.049923,-8.13053 l -5.695708,0 0,67.65297 5.695708,0 c 13.716875,0 22.038656,-2.30833 29.049923,-8.27282 7.341313,-6.14632 11.757621,-15.66817 11.757621,-25.47066 0,-9.81829 -4.416308,-19.63264 -11.757621,-25.77896 z m -24.798007,76.85861 -31.158432,0 0,-102.3095 30.99446,0 c 16.480851,0 28.383104,3.65617 38.829788,11.81042 12.41477,9.66019 19.75609,24.21767 19.75609,39.27319 0,30.19403 -23.99665,51.22589 -58.421906,51.22589 z m 68.188736,-102.3095 21.22733,0 0,102.3095 -21.22733,0 z m 73.13186,63.29653 c -12.73767,4.43089 -16.47917,7.35582 -16.47917,12.88158 0,6.44276 6.66482,11.34005 15.81403,11.34005 6.35917,0 11.58693,-2.45852 17.11656,-8.28468 l 11.1072,13.6721 c -9.12819,7.50601 -20.04619,11.344 -31.97787,11.344 -19.25492,0 -33.94259,-12.57327 -33.94259,-29.31655 0,-14.09502 6.83889,-21.30855 26.77534,-28.05566 8.31001,-2.75497 12.53922,-4.59294 14.67422,-5.82616 4.24056,-2.60477 6.3642,-6.28861 6.3642,-10.5851 0,-8.28864 -7.01126,-14.431 -16.48085,-14.431 -10.12505,0 -18.27949,4.75895 -23.1688,13.64443 L 159.97551,247.7016 c 9.78028,-13.49422 21.52445,-19.47453 37.67694,-19.47453 22.05841,0 37.53441,13.78672 37.53441,33.59328 0,16.25315 -7.1559,23.61292 -31.3018,31.91341 z m 37.99732,-11.93665 c 0,-30.0715 25.11586,-53.38798 57.43933,-53.38798 9.14038,0 16.96478,1.68777 26.6181,5.96054 l 0,23.4904 c -8.4887,-7.98429 -16.00618,-11.20567 -25.63006,-11.20567 -21.37941,0 -36.55311,14.5733 -36.55311,35.28895 0,19.6445 15.65721,35.13876 35.56507,35.13876 10.12842,0 17.78884,-3.3953 26.6181,-11.51002 l 0,23.47854 c -9.32117,4.44274 -16.9816,6.28465 -26.11357,6.28465 -32.1595,0 -57.94386,-23.79079 -57.94386,-53.53817 z m 252.364,-17.61349 -29.02301,68.72017 -23.1873,0 46.18119,-104.93403 11.42337,0 47.01367,104.93403 -23.01071,0 -29.39721,-68.72017 z m 62.00658,-33.74639 60.19869,0 0,17.32036 -38.98746,0 0,27.61693 37.54955,0 0,17.32827 -37.54955,0 0,22.70777 38.98746,0 0,17.33617 -60.19869,0 z m 101.66254,55.21014 -6.2015,0 0,30.98455 6.53785,0 c 13.21865,0 20.40398,-5.20955 20.40398,-15.16619 0,-10.2847 -7.18533,-15.81836 -20.74033,-15.81836 z m 42.58222,16.89348 c 0,19.15437 -14.0301,30.20588 -38.51236,30.20588 l -31.47418,0 0,-102.3095 21.20282,0 0,41.0993 2.7665,0 29.38039,-41.0993 26.10515,0 -34.2575,43.09932 c 15.98936,3.05933 24.78918,13.34008 24.78918,29.0043 z m -367.64587,-20.93267 0,0.0356 c 0,30.05964 25.92016,54.39194 57.89467,54.39194 31.97451,0 57.89467,-24.3323 57.89467,-54.39194 l 0,-0.0356 c 0,-30.05964 -25.92016,-54.42751 -57.89467,-54.42751 -31.97451,0 -57.89467,24.36787 -57.89467,54.42751 z' })
|
3820 | )
|
3821 | )
|
3822 | );
|
3823 | };
|
3824 |
|
3825 | Discover.propTypes = {
|
3826 | className: _propTypes2.default.string
|
3827 | };
|
3828 |
|
3829 | exports.default = Discover;
|
3830 |
|
3831 | }),
|
3832 |
|
3833 | (function(module, exports, __webpack_require__) {
|
3834 |
|
3835 | "use strict";
|
3836 |
|
3837 |
|
3838 | Object.defineProperty(exports, "__esModule", {
|
3839 | value: true
|
3840 | });
|
3841 |
|
3842 | var _react = __webpack_require__(2);
|
3843 |
|
3844 | var _react2 = _interopRequireDefault(_react);
|
3845 |
|
3846 | var _propTypes = __webpack_require__(0);
|
3847 |
|
3848 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3849 |
|
3850 | var _CardIcon = __webpack_require__(4);
|
3851 |
|
3852 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
3853 |
|
3854 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3855 |
|
3856 | var JCB = function JCB(_ref) {
|
3857 | var className = _ref.className;
|
3858 | return _react2.default.createElement(
|
3859 | _CardIcon2.default,
|
3860 | { className: className, box: '0 0 750 471' },
|
3861 | _react2.default.createElement(
|
3862 | 'g',
|
3863 | { fillRule: 'evenodd' },
|
3864 | _react2.default.createElement(
|
3865 | 'g',
|
3866 | null,
|
3867 | _react2.default.createElement('rect', {
|
3868 | x: '0',
|
3869 | y: '0',
|
3870 | width: '750',
|
3871 | height: '471',
|
3872 | rx: '40' })
|
3873 | ),
|
3874 | _react2.default.createElement(
|
3875 | 'g',
|
3876 | { transform: 'translate(155.000000, 66.000000)',
|
3877 | fill: '#FFFFFF' },
|
3878 | _react2.default.createElement('path', {
|
3879 | d: 'm 24.180777,192.9493 c 0,0 -0.273259,-89.5021 0.03034,-130.713584 4.054224,-24.089001 28.713217,-42.119028 52.864848,-39.91895 l 67.310515,0 c -0.0789,81.941864 -0.0683,163.886424 -0.20314,245.826604 -0.74635,24.24305 -21.88376,45.46784 -46.179915,46.07374 -24.596815,0.0721 -49.196149,0.0105 -73.793937,0.031 l 0,-102.36183 c 18.264856,3.34751 36.626104,6.95237 55.313504,5.86236 17.923305,-0.93137 39.537528,-3.67524 49.801728,-20.44226 7.59693,-12.38525 4.19217,-27.16287 4.823,-40.8607 l -0.23281,-35.02929 c -13.85232,0.0774 -27.70464,0.15489 -41.556967,0.23234 -0.200364,20.3779 0.411493,40.80012 -0.325899,61.1488 -1.596968,13.5333 -16.078567,20.48386 -28.516122,19.23382 -14.38394,-0.13222 -27.187303,-5.50203 -39.335145,-9.08205 z' }),
|
3880 | _react2.default.createElement('path', {
|
3881 | d: 'm 159.85062,136.5565 c 0.15364,-23.04134 -0.31645,-46.105843 0.25211,-69.131787 1.6841,-21.943077 20.124,-40.412279 41.80275,-43.091567 21.80037,-0.717971 43.672,-0.113144 65.50027,-0.312841 4.23381,0 8.46763,0 12.70144,0 -0.0564,82.335025 0.11285,164.675695 -0.0847,247.007175 -1.5733,25.57784 -26.2495,47.05322 -51.82331,44.62372 -22.78284,0 -45.56567,0 -68.34851,0 0,-37.34731 0,-74.69462 0,-112.04193 17.82059,14.07505 41.89423,16.19033 63.85722,15.90731 14.42135,-0.37438 28.79787,-2.51748 42.70307,-6.35682 -0.10071,-6.76991 -0.20142,-13.53981 -0.30213,-20.30971 -19.63891,9.45349 -43.98235,16.1344 -64.47132,5.37602 -16.27614,-9.31594 -18.18786,-32.76987 -9.48731,-47.86263 10.74645,-15.65641 32.45408,-16.12208 49.35354,-12.81175 8.2927,0.73852 19.43169,8.15781 24.90722,7.99048 0,-6.19882 0,-12.39765 0,-18.59647 -28.34546,-7.16643 -58.71741,-9.48539 -87.11474,-1.37066 -7.06049,2.414 -13.97289,5.82928 -19.44555,10.98146 z' }),
|
3882 | _react2.default.createElement('path', {
|
3883 | d: 'm 293.91013,215.1805 c 0,32.98487 0,65.96973 0,98.9546 25.40901,-0.0606 50.83235,0.12109 76.23243,-0.0907 24.15687,-2.16736 45.13425,-24.23224 43.88382,-48.83672 0,-80.96662 0,-161.93324 0,-242.899863 -25.06545,0.09218 -50.14129,-0.185316 -75.20017,0.140412 -25.20246,1.521518 -46.62552,25.056733 -44.91608,50.401254 0,16.256878 0,32.513757 0,48.770637 25.22736,0.11344 50.47179,-0.22865 75.68831,0.1742 13.25128,0.32531 27.38603,10.70453 24.98392,25.24757 -1.0073,11.1285 -11.59437,18.42894 -21.99714,19.64076 12.99985,1.03728 28.16749,9.42882 27.91114,24.14848 0.34108,15.87429 -16.81059,24.8889 -30.89727,24.34935 -25.22965,0 -50.45931,0 -75.68896,0 z' }),
|
3884 | _react2.default.createElement('path', {
|
3885 | d: 'M317.96875,137.258883 L317.96875,161.044279 L343.941512,161.044279 C343.941512,161.044279 356.111741,161.008725 356.111741,149.133804 C356.111741,137.258883 343.941512,137.258883 343.941512,137.258883 L317.96875,137.258883 Z' }),
|
3886 | _react2.default.createElement('path', {
|
3887 | d: 'M345.749893,175.01374 L317.96875,175.01374 L317.96875,200.568656 L345.749893,200.568656 C345.829565,200.568656 359.445848,201.361012 359.445848,187.791199 C359.445848,174.221386 345.749893,175.01374 345.749893,175.01374 Z' })
|
3888 | )
|
3889 | )
|
3890 | );
|
3891 | };
|
3892 |
|
3893 | JCB.propTypes = {
|
3894 | className: _propTypes2.default.string
|
3895 | };
|
3896 |
|
3897 | exports.default = JCB;
|
3898 |
|
3899 | }),
|
3900 |
|
3901 | (function(module, exports, __webpack_require__) {
|
3902 |
|
3903 | "use strict";
|
3904 |
|
3905 |
|
3906 | Object.defineProperty(exports, "__esModule", {
|
3907 | value: true
|
3908 | });
|
3909 |
|
3910 | var _react = __webpack_require__(2);
|
3911 |
|
3912 | var _react2 = _interopRequireDefault(_react);
|
3913 |
|
3914 | var _propTypes = __webpack_require__(0);
|
3915 |
|
3916 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3917 |
|
3918 | var _CardIcon = __webpack_require__(4);
|
3919 |
|
3920 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
3921 |
|
3922 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3923 |
|
3924 | var Mastercard = function Mastercard(_ref) {
|
3925 | var className = _ref.className;
|
3926 | return _react2.default.createElement(
|
3927 | _CardIcon2.default,
|
3928 | { className: className, box: '0 0 750 471' },
|
3929 | _react2.default.createElement(
|
3930 | 'g',
|
3931 | { fillRule: 'evenodd' },
|
3932 | _react2.default.createElement('path', {
|
3933 | d: 'M 0,40.004771 C 0,17.910746 17.914349,0 39.991937,0 L 710.00806,0 C 732.095,0 750,17.906466 750,40.004771 l 0,390.990459 C 750,453.08925 732.08565,471 710.00806,471 L 39.991937,471 C 17.905,471 0,453.09353 0,430.99523 Z M 703.97468,235.48039 c 0,112.36221 -91.6058,203.80556 -204.19747,203.80556 -46.96116,0 -90.25335,-15.94211 -124.79115,-42.60197 -34.51495,26.65986 -77.80667,42.60197 -124.77013,42.60197 -112.58892,0 -204.190614,-91.44335 -204.190614,-203.80556 0,-112.36631 91.601694,-203.766344 204.190614,-203.766344 46.96346,0 90.25518,15.882374 124.77013,42.580996 34.5378,-26.698622 77.82999,-42.580996 124.79115,-42.580996 112.59167,0 204.19747,91.400034 204.19747,203.766344 z M 499.77721,49.935684 c -41.41885,0 -79.65762,13.54311 -110.54927,36.397678 28.01769,26.023748 48.73854,59.817678 58.63977,97.902548 l -18.92519,0 c -9.69562,-33.67082 -28.64823,-63.39726 -53.95646,-86.274626 -25.2808,22.877366 -44.24712,52.603806 -53.90619,86.274626 l -18.95261,0 c 9.92408,-38.08487 30.64493,-71.8788 58.66262,-97.902548 -30.90993,-22.854568 -69.13453,-36.397678 -110.57395,-36.397678 -102.66759,0 -185.896411,83.059846 -185.896411,185.544706 0,102.45842 83.228821,185.54425 185.896411,185.54425 41.43942,0 79.66402,-13.54265 110.57395,-36.39585 -26.36368,-24.50436 -46.25296,-55.89884 -56.76645,-91.23861 l 19.13538,0 c 10.16624,30.9435 28.21417,58.25544 51.82725,79.60704 23.64051,-21.3516 41.71128,-48.66354 51.87752,-79.60704 l 19.13081,0 c -10.53177,35.33977 -30.41648,66.73425 -56.76645,91.23861 30.89165,22.8532 69.13042,36.39585 110.54927,36.39585 102.66759,0 185.89824,-83.08583 185.89824,-185.54425 0,-102.48486 -83.23065,-185.544706 -185.89824,-185.544706 z m -324.80332,141.318476 -29.76721,0 -18.60261,55.34845 -0.77492,-55.34845 -27.58592,0 -14.974299,89.42693 17.951519,0 11.52966,-68.32111 1.61015,68.32111 13.07904,0 24.51045,-68.72923 -10.98182,68.72923 19.17239,0 14.83357,-89.42693 z m 35.65494,57.0174 c -2.0168,-0.2052 -2.89498,-0.28499 -4.27988,-0.28499 -10.88038,0 -16.36147,3.71728 -16.36147,11.04014 0,4.53671 2.68983,7.42226 6.84679,7.42226 7.82458,0 13.44639,-7.42226 13.79456,-18.17741 z m 13.93391,32.40953 -15.89177,0 0.36918,-7.54356 c -4.85101,5.95806 -11.30988,8.80804 -20.08757,8.80804 -10.41251,0 -17.50192,-8.11355 -17.50192,-19.84818 0,-17.73235 12.36488,-28.04016 33.63631,-28.04016 2.17946,0 4.97072,0.20291 7.82275,0.56817 0.59261,-2.42089 0.73562,-3.43594 0.73562,-4.73827 0,-4.79845 -3.32356,-6.60831 -12.28858,-6.60831 -9.3703,-0.12266 -17.11264,2.21752 -20.29136,3.27406 0.20516,-1.22024 2.67018,-16.3484 2.67018,-16.3484 9.53616,-2.80529 15.84883,-3.86321 22.94006,-3.86321 16.46291,0 25.18349,7.35979 25.16384,21.31057 0.0196,3.74054 -0.59261,8.35568 -1.54938,14.43868 -1.67046,10.50937 -5.23664,33.08122 -5.72736,38.59057 z m 250.44541,-91.62347 c -25.40875,0 -43.17796,22.32607 -43.17796,54.29419 0,23.74741 12.862,38.59376 33.50061,38.59376 5.29558,0 9.87838,-0.69448 16.9285,-2.64478 l 3.36286,-20.35616 c -6.33734,3.11354 -11.55068,4.59553 -16.28426,4.59553 -11.14403,0 -17.86974,-8.21524 -17.86974,-21.77932 0,-19.70226 10.01089,-33.51031 24.33044,-33.51031 5.31843,0 10.2896,1.38395 17.13411,4.84132 l 3.13897,-19.39765 c -2.81,-1.09713 -12.69295,-4.63658 -21.06353,-4.63658 z m 55.25407,59.21394 c -1.99669,-0.2052 -2.89223,-0.28499 -4.29952,-0.28499 -10.86074,0 -16.36193,3.71728 -16.36193,11.04014 0,4.53671 2.6912,7.42226 6.8902,7.42226 7.80401,0 13.44685,-7.42226 13.77125,-18.17741 z m 13.93575,32.40953 -15.86848,0 0.36553,-7.54356 c -4.87065,5.95806 -11.34963,8.80804 -20.11316,8.80804 -10.39012,0 -17.52248,-8.11355 -17.52248,-19.84818 0,-17.73235 12.40966,-28.04016 33.66053,-28.04016 2.17946,0 4.97118,0.20291 7.82686,0.56817 0.58484,-2.42089 0.73106,-3.43594 0.73106,-4.73827 0,-4.79845 -3.32174,-6.60831 -12.26803,-6.60831 -9.38949,-0.12266 -17.11126,2.21752 -20.29135,3.27406 0.18276,-1.22024 2.65007,-16.3484 2.65007,-16.3484 9.55398,-2.80529 15.86847,-3.86321 22.91859,-3.86321 16.4853,0 25.2077,7.35979 25.18486,21.31057 0.0411,3.74054 -0.58942,8.35568 -1.54893,14.43868 -1.64944,10.50937 -5.23161,33.08122 -5.72507,38.59057 z m -225.40265,-17.2034 c -1.28391,0.45098 -2.97448,0.6913 -5.15394,0.6913 -4.56453,0 -6.5795,-1.62472 -6.5795,-5.38806 0.0411,-2.31601 3.19837,-19.51896 5.40067,-33.327 l 9.83727,0 2.60895,-17.4884 -9.80071,0 2.22058,-10.97584 -19.05176,0 c 0,0 -7.21049,42.80124 -8.29017,49.57188 -1.22269,7.7483 -2.77024,16.18607 -2.65053,19.39766 0,10.3525 5.3399,15.98634 15.13833,15.98634 4.44573,0 8.53507,-0.73552 13.79867,-2.35978 l 2.52214,-16.1081 z m 58.63978,15.5381 c -6.56122,1.99499 -12.88028,2.92978 -19.5603,2.92978 -21.35596,-0.0442 -32.47713,-11.16463 -32.47713,-32.45422 0,-24.85001 14.15962,-43.15008 33.37267,-43.15008 15.70856,0 25.756,10.22756 25.756,26.332 0,5.32742 -0.71278,10.51256 -2.3668,17.89606 l -37.9372,0 c -1.28392,10.50936 5.48292,14.90335 16.56754,14.90335 6.82166,0 12.95796,-1.38395 19.80247,-4.5545 l -3.15725,18.09761 z M 366.716,235.88805 c 0.12337,-1.50479 2.01497,-13.01689 -8.86405,-13.01689 -6.07232,0 -10.43124,4.65756 -12.18121,13.01689 l 21.04526,0 z M 239.29625,230.9455 c 0,9.21251 4.4407,15.53582 14.58729,20.31467 7.76381,3.65892 8.96503,4.71501 8.96503,8.03375 0,4.50981 -3.42317,6.54401 -11.02295,6.54401 -5.70406,0 -11.04259,-0.85499 -17.17706,-2.84451 0,0 -2.52351,16.02237 -2.64687,16.79711 4.38176,0.93525 8.25133,1.82581 19.96695,2.15504 20.23058,0 29.56342,-7.70908 29.56342,-24.30145 0,-10.02281 -3.89287,-15.83859 -13.51128,-20.25447 -8.02424,-3.6995 -8.96136,-4.51346 -8.96136,-7.90835 0,-3.94575 3.19836,-5.93891 9.41142,-5.93891 3.74803,0 8.90243,0.40812 13.75161,1.09895 l 2.73278,-16.8769 c -4.97255,-0.77337 -12.49009,-1.42317 -16.87185,-1.42317 -21.45328,0 -28.86892,11.16281 -28.78713,24.60423 z m 412.88316,49.73559 -18.14845,0 0.91382,-6.76882 c -5.2773,5.59326 -10.67341,8.0333 -17.6824,8.0333 -13.94031,0 -23.14704,-11.97858 -23.14704,-30.15599 0,-24.22165 14.27843,-44.59514 31.18865,-44.59514 7.42021,0 13.08132,3.01004 18.32207,9.90335 l 4.23556,-25.84363 18.91148,0 -14.59369,89.42693 z M 623.883,263.88763 c 8.92345,0 15.21966,-10.10854 15.21966,-24.50482 0,-9.25172 -3.5639,-14.25492 -10.17081,-14.25492 -8.69956,0 -14.87241,10.10672 -14.87241,24.40268 0,9.53535 3.30346,14.35706 9.82356,14.35706 z m -59.14695,-55.9221 c -2.40334,22.4916 -6.66174,45.28461 -9.98347,67.81724 l -0.87727,4.89832 19.15365,0 c 6.86735,-44.46882 8.53507,-53.15237 19.27245,-52.05479 1.70884,-9.13088 4.88893,-17.07845 7.29228,-21.10445 -8.04161,-1.67077 -12.52847,2.88601 -18.37234,11.48748 0.46605,-3.74237 1.30219,-7.34247 1.11943,-11.0438 l -17.60473,0 z m -167.57616,0 c -2.40792,22.4916 -6.68459,45.28461 -10.00632,67.81724 l -0.87727,4.89832 19.17193,0 c 6.86735,-44.46882 8.51679,-53.15237 19.25417,-52.05479 1.73168,-9.13088 4.93005,-17.07845 7.29684,-21.10445 -8.00962,-1.67077 -12.52846,2.88601 -18.38147,11.48748 0.47062,-3.74237 1.30219,-7.34247 1.14227,-11.0438 l -17.60015,0 z' })
|
3934 | )
|
3935 | );
|
3936 | };
|
3937 |
|
3938 | Mastercard.propTypes = {
|
3939 | className: _propTypes2.default.string
|
3940 | };
|
3941 |
|
3942 | exports.default = Mastercard;
|
3943 |
|
3944 | }),
|
3945 |
|
3946 | (function(module, exports, __webpack_require__) {
|
3947 |
|
3948 | "use strict";
|
3949 |
|
3950 |
|
3951 | Object.defineProperty(exports, "__esModule", {
|
3952 | value: true
|
3953 | });
|
3954 |
|
3955 | var _react = __webpack_require__(2);
|
3956 |
|
3957 | var _react2 = _interopRequireDefault(_react);
|
3958 |
|
3959 | var _propTypes = __webpack_require__(0);
|
3960 |
|
3961 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3962 |
|
3963 | var _CardIcon = __webpack_require__(4);
|
3964 |
|
3965 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
3966 |
|
3967 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3968 |
|
3969 | var Maestro = function Maestro(_ref) {
|
3970 | var className = _ref.className;
|
3971 | return _react2.default.createElement(
|
3972 | _CardIcon2.default,
|
3973 | { className: className, box: '0 0 750 471' },
|
3974 | _react2.default.createElement(
|
3975 | 'g',
|
3976 | { fillRule: 'evenodd' },
|
3977 | _react2.default.createElement('path', {
|
3978 | d: 'M 0,40.004771 C 0,17.910746 17.914349,0 39.991937,0 L 710.00806,0 C 732.095,0 750,17.906466 750,40.004771 l 0,390.990459 C 750,453.08925 732.08565,471 710.00806,471 L 39.991937,471 C 17.905,471 0,453.09353 0,430.99523 Z M 703.57762,235.04812 c 0,112.42453 -91.51299,203.89557 -204.04498,203.89557 -46.90013,0 -90.17077,-15.87809 -124.68046,-42.59357 -34.51426,26.71548 -77.76208,42.59357 -124.68092,42.59357 -112.49547,0 -204.006182,-91.47104 -204.006182,-203.89557 0,-112.39579 91.510712,-203.853148 204.006182,-203.853148 46.91884,0 90.16666,15.91733 124.68092,42.60589 34.50969,-26.68856 77.78033,-42.60589 124.68046,-42.60589 112.53199,0 204.04498,91.457358 204.04498,203.853148 z M 499.53264,49.452684 c -41.38058,0 -79.5791,13.549576 -110.48214,36.410494 30.17258,28.034392 51.80334,65.074462 60.68756,106.746022 l -18.69978,0 c -8.71987,-37.28277 -28.72536,-70.25341 -56.1861,-95.107985 -27.44249,24.854575 -47.43884,57.825215 -56.16784,95.107985 l -18.69066,0 C 308.86877,150.93764 330.50866,113.89757 360.65842,85.863178 329.79646,63.00226 291.56143,49.452684 250.17126,49.452684 c -102.56395,0 -185.734171,83.081256 -185.734171,185.595436 0,102.51281 83.170221,185.65428 185.734171,185.65428 41.39017,0 79.6252,-13.56006 110.48716,-36.42053 -26.3468,-24.53066 -46.20162,-55.86303 -56.72939,-91.2662 l 19.11524,0 c 10.1671,30.9423 28.25056,58.26546 51.80791,79.6382 23.61213,-21.37274 41.65907,-48.6959 51.82616,-79.6382 l 19.11067,0 c -10.49124,35.40317 -30.37802,66.73554 -56.73851,91.2662 30.90304,22.86047 69.10156,36.42053 110.48214,36.42053 102.59316,0 185.75152,-83.14147 185.75152,-185.65428 0,-102.51418 -83.15836,-185.595436 -185.75152,-185.595436 z M 371.15422,278.55959 c -7.54657,1.93892 -14.85574,2.89195 -22.5621,2.89195 -24.57086,0 -37.40413,-11.19688 -37.40413,-32.63167 0,-24.97958 16.29839,-43.37233 38.45874,-43.37233 18.09259,0 29.65669,10.3287 29.65669,26.46593 0,5.33178 -0.77612,10.54631 -2.7027,17.96345 l -43.71806,0 c -1.57962,10.4464 6.06282,15.04414 19.07871,15.04414 7.7931,0 14.81922,-1.38461 22.61688,-4.53888 l -3.42403,18.17741 z m -11.77867,-43.41202 c 0,-1.61637 2.42421,-12.82374 -10.21275,-13.07876 -6.98047,0 -11.99782,4.66023 -14.03854,13.07876 l 24.25129,0 z m 31.24544,-4.93442 c 0,9.24018 5.2091,15.64498 17.04712,20.36406 9.03032,3.70994 10.45471,4.77566 10.45471,8.09416 0,4.62465 -3.97187,6.70043 -12.85153,6.66119 -6.66545,-0.0406 -12.75567,-0.86042 -19.90962,-2.85134 l -3.20489,16.81242 c 6.37783,1.49 15.34423,1.99594 23.29712,2.1579 23.58931,0 34.46404,-7.73056 34.46404,-24.42847 0,-10.02441 -4.52429,-15.94106 -15.76425,-20.34809 -9.35446,-3.72454 -10.43189,-4.56945 -10.43189,-7.94817 0,-3.97956 3.70709,-5.99831 10.96147,-5.99831 4.38276,0 10.38624,0.40968 16.09296,1.11179 l 3.1775,-16.97073 c -5.78433,-0.77009 -14.60921,-1.42202 -19.6996,-1.42202 -25.0411,0 -33.71075,11.2466 -33.63314,24.76561 z m -94.20657,50.06227 -18.36423,0 0.44969,-7.69863 c -5.59259,6.02341 -13.0273,8.87475 -23.16381,8.87475 -11.95946,0 -20.1808,-8.18495 -20.1808,-19.92883 0,-17.87449 14.27229,-28.1854 38.78106,-28.1854 2.50548,0 5.73685,0.15329 9.01479,0.52921 0.67249,-2.41474 0.85419,-3.43073 0.85419,-4.73323 0,-4.89564 -3.83766,-6.68993 -14.17778,-6.68993 -10.15614,0.0424 -17.01106,1.5484 -23.3688,3.25738 l 3.12774,-16.39864 c 11.01215,-2.77652 18.22407,-3.85456 26.36323,-3.85456 18.97553,0 29.01936,7.40801 29.01936,21.39556 0.15066,3.71587 -1.15047,11.22744 -1.80332,14.47615 -0.75329,4.78295 -5.99891,32.40173 -6.55132,38.95617 z m -16.10254,-32.6262 c -2.31145,-0.25867 -3.33866,-0.32984 -4.94019,-0.32984 -12.52786,0 -18.84451,3.69808 -18.84451,11.06686 0,4.66525 3.0871,7.51659 7.91636,7.51659 8.97188,0 15.48302,-7.51659 15.86834,-18.25361 z m 203.89935,15.32243 c -1.52484,0.52374 -3.44229,0.7304 -5.94869,0.7304 -5.21822,0 -7.50091,-1.63234 -7.50091,-5.41755 0,-2.36137 6.17695,-33.34655 6.17695,-33.34655 l 11.26736,0 3.01314,-17.82249 -11.20343,0 3.33729,-17.47713 -21.84077,0 c 0,0 -9.77904,52.82145 -10.38623,56.46387 -0.61176,3.6228 -3.38751,16.62355 -3.01315,19.38913 0,10.22194 6.1313,15.96021 17.39865,15.96021 5.04475,0 9.75622,-0.6679 15.76425,-2.32168 l 2.93554,-16.15821 z m 104.61106,-40.12043 c -11.06191,0 -17.95106,13.09154 -17.95106,24.673 0,9.78398 4.68864,16.29736 12.49087,16.19562 10.69668,0 17.46257,-9.789 17.46257,-26.26793 0,-7.49378 -3.0588,-14.60069 -12.00238,-14.60069 z m -7.29547,58.60032 c -24.60282,0 -34.52795,-14.9424 -34.52795,-33.20194 0,-25.5211 16.80515,-42.80206 42.81867,-42.80206 22.59862,0 34.59644,14.22979 34.59644,32.48933 0,30.28627 -18.01042,43.51467 -42.88716,43.51467 z m -76.00441,-74.38763 c -2.77118,22.63965 -7.70635,45.59273 -11.53214,68.23786 l -0.94047,4.97365 22.08273,0 c 7.94833,-43.80163 10.60081,-56.28366 27.25987,-51.87481 0.85829,-2.35041 8.02594,-20.70439 8.02594,-20.70439 -11.60976,-4.27336 -19.10611,1.84311 -25.872,10.46283 0.6072,-3.91888 1.75767,-7.66486 1.47005,-11.09514 l -20.49398,0 z m -267.19602,-16.22619 -35.72408,0 -24.1609,55.34477 -1.81382,-55.34477 -34.3152,0 -16.98275,89.4377 19.93609,0 13.09852,-68.34279 3.64546,68.34279 20.03561,0 30.06028,-68.76159 -13.05744,68.76159 21.96175,0 17.31648,-89.4377 z' })
|
3979 | )
|
3980 | );
|
3981 | };
|
3982 |
|
3983 | Maestro.propTypes = {
|
3984 | className: _propTypes2.default.string
|
3985 | };
|
3986 |
|
3987 | exports.default = Maestro;
|
3988 |
|
3989 | }),
|
3990 |
|
3991 | (function(module, exports, __webpack_require__) {
|
3992 |
|
3993 | "use strict";
|
3994 |
|
3995 |
|
3996 | Object.defineProperty(exports, "__esModule", {
|
3997 | value: true
|
3998 | });
|
3999 |
|
4000 | var _react = __webpack_require__(2);
|
4001 |
|
4002 | var _react2 = _interopRequireDefault(_react);
|
4003 |
|
4004 | var _propTypes = __webpack_require__(0);
|
4005 |
|
4006 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4007 |
|
4008 | var _CardIcon = __webpack_require__(4);
|
4009 |
|
4010 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4011 |
|
4012 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4013 |
|
4014 | var Paypal = function Paypal(_ref) {
|
4015 | var className = _ref.className;
|
4016 | return _react2.default.createElement(
|
4017 | _CardIcon2.default,
|
4018 | { className: className, box: '0 0 780 501' },
|
4019 | _react2.default.createElement('path', { d: 'M622.483,238.885c-4.039-3.597-9.111-5.397-15.212-5.397c-8.071,0-14.838,2.781-20.285,8.343 c-5.454,5.561-8.18,12.382-8.18,20.446c0,6.113,1.963,10.912,5.89,14.396c3.928,3.492,9.049,5.234,15.377,5.234 c7.853,0,14.559-2.726,20.12-8.179c5.562-5.449,8.343-12.104,8.344-19.955C628.536,247.448,626.515,242.485,622.483,238.885z' }),
|
4020 | _react2.default.createElement('path', { d: 'M250.826,238.885c-4.039-3.597-9.11-5.397-15.215-5.397c-8.072,0-14.835,2.781-20.283,8.343 c-5.455,5.561-8.181,12.382-8.181,20.446c0,6.113,1.907,10.912,5.727,14.396c3.813,3.492,8.885,5.234,15.214,5.234 c8.064,0,14.884-2.666,20.447-8.017c5.562-5.338,8.343-12.047,8.343-20.117C256.878,247.448,254.858,242.485,250.826,238.885z' }),
|
4021 | _react2.default.createElement('path', { d: 'M725,0H55C24.673,0,0,24.673,0,55v391c0,30.327,24.673,55,55,55h670c30.325,0,55-24.673,55-55V55 C780,24.673,755.325,0,725,0z M120.777,257.697c-0.654,0-2.183-0.106-4.58-0.324c-2.402-0.217-4.474-0.327-6.217-0.327 c-1.748,0-3.599,0.163-5.562,0.487c-1.963,0.326-3.6,1.04-4.907,2.13c-1.309,1.092-2.076,2.51-2.291,4.254l-5.888,35.985 c-0.44,4.147-2.837,6.216-7.198,6.216H59.27c-1.309,0-2.401-0.543-3.271-1.636c-0.874-1.09-1.202-2.289-0.981-3.6L76.283,167.4 c0.435-4.142,2.725-6.215,6.869-6.215h52.347c13.521,0,24.48,2.894,32.88,8.668c8.395,5.783,12.597,15.107,12.597,27.974 c0,18.761-5.348,33.427-16.032,44.004C154.255,252.412,139.533,257.697,120.777,257.697z M295.481,214.511L282.068,299.9 c-0.654,4.147-3.057,6.216-7.197,6.216h-22.574c-2.836,0-4.253-1.74-4.253-5.234c0-1.961,0.434-4.252,1.309-6.868 c-3.926,4.363-9.161,7.852-15.704,10.469c-6.542,2.615-12.871,3.926-18.975,3.926c-12.652,0-22.737-3.813-30.262-11.451 c-7.525-7.631-11.288-17.881-11.288-30.752c0-15.92,5.505-29.773,16.521-41.551c11.014-11.778,24.374-17.668,40.078-17.668 c14.831,0,25.192,4.367,31.081,13.088c0.655-7.198,2.505-10.798,5.563-10.798h24.864c1.307,0,2.396,0.547,3.27,1.636 C295.37,212.004,295.696,213.202,295.481,214.511z M338.342,339.814H313.15c-2.837,0-4.253-1.416-4.253-4.254 c0-1.742,8.94-14.828,26.826-39.259c-0.219-0.866-2.78-8.505-7.688-22.897c-4.907-14.396-9.487-27.811-13.739-40.245 c-4.252-12.432-6.379-18.863-6.379-19.303c0-1.087,0.434-2.126,1.309-3.106c0.867-0.982,1.848-1.474,2.941-1.474h24.541 c3.704,0,6.102,1.749,7.196,5.236l14.396,49.075l34.679-51.04c1.523-2.175,3.485-3.271,5.889-3.271h25.192 c1.087,0,2.07,0.493,2.945,1.474c0.866,0.98,1.306,2.018,1.306,3.106c0,1.097-0.218,1.857-0.652,2.29l-83.427,120.399 C342.701,338.727,340.74,339.814,338.342,339.814z M492.432,257.697c-0.65,0-2.182-0.106-4.58-0.324 c-2.4-0.217-4.471-0.327-6.214-0.327c-1.749,0-3.601,0.163-5.563,0.487c-1.965,0.326-3.599,1.04-4.907,2.13 c-1.311,1.092-2.074,2.51-2.29,4.254l-5.891,37.949c-0.874,2.836-2.618,4.252-5.234,4.252h-26.826c-1.31,0-2.405-0.543-3.271-1.636 c-0.875-1.09-1.202-2.289-0.98-3.6L447.94,167.4c0.433-4.142,2.833-6.215,7.198-6.215h52.019c13.523,0,24.481,2.894,32.879,8.668 c8.396,5.783,12.597,15.107,12.596,27.974c0,18.761-5.345,33.427-16.031,44.004C525.91,252.412,511.191,257.697,492.432,257.697z M667.141,214.511L653.726,299.9c-0.653,4.147-3.056,6.216-7.194,6.216h-22.576c-2.84,0-4.254-1.74-4.254-5.234 c0-0.866,0.215-2.178,0.655-3.926c0.433-1.744,0.655-2.724,0.655-2.942c-3.714,4.363-8.835,7.852-15.379,10.469 c-6.543,2.615-12.978,3.926-19.301,3.926c-12.653,0-22.74-3.813-30.266-11.451c-7.523-7.631-11.285-17.881-11.285-30.752 c0-15.92,5.505-29.773,16.521-41.551c11.011-11.778,24.373-17.668,40.077-17.668c15.052,0,25.405,4.367,31.083,13.088 c0.653-7.198,2.503-10.798,5.558-10.798h24.866c1.309,0,2.396,0.547,3.271,1.636C667.029,212.004,667.356,213.202,667.141,214.511z M725.05,166.09l-21.266,133.813c-0.441,4.147-2.732,6.216-6.871,6.216h-21.595c-1.307,0-2.402-0.491-3.27-1.472 c-0.874-0.981-1.312-2.013-1.312-3.108l0.328-0.654l21.267-136.099c0.433-2.4,1.849-3.6,4.254-3.6h24.208 c2.833,0,4.255,1.527,4.256,4.58V166.09z' }),
|
4022 | _react2.default.createElement('path', { d: 'M509.774,195.044c-2.617-2.29-5.347-3.65-8.178-4.089c-2.84-0.435-6.657-0.653-11.454-0.653h-5.887 c-2.403,0-3.82,1.2-4.252,3.597l-5.563,35.007l10.47-0.327c9.596,0,16.793-1.635,21.593-4.906c4.796-3.274,7.197-9.488,7.197-18.65 C513.699,200.662,512.393,197.334,509.774,195.044z' }),
|
4023 | _react2.default.createElement('path', { d: 'M137.465,194.064c-3.926-2.504-10.255-3.761-18.975-3.761h-6.219c-2.4,0-3.817,1.2-4.252,3.597 l-5.563,35.007l10.797-0.327c8.505,0,15.048-1.195,19.629-3.598c4.58-2.4,7.412-7.414,8.506-15.049 C142.698,201.865,141.389,196.574,137.465,194.064z' })
|
4024 | );
|
4025 | };
|
4026 |
|
4027 | Paypal.propTypes = {
|
4028 | className: _propTypes2.default.string
|
4029 | };
|
4030 |
|
4031 | exports.default = Paypal;
|
4032 |
|
4033 | }),
|
4034 |
|
4035 | (function(module, exports, __webpack_require__) {
|
4036 |
|
4037 | "use strict";
|
4038 |
|
4039 |
|
4040 | Object.defineProperty(exports, "__esModule", {
|
4041 | value: true
|
4042 | });
|
4043 |
|
4044 | var _react = __webpack_require__(2);
|
4045 |
|
4046 | var _react2 = _interopRequireDefault(_react);
|
4047 |
|
4048 | var _propTypes = __webpack_require__(0);
|
4049 |
|
4050 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4051 |
|
4052 | var _CardIcon = __webpack_require__(4);
|
4053 |
|
4054 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4055 |
|
4056 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4057 |
|
4058 | var Visa = function Visa(_ref) {
|
4059 | var className = _ref.className;
|
4060 | return _react2.default.createElement(
|
4061 | _CardIcon2.default,
|
4062 | { className: className, box: '0 0 750 471' },
|
4063 | _react2.default.createElement(
|
4064 | 'g',
|
4065 | { fillRule: 'evenodd' },
|
4066 | _react2.default.createElement('path', { d: 'M0,40.0047706 C0,17.9107459 17.9143492,0 39.9919369,0 L710.008063,0 C732.095,0 750,17.9064659 750,40.0047706 L750,430.995229 C750,453.089254 732.085651,471 710.008063,471 L39.9919369,471 C17.905,471 0,453.093534 0,430.995229 L0,40.0047706 Z M277.6505,333.6295 L311.0115,137.8675 L364.3705,137.8675 L330.9865,333.6295 L277.6505,333.6295 Z M524.5125,142.6875 C513.9405,138.7215 497.3765,134.4655 476.6895,134.4655 C423.9655,134.4655 386.8255,161.0165 386.5095,199.0695 C386.2125,227.1985 413.0235,242.8905 433.2635,252.2545 C454.0325,261.8495 461.0155,267.9695 460.9165,276.5375 C460.7845,289.6595 444.3305,295.6545 428.9935,295.6545 C407.6365,295.6545 396.2905,292.6875 378.7675,285.3785 L371.8915,282.2665 L364.4025,326.0905 C376.8655,331.5545 399.9115,336.2895 423.8405,336.5345 C479.9295,336.5345 516.3415,310.2875 516.7555,269.6525 C516.9565,247.3835 502.7405,230.4355 471.9565,216.4645 C453.3055,207.4085 441.8835,201.3655 442.0045,192.1955 C442.0045,184.0585 451.6725,175.3575 472.5615,175.3575 C490.0105,175.0865 502.6495,178.8915 512.4975,182.8575 L517.2795,185.1165 L524.5125,142.6875 Z M661.3395,138.0545 L620.1085,138.0545 C607.3355,138.0545 597.7775,141.5405 592.1675,154.2885 L512.9225,333.6915 L568.9535,333.6915 C568.9535,333.6915 578.1155,309.5695 580.1875,304.2735 C586.3105,304.2735 640.7415,304.3575 648.5235,304.3575 C650.1195,311.2105 655.0155,333.6915 655.0155,333.6915 L704.5275,333.6915 L661.3395,138.0545 Z M175.088482,244.366797 C175.089488,244.370031 175.090494,244.373266 175.0915,244.3765 L180.6575,271.5055 L232.8975,138.0105 L289.4185,138.0105 L205.4145,333.3955 L148.9595,333.4605 L101.520801,163.434171 C85.1184477,154.339743 66.4024534,147.029038 45.4725,141.9625 L46.1535,137.8895 L132.1945,137.8895 C143.7835,138.3215 153.1515,142.0205 156.3815,154.4165 L175.088482,244.366796 Z M595.5425,264.2325 C599.9555,252.9535 616.8015,209.5095 616.8015,209.5095 C616.4865,210.0305 621.1815,198.1755 623.8765,190.8255 L627.4835,207.7035 C627.4835,207.7035 637.7005,254.4325 639.8355,264.2315 L595.5425,264.2315 L595.5425,264.2325 Z' })
|
4067 | )
|
4068 | );
|
4069 | };
|
4070 |
|
4071 | Visa.propTypes = {
|
4072 | className: _propTypes2.default.string
|
4073 | };
|
4074 |
|
4075 | exports.default = Visa;
|
4076 |
|
4077 | }),
|
4078 |
|
4079 | (function(module, exports, __webpack_require__) {
|
4080 |
|
4081 | "use strict";
|
4082 |
|
4083 |
|
4084 | Object.defineProperty(exports, "__esModule", {
|
4085 | value: true
|
4086 | });
|
4087 | exports.validateDirection = exports.pulseDirection = exports.pulse = exports.direction = exports.BaseChevron = exports.animated = undefined;
|
4088 |
|
4089 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n transform: translateX(0px) ', ';\n }\n 50% {\n transform: translateX(', ') ', ';\n }\n 100% {\n transform: translateX(0px) ', ';\n }\n '], ['\n 0% {\n transform: translateX(0px) ', ';\n }\n 50% {\n transform: translateX(', ') ', ';\n }\n 100% {\n transform: translateX(0px) ', ';\n }\n ']),
|
4090 | _templateObject2 = _taggedTemplateLiteral(['\n 0% {\n transform: translateY(0px) ', ';\n }\n 50% {\n transform: translateY(-.2rem) ', ';\n }\n 100% {\n transform: translateY(0px) ', ';\n }\n '], ['\n 0% {\n transform: translateY(0px) ', ';\n }\n 50% {\n transform: translateY(-.2rem) ', ';\n }\n 100% {\n transform: translateY(0px) ', ';\n }\n ']),
|
4091 | _templateObject3 = _taggedTemplateLiteral(['\n ', ' 0.75s infinite\n'], ['\n ', ' 0.75s infinite\n']),
|
4092 | _templateObject4 = _taggedTemplateLiteral(['\n width: 12px;\n height: 8px;\n fill:none;\n stroke: ', ';\n stroke-miterlimit:10;\n stroke-width:5px;\n ', '\n cursor: pointer;\n animation: ', ';\n'], ['\n width: 12px;\n height: 8px;\n fill:none;\n stroke: ', ';\n stroke-miterlimit:10;\n stroke-width:5px;\n ', '\n cursor: pointer;\n animation: ', ';\n']);
|
4093 |
|
4094 | var _propTypes = __webpack_require__(0);
|
4095 |
|
4096 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4097 |
|
4098 | var _react = __webpack_require__(2);
|
4099 |
|
4100 | var _react2 = _interopRequireDefault(_react);
|
4101 |
|
4102 | var _styledComponents = __webpack_require__(1);
|
4103 |
|
4104 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4105 |
|
4106 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4107 |
|
4108 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4109 |
|
4110 | 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; }
|
4111 |
|
4112 | var BaseChevron = function BaseChevron(_ref) {
|
4113 | var className = _ref.className,
|
4114 | props = _objectWithoutProperties(_ref, ['className']);
|
4115 |
|
4116 | return _react2.default.createElement(
|
4117 | 'svg',
|
4118 | { className: className, viewBox: '0 0 48 24.12', onClick: props.onClick },
|
4119 | _react2.default.createElement('polyline', { points: '1 1 24 22.75 47 1' })
|
4120 | );
|
4121 | };
|
4122 |
|
4123 | var pulse = function pulse(props) {
|
4124 | if (props.left || props.right) {
|
4125 | return (0, _styledComponents.keyframes)(_templateObject, direction(props), pulseDirection(props), direction(props), direction(props));
|
4126 | } else {
|
4127 | return (0, _styledComponents.keyframes)(_templateObject2, direction(props), direction(props), direction(props));
|
4128 | }
|
4129 | };
|
4130 |
|
4131 | var pulseDirection = function pulseDirection(props) {
|
4132 | if (props.right) {
|
4133 | return '.2rem';
|
4134 | } else if (props.left) {
|
4135 | return '-.2rem';
|
4136 | }
|
4137 | };
|
4138 |
|
4139 | var animated = function animated(props) {
|
4140 | return (0, _styledComponents.css)(_templateObject3, pulse(props));
|
4141 | };
|
4142 |
|
4143 | var direction = function direction(props) {
|
4144 | if (props.down) {
|
4145 | return 'rotate(0deg)';
|
4146 | } else if (props.left) {
|
4147 | return 'rotate(90deg)';
|
4148 | } else if (props.right) {
|
4149 | return 'rotate(-90deg)';
|
4150 | } else if (props.up) {
|
4151 | return 'rotate(180deg)';
|
4152 | }
|
4153 | };
|
4154 |
|
4155 | var Chevron = (0, _styledComponents2.default)(BaseChevron)(_templateObject4, function (props) {
|
4156 | return props.theme.colors.rocketBlue;
|
4157 | }, function (props) {
|
4158 | return 'transform: ' + direction(props) + ';';
|
4159 | }, function (props) {
|
4160 | return props.animated ? animated : '';
|
4161 | });
|
4162 |
|
4163 | var validateDirection = function validateDirection(props, propName, componentName) {
|
4164 | var directions = ['down', 'left', 'right', 'up'];
|
4165 | var propDirections = Object.keys(props).filter(function (key) {
|
4166 | return directions.includes(key);
|
4167 | });
|
4168 | if (!props.ignoreErrors && propDirections.length > 1) {
|
4169 | return new Error('More than one direction prop was supplied to ' + componentName + ', only use one.');
|
4170 | } else if (!props.ignoreErrors && propDirections.length === 0) {
|
4171 | return new Error('No direction prop was supplied to ' + componentName + ', please select one.');
|
4172 | }
|
4173 | return null;
|
4174 | };
|
4175 |
|
4176 | Chevron.propTypes = {
|
4177 | animated: _propTypes2.default.bool,
|
4178 | theme: _propTypes2.default.shape({
|
4179 | colors: _propTypes2.default.shape({
|
4180 | rocketBlue: _propTypes2.default.string.isRequired
|
4181 | })
|
4182 | }),
|
4183 | ignoreErrors: _propTypes2.default.bool,
|
4184 | validateDirection: validateDirection
|
4185 | };
|
4186 |
|
4187 | Chevron.defaultProps = {
|
4188 | ignoreErrors: false
|
4189 |
|
4190 |
|
4191 | };exports.default = Chevron;
|
4192 | exports.animated = animated;
|
4193 | exports.BaseChevron = BaseChevron;
|
4194 | exports.direction = direction;
|
4195 | exports.pulse = pulse;
|
4196 | exports.pulseDirection = pulseDirection;
|
4197 | exports.validateDirection = validateDirection;
|
4198 |
|
4199 | }),
|
4200 |
|
4201 | (function(module, exports, __webpack_require__) {
|
4202 |
|
4203 | "use strict";
|
4204 |
|
4205 |
|
4206 | Object.defineProperty(exports, "__esModule", {
|
4207 | value: true
|
4208 | });
|
4209 | exports.UnstyledGuaranteeIcon = exports.rotate = exports.animation = undefined;
|
4210 |
|
4211 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n transform: rotate(0deg);\n }\n 25% {\n transform: rotate(90deg);\n }\n 50% {\n transform: rotate(180deg);\n }\n 75% {\n transform: rotate(270deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n'], ['\n 0% {\n transform: rotate(0deg);\n }\n 25% {\n transform: rotate(90deg);\n }\n 50% {\n transform: rotate(180deg);\n }\n 75% {\n transform: rotate(270deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n']),
|
4212 | _templateObject2 = _taggedTemplateLiteral(['\n animation: ', ';\n animation-duration: 25s;\n animation-iteration-count: infinite;\n transform-origin: 50% 50%;\n animation-timing-function: linear;\n'], ['\n animation: ', ';\n animation-duration: 25s;\n animation-iteration-count: infinite;\n transform-origin: 50% 50%;\n animation-timing-function: linear;\n']),
|
4213 | _templateObject3 = _taggedTemplateLiteral(['\n width: ', ';\n circle {\n fill: ', ';\n }\n path {\n fill: ', ';\n ', '\n }\n polyline {\n stroke-linecap: round;\n stroke-width: 2;\n fill: none;\n stroke: ', ';\n }\n'], ['\n width: ', ';\n circle {\n fill: ', ';\n }\n path {\n fill: ', ';\n ', '\n }\n polyline {\n stroke-linecap: round;\n stroke-width: 2;\n fill: none;\n stroke: ', ';\n }\n']);
|
4214 |
|
4215 | var _react = __webpack_require__(2);
|
4216 |
|
4217 | var _react2 = _interopRequireDefault(_react);
|
4218 |
|
4219 | var _propTypes = __webpack_require__(0);
|
4220 |
|
4221 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4222 |
|
4223 | var _styledComponents = __webpack_require__(1);
|
4224 |
|
4225 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4226 |
|
4227 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4228 |
|
4229 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4230 |
|
4231 | var UnstyledGuaranteeIcon = function UnstyledGuaranteeIcon(_ref) {
|
4232 | var className = _ref.className;
|
4233 |
|
4234 | return _react2.default.createElement(
|
4235 | 'svg',
|
4236 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 42 42' },
|
4237 | _react2.default.createElement('path', { d: 'M21,2.555c1.389,0,4.005-1.869,5.347-1.509s2.673,3.286,3.876,3.981,4.4.384,5.385,1.366.672,4.182,1.366,5.385,3.621,2.534,3.981,3.876S39.445,19.611,39.445,21s1.809,3.99,1.509,5.347-3.286,2.673-3.981,3.876-.384,4.4-1.366,5.385-4.182.672-5.385,1.366-2.534,3.621-3.876,3.981S22.389,39.445,21,39.445s-4.005,1.869-5.347,1.509-2.673-3.286-3.876-3.981-4.4-.384-5.385-1.366-.672-4.182-1.366-5.385S1.345,27.7,1.046,26.347,2.555,22.389,2.555,21,.686,16.995,1.046,15.653s3.286-2.673,3.981-3.876.384-4.4,1.366-5.385,4.182-.672,5.385-1.366,2.534-3.621,3.876-3.981S19.611,2.555,21,2.555Z' }),
|
4238 | _react2.default.createElement('circle', { cx: '21', cy: '21', r: '14.7' }),
|
4239 | _react2.default.createElement('polyline', { points: '14.629 21.734 18.691 25.483 26.345 17.203' })
|
4240 | );
|
4241 | };
|
4242 |
|
4243 | var rotate = (0, _styledComponents.keyframes)(_templateObject);
|
4244 |
|
4245 | var animation = (0, _styledComponents.css)(_templateObject2, rotate);
|
4246 |
|
4247 | var GuaranteeIcon = (0, _styledComponents2.default)(UnstyledGuaranteeIcon)(_templateObject3, function (props) {
|
4248 | return props.width;
|
4249 | }, function (props) {
|
4250 | return props.theme.colors.white;
|
4251 | }, function (props) {
|
4252 | return props.theme.colors.rocketBlue;
|
4253 | }, function (props) {
|
4254 | return props.animated && animation;
|
4255 | }, function (props) {
|
4256 | return props.theme.colors.rocketBlue;
|
4257 | });
|
4258 |
|
4259 | GuaranteeIcon.propTypes = {
|
4260 | width: _propTypes2.default.string.isRequired
|
4261 | };
|
4262 |
|
4263 | GuaranteeIcon.defaultProps = {
|
4264 | width: '2.5rem'
|
4265 |
|
4266 |
|
4267 | };exports.default = GuaranteeIcon;
|
4268 | exports.animation = animation;
|
4269 | exports.rotate = rotate;
|
4270 | exports.UnstyledGuaranteeIcon = UnstyledGuaranteeIcon;
|
4271 |
|
4272 | }),
|
4273 |
|
4274 | (function(module, exports, __webpack_require__) {
|
4275 |
|
4276 | "use strict";
|
4277 |
|
4278 |
|
4279 | Object.defineProperty(exports, "__esModule", {
|
4280 | value: true
|
4281 | });
|
4282 | exports.UnstyledMailbox = exports.animated = undefined;
|
4283 |
|
4284 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n transform: rotate(0deg);\n }\n 26% {\n transform: rotate(0deg);\n }\n 30% {\n transform: rotate(90deg);\n }\n 33% {\n transform: rotate(100deg);\n }\n 36% {\n transform: rotate(80deg);\n }\n 37% {\n transform: rotate(95deg);\n }\n 39% {\n transform: rotate(85deg);\n }\n 40% {\n transform: rotate(90deg);\n }\n 70% {\n transform: rotate(90deg);\n }\n 90% {\n transform: rotate(90deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n'], ['\n 0% {\n transform: rotate(0deg);\n }\n 26% {\n transform: rotate(0deg);\n }\n 30% {\n transform: rotate(90deg);\n }\n 33% {\n transform: rotate(100deg);\n }\n 36% {\n transform: rotate(80deg);\n }\n 37% {\n transform: rotate(95deg);\n }\n 39% {\n transform: rotate(85deg);\n }\n 40% {\n transform: rotate(90deg);\n }\n 70% {\n transform: rotate(90deg);\n }\n 90% {\n transform: rotate(90deg);\n }\n 100% {\n transform: rotate(0deg);\n }\n']),
|
4285 | _templateObject2 = _taggedTemplateLiteral(['\n animation: ', ';\n animation-duration: 5s;\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n'], ['\n animation: ', ';\n animation-duration: 5s;\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n']),
|
4286 | _templateObject3 = _taggedTemplateLiteral(['\n width: ', ';\n\n .line, .flag circle, .flag .flag-portion, .body {\n fill: none;\n stroke: ', ';\n stroke-miterlimit: 10;\n }\n\n .face, .iris, .outterCircle {\n fill: ', ';\n }\n\n .flag {\n transform: rotate(90deg);\n transform-origin: 51.775% 57.726%;\n ', '\n }\n'], ['\n width: ', ';\n\n .line, .flag circle, .flag .flag-portion, .body {\n fill: none;\n stroke: ', ';\n stroke-miterlimit: 10;\n }\n\n .face, .iris, .outterCircle {\n fill: ', ';\n }\n\n .flag {\n transform: rotate(90deg);\n transform-origin: 51.775% 57.726%;\n ', '\n }\n']);
|
4287 |
|
4288 | var _react = __webpack_require__(2);
|
4289 |
|
4290 | var _react2 = _interopRequireDefault(_react);
|
4291 |
|
4292 | var _propTypes = __webpack_require__(0);
|
4293 |
|
4294 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4295 |
|
4296 | var _styledComponents = __webpack_require__(1);
|
4297 |
|
4298 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4299 |
|
4300 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4301 |
|
4302 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4303 |
|
4304 | var UnstyledMailbox = function UnstyledMailbox(_ref) {
|
4305 | var className = _ref.className;
|
4306 |
|
4307 | return _react2.default.createElement(
|
4308 | 'svg',
|
4309 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 148 148' },
|
4310 | _react2.default.createElement(
|
4311 | 'g',
|
4312 | { className: 'mailbox' },
|
4313 | _react2.default.createElement('path', { className: 'body', d: 'M64.15,54.44c1.5-.69,45.25,2.25,60.25,3.18,23,3.76,22.31,29.88,22.31,29.88v22.31l-83.63.69-17.37,1,.5-38.12C46.4,70.44,48.52,54.81,64.15,54.44Z' }),
|
4314 | _react2.default.createElement('line', { className: 'line', x1: '83.21', y1: '148', x2: '84.08', y2: '110.33' }),
|
4315 | _react2.default.createElement('line', { className: 'line', x1: '89.9', y1: '148', x2: '90.46', y2: '110.33' }),
|
4316 | _react2.default.createElement('line', { className: 'line', x1: '109.71', y1: '148', x2: '111.89', y2: '110.1' }),
|
4317 | _react2.default.createElement('path', { className: 'face', d: 'M123.81,57.5c-9.27,0-20.75,14.33-20.75,28.94v23.89l43.65-.52s-.58-14.56,0-23.48C147.9,68,133.09,57.5,123.81,57.5Zm-8.33,22.08c0-3.26,2-6.41,4.25-6.41S124,76.32,124,79.58s-2.29,5.92-4.5,5.92S115.48,82.85,115.48,79.58Zm9.86,23.23c-5.61.16-6.24-5.51-6.48-10.9l2.44-.13s0,7.72,3.76,8c4.94.44,4.34-8,4.34-8l1.78.22C131.87,94.81,132,102.62,125.34,102.81Zm7.18-17.64c-2.05,0-4.71-2.52-4.71-5.84s2.66-6.16,4.71-6.16,4.38,2.85,4.38,6.16S134.57,85.17,132.52,85.17Z' }),
|
4318 | _react2.default.createElement('circle', { className: 'iris002', cx: '118.33', cy: '80.44', r: '1.19' }),
|
4319 | _react2.default.createElement('circle', { className: 'iris003', cx: '130.46', cy: '79.88', r: '1.31' })
|
4320 | ),
|
4321 | _react2.default.createElement(
|
4322 | 'g',
|
4323 | { className: 'flag' },
|
4324 | _react2.default.createElement('path', { className: 'outterCircle', d: 'M75.57,76.42a7.39,7.39,0,0,0-5.82,1.81A9.33,9.33,0,0,0,67.07,83h1a8.52,8.52,0,0,1,2.32-4,6.15,6.15,0,0,1,4.25-1.59,7.26,7.26,0,0,1,.8,0c3.36.33,9,2.39,9,8,0,3.64-4.86,8.12-8.81,8.12A8.17,8.17,0,0,1,68,87.23H67a9.2,9.2,0,0,0,8.76,7.33c4.49,0,9.81-4.94,9.81-9.12C85.52,79.88,80.52,76.91,75.57,76.42Z' }),
|
4325 | _react2.default.createElement('circle', { cx: '76.63', cy: '85.43', r: '3.67' }),
|
4326 | _react2.default.createElement('polyline', { className: 'flag-portion', points: '73.83 83.05 7.69 82.21 7.69 105.03 23.93 105.54 24.02 86.54 67.27 87.22 73.47 87.31' })
|
4327 | )
|
4328 | );
|
4329 | };
|
4330 |
|
4331 | var animateFlag = (0, _styledComponents.keyframes)(_templateObject);
|
4332 |
|
4333 | var animated = (0, _styledComponents.css)(_templateObject2, animateFlag);
|
4334 |
|
4335 | var MailboxIcon = (0, _styledComponents2.default)(UnstyledMailbox)(_templateObject3, function (props) {
|
4336 | return props.width;
|
4337 | }, function (props) {
|
4338 | return props.theme.colors.rocketBlue;
|
4339 | }, function (props) {
|
4340 | return props.theme.colors.rocketBlue;
|
4341 | }, function (props) {
|
4342 | return props.animate && animated;
|
4343 | });
|
4344 |
|
4345 | MailboxIcon.propTypes = {
|
4346 | animated: _propTypes2.default.bool,
|
4347 | theme: _propTypes2.default.shape({
|
4348 | colors: _propTypes2.default.shape({
|
4349 | rocketBlue: _propTypes2.default.string,
|
4350 | white: _propTypes2.default.string
|
4351 | })
|
4352 | }),
|
4353 | width: _propTypes2.default.string
|
4354 | };
|
4355 |
|
4356 | MailboxIcon.defaultProps = {
|
4357 | width: '7rem'
|
4358 |
|
4359 |
|
4360 | };exports.default = MailboxIcon;
|
4361 | exports.animated = animated;
|
4362 | exports.UnstyledMailbox = UnstyledMailbox;
|
4363 |
|
4364 | }),
|
4365 |
|
4366 | (function(module, exports, __webpack_require__) {
|
4367 |
|
4368 | "use strict";
|
4369 |
|
4370 |
|
4371 | Object.defineProperty(exports, "__esModule", {
|
4372 | value: true
|
4373 | });
|
4374 |
|
4375 | var _templateObject = _taggedTemplateLiteral(['\n .Pencil {\n transform-origin: 50% 50%;\n fill: ', ';\n }\n &:hover {\n ', '\n }\n'], ['\n .Pencil {\n transform-origin: 50% 50%;\n fill: ', ';\n }\n &:hover {\n ', '\n }\n']);
|
4376 |
|
4377 | var _react = __webpack_require__(2);
|
4378 |
|
4379 | var _react2 = _interopRequireDefault(_react);
|
4380 |
|
4381 | var _styledComponents = __webpack_require__(1);
|
4382 |
|
4383 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4384 |
|
4385 | var _SRC = __webpack_require__(3);
|
4386 |
|
4387 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4388 |
|
4389 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4390 |
|
4391 | var Pencil = (0, _styledComponents2.default)(function (_ref) {
|
4392 | var className = _ref.className;
|
4393 |
|
4394 | return _react2.default.createElement(
|
4395 | 'svg',
|
4396 | {
|
4397 | className: className,
|
4398 | version: '1.1',
|
4399 | xmlns: 'http://www.w3.org/2000/svg',
|
4400 | viewBox: '0 0 600 600' },
|
4401 | _react2.default.createElement('path', { className: 'Pencil', d: 'M405.32,170.07L304.6,4.44c0,0-6.49-4.74-13.47,0l-98.17,167.24l-3.04,380.09 c7.38,38.23,36.49,36.92,36.49,36.92c69.07,8.25,89.92,5.21,122.06,3.04c0,0,55.17,0.87,57.83-49.86L405.32,170.07z M268.98,79.16 h60.38c0,0,48.38,78.68,45.61,87.31s-36.81,43.6-36.81,43.6s-6.2,2.17-11.41,0.27s-32.58-36.05-35.62-35.62 c-3.04,0.43-9.5,15.2-27.54,39.13c0,0-11.94-3.89-51.95-34.79L268.98,79.16z M345.92,246.23l-6.05,174.6c0,5.02-4.1,9.12-9.12,9.12 s-14.85,0.62-16.94-14.77l6.05-174.6c2.12-6.35,11.92-3.48,16.94-3.48h0.65C342.47,237.11,345.92,241.22,345.92,246.23z M282.02,420.58c-1.85,7.18-4.5,10-10,10H269c-5.5,0-10-4.5-10-10l-8.05-162.99c0-5.5,4.5-10,10-10h3.02c5.5,0,9.97,4.58,10,10 C273.97,257.59,283.86,413.4,282.02,420.58z M376.28,554.81c-16.94,19.76-104.25,39.42-153.12,11.08 c-21.5-14.33-10.75-54.41-10.75-54.41l173.97-3.58C386.38,507.9,394.52,532.87,376.28,554.81z M388.01,492.26 c-49.52,5.1-125.32,10.32-179.84,0c0,0-1.41-25.19,0-29.54c-3.04-2.17,178.64-2.17,178.64-2.17 C393.98,462.5,388.01,492.26,388.01,492.26z' })
|
4402 | );
|
4403 | })(_templateObject, function (props) {
|
4404 | return props.theme.colors.rocketBlue;
|
4405 | }, function (props) {
|
4406 | return props.animated && _SRC.Wiggle;
|
4407 | });
|
4408 |
|
4409 |
|
4410 | exports.default = Pencil;
|
4411 |
|
4412 | }),
|
4413 |
|
4414 | (function(module, exports, __webpack_require__) {
|
4415 |
|
4416 | "use strict";
|
4417 |
|
4418 |
|
4419 | Object.defineProperty(exports, "__esModule", {
|
4420 | value: true
|
4421 | });
|
4422 |
|
4423 | var _templateObject = _taggedTemplateLiteral(['\n &:hover {\n ', '\n }\n > * {\n fill: ', ';\n }\n'], ['\n &:hover {\n ', '\n }\n > * {\n fill: ', ';\n }\n']);
|
4424 |
|
4425 | var _react = __webpack_require__(2);
|
4426 |
|
4427 | var _react2 = _interopRequireDefault(_react);
|
4428 |
|
4429 | var _styledComponents = __webpack_require__(1);
|
4430 |
|
4431 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4432 |
|
4433 | var _SRC = __webpack_require__(3);
|
4434 |
|
4435 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4436 |
|
4437 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4438 |
|
4439 | var Phone = (0, _styledComponents2.default)(function (_ref) {
|
4440 | var className = _ref.className;
|
4441 |
|
4442 | return _react2.default.createElement(
|
4443 | 'svg',
|
4444 | {
|
4445 | className: className,
|
4446 | version: '1.1',
|
4447 | xmlns: 'http://www.w3.org/2000/svg',
|
4448 | viewBox: '0 0 600 600' },
|
4449 | _react2.default.createElement('path', { className: 'Screen', d: 'M402.99,149.36c-6.52-10.91-203.98-1.14-205.74,14.99c-4.07,37.3,7.44,160.45,7.44,160.45 s2.46,149.01,7.87,147.75c4.5-1.05,61.57-4.46,115.71-4.07c47.78,0.34,93.27,4.5,98.33,3.58c3.81-0.69-5.49-83.46-10.15-149 C410.16,234.48,406.74,155.64,402.99,149.36z M204.26,167.28c11.69-10.35,187.11-18.73,192.38-14.33s4.95,65.45,11.57,154.04 c4.62,61.91,12.56,156.12,9.61,158.06c-3.32,2.19-44.98-2.41-89.54-2.12c-51.76,0.34-107.37,5.14-110.17,1.46 c-2.51-3.3-6.68-138.95-6.68-138.95S197.88,172.93,204.26,167.28z' }),
|
4450 | _react2.default.createElement('path', { className: 'Phone_Body', d: 'M437.31,269.31c-7.45-96.53-8.82-137.57-11.95-189.28c-2.28-8.69-4.13-12.05-8.69-15.64 c-7.18-5.64-9.49-9.57-15.64-11.51c-9.12-2.88-238.48-0.34-246.95,36.05c-6.38,59.36,5.33,137.81,9.12,210.07 c4.06,77.38,4.78,149.5,8.04,195.87c4.67,28.34,15.2,34.1,23.89,45.07c26.39,7.71,233.3-0.77,253.27-8.8 C459.53,526.66,446.68,390.71,437.31,269.31z M188.4,75.25c9.88-2.93,28.44-6.4,35.84-6.95c7.4-0.55,43.37-3.36,69.28-4.13 s100.19-3,102.08-2.82c1.89,0.18,5.77,1.85,8.04,3.48c3.1,2.22,4.93,5.16-0.76,6.84c-0.67,0.2-4.08,0.21-5.54,0.33 c-6.95,0.54-77.96,2.7-85,3.26c-7.63,0.61-21.53,0.32-31.85,1.08c-10.32,0.76-36.72,4.22-32.14,3.7s-17.48,2.31-27.37,3.04 s-20.91,4.04-24.6,5.21c-10.2,3.26-15.25,10.37-18.35,12.38c-2.23,1.45-14.36-6.3-14.39-11.51S178.52,78.18,188.4,75.25z M180.04,509.85c-2.01-3.8-3.95-9.99-4.02-11.84c-0.06-1.69-3.29-93.9-3.58-102.23c0,0.01,0,0.02,0,0.04 c0.35,10.1-8.14-177.66-8.14-177.66s-2.93-34.64-2.82-57.67c0,0-3.69-53-3.69-56.25c0-3.26,0.33-5.86,2.82-6.95 c2.5-1.09,13.19,6.52,15.31,8.04c2.12,1.52,4.28,135.31,4.13,126.19c-0.07-4.07,2.55,43.77,2.55,98.33 c0,11.08,2.16,16.59,2.44,23.95c2.34,61.29,2.39,117.07,2.39,121.3s3.91,20.2,10.86,53C186.12,528.2,182.05,513.65,180.04,509.85z M444.48,520.6c-0.84,1.71-1.41,2.36-5,3.15c-24.11,7.11-84.33,6.79-104.69,8.25c-29.21,4.24-113.59,6.95-118.81,5.86 c-5.21-1.09-8.04-1.74-12.38-8.69c-4.34-6.95-23.64-404.44-19.11-427s74.66-16.83,130.32-21.5s90.14-5.86,96.22-2.17 c6.08,3.69,6.38,5.05,6.73,8.25s0.69,59.29,0.69,59.29S446.39,511.34,444.48,520.6z' }),
|
4451 | _react2.default.createElement('path', { className: 'Button', d: 'M322.11,484.44c-8.71,0-18.33,11.57-18.33,18.08c0,8.47,9.29,18.09,20.36,18.08 c6.52,0,17.92-8.8,17.92-17.76C342.07,496.01,330.99,484.44,322.11,484.44z M324.15,514.09c-5.62,0-14.82-5.54-14.82-11.16 s7.98-12.95,13.6-12.95s13.11,7.33,13.11,12.95S329.77,514.09,324.15,514.09z' }),
|
4452 | _react2.default.createElement('path', { className: 'Heart', d: 'M309.33,274.63c0,0-6.46-32.58-34.7-32.58s-31.08,16.9-28.24,29.97 c9.56,43.87,74.28,94.26,74.28,94.26s40.4-42.57,49.09-68.63c4.39-13.17,11.73-50.39-21.72-49.95S309.33,274.63,309.33,274.63z' }),
|
4453 | _react2.default.createElement('path', { className: 'Buzz_B_001', d: 'M472.14,263.55c3.94-0.54,18.64-10.13,20.46-12.22c1.82-2.09-0.48-6.35-3.76-6.35 s-16.53,10.13-18.73,12.27C467.91,259.4,468.2,264.1,472.14,263.55z' }),
|
4454 | _react2.default.createElement('path', { className: 'Buzz_B_002', d: 'M473.61,305.91c2.33,0.92,21.83,2.14,23.86,0.87c2.04-1.28,2.04-5.35,0-6.78 s-22.45-0.33-24.11,0.94C471.71,302.2,471.27,304.98,473.61,305.91z' }),
|
4455 | _react2.default.createElement('path', { className: 'Buzz_B_003', d: 'M473.15,342.4c-4.02-1.87-1.79-3.12,1.74-3.48c3.53-0.35,25.25,4.48,27.64,6.32 c2.12,1.64,3.07,5.46-0.71,6.28S477.16,344.27,473.15,342.4z' }),
|
4456 | _react2.default.createElement('path', { className: 'Buzz_A_003', d: 'M126.07,351.52c-2.28,0-19.55,12.27-20.42,14.77c-0.87,2.5,0.76,6.95,3.48,6.95 s20.85-13.25,20.85-15.2S128.35,351.52,126.07,351.52z' }),
|
4457 | _react2.default.createElement('path', { className: 'Buzz_A_002', d: 'M126.5,316.33c-1.09,0.29-23.89,0.65-25.63,0c-1.74-0.65-2.06-6.14,0-7.68 c2.06-1.55,24.68,2.82,25.63,3.84C127.45,313.51,127.59,316.04,126.5,316.33z' }),
|
4458 | _react2.default.createElement('path', { className: 'Buzz_A_001', d: 'M126.5,275.93c-1.52,0.87-28.78-3.15-30.84-6.95c-2.06-3.8-2.71-5.65,0-5.65 c2.71,0,29.86,6.95,30.84,8.69C127.48,273.76,128.02,275.07,126.5,275.93z' }),
|
4459 | _react2.default.createElement('path', { className: 'Microphone', d: 'M271.86,125.34c-0.4,3.8-4.24,5.38-6.84,5.67c-4.25,0.48-7.66-2.01-8.2-5.76 c-0.55-3.78,3.34-6.7,7.3-6.84C267.19,118.3,272.08,123.25,271.86,125.34z' }),
|
4460 | _react2.default.createElement('path', { className: 'Speaker', d: 'M290.76,126.02c-4.72,0-9.88-1.09-6.08-5.16c3.8-4.07,41.1-8.58,43.98-7.82 c2.88,0.76,7.66,7.87,4.45,9.29S295.48,126.02,290.76,126.02z' })
|
4461 | );
|
4462 | })(_templateObject, function (props) {
|
4463 | return props.animated && _SRC.Wiggle;
|
4464 | }, function (props) {
|
4465 | return props.theme.colors.rocketBlue;
|
4466 | });
|
4467 |
|
4468 |
|
4469 | exports.default = Phone;
|
4470 |
|
4471 | }),
|
4472 |
|
4473 | (function(module, exports, __webpack_require__) {
|
4474 |
|
4475 | "use strict";
|
4476 |
|
4477 |
|
4478 | Object.defineProperty(exports, "__esModule", {
|
4479 | value: true
|
4480 | });
|
4481 |
|
4482 | var _react = __webpack_require__(2);
|
4483 |
|
4484 | var _react2 = _interopRequireDefault(_react);
|
4485 |
|
4486 | var _propTypes = __webpack_require__(0);
|
4487 |
|
4488 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4489 |
|
4490 | var _PressIcon = __webpack_require__(5);
|
4491 |
|
4492 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
4493 |
|
4494 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4495 |
|
4496 | var Default = function Default(_ref) {
|
4497 | var className = _ref.className;
|
4498 | return _react2.default.createElement(
|
4499 | _PressIcon2.default,
|
4500 | { className: className, box: '0 0 750 472' },
|
4501 | _react2.default.createElement('path', { d: 'M0,462a10,10,0,0,0,10,10H740a10,10,0,0,0,10-10V144H0Z' }),
|
4502 | _react2.default.createElement('path', { d: 'M750,10A10,10,0,0,0,740,0H10A10,10,0,0,0,0,10V73H750Z' })
|
4503 | );
|
4504 | };
|
4505 |
|
4506 | Default.propTypes = {
|
4507 | className: _propTypes2.default.string
|
4508 | };
|
4509 |
|
4510 | exports.default = Default;
|
4511 |
|
4512 | }),
|
4513 |
|
4514 | (function(module, exports, __webpack_require__) {
|
4515 |
|
4516 | "use strict";
|
4517 |
|
4518 |
|
4519 | Object.defineProperty(exports, "__esModule", {
|
4520 | value: true
|
4521 | });
|
4522 |
|
4523 | var _react = __webpack_require__(2);
|
4524 |
|
4525 | var _react2 = _interopRequireDefault(_react);
|
4526 |
|
4527 | var _propTypes = __webpack_require__(0);
|
4528 |
|
4529 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4530 |
|
4531 | var _PressIcon = __webpack_require__(5);
|
4532 |
|
4533 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
4534 |
|
4535 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4536 |
|
4537 | 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; }
|
4538 |
|
4539 | var FastCompany = function FastCompany(_ref) {
|
4540 | var className = _ref.className,
|
4541 | props = _objectWithoutProperties(_ref, ['className']);
|
4542 |
|
4543 | return _react2.default.createElement(
|
4544 | _PressIcon2.default,
|
4545 | { className: className, onClick: function onClick() {
|
4546 | return props.onClick('fast_company');
|
4547 | }, box: '0 0 225 40' },
|
4548 | _react2.default.createElement('path', { className: 'st0', d: 'M108.14,13.99c0,3.53-0.35,14.49-0.35,14.49c0,2.12,0.71,3.06,2.71,3.06v0.94h-7.89v-0.94 c2,0,3.06-0.94,3.06-3.06l0.71-17.9c-0.59-1.41-1.18-1.88-2.71-2V7.75h6.01l6.36,16.73l6.48-16.73h5.42v0.82 c-1.53,0-2.36,0.71-2.36,2.36l0.71,17.32c0,2.59,0.47,3.3,2.59,3.3v0.94h-9.07v-0.94c1.77,0,2.59-0.59,2.47-3.3 c0,0-0.35-12.13-0.47-14.25l-4.36,12.01c-0.59,1.53-1.18,3.3-1.65,5.18l-1.41,0.12c-0.35-1.3-1.3-3.65-1.3-3.65 S109.44,17.41,108.14,13.99L108.14,13.99z' }),
|
4549 | _react2.default.createElement('path', { className: 'st0', d: 'M100.72,32.6c-0.47-0.12-0.94-0.12-1.41-0.12c-0.94,0-2.59,0.47-4.59,0.47c-7.66,0-13.31-4.59-13.31-13.08 c0-7.19,5.3-12.72,13.43-12.72c1.88,0,4,0.35,5.77,1.06c0.35-0.35,0.47-0.59,0.82-0.94h0.71c-0.12,1.3-0.59,5.54-0.59,5.54h-0.71 c-0.47-2.47-1.77-4.12-5.89-4.12c-4.95,0-9.42,3.89-9.42,11.07c0,8.13,4.59,11.66,9.66,11.66c3.3,0,5.3-1.88,6.6-4.24l0.82,0.35 L100.72,32.6L100.72,32.6z' }),
|
4550 | _react2.default.createElement('path', { className: 'st0', d: 'M78.46,12.34h-0.82c-0.12-2.24-0.82-2.94-2.59-2.94h-3.42v18.49c0,3.06,0.59,3.65,2.59,3.65v0.94h-8.83v-0.94 c2,0,2.59-0.59,2.59-3.77V9.4h-3.42c-2.24,0-2.59,0.59-3.18,2.94h-0.82l0.59-5.3l0.59,0.12c0.24,0.59,0.71,0.59,2.12,0.59h11.43 c2.12,0,2.59,0,3.06-0.71h0.71L78.46,12.34L78.46,12.34z' }),
|
4551 | _react2.default.createElement('path', { className: 'st0', d: 'M53.49,33.08c-1.65,0-2.94-0.24-3.89-0.59c-0.94-0.24-1.65-0.59-2-0.82c-0.47,0.47-0.82,1.06-0.82,1.06 l-0.71-0.24l0.59-5.54l0.82,0.12c0.47,2.59,2.24,4.48,5.89,4.48c2.83,0,4.71-2.36,4.71-4.95c0-2.12-0.82-3.18-3.65-5.3 c-0.94-0.59-1.77-1.06-2.47-1.65c-2.59-1.65-4.24-3.53-4.24-6.6c0-3.53,2.94-5.89,6.83-5.89c2.24,0,3.65,0.71,4.12,0.94l0.82-0.94 l0.59,0.12l-0.59,5.06l-0.82-0.12c0-2.36-1.41-3.42-3.77-3.42c-2.24,0-3.89,1.18-3.89,3.42c0,2,1.53,3.3,3.3,4.48 c0.94,0.59,1.65,1.06,2.36,1.53c4.12,2.94,5.07,4.83,5.07,7.66C61.73,30.01,58.55,33.08,53.49,33.08L53.49,33.08z' }),
|
4552 | _react2.default.createElement('path', { className: 'st0', d: 'M40.06,12.34h-0.94c0-2.12-0.94-2.94-2.83-2.94h-5.3v9.31h3.42c1.77,0,2.12-0.94,2.36-2.47h0.82v6.6h-0.82 c-0.24-1.77-0.59-2.47-2.47-2.47h-3.3v7.89c0,2.94,0.71,3.3,2.59,3.3v0.94h-8.95v-0.94c2.24,0,2.59-0.59,2.59-3.3V10.93 c0-1.65-0.71-2.36-2.59-2.36V7.75h12.25c2.12,0,2.59-0.12,2.94-0.82h0.82L40.06,12.34L40.06,12.34z' }),
|
4553 | _react2.default.createElement('path', { className: 'st0', d: 'M167.16,13.76v14.14c0,3.06,0.71,3.65,2.59,3.65v0.94h-13.9v-0.94c1.06,0,2-0.35,2-1.06 c0-0.47-0.12-1.3-0.35-2.12l-1.06-3.42h-7.77c-0.12,0.47-1.53,4.36-1.53,5.42c0,0.94,1.06,1.18,1.77,1.18v0.94h-6.48v-0.94 c1.18,0,2.12-0.12,2.94-2.59l6.01-19.2c-0.35-0.82-0.82-1.06-1.65-1.18V7.75h5.3l6.36,20.14c0.59,2.12,1.18,3.18,2.12,3.65 c1.41-0.47,1.77-0.94,1.77-3.65V10.93c-1.06-1.41-1.18-2.36-3.18-2.36V7.75h6.01l9.89,16.84V11.75c0-2.59-0.59-3.18-2.59-3.18V7.75 h13.19v0.82c-0.82,0-1.53,0.35-1.53,1.18c0,0.59,0.24,1.18,0.47,1.88l3.77,8.13l3.65-7.89c0.59-1.06,0.71-1.65,0.71-2.24 c0-0.71-0.47-1.06-1.53-1.06V7.75h6.24v0.82c-1.53,0-2.47,1.41-3.18,3.06l-4.83,9.89v6.48c0,2.83,0.71,3.53,2.59,3.53v0.94H186 v-0.94c1.88,0,2.59-0.71,2.59-3.53v-5.54l-5.18-10.96c-0.94-2.12-1.3-2.59-1.88-2.94c-1.18,0.47-1.53,1.3-1.53,3.18v18.14 c0,0,0.12,1.41,0.24,3.06l-1.53,0.12L167.16,13.76L167.16,13.76z M152.43,12.58l-3.3,10.72h6.83L152.43,12.58L152.43,12.58z' }),
|
4554 | _react2.default.createElement('path', { className: 'st0', d: 'M137.83,23.3c0,0-1.06,0-1.77,0v5.07c0,2.59,0.71,3.18,2.71,3.18v0.94h-9.07v-0.94c1.88,0,2.59-0.71,2.59-3.3 V11.64c0-2.59-0.71-3.06-2.59-3.06V7.75h6.83c6.6,0,10.48,2,10.48,7.42C147.01,20.82,142.3,23.3,137.83,23.3L137.83,23.3z M136.65,9.4h-0.59v12.13h1.06c3.89,0,5.89-1.77,5.89-6.24C143.01,10.81,141.24,9.4,136.65,9.4L136.65,9.4z' }),
|
4555 | _react2.default.createElement('path', { className: 'st0', d: 'M96.72,27.77c-4.48,0-7.54-3.18-7.54-7.77c0-4.36,3.18-7.77,7.54-7.77c4.24,0,7.42,3.3,7.42,7.77 C104.14,24.36,100.84,27.77,96.72,27.77L96.72,27.77z M96.72,13.64c-3.06,0-4.12,2.94-4.12,6.36c0,3.18,0.94,6.36,4.12,6.36 c3.06,0,4.01-3.18,4.01-6.48C100.72,16.7,99.54,13.64,96.72,13.64L96.72,13.64z' }),
|
4556 | _react2.default.createElement('path', { className: 'st0', d: 'M44.89,26.36v-0.82c1.18,0,1.41-0.35,1.41-0.71c0-0.47-0.12-0.82-0.24-1.18c0,0-0.24-0.94-0.47-1.65H41 l-0.47,1.53c-0.12,0.35-0.24,0.71-0.24,1.18c0,0.47,0.47,0.82,1.18,0.82v0.82h-4.59v-0.82c1.18,0,1.65-0.35,2.12-1.65l3.53-10.6 c-0.12-0.47-0.47-0.82-1.18-0.82v-0.82h3.77c3.06,8.95,3.89,11.31,3.89,11.31c0.59,2,1.18,2.59,2.12,2.59v0.82H44.89L44.89,26.36z M43.24,14.93l-1.77,5.77h3.65L43.24,14.93L43.24,14.93z' })
|
4557 | );
|
4558 | };
|
4559 |
|
4560 | FastCompany.propTypes = {
|
4561 | className: _propTypes2.default.string
|
4562 | };
|
4563 |
|
4564 | exports.default = FastCompany;
|
4565 |
|
4566 | }),
|
4567 |
|
4568 | (function(module, exports, __webpack_require__) {
|
4569 |
|
4570 | "use strict";
|
4571 |
|
4572 |
|
4573 | Object.defineProperty(exports, "__esModule", {
|
4574 | value: true
|
4575 | });
|
4576 |
|
4577 | var _react = __webpack_require__(2);
|
4578 |
|
4579 | var _react2 = _interopRequireDefault(_react);
|
4580 |
|
4581 | var _propTypes = __webpack_require__(0);
|
4582 |
|
4583 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4584 |
|
4585 | var _PressIcon = __webpack_require__(5);
|
4586 |
|
4587 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
4588 |
|
4589 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4590 |
|
4591 | 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; }
|
4592 |
|
4593 | var LATimes = function LATimes(_ref) {
|
4594 | var className = _ref.className,
|
4595 | props = _objectWithoutProperties(_ref, ['className']);
|
4596 |
|
4597 | return _react2.default.createElement(
|
4598 | _PressIcon2.default,
|
4599 | { className: className, onClick: function onClick() {
|
4600 | return props.onClick('la_times');
|
4601 | }, box: '0 0 720 110' },
|
4602 | _react2.default.createElement('path', { d: 'M10.8,83.9' }),
|
4603 | _react2.default.createElement('path', { d: 'M636.6,74.1c-2.8,2.3-8.4,7.3-10.9,9.8c-2.4-2.2-7.4-6.1-10.6-8.4v-0.4c0.9-0.3,1.5-1.1,1.5-3.2V48 c-2.5-1.8-7.2-4.7-9.9-6.4l-2.1,2v29.6l4.2,3.2c0,0-5.9,5.1-8.4,7.6c-2.3-2.2-5.8-4.9-8.9-7.2v-0.3c0.9-0.3,1.5-1.2,1.5-3.3V48 c-2.5-1.8-7.1-4.7-9.8-6.4l-2.6,2.2v29.4l4.2,3.2c0,0-5.7,4.7-8.4,7.5c-2.6-2.3-5.5-4.5-8.9-7.1v-0.2c1-0.4,1.5-1.6,1.5-3V44.6 l-3.5-3.1l-2.7,2.3l-1.1-1.2c2.6-2.2,7.2-6.3,10.9-9.9l7.9,7.1v2l10.7-9.1c3.4,2.4,13.3,8.7,13.3,8.7l10.3-8.7 c3.3,2.6,10.8,7.3,15,9.7v0.4c-1.4,0.4-1.5,2.1-1.5,3.1v26l4.4,3.4l2.6-2.3L636.6,74.1z' }),
|
4604 | _react2.default.createElement('path', { d: 'M562.5,23.4c-2.8,3.9-5,5.7-9.5,5.7c-3,0-5.2-1.4-7.6-4.3l-2.5,2.4l-1.1-1.3l10.8-9.7c3,6.1,6.7,7,9.6,6.9L562.5,23.4z' }),
|
4605 | _react2.default.createElement('path', { d: 'M565.3,74.1c-3,2.6-8.1,7-10.8,9.8c-2.6-2.3-7-5.7-10.5-8.4v-0.3c1-0.4,1.5-1.6,1.5-3V44.6l-3.5-3.1l-2.7,2.3l-1.1-1.2 c2.6-2.2,7.2-6.3,10.9-9.9l9.4,8.4v0.4c-1.1,0.3-1.5,1.1-1.5,3.6V72l4.5,3.2l2.5-2.2L565.3,74.1z' }),
|
4606 | _react2.default.createElement('path', { d: 'M380.5,74.1c-3,2.6-8.1,7-10.8,9.8c-2.6-2.3-7-5.7-10.5-8.4v-0.3c1-0.4,1.5-1.6,1.5-3V27.4l-3.5-3.1l-2.7,2.3l-1.1-1.2 c2.6-2.2,6.7-6.2,10.4-9.8l10,8.4v0.4c-1.1,0.3-1.5,1.1-1.5,3.6V72l4.5,3.2l2.6-2.2L380.5,74.1z' }),
|
4607 | _react2.default.createElement('path', { d: 'M277,74.1c-2.8,2.3-8.3,7.3-10.8,9.8c-2.4-2.2-7.4-6.1-10.5-8.4v-0.4c0.9-0.3,1.5-1.1,1.5-3.2V48c-2.5-1.8-7.1-4.7-9.8-6.4 c-0.5,0.4-2,1.7-2.6,2.2v29.4l4.2,3.2c0,0-5.8,4.7-8.5,7.5c-2.6-2.3-5.4-4.5-8.8-7.1v-0.2c1-0.4,1.5-1.6,1.5-3V44.6l-3.6-3.2 l-2.6,2.3l-1.2-1.2c2.6-2.2,7.3-6.2,11-9.8l7.9,7.1v2l10.7-9.1c3.3,2.6,10.7,7.3,14.9,9.7v0.4c-1.4,0.4-1.5,2.1-1.5,3.1v26l4.5,3.3 l2.5-2.3L277,74.1z' }),
|
4608 | _react2.default.createElement('path', { d: 'M708.6,71.4c-6.7,2.9-16.5,8.2-21.2,12.5c-2.4-2.3-5.6-4.5-9.8-4.5c-3.9,0-5.8,1.4-5.8,2.8c0,0.8,1.6,0.7,1.6,1.9 c0,0.6-0.4,1.2-1.2,1.2c-0.9,0-2.1-1.3-2.1-3c0-3.1,1.6-5.8,6.5-10.9l8.6-9c-3.6-1.8-8.7-4.1-11.6-5.4v-0.4 c0.8-0.2,1.4-1.1,1.4-2.1V47c0-0.8-0.4-2.1-1.4-2.4v-0.4c7.3-2.6,16.5-7.8,21.8-11.5c1.2,1.3,4.3,4.1,7.6,4.1 c2.8,0,3.5-1.4,3.5-2.4c0-0.6-1.1-0.9-1.1-1.7c0-0.7,0.4-1.1,1-1.1c0.8,0,1.5,0.8,1.5,2.4c0,4.7-4.4,10.8-11.4,10.8 c-4.6,0-7.4-2.4-9.6-5.4l-0.2,0.1v11.6l6.3,3.1l2.9-3c3,1.9,9.3,5.2,12.6,6.6v0.3c-0.6,0.3-1.5,1-1.5,2.4v8.2 c0,1.2,0.9,1.9,1.5,2.2V71.4z M695.6,76.8V62.9c-1.6-0.8-4.1-1.9-5.8-2.7L676.5,74l0.4,0.1c2-1.1,3.8-2.5,8-2.5 c4.2,0,8.5,3.1,10.6,5.3L695.6,76.8z' }),
|
4609 | _react2.default.createElement('path', { d: 'M670.7,48.5l-20.5,12.8v8.7c2.6,1.1,8.4,3.9,11.1,5.8l4.4-4.5c1.2-1.2,0.8-3.3,3-3.3c0.6,0,1.1,0.4,1.1,1.1 c0,0.7-0.5,1.1-0.9,1.4l-13.4,13.3c-4.6-2.9-13.9-7.2-18.4-9.1v-0.4c0.7-0.3,1.6-0.8,1.6-2.7V47.4c0-2-0.8-2.6-1.6-2.8v-0.4 c6.9-2.2,17.5-7.9,22.5-11.4C662.9,38,667.4,44.4,670.7,48.5z M659.9,53.4c-2.4-3.4-6.7-9.5-9.4-13.4l-0.3,0.1v19.5L659.9,53.4z' }),
|
4610 | _react2.default.createElement('path', { d: 'M540.3,18.5c0,7-5.1,10.5-10.6,11.5v43.5c7-3.9,8.4-8.2,8.4-10.2c0-0.4-0.9-1-0.9-1.8c0-0.6,0.7-1.2,1.2-1.2 c0.8,0,1.2,0.7,1.2,2c0,10.1-9.7,23.7-30.2,23.7c-15.4,0-28.5-12.1-28.5-27.7c0-22.3,18.7-30,31.7-30.8c-4.8-1-12.4-2.7-18.7-2.7 c-7.3,0-13.3,4.4-13.3,8.3c0,1.5,1.2,1.7,1.2,2.8c0,0.6-0.3,1.2-1.1,1.2c-1.2,0-1.6-1.3-1.6-2.2c0-8.5,5.5-20.5,18.2-20.5 c12.9,0,22.8,4.7,32.8,4.7c6.7,0,8.7-2.4,8.4-6.2l1.1,0.5C539.8,13.9,540.3,15.9,540.3,18.5z M528.3,74.1V30.2 c-0.5,0-1.4,0.1-1.9,0.1c-3,0-8.2-1.2-11.5-2.1c-10,1.8-21.7,10.3-21.7,26.2c0,13.6,9.7,22.4,23.5,22.4 C521.3,76.8,525.4,75.8,528.3,74.1z' }),
|
4611 | _react2.default.createElement('path', { d: 'M453.9,71.4c-6.7,2.9-16.5,8.2-21.2,12.5c-2.4-2.3-5.6-4.5-9.8-4.5c-3.9,0-5.8,1.4-5.8,2.8c0,0.8,1.6,0.7,1.6,1.9 c0,0.6-0.4,1.2-1.2,1.2c-0.9,0-2.1-1.3-2.1-3c0-3.1,1.6-5.8,6.5-10.9l8.6-9c-3.6-1.8-8.7-4.1-11.6-5.4v-0.4 c0.8-0.2,1.4-1.1,1.4-2.1V47c0-0.8-0.4-2.1-1.4-2.4v-0.4c7.3-2.6,16.5-7.8,21.8-11.5c1.2,1.3,4.3,4.1,7.6,4.1 c2.8,0,3.5-1.4,3.5-2.4c0-0.6-1.1-0.9-1.1-1.7c0-0.7,0.4-1.1,1-1.1c0.8,0,1.5,0.8,1.5,2.4c0,4.7-4.4,10.8-11.4,10.8 c-4.6,0-7.4-2.4-9.6-5.4l-0.2,0.1v11.6l6.3,3.1l2.9-3c3,1.9,9.3,5.2,12.6,6.6v0.3c-0.6,0.3-1.5,1-1.5,2.4v8.2 c0,1.2,0.9,1.9,1.5,2.2V71.4z M440.8,76.8V62.9c-1.6-0.8-4.1-1.9-5.8-2.7L421.7,74l0.4,0.1c2-1.1,3.8-2.5,8-2.5 c4.2,0,8.5,3.1,10.6,5.3L440.8,76.8z' }),
|
4612 | _react2.default.createElement('path', { d: 'M416.1,48.5l-20.4,12.8v8.7c2.6,1.1,8.4,3.9,11.1,5.8l4.4-4.5c1.2-1.2,0.8-3.3,3-3.3c0.6,0,1,0.4,1,1.1 c0,0.7-0.5,1.1-0.9,1.4L401,83.9c-4.6-2.9-13.9-7.2-18.4-9.1v-0.4c0.7-0.3,1.5-0.8,1.5-2.7V47.4c0-2-0.7-2.6-1.5-2.8v-0.4 c6.9-2.2,17.5-7.9,22.5-11.4C408.4,38,412.8,44.4,416.1,48.5z M405.4,53.4C403,50.1,398.6,44,396,40l-0.3,0.1v19.5L405.4,53.4z' }),
|
4613 | _react2.default.createElement('path', { d: 'M357.7,48.5l-20.4,12.8v8.7c2.6,1.1,8.4,3.9,11.1,5.8l4.4-4.5c1.2-1.2,0.7-3.3,2.9-3.3c0.6,0,1.1,0.4,1.1,1.1 c0,0.7-0.5,1.1-0.9,1.4l-13.3,13.3c-4.6-2.9-13.9-7.2-18.4-9.1v-0.4c0.7-0.3,1.5-0.8,1.5-2.7V47.4c0-2-0.7-2.6-1.5-2.8v-0.4 c6.9-2.2,17.5-7.9,22.5-11.4C350,38,354.4,44.4,357.7,48.5z M346.8,53.4c-2.4-3.4-6.7-9.5-9.4-13.4l-0.2,0.1v19.5L346.8,53.4z' }),
|
4614 | _react2.default.createElement('path', { d: 'M320.9,80c-0.3,11-5.7,18.5-15.9,18.5c-8,0-13.9-4.1-21.2-4.1c-4.2,0-6.6,1.3-7.8,2.8l-0.5-0.3c0.4-8,6.1-12.4,13.2-12.4 c7.9,0,13.7,5.1,22.1,5.1c5.4,0,8.1-2.8,8.6-5.7l-0.1-0.2c-1.1,0.7-2.5,1.5-4.7,1.5c-4.3,0-9-3-9.8-8.3c-2.1,1.4-6.7,5-8.7,6.8 c-5.1-3.3-13.2-7.4-17.2-9.1v-0.4c0.8-0.3,1.3-1.3,1.3-2.3V47.3c0-1.5-0.5-2.5-1.5-2.7v-0.4c7.3-2.7,16.8-7.6,21.9-11.6 c4.4,3.5,12.5,8.4,17.2,11.1v0.5c-1,0.4-1.5,1.1-1.5,3.5v26.7c0,3.4,0.3,5.8,2.8,5.8c0.4,0,0.9-0.3,1.2-0.8L320.9,80z M304.7,75.5 V48.4c-3.4-1.9-8.9-5.7-12.6-8.9l-0.2,0.1v30.3c3.4,1.6,8.9,4.8,11.4,6.7L304.7,75.5z' }),
|
4615 | _react2.default.createElement('path', { d: 'M230.6,73.4l-11.3,10.5c-3.3-2.3-6.1-4.2-10.3-6.8v-0.5c0.9-0.3,1.4-1.3,1.4-2.4c0-0.5,0-1-0.2-1.5l-3.4-10.6h-23.3 l-3.1,8.8c4.8,0,7.6,0.7,10,1.7l2-3.7l1.4,0.8L186.2,84c-3.1-1.8-6.6-3.2-10.7-3.2c-4.7,0-8.3,1.2-10.1,2.9 c-0.3,0.3-0.9,0.2-0.7-0.5c1.9-6.7,6.7-11.7,14-12.2L195,26.1c-1.8-5.3-3.8-6.3-7.9-6.3c-3.8,0-7.5,1.8-7.5,6.4 c0,2.2,2.1,2,2.1,3.6c0,0.6-0.5,1.2-1.2,1.2c-1.4,0-2.3-1.8-2.3-5.5c0-8.2,6.2-13.1,13.1-13.1c6.2,0,8.7,2.4,10.6,5 c0.6-2.4,3.1-3.5,4.9-3.8l0.2,0.3c-1.2,1.4-1.8,2.7-1.8,4.5c0,0.9,0.7,3.1,1,3.8l17.5,50.5l3.2,2l2.7-2.5L230.6,73.4z M204.6,55.5 l-8.9-27.3L186,55.5H204.6z' }),
|
4616 | _react2.default.createElement('path', { d: 'M145.8,71.4c-6.7,2.9-16.4,8.2-21.1,12.5c-2.4-2.3-5.7-4.5-9.9-4.5c-3.9,0-5.7,1.4-5.7,2.8c0,0.8,1.6,0.7,1.6,1.9 c0,0.6-0.5,1.2-1.2,1.2c-0.9,0-2.1-1.3-2.1-3c0-3.1,1.7-5.8,6.6-10.9l8.6-9c-3.6-1.8-8.8-4.1-11.7-5.4v-0.4 c0.8-0.2,1.5-1.1,1.5-2.1V47c0-0.8-0.5-2.1-1.5-2.4v-0.4c7.3-2.6,16.5-7.8,21.8-11.5c1.2,1.3,4.3,4.1,7.6,4.1 c2.8,0,3.5-1.4,3.5-2.4c0-0.6-1-0.9-1-1.7c0-0.7,0.3-1.1,0.9-1.1c0.8,0,1.6,0.8,1.6,2.4c0,4.7-4.5,10.8-11.5,10.8 c-4.6,0-7.4-2.4-9.6-5.4l-0.2,0.1v11.6l6.4,3.1l2.9-3c3,1.9,9.2,5.2,12.5,6.6v0.3c-0.6,0.3-1.4,1-1.4,2.4v8.2 c0,1.2,0.8,1.9,1.4,2.2V71.4z M132.7,76.8V62.9c-1.6-0.8-4-1.9-5.7-2.7L113.6,74l0.5,0.1c2-1.1,3.8-2.5,8-2.5 c4.2,0,8.4,3.1,10.5,5.3L132.7,76.8z' }),
|
4617 | _react2.default.createElement('path', { d: 'M106.1,71.4c-5.8,2.4-17,8.2-21.8,12.5c-5.1-3.7-12.5-8.6-17.3-11.3v-0.3c1.2-0.4,1.5-1.3,1.5-2.8V47.7 c0-2-0.5-2.7-1.5-3.1v-0.4C75,41.3,82.6,37.1,89,32.7c4.4,3.3,12.1,8.1,17.2,11.1v0.4c-0.9,0.4-1.5,1.3-1.5,2.8v21.6 c0,1.6,0.6,2.1,1.5,2.4V71.4z M93,76.9V48.4c-4-2.2-9.8-6.5-12.6-8.9l-0.2,0.1v29.1c3.8,2.1,9.5,5.7,12.6,8.4L93,76.9z' }),
|
4618 | _react2.default.createElement('path', { d: 'M66.5,69.1l-8.2,15.1c-4.4-3.1-11.5-5-17.6-5c-11.9,0-20.2,2.1-24.4,4.8l-0.5-0.6C19.7,80.1,26,74.8,26,62.7 c0-5.1-2.1-10.9-3.6-14.7c-1.7-4.4-3.1-6.7-3.1-12.9c0-10.7,5.7-16.7,14.8-21.3l0.8,0.9c-3.1,2.6-4.6,5.9-5.1,9.3l14.5-12.1 c3.7,5.2,7.2,7.2,11.7,7.2c3.7,0,4.8-1.7,4.8-3c0-1-1.2-1.1-1.2-2c0-0.9,0.6-1.2,1.2-1.2c1.1,0,1.7,1.5,1.7,2.6 c0,7.3-6.1,12.7-12.6,12.7c-1.1,0-2,0.1-2.7,0v40.2c5.6,0,11.4,1.7,15.6,3.8l2.2-3.8L66.5,69.1z M45.8,68.4V28 c-5.7-0.6-8.6-4.8-10.5-7l-5.5,4.4c0,6.1,1.8,11.5,3.9,16.4c1.9,4.5,4,10.3,4,14.3c0,6.6-3.7,10.8-12.4,19l0.3,0.3 C30.9,71.5,38.8,68.5,45.8,68.4z' }),
|
4619 | _react2.default.createElement('path', { d: 'M524.5,34.1c0,0.6-0.7,1.1-1.2,1.1c-0.7,0-1.4-1.4-3.5-1.4c-3.1,0-5.6,2.6-5.6,5.7c0,8,7.9,11.3,7.9,20.4 c0,7.7-7.5,12.1-15.3,13.2l-1.4-1.1c4.3-0.6,6.2-2,6.2-7.2c0-7-7.2-12.7-7.2-20.9c0-6.7,6.2-11.8,14.8-11.8c1.7,0,3.3,0.5,4.2,1 C524.1,33.2,524.5,33.5,524.5,34.1z' })
|
4620 | );
|
4621 | };
|
4622 |
|
4623 | LATimes.propTypes = {
|
4624 | className: _propTypes2.default.string
|
4625 | };
|
4626 |
|
4627 | exports.default = LATimes;
|
4628 |
|
4629 | }),
|
4630 |
|
4631 | (function(module, exports, __webpack_require__) {
|
4632 |
|
4633 | "use strict";
|
4634 |
|
4635 |
|
4636 | Object.defineProperty(exports, "__esModule", {
|
4637 | value: true
|
4638 | });
|
4639 |
|
4640 | var _react = __webpack_require__(2);
|
4641 |
|
4642 | var _react2 = _interopRequireDefault(_react);
|
4643 |
|
4644 | var _propTypes = __webpack_require__(0);
|
4645 |
|
4646 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4647 |
|
4648 | var _PressIcon = __webpack_require__(5);
|
4649 |
|
4650 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
4651 |
|
4652 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4653 |
|
4654 | 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; }
|
4655 |
|
4656 | var NewYorkTimes = function NewYorkTimes(_ref) {
|
4657 | var className = _ref.className,
|
4658 | props = _objectWithoutProperties(_ref, ['className']);
|
4659 |
|
4660 | return _react2.default.createElement(
|
4661 | _PressIcon2.default,
|
4662 | { className: className, onClick: function onClick() {
|
4663 | return props.onClick('new_york_times');
|
4664 | }, box: '0 0 620 100' },
|
4665 | _react2.default.createElement('path', { d: 'M34.3,54.9V32.88l-6.62,2.95c0,0-1.69,3.78-1.39,9.27c0.23,4.29,2.63,9.41,4.47,11.56L34.3,54.9 M53.69,9.57 c1.63,0.14,4.2,0.95,6.13,2.64c2.05,1.99,2.52,5.02,1.8,7.77c-0.64,2.45-1.36,3.72-3.86,5.41c-2.53,1.7-5.58,1.56-5.58,1.56v10.61 l5.16,4.18l-5.16,4.17l0,14.45c0,0,5.17-2.96,8.38-9.6c0,0,0.13-0.36,0.43-1.04c0.29,1.78,0.12,5.38-1.89,10 c-1.52,3.48-4.27,6.83-7.73,8.74c-6.13,3.4-10.72,3.72-15.65,2.7c-5.77-1.19-11.01-4.43-14.58-10.08 c-2.51-3.97-3.64-8.61-3.53-13.59c0.2-9.78,7.48-18.22,15.88-21.37c1.02-0.38,1.43-0.64,2.88-0.77c-0.67,0.46-1.44,1.04-2.39,1.67 c-2.71,1.78-5.02,5.32-6.01,8.04l16.31-7.27v22.8l-13.15,6.59c1.5,2.08,6.05,5.22,9.95,5.67c6.62,0.73,10.51-2.16,10.51-2.16 l0-14.77l-5.13-4.17l5.14-4.17V26.95c-2.8-0.32-6.2-1.25-8.19-1.74c-2.92-0.72-12.68-3.46-14.21-3.69 c-1.53-0.23-3.42-0.16-4.56,0.86c-1.14,1.03-1.85,2.84-1.37,4.48c0.27,0.92,0.91,1.46,1.39,1.99c0,0-0.56-0.05-1.58-0.66 c-1.84-1.1-3.24-3.27-3.41-5.93c-0.22-3.49,1.22-6.64,4.1-8.75c2.5-1.61,5.33-2.64,8.63-2.17c4.8,0.68,11.26,3.4,17.01,4.78 c2.23,0.54,3.95,0.72,5.52-0.19c0.73-0.53,2.01-1.88,0.96-3.69c-1.22-2.11-3.57-2.06-5.56-2.44C52.02,9.45,52.4,9.45,53.69,9.57z'
|
4666 | }),
|
4667 | _react2.default.createElement('path', { d: 'M117.14,49.16l-7.41,5.43V36.53L117.14,49.16 M116.93,31.82c0,0-5,3.03-8.36,5.03c-3.36,1.99-7.87,4.19-7.87,4.19v21.01 l-3,2.41l0.4,0.47l2.93-2.36l9.19,8.31l15.97-12.65l-0.38-0.46l-8.83,6.93l-7.25-6.79l0-2.53l14.57-10.72L116.93,31.82z' }),
|
4668 | _react2.default.createElement('path', { d: 'M75.07,78.77c2.1,0.52,5.8,0.8,10.26-1.43c4.94-2.47,7.42-7.72,7.39-13.1l0.21-7.62l0-16.65l3.16-2.41l-0.37-0.47 l-3.11,2.34l-7.17-7.97l-9.2,7.9V12.51L64.75,21.4c0.51,0.32,2.14,0.62,2.19,2.92v37.6l-4.87,3.61l0.33,0.5l2.35-1.75l6.54,6.09 l10.3-8.2l-0.37-0.47l-2.42,1.92l-2.56-2.54l0.02-20.95l3-2.56l4.48,5.56c0,0-0.01,13.57,0,18.07c-0.03,4.8-0.05,10.79-2.57,13.68 C78.65,77.78,77.64,78.01,75.07,78.77' }),
|
4669 | _react2.default.createElement('path', { d: 'M146.58,76.87c-4.12-0.47-5.84-2.96-5.8-4.93c0.03-1.26,1.18-3.73,3.68-4.07c2.5-0.35,5.06,0.83,7.22,3.36l9.51-10.5 l-0.46-0.41l-2.55,2.86c-2.59-2.95-6.28-4.81-9.94-5.35v-32l24.69,44.98c0,0,0.24,0.52,1.25,0.52c0.87,0,0.66-0.71,0.66-0.71 l0-45.27c2.01-0.08,5.07-1.19,6.56-2.71c4.75-4.89,2.81-10.22,2.29-10.73c-0.29,2.33-2.08,4.67-5.07,4.68 c-3.92,0.01-6.31-2.88-6.31-2.88l-9.5,10.83l0.45,0.41l2.72-3.11c3.32,3.06,5.75,3.35,8.26,3.52l0,26.27l-18.32-33.28 c-1.66-2.75-4.18-5.16-8.14-5.2c-4.55-0.02-7.81,3.99-8.2,7.44c-0.44,3.9,0.05,4.8,0.05,4.8s0.67-4.35,3.36-4.31 c2.42,0.04,3.67,2.26,4.64,3.93v9.64c-2.49,0.17-8.98,0.46-9.37,7.2c-0.03,2.51,1.53,5.14,2.89,6.03c1.75,1.15,3.12,1.13,3.12,1.13 s-2.1-1.12-1.47-3.33c0.56-1.98,4.68-2.3,4.83-1.48l0,13.6c-1.98-0.02-8.33,0.19-11.19,5.63c-1.73,3.29-1.62,6.96,0.22,9.55 C138.16,75.08,141.25,77.78,146.58,76.87' }),
|
4670 | _react2.default.createElement('path', { d: 'M198.94,49.16l-7.41,5.43V36.53L198.94,49.16 M198.73,31.82c0,0-5,3.03-8.36,5.03c-3.36,1.99-7.86,4.19-7.86,4.19v21.01 l-3.01,2.41l0.4,0.47l2.93-2.36l9.19,8.31l15.97-12.65l-0.38-0.46l-8.83,6.93l-7.26-6.79l0-2.53l14.57-10.72L198.73,31.82z' }),
|
4671 | _react2.default.createElement('path', { d: 'M221.05,71.02l-7.83-6.51l-3.44,2.5l-0.35-0.49l3.5-2.56V45.78c0.17-7.49-6.86-5.63-6.48-13.58 c0.17-3.49,3.55-6.13,5.26-7.01c1.83-0.92,3.8-0.92,3.8-0.92s-3.21,2-2.43,4.89c1.2,4.44,8.79,4.84,8.94,10.76v20.64l5.61,4.49 l1.47-1.15V41.54l-3.02-3l7.78-6.89l7.11,6.3l-2.71,2.94v19.8l6.66,5.5l1.18-0.76V41.6l-3.03-2.83l7.8-7.13l7.29,6.03l2.91-2.58 l0.39,0.46l-6.56,5.76v19.42l-16.77,10.35l-8.58-6.79L221.05,71.02' }),
|
4672 | _react2.default.createElement('path', { d: 'M564.42,49.16l-7.41,5.43V36.53L564.42,49.16 M564.21,31.82c0,0-5,3.03-8.36,5.03c-3.36,1.99-7.87,4.19-7.87,4.19v21.01 l-3.01,2.41l0.4,0.47l2.93-2.36l9.19,8.31l15.97-12.65l-0.38-0.46l-8.83,6.93l-7.26-6.79v-2.53l14.57-10.72L564.21,31.82z' }),
|
4673 | _react2.default.createElement('polyline', { points: '489.23,40.6 489.62,41.06 492.63,38.47 497.1,43.52 497.1,60.88 494.93,62.86 501.89,70.72 509.02,63.69 506.09,60.65 506.09,39.65 507.87,38.24 512.8,44 512.8,61.31 510.95,63.16 517.5,70.53 524.5,63.52 521.93,60.82 521.86,39.74 523.75,38.2 528.9,43.87 528.9,61.08 527.21,62.78 534.44,70.66 544.15,61.7 543.74,61.25 541.38,63.42 537.77,59.41 537.77,39.76 541.26,37.11 540.89,36.63 537.4,39.28 530.79,31.88 521.34,39.34 514.73,32.14 505.6,39.28 498.92,32.18 489.23,40.6 ' }),
|
4674 | _react2.default.createElement('polyline', { points: '469.46,40.06 469.85,40.52 472.4,38.32 476.37,43.03 476.37,62.87 473.57,65.32 473.96,65.78 476.9,63.27 483.31,70.66 492.58,62.39 492.18,61.94 489.46,64.34 485.63,59.92 485.63,40.52 488.86,37.72 488.47,37.27 485.4,39.91 478.65,32.04 469.46,40.06 ' }),
|
4675 | _react2.default.createElement('polyline', { points: '472.13,23.63 479.11,17.24 484.78,23.53 477.77,29.9 472.13,23.63 ' }),
|
4676 | _react2.default.createElement('path', { d: 'M443.37,54.9V32.88l-6.62,2.95c0,0-1.69,3.78-1.39,9.27c0.23,4.29,2.63,9.41,4.47,11.56L443.37,54.9 M462.75,9.57 c1.63,0.14,4.2,0.95,6.13,2.64c2.05,1.99,2.52,5.02,1.8,7.77c-0.64,2.45-1.36,3.72-3.86,5.41c-2.52,1.7-5.58,1.56-5.58,1.56v10.61 l5.16,4.18l-5.16,4.17v14.45c0,0,5.17-2.96,8.38-9.6c0,0,0.13-0.36,0.43-1.04c0.29,1.78,0.12,5.38-1.89,10 c-1.52,3.48-4.27,6.83-7.73,8.74c-6.13,3.4-10.72,3.72-15.65,2.7c-5.77-1.19-11.01-4.43-14.58-10.08 c-2.51-3.97-3.64-8.61-3.54-13.59c0.2-9.78,7.48-18.22,15.88-21.37c1.02-0.38,1.43-0.64,2.88-0.77c-0.67,0.46-1.44,1.04-2.39,1.67 c-2.71,1.78-5.02,5.32-6.01,8.04l16.3-7.27v22.8l-13.15,6.59c1.5,2.08,6.05,5.22,9.95,5.67c6.62,0.73,10.51-2.16,10.51-2.16V45.91 l-5.13-4.17l5.13-4.17V26.95c-2.8-0.32-6.2-1.25-8.19-1.74c-2.93-0.72-12.68-3.46-14.21-3.69c-1.53-0.23-3.42-0.16-4.56,0.86 c-1.14,1.03-1.85,2.84-1.37,4.48c0.28,0.92,0.91,1.46,1.39,1.99c0,0-0.56-0.05-1.58-0.66c-1.84-1.1-3.24-3.27-3.41-5.93 c-0.21-3.49,1.22-6.64,4.1-8.75c2.5-1.61,5.33-2.64,8.63-2.17c4.8,0.68,11.26,3.4,17.01,4.78c2.23,0.54,3.95,0.72,5.52-0.19 c0.73-0.53,2.01-1.88,0.96-3.69c-1.22-2.11-3.57-2.06-5.56-2.44C461.09,9.45,461.47,9.45,462.75,9.57z' }),
|
4677 | _react2.default.createElement('path', { d: 'M584.99,35.87v10.43l3.47,3.02c0,0,7.54-6.04,10.28-11.63c0,0-3.39,4.6-7.95,3.19C586.97,39.73,584.99,35.87,584.99,35.87 M576.57,63.53c0,0,3.3-5.46,8.98-4.29c5.44,1.13,7.33,6.88,7.33,6.88V52.88l-3.8-3.3C584.91,53.77,577.49,59.83,576.57,63.53z M581.98,73.58c-1.06,0.31-5.66-0.8-6.76-5.57c-1.07-4.65,2.15-7.79,7.02-12.74l-5.75-5.26V39.98c0,0,4.23-2.11,7.54-4.18 c3.31-2.08,6.7-4.32,6.7-4.32s2.47,3.12,5.26,2.87c4.37-0.38,4.17-3.83,4.04-4.65c0.75,1.33,2.74,5.29-4.94,14.15l6.26,5.05v13.04 c0,0-7.27,3.78-14.14,8.8c0,0-3.84-4.8-7.17-2.51C577.79,69.79,578.82,72.4,581.98,73.58z' }),
|
4678 | _react2.default.createElement('path', { d: 'M330.47,58.75l8.08,7.31V43.69l-8.08-7.48V58.75 M347.13,40.48l2.82-2.59l0.4,0.46l-2.74,2.54v20.73 c0,0-5.21,2.76-8.85,4.81c-3.63,2.05-7.52,4.46-7.52,4.46l-9.56-8.05l-2.53,2.2l-0.41-0.46l2.66-2.32V39.98h0.04 c0,0,4.51-2.04,8.32-4.19c3.4-1.92,7.21-4.14,7.21-4.14L347.13,40.48z' }),
|
4679 | _react2.default.createElement('path', { d: 'M365.93,38.38l6.07-6.21c0,0,0.84,0.73,1.62,1.12c0.45,0.22,2.28,1.16,3.97,0.24c0.91-0.5,1.04-0.64,2.05-1.58 c0.21,4.83-2.11,8.22-5,9.63c-1.18,0.58-4.64,1.68-8.25-2.73v22.3l3.85,3.4l3.21-2.65l0.37,0.47l-10.05,8.39l-7.65-6.96l-2.75,2.59 l-0.45-0.48l4.19-3.78l0.04-19.26l-3.21-4.26l-2.76,2.44l-0.4-0.44l9.74-8.75L365.93,38.38' }),
|
4680 | _react2.default.createElement('path', { d: 'M391.55,47.67l11.23-16.34c0,0,1.48,1.75,4.06,2.44c3.51,0.91,6.57-2.47,6.57-2.47c-0.59,4.37-2.8,9.33-7.38,10.08 c-4.03,0.67-7.78-2.46-7.78-2.46l-0.73,1.13l15.59,23.55l3.12-2.74l0.4,0.46l-10.7,9.35L391.55,47.67' }),
|
4681 | _react2.default.createElement('path', { d: 'M382.27,25.86c0-3.53-1.45-5.7-3.33-5.55l12.25-8.61v48.71h0l3.23,3.41l2.45-2.12l0.38,0.46l-9.87,8.62l-6.69-6.28 l-2.68,2.35l-0.42-0.46l4.67-4.07V25.86' }),
|
4682 | _react2.default.createElement('path', { d: 'M303.6,39.56c0,0-1.35,1.54-3.48,1.54c-2.13,0-3.52-1.55-3.52-1.55v6.67c0,0,1.39-1.55,3.52-1.55 c2.13,0,3.48,1.46,3.48,1.46V39.56 M303.6,25.26l-4.73-4.15l-2.28,1.8v15.64c0,0,1.4,1.78,3.53,1.78c2.13,0,3.47-1.7,3.47-1.7 V25.26z M296.59,69.57c0,0,2.86,0.76,4.94-0.95c2.31-1.91,2.07-4.58,2.07-4.58V47.16c0,0-1.34-1.73-3.47-1.73 c-2.13,0-3.53,1.79-3.53,1.79V69.57z M279.84,25.06c0-3.29-1.34-5.13-3.5-5.17c-3.11-0.07-3.85,4.32-3.85,4.32 s-0.57-3.39,2.27-6.46c1.59-1.72,4.57-4.13,9.21-3.01c4.8,1.16,6.16,4.89,6.16,8.17v45.32c0,0,1.81,0.22,3.06,0.49 c1.44,0.3,2.81,0.68,2.81,0.68V14.76h0.6v7.37l9.84-7.92l7.21,6.41l3.36-2.9l0.38,0.46l-3.51,3.02v42.14 c-0.17,2.75-0.62,5.54-3.21,7.15c-5.79,3.43-12.77-0.53-19-1.43c-4.62-0.69-11.87-1.56-13.69,2.68c-0.59,1.39-0.55,3.54,1.54,4.95 c4.2,2.81,22.92-4.72,29.35-1.73c5.85,2.72,5.83,7.04,4.93,10c-1.52,5.56-8.54,6.53-8.54,6.53s3.43-1.99,2.45-5.29 c-0.5-1.67-1.63-2.14-5.3-1.73c-8.02,0.91-17.62,4.8-24.06,2.1c-3.32-1.38-5.67-5.54-5.44-9.62c0.17-5.87,6.94-8.19,6.94-8.19 l0-21.72c-0.19-0.86-3.81-0.64-4.6,0.96c-1.2,2.41,1.49,3.52,1.49,3.52s-2.24,0.34-4.11-1.83c-0.91-1.06-2.82-4.75-0.34-8.18 c2.04-2.82,4.48-3.31,7.56-3.65V25.06z' })
|
4683 | );
|
4684 | };
|
4685 |
|
4686 | NewYorkTimes.propTypes = {
|
4687 | className: _propTypes2.default.string
|
4688 | };
|
4689 |
|
4690 | exports.default = NewYorkTimes;
|
4691 |
|
4692 | }),
|
4693 |
|
4694 | (function(module, exports, __webpack_require__) {
|
4695 |
|
4696 | "use strict";
|
4697 |
|
4698 |
|
4699 | Object.defineProperty(exports, "__esModule", {
|
4700 | value: true
|
4701 | });
|
4702 |
|
4703 | var _react = __webpack_require__(2);
|
4704 |
|
4705 | var _react2 = _interopRequireDefault(_react);
|
4706 |
|
4707 | var _propTypes = __webpack_require__(0);
|
4708 |
|
4709 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4710 |
|
4711 | var _PressIcon = __webpack_require__(5);
|
4712 |
|
4713 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
4714 |
|
4715 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4716 |
|
4717 | 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; }
|
4718 |
|
4719 | var NewYorkPost = function NewYorkPost(_ref) {
|
4720 | var className = _ref.className,
|
4721 | props = _objectWithoutProperties(_ref, ['className']);
|
4722 |
|
4723 | return _react2.default.createElement(
|
4724 | _PressIcon2.default,
|
4725 | { className: className, onClick: function onClick() {
|
4726 | return props.onClick('new_york_post');
|
4727 | }, box: '0 0 600 120' },
|
4728 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd' }, d: 'M541.45,21.02c1.53-0.63,2.67-1.64,3.98-2.49c11.21-0.03,25.66-0.17,41.14-0.17 c-0.91,5.17-2.31,9.85-3.65,14.6c-4.57,4.39-9.41,8.51-14.27,12.61c-3.72,14.36-7.83,28.34-11.45,42.8 c-6.04,4.3-11.71,8.97-17.58,13.44c-6.2-0.34-11.97,0.04-18.58,0c0.34-3.26,1.78-6.85,2.16-10.62c-1.88,0.76-3.69,2-5.47,3.15 c-1.73,1.12-3.46,2.14-5.31,3.15c-6.27,3.45-13.5,5.95-23.39,4.65c-6.59-0.87-10.37-4.18-14.1-8.46 c-7.79,6.05-23.14,11.62-35.83,7.63c-8.12-2.55-12.46-10.08-10.62-20.74c-2.52,0.14-5.74,1-9.12,0.83 c-1.23,2.14-1.62,5.12-2.65,7.46c-4.27,3.13-8.65,6.79-13.27,10.29c-1.4,1.06-3.23,3-4.48,3.32c-3.06,0.78-6.66-0.27-9.79-0.17 c-3.28,0.11-6.35,0.4-9.79,0c5.33-19.56,10.73-41.45,16.59-62.04c0.75-2.62,1.12-6.44,2.32-8.46c0.73-1.22,2.47-2.37,3.82-3.48 c4.03-3.34,8.32-6.17,12.11-9.62c5.49,0,11.39,0,17.42,0c5.89,0,12.07-0.57,17.25,0c2.04,0.22,3.68,1.29,5.31,2.16 c1.11,1.6,2.23,3.19,3.32,4.81c3.7-1.93,7.33-4.87,12.28-6.64c4.79-1.71,10.7-2.02,16.09-1.82c6.89,0.25,13.39,2.92,15.59,8.46 c5.28-3.89,10.88-8.21,19.58-8.79C528.9,16.35,536.05,17.44,541.45,21.02z M539.13,22.85c-3.68-2.64-8.77-3.54-14.27-3.65 c-3.41-0.07-5.75,1.12-8.46,1.66c-5.58,1.1-10.34,4.6-13.11,8.29c-2.11,2.82-3.88,10.54-2.65,14.43c1.22,3.86,4.2,6.71,6.63,9.95 c2.54,3.37,5.56,6.26,7.63,9.12c0.72,0.99,1.64,2.32,1.99,3.48c1.24,4.08-0.9,9.14-5.97,8.79c-0.48-0.03-0.6-0.43-0.83-0.5 c-0.29-0.09-0.61,0.18-1,0c-3.94-1.85-2.35-5.77-1.66-9.95c-4.63,0.05-10.63-0.12-14.93,0.17c-1.04,4.22-2.72,7.28-2.49,11.78 c0.42,8.1,8.25,11.58,16.42,11.61c7.28,0.03,12.24-1.54,16.75-4.31c2.6-1.6,5.09-3.2,6.64-5.14c3.02-3.79,5.19-9.93,4.64-15.92 c-0.56-6.13-4.72-9.92-8.13-13.44c-2.81-2.9-6.55-5.66-8.3-8.63c-1.26-2.14-1.66-4.88-1-6.8c0.57-1.66,3.66-2.81,5.64-2.49 c5.12,0.83,3.49,7.77,2.65,11.28c4.45,0.35,9.82,0,13.93,0.17C541.44,37.03,544.2,27.31,539.13,22.85z M464.81,24.17 c-1.8,1.15-2.66,1.89-4.15,3.48c-1.06,1.13-2.27,2.21-2.65,2.99c-0.76,1.55-0.99,3.72-1.49,5.47c-3.16,11.02-6.27,22.2-9.12,32.68 c-0.5,1.85-1.23,3.78-1.49,5.64c-0.95,6.72,3.3,11.55,8.96,12.94c10.54,2.59,22.73-0.22,28.37-6.3c1.33-1.43,3.29-4.04,4.15-6.14 c1.18-2.89,1.86-6.75,2.99-10.45c2.11-6.94,4.25-14.15,5.97-21.07c0.92-3.71,2.33-7.63,2.65-10.95c0.28-2.88,0.17-6.12-1.33-8.13 c-1.17-1.58-4.85-3.38-7.8-4.15c-3.41-0.89-9.11-0.77-11.45-0.5C473.33,20.29,468.03,22.11,464.81,24.17z M547.43,21.52 c-1,3.31-1.97,6.65-2.49,10.45c3.1,0.11,6.63-0.22,9.46,0.17c-4.33,17.95-9.57,35-13.93,52.92c4.32,0.28,9.78,0.28,14.1,0 c5.09-17.58,9.48-34.85,14.43-52.59c3.24,0.02,7.17,0.38,10.62-0.17c0.89-3.6,2.2-7.64,2.82-10.95 C569,21.16,558.58,21.11,547.43,21.52z M444.91,61.17c2.25-2.05,3.01-5.29,4.31-8.46c2.06-5.01,3.06-9.32,4.31-14.93 c0.57-2.57,1.52-5.42,1.49-7.8c-0.05-4.26-2.1-7.83-5.64-8.46c-2.28-0.41-5.35,0-8.13,0c-8.43,0-16.16-0.1-24.55,0.17 c-5.74,21.22-11.65,42.28-16.92,63.54c3.82,0.17,10.46,0.36,14.43,0c1.86-6.49,3.58-13.12,5.64-19.41 C430.22,66.47,439.01,66.53,444.91,61.17z' }),
|
4729 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M272.71,19.03c9.98-0.91,19.8-0.16,21.4,8.13c0.2,1.02,0.17,2.8,0,4.31c-0.39,3.46-1.71,7.61-2.65,11.12 c-1.86,6.93-3.79,14.42-5.81,21.57c-1.1,3.91-1.87,7.87-2.99,10.62c-1.44,3.52-5.15,7.22-8.29,9.29 c-5.75,3.79-17.74,5.87-25.71,2.99c-2.03-0.73-6.45-3.05-7.13-5.81c-1.41-5.64,1.45-11.86,2.65-17.09 c1.94-8.4,4.57-17.67,6.8-26.21c1.01-3.87,1.79-6.21,3.82-9.12C258.56,23.4,264.43,19.79,272.71,19.03z M272.88,54.2 c1.15-4.55,2.99-9.95,3.98-14.76c0.32-1.57,1.22-3.88,1-5.31c-0.65-4.03-8.36-2.55-9.79,0c-0.59,1.04-0.89,3.06-1.33,4.65 c-2.24,8.12-4.07,15.65-6.47,23.89c-0.98,3.37-3.61,9.15-1.49,11.78c2.36,1.38,6.86,0.77,8.46-1 C269.65,67.65,271.13,61.1,272.88,54.2z' }),
|
4730 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M248.99,19.2c0.3-0.02,0.35,0.2,0.66,0.17c0,0.28,0,0.55,0,0.83c-0.3-0.02-0.35,0.2-0.66,0.17 C248.75,20.14,248.75,19.42,248.99,19.2z' }),
|
4731 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M539.3,42.75c-4.11-0.17-9.49,0.19-13.93-0.17c0.83-3.51,2.46-10.45-2.65-11.28 c-1.98-0.32-5.07,0.83-5.64,2.49c-0.66,1.92-0.26,4.67,1,6.8c1.75,2.97,5.49,5.73,8.3,8.63c3.41,3.52,7.57,7.31,8.13,13.44 c0.55,5.99-1.62,12.13-4.64,15.92c-1.55,1.94-4.03,3.54-6.64,5.14c-4.51,2.77-9.48,4.34-16.75,4.31c-8.18-0.04-16-3.51-16.42-11.61 c-0.23-4.49,1.45-7.56,2.49-11.78c4.3-0.29,10.3-0.11,14.93-0.17c-0.69,4.18-2.28,8.1,1.66,9.95c0.38,0.18,0.71-0.09,1,0 c0.23,0.07,0.35,0.46,0.83,0.5c5.07,0.35,7.21-4.72,5.97-8.79c-0.35-1.16-1.27-2.5-1.99-3.48c-2.08-2.86-5.1-5.75-7.63-9.12 c-2.43-3.24-5.42-6.09-6.63-9.95c-1.23-3.89,0.54-11.61,2.65-14.43c2.76-3.69,7.52-7.19,13.11-8.29c2.71-0.54,5.05-1.72,8.46-1.66 c5.5,0.11,10.58,1.01,14.27,3.65C544.2,27.31,541.44,37.03,539.3,42.75z' }),
|
4732 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M478.42,19.7c2.34-0.27,8.04-0.39,11.45,0.5c2.95,0.77,6.63,2.57,7.8,4.15c1.49,2.01,1.61,5.25,1.33,8.13 c-0.32,3.32-1.73,7.23-2.65,10.95c-1.72,6.92-3.86,14.13-5.97,21.07c-1.12,3.7-1.81,7.56-2.99,10.45c-0.86,2.1-2.82,4.7-4.15,6.14 c-5.64,6.08-17.83,8.9-28.37,6.3c-5.65-1.39-9.91-6.22-8.96-12.94c0.26-1.86,0.99-3.79,1.49-5.64c2.85-10.48,5.97-21.66,9.12-32.68 c0.5-1.75,0.73-3.92,1.49-5.47c0.38-0.78,1.59-1.86,2.65-2.99c1.49-1.59,2.35-2.33,4.15-3.48 C468.03,22.11,473.33,20.29,478.42,19.7z M472.28,73.61c0.33-0.41,1.19-2.17,1.49-2.99c1-2.69,1.48-5.78,2.32-8.79 c2.06-7.42,4.06-14.86,5.81-22.4c0.42-1.8,1.12-3.4,1-4.64c-0.42-4.06-6.7-3.82-9.29-1.83c-1.76,1.36-2.82,5.61-3.65,8.63 c-1.89,6.91-3.56,12.93-5.31,19.24c-1.15,4.14-2.52,7.68-2.65,12.11c0.42,0.3,0.56,0.87,0.66,1.49 C465.23,76.39,470.42,75.88,472.28,73.61z' }),
|
4733 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M147.63,21.35c-0.72,10.4-1.64,21.07-2.65,31.19c1.23-0.81,1.57-2.4,2.16-3.65 c4.21-8.94,8.5-18.43,12.77-27.54c4.35-0.13,9.41-0.12,14.1,0.17c-0.51,10.77-1.98,21.21-2.49,31.69 c5.61-10.2,10.32-21.31,15.59-31.85c3.8,0.16,8.33-0.24,12.94,0.17c-9.97,21.32-19.94,42.65-30.03,63.87 c-4.94-0.08-9.15,0.46-13.77-0.17c0.81-12.22,2.18-23.63,3.15-36c-2,2.66-3.06,5.93-4.48,8.96c-4.18,8.93-8.26,18.31-12.44,27.37 c-4.09-0.16-8.47-0.21-14.1-0.17c0.33-17.68,2.05-35.68,2.82-52.75c-5.51-0.23-12.6-0.14-18.91-0.17 c-2.01,4.46-3.07,9.87-4.81,14.6c4.95,0.27,11.54,0.09,17.25,0.17c-0.49,3.39-2.06,7.12-2.82,10.78 c-4.81,0.09-10.5,0.17-17.09,0.17c-1.85,5.12-3.03,10.91-4.64,16.26c6.19,0.11,12.83-0.22,18.75,0.17 c-1.15,3.66-2.41,7.22-3.65,10.78c-10.97-0.07-22.83,0.05-32.85-0.17c5.24-21.58,10.95-42.69,16.59-63.87 C114.47,21.09,131.21,21.15,147.63,21.35z' }),
|
4734 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M50.75,21.19c5.42,0.11,11.28-0.22,16.42,0.17c1.32,10.18,2.28,20.73,3.82,30.69 c3.4-9.98,5.88-20.88,9.29-30.86c4.08,0.18,9.41-0.38,12.44,0.33C86.96,43.15,81.4,63.96,75.3,85.22c-4.7,0-9.4,0-14.1,0 c-1.78-12.03-2.58-24.03-4.48-35.83c-3.84,11.59-6.51,24.34-10.45,35.83c-3.98-0.11-8.4,0.22-12.11-0.17 c5.07-21.42,10.85-42.12,16.09-63.37C50.34,21.45,50.51,21.28,50.75,21.19z' }),
|
4735 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M226.76,21.52c0.6,7.53,1.27,15.39,1.66,22.89c4.98-6.79,9.51-15.48,14.43-22.89 c4.19,0.04,9.77-0.22,14.43,0.17c-6.92,11.21-14.95,22.2-22.23,33.68c-1.06,1.66-2.54,3.28-3.15,4.81 c-0.81,2.02-1.07,4.42-1.66,6.64c-1.55,5.85-3.55,12.23-5.47,18.75c-4.89-0.17-9.86,0.18-14.1-0.17c1.31-8.44,4.6-16.89,6.3-25.22 c0.39-1.9-0.39-3.8-0.66-5.97c-1.41-11-3.01-21.66-4.48-32.68C217.25,21.24,220.79,21.36,226.76,21.52z' }),
|
4736 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M582.43,21.35c-0.62,3.31-1.93,7.35-2.82,10.95c-3.45,0.54-7.38,0.19-10.62,0.17 c-4.96,17.73-9.35,35.01-14.43,52.59c-4.32,0.28-9.78,0.28-14.1,0c4.36-17.92,9.6-34.97,13.93-52.92 c-2.82-0.39-6.36-0.06-9.46-0.17c0.52-3.8,1.49-7.14,2.49-10.45C558.58,21.11,569,21.16,582.43,21.35z' }),
|
4737 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M329.11,53.87c2.56,1.3,5.42,1.78,5.14,5.81c-0.12,1.79-1.03,4.37-1.66,6.63c-1.6,5.77-4.04,13.75-5.31,19.08 c-5.22-0.01-9.34,0.26-15.26-0.17c0.66-5.14,2.75-12.01,4.15-18.08c0.47-2.03,1.63-4.6,1.16-5.97c-0.96-2.82-6.23-1.51-9.46-1.83 c-2.99,8.24-4.99,17.46-7.63,26.05c-4.95-0.19-10.11,0.12-14.6-0.17c2.31-10.83,5.58-21.37,8.29-32.02 c2.71-10.63,5.23-21.32,8.46-31.69c8.02,0.18,15.96-0.17,23.56-0.17c4.33,0,11.13-0.42,13.77,1.49c4.92,3.56,1.85,10.52,0.33,16.26 c-0.81,3.06-1.57,6.28-2.32,8.13C336.29,50.81,332.3,52.01,329.11,53.87z M321.98,46.57c0.63-2.63,2.56-6.34,2.99-9.29 c0.96-6.58-5.09-4.06-9.12-4.65c-2.08,4.67-3.21,10.28-4.81,15.43C314.22,48.27,320.23,48.86,321.98,46.57z' }),
|
4738 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M364.78,21.69c-1.74,7.2-3.62,13.83-5.31,20.74c1.95-1.18,3.21-3.25,4.81-4.98 c4.68-5.04,9.36-10.66,14.1-15.76c4.26-0.27,9.67-0.28,13.93,0c-3.19,5.05-7.01,9.61-10.62,14.27c-3.6,4.65-7.2,9.25-10.78,13.93 c2.5,12.1,5.14,23.31,7.46,35.33c-6.68,0.36-11.56,0.28-16.76,0.17c-1.84-9.39-3.62-18.83-5.47-28.2 c-3.31,8.91-5.66,18.78-8.46,28.2c-5.11,0.13-9.93,0.08-15.76,0c1.03-5.29,2.52-10.54,4.15-15.76c1.61-5.17,2.75-10.53,4.31-15.76 c1.57-5.27,3.28-10.59,4.64-15.93c1.38-5.38,3.06-11.05,4.64-16.09C354.32,21.21,359.83,21.52,364.78,21.69z' }),
|
4739 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd', fill: '#FFFFFF' }, d: 'M419.86,65.81c-2.06,6.29-3.78,12.92-5.64,19.41c-3.97,0.36-10.62,0.17-14.43,0 c5.27-21.26,11.18-42.31,16.92-63.54c8.39-0.27,16.12-0.17,24.55-0.17c2.77,0,5.85-0.41,8.13,0c3.54,0.63,5.59,4.2,5.64,8.46 c0.03,2.38-0.92,5.22-1.49,7.8c-1.25,5.62-2.25,9.92-4.31,14.93c-1.3,3.17-2.06,6.41-4.31,8.46 C439.01,66.53,430.22,66.47,419.86,65.81z M433.46,52.71c1.89-3.24,3.86-9.69,4.81-14.27c0.27-1.32,0.47-2.69,0.33-3.48 c-0.56-3.28-6.34-3.01-9.62-2.16c-1.98,6.98-3.91,14-5.81,21.07C426.42,55.45,431.05,54.54,433.46,52.71z' }),
|
4740 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd' }, d: 'M462.66,74.44c-0.1-0.62-0.24-1.2-0.66-1.49c0.14-4.43,1.5-7.97,2.65-12.11c1.75-6.31,3.42-12.33,5.31-19.24 c0.83-3.02,1.89-7.27,3.65-8.63c2.59-2,8.87-2.23,9.29,1.83c0.13,1.24-0.58,2.84-1,4.64c-1.75,7.54-3.74,14.98-5.81,22.4 c-0.84,3.01-1.33,6.1-2.32,8.79c-0.3,0.82-1.16,2.58-1.49,2.99C470.42,75.88,465.23,76.39,462.66,74.44z' }),
|
4741 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd' }, d: 'M267.24,73.44c-1.6,1.76-6.1,2.38-8.46,1c-2.12-2.63,0.51-8.41,1.49-11.78c2.4-8.24,4.24-15.77,6.47-23.89 c0.43-1.58,0.74-3.6,1.33-4.65c1.43-2.55,9.14-4.03,9.79,0c0.23,1.43-0.67,3.74-1,5.31c-1,4.82-2.83,10.22-3.98,14.76 C271.13,61.1,269.65,67.65,267.24,73.44z' }),
|
4742 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd' }, d: 'M423.17,53.87c1.89-7.07,3.83-14.09,5.81-21.07c3.28-0.85,9.06-1.13,9.62,2.16c0.13,0.79-0.06,2.17-0.33,3.48 c-0.95,4.58-2.92,11.03-4.81,14.27C431.05,54.54,426.42,55.45,423.17,53.87z' }),
|
4743 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd' }, d: 'M311.03,48.06c1.6-5.15,2.73-10.76,4.81-15.43c4.03,0.58,10.08-1.93,9.12,4.65c-0.43,2.95-2.35,6.66-2.99,9.29 C320.23,48.86,314.22,48.27,311.03,48.06z' }),
|
4744 | _react2.default.createElement('path', { style: { fillRule: 'evenodd', clipRule: 'evenodd' }, d: 'M295.27,22.51c1.68-1.09,3.12-2.41,4.65-3.65c9.23-0.15,19.7,0.08,29.2,0c2.93-0.03,6.01-0.48,8.79,0.17 c1.81,0.42,3.19,1.9,4.81,2.82c1.7-0.68,2.63-2.13,3.98-3.15c7.24,0,14.49,0,21.73,0c-0.2,2.34-0.75,4.34-1.16,6.47 c1.66-0.5,3.14-1.85,4.64-2.99c1.5-1.13,3.02-2.29,4.31-3.48c6.33,0.06,15.01,0.09,21.9,0c0.41,0.76-0.63,1.53-0.99,1.99 c-7.61,9.52-15.47,20.01-23.06,29.69c2.72,12.76,5.55,25.42,8.46,37.99c-6.07,4.49-11.65,9.47-17.58,14.1c-7.41,0-14.82,0-22.23,0 c-0.65-2.06-1.16-4.26-2.16-5.97c-1.78,0.33-2.88,1.86-4.48,2.99c-1.36,0.96-3.12,2.68-4.48,2.99c-2.94,0.67-6.96,0-10.45,0 c-10.07,0-20.69,0.09-29.86-0.17c0.06-1.71,1.02-2.51,0.83-4.48c-2.73,1.19-4.67,3.19-7.13,4.65c-6.3,0-12.61,0-18.91,0 c0.29-2.58,0.94-4.81,1.16-7.46c-2.57,0.79-4.97,2.58-7.8,3.98c-5.14,2.55-11.49,4.79-19.58,4.15 c-8.56-0.68-12.86-4.55-16.26-10.62c-4.73,3.01-8.66,6.82-13.27,9.95c-7.07,0.11-14.13,0.17-20.24,0 c1.96-7.35,3.94-14.69,5.97-22.23c0.65-2.4,1.74-4.97,1.99-7.3c0.25-2.28-0.56-4.81-0.83-7.3c-0.77-7.14-1.73-14.68-2.82-22.23 c-1.75,1.32-2.08,3.61-2.99,5.47c-6.16,12.71-12.72,26.31-18.75,39.48c-4.03,3.51-9.2,6.9-13.94,10.62 c-1.42,1.12-3.23,3.14-4.65,3.48c-2.7,0.65-6.32,0-9.46,0c-3.19,0-6.17,0-8.63-0.17c0.34-2.48,1.1-4.54,1.49-6.97 c-2.14,0.33-3.62,2.06-5.48,3.32c-1.68,1.14-4.05,3.55-6.14,3.82c-0.81,0.1-1.67-0.14-2.49-0.17c-4.54-0.16-9.86,0.17-14.76,0 c-0.15-1.39,0.68-3.17,0.5-5.14c-1.62,0.33-2.67,1.56-3.98,2.49c-1.17,0.82-2.56,2.28-3.82,2.65c-1.8,0.53-4.96,0.08-7.47,0.17 c-7.45,0.26-18.72-0.64-28.37,0c-0.63-0.81-0.92-1.96-1.82-2.49c-1.29,0.31-1.88,2.15-3.32,2.49c-1.07,0.25-2.98,0.02-4.31,0 c-4.18-0.06-9.11-0.01-13.44,0c-0.6-2.44-0.53-4.81-1.16-6.97c-3.63,1.89-6.38,4.67-9.62,6.97c-6.14,0-12.28,0-18.41,0 c3.49-16.05,8.79-33.68,12.94-50.6c1.11-4.53,2.17-8.48,3.48-13.27c0.54-1.97,0.66-4.31,1.49-5.97c0.78-1.56,2.64-2.25,4.31-3.65 c4.38-3.67,8.35-7.36,12.94-10.62c6.91,0,13.82,0,20.74,0c0.45,1.37,0.63,3.02,1,4.48c2.17-0.21,4.68-4.05,6.8-4.48 c1.81-0.37,4.06,0.42,5.97,0.33c20.47-0.94,47.88-0.07,66.85-0.17c0.34,1.32,0.23,3.09,0.66,4.31c2.41-0.29,3.88-3.5,6.14-4.15 c2.52-0.72,6.37,0,9.62,0c3.29,0,6.6,0,9.79,0c0.47,1.47,0.15,3.72,0.5,5.31c3.12-1.25,5.13-3.61,7.8-5.31c6.52,0,13.05,0,19.58,0 c-0.14,1.13-0.84,1.7-0.83,2.99c1.89-0.6,3.02-1.96,4.48-2.99c7.3,0,14.6,0,21.9,0c0.53,2.05,0.18,5.54,0.5,7.3 c3.56-2.08,6.24-5.04,9.62-7.3c7.08,0.04,13.99-0.02,21.4,0c0.94-0.33,0.42,0.79,1.16,0.66C272.02,15.64,288.5,15.81,295.27,22.51z M254.79,28.82c-2.03,2.91-2.8,5.25-3.82,9.12c-2.23,8.54-4.86,17.81-6.8,26.21c-1.21,5.23-4.06,11.44-2.65,17.09 c0.69,2.75,5.1,5.07,7.13,5.81c7.98,2.89,19.97,0.8,25.71-2.99c3.14-2.07,6.86-5.77,8.29-9.29c1.12-2.74,1.88-6.71,2.99-10.62 c2.01-7.14,3.95-14.63,5.81-21.57c0.94-3.51,2.26-7.65,2.65-11.12c0.17-1.51,0.2-3.3,0-4.31c-1.6-8.29-11.42-9.04-21.4-8.13 C264.43,19.79,258.56,23.4,254.79,28.82z M99.02,21.35c-5.64,21.18-11.35,42.29-16.59,63.87c10.01,0.21,21.87,0.1,32.85,0.17 c1.24-3.57,2.5-7.12,3.65-10.78c-5.92-0.39-12.55-0.06-18.75-0.17c1.62-5.35,2.8-11.14,4.64-16.26c6.58,0,12.28-0.07,17.09-0.17 c0.76-3.67,2.33-7.39,2.82-10.78c-5.72-0.08-12.3,0.1-17.25-0.17c1.74-4.72,2.81-10.13,4.81-14.6c6.31,0.02,13.4-0.06,18.91,0.17 c-0.77,17.07-2.49,35.07-2.82,52.75c5.64-0.04,10.01,0,14.1,0.17c4.18-9.06,8.26-18.45,12.44-27.37c1.42-3.03,2.48-6.3,4.48-8.96 c-0.97,12.37-2.35,23.77-3.15,36c4.62,0.63,8.82,0.09,13.77,0.17c10.09-21.21,20.05-42.54,30.03-63.87 c-4.61-0.4-9.14-0.01-12.94-0.17c-5.27,10.54-9.98,21.65-15.59,31.85c0.5-10.48,1.98-20.92,2.49-31.69 c-4.69-0.29-9.75-0.3-14.1-0.17c-4.28,9.11-8.56,18.6-12.77,27.54c-0.59,1.25-0.93,2.84-2.16,3.65 c1.01-10.12,1.93-20.78,2.65-31.19C131.21,21.15,114.47,21.09,99.02,21.35z M50.25,21.69c-5.24,21.25-11.03,41.95-16.09,63.37 c3.71,0.38,8.13,0.06,12.11,0.17c3.94-11.49,6.61-24.24,10.45-35.83c1.9,11.8,2.7,23.8,4.48,35.83c4.7,0,9.4,0,14.1,0 c6.1-21.26,11.66-42.07,17.42-63.7c-3.03-0.71-8.37-0.15-12.44-0.33c-3.41,9.98-5.89,20.88-9.29,30.86 c-1.54-9.96-2.49-20.51-3.82-30.69c-5.14-0.39-11-0.06-16.42-0.17C50.51,21.28,50.34,21.45,50.25,21.69z M211.83,21.52 c1.47,11.02,3.07,21.68,4.48,32.68c0.28,2.17,1.05,4.07,0.66,5.97c-1.71,8.32-4.99,16.78-6.3,25.22c4.24,0.35,9.22-0.01,14.1,0.17 c1.93-6.51,3.92-12.89,5.47-18.75c0.59-2.22,0.85-4.61,1.66-6.64c0.61-1.53,2.1-3.15,3.15-4.81c7.28-11.47,15.31-22.46,22.23-33.68 c-4.67-0.39-10.24-0.13-14.43-0.17c-4.92,7.41-9.45,16.1-14.43,22.89c-0.39-7.5-1.06-15.36-1.66-22.89 C220.79,21.36,217.25,21.24,211.83,21.52z M337.74,47.23c0.75-1.85,1.52-5.07,2.32-8.13c1.51-5.73,4.59-12.7-0.33-16.26 c-2.64-1.91-9.44-1.49-13.77-1.49c-7.6,0-15.54,0.34-23.56,0.17c-3.23,10.37-5.75,21.05-8.46,31.69 c-2.72,10.65-5.98,21.19-8.29,32.02c4.49,0.29,9.65-0.02,14.6,0.17c2.64-8.59,4.64-17.81,7.63-26.05c3.22,0.32,8.49-1,9.46,1.83 c0.47,1.37-0.69,3.94-1.16,5.97c-1.4,6.07-3.49,12.94-4.15,18.08c5.92,0.42,10.04,0.16,15.26,0.17c1.27-5.33,3.71-13.3,5.31-19.08 c0.62-2.26,1.54-4.84,1.66-6.63c0.27-4.02-2.59-4.51-5.14-5.81C332.3,52.01,336.29,50.81,337.74,47.23z M349.68,21.85 c-1.59,5.04-3.26,10.71-4.64,16.09c-1.37,5.33-3.07,10.66-4.64,15.93c-1.56,5.23-2.7,10.59-4.31,15.76 c-1.63,5.22-3.12,10.47-4.15,15.76c5.83,0.08,10.65,0.13,15.76,0c2.8-9.42,5.15-19.29,8.46-28.2c1.85,9.37,3.63,18.82,5.47,28.2 c5.19,0.12,10.07,0.19,16.76-0.17c-2.33-12.03-4.96-23.24-7.46-35.33c3.58-4.68,7.18-9.29,10.78-13.93 c3.61-4.66,7.43-9.22,10.62-14.27c-4.26-0.28-9.67-0.27-13.93,0c-4.75,5.1-9.42,10.72-14.1,15.76c-1.61,1.73-2.86,3.79-4.81,4.98 c1.69-6.91,3.57-13.54,5.31-20.74C359.83,21.52,354.32,21.21,349.68,21.85z' })
|
4745 | );
|
4746 | };
|
4747 |
|
4748 | NewYorkPost.propTypes = {
|
4749 | className: _propTypes2.default.string
|
4750 | };
|
4751 |
|
4752 | exports.default = NewYorkPost;
|
4753 |
|
4754 | }),
|
4755 |
|
4756 | (function(module, exports, __webpack_require__) {
|
4757 |
|
4758 | "use strict";
|
4759 |
|
4760 |
|
4761 | Object.defineProperty(exports, "__esModule", {
|
4762 | value: true
|
4763 | });
|
4764 |
|
4765 | var _react = __webpack_require__(2);
|
4766 |
|
4767 | var _react2 = _interopRequireDefault(_react);
|
4768 |
|
4769 | var _propTypes = __webpack_require__(0);
|
4770 |
|
4771 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4772 |
|
4773 | var _PressIcon = __webpack_require__(5);
|
4774 |
|
4775 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
4776 |
|
4777 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4778 |
|
4779 | 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; }
|
4780 |
|
4781 | var ParentsMagazine = function ParentsMagazine(_ref) {
|
4782 | var className = _ref.className,
|
4783 | props = _objectWithoutProperties(_ref, ['className']);
|
4784 |
|
4785 | return _react2.default.createElement(
|
4786 | _PressIcon2.default,
|
4787 | { className: className, onClick: function onClick() {
|
4788 | return props.onClick('parents_magazine');
|
4789 | }, box: '0 0 225 75' },
|
4790 | _react2.default.createElement('path', { d: 'M40.05,37.99c0.78,0.2,1.82,0.33,2.73,0.33c7.74,0,10.87-3.78,10.87-11.45c0-8.26-1.3-11.45-8.33-11.45h-5.27V37.99 L40.05,37.99L40.05,37.99z M24.63,58.88h5.27V15.41h-5.27v-1.17h23.23c11.39,0,16.73,4.23,16.73,12.24 c0,7.87-7.68,13.02-17.51,13.02c-2.73,0-5.08-0.07-7.03-0.26v19.65h6.44v1.17H24.63V58.88L24.63,58.88z' }),
|
4791 | _react2.default.createElement('path', { d: 'M73.97,44.76l-5.14,0.52c-4.23,0.45-4.62,2.73-4.62,6.18c0,3.38,0.2,7.42,4.62,7.42c3.06,0,5.01-3.12,5.14-6.57V44.76 L73.97,44.76L73.97,44.76z M81.73,60.76h-2.31c-2.42-0.31-4.37-1.65-5.38-4.03c-1.44,2.65-4.89,3.76-7.45,4.03H63.8 c-4.47-0.42-8.58-2.78-8.58-7.87c0-6.77,6.44-8.33,12.36-8.79l6.38-0.52v-5.47c0-3.91-0.65-6.31-5.53-6.31 c-2.21,0-5.99,0.52-5.92,1.95c0.07,1.11,3.32,0.91,3.32,4.03c0,2.28-1.5,3.9-3.97,3.9c-2.93,0-4.23-1.95-4.23-4.23 c0-0.16,0.01-0.32,0.03-0.47l5.74-5.51c1.6-0.54,3.46-0.85,5.49-0.85c6.7,0,13.67,1.82,13.67,9.24v14.97c0,2.02,0.33,3.25,1.5,3.25 c1.56,0,2.28-1.95,2.28-3.64h1.17C87.5,57.92,85.28,60.33,81.73,60.76L81.73,60.76z' }),
|
4792 | _react2.default.createElement('path', { d: 'M85.73,57.05V32.59h-4.49v-1.17h4.49c2.67,0,7.48,0,8.85-1.69v6.64h0.13c1.24-3.25,4.43-6.12,8.59-6.12 c3.06,0,5.14,1.89,5.14,5.01c0,2.47-1.82,4.75-4.95,4.75c-2.54,0-4.43-1.69-4.43-4.23c0-1.63,0.45-2.67,1.56-3.84h-0.26 c-4.1,1.82-5.66,5.34-5.66,10.35v16.59h5.99v1.17H84.16L85.73,57.05L85.73,57.05z' }),
|
4793 | _react2.default.createElement('path', { d: 'M122.73,43.13v-5.6c0-3.58-0.98-5.73-4.1-5.73c-2.21,0-4.1,1.37-4.1,5.73v5.6H122.73L122.73,43.13L122.73,43.13z M120.88,60.76h-3.12c-7.55-0.71-13-6.76-13-14.7c0-8.79,6.64-15.42,14.32-15.42c6.83-0.13,13.34,6.64,13.41,13.67h-17.96v5.47 c0,4.43,0.65,9.5,6.7,9.5c5.08,0,8.85-3.78,10.28-9.83h1.17C131.35,55.44,127.82,60.14,120.88,60.76L120.88,60.76z' }),
|
4794 | _react2.default.createElement('path', { d: 'M129.65,58.88h4.49V32.59h-4.49v-1.17h4.62c2.67,0,7.48,0,8.85-1.69v6.96h0.13c1.76-3.77,6.05-6.05,10.41-6.05 c6.18,0,9.18,3.06,9.18,10.09v18.16h4.49v1.17h-17.18v-1.17h3.71V38.32c0-4.56-1.95-5.34-3.84-5.34c-3.64,0-6.9,4.75-6.9,8.07 v17.83h3.84v1.17h-17.31V58.88L129.65,58.88z' }),
|
4795 | _react2.default.createElement('path', { d: 'M178.8,58.75c-1.35,1.14-2.94,1.8-4.87,2.01h-2.25c-2.25-0.33-6.29-1.97-6.29-7.35V32.59h-3.45v-1.17 c6.57,0,11.26-7.09,11.26-13.99h1.17v13.99h5.99v1.17h-5.99v22.13c0,2.15,0.85,3.38,2.54,3.38c0.74,0,1.36-0.32,1.89-0.78 L178.8,58.75L178.8,58.75z' }),
|
4796 | _react2.default.createElement('path', { d: 'M178.77,49.9h1.17c1.17,4.75,5.21,9.76,10.15,9.76c3.51,0,6.38-2.15,6.38-5.59c0-2.99-1.95-3.45-6.64-4.03 c-4.95-0.59-11.32-1.3-11.32-9.7c0-4.16,3.19-9.7,9.7-9.7c2.99,0,4.69,1.43,6.77,1.43c1.24,0,2.02-0.65,2.02-1.43h0.98l0.39,9.24 h-1.04c-1.63-4.23-4.23-8.07-9.11-8.07c-3.51,0-6.18,1.82-6.18,4.88c0,2.86,2.28,3.45,5.92,3.97c6.96,0.98,12.43,1.56,12.43,9.5 c0,4.98-3.68,9.96-9.2,10.6h-2.54c-2.83-0.3-4.55-1.49-6.03-1.49c-1.27,0-2.29,0.5-2.64,1.49h-1.2V49.9L178.77,49.9z' })
|
4797 | );
|
4798 | };
|
4799 |
|
4800 | ParentsMagazine.propTypes = {
|
4801 | className: _propTypes2.default.string
|
4802 | };
|
4803 |
|
4804 | exports.default = ParentsMagazine;
|
4805 |
|
4806 | }),
|
4807 |
|
4808 | (function(module, exports, __webpack_require__) {
|
4809 |
|
4810 | "use strict";
|
4811 |
|
4812 |
|
4813 | Object.defineProperty(exports, "__esModule", {
|
4814 | value: true
|
4815 | });
|
4816 |
|
4817 | var _react = __webpack_require__(2);
|
4818 |
|
4819 | var _react2 = _interopRequireDefault(_react);
|
4820 |
|
4821 | var _propTypes = __webpack_require__(0);
|
4822 |
|
4823 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4824 |
|
4825 | var _PressIcon = __webpack_require__(5);
|
4826 |
|
4827 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
4828 |
|
4829 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4830 |
|
4831 | 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; }
|
4832 |
|
4833 | var PeopleMagazine = function PeopleMagazine(_ref) {
|
4834 | var className = _ref.className,
|
4835 | props = _objectWithoutProperties(_ref, ['className']);
|
4836 |
|
4837 | return _react2.default.createElement(
|
4838 | _PressIcon2.default,
|
4839 | { className: className, onClick: function onClick() {
|
4840 | return props.onClick('people_magazine');
|
4841 | }, box: '0 0 3000 1200' },
|
4842 | _react2.default.createElement('path', { className: 'st0', d: 'M1613.45,304.2v115.42c-31.84-93.58-129.72-128.24-187-128.03c-31.96,0.16-168.3,14.13-208.26,199.11 c-36.96-242.84-257.96-224.73-351.24-143.59c-4.95-61.21-17.14-143.86-78.2-191.95c-33.05-26.02-82.09-47.04-151.09-47.04H271.59 v130.42c63.73,0.49,66.01,61.21,66.01,70.52v392.26c0.07,44.31-16.84,73.12-66.23,73.5v129.57h339.18V772.11 c-49.39-0.36-65.69-26.85-65.61-71.11V591l57.67,0.1c68.76-2.56,126.61,5.77,189.11-61.31c-1.74,18.5-6.73,56.13-6.73,75.55 c-2.36,96.28,8.83,185.56,66.9,244.6c1.41,1.46,59.22,67.85,155.75,69.05c53.76,0.77,176.12-9.38,208.62-193.45 c7.46,24.83,46.84,193.72,220.94,193.72c175.74,0,212.39-159.94,221.15-209.44v196.74c-0.43,52.41-38.86,75.89-62.85,76.62v108.61 l285.66-0.07V983.15c-31.71-4.3-61.48-33.85-61.99-80.52l-2.33-75.23c24.89,69.11,92.53,91.75,120.03,91.9 c32.87,0.08,107.82-18.05,129.19-149.02v134.03h244.79V771.74c31.08,203.55,386.11,201.51,407.33-55.24h-168.63 c-6.28,36.84-22.51,66.1-53.34,65.95v0c-37.79,0.21-53.69-43.54-56.01-91.8c-0.87-17.29-1.93-36.01-0.95-47.17l283.98-0.09 c2.6-58.19,5.69-147.94-37.59-232.93c-33.83-66.36-99.77-118.26-192.89-118.26c-91.66,0-200.48,62.42-221.77,257.56V109.32h-233.43 l0.15,108.61c39.31-0.23,63.33,20.05,63.48,59.35V549.6c-25.41-204.49-124.49-258.24-172.82-257.94 c-50.2,0.3-99.67,30.72-114.44,86.77V304.2H1613.45z M593.13,442.84h-47.59V258.75h47.59c37.06,0,58.12,31.12,58.12,91.06 C651.25,415.67,636.26,441.64,593.13,442.84z M954.73,520.08c2.34-48.26,19.44-94.53,57.28-94.35 c37.87-0.22,52.53,46.07,54.91,94.35c0.82,16.4,1.15,17.18,0,29.39h-112.2C953.58,537.26,953.91,536.47,954.73,520.08z M1066.39,716.87c-6.34,36.83-22.59,65.74-53.39,65.59c-37.83,0.21-53.71-43.54-56.09-91.8c-0.85-17.29-1.89-36.01-0.93-47.17 l249.1-0.09c0.82,28.75,1.68,36.48,9.16,73.38L1066.39,716.87z M1437.13,783.74c-44.15-0.62-61.75-79.37-61.75-177.27 c0-97.88,18.82-177.79,61.75-177.24c44.18,0.6,61.77,79.37,61.77,177.24C1498.9,704.37,1482.51,784.35,1437.13,783.74z M2439.05,520.1c2.44-48.28,18.31-90.99,56.13-90.8c37.8-0.19,53.72,42.52,56.13,90.8c0.81,16.4,1.08,17.18,0,29.38h-112.26 C2437.95,537.28,2438.28,536.49,2439.05,520.1z M1875.67,424.24c36.25,1.56,57.07,47.9,57.07,182.8c0,122.87-23,175.16-61.59,175.16 c-34.51,0-46.66-37.41-46.66-86.59V514.06C1822.68,452.52,1840.61,422.67,1875.67,424.24z' })
|
4843 | );
|
4844 | };
|
4845 |
|
4846 | PeopleMagazine.propTypes = {
|
4847 | className: _propTypes2.default.string
|
4848 | };
|
4849 |
|
4850 | exports.default = PeopleMagazine;
|
4851 |
|
4852 | }),
|
4853 |
|
4854 | (function(module, exports, __webpack_require__) {
|
4855 |
|
4856 | "use strict";
|
4857 |
|
4858 |
|
4859 | Object.defineProperty(exports, "__esModule", {
|
4860 | value: true
|
4861 | });
|
4862 |
|
4863 | var _react = __webpack_require__(2);
|
4864 |
|
4865 | var _react2 = _interopRequireDefault(_react);
|
4866 |
|
4867 | var _propTypes = __webpack_require__(0);
|
4868 |
|
4869 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4870 |
|
4871 | var _PressIcon = __webpack_require__(5);
|
4872 |
|
4873 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
4874 |
|
4875 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4876 |
|
4877 | 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; }
|
4878 |
|
4879 | var TechCrunch = function TechCrunch(_ref) {
|
4880 | var className = _ref.className,
|
4881 | props = _objectWithoutProperties(_ref, ['className']);
|
4882 |
|
4883 | return _react2.default.createElement(
|
4884 | _PressIcon2.default,
|
4885 | { className: className, onClick: function onClick() {
|
4886 | return props.onClick('tech_crunch');
|
4887 | }, box: '0 0 1700 300' },
|
4888 | _react2.default.createElement(
|
4889 | 'g',
|
4890 | null,
|
4891 | _react2.default.createElement('path', { d: 'M659.49,126.35v95.81h-35v-95.81h-35.36V95.85h105.73v30.49H659.49z' }),
|
4892 | _react2.default.createElement('path', { d: 'M776.56,184.09h-55.57c1.08,10.46,7.21,15.15,16.06,15.15c8.3,0,15.16-1.81,24.54-6.68l12.45,20.75 c-11.72,6.85-23.82,10.82-38.6,10.82c-28.51,0-44.21-20.21-44.21-49.26c0-32.65,18.4-49.43,43.3-49.43 c25.98,0,42.22,17.14,42.22,52.32C776.75,180.47,776.75,182.46,776.56,184.09z M733.62,149.44c-7.4,0-11.55,5.05-12.63,14.43h27.07 C746.43,154.31,743.18,149.44,733.62,149.44z' }),
|
4893 | _react2.default.createElement('path', { d: 'M836.98,224.13c-27.78,0-44.38-17.68-44.38-49.61c0-29.05,14.8-49.08,45.1-49.08c17.86,0,28.15,8.3,36.45,21.65 l-22.37,16.96c-4.51-8.3-7.58-12.27-14.61-12.27c-8.31,0-12.45,8.3-12.45,23.27c0,14.98,4.51,22.73,13.35,22.73 c6.13,0,10.46-3.43,16.42-12.27l20.57,16.06C864.05,217.82,853.76,224.13,836.98,224.13z' }),
|
4894 | _react2.default.createElement('path', { d: 'M947.74,222.15v-53.77c0-12.27-4.15-15.51-10.82-15.51c-6.86,0-11.01,3.25-11.01,15.15v54.13h-32.47V103.61l32.47-12.99 v43.12c5.95-4.51,12.63-8.3,23.82-8.3c20.75,0,30.68,13.89,30.68,38.79v57.92H947.74z' }),
|
4895 | _react2.default.createElement('path', { d: 'M1058.14,224.13c-37.53,0-57.56-27.79-57.56-65.13c0-40.59,23.82-65.13,57.74-65.13c31.04,0,43.31,13.35,51.97,37.17 l-31.75,12.45c-4.52-11.73-8.84-19.13-20.39-19.13c-14.61,0-20.93,14.61-20.93,34.64c0,19.31,6.13,34.64,21.29,34.64 c11,0,15.7-5.95,22.55-17.86l29.59,15.7C1102.16,208.08,1088.08,224.13,1058.14,224.13z' }),
|
4896 | _react2.default.createElement('path', { d: 'M1190.53,163.15c-4.15-4.51-8.83-7.94-15.15-7.94c-7.94,0-12.82,3.79-12.82,15.33v51.6h-32.47v-94.73h32.47v6.86 c5.59-5.41,11.91-8.84,20.21-8.84c6.85,0,11.55,1.62,15.33,3.97L1190.53,163.15z' }),
|
4897 | _react2.default.createElement('path', { d: 'M1267.73,222.15v-6.32c-5.78,4.51-12.63,8.31-23.63,8.31c-20.75,0-30.68-13.89-30.68-38.8v-57.91h32.66v53.77 c0,12.26,4.15,15.51,10.82,15.51c6.68,0,10.82-3.25,10.82-15.16v-54.12h32.66v94.73H1267.73z' }),
|
4898 | _react2.default.createElement('path', { d: 'M1378.13,222.15v-53.77c0-12.27-4.15-15.51-10.82-15.51c-6.86,0-11.01,3.25-11.01,15.15v54.13h-32.47v-94.73h32.47v6.32 c5.95-4.51,12.63-8.3,23.82-8.3c20.75,0,30.68,13.89,30.68,38.79v57.92H1378.13z' }),
|
4899 | _react2.default.createElement('path', { d: 'M1474.08,224.13c-27.78,0-44.38-17.68-44.38-49.61c0-29.05,14.8-49.08,45.1-49.08c17.86,0,28.15,8.3,36.45,21.65 l-22.37,16.96c-4.51-8.3-7.58-12.27-14.61-12.27c-8.31,0-12.45,8.3-12.45,23.27c0,14.98,4.51,22.73,13.35,22.73 c6.13,0,10.46-3.43,16.42-12.27l20.57,16.06C1501.15,217.82,1490.86,224.13,1474.08,224.13z' }),
|
4900 | _react2.default.createElement('path', { d: 'M1584.84,222.15v-53.77c0-12.27-4.15-15.51-10.82-15.51c-6.86,0-11.01,3.25-11.01,15.15v54.13h-32.47V103.61l32.47-12.99 v43.12c5.95-4.51,12.63-8.3,23.82-8.3c20.75,0,30.68,13.89,30.68,38.79v57.92H1584.84z' })
|
4901 | ),
|
4902 | _react2.default.createElement(
|
4903 | 'g',
|
4904 | null,
|
4905 | _react2.default.createElement('polygon', { points: '82.5,41.77 82.5,113.92 154.65,113.92 154.65,258.23 226.81,258.23 226.81,113.92 298.96,113.92 298.96,41.77 ' }),
|
4906 | _react2.default.createElement('polygon', { points: '371.11,186.08 371.11,113.92 298.96,113.92 298.96,258.23 515.42,258.23 515.42,186.08 ' }),
|
4907 | _react2.default.createElement('rect', { x: '371.11', y: '41.77', width: '144.31', height: '72.15' })
|
4908 | )
|
4909 | );
|
4910 | };
|
4911 |
|
4912 | TechCrunch.propTypes = {
|
4913 | className: _propTypes2.default.string
|
4914 | };
|
4915 |
|
4916 | exports.default = TechCrunch;
|
4917 |
|
4918 | }),
|
4919 |
|
4920 | (function(module, exports, __webpack_require__) {
|
4921 |
|
4922 | "use strict";
|
4923 |
|
4924 |
|
4925 | Object.defineProperty(exports, "__esModule", {
|
4926 | value: true
|
4927 | });
|
4928 |
|
4929 | var _react = __webpack_require__(2);
|
4930 |
|
4931 | var _react2 = _interopRequireDefault(_react);
|
4932 |
|
4933 | var _propTypes = __webpack_require__(0);
|
4934 |
|
4935 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4936 |
|
4937 | var _PressIcon = __webpack_require__(5);
|
4938 |
|
4939 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
4940 |
|
4941 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4942 |
|
4943 | 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; }
|
4944 |
|
4945 | var TodayShow = function TodayShow(_ref) {
|
4946 | var className = _ref.className,
|
4947 | props = _objectWithoutProperties(_ref, ['className']);
|
4948 |
|
4949 | return _react2.default.createElement(
|
4950 | _PressIcon2.default,
|
4951 | { className: className, onClick: function onClick() {
|
4952 | return props.onClick('today_show');
|
4953 | }, box: '0 0 715 172' },
|
4954 | _react2.default.createElement(
|
4955 | 'g',
|
4956 | null,
|
4957 | _react2.default.createElement('polygon', { points: '251.44,65.92 274.95,65.92 274.95,130.91 297.24,130.91 297.24,65.92 320.62,65.92 320.62,46.39 251.44,46.39 ' }),
|
4958 | _react2.default.createElement(
|
4959 | 'g',
|
4960 | null,
|
4961 | _react2.default.createElement('path', { d: 'M380.79,110.78c-2.75,1.23-5.86,1.86-9.23,1.86c-3.45,0-6.6-0.62-9.35-1.86c-2.76-1.23-5.13-2.94-7.05-5.07 c-1.93-2.13-3.45-4.68-4.52-7.56c-1.07-2.88-1.61-6.06-1.61-9.44c0-3.38,0.54-6.55,1.61-9.44c1.07-2.88,2.59-5.42,4.52-7.56 c1.93-2.14,4.3-3.84,7.05-5.07c2.75-1.23,5.89-1.86,9.35-1.86c3.37,0,6.47,0.62,9.23,1.86c2.75,1.23,5.12,2.94,7.05,5.07 c1.93,2.14,3.45,4.68,4.52,7.56c1.07,2.89,1.61,6.06,1.61,9.44c0,3.38-0.54,6.55-1.61,9.44c-1.07,2.88-2.59,5.42-4.52,7.56 C385.92,107.84,383.55,109.54,380.79,110.78 M403.79,57.23c-3.99-3.83-8.81-6.85-14.31-9c-5.5-2.14-11.53-3.23-17.91-3.23 c-6.46,0-12.51,1.09-17.97,3.23c-5.46,2.14-10.27,5.17-14.31,8.99c-4.04,3.83-7.24,8.48-9.51,13.81 c-2.27,5.34-3.42,11.29-3.42,17.67c0,6.38,1.15,12.33,3.42,17.67c2.27,5.34,5.47,9.99,9.51,13.82c4.03,3.82,8.85,6.85,14.31,8.99 c5.46,2.14,11.51,3.23,17.97,3.23c6.38,0,12.41-1.09,17.91-3.23c5.51-2.15,10.32-5.17,14.31-9c4-3.83,7.17-8.48,9.44-13.81 c2.27-5.34,3.42-11.28,3.42-17.67c0-6.38-1.15-12.33-3.42-17.67C410.96,65.71,407.79,61.06,403.79,57.23' }),
|
4962 | _react2.default.createElement('path', { d: 'M488.5,88.59c0,3.04-0.52,5.98-1.55,8.74c-1.03,2.76-2.53,5.19-4.46,7.24c-1.93,2.05-4.34,3.72-7.18,4.95 c-2.83,1.23-6.11,1.86-9.73,1.86h-13.24V65.92h13.36c3.79,0,7.15,0.58,9.99,1.73c2.83,1.15,5.22,2.77,7.11,4.82 c1.89,2.05,3.32,4.46,4.27,7.17C488.03,82.37,488.5,85.37,488.5,88.59 M498.26,57.67c-4.03-3.62-8.88-6.43-14.42-8.36 c-5.54-1.93-11.7-2.91-18.31-2.91h-35.48v84.51h35.6c6.54,0,12.65-0.98,18.18-2.91c5.54-1.93,10.39-4.77,14.42-8.43 c4.04-3.66,7.23-8.14,9.49-13.31c2.27-5.18,3.42-11.12,3.42-17.67c0-6.55-1.15-12.49-3.42-17.67 C505.49,65.75,502.3,61.29,498.26,57.67' })
|
4963 | ),
|
4964 | _react2.default.createElement('path', { d: 'M568.57,99.31h-20.43l10.21-30.16L568.57,99.31z M572.16,46.39h-27.62l-31.63,84.06l-0.17,0.46h25.24l4.15-12.07h32.58 l4.15,12.07h25.24l-31.85-84.3L572.16,46.39z' }),
|
4965 | _react2.default.createElement('polygon', { points: '655.82,46.39 638.04,76.98 620.11,46.56 620.01,46.39 594.82,46.39 626.89,96.86 626.89,130.91 649.19,130.91 649.19,96.86 681.14,46.39 ' })
|
4966 | ),
|
4967 | _react2.default.createElement(
|
4968 | 'g',
|
4969 | null,
|
4970 | _react2.default.createElement(
|
4971 | 'g',
|
4972 | null,
|
4973 | _react2.default.createElement('path', { d: 'M135.44,33.25c-52.12,0-94.69,40.92-97.31,92.39c-0.09,1.67-0.13,3.35-0.13,5.05h25.26c0-1.64,0.06-3.28,0.17-4.89 c2.52-37.53,33.85-67.29,72.01-67.29c38.3,0,69.73,29.99,72.04,67.72c0.09,1.47,0.14,2.96,0.14,4.45h25.26 c0-1.34-0.02-2.67-0.08-4C230.71,74.73,187.92,33.25,135.44,33.25' }),
|
4974 | _react2.default.createElement('path', { d: 'M135.44,65.73c-34.44,0-62.61,26.8-64.82,60.68c-0.09,1.42-0.14,2.84-0.14,4.28h25.26c0-1.56,0.09-3.09,0.27-4.6 c2.29-19.73,19.1-35.1,39.43-35.1c20.44,0,37.32,15.53,39.47,35.4c0.16,1.41,0.23,2.84,0.23,4.29h25.26 c0-1.39-0.04-2.76-0.13-4.13C198.14,92.6,169.93,65.73,135.44,65.73' }),
|
4975 | _react2.default.createElement('path', { d: 'M135.44,98.21c-15.84,0-29.03,11.33-31.9,26.33c-0.39,1.99-0.58,4.04-0.58,6.15h64.96c0-1.57-0.11-3.11-0.33-4.62 C165.35,110.31,151.82,98.21,135.44,98.21' })
|
4976 | )
|
4977 | )
|
4978 | );
|
4979 | };
|
4980 |
|
4981 | TodayShow.propTypes = {
|
4982 | className: _propTypes2.default.string
|
4983 | };
|
4984 |
|
4985 | exports.default = TodayShow;
|
4986 |
|
4987 | }),
|
4988 |
|
4989 | (function(module, exports, __webpack_require__) {
|
4990 |
|
4991 | "use strict";
|
4992 |
|
4993 |
|
4994 | Object.defineProperty(exports, "__esModule", {
|
4995 | value: true
|
4996 | });
|
4997 | exports.BaseRuler = undefined;
|
4998 |
|
4999 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n > path {\n fill: ', ';\n }\n > line, circle {\n fill: none;\n stroke-linecap: round;\n stroke: ', ';\n }\n'], ['\n width: ', ';\n > path {\n fill: ', ';\n }\n > line, circle {\n fill: none;\n stroke-linecap: round;\n stroke: ', ';\n }\n']);
|
5000 |
|
5001 | var _react = __webpack_require__(2);
|
5002 |
|
5003 | var _react2 = _interopRequireDefault(_react);
|
5004 |
|
5005 | var _propTypes = __webpack_require__(0);
|
5006 |
|
5007 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5008 |
|
5009 | var _styledComponents = __webpack_require__(1);
|
5010 |
|
5011 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5012 |
|
5013 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5014 |
|
5015 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5016 |
|
5017 | var BaseRuler = function BaseRuler(props) {
|
5018 | return _react2.default.createElement(
|
5019 | 'svg',
|
5020 | Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 27 12' }, props),
|
5021 | _react2.default.createElement('path', { d: 'M26,1V11H1V1H26m.5-1H.5A.5.5,0,0,0,0,.5v11a.5.5,0,0,0, .5.5h26a.5.5,0,0,0,.5-.5V.5a.51.51,0,0,0-.5-.5Z' }),
|
5022 | _react2.default.createElement('circle', { cx: '4', cy: '7.9', r: '1.25' }),
|
5023 | _react2.default.createElement('line', { x1: '4', y1: '0.5', x2: '4', y2: '3.5' }),
|
5024 | _react2.default.createElement('line', { x1: '8', y1: '0.5', x2: '8', y2: '3.5' }),
|
5025 | _react2.default.createElement('line', { x1: '12', y1: '0.5', x2: '12', y2: '3.5' }),
|
5026 | _react2.default.createElement('line', { x1: '16', y1: '0.5', x2: '16', y2: '3.5' }),
|
5027 | _react2.default.createElement('line', { x1: '20', y1: '0.5', x2: '20', y2: '3.5' }),
|
5028 | _react2.default.createElement('line', { x1: '24', y1: '0.5', x2: '24', y2: '3.5' })
|
5029 | );
|
5030 | };
|
5031 |
|
5032 | var Ruler = (0, _styledComponents2.default)(BaseRuler)(_templateObject, function (props) {
|
5033 | return props.width;
|
5034 | }, function (props) {
|
5035 | return props.theme.colors.navy;
|
5036 | }, function (props) {
|
5037 | return props.theme.colors.navy;
|
5038 | });
|
5039 |
|
5040 | Ruler.propTypes = {
|
5041 | theme: _propTypes2.default.shape({
|
5042 | colors: _propTypes2.default.shape({
|
5043 | navy: _propTypes2.default.string
|
5044 | })
|
5045 | }),
|
5046 | width: _propTypes2.default.string
|
5047 | };
|
5048 |
|
5049 | Ruler.defaultProps = {
|
5050 | width: '27px'
|
5051 |
|
5052 | };exports.default = Ruler;
|
5053 | exports.BaseRuler = BaseRuler;
|
5054 |
|
5055 | }),
|
5056 |
|
5057 | (function(module, exports, __webpack_require__) {
|
5058 |
|
5059 | "use strict";
|
5060 |
|
5061 |
|
5062 | Object.defineProperty(exports, "__esModule", {
|
5063 | value: true
|
5064 | });
|
5065 | exports.BaseXIcon = undefined;
|
5066 |
|
5067 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n line {\n stroke-width: 1.5;\n fill: none;\n stroke: ', ';\n }\n cursor: pointer;\n'], ['\n width: ', ';\n line {\n stroke-width: 1.5;\n fill: none;\n stroke: ', ';\n }\n cursor: pointer;\n']);
|
5068 |
|
5069 | var _react = __webpack_require__(2);
|
5070 |
|
5071 | var _react2 = _interopRequireDefault(_react);
|
5072 |
|
5073 | var _propTypes = __webpack_require__(0);
|
5074 |
|
5075 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5076 |
|
5077 | var _styledComponents = __webpack_require__(1);
|
5078 |
|
5079 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5080 |
|
5081 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5082 |
|
5083 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5084 |
|
5085 | var BaseXIcon = function BaseXIcon(_ref) {
|
5086 | var className = _ref.className,
|
5087 | onClick = _ref.onClick;
|
5088 |
|
5089 | return _react2.default.createElement(
|
5090 | 'svg',
|
5091 | { className: className, onClick: onClick, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 15 15' },
|
5092 | _react2.default.createElement('line', { x1: '0', y1: '0', x2: '15', y2: '15' }),
|
5093 | _react2.default.createElement('line', { x1: '0', y1: '15', x2: '15', y2: '0' })
|
5094 | );
|
5095 | };
|
5096 |
|
5097 | var XIcon = (0, _styledComponents2.default)(BaseXIcon)(_templateObject, function (props) {
|
5098 | return props.width;
|
5099 | }, function (props) {
|
5100 | return props.stroke || props.theme.colors.rocketBlue;
|
5101 | });
|
5102 |
|
5103 | XIcon.propTypes = {
|
5104 | theme: _propTypes2.default.shape({
|
5105 | colors: _propTypes2.default.shape({
|
5106 | rocketBlue: _propTypes2.default.string
|
5107 | })
|
5108 | }),
|
5109 | width: _propTypes2.default.string
|
5110 | };
|
5111 |
|
5112 | XIcon.defaultProps = {
|
5113 | width: '10px'
|
5114 |
|
5115 |
|
5116 | };exports.default = XIcon;
|
5117 | exports.BaseXIcon = BaseXIcon;
|
5118 |
|
5119 | }),
|
5120 |
|
5121 | (function(module, exports, __webpack_require__) {
|
5122 |
|
5123 | "use strict";
|
5124 |
|
5125 |
|
5126 | Object.defineProperty(exports, "__esModule", {
|
5127 | value: true
|
5128 | });
|
5129 |
|
5130 | var _AIcon = __webpack_require__(89);
|
5131 |
|
5132 | Object.defineProperty(exports, 'AIcon', {
|
5133 | enumerable: true,
|
5134 | get: function get() {
|
5135 | return _interopRequireDefault(_AIcon).default;
|
5136 | }
|
5137 | });
|
5138 |
|
5139 | var _GrayAIcon = __webpack_require__(90);
|
5140 |
|
5141 | Object.defineProperty(exports, 'GrayAIcon', {
|
5142 | enumerable: true,
|
5143 | get: function get() {
|
5144 | return _interopRequireDefault(_GrayAIcon).default;
|
5145 | }
|
5146 | });
|
5147 |
|
5148 | var _NavyAIcon = __webpack_require__(91);
|
5149 |
|
5150 | Object.defineProperty(exports, 'NavyAIcon', {
|
5151 | enumerable: true,
|
5152 | get: function get() {
|
5153 | return _interopRequireDefault(_NavyAIcon).default;
|
5154 | }
|
5155 | });
|
5156 |
|
5157 | var _WhiteAIcon = __webpack_require__(92);
|
5158 |
|
5159 | Object.defineProperty(exports, 'WhiteAIcon', {
|
5160 | enumerable: true,
|
5161 | get: function get() {
|
5162 | return _interopRequireDefault(_WhiteAIcon).default;
|
5163 | }
|
5164 | });
|
5165 |
|
5166 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5167 |
|
5168 | }),
|
5169 |
|
5170 | (function(module, exports, __webpack_require__) {
|
5171 |
|
5172 | "use strict";
|
5173 |
|
5174 |
|
5175 | Object.defineProperty(exports, "__esModule", {
|
5176 | value: true
|
5177 | });
|
5178 |
|
5179 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
5180 |
|
5181 | var _propTypes = __webpack_require__(0);
|
5182 |
|
5183 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5184 |
|
5185 | var _styledComponents = __webpack_require__(1);
|
5186 |
|
5187 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5188 |
|
5189 | var _AIcon = __webpack_require__(12);
|
5190 |
|
5191 | var _AIcon2 = _interopRequireDefault(_AIcon);
|
5192 |
|
5193 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5194 |
|
5195 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5196 |
|
5197 | var AIcon = (0, _styledComponents2.default)(_AIcon2.default)(_templateObject, function (props) {
|
5198 | return props.theme.colors.rocketBlue;
|
5199 | });
|
5200 |
|
5201 | AIcon.propTypes = {
|
5202 | theme: _propTypes2.default.shape({
|
5203 | colors: _propTypes2.default.shape({
|
5204 | rocketBlue: _propTypes2.default.string
|
5205 | })
|
5206 | })
|
5207 |
|
5208 |
|
5209 | };exports.default = AIcon;
|
5210 |
|
5211 | }),
|
5212 |
|
5213 | (function(module, exports, __webpack_require__) {
|
5214 |
|
5215 | "use strict";
|
5216 |
|
5217 |
|
5218 | Object.defineProperty(exports, "__esModule", {
|
5219 | value: true
|
5220 | });
|
5221 |
|
5222 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
5223 |
|
5224 | var _propTypes = __webpack_require__(0);
|
5225 |
|
5226 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5227 |
|
5228 | var _styledComponents = __webpack_require__(1);
|
5229 |
|
5230 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5231 |
|
5232 | var _AIcon = __webpack_require__(12);
|
5233 |
|
5234 | var _AIcon2 = _interopRequireDefault(_AIcon);
|
5235 |
|
5236 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5237 |
|
5238 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5239 |
|
5240 | var GrayAIcon = (0, _styledComponents2.default)(_AIcon2.default)(_templateObject, function (props) {
|
5241 | return props.theme.colors.gray[3];
|
5242 | });
|
5243 |
|
5244 | GrayAIcon.propTypes = {
|
5245 | theme: _propTypes2.default.shape({
|
5246 | colors: _propTypes2.default.shape({
|
5247 | gray: _propTypes2.default.array
|
5248 | })
|
5249 | })
|
5250 |
|
5251 |
|
5252 | };exports.default = GrayAIcon;
|
5253 |
|
5254 | }),
|
5255 |
|
5256 | (function(module, exports, __webpack_require__) {
|
5257 |
|
5258 | "use strict";
|
5259 |
|
5260 |
|
5261 | Object.defineProperty(exports, "__esModule", {
|
5262 | value: true
|
5263 | });
|
5264 |
|
5265 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
5266 |
|
5267 | var _propTypes = __webpack_require__(0);
|
5268 |
|
5269 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5270 |
|
5271 | var _styledComponents = __webpack_require__(1);
|
5272 |
|
5273 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5274 |
|
5275 | var _AIcon = __webpack_require__(12);
|
5276 |
|
5277 | var _AIcon2 = _interopRequireDefault(_AIcon);
|
5278 |
|
5279 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5280 |
|
5281 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5282 |
|
5283 | var NavyAIcon = (0, _styledComponents2.default)(_AIcon2.default)(_templateObject, function (props) {
|
5284 | return props.theme.colors.navy;
|
5285 | });
|
5286 |
|
5287 | NavyAIcon.propTypes = {
|
5288 | theme: _propTypes2.default.shape({
|
5289 | colors: _propTypes2.default.shape({
|
5290 | navy: _propTypes2.default.string
|
5291 | })
|
5292 | })
|
5293 |
|
5294 |
|
5295 | };exports.default = NavyAIcon;
|
5296 |
|
5297 | }),
|
5298 |
|
5299 | (function(module, exports, __webpack_require__) {
|
5300 |
|
5301 | "use strict";
|
5302 |
|
5303 |
|
5304 | Object.defineProperty(exports, "__esModule", {
|
5305 | value: true
|
5306 | });
|
5307 |
|
5308 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
5309 |
|
5310 | var _propTypes = __webpack_require__(0);
|
5311 |
|
5312 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5313 |
|
5314 | var _styledComponents = __webpack_require__(1);
|
5315 |
|
5316 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5317 |
|
5318 | var _AIcon = __webpack_require__(12);
|
5319 |
|
5320 | var _AIcon2 = _interopRequireDefault(_AIcon);
|
5321 |
|
5322 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5323 |
|
5324 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5325 |
|
5326 | var WhiteAIcon = (0, _styledComponents2.default)(_AIcon2.default)(_templateObject, function (props) {
|
5327 | return props.theme.colors.white;
|
5328 | });
|
5329 |
|
5330 | WhiteAIcon.propTypes = {
|
5331 | theme: _propTypes2.default.shape({
|
5332 | colors: _propTypes2.default.shape({
|
5333 | white: _propTypes2.default.string
|
5334 | })
|
5335 | })
|
5336 |
|
5337 |
|
5338 | };exports.default = WhiteAIcon;
|
5339 |
|
5340 | }),
|
5341 |
|
5342 | (function(module, exports, __webpack_require__) {
|
5343 |
|
5344 | "use strict";
|
5345 |
|
5346 |
|
5347 | Object.defineProperty(exports, "__esModule", {
|
5348 | value: true
|
5349 | });
|
5350 |
|
5351 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
5352 |
|
5353 | var _propTypes = __webpack_require__(0);
|
5354 |
|
5355 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5356 |
|
5357 | var _styledComponents = __webpack_require__(1);
|
5358 |
|
5359 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5360 |
|
5361 | var _Checkmark = __webpack_require__(13);
|
5362 |
|
5363 | var _Checkmark2 = _interopRequireDefault(_Checkmark);
|
5364 |
|
5365 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5366 |
|
5367 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5368 |
|
5369 | var BlueCheckmark = (0, _styledComponents2.default)(_Checkmark2.default)(_templateObject, function (props) {
|
5370 | return props.theme.colors.rocketBlue;
|
5371 | });
|
5372 |
|
5373 | BlueCheckmark.propTypes = {
|
5374 | theme: _propTypes2.default.shape({
|
5375 | colors: _propTypes2.default.shape({
|
5376 | rocketBlue: _propTypes2.default.string
|
5377 | })
|
5378 | })
|
5379 |
|
5380 |
|
5381 | };exports.default = BlueCheckmark;
|
5382 |
|
5383 | }),
|
5384 |
|
5385 | (function(module, exports, __webpack_require__) {
|
5386 |
|
5387 | "use strict";
|
5388 |
|
5389 |
|
5390 | Object.defineProperty(exports, "__esModule", {
|
5391 | value: true
|
5392 | });
|
5393 |
|
5394 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
5395 |
|
5396 | var _propTypes = __webpack_require__(0);
|
5397 |
|
5398 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5399 |
|
5400 | var _styledComponents = __webpack_require__(1);
|
5401 |
|
5402 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5403 |
|
5404 | var _Checkmark = __webpack_require__(13);
|
5405 |
|
5406 | var _Checkmark2 = _interopRequireDefault(_Checkmark);
|
5407 |
|
5408 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5409 |
|
5410 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5411 |
|
5412 | var GrayCheckmark = (0, _styledComponents2.default)(_Checkmark2.default)(_templateObject, function (props) {
|
5413 | return props.theme.colors.loading;
|
5414 | });
|
5415 |
|
5416 | GrayCheckmark.propTypes = {
|
5417 | theme: _propTypes2.default.shape({
|
5418 | colors: _propTypes2.default.shape({
|
5419 | loading: _propTypes2.default.string
|
5420 | })
|
5421 | })
|
5422 |
|
5423 |
|
5424 | };exports.default = GrayCheckmark;
|
5425 |
|
5426 | }),
|
5427 |
|
5428 | (function(module, exports, __webpack_require__) {
|
5429 |
|
5430 | "use strict";
|
5431 |
|
5432 |
|
5433 | Object.defineProperty(exports, "__esModule", {
|
5434 | value: true
|
5435 | });
|
5436 |
|
5437 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
5438 |
|
5439 | var _propTypes = __webpack_require__(0);
|
5440 |
|
5441 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5442 |
|
5443 | var _styledComponents = __webpack_require__(1);
|
5444 |
|
5445 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5446 |
|
5447 | var _Checkmark = __webpack_require__(13);
|
5448 |
|
5449 | var _Checkmark2 = _interopRequireDefault(_Checkmark);
|
5450 |
|
5451 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5452 |
|
5453 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5454 |
|
5455 | var NavyCheckmark = (0, _styledComponents2.default)(_Checkmark2.default)(_templateObject, function (props) {
|
5456 | return props.theme.colors.navy;
|
5457 | });
|
5458 |
|
5459 | NavyCheckmark.propTypes = {
|
5460 | theme: _propTypes2.default.shape({
|
5461 | colors: _propTypes2.default.shape({
|
5462 | navy: _propTypes2.default.string
|
5463 | })
|
5464 | })
|
5465 |
|
5466 |
|
5467 | };exports.default = NavyCheckmark;
|
5468 |
|
5469 | }),
|
5470 |
|
5471 | (function(module, exports, __webpack_require__) {
|
5472 |
|
5473 | "use strict";
|
5474 |
|
5475 |
|
5476 | Object.defineProperty(exports, "__esModule", {
|
5477 | value: true
|
5478 | });
|
5479 |
|
5480 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
5481 |
|
5482 | var _propTypes = __webpack_require__(0);
|
5483 |
|
5484 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5485 |
|
5486 | var _styledComponents = __webpack_require__(1);
|
5487 |
|
5488 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5489 |
|
5490 | var _Checkmark = __webpack_require__(13);
|
5491 |
|
5492 | var _Checkmark2 = _interopRequireDefault(_Checkmark);
|
5493 |
|
5494 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5495 |
|
5496 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5497 |
|
5498 | var WhiteCheckmark = (0, _styledComponents2.default)(_Checkmark2.default)(_templateObject, function (props) {
|
5499 | return props.theme.colors.white;
|
5500 | });
|
5501 |
|
5502 | WhiteCheckmark.propTypes = {
|
5503 | theme: _propTypes2.default.shape({
|
5504 | colors: _propTypes2.default.shape({
|
5505 | white: _propTypes2.default.string
|
5506 | })
|
5507 | })
|
5508 |
|
5509 |
|
5510 | };exports.default = WhiteCheckmark;
|
5511 |
|
5512 | }),
|
5513 |
|
5514 | (function(module, exports, __webpack_require__) {
|
5515 |
|
5516 | "use strict";
|
5517 |
|
5518 |
|
5519 | Object.defineProperty(exports, "__esModule", {
|
5520 | value: true
|
5521 | });
|
5522 |
|
5523 | var _CircleChevron = __webpack_require__(98);
|
5524 |
|
5525 | Object.defineProperty(exports, 'CircleChevron', {
|
5526 | enumerable: true,
|
5527 | get: function get() {
|
5528 | return _interopRequireDefault(_CircleChevron).default;
|
5529 | }
|
5530 | });
|
5531 |
|
5532 | var _YellowCircleChevron = __webpack_require__(99);
|
5533 |
|
5534 | Object.defineProperty(exports, 'YellowCircleChevron', {
|
5535 | enumerable: true,
|
5536 | get: function get() {
|
5537 | return _interopRequireDefault(_YellowCircleChevron).default;
|
5538 | }
|
5539 | });
|
5540 |
|
5541 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5542 |
|
5543 | }),
|
5544 |
|
5545 | (function(module, exports, __webpack_require__) {
|
5546 |
|
5547 | "use strict";
|
5548 |
|
5549 |
|
5550 | Object.defineProperty(exports, "__esModule", {
|
5551 | value: true
|
5552 | });
|
5553 |
|
5554 | var _templateObject = _taggedTemplateLiteral(['\n ellipse {\n fill: ', ';\n }\n polyline {\n stroke: ', ';\n stroke-width: 4;\n }\n'], ['\n ellipse {\n fill: ', ';\n }\n polyline {\n stroke: ', ';\n stroke-width: 4;\n }\n']);
|
5555 |
|
5556 | var _propTypes = __webpack_require__(0);
|
5557 |
|
5558 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5559 |
|
5560 | var _styledComponents = __webpack_require__(1);
|
5561 |
|
5562 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5563 |
|
5564 | var _CircleChevron = __webpack_require__(30);
|
5565 |
|
5566 | var _CircleChevron2 = _interopRequireDefault(_CircleChevron);
|
5567 |
|
5568 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5569 |
|
5570 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5571 |
|
5572 | var CircleChevron = (0, _styledComponents2.default)(_CircleChevron2.default)(_templateObject, function (props) {
|
5573 | return props.theme.colors.lightBlue[2];
|
5574 | }, function (props) {
|
5575 | return props.theme.colors.white;
|
5576 | });
|
5577 |
|
5578 | CircleChevron.propTypes = {
|
5579 | theme: _propTypes2.default.shape({
|
5580 | colors: _propTypes2.default.shape({
|
5581 | lightBlue: _propTypes2.default.array,
|
5582 | white: _propTypes2.default.string
|
5583 | })
|
5584 | }),
|
5585 | width: _propTypes2.default.string
|
5586 | };
|
5587 |
|
5588 | CircleChevron.defaultProps = {
|
5589 | width: '6rem'
|
5590 |
|
5591 |
|
5592 | };exports.default = CircleChevron;
|
5593 |
|
5594 | }),
|
5595 |
|
5596 | (function(module, exports, __webpack_require__) {
|
5597 |
|
5598 | "use strict";
|
5599 |
|
5600 |
|
5601 | Object.defineProperty(exports, "__esModule", {
|
5602 | value: true
|
5603 | });
|
5604 |
|
5605 | var _templateObject = _taggedTemplateLiteral(['\n ellipse {\n fill: ', ';\n }\n polyline {\n stroke: ', ';\n stroke-width: 3;\n }\n'], ['\n ellipse {\n fill: ', ';\n }\n polyline {\n stroke: ', ';\n stroke-width: 3;\n }\n']);
|
5606 |
|
5607 | var _propTypes = __webpack_require__(0);
|
5608 |
|
5609 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5610 |
|
5611 | var _styledComponents = __webpack_require__(1);
|
5612 |
|
5613 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5614 |
|
5615 | var _CircleChevron = __webpack_require__(30);
|
5616 |
|
5617 | var _CircleChevron2 = _interopRequireDefault(_CircleChevron);
|
5618 |
|
5619 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5620 |
|
5621 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5622 |
|
5623 | var YellowCircleChevron = (0, _styledComponents2.default)(_CircleChevron2.default)(_templateObject, function (props) {
|
5624 | return props.theme.colors.yellow;
|
5625 | }, function (props) {
|
5626 | return props.theme.colors.rocketBlue;
|
5627 | });
|
5628 |
|
5629 | YellowCircleChevron.propTypes = {
|
5630 | theme: _propTypes2.default.shape({
|
5631 | colors: _propTypes2.default.shape({
|
5632 | rocketBlue: _propTypes2.default.array,
|
5633 | yellow: _propTypes2.default.string
|
5634 | })
|
5635 | }),
|
5636 | width: _propTypes2.default.string
|
5637 | };
|
5638 |
|
5639 | YellowCircleChevron.defaultProps = {
|
5640 | width: '6rem'
|
5641 |
|
5642 |
|
5643 | };exports.default = YellowCircleChevron;
|
5644 |
|
5645 | }),
|
5646 |
|
5647 | (function(module, exports, __webpack_require__) {
|
5648 |
|
5649 | "use strict";
|
5650 |
|
5651 |
|
5652 | Object.defineProperty(exports, "__esModule", {
|
5653 | value: true
|
5654 | });
|
5655 |
|
5656 | var _Close = __webpack_require__(101);
|
5657 |
|
5658 | Object.defineProperty(exports, 'Close', {
|
5659 | enumerable: true,
|
5660 | get: function get() {
|
5661 | return _interopRequireDefault(_Close).default;
|
5662 | }
|
5663 | });
|
5664 |
|
5665 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5666 |
|
5667 | }),
|
5668 |
|
5669 | (function(module, exports, __webpack_require__) {
|
5670 |
|
5671 | "use strict";
|
5672 |
|
5673 |
|
5674 | Object.defineProperty(exports, "__esModule", {
|
5675 | value: true
|
5676 | });
|
5677 |
|
5678 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
5679 |
|
5680 | var _propTypes = __webpack_require__(0);
|
5681 |
|
5682 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5683 |
|
5684 | var _styledComponents = __webpack_require__(1);
|
5685 |
|
5686 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5687 |
|
5688 | var _Close = __webpack_require__(102);
|
5689 |
|
5690 | var _Close2 = _interopRequireDefault(_Close);
|
5691 |
|
5692 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5693 |
|
5694 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5695 |
|
5696 | var Close = (0, _styledComponents2.default)(_Close2.default)(_templateObject, function (props) {
|
5697 | return props.theme.colors.rocketBlue;
|
5698 | });
|
5699 |
|
5700 | Close.propTypes = {
|
5701 | className: _propTypes2.default.string
|
5702 |
|
5703 |
|
5704 | };exports.default = Close;
|
5705 |
|
5706 | }),
|
5707 |
|
5708 | (function(module, exports, __webpack_require__) {
|
5709 |
|
5710 | "use strict";
|
5711 |
|
5712 |
|
5713 | Object.defineProperty(exports, "__esModule", {
|
5714 | value: true
|
5715 | });
|
5716 |
|
5717 | var _templateObject = _taggedTemplateLiteral(['\n fill: none;\n stroke-width: ', ';\n stroke-linecap:round;\n stroke-miterlimit:10;\n width: ', ';\n text {\n font-size: 0;\n }\n'], ['\n fill: none;\n stroke-width: ', ';\n stroke-linecap:round;\n stroke-miterlimit:10;\n width: ', ';\n text {\n font-size: 0;\n }\n']);
|
5718 |
|
5719 | var _react = __webpack_require__(2);
|
5720 |
|
5721 | var _react2 = _interopRequireDefault(_react);
|
5722 |
|
5723 | var _propTypes = __webpack_require__(0);
|
5724 |
|
5725 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5726 |
|
5727 | var _styledComponents = __webpack_require__(1);
|
5728 |
|
5729 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5730 |
|
5731 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5732 |
|
5733 | 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; }
|
5734 |
|
5735 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5736 |
|
5737 | var BaseClose = (0, _styledComponents2.default)(function (_ref) {
|
5738 | var className = _ref.className,
|
5739 | props = _objectWithoutProperties(_ref, ['className']);
|
5740 |
|
5741 | return _react2.default.createElement(
|
5742 | 'svg',
|
5743 | Object.assign({
|
5744 | className: className,
|
5745 | version: '1.1',
|
5746 | viewBox: '0 0 800 800'
|
5747 | }, props),
|
5748 | _react2.default.createElement(
|
5749 | 'text',
|
5750 | null,
|
5751 | 'Close'
|
5752 | ),
|
5753 | _react2.default.createElement('line', { x1: '50', y1: '50', x2: '750', y2: '750' }),
|
5754 | _react2.default.createElement('line', { x1: '750', y1: '50', x2: '50', y2: '750' })
|
5755 | );
|
5756 | })(_templateObject, function (props) {
|
5757 | return props.strokeWidth;
|
5758 | }, function (props) {
|
5759 | return props.width;
|
5760 | });
|
5761 |
|
5762 | BaseClose.propTypes = {
|
5763 | strokeWidth: _propTypes2.default.number,
|
5764 | width: _propTypes2.default.string
|
5765 | };
|
5766 |
|
5767 | BaseClose.defaultProps = {
|
5768 | strokeWidth: 80,
|
5769 | width: '2.5rem'
|
5770 |
|
5771 |
|
5772 | };exports.default = BaseClose;
|
5773 |
|
5774 | }),
|
5775 |
|
5776 | (function(module, exports, __webpack_require__) {
|
5777 |
|
5778 | "use strict";
|
5779 |
|
5780 |
|
5781 | Object.defineProperty(exports, "__esModule", {
|
5782 | value: true
|
5783 | });
|
5784 |
|
5785 | var _BlueHamburger = __webpack_require__(104);
|
5786 |
|
5787 | Object.defineProperty(exports, 'BlueHamburger', {
|
5788 | enumerable: true,
|
5789 | get: function get() {
|
5790 | return _interopRequireDefault(_BlueHamburger).default;
|
5791 | }
|
5792 | });
|
5793 |
|
5794 | var _GrayHamburger = __webpack_require__(105);
|
5795 |
|
5796 | Object.defineProperty(exports, 'GrayHamburger', {
|
5797 | enumerable: true,
|
5798 | get: function get() {
|
5799 | return _interopRequireDefault(_GrayHamburger).default;
|
5800 | }
|
5801 | });
|
5802 |
|
5803 | var _Hamburger = __webpack_require__(106);
|
5804 |
|
5805 | Object.defineProperty(exports, 'Hamburger', {
|
5806 | enumerable: true,
|
5807 | get: function get() {
|
5808 | return _interopRequireDefault(_Hamburger).default;
|
5809 | }
|
5810 | });
|
5811 |
|
5812 | var _NavyHamburger = __webpack_require__(107);
|
5813 |
|
5814 | Object.defineProperty(exports, 'NavyHamburger', {
|
5815 | enumerable: true,
|
5816 | get: function get() {
|
5817 | return _interopRequireDefault(_NavyHamburger).default;
|
5818 | }
|
5819 | });
|
5820 |
|
5821 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5822 |
|
5823 | }),
|
5824 |
|
5825 | (function(module, exports, __webpack_require__) {
|
5826 |
|
5827 | "use strict";
|
5828 |
|
5829 |
|
5830 | Object.defineProperty(exports, "__esModule", {
|
5831 | value: true
|
5832 | });
|
5833 |
|
5834 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
5835 |
|
5836 | var _propTypes = __webpack_require__(0);
|
5837 |
|
5838 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5839 |
|
5840 | var _styledComponents = __webpack_require__(1);
|
5841 |
|
5842 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5843 |
|
5844 | var _Hamburger = __webpack_require__(14);
|
5845 |
|
5846 | var _Hamburger2 = _interopRequireDefault(_Hamburger);
|
5847 |
|
5848 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5849 |
|
5850 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5851 |
|
5852 | var BlueHamburger = (0, _styledComponents2.default)(_Hamburger2.default)(_templateObject, function (props) {
|
5853 | return props.theme.colors.rocketBlue;
|
5854 | });
|
5855 |
|
5856 | BlueHamburger.propTypes = {
|
5857 | theme: _propTypes2.default.shape({
|
5858 | colors: _propTypes2.default.shape({
|
5859 | white: _propTypes2.default.string
|
5860 | })
|
5861 | })
|
5862 |
|
5863 |
|
5864 | };exports.default = BlueHamburger;
|
5865 |
|
5866 | }),
|
5867 |
|
5868 | (function(module, exports, __webpack_require__) {
|
5869 |
|
5870 | "use strict";
|
5871 |
|
5872 |
|
5873 | Object.defineProperty(exports, "__esModule", {
|
5874 | value: true
|
5875 | });
|
5876 |
|
5877 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
5878 |
|
5879 | var _propTypes = __webpack_require__(0);
|
5880 |
|
5881 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5882 |
|
5883 | var _styledComponents = __webpack_require__(1);
|
5884 |
|
5885 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5886 |
|
5887 | var _Hamburger = __webpack_require__(14);
|
5888 |
|
5889 | var _Hamburger2 = _interopRequireDefault(_Hamburger);
|
5890 |
|
5891 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5892 |
|
5893 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5894 |
|
5895 | var GrayHamburger = (0, _styledComponents2.default)(_Hamburger2.default)(_templateObject, function (props) {
|
5896 | return props.theme.colors.loading;
|
5897 | });
|
5898 |
|
5899 | GrayHamburger.propTypes = {
|
5900 | theme: _propTypes2.default.shape({
|
5901 | colors: _propTypes2.default.shape({
|
5902 | white: _propTypes2.default.string
|
5903 | })
|
5904 | })
|
5905 |
|
5906 |
|
5907 | };exports.default = GrayHamburger;
|
5908 |
|
5909 | }),
|
5910 |
|
5911 | (function(module, exports, __webpack_require__) {
|
5912 |
|
5913 | "use strict";
|
5914 |
|
5915 |
|
5916 | Object.defineProperty(exports, "__esModule", {
|
5917 | value: true
|
5918 | });
|
5919 |
|
5920 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
5921 |
|
5922 | var _propTypes = __webpack_require__(0);
|
5923 |
|
5924 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5925 |
|
5926 | var _styledComponents = __webpack_require__(1);
|
5927 |
|
5928 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5929 |
|
5930 | var _Hamburger = __webpack_require__(14);
|
5931 |
|
5932 | var _Hamburger2 = _interopRequireDefault(_Hamburger);
|
5933 |
|
5934 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5935 |
|
5936 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5937 |
|
5938 | var Hamburger = (0, _styledComponents2.default)(_Hamburger2.default)(_templateObject, function (props) {
|
5939 | return props.theme.colors.white;
|
5940 | });
|
5941 |
|
5942 | Hamburger.propTypes = {
|
5943 | theme: _propTypes2.default.shape({
|
5944 | colors: _propTypes2.default.shape({
|
5945 | white: _propTypes2.default.string
|
5946 | })
|
5947 | })
|
5948 |
|
5949 |
|
5950 | };exports.default = Hamburger;
|
5951 |
|
5952 | }),
|
5953 |
|
5954 | (function(module, exports, __webpack_require__) {
|
5955 |
|
5956 | "use strict";
|
5957 |
|
5958 |
|
5959 | Object.defineProperty(exports, "__esModule", {
|
5960 | value: true
|
5961 | });
|
5962 |
|
5963 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
5964 |
|
5965 | var _propTypes = __webpack_require__(0);
|
5966 |
|
5967 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5968 |
|
5969 | var _styledComponents = __webpack_require__(1);
|
5970 |
|
5971 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5972 |
|
5973 | var _Hamburger = __webpack_require__(14);
|
5974 |
|
5975 | var _Hamburger2 = _interopRequireDefault(_Hamburger);
|
5976 |
|
5977 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5978 |
|
5979 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5980 |
|
5981 | var NavyHamburger = (0, _styledComponents2.default)(_Hamburger2.default)(_templateObject, function (props) {
|
5982 | return props.theme.colors.navy;
|
5983 | });
|
5984 |
|
5985 | NavyHamburger.propTypes = {
|
5986 | theme: _propTypes2.default.shape({
|
5987 | colors: _propTypes2.default.shape({
|
5988 | white: _propTypes2.default.string
|
5989 | })
|
5990 | })
|
5991 |
|
5992 |
|
5993 | };exports.default = NavyHamburger;
|
5994 |
|
5995 | }),
|
5996 |
|
5997 | (function(module, exports, __webpack_require__) {
|
5998 |
|
5999 | "use strict";
|
6000 |
|
6001 |
|
6002 | Object.defineProperty(exports, "__esModule", {
|
6003 | value: true
|
6004 | });
|
6005 |
|
6006 | var _Highlighter = __webpack_require__(109);
|
6007 |
|
6008 | Object.defineProperty(exports, 'Highlighter', {
|
6009 | enumerable: true,
|
6010 | get: function get() {
|
6011 | return _interopRequireDefault(_Highlighter).default;
|
6012 | }
|
6013 | });
|
6014 |
|
6015 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6016 |
|
6017 | }),
|
6018 |
|
6019 | (function(module, exports, __webpack_require__) {
|
6020 |
|
6021 | "use strict";
|
6022 |
|
6023 |
|
6024 | Object.defineProperty(exports, "__esModule", {
|
6025 | value: true
|
6026 | });
|
6027 | exports.Highlighter = undefined;
|
6028 |
|
6029 | 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; }; }();
|
6030 |
|
6031 | var _templateObject = _taggedTemplateLiteral(['\n to {\n stroke-dashoffset: 0;\n }\n'], ['\n to {\n stroke-dashoffset: 0;\n }\n']),
|
6032 | _templateObject2 = _taggedTemplateLiteral(['\n fill: none;\n stroke: #f0ff02;\n stroke-width: 12;\n stroke-dasharray: 2000;\n stroke-dashoffset: 2000;\n\n &.highlight {\n animation: ', ' 1.5s linear forwards;\n }\n\n'], ['\n fill: none;\n stroke: #f0ff02;\n stroke-width: 12;\n stroke-dasharray: 2000;\n stroke-dashoffset: 2000;\n\n &.highlight {\n animation: ', ' 1.5s linear forwards;\n }\n\n']);
|
6033 |
|
6034 | var _react = __webpack_require__(2);
|
6035 |
|
6036 | var _react2 = _interopRequireDefault(_react);
|
6037 |
|
6038 | var _propTypes = __webpack_require__(0);
|
6039 |
|
6040 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6041 |
|
6042 | var _styledComponents = __webpack_require__(1);
|
6043 |
|
6044 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6045 |
|
6046 | var _classnames = __webpack_require__(7);
|
6047 |
|
6048 | var _classnames2 = _interopRequireDefault(_classnames);
|
6049 |
|
6050 | var _defaultProps = __webpack_require__(110);
|
6051 |
|
6052 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6053 |
|
6054 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6055 |
|
6056 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
6057 |
|
6058 | 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; }
|
6059 |
|
6060 | 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; }
|
6061 |
|
6062 | var Highlighter = exports.Highlighter = function (_React$Component) {
|
6063 | _inherits(Highlighter, _React$Component);
|
6064 |
|
6065 | function Highlighter(props) {
|
6066 | _classCallCheck(this, Highlighter);
|
6067 |
|
6068 | var _this = _possibleConstructorReturn(this, (Highlighter.__proto__ || Object.getPrototypeOf(Highlighter)).call(this, props));
|
6069 |
|
6070 | _this.state = { points: '' };
|
6071 | return _this;
|
6072 | }
|
6073 |
|
6074 | _createClass(Highlighter, [{
|
6075 | key: 'componentWillMount',
|
6076 | value: function componentWillMount() {
|
6077 | var pointCollection = this.props.pointCollection;
|
6078 |
|
6079 | var index = Math.floor(Math.random() * 3);
|
6080 | this.setState({ points: pointCollection[index].join(' ') });
|
6081 | }
|
6082 | }, {
|
6083 | key: 'render',
|
6084 | value: function render() {
|
6085 | var _props = this.props,
|
6086 | highlighterClass = _props.className,
|
6087 | highlight = _props.highlight;
|
6088 |
|
6089 | var className = (0, _classnames2.default)(highlighterClass, {
|
6090 | 'highlight': highlight
|
6091 | });
|
6092 | return _react2.default.createElement(
|
6093 | 'svg',
|
6094 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 120 30' },
|
6095 | _react2.default.createElement('polyline', {
|
6096 | points: this.state.points
|
6097 | })
|
6098 | );
|
6099 | }
|
6100 | }]);
|
6101 |
|
6102 | return Highlighter;
|
6103 | }(_react2.default.Component);
|
6104 |
|
6105 | Highlighter.defaultProps = {
|
6106 | pointCollection: _defaultProps.pointCollection,
|
6107 | highlight: false
|
6108 | };
|
6109 |
|
6110 | Highlighter.propTypes = {
|
6111 | pointCollection: _propTypes2.default.array,
|
6112 | highlight: _propTypes2.default.bool
|
6113 | };
|
6114 |
|
6115 | var dash = (0, _styledComponents.keyframes)(_templateObject);
|
6116 |
|
6117 | exports.default = (0, _styledComponents2.default)(Highlighter)(_templateObject2, dash);
|
6118 |
|
6119 | }),
|
6120 |
|
6121 | (function(module, exports, __webpack_require__) {
|
6122 |
|
6123 | "use strict";
|
6124 |
|
6125 |
|
6126 | Object.defineProperty(exports, "__esModule", {
|
6127 | value: true
|
6128 | });
|
6129 | var pointCollection = exports.pointCollection = [[1.32, 9.75, 118.82, 36.25, 1.32, 36.25, 120.82, 19.5, 1.32, 23.75, 114.82, 6.25, 0.07, 6], [5.17, 6, 113.92, 6, 13.79, 37.63, 107.81, 36.89, 0.92, 20.38, 109.29, 18.63, 9.17, 13.38, 105.17, 28.13, 11.79, 29.88], [120.93, 5.99, 0.68, 12.24, 115.18, 13.24, 4.93, 44.74, 116.05, 45.12, 0.68, 31.99, 114.93, 29.24, 8.18, 20.49, 114.43, 21.74]];
|
6130 |
|
6131 | }),
|
6132 |
|
6133 | (function(module, exports, __webpack_require__) {
|
6134 |
|
6135 | "use strict";
|
6136 |
|
6137 |
|
6138 | Object.defineProperty(exports, "__esModule", {
|
6139 | value: true
|
6140 | });
|
6141 |
|
6142 | var _GrayLogo = __webpack_require__(112);
|
6143 |
|
6144 | Object.defineProperty(exports, 'GrayLogo', {
|
6145 | enumerable: true,
|
6146 | get: function get() {
|
6147 | return _interopRequireDefault(_GrayLogo).default;
|
6148 | }
|
6149 | });
|
6150 |
|
6151 | var _Logo = __webpack_require__(113);
|
6152 |
|
6153 | Object.defineProperty(exports, 'Logo', {
|
6154 | enumerable: true,
|
6155 | get: function get() {
|
6156 | return _interopRequireDefault(_Logo).default;
|
6157 | }
|
6158 | });
|
6159 |
|
6160 | var _NavyLogo = __webpack_require__(114);
|
6161 |
|
6162 | Object.defineProperty(exports, 'NavyLogo', {
|
6163 | enumerable: true,
|
6164 | get: function get() {
|
6165 | return _interopRequireDefault(_NavyLogo).default;
|
6166 | }
|
6167 | });
|
6168 |
|
6169 | var _WhiteLogo = __webpack_require__(115);
|
6170 |
|
6171 | Object.defineProperty(exports, 'WhiteLogo', {
|
6172 | enumerable: true,
|
6173 | get: function get() {
|
6174 | return _interopRequireDefault(_WhiteLogo).default;
|
6175 | }
|
6176 | });
|
6177 |
|
6178 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6179 |
|
6180 | }),
|
6181 |
|
6182 | (function(module, exports, __webpack_require__) {
|
6183 |
|
6184 | "use strict";
|
6185 |
|
6186 |
|
6187 | Object.defineProperty(exports, "__esModule", {
|
6188 | value: true
|
6189 | });
|
6190 |
|
6191 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
6192 |
|
6193 | var _propTypes = __webpack_require__(0);
|
6194 |
|
6195 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6196 |
|
6197 | var _styledComponents = __webpack_require__(1);
|
6198 |
|
6199 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6200 |
|
6201 | var _Logo = __webpack_require__(15);
|
6202 |
|
6203 | var _Logo2 = _interopRequireDefault(_Logo);
|
6204 |
|
6205 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6206 |
|
6207 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6208 |
|
6209 | var GrayLogo = (0, _styledComponents2.default)(_Logo2.default)(_templateObject, function (props) {
|
6210 | return props.theme.colors.gray[4];
|
6211 | });
|
6212 |
|
6213 | GrayLogo.propTypes = {
|
6214 | theme: _propTypes2.default.shape({
|
6215 | colors: _propTypes2.default.shape({
|
6216 | gray: _propTypes2.default.array
|
6217 | })
|
6218 | }),
|
6219 | maxWidth: _propTypes2.default.string
|
6220 |
|
6221 |
|
6222 | };exports.default = GrayLogo;
|
6223 |
|
6224 |
|
6225 |
|
6226 |
|
6227 |
|
6228 | }),
|
6229 |
|
6230 | (function(module, exports, __webpack_require__) {
|
6231 |
|
6232 | "use strict";
|
6233 |
|
6234 |
|
6235 | Object.defineProperty(exports, "__esModule", {
|
6236 | value: true
|
6237 | });
|
6238 |
|
6239 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
6240 |
|
6241 | var _propTypes = __webpack_require__(0);
|
6242 |
|
6243 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6244 |
|
6245 | var _styledComponents = __webpack_require__(1);
|
6246 |
|
6247 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6248 |
|
6249 | var _Logo = __webpack_require__(15);
|
6250 |
|
6251 | var _Logo2 = _interopRequireDefault(_Logo);
|
6252 |
|
6253 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6254 |
|
6255 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6256 |
|
6257 | var Logo = (0, _styledComponents2.default)(_Logo2.default)(_templateObject, function (props) {
|
6258 | return props.theme.colors.rocketBlue;
|
6259 | });
|
6260 |
|
6261 | Logo.propTypes = {
|
6262 | theme: _propTypes2.default.shape({
|
6263 | color: _propTypes2.default.shape({
|
6264 | rocketBlue: _propTypes2.default.string
|
6265 | })
|
6266 | }),
|
6267 | maxWidth: _propTypes2.default.string
|
6268 |
|
6269 |
|
6270 | };exports.default = Logo;
|
6271 |
|
6272 |
|
6273 |
|
6274 |
|
6275 |
|
6276 | }),
|
6277 |
|
6278 | (function(module, exports, __webpack_require__) {
|
6279 |
|
6280 | "use strict";
|
6281 |
|
6282 |
|
6283 | Object.defineProperty(exports, "__esModule", {
|
6284 | value: true
|
6285 | });
|
6286 |
|
6287 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
6288 |
|
6289 | var _propTypes = __webpack_require__(0);
|
6290 |
|
6291 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6292 |
|
6293 | var _styledComponents = __webpack_require__(1);
|
6294 |
|
6295 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6296 |
|
6297 | var _Logo = __webpack_require__(15);
|
6298 |
|
6299 | var _Logo2 = _interopRequireDefault(_Logo);
|
6300 |
|
6301 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6302 |
|
6303 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6304 |
|
6305 | var NavyLogo = (0, _styledComponents2.default)(_Logo2.default)(_templateObject, function (props) {
|
6306 | return props.theme.colors.navy;
|
6307 | });
|
6308 |
|
6309 | NavyLogo.propTypes = {
|
6310 | theme: _propTypes2.default.shape({
|
6311 | colors: _propTypes2.default.shape({
|
6312 | navy: _propTypes2.default.string
|
6313 | })
|
6314 | }),
|
6315 | maxWidth: _propTypes2.default.string
|
6316 |
|
6317 |
|
6318 | };exports.default = NavyLogo;
|
6319 |
|
6320 |
|
6321 |
|
6322 |
|
6323 |
|
6324 | }),
|
6325 |
|
6326 | (function(module, exports, __webpack_require__) {
|
6327 |
|
6328 | "use strict";
|
6329 |
|
6330 |
|
6331 | Object.defineProperty(exports, "__esModule", {
|
6332 | value: true
|
6333 | });
|
6334 |
|
6335 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
6336 |
|
6337 | var _propTypes = __webpack_require__(0);
|
6338 |
|
6339 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6340 |
|
6341 | var _styledComponents = __webpack_require__(1);
|
6342 |
|
6343 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6344 |
|
6345 | var _Logo = __webpack_require__(15);
|
6346 |
|
6347 | var _Logo2 = _interopRequireDefault(_Logo);
|
6348 |
|
6349 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6350 |
|
6351 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6352 |
|
6353 | var WhiteLogo = (0, _styledComponents2.default)(_Logo2.default)(_templateObject, function (props) {
|
6354 | return props.theme.colors.white;
|
6355 | });
|
6356 |
|
6357 | WhiteLogo.propTypes = {
|
6358 | theme: _propTypes2.default.shape({
|
6359 | colors: _propTypes2.default.shape({
|
6360 | white: _propTypes2.default.string
|
6361 | })
|
6362 | }),
|
6363 | maxWidth: _propTypes2.default.string
|
6364 |
|
6365 |
|
6366 | };exports.default = WhiteLogo;
|
6367 |
|
6368 |
|
6369 |
|
6370 |
|
6371 |
|
6372 | }),
|
6373 |
|
6374 | (function(module, exports, __webpack_require__) {
|
6375 |
|
6376 | "use strict";
|
6377 |
|
6378 |
|
6379 | Object.defineProperty(exports, "__esModule", {
|
6380 | value: true
|
6381 | });
|
6382 |
|
6383 | var _templateObject = _taggedTemplateLiteral(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
6384 |
|
6385 | var _propTypes = __webpack_require__(0);
|
6386 |
|
6387 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6388 |
|
6389 | var _styledComponents = __webpack_require__(1);
|
6390 |
|
6391 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6392 |
|
6393 | var _Spinner = __webpack_require__(16);
|
6394 |
|
6395 | var _Spinner2 = _interopRequireDefault(_Spinner);
|
6396 |
|
6397 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6398 |
|
6399 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6400 |
|
6401 | var BlueSpinner = (0, _styledComponents2.default)(_Spinner2.default)(_templateObject, function (props) {
|
6402 | return props.theme.colors.rocketBlue;
|
6403 | });
|
6404 |
|
6405 | BlueSpinner.propTypes = {
|
6406 | theme: _propTypes2.default.shape({
|
6407 | colors: _propTypes2.default.shape({
|
6408 | rocketBlue: _propTypes2.default.string
|
6409 | })
|
6410 | })
|
6411 |
|
6412 |
|
6413 | };exports.default = BlueSpinner;
|
6414 |
|
6415 | }),
|
6416 |
|
6417 | (function(module, exports, __webpack_require__) {
|
6418 |
|
6419 | "use strict";
|
6420 |
|
6421 |
|
6422 | Object.defineProperty(exports, "__esModule", {
|
6423 | value: true
|
6424 | });
|
6425 |
|
6426 | var _templateObject = _taggedTemplateLiteral(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
6427 |
|
6428 | var _propTypes = __webpack_require__(0);
|
6429 |
|
6430 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6431 |
|
6432 | var _styledComponents = __webpack_require__(1);
|
6433 |
|
6434 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6435 |
|
6436 | var _Spinner = __webpack_require__(16);
|
6437 |
|
6438 | var _Spinner2 = _interopRequireDefault(_Spinner);
|
6439 |
|
6440 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6441 |
|
6442 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6443 |
|
6444 | var GraySpinner = (0, _styledComponents2.default)(_Spinner2.default)(_templateObject, function (props) {
|
6445 | return props.theme.colors.loading;
|
6446 | });
|
6447 |
|
6448 | GraySpinner.propTypes = {
|
6449 | theme: _propTypes2.default.shape({
|
6450 | colors: _propTypes2.default.shape({
|
6451 | loading: _propTypes2.default.string
|
6452 | })
|
6453 | })
|
6454 |
|
6455 |
|
6456 | };exports.default = GraySpinner;
|
6457 |
|
6458 | }),
|
6459 |
|
6460 | (function(module, exports, __webpack_require__) {
|
6461 |
|
6462 | "use strict";
|
6463 |
|
6464 |
|
6465 | Object.defineProperty(exports, "__esModule", {
|
6466 | value: true
|
6467 | });
|
6468 |
|
6469 | var _templateObject = _taggedTemplateLiteral(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
6470 |
|
6471 | var _propTypes = __webpack_require__(0);
|
6472 |
|
6473 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6474 |
|
6475 | var _styledComponents = __webpack_require__(1);
|
6476 |
|
6477 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6478 |
|
6479 | var _Spinner = __webpack_require__(16);
|
6480 |
|
6481 | var _Spinner2 = _interopRequireDefault(_Spinner);
|
6482 |
|
6483 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6484 |
|
6485 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6486 |
|
6487 | var NavySpinner = (0, _styledComponents2.default)(_Spinner2.default)(_templateObject, function (props) {
|
6488 | return props.theme.colors.navy;
|
6489 | });
|
6490 |
|
6491 | NavySpinner.propTypes = {
|
6492 | theme: _propTypes2.default.shape({
|
6493 | colors: _propTypes2.default.shape({
|
6494 | navy: _propTypes2.default.string
|
6495 | })
|
6496 | })
|
6497 |
|
6498 |
|
6499 | };exports.default = NavySpinner;
|
6500 |
|
6501 | }),
|
6502 |
|
6503 | (function(module, exports, __webpack_require__) {
|
6504 |
|
6505 | "use strict";
|
6506 |
|
6507 |
|
6508 | Object.defineProperty(exports, "__esModule", {
|
6509 | value: true
|
6510 | });
|
6511 |
|
6512 | var _templateObject = _taggedTemplateLiteral(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
6513 |
|
6514 | var _propTypes = __webpack_require__(0);
|
6515 |
|
6516 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6517 |
|
6518 | var _styledComponents = __webpack_require__(1);
|
6519 |
|
6520 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6521 |
|
6522 | var _Spinner = __webpack_require__(16);
|
6523 |
|
6524 | var _Spinner2 = _interopRequireDefault(_Spinner);
|
6525 |
|
6526 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6527 |
|
6528 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6529 |
|
6530 | var WhiteSpinner = (0, _styledComponents2.default)(_Spinner2.default)(_templateObject, function (props) {
|
6531 | return props.theme.colors.white;
|
6532 | });
|
6533 |
|
6534 | WhiteSpinner.propTypes = {
|
6535 | theme: _propTypes2.default.shape({
|
6536 | colors: _propTypes2.default.shape({
|
6537 | white: _propTypes2.default.string
|
6538 | })
|
6539 | })
|
6540 |
|
6541 |
|
6542 | };exports.default = WhiteSpinner;
|
6543 |
|
6544 | }),
|
6545 |
|
6546 | (function(module, exports, __webpack_require__) {
|
6547 |
|
6548 | "use strict";
|
6549 |
|
6550 |
|
6551 | Object.defineProperty(exports, "__esModule", {
|
6552 | value: true
|
6553 | });
|
6554 |
|
6555 | var _backgroundImage = __webpack_require__(121);
|
6556 |
|
6557 | Object.defineProperty(exports, 'BackgroundImage', {
|
6558 | enumerable: true,
|
6559 | get: function get() {
|
6560 | return _interopRequireDefault(_backgroundImage).default;
|
6561 | }
|
6562 | });
|
6563 |
|
6564 | var _inlineImage = __webpack_require__(123);
|
6565 |
|
6566 | Object.defineProperty(exports, 'InlineImage', {
|
6567 | enumerable: true,
|
6568 | get: function get() {
|
6569 | return _interopRequireDefault(_inlineImage).default;
|
6570 | }
|
6571 | });
|
6572 |
|
6573 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6574 |
|
6575 | }),
|
6576 |
|
6577 | (function(module, exports, __webpack_require__) {
|
6578 |
|
6579 | "use strict";
|
6580 |
|
6581 |
|
6582 | Object.defineProperty(exports, "__esModule", {
|
6583 | value: true
|
6584 | });
|
6585 |
|
6586 | 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; }; }();
|
6587 |
|
6588 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n width: 100%;\n > div {\n background-image: url(', ');\n background-size: contain;\n background-repeat: no-repeat;\n padding-top: ', '%;\n }\n > article {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n'], ['\n position: relative;\n width: 100%;\n > div {\n background-image: url(', ');\n background-size: contain;\n background-repeat: no-repeat;\n padding-top: ', '%;\n }\n > article {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n']);
|
6589 |
|
6590 | var _react = __webpack_require__(2);
|
6591 |
|
6592 | var _react2 = _interopRequireDefault(_react);
|
6593 |
|
6594 | var _propTypes = __webpack_require__(0);
|
6595 |
|
6596 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6597 |
|
6598 | var _styledComponents = __webpack_require__(1);
|
6599 |
|
6600 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6601 |
|
6602 | var _reactSizeme = __webpack_require__(31);
|
6603 |
|
6604 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6605 |
|
6606 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
6607 |
|
6608 | 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; }
|
6609 |
|
6610 | 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; }
|
6611 |
|
6612 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6613 |
|
6614 | __webpack_require__(122);
|
6615 |
|
6616 | var StyledBackgroundImage = _styledComponents2.default.section(_templateObject, function (props) {
|
6617 | return props.src;
|
6618 | }, function (props) {
|
6619 | return props.defaultPaddingTop;
|
6620 | });
|
6621 |
|
6622 | var BackgroundImage = function (_React$Component) {
|
6623 | _inherits(BackgroundImage, _React$Component);
|
6624 |
|
6625 | function BackgroundImage(props) {
|
6626 | _classCallCheck(this, BackgroundImage);
|
6627 |
|
6628 | var _this = _possibleConstructorReturn(this, (BackgroundImage.__proto__ || Object.getPrototypeOf(BackgroundImage)).call(this, props));
|
6629 |
|
6630 | _this.setResponsiveBackground = function () {
|
6631 | var _this$props = _this.props,
|
6632 | width = _this$props.size.width,
|
6633 | src = _this$props.src,
|
6634 | inSources = _this$props.sources;
|
6635 |
|
6636 | var sources = Object.assign({}, inSources, { 0: src });
|
6637 | var currentSrc = _this.state.currentSrc;
|
6638 |
|
6639 | if (sources) {
|
6640 | var newSrc = sources[Object.keys(sources).sort(function (keyA, keyB) {
|
6641 | return keyA - keyB;
|
6642 | }).reverse().find(function (key) {
|
6643 | return key < width;
|
6644 | })];
|
6645 | if (currentSrc !== newSrc) {
|
6646 | var image = new Image();
|
6647 | image.src = newSrc;
|
6648 | image.onload = function () {
|
6649 | var defaultPaddingTop = image.height !== 0 && image.width !== 0 ? image.height / image.width * 100 : 0;
|
6650 | _this.setState({
|
6651 | currentSrc: newSrc,
|
6652 | defaultPaddingTop: defaultPaddingTop
|
6653 | });
|
6654 | };
|
6655 | }
|
6656 | }
|
6657 | };
|
6658 |
|
6659 | _this.state = {
|
6660 | currentSrc: undefined,
|
6661 | defaultPaddingTop: undefined
|
6662 | };
|
6663 | return _this;
|
6664 | }
|
6665 |
|
6666 | _createClass(BackgroundImage, [{
|
6667 | key: 'componentDidMount',
|
6668 | value: function componentDidMount() {
|
6669 | this.setResponsiveBackground();
|
6670 | }
|
6671 | }, {
|
6672 | key: 'componentDidUpdate',
|
6673 | value: function componentDidUpdate() {
|
6674 | this.setResponsiveBackground();
|
6675 | }
|
6676 | }, {
|
6677 | key: 'render',
|
6678 | value: function render() {
|
6679 | var children = this.props.children;
|
6680 | var _state = this.state,
|
6681 | currentSrc = _state.currentSrc,
|
6682 | defaultPaddingTop = _state.defaultPaddingTop;
|
6683 |
|
6684 | return _react2.default.createElement(
|
6685 | StyledBackgroundImage,
|
6686 | Object.assign({}, this.props, { src: currentSrc, defaultPaddingTop: defaultPaddingTop }),
|
6687 | _react2.default.createElement('div', null),
|
6688 | _react2.default.createElement(
|
6689 | 'article',
|
6690 | null,
|
6691 | children
|
6692 | )
|
6693 | );
|
6694 | }
|
6695 | }]);
|
6696 |
|
6697 | return BackgroundImage;
|
6698 | }(_react2.default.Component);
|
6699 |
|
6700 | BackgroundImage.propTypes = {
|
6701 | src: _propTypes2.default.string,
|
6702 | sizes: _propTypes2.default.object,
|
6703 | srcSet: _propTypes2.default.oneOfType([function (props, propName, componentName) {
|
6704 | if (props[propName] && !props['sizes']) {
|
6705 | console.warn('You have provided ' + propName + ', but not defined the sizes prop, this will cause your InlineImages for be sized to 100vw if a `width` css property is not set.');
|
6706 | }
|
6707 | }, _propTypes2.default.object])
|
6708 |
|
6709 |
|
6710 | };exports.default = (0, _reactSizeme.withSize)()(BackgroundImage);
|
6711 |
|
6712 | }),
|
6713 |
|
6714 | (function(module, exports) {
|
6715 |
|
6716 | module.exports = require("jspolyfill-array.prototype.find");
|
6717 |
|
6718 | }),
|
6719 |
|
6720 | (function(module, exports, __webpack_require__) {
|
6721 |
|
6722 | "use strict";
|
6723 |
|
6724 |
|
6725 | Object.defineProperty(exports, "__esModule", {
|
6726 | value: true
|
6727 | });
|
6728 |
|
6729 | var _react = __webpack_require__(2);
|
6730 |
|
6731 | var _react2 = _interopRequireDefault(_react);
|
6732 |
|
6733 | var _propTypes = __webpack_require__(0);
|
6734 |
|
6735 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6736 |
|
6737 | var _sizes = __webpack_require__(124);
|
6738 |
|
6739 | var _sizes2 = _interopRequireDefault(_sizes);
|
6740 |
|
6741 | var _sourceSet = __webpack_require__(125);
|
6742 |
|
6743 | var _sourceSet2 = _interopRequireDefault(_sourceSet);
|
6744 |
|
6745 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6746 |
|
6747 | 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; }
|
6748 |
|
6749 | var InlineImage = function InlineImage(_ref) {
|
6750 | var alt = _ref.alt,
|
6751 | src = _ref.src,
|
6752 | inSizes = _ref.sizes,
|
6753 | inSources = _ref.srcSet,
|
6754 | props = _objectWithoutProperties(_ref, ['alt', 'src', 'sizes', 'srcSet']);
|
6755 |
|
6756 | var srcSet = undefined;
|
6757 | if (inSources) {
|
6758 | srcSet = new _sourceSet2.default(inSources).toString();
|
6759 | }
|
6760 | var sizesStr = undefined;
|
6761 | if (inSizes) {
|
6762 | sizesStr = new _sizes2.default(inSizes).toString();
|
6763 | }
|
6764 | return _react2.default.createElement('img', Object.assign({
|
6765 | alt: alt,
|
6766 | src: src,
|
6767 | srcSet: srcSet,
|
6768 | sizes: sizesStr
|
6769 | }, props));
|
6770 | };
|
6771 |
|
6772 | InlineImage.defaultProps = {
|
6773 | alt: ''
|
6774 | };
|
6775 |
|
6776 | InlineImage.propTypes = {
|
6777 | alt: _propTypes2.default.string.isRequired,
|
6778 | src: _propTypes2.default.string.isRequired,
|
6779 | sizes: _propTypes2.default.object,
|
6780 | srcSet: _propTypes2.default.oneOfType([function (props, propName, componentName) {
|
6781 | if (props[propName] && !props['sizes']) {
|
6782 | console.warn('You have provided ' + propName + ', but not defined the sizes prop, this will cause your InlineImages for be sized to 100vw if a `width` css property is not set.');
|
6783 | }
|
6784 | }, _propTypes2.default.object])
|
6785 |
|
6786 |
|
6787 | };exports.default = InlineImage;
|
6788 |
|
6789 | }),
|
6790 |
|
6791 | (function(module, exports, __webpack_require__) {
|
6792 |
|
6793 | "use strict";
|
6794 |
|
6795 |
|
6796 | Object.defineProperty(exports, "__esModule", {
|
6797 | value: true
|
6798 | });
|
6799 |
|
6800 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
6801 |
|
6802 | var Sizes = function Sizes(inSizes) {
|
6803 | var _this = this;
|
6804 |
|
6805 | _classCallCheck(this, Sizes);
|
6806 |
|
6807 | this.toString = function () {
|
6808 | var output = '';
|
6809 | for (var breakpoint in _this.sizes) {
|
6810 | var width = _this.sizes[breakpoint];
|
6811 | if (breakpoint !== 'default') {
|
6812 | output = '' + output + breakpoint + ' ' + width + ',\n';
|
6813 | } else {
|
6814 | output = output + ' ' + width;
|
6815 | }
|
6816 | }
|
6817 | if (Object.keys(_this.sizes).includes('default')) {
|
6818 | return output;
|
6819 | } else {
|
6820 | return output.slice(0, -2);
|
6821 | }
|
6822 | };
|
6823 |
|
6824 | this.sizes = inSizes;
|
6825 | };
|
6826 |
|
6827 | exports.default = Sizes;
|
6828 |
|
6829 | }),
|
6830 |
|
6831 | (function(module, exports, __webpack_require__) {
|
6832 |
|
6833 | "use strict";
|
6834 |
|
6835 |
|
6836 | Object.defineProperty(exports, "__esModule", {
|
6837 | value: true
|
6838 | });
|
6839 |
|
6840 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
6841 |
|
6842 | var SourceSet = function SourceSet(sources) {
|
6843 | var _this = this;
|
6844 |
|
6845 | _classCallCheck(this, SourceSet);
|
6846 |
|
6847 | this.toString = function () {
|
6848 | var output = "";
|
6849 | for (var width in _this.sources) {
|
6850 | output = "" + output + _this.sources[width] + " " + width + ",\n";
|
6851 | }
|
6852 | return output.slice(0, -2);
|
6853 | };
|
6854 |
|
6855 | this.sources = sources;
|
6856 | };
|
6857 |
|
6858 | exports.default = SourceSet;
|
6859 |
|
6860 | }),
|
6861 |
|
6862 | (function(module, exports, __webpack_require__) {
|
6863 |
|
6864 | "use strict";
|
6865 |
|
6866 |
|
6867 | Object.defineProperty(exports, "__esModule", {
|
6868 | value: true
|
6869 | });
|
6870 |
|
6871 | var _ul = __webpack_require__(127);
|
6872 |
|
6873 | Object.defineProperty(exports, 'UL', {
|
6874 | enumerable: true,
|
6875 | get: function get() {
|
6876 | return _interopRequireDefault(_ul).default;
|
6877 | }
|
6878 | });
|
6879 |
|
6880 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6881 |
|
6882 | }),
|
6883 |
|
6884 | (function(module, exports, __webpack_require__) {
|
6885 |
|
6886 | "use strict";
|
6887 |
|
6888 |
|
6889 | Object.defineProperty(exports, "__esModule", {
|
6890 | value: true
|
6891 | });
|
6892 |
|
6893 | var _templateObject = _taggedTemplateLiteral(['\nflex-direction: row;\n > li {\n margin-left: 2rem;\n margin-right: 0.5rem;\n &:last-of-type {\n margin-right: 0;\n }\n }\n'], ['\nflex-direction: row;\n > li {\n margin-left: 2rem;\n margin-right: 0.5rem;\n &:last-of-type {\n margin-right: 0;\n }\n }\n']),
|
6894 | _templateObject2 = _taggedTemplateLiteral(['\n display: flex;\n ', '\n color: ', ';\n ', '\n ', '\n list-style-type: ', ';\n list-style-position: ', ';\n font-size: ', ';\n ', '\n > li {\n height: ', ';\n }\n'], ['\n display: flex;\n ', '\n color: ', ';\n ', '\n ', '\n list-style-type: ', ';\n list-style-position: ', ';\n font-size: ', ';\n ', '\n > li {\n height: ', ';\n }\n']);
|
6895 |
|
6896 | var _react = __webpack_require__(2);
|
6897 |
|
6898 | var _react2 = _interopRequireDefault(_react);
|
6899 |
|
6900 | var _propTypes = __webpack_require__(0);
|
6901 |
|
6902 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6903 |
|
6904 | var _styledComponents = __webpack_require__(1);
|
6905 |
|
6906 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6907 |
|
6908 | var _theme = __webpack_require__(6);
|
6909 |
|
6910 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6911 |
|
6912 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6913 |
|
6914 | var inline = (0, _styledComponents.css)(_templateObject);
|
6915 |
|
6916 | var UL = (0, _styledComponents2.default)(function (_ref) {
|
6917 | var className = _ref.className,
|
6918 | children = _ref.children;
|
6919 |
|
6920 | return _react2.default.createElement(
|
6921 | 'ul',
|
6922 | { className: className },
|
6923 | children
|
6924 | );
|
6925 | })(_templateObject2, function (props) {
|
6926 | return props.inline ? inline : 'flex-direction: column;';
|
6927 | }, function (props) {
|
6928 | return props.color;
|
6929 | }, function (props) {
|
6930 | return props.image ? 'list-style-image: url(' + props.image + ');' : '';
|
6931 | }, function (props) {
|
6932 | return props.leftPad ? 'padding-left: ' + props.leftPad : '';
|
6933 | }, function (props) {
|
6934 | return props.type;
|
6935 | }, function (props) {
|
6936 | return props.outside ? 'outside' : 'inside';
|
6937 | }, function (props) {
|
6938 | return props.fontSize;
|
6939 | }, function (props) {
|
6940 | return props.direction === 'row';
|
6941 | }, function (props) {
|
6942 | return props.itemHeight;
|
6943 | });
|
6944 |
|
6945 | UL.propTypes = {
|
6946 | color: _propTypes2.default.string,
|
6947 | itemHeight: _propTypes2.default.string,
|
6948 | inline: _propTypes2.default.bool,
|
6949 | image: _propTypes2.default.string,
|
6950 | fontSize: _propTypes2.default.string,
|
6951 | leftPad: _propTypes2.default.string,
|
6952 | outside: _propTypes2.default.bool,
|
6953 | type: _propTypes2.default.string
|
6954 | };
|
6955 |
|
6956 | UL.defaultProps = {
|
6957 | color: _theme.theme.colors.rocketBlue,
|
6958 | itemHeight: 'auto',
|
6959 | fontSize: '1.6rem',
|
6960 | leftPad: '4rem',
|
6961 | outside: true,
|
6962 | type: 'disc'
|
6963 |
|
6964 |
|
6965 | };exports.default = UL;
|
6966 |
|
6967 | }),
|
6968 |
|
6969 | (function(module, exports, __webpack_require__) {
|
6970 |
|
6971 | "use strict";
|
6972 |
|
6973 |
|
6974 | Object.defineProperty(exports, "__esModule", {
|
6975 | value: true
|
6976 | });
|
6977 |
|
6978 | var _Link = __webpack_require__(129);
|
6979 |
|
6980 | Object.keys(_Link).forEach(function (key) {
|
6981 | if (key === "default" || key === "__esModule") return;
|
6982 | Object.defineProperty(exports, key, {
|
6983 | enumerable: true,
|
6984 | get: function get() {
|
6985 | return _Link[key];
|
6986 | }
|
6987 | });
|
6988 | });
|
6989 |
|
6990 | var _NavyLink = __webpack_require__(130);
|
6991 |
|
6992 | Object.defineProperty(exports, 'NavyLink', {
|
6993 | enumerable: true,
|
6994 | get: function get() {
|
6995 | return _interopRequireDefault(_NavyLink).default;
|
6996 | }
|
6997 | });
|
6998 |
|
6999 | var _WhiteLink = __webpack_require__(131);
|
7000 |
|
7001 | Object.defineProperty(exports, 'WhiteLink', {
|
7002 | enumerable: true,
|
7003 | get: function get() {
|
7004 | return _interopRequireDefault(_WhiteLink).default;
|
7005 | }
|
7006 | });
|
7007 |
|
7008 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7009 |
|
7010 | }),
|
7011 |
|
7012 | (function(module, exports, __webpack_require__) {
|
7013 |
|
7014 | "use strict";
|
7015 |
|
7016 |
|
7017 | Object.defineProperty(exports, "__esModule", {
|
7018 | value: true
|
7019 | });
|
7020 | exports.LinkStyles = exports.Link = undefined;
|
7021 |
|
7022 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n']),
|
7023 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n ', '\n'], ['\n ', '\n ', '\n']),
|
7024 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']);
|
7025 |
|
7026 | var _propTypes = __webpack_require__(0);
|
7027 |
|
7028 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7029 |
|
7030 | var _styledComponents = __webpack_require__(1);
|
7031 |
|
7032 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7033 |
|
7034 | var _Link = __webpack_require__(23);
|
7035 |
|
7036 | var _Link2 = _interopRequireDefault(_Link);
|
7037 |
|
7038 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7039 |
|
7040 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7041 |
|
7042 | var BlueStyles = (0, _styledComponents.css)(_templateObject, function (props) {
|
7043 | return props.theme.colors.rocketBlue;
|
7044 | }, function (props) {
|
7045 | return props.theme.colors.navy;
|
7046 | }, function (props) {
|
7047 | return props.underline ? 'border-bottom-color: ' + props.theme.colors.navy + ';' : '';
|
7048 | });
|
7049 |
|
7050 | var LinkStyles = (0, _styledComponents.css)(_templateObject2, _Link.BaseStyles, BlueStyles);
|
7051 |
|
7052 | var Link = (0, _styledComponents2.default)(_Link2.default)(_templateObject3, BlueStyles);
|
7053 |
|
7054 | Link.propTypes = {
|
7055 | theme: _propTypes2.default.shape({
|
7056 | colors: _propTypes2.default.shape({
|
7057 | rocketBlue: _propTypes2.default.string
|
7058 | })
|
7059 | }),
|
7060 | uppercase: _propTypes2.default.bool,
|
7061 | underline: _propTypes2.default.bool
|
7062 | };
|
7063 |
|
7064 | Link.defaultProps = {
|
7065 | underline: true
|
7066 |
|
7067 | };exports.Link = Link;
|
7068 | exports.LinkStyles = LinkStyles;
|
7069 |
|
7070 | }),
|
7071 |
|
7072 | (function(module, exports, __webpack_require__) {
|
7073 |
|
7074 | "use strict";
|
7075 |
|
7076 |
|
7077 | Object.defineProperty(exports, "__esModule", {
|
7078 | value: true
|
7079 | });
|
7080 |
|
7081 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n']);
|
7082 |
|
7083 | var _propTypes = __webpack_require__(0);
|
7084 |
|
7085 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7086 |
|
7087 | var _styledComponents = __webpack_require__(1);
|
7088 |
|
7089 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7090 |
|
7091 | var _Link = __webpack_require__(23);
|
7092 |
|
7093 | var _Link2 = _interopRequireDefault(_Link);
|
7094 |
|
7095 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7096 |
|
7097 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7098 |
|
7099 | var NavyLink = (0, _styledComponents2.default)(_Link2.default)(_templateObject, function (props) {
|
7100 | return props.theme.colors.navy;
|
7101 | }, function (props) {
|
7102 | return props.theme.colors.navy;
|
7103 | }, function (props) {
|
7104 | return props.underline ? 'border-bottom-color: ' + props.theme.colors.navy + ';' : '';
|
7105 | });
|
7106 |
|
7107 | NavyLink.propTypes = {
|
7108 | theme: _propTypes2.default.shape({
|
7109 | colors: _propTypes2.default.shape({
|
7110 | navy: _propTypes2.default.string
|
7111 | })
|
7112 | }),
|
7113 | underline: _propTypes2.default.bool.isRequired
|
7114 | };
|
7115 |
|
7116 | NavyLink.defaultProps = {
|
7117 | underline: true
|
7118 |
|
7119 |
|
7120 | };exports.default = NavyLink;
|
7121 |
|
7122 | }),
|
7123 |
|
7124 | (function(module, exports, __webpack_require__) {
|
7125 |
|
7126 | "use strict";
|
7127 |
|
7128 |
|
7129 | Object.defineProperty(exports, "__esModule", {
|
7130 | value: true
|
7131 | });
|
7132 |
|
7133 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n']);
|
7134 |
|
7135 | var _propTypes = __webpack_require__(0);
|
7136 |
|
7137 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7138 |
|
7139 | var _styledComponents = __webpack_require__(1);
|
7140 |
|
7141 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7142 |
|
7143 | var _Link = __webpack_require__(23);
|
7144 |
|
7145 | var _Link2 = _interopRequireDefault(_Link);
|
7146 |
|
7147 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7148 |
|
7149 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7150 |
|
7151 | var WhiteLink = (0, _styledComponents2.default)(_Link2.default)(_templateObject, function (props) {
|
7152 | return props.theme.colors.white;
|
7153 | }, function (props) {
|
7154 | return props.theme.colors.white;
|
7155 | }, function (props) {
|
7156 | return props.underline ? 'border-bottom-color: ' + props.theme.colors.white + ';' : '';
|
7157 | });
|
7158 |
|
7159 | WhiteLink.propTypes = {
|
7160 | theme: _propTypes2.default.shape({
|
7161 | colors: _propTypes2.default.shape({
|
7162 | white: _propTypes2.default.string
|
7163 | })
|
7164 | }),
|
7165 | underline: _propTypes2.default.bool.isRequired
|
7166 | };
|
7167 |
|
7168 | WhiteLink.defaultProps = {
|
7169 | underline: true
|
7170 |
|
7171 |
|
7172 | };exports.default = WhiteLink;
|
7173 |
|
7174 | }),
|
7175 |
|
7176 | (function(module, exports, __webpack_require__) {
|
7177 |
|
7178 | "use strict";
|
7179 |
|
7180 |
|
7181 | Object.defineProperty(exports, "__esModule", {
|
7182 | value: true
|
7183 | });
|
7184 |
|
7185 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n padding-left: 1em;\n border-left: 0.2rem solid ', ';\n font-family: ', ';\n font-size: ', ';\n line-height: 1.7;\n font-weight: 100;\n &:before, &:after {\n content: \'\\201C\';\n font-family: \'Sanchez\';\n color: ', ';\n }\n &:after {\n content: \'\\201D\';\n }\n'], ['\n position: relative;\n padding-left: 1em;\n border-left: 0.2rem solid ', ';\n font-family: ', ';\n font-size: ', ';\n line-height: 1.7;\n font-weight: 100;\n &:before, &:after {\n content: \'\\\\201C\';\n font-family: \'Sanchez\';\n color: ', ';\n }\n &:after {\n content: \'\\\\201D\';\n }\n']);
|
7186 |
|
7187 | var _styledComponents = __webpack_require__(1);
|
7188 |
|
7189 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7190 |
|
7191 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7192 |
|
7193 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7194 |
|
7195 | var BlockQuote = _styledComponents2.default.blockquote(_templateObject, function (props) {
|
7196 | return props.theme.colors.navy;
|
7197 | }, function (props) {
|
7198 | return props.theme.fonts.primaryFont;
|
7199 | }, function (props) {
|
7200 | return props.fontSize;
|
7201 | }, function (props) {
|
7202 | return props.theme.colors.navy;
|
7203 | });
|
7204 |
|
7205 | BlockQuote.propTypes = {};
|
7206 |
|
7207 | BlockQuote.defaultProps = {
|
7208 | fontSize: '1.8rem'
|
7209 |
|
7210 |
|
7211 | };exports.default = BlockQuote;
|
7212 |
|
7213 | }),
|
7214 |
|
7215 | (function(module, exports, __webpack_require__) {
|
7216 |
|
7217 | "use strict";
|
7218 |
|
7219 |
|
7220 | Object.defineProperty(exports, "__esModule", {
|
7221 | value: true
|
7222 | });
|
7223 |
|
7224 | var _templateObject = _taggedTemplateLiteral(['\n margin: 0;\n\n ', '\n letter-spacing: 1.29;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-style: italic;\n font-weight: 500;\n line-height: 1.29;\n'], ['\n margin: 0;\n\n ', '\n letter-spacing: 1.29;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-style: italic;\n font-weight: 500;\n line-height: 1.29;\n']);
|
7225 |
|
7226 | var _propTypes = __webpack_require__(0);
|
7227 |
|
7228 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7229 |
|
7230 | var _styledComponents = __webpack_require__(1);
|
7231 |
|
7232 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7233 |
|
7234 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7235 |
|
7236 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7237 |
|
7238 | var Caption = _styledComponents2.default.span(_templateObject, function (props) {
|
7239 | return props.center ? 'text-align: center;' : '';
|
7240 | }, function (props) {
|
7241 | return props.uppercase ? 'uppercase' : 'inherit';
|
7242 | }, function (props) {
|
7243 | return props.theme.colors.navy;
|
7244 | }, function (props) {
|
7245 | return props.theme.fonts.primaryFont;
|
7246 | }, function (props) {
|
7247 | return props.fontSize;
|
7248 | });
|
7249 |
|
7250 | Caption.propTypes = {
|
7251 | theme: _propTypes2.default.shape({
|
7252 | fonts: _propTypes2.default.shape({
|
7253 | primaryFont: _propTypes2.default.string
|
7254 | }),
|
7255 | colors: _propTypes2.default.shape({
|
7256 | navy: _propTypes2.default.string
|
7257 | })
|
7258 | })
|
7259 | };
|
7260 |
|
7261 | Caption.defaultProps = {
|
7262 | fontSize: '1.4rem'
|
7263 |
|
7264 |
|
7265 | };exports.default = Caption;
|
7266 |
|
7267 | }),
|
7268 |
|
7269 | (function(module, exports, __webpack_require__) {
|
7270 |
|
7271 | "use strict";
|
7272 |
|
7273 |
|
7274 | Object.defineProperty(exports, "__esModule", {
|
7275 | value: true
|
7276 | });
|
7277 |
|
7278 | var _templateObject = _taggedTemplateLiteral(['\n ', '\n letter-spacing: .1rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height:1.0476190476190477;\n'], ['\n ', '\n letter-spacing: .1rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height:1.0476190476190477;\n']);
|
7279 |
|
7280 | var _propTypes = __webpack_require__(0);
|
7281 |
|
7282 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7283 |
|
7284 | var _styledComponents = __webpack_require__(1);
|
7285 |
|
7286 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7287 |
|
7288 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7289 |
|
7290 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7291 |
|
7292 |
|
7293 |
|
7294 |
|
7295 | var H1 = _styledComponents2.default.h1(_templateObject, function (props) {
|
7296 | return props.center ? 'text-align: center;' : '';
|
7297 | }, function (props) {
|
7298 | return props.lowercase ? 'inherit' : 'uppercase';
|
7299 | }, function (props) {
|
7300 | return props.theme.colors.navy;
|
7301 | }, function (props) {
|
7302 | return props.theme.fonts.headerFont;
|
7303 | }, function (props) {
|
7304 | return props.fontSize;
|
7305 | });
|
7306 |
|
7307 | H1.propTypes = {
|
7308 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
7309 | theme: _propTypes2.default.shape({
|
7310 | fonts: _propTypes2.default.shape({
|
7311 | headerFont: _propTypes2.default.string
|
7312 | }),
|
7313 | colors: _propTypes2.default.shape({
|
7314 | navy: _propTypes2.default.string
|
7315 | })
|
7316 | }),
|
7317 | lowercase: _propTypes2.default.bool
|
7318 | };
|
7319 |
|
7320 | H1.defaultProps = {
|
7321 | fontSize: '4.2rem'
|
7322 |
|
7323 |
|
7324 | };exports.default = H1;
|
7325 |
|
7326 | }),
|
7327 |
|
7328 | (function(module, exports, __webpack_require__) {
|
7329 |
|
7330 | "use strict";
|
7331 |
|
7332 |
|
7333 | Object.defineProperty(exports, "__esModule", {
|
7334 | value: true
|
7335 | });
|
7336 |
|
7337 | var _templateObject = _taggedTemplateLiteral(['\n\n ', '\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0625;\n'], ['\n\n ', '\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0625;\n']);
|
7338 |
|
7339 | var _propTypes = __webpack_require__(0);
|
7340 |
|
7341 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7342 |
|
7343 | var _styledComponents = __webpack_require__(1);
|
7344 |
|
7345 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7346 |
|
7347 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7348 |
|
7349 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7350 |
|
7351 |
|
7352 | var H2 = _styledComponents2.default.h2(_templateObject, function (props) {
|
7353 | return props.center ? 'text-align: center;' : '';
|
7354 | }, function (props) {
|
7355 | return props.lowercase ? 'inherit' : 'uppercase';
|
7356 | }, function (props) {
|
7357 | return props.theme.colors.navy;
|
7358 | }, function (props) {
|
7359 | return props.theme.fonts.headerFont;
|
7360 | }, function (props) {
|
7361 | return props.fontSize;
|
7362 | });
|
7363 | H2.propTypes = {
|
7364 | center: _propTypes2.default.bool,
|
7365 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
7366 | theme: _propTypes2.default.shape({
|
7367 | fonts: _propTypes2.default.shape({
|
7368 | headerFont: _propTypes2.default.string
|
7369 | }),
|
7370 | colors: _propTypes2.default.shape({
|
7371 | navy: _propTypes2.default.string
|
7372 | })
|
7373 | }),
|
7374 | lowercase: _propTypes2.default.bool
|
7375 | };
|
7376 |
|
7377 | H2.defaultProps = {
|
7378 | fontSize: '3.2rem'
|
7379 |
|
7380 |
|
7381 | };exports.default = H2;
|
7382 |
|
7383 | }),
|
7384 |
|
7385 | (function(module, exports, __webpack_require__) {
|
7386 |
|
7387 | "use strict";
|
7388 |
|
7389 |
|
7390 | Object.defineProperty(exports, "__esModule", {
|
7391 | value: true
|
7392 | });
|
7393 |
|
7394 | var _templateObject = _taggedTemplateLiteral(['\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0833333333333333;\n'], ['\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0833333333333333;\n']);
|
7395 |
|
7396 | var _propTypes = __webpack_require__(0);
|
7397 |
|
7398 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7399 |
|
7400 | var _styledComponents = __webpack_require__(1);
|
7401 |
|
7402 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7403 |
|
7404 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7405 |
|
7406 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7407 |
|
7408 | var H3 = _styledComponents2.default.h3(_templateObject, function (props) {
|
7409 | return props.lowercase ? 'inherit' : 'uppercase';
|
7410 | }, function (props) {
|
7411 | return props.theme.colors.navy;
|
7412 | }, function (props) {
|
7413 | return props.theme.fonts.headerFont;
|
7414 | }, function (props) {
|
7415 | return props.fontSize;
|
7416 | });
|
7417 |
|
7418 | H3.propTypes = {
|
7419 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
7420 | theme: _propTypes2.default.shape({
|
7421 | fonts: _propTypes2.default.shape({
|
7422 | headerFont: _propTypes2.default.string
|
7423 | }),
|
7424 | colors: _propTypes2.default.shape({
|
7425 | navy: _propTypes2.default.string
|
7426 | })
|
7427 | }),
|
7428 | lowercase: _propTypes2.default.bool
|
7429 | };
|
7430 |
|
7431 | H3.defaultProps = {
|
7432 | fontSize: '2.4rem'
|
7433 |
|
7434 |
|
7435 | };exports.default = H3;
|
7436 |
|
7437 | }),
|
7438 |
|
7439 | (function(module, exports, __webpack_require__) {
|
7440 |
|
7441 | "use strict";
|
7442 |
|
7443 |
|
7444 | Object.defineProperty(exports, "__esModule", {
|
7445 | value: true
|
7446 | });
|
7447 |
|
7448 | var _templateObject = _taggedTemplateLiteral(['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n'], ['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n']);
|
7449 |
|
7450 | var _propTypes = __webpack_require__(0);
|
7451 |
|
7452 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7453 |
|
7454 | var _styledComponents = __webpack_require__(1);
|
7455 |
|
7456 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7457 |
|
7458 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7459 |
|
7460 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7461 |
|
7462 | var H4 = _styledComponents2.default.h4(_templateObject, function (props) {
|
7463 | return props.theme.colors.navy;
|
7464 | }, function (props) {
|
7465 | return props.theme.fonts.primaryFont;
|
7466 | }, function (props) {
|
7467 | return props.fontSize;
|
7468 | });
|
7469 |
|
7470 | H4.propTypes = {
|
7471 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
7472 | theme: _propTypes2.default.shape({
|
7473 | fonts: _propTypes2.default.shape({
|
7474 | primaryFont: _propTypes2.default.string
|
7475 | }),
|
7476 | colors: _propTypes2.default.shape({
|
7477 | navy: _propTypes2.default.string
|
7478 | })
|
7479 | })
|
7480 | };
|
7481 |
|
7482 | H4.defaultProps = {
|
7483 | fontSize: '1.8rem'
|
7484 |
|
7485 |
|
7486 | };exports.default = H4;
|
7487 |
|
7488 | }),
|
7489 |
|
7490 | (function(module, exports, __webpack_require__) {
|
7491 |
|
7492 | "use strict";
|
7493 |
|
7494 |
|
7495 | Object.defineProperty(exports, "__esModule", {
|
7496 | value: true
|
7497 | });
|
7498 |
|
7499 | var _templateObject = _taggedTemplateLiteral(['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n letter-spacing: .075rem;\n'], ['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n letter-spacing: .075rem;\n']);
|
7500 |
|
7501 | var _propTypes = __webpack_require__(0);
|
7502 |
|
7503 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7504 |
|
7505 | var _styledComponents = __webpack_require__(1);
|
7506 |
|
7507 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7508 |
|
7509 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7510 |
|
7511 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7512 |
|
7513 | var H5 = _styledComponents2.default.h5(_templateObject, function (props) {
|
7514 | return props.theme.colors.navy;
|
7515 | }, function (props) {
|
7516 | return props.theme.fonts.primaryFont;
|
7517 | }, function (props) {
|
7518 | return props.fontSize;
|
7519 | });
|
7520 |
|
7521 | H5.propTypes = {
|
7522 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
7523 | theme: _propTypes2.default.shape({
|
7524 | fonts: _propTypes2.default.shape({
|
7525 | primaryFont: _propTypes2.default.string
|
7526 | }),
|
7527 | colors: _propTypes2.default.shape({
|
7528 | navy: _propTypes2.default.string
|
7529 | })
|
7530 | })
|
7531 | };
|
7532 |
|
7533 | H5.defaultProps = {
|
7534 | fontSize: '1.6rem'
|
7535 |
|
7536 |
|
7537 | };exports.default = H5;
|
7538 |
|
7539 | }),
|
7540 |
|
7541 | (function(module, exports, __webpack_require__) {
|
7542 |
|
7543 | "use strict";
|
7544 |
|
7545 |
|
7546 | Object.defineProperty(exports, "__esModule", {
|
7547 | value: true
|
7548 | });
|
7549 |
|
7550 | var _templateObject = _taggedTemplateLiteral(['\n letter-spacing: .075rem;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n'], ['\n letter-spacing: .075rem;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n']);
|
7551 |
|
7552 | var _propTypes = __webpack_require__(0);
|
7553 |
|
7554 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7555 |
|
7556 | var _styledComponents = __webpack_require__(1);
|
7557 |
|
7558 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7559 |
|
7560 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7561 |
|
7562 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7563 |
|
7564 | var H6 = _styledComponents2.default.h6(_templateObject, function (props) {
|
7565 | return props.theme.colors.navy;
|
7566 | }, function (props) {
|
7567 | return props.theme.fonts.primaryFont;
|
7568 | }, function (props) {
|
7569 | return props.fontSize;
|
7570 | });
|
7571 |
|
7572 | H6.propTypes = {
|
7573 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
7574 | theme: _propTypes2.default.shape({
|
7575 | fonts: _propTypes2.default.shape({
|
7576 | primaryFont: _propTypes2.default.string
|
7577 | }),
|
7578 | colors: _propTypes2.default.shape({
|
7579 | navy: _propTypes2.default.string
|
7580 | })
|
7581 | })
|
7582 | };
|
7583 |
|
7584 | H6.defaultProps = {
|
7585 | fontSize: '1.4rem'
|
7586 |
|
7587 |
|
7588 | };exports.default = H6;
|
7589 |
|
7590 | }),
|
7591 |
|
7592 | (function(module, exports, __webpack_require__) {
|
7593 |
|
7594 | "use strict";
|
7595 |
|
7596 |
|
7597 | Object.defineProperty(exports, "__esModule", {
|
7598 | value: true
|
7599 | });
|
7600 |
|
7601 | var _templateObject = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n white-space: pre;\n'], ['\n ', '\n ', '\n ', '\n white-space: pre;\n']);
|
7602 |
|
7603 | var _propTypes = __webpack_require__(0);
|
7604 |
|
7605 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7606 |
|
7607 | var _styledComponents = __webpack_require__(1);
|
7608 |
|
7609 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7610 |
|
7611 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7612 |
|
7613 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7614 |
|
7615 | var MarkedText = _styledComponents2.default.span(_templateObject, function (props) {
|
7616 | return props.underline && 'text-decoration: underline;';
|
7617 | }, function (props) {
|
7618 | return props.bold && 'font-weight: bold;';
|
7619 | }, function (props) {
|
7620 | return props.italic && 'font-style: italic;';
|
7621 | });
|
7622 |
|
7623 | MarkedText.propTypes = {
|
7624 | bold: _propTypes2.default.bool,
|
7625 | italic: _propTypes2.default.bool,
|
7626 | underline: _propTypes2.default.bool
|
7627 |
|
7628 |
|
7629 | };exports.default = MarkedText;
|
7630 |
|
7631 | }),
|
7632 |
|
7633 | (function(module, exports, __webpack_require__) {
|
7634 |
|
7635 | "use strict";
|
7636 |
|
7637 |
|
7638 | Object.defineProperty(exports, "__esModule", {
|
7639 | value: true
|
7640 | });
|
7641 |
|
7642 | var _templateObject = _taggedTemplateLiteral(['\n text-align: left;\n letter-spacing: normal;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n line-height: 1.2083333333333333;\n'], ['\n text-align: left;\n letter-spacing: normal;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n line-height: 1.2083333333333333;\n']);
|
7643 |
|
7644 | var _propTypes = __webpack_require__(0);
|
7645 |
|
7646 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7647 |
|
7648 | var _styledComponents = __webpack_require__(1);
|
7649 |
|
7650 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7651 |
|
7652 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7653 |
|
7654 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7655 |
|
7656 | var Serif = _styledComponents2.default.span(_templateObject, function (props) {
|
7657 | return props.theme.colors.navy;
|
7658 | }, function (props) {
|
7659 | return props.theme.fonts.secondaryFont;
|
7660 | }, function (props) {
|
7661 | return props.fontSize;
|
7662 | });
|
7663 |
|
7664 | Serif.propTypes = {
|
7665 | children: _propTypes2.default.string,
|
7666 | theme: _propTypes2.default.shape({
|
7667 | fonts: _propTypes2.default.shape({
|
7668 | secondaryFont: _propTypes2.default.string
|
7669 | }),
|
7670 | colors: _propTypes2.default.shape({
|
7671 | navy: _propTypes2.default.string
|
7672 | })
|
7673 | })
|
7674 | };
|
7675 |
|
7676 | Serif.defaultProps = {
|
7677 | fontSize: '2.4rem'
|
7678 |
|
7679 |
|
7680 | };exports.default = Serif;
|
7681 |
|
7682 | }),
|
7683 |
|
7684 | (function(module, exports, __webpack_require__) {
|
7685 |
|
7686 | "use strict";
|
7687 |
|
7688 |
|
7689 | Object.defineProperty(exports, "__esModule", {
|
7690 | value: true
|
7691 | });
|
7692 |
|
7693 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
7694 |
|
7695 | var _propTypes = __webpack_require__(0);
|
7696 |
|
7697 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7698 |
|
7699 | var _styledComponents = __webpack_require__(1);
|
7700 |
|
7701 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7702 |
|
7703 | var _Hr = __webpack_require__(17);
|
7704 |
|
7705 | var _Hr2 = _interopRequireDefault(_Hr);
|
7706 |
|
7707 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7708 |
|
7709 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7710 |
|
7711 | var BlueHr = (0, _styledComponents2.default)(_Hr2.default)(_templateObject, function (props) {
|
7712 | return props.theme.colors.rocketBlue;
|
7713 | });
|
7714 |
|
7715 | BlueHr.propTypes = {
|
7716 | theme: _propTypes2.default.shape({
|
7717 | colors: _propTypes2.default.shape({
|
7718 | rocketBlue: _propTypes2.default.string
|
7719 | })
|
7720 | })
|
7721 |
|
7722 |
|
7723 | };exports.default = BlueHr;
|
7724 |
|
7725 | }),
|
7726 |
|
7727 | (function(module, exports, __webpack_require__) {
|
7728 |
|
7729 | "use strict";
|
7730 |
|
7731 |
|
7732 | Object.defineProperty(exports, "__esModule", {
|
7733 | value: true
|
7734 | });
|
7735 |
|
7736 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
7737 |
|
7738 | var _propTypes = __webpack_require__(0);
|
7739 |
|
7740 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7741 |
|
7742 | var _styledComponents = __webpack_require__(1);
|
7743 |
|
7744 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7745 |
|
7746 | var _Hr = __webpack_require__(17);
|
7747 |
|
7748 | var _Hr2 = _interopRequireDefault(_Hr);
|
7749 |
|
7750 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7751 |
|
7752 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7753 |
|
7754 | var Hr = (0, _styledComponents2.default)(_Hr2.default)(_templateObject, function (props) {
|
7755 | return props.theme.colors.gray[4];
|
7756 | });
|
7757 |
|
7758 | Hr.propTypes = {
|
7759 | theme: _propTypes2.default.shape({
|
7760 | colors: _propTypes2.default.shape({
|
7761 | gray: _propTypes2.default.array
|
7762 | })
|
7763 | })
|
7764 |
|
7765 |
|
7766 | };exports.default = Hr;
|
7767 |
|
7768 | }),
|
7769 |
|
7770 | (function(module, exports, __webpack_require__) {
|
7771 |
|
7772 | "use strict";
|
7773 |
|
7774 |
|
7775 | Object.defineProperty(exports, "__esModule", {
|
7776 | value: true
|
7777 | });
|
7778 |
|
7779 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
7780 |
|
7781 | var _propTypes = __webpack_require__(0);
|
7782 |
|
7783 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7784 |
|
7785 | var _styledComponents = __webpack_require__(1);
|
7786 |
|
7787 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7788 |
|
7789 | var _Hr = __webpack_require__(17);
|
7790 |
|
7791 | var _Hr2 = _interopRequireDefault(_Hr);
|
7792 |
|
7793 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7794 |
|
7795 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7796 |
|
7797 | var NavyHr = (0, _styledComponents2.default)(_Hr2.default)(_templateObject, function (props) {
|
7798 | return props.theme.colors.navy;
|
7799 | });
|
7800 |
|
7801 | NavyHr.propTypes = {
|
7802 | theme: _propTypes2.default.shape({
|
7803 | colors: _propTypes2.default.shape({
|
7804 | navy: _propTypes2.default.string
|
7805 | })
|
7806 | })
|
7807 |
|
7808 |
|
7809 | };exports.default = NavyHr;
|
7810 |
|
7811 | }),
|
7812 |
|
7813 | (function(module, exports, __webpack_require__) {
|
7814 |
|
7815 | "use strict";
|
7816 |
|
7817 |
|
7818 | Object.defineProperty(exports, "__esModule", {
|
7819 | value: true
|
7820 | });
|
7821 |
|
7822 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
7823 |
|
7824 | var _propTypes = __webpack_require__(0);
|
7825 |
|
7826 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7827 |
|
7828 | var _styledComponents = __webpack_require__(1);
|
7829 |
|
7830 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7831 |
|
7832 | var _Hr = __webpack_require__(17);
|
7833 |
|
7834 | var _Hr2 = _interopRequireDefault(_Hr);
|
7835 |
|
7836 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7837 |
|
7838 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7839 |
|
7840 | var WhiteHr = (0, _styledComponents2.default)(_Hr2.default)(_templateObject, function (props) {
|
7841 | return props.theme.colors.white;
|
7842 | });
|
7843 |
|
7844 | WhiteHr.propTypes = {
|
7845 | theme: _propTypes2.default.shape({
|
7846 | colors: _propTypes2.default.shape({
|
7847 | white: _propTypes2.default.string
|
7848 | })
|
7849 | })
|
7850 |
|
7851 |
|
7852 | };exports.default = WhiteHr;
|
7853 |
|
7854 | }),
|
7855 |
|
7856 | (function(module, exports, __webpack_require__) {
|
7857 |
|
7858 | "use strict";
|
7859 |
|
7860 |
|
7861 | Object.defineProperty(exports, "__esModule", {
|
7862 | value: true
|
7863 | });
|
7864 |
|
7865 | 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; }; }();
|
7866 |
|
7867 | var _react = __webpack_require__(2);
|
7868 |
|
7869 | var _react2 = _interopRequireDefault(_react);
|
7870 |
|
7871 | var _propTypes = __webpack_require__(0);
|
7872 |
|
7873 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7874 |
|
7875 | var _reactResponsive = __webpack_require__(24);
|
7876 |
|
7877 | var _reactResponsive2 = _interopRequireDefault(_reactResponsive);
|
7878 |
|
7879 | var _styledComponents = __webpack_require__(1);
|
7880 |
|
7881 | var _sources = __webpack_require__(147);
|
7882 |
|
7883 | var _sources2 = _interopRequireDefault(_sources);
|
7884 |
|
7885 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7886 |
|
7887 | 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; }
|
7888 |
|
7889 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
7890 |
|
7891 | 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; }
|
7892 |
|
7893 | 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; }
|
7894 |
|
7895 | var Video = function (_React$Component) {
|
7896 | _inherits(Video, _React$Component);
|
7897 |
|
7898 | function Video(props) {
|
7899 | _classCallCheck(this, Video);
|
7900 |
|
7901 | var _this = _possibleConstructorReturn(this, (Video.__proto__ || Object.getPrototypeOf(Video)).call(this, props));
|
7902 |
|
7903 | _this.setVideoRef = function (element) {
|
7904 | _this.video = element;
|
7905 | if (element) {
|
7906 | _this.setState({
|
7907 | videoSrc: element.children[0].src
|
7908 | });
|
7909 | }
|
7910 | };
|
7911 |
|
7912 | _this.video = null;
|
7913 | _this.state = {
|
7914 | videoSrc: null
|
7915 | };
|
7916 | return _this;
|
7917 | }
|
7918 |
|
7919 | _createClass(Video, [{
|
7920 | key: 'componentDidMount',
|
7921 | value: function componentDidMount() {
|
7922 | if (this.video) {
|
7923 | this.video.load();
|
7924 | this.setState({
|
7925 | videoSrc: this.video.children[0].src
|
7926 | });
|
7927 | this.video.play();
|
7928 | }
|
7929 | }
|
7930 | }, {
|
7931 | key: 'componentDidUpdate',
|
7932 | value: function componentDidUpdate(prevProps, prevState) {
|
7933 | if (this.video && prevState.videoSrc !== this.state.videoSrc) {
|
7934 | this.video.load();
|
7935 | this.video.play();
|
7936 | }
|
7937 | }
|
7938 | }, {
|
7939 | key: 'render',
|
7940 | value: function render() {
|
7941 | var _props = this.props,
|
7942 | children = _props.children,
|
7943 | inSources = _props.sources,
|
7944 | mobileFallback = _props.mobileFallback,
|
7945 | desktopFallback = _props.desktopFallback,
|
7946 | theme = _props.theme,
|
7947 | props = _objectWithoutProperties(_props, ['children', 'sources', 'mobileFallback', 'desktopFallback', 'theme']);
|
7948 |
|
7949 | var mobileSources = [];
|
7950 | var desktopSources = [];
|
7951 | if (inSources) {
|
7952 | mobileSources = new _sources2.default(inSources[0]).render();
|
7953 | desktopSources = new _sources2.default(inSources[768]).render();
|
7954 | }
|
7955 | return _react2.default.createElement(
|
7956 | 'div',
|
7957 | null,
|
7958 | _react2.default.createElement(
|
7959 | _reactResponsive2.default,
|
7960 | { query: theme.breakpoints.aboveTabletMax },
|
7961 | _react2.default.createElement(
|
7962 | 'video',
|
7963 | Object.assign({ poster: desktopFallback, ref: this.setVideoRef }, props),
|
7964 | desktopSources.map(function (source, key) {
|
7965 | return source;
|
7966 | }),
|
7967 | desktopFallback && _react2.default.createElement('img', { src: desktopFallback, alt: 'Desktop Fallback' }),
|
7968 | children && children
|
7969 | )
|
7970 | ),
|
7971 | _react2.default.createElement(
|
7972 | _reactResponsive2.default,
|
7973 | { query: '(max-device-width: 959px)' },
|
7974 | _react2.default.createElement(
|
7975 | 'video',
|
7976 | Object.assign({ poster: mobileFallback, ref: this.setVideoRef }, props),
|
7977 | mobileSources.map(function (source, key) {
|
7978 | return source;
|
7979 | }),
|
7980 | mobileFallback && _react2.default.createElement('img', { src: mobileFallback, alt: 'Mobile Fallback' }),
|
7981 | children && children
|
7982 | )
|
7983 | )
|
7984 | );
|
7985 | }
|
7986 | }]);
|
7987 |
|
7988 | return Video;
|
7989 | }(_react2.default.Component);
|
7990 |
|
7991 | Video.propTypes = {
|
7992 | sources: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.array, _propTypes2.default.object]),
|
7993 | mobileFallback: _propTypes2.default.string,
|
7994 | desktopFallback: _propTypes2.default.string,
|
7995 | theme: _propTypes2.default.object
|
7996 | };
|
7997 |
|
7998 | Video.defaultProps = {
|
7999 | autoPlay: true,
|
8000 | playsInline: true,
|
8001 | loop: true,
|
8002 | muted: true
|
8003 |
|
8004 |
|
8005 | };exports.default = (0, _styledComponents.withTheme)(Video);
|
8006 |
|
8007 | }),
|
8008 |
|
8009 | (function(module, exports, __webpack_require__) {
|
8010 |
|
8011 | "use strict";
|
8012 |
|
8013 |
|
8014 | Object.defineProperty(exports, "__esModule", {
|
8015 | value: true
|
8016 | });
|
8017 |
|
8018 | var _react = __webpack_require__(2);
|
8019 |
|
8020 | var _react2 = _interopRequireDefault(_react);
|
8021 |
|
8022 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8023 |
|
8024 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
8025 |
|
8026 | var Sources = function Sources(inSources) {
|
8027 | var _this = this;
|
8028 |
|
8029 | _classCallCheck(this, Sources);
|
8030 |
|
8031 | this.createSourceElement = function (source) {
|
8032 | var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
8033 |
|
8034 | try {
|
8035 | if (typeof source === 'string') {
|
8036 | var acceptedFormats = ['webm', 'ogv', 'mp4', 'flv'];
|
8037 | var test = /\.([0-9a-z]{1,5})$/;
|
8038 | var result = test.exec(source);
|
8039 | var format = result[1];
|
8040 | if (!acceptedFormats.includes(format)) {
|
8041 | console.warn('An invalid file extension was provided for ' + source);
|
8042 | }
|
8043 | if (format === 'ogv') {
|
8044 | format = 'ogg';
|
8045 | }
|
8046 | return _react2.default.createElement('source', { src: source, type: 'video/' + format, key: key });
|
8047 | } else {
|
8048 | console.warn('A string was not provided as a source for ' + source);
|
8049 | }
|
8050 | } catch (err) {
|
8051 | console.error(err);
|
8052 | }
|
8053 | };
|
8054 |
|
8055 | this.render = function () {
|
8056 | try {
|
8057 | var output = [];
|
8058 | if (Array.isArray(_this.sources)) {
|
8059 | output = _this.sources.map(function (source, index) {
|
8060 | return _this.createSourceElement(source, index);
|
8061 | });
|
8062 | } else {
|
8063 | output = [_this.createSourceElement(_this.sources)];
|
8064 | }
|
8065 | return output;
|
8066 | } catch (err) {
|
8067 | console.error(err);
|
8068 | }
|
8069 | };
|
8070 |
|
8071 | this.sources = inSources;
|
8072 | };
|
8073 |
|
8074 | exports.default = Sources;
|
8075 |
|
8076 | }),
|
8077 |
|
8078 | (function(module, exports, __webpack_require__) {
|
8079 |
|
8080 | "use strict";
|
8081 |
|
8082 |
|
8083 | Object.defineProperty(exports, "__esModule", {
|
8084 | value: true
|
8085 | });
|
8086 |
|
8087 | var _customerQuotes = __webpack_require__(149);
|
8088 |
|
8089 | Object.defineProperty(exports, 'CustomerQuotes', {
|
8090 | enumerable: true,
|
8091 | get: function get() {
|
8092 | return _interopRequireDefault(_customerQuotes).default;
|
8093 | }
|
8094 | });
|
8095 |
|
8096 | var _DefaultAddress = __webpack_require__(151);
|
8097 |
|
8098 | Object.defineProperty(exports, 'DefaultAddress', {
|
8099 | enumerable: true,
|
8100 | get: function get() {
|
8101 | return _interopRequireDefault(_DefaultAddress).default;
|
8102 | }
|
8103 | });
|
8104 |
|
8105 | var _DefaultPayment = __webpack_require__(152);
|
8106 |
|
8107 | Object.defineProperty(exports, 'DefaultPayment', {
|
8108 | enumerable: true,
|
8109 | get: function get() {
|
8110 | return _interopRequireDefault(_DefaultPayment).default;
|
8111 | }
|
8112 | });
|
8113 |
|
8114 | var _pressQuotes = __webpack_require__(153);
|
8115 |
|
8116 | Object.defineProperty(exports, 'PressQuotes', {
|
8117 | enumerable: true,
|
8118 | get: function get() {
|
8119 | return _interopRequireDefault(_pressQuotes).default;
|
8120 | }
|
8121 | });
|
8122 |
|
8123 | var _markdown = __webpack_require__(156);
|
8124 |
|
8125 | Object.defineProperty(exports, 'MirageMarkdown', {
|
8126 | enumerable: true,
|
8127 | get: function get() {
|
8128 | return _interopRequireDefault(_markdown).default;
|
8129 | }
|
8130 | });
|
8131 |
|
8132 | var _aboutUs = __webpack_require__(158);
|
8133 |
|
8134 | Object.keys(_aboutUs).forEach(function (key) {
|
8135 | if (key === "default" || key === "__esModule") return;
|
8136 | Object.defineProperty(exports, key, {
|
8137 | enumerable: true,
|
8138 | get: function get() {
|
8139 | return _aboutUs[key];
|
8140 | }
|
8141 | });
|
8142 | });
|
8143 |
|
8144 | var _accordion = __webpack_require__(161);
|
8145 |
|
8146 | Object.keys(_accordion).forEach(function (key) {
|
8147 | if (key === "default" || key === "__esModule") return;
|
8148 | Object.defineProperty(exports, key, {
|
8149 | enumerable: true,
|
8150 | get: function get() {
|
8151 | return _accordion[key];
|
8152 | }
|
8153 | });
|
8154 | });
|
8155 |
|
8156 | var _card = __webpack_require__(163);
|
8157 |
|
8158 | Object.keys(_card).forEach(function (key) {
|
8159 | if (key === "default" || key === "__esModule") return;
|
8160 | Object.defineProperty(exports, key, {
|
8161 | enumerable: true,
|
8162 | get: function get() {
|
8163 | return _card[key];
|
8164 | }
|
8165 | });
|
8166 | });
|
8167 |
|
8168 | var _footer = __webpack_require__(165);
|
8169 |
|
8170 | Object.keys(_footer).forEach(function (key) {
|
8171 | if (key === "default" || key === "__esModule") return;
|
8172 | Object.defineProperty(exports, key, {
|
8173 | enumerable: true,
|
8174 | get: function get() {
|
8175 | return _footer[key];
|
8176 | }
|
8177 | });
|
8178 | });
|
8179 |
|
8180 | var _header = __webpack_require__(167);
|
8181 |
|
8182 | Object.keys(_header).forEach(function (key) {
|
8183 | if (key === "default" || key === "__esModule") return;
|
8184 | Object.defineProperty(exports, key, {
|
8185 | enumerable: true,
|
8186 | get: function get() {
|
8187 | return _header[key];
|
8188 | }
|
8189 | });
|
8190 | });
|
8191 |
|
8192 | var _images = __webpack_require__(185);
|
8193 |
|
8194 | Object.keys(_images).forEach(function (key) {
|
8195 | if (key === "default" || key === "__esModule") return;
|
8196 | Object.defineProperty(exports, key, {
|
8197 | enumerable: true,
|
8198 | get: function get() {
|
8199 | return _images[key];
|
8200 | }
|
8201 | });
|
8202 | });
|
8203 |
|
8204 | var _inputs = __webpack_require__(25);
|
8205 |
|
8206 | Object.keys(_inputs).forEach(function (key) {
|
8207 | if (key === "default" || key === "__esModule") return;
|
8208 | Object.defineProperty(exports, key, {
|
8209 | enumerable: true,
|
8210 | get: function get() {
|
8211 | return _inputs[key];
|
8212 | }
|
8213 | });
|
8214 | });
|
8215 |
|
8216 | var _product = __webpack_require__(207);
|
8217 |
|
8218 | Object.keys(_product).forEach(function (key) {
|
8219 | if (key === "default" || key === "__esModule") return;
|
8220 | Object.defineProperty(exports, key, {
|
8221 | enumerable: true,
|
8222 | get: function get() {
|
8223 | return _product[key];
|
8224 | }
|
8225 | });
|
8226 | });
|
8227 |
|
8228 | var _sections = __webpack_require__(27);
|
8229 |
|
8230 | Object.keys(_sections).forEach(function (key) {
|
8231 | if (key === "default" || key === "__esModule") return;
|
8232 | Object.defineProperty(exports, key, {
|
8233 | enumerable: true,
|
8234 | get: function get() {
|
8235 | return _sections[key];
|
8236 | }
|
8237 | });
|
8238 | });
|
8239 |
|
8240 | var _socialMedia = __webpack_require__(212);
|
8241 |
|
8242 | Object.keys(_socialMedia).forEach(function (key) {
|
8243 | if (key === "default" || key === "__esModule") return;
|
8244 | Object.defineProperty(exports, key, {
|
8245 | enumerable: true,
|
8246 | get: function get() {
|
8247 | return _socialMedia[key];
|
8248 | }
|
8249 | });
|
8250 | });
|
8251 |
|
8252 | var _video = __webpack_require__(215);
|
8253 |
|
8254 | Object.keys(_video).forEach(function (key) {
|
8255 | if (key === "default" || key === "__esModule") return;
|
8256 | Object.defineProperty(exports, key, {
|
8257 | enumerable: true,
|
8258 | get: function get() {
|
8259 | return _video[key];
|
8260 | }
|
8261 | });
|
8262 | });
|
8263 |
|
8264 | var _paymentRequestForm = __webpack_require__(217);
|
8265 |
|
8266 | Object.keys(_paymentRequestForm).forEach(function (key) {
|
8267 | if (key === "default" || key === "__esModule") return;
|
8268 | Object.defineProperty(exports, key, {
|
8269 | enumerable: true,
|
8270 | get: function get() {
|
8271 | return _paymentRequestForm[key];
|
8272 | }
|
8273 | });
|
8274 | });
|
8275 |
|
8276 | var _couponCode = __webpack_require__(220);
|
8277 |
|
8278 | Object.keys(_couponCode).forEach(function (key) {
|
8279 | if (key === "default" || key === "__esModule") return;
|
8280 | Object.defineProperty(exports, key, {
|
8281 | enumerable: true,
|
8282 | get: function get() {
|
8283 | return _couponCode[key];
|
8284 | }
|
8285 | });
|
8286 | });
|
8287 |
|
8288 | var _referralSection = __webpack_require__(225);
|
8289 |
|
8290 | Object.keys(_referralSection).forEach(function (key) {
|
8291 | if (key === "default" || key === "__esModule") return;
|
8292 | Object.defineProperty(exports, key, {
|
8293 | enumerable: true,
|
8294 | get: function get() {
|
8295 | return _referralSection[key];
|
8296 | }
|
8297 | });
|
8298 | });
|
8299 |
|
8300 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8301 |
|
8302 | }),
|
8303 |
|
8304 | (function(module, exports, __webpack_require__) {
|
8305 |
|
8306 | "use strict";
|
8307 |
|
8308 |
|
8309 | Object.defineProperty(exports, "__esModule", {
|
8310 | value: true
|
8311 | });
|
8312 |
|
8313 | 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; }; }();
|
8314 |
|
8315 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n'], ['\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n']),
|
8316 | _templateObject2 = _taggedTemplateLiteral(['\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n'], ['\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n']),
|
8317 | _templateObject3 = _taggedTemplateLiteral(['\ndisplay: flex;\nflex-wrap: wrap;\nwidth: 100%;\n', '\n', ' {\n font-weight: 300;\n margin-top: 1rem;\n min-height: 5rem;\n}\n', ' {\n font-family: "ff-din-web",Helvetica,Arial,sans-serif;\n font-size: 1.8rem;\n font-weight: 100;\n font-style: normal;\n margin-top: 2rem;\n margin-bottom: 2rem;\n min-height: 1rem;\n}\n.quote_controller {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n}\n.quote {\n display: flex;\n justify-content: center;\n position: relative;\n order: 1;\n opacity: 1;\n transition: opacity 0.5s;\n height: 30rem;\n ', '\n}\n\n.fader-enter {\n animation: ', ' 3s ease-in;\n}\n\n.fader-enter.fader-enter-active {\n opacity: 1;\n transition: opacity 500ms ease-in;\n}\n\n.fader-leave {\n opacity: 1;\n}\n\n.fader-leave.fader-leave-active {\n opacity: 0;\n animation: ', ' 1s ease-in;\n}\n\n.confetti {\n display: flex;\n align-self: center\n min-height: 15rem;\n &:first-of-type {\n order: 2;\n ', '\n }\n &:last-of-type {\n order: 3;\n ', '\n }\n}\n'], ['\ndisplay: flex;\nflex-wrap: wrap;\nwidth: 100%;\n', '\n', ' {\n font-weight: 300;\n margin-top: 1rem;\n min-height: 5rem;\n}\n', ' {\n font-family: "ff-din-web",Helvetica,Arial,sans-serif;\n font-size: 1.8rem;\n font-weight: 100;\n font-style: normal;\n margin-top: 2rem;\n margin-bottom: 2rem;\n min-height: 1rem;\n}\n.quote_controller {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n}\n.quote {\n display: flex;\n justify-content: center;\n position: relative;\n order: 1;\n opacity: 1;\n transition: opacity 0.5s;\n height: 30rem;\n ', '\n}\n\n.fader-enter {\n animation: ', ' 3s ease-in;\n}\n\n.fader-enter.fader-enter-active {\n opacity: 1;\n transition: opacity 500ms ease-in;\n}\n\n.fader-leave {\n opacity: 1;\n}\n\n.fader-leave.fader-leave-active {\n opacity: 0;\n animation: ', ' 1s ease-in;\n}\n\n.confetti {\n display: flex;\n align-self: center\n min-height: 15rem;\n &:first-of-type {\n order: 2;\n ', '\n }\n &:last-of-type {\n order: 3;\n ', '\n }\n}\n']),
|
8318 | _templateObject4 = _taggedTemplateLiteral(['\n height: 30rem;\n'], ['\n height: 30rem;\n']),
|
8319 | _templateObject5 = _taggedTemplateLiteral(['\n order: 2;\n '], ['\n order: 2;\n ']),
|
8320 | _templateObject6 = _taggedTemplateLiteral(['\n order: 1;\n '], ['\n order: 1;\n ']),
|
8321 | _templateObject7 = _taggedTemplateLiteral(['\n order: 4;\n '], ['\n order: 4;\n ']),
|
8322 | _templateObject8 = _taggedTemplateLiteral(['\n margin-top: 4rem;\n margin-bottom: 2rem;\n ', '\n ', ', ', ', ', ' {\n text-align: center;\n }\n ', ', ', ' {\n color: ', ';\n margin-top: 0;\n margin-bottom: 0;\n font-style: italic;\n order: 1;\n ', '\n }\n ', ' {\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n blockquote {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n'], ['\n margin-top: 4rem;\n margin-bottom: 2rem;\n ', '\n ', ', ', ', ', ' {\n text-align: center;\n }\n ', ', ', ' {\n color: ', ';\n margin-top: 0;\n margin-bottom: 0;\n font-style: italic;\n order: 1;\n ', '\n }\n ', ' {\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n blockquote {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n']),
|
8323 | _templateObject9 = _taggedTemplateLiteral(['\n margin-top: 6rem;\n '], ['\n margin-top: 6rem;\n ']),
|
8324 | _templateObject10 = _taggedTemplateLiteral(['\n order: 2;\n '], ['\n order: 2;\n ']);
|
8325 |
|
8326 | var _react = __webpack_require__(2);
|
8327 |
|
8328 | var _react2 = _interopRequireDefault(_react);
|
8329 |
|
8330 | var _styledComponents = __webpack_require__(1);
|
8331 |
|
8332 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8333 |
|
8334 | var _reactTransitionGroup = __webpack_require__(18);
|
8335 |
|
8336 | var _SRC = __webpack_require__(3);
|
8337 |
|
8338 | var _defaultProps = __webpack_require__(150);
|
8339 |
|
8340 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
8341 |
|
8342 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8343 |
|
8344 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
8345 |
|
8346 | 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; }
|
8347 |
|
8348 | 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; }
|
8349 |
|
8350 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8351 |
|
8352 | var FadeIn = (0, _styledComponents.keyframes)(_templateObject);
|
8353 |
|
8354 | var FadeOut = (0, _styledComponents.keyframes)(_templateObject2);
|
8355 |
|
8356 | var CustomerQuote = function (_React$Component) {
|
8357 | _inherits(CustomerQuote, _React$Component);
|
8358 |
|
8359 | function CustomerQuote() {
|
8360 | _classCallCheck(this, CustomerQuote);
|
8361 |
|
8362 | return _possibleConstructorReturn(this, (CustomerQuote.__proto__ || Object.getPrototypeOf(CustomerQuote)).apply(this, arguments));
|
8363 | }
|
8364 |
|
8365 | _createClass(CustomerQuote, [{
|
8366 | key: 'render',
|
8367 | value: function render() {
|
8368 | var _props = this.props,
|
8369 | className = _props.className,
|
8370 | quote = _props.quote,
|
8371 | index = _props.index,
|
8372 | left = _props.left,
|
8373 | right = _props.right;
|
8374 |
|
8375 | return _react2.default.createElement(
|
8376 | _SRC.FlexRow,
|
8377 | {
|
8378 | constrained: true,
|
8379 | element: 'aside',
|
8380 | className: className,
|
8381 | 'aria-hidden': true },
|
8382 | _react2.default.createElement(_SRC.FlexCol, {
|
8383 | element: 'img',
|
8384 | key: 'cutsomerQuoteLeftConfetti',
|
8385 | mobile: { width: 2 },
|
8386 | desktop: { width: 3 },
|
8387 | alt: 'confetti',
|
8388 | className: 'confetti',
|
8389 | src: left }),
|
8390 | _react2.default.createElement(
|
8391 | _SRC.FlexCol,
|
8392 | { className: 'quote', key: 'cutsomeQuoteBody', mobile: { width: 4 }, desktop: { width: 6 } },
|
8393 | _react2.default.createElement(
|
8394 | _reactTransitionGroup.CSSTransitionGroup,
|
8395 | {
|
8396 | transitionName: 'fader',
|
8397 | transitionEnterTimeout: 3000,
|
8398 | transitionLeaveTimeout: 3000 },
|
8399 | quote && _react2.default.createElement(
|
8400 | 'div',
|
8401 | { key: index, className: 'quote_controller' },
|
8402 | quote && quote.quote && _react2.default.createElement(
|
8403 | _SRC.H2,
|
8404 | { lowercase: true },
|
8405 | quote.quote
|
8406 | ),
|
8407 | quote && quote.signature && _react2.default.createElement(
|
8408 | _SRC.H3,
|
8409 | { lowercase: true },
|
8410 | quote.signature
|
8411 | )
|
8412 | )
|
8413 | )
|
8414 | ),
|
8415 | _react2.default.createElement(_SRC.FlexCol, {
|
8416 | element: 'img',
|
8417 | key: 'cutsomerQuoteRightConfetti',
|
8418 | mobile: { width: 2 },
|
8419 | desktop: { width: 3 },
|
8420 | alt: 'confetti',
|
8421 | className: 'confetti',
|
8422 | src: right })
|
8423 | );
|
8424 | }
|
8425 | }]);
|
8426 |
|
8427 | return CustomerQuote;
|
8428 | }(_react2.default.Component);
|
8429 |
|
8430 | var StyledCustomerQuote = (0, _styledComponents2.default)(CustomerQuote)(_templateObject3, function (props) {
|
8431 | return props.theme.media.tablet(_templateObject4);
|
8432 | }, _SRC.H2, _SRC.H3, function (props) {
|
8433 | return props.theme.media.tablet(_templateObject5);
|
8434 | }, FadeIn, FadeOut, function (props) {
|
8435 | return props.theme.media.tablet(_templateObject6);
|
8436 | }, function (props) {
|
8437 | return props.theme.media.tablet(_templateObject7);
|
8438 | });
|
8439 |
|
8440 | var BaseCustomerQuotes = function (_React$Component2) {
|
8441 | _inherits(BaseCustomerQuotes, _React$Component2);
|
8442 |
|
8443 | function BaseCustomerQuotes(props) {
|
8444 | _classCallCheck(this, BaseCustomerQuotes);
|
8445 |
|
8446 | var _this2 = _possibleConstructorReturn(this, (BaseCustomerQuotes.__proto__ || Object.getPrototypeOf(BaseCustomerQuotes)).call(this, props));
|
8447 |
|
8448 | _this2.quoteTimer = function () {
|
8449 | _this2.timer = setInterval(function () {
|
8450 | var index = _this2.state.index;
|
8451 | var quotes = _this2.props.quotes;
|
8452 |
|
8453 | _this2.setState({
|
8454 | height: '0',
|
8455 | left: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1550773588/web/transparent.png',
|
8456 | right: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1550773588/web/transparent.png'
|
8457 | });
|
8458 | if (index === quotes.length - 1) {
|
8459 | _this2.setState({
|
8460 | index: 0,
|
8461 | quote: quotes[0]
|
8462 | });
|
8463 | } else {
|
8464 | _this2.setState({
|
8465 | index: index + 1,
|
8466 | quote: quotes[index + 1]
|
8467 | });
|
8468 | }
|
8469 | setTimeout(function () {
|
8470 | _this2.setState({
|
8471 | height: 'auto',
|
8472 | left: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1548872934/web/CONFETTI_left_single.gif',
|
8473 | right: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1548872934/web/CONFETTI_right_single.gif'
|
8474 | });
|
8475 | }, 1000);
|
8476 | }, 8000);
|
8477 | };
|
8478 |
|
8479 | _this2.state = {
|
8480 | index: 0,
|
8481 | left: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1548872934/web/CONFETTI_left_single.gif',
|
8482 | right: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1548872934/web/CONFETTI_right_single.gif',
|
8483 | quote: {
|
8484 | quote: undefined,
|
8485 | signature: undefined
|
8486 | }
|
8487 | };
|
8488 | return _this2;
|
8489 | }
|
8490 |
|
8491 | _createClass(BaseCustomerQuotes, [{
|
8492 | key: 'componentDidMount',
|
8493 | value: function componentDidMount() {
|
8494 | var quotes = this.props.quotes;
|
8495 |
|
8496 | this.setState({ quote: quotes[0] });
|
8497 | this.quoteTimer();
|
8498 | }
|
8499 | }, {
|
8500 | key: 'componentWillUnmount',
|
8501 | value: function componentWillUnmount() {
|
8502 | clearInterval(this.timer);
|
8503 | }
|
8504 | }, {
|
8505 | key: 'render',
|
8506 | value: function render() {
|
8507 | var _props2 = this.props,
|
8508 | className = _props2.className,
|
8509 | header = _props2.header,
|
8510 | quotes = _props2.quotes;
|
8511 | var _state = this.state,
|
8512 | index = _state.index,
|
8513 | quote = _state.quote,
|
8514 | left = _state.left,
|
8515 | right = _state.right;
|
8516 |
|
8517 | return _react2.default.createElement(
|
8518 | _SRC.FlexRow,
|
8519 | {
|
8520 | element: 'section',
|
8521 | className: className,
|
8522 | align: 'flex-start' },
|
8523 | _react2.default.createElement(
|
8524 | _SRC.FlexCol,
|
8525 | { key: 'customerQuoteHeader', mobile: { width: 4 }, desktop: { width: 12 } },
|
8526 | _react2.default.createElement(
|
8527 | _SRC.H1,
|
8528 | null,
|
8529 | header
|
8530 | )
|
8531 | ),
|
8532 | _react2.default.createElement(StyledCustomerQuote, {
|
8533 | quote: quote,
|
8534 | index: index,
|
8535 | left: left,
|
8536 | right: right }),
|
8537 | quotes.map(function (quote, i) {
|
8538 | return _react2.default.createElement(
|
8539 | 'blockquote',
|
8540 | { key: 'customerQuoteBlock-' + i },
|
8541 | _react2.default.createElement(
|
8542 | 'p',
|
8543 | null,
|
8544 | quote.quote
|
8545 | ),
|
8546 | _react2.default.createElement(
|
8547 | 'cite',
|
8548 | null,
|
8549 | _react2.default.createElement(
|
8550 | 'p',
|
8551 | null,
|
8552 | quote.signature
|
8553 | )
|
8554 | )
|
8555 | );
|
8556 | })
|
8557 | );
|
8558 | }
|
8559 | }]);
|
8560 |
|
8561 | return BaseCustomerQuotes;
|
8562 | }(_react2.default.Component);
|
8563 |
|
8564 | var CustomerQuotes = (0, _styledComponents2.default)(BaseCustomerQuotes)(_templateObject8, function (props) {
|
8565 | return props.theme.media.tablet(_templateObject9);
|
8566 | }, _SRC.H1, _SRC.H2, _SRC.H3, _SRC.H2, _SRC.H3, function (props) {
|
8567 | return props.theme.colors.rocketBlue;
|
8568 | }, function (props) {
|
8569 | return props.theme.media.tablet(_templateObject10);
|
8570 | }, _SRC.H1);
|
8571 |
|
8572 | CustomerQuotes.defaultProps = Object.assign({}, _defaultProps2.default, {
|
8573 | padding: true,
|
8574 | constrained: true
|
8575 |
|
8576 |
|
8577 | });exports.default = CustomerQuotes;
|
8578 |
|
8579 | }),
|
8580 |
|
8581 | (function(module, exports, __webpack_require__) {
|
8582 |
|
8583 | "use strict";
|
8584 |
|
8585 |
|
8586 | Object.defineProperty(exports, "__esModule", {
|
8587 | value: true
|
8588 | });
|
8589 | exports.default = {
|
8590 | "header": "WHAT AWESOME PARENTS (LIKE YOU!) ARE SAYING",
|
8591 | "quotes": [{
|
8592 | quote: "“These are real clothes to LIVE and PLAY in! My son is full of personality and wears Rockets of Awesome to reflect that.”",
|
8593 | signature: "Andrea, Dallas TX"
|
8594 | }, {
|
8595 | quote: "“My spunky daughter loves to be an original and love that we've found a brand that can help her define her unique sense of self!”",
|
8596 | signature: "Maddie, Cincinnati OH"
|
8597 | }, {
|
8598 | quote: "“My son loves your stuff more than any of his other clothes, and digs through his drawers to find them! I’m not sure if it’s the super-softness or the graphics, but thank you!”",
|
8599 | signature: "Courtney, Philadelphia PA"
|
8600 | }, {
|
8601 | quote: "“It’s great to see my kids feel so confident that what they’re wearing expresses who they are as individuals.”",
|
8602 | signature: "Robin, Brooklyn NY"
|
8603 | }]
|
8604 | };
|
8605 |
|
8606 | }),
|
8607 |
|
8608 | (function(module, exports, __webpack_require__) {
|
8609 |
|
8610 | "use strict";
|
8611 |
|
8612 |
|
8613 | Object.defineProperty(exports, "__esModule", {
|
8614 | value: true
|
8615 | });
|
8616 | exports.BaseDefaultAddress = undefined;
|
8617 |
|
8618 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n display: inline-block;\n width: 100%;\n box-sizing: border-box;\n &:first-of-type {\n padding-right: 7rem;\n ', '\n }\n }\n'], ['\n ', ' {\n display: inline-block;\n width: 100%;\n box-sizing: border-box;\n &:first-of-type {\n padding-right: 7rem;\n ', '\n }\n }\n']),
|
8619 | _templateObject2 = _taggedTemplateLiteral(['\n padding-right: 5rem;\n '], ['\n padding-right: 5rem;\n ']);
|
8620 |
|
8621 | var _react = __webpack_require__(2);
|
8622 |
|
8623 | var _react2 = _interopRequireDefault(_react);
|
8624 |
|
8625 | var _propTypes = __webpack_require__(0);
|
8626 |
|
8627 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8628 |
|
8629 | var _styledComponents = __webpack_require__(1);
|
8630 |
|
8631 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8632 |
|
8633 | var _Label = __webpack_require__(10);
|
8634 |
|
8635 | var _Label2 = _interopRequireDefault(_Label);
|
8636 |
|
8637 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8638 |
|
8639 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8640 |
|
8641 | var BaseDefaultAddress = function BaseDefaultAddress(_ref) {
|
8642 | var _ref$address = _ref.address,
|
8643 | first_name = _ref$address.first_name,
|
8644 | last_name = _ref$address.last_name,
|
8645 | address1 = _ref$address.address1,
|
8646 | address2 = _ref$address.address2,
|
8647 | city = _ref$address.city,
|
8648 | state = _ref$address.state,
|
8649 | zipcode = _ref$address.zipcode,
|
8650 | className = _ref.className;
|
8651 |
|
8652 | return _react2.default.createElement(
|
8653 | 'section',
|
8654 | { className: className },
|
8655 | _react2.default.createElement(
|
8656 | _Label.LowercaseLabel,
|
8657 | null,
|
8658 | first_name,
|
8659 | ' ',
|
8660 | last_name
|
8661 | ),
|
8662 | _react2.default.createElement(
|
8663 | _Label.LowercaseLabel,
|
8664 | null,
|
8665 | address1
|
8666 | ),
|
8667 | address2 && _react2.default.createElement(
|
8668 | _Label.LowercaseLabel,
|
8669 | null,
|
8670 | address2
|
8671 | ),
|
8672 | _react2.default.createElement(
|
8673 | _Label.LowercaseLabel,
|
8674 | null,
|
8675 | city,
|
8676 | ', ',
|
8677 | state,
|
8678 | ' ',
|
8679 | zipcode
|
8680 | )
|
8681 | );
|
8682 | };
|
8683 |
|
8684 | var DefaultAddress = (0, _styledComponents2.default)(BaseDefaultAddress)(_templateObject, _Label2.default, function (props) {
|
8685 | return props.theme.media.tablet(_templateObject2);
|
8686 | });
|
8687 | DefaultAddress.propTypes = {
|
8688 | address: _propTypes2.default.shape({
|
8689 | first_name: _propTypes2.default.string.isRequired,
|
8690 | last_name: _propTypes2.default.string.isRequired,
|
8691 | address1: _propTypes2.default.string.isRequired,
|
8692 | address2: _propTypes2.default.string,
|
8693 | city: _propTypes2.default.string.isRequired,
|
8694 | state: _propTypes2.default.string.isRequired,
|
8695 | zipcode: _propTypes2.default.string.isRequired
|
8696 | })
|
8697 |
|
8698 |
|
8699 | };exports.default = DefaultAddress;
|
8700 | exports.BaseDefaultAddress = BaseDefaultAddress;
|
8701 |
|
8702 | }),
|
8703 |
|
8704 | (function(module, exports, __webpack_require__) {
|
8705 |
|
8706 | "use strict";
|
8707 |
|
8708 |
|
8709 | Object.defineProperty(exports, "__esModule", {
|
8710 | value: true
|
8711 | });
|
8712 | exports.cardData = exports.BaseDefaultPayment = undefined;
|
8713 |
|
8714 | var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n align-items: flex-start;\n ', ' {\n display: inline-block;\n width: 2.5rem;\n margin-top: .6rem;\n margin-right: 1rem;\n flex: 0 0 auto;\n }\n > aside {\n display: inline-block;\n }\n ', ' {\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n &:first-of-type {\n padding-right: 7rem;\n ', '\n }\n }\n'], ['\n display: flex;\n align-items: flex-start;\n ', ' {\n display: inline-block;\n width: 2.5rem;\n margin-top: .6rem;\n margin-right: 1rem;\n flex: 0 0 auto;\n }\n > aside {\n display: inline-block;\n }\n ', ' {\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n &:first-of-type {\n padding-right: 7rem;\n ', '\n }\n }\n']),
|
8715 | _templateObject2 = _taggedTemplateLiteral(['\n padding-right: 5rem;\n '], ['\n padding-right: 5rem;\n ']);
|
8716 |
|
8717 | var _react = __webpack_require__(2);
|
8718 |
|
8719 | var _react2 = _interopRequireDefault(_react);
|
8720 |
|
8721 | var _propTypes = __webpack_require__(0);
|
8722 |
|
8723 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8724 |
|
8725 | var _styledComponents = __webpack_require__(1);
|
8726 |
|
8727 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8728 |
|
8729 | var _Label = __webpack_require__(10);
|
8730 |
|
8731 | var _Label2 = _interopRequireDefault(_Label);
|
8732 |
|
8733 | var _CardIcon = __webpack_require__(29);
|
8734 |
|
8735 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
8736 |
|
8737 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8738 |
|
8739 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8740 |
|
8741 | var prettyBrand = function prettyBrand(brand) {
|
8742 | return '' + brand.charAt(0).toUpperCase() + brand.slice(1);
|
8743 | };
|
8744 | var cardData = function cardData(brand, last_4_digits) {
|
8745 | return prettyBrand(brand) + ' ending in ****' + last_4_digits;
|
8746 | };
|
8747 |
|
8748 | var BaseDefaultPayment = function BaseDefaultPayment(_ref) {
|
8749 | var _ref$card = _ref.card,
|
8750 | brand = _ref$card.brand,
|
8751 | exp_month = _ref$card.exp_month,
|
8752 | exp_year = _ref$card.exp_year,
|
8753 | last_4_digits = _ref$card.last_4_digits,
|
8754 | className = _ref.className;
|
8755 |
|
8756 | return _react2.default.createElement(
|
8757 | 'section',
|
8758 | { className: className },
|
8759 | _react2.default.createElement(_CardIcon2.default, { brand: brand }),
|
8760 | _react2.default.createElement(
|
8761 | 'aside',
|
8762 | null,
|
8763 | _react2.default.createElement(
|
8764 | _Label.LowercaseLabel,
|
8765 | null,
|
8766 | cardData(brand, last_4_digits)
|
8767 | ),
|
8768 | _react2.default.createElement(
|
8769 | _Label.LowercaseLabel,
|
8770 | null,
|
8771 | 'expires ',
|
8772 | exp_month,
|
8773 | '/',
|
8774 | exp_year
|
8775 | )
|
8776 | )
|
8777 | );
|
8778 | };
|
8779 |
|
8780 | var DefaultPayment = (0, _styledComponents2.default)(BaseDefaultPayment)(_templateObject, _CardIcon2.default, _Label2.default, function (props) {
|
8781 | return props.theme.media.tablet(_templateObject2);
|
8782 | });
|
8783 |
|
8784 | DefaultPayment.propTypes = {
|
8785 | card: _propTypes2.default.shape({
|
8786 | brand: _propTypes2.default.string,
|
8787 | exp_month: _propTypes2.default.string,
|
8788 | exp_year: _propTypes2.default.string,
|
8789 | last_4_digits: _propTypes2.default.string
|
8790 | }).isRequired
|
8791 |
|
8792 |
|
8793 | };exports.default = DefaultPayment;
|
8794 | exports.BaseDefaultPayment = BaseDefaultPayment;
|
8795 | exports.cardData = cardData;
|
8796 |
|
8797 | }),
|
8798 |
|
8799 | (function(module, exports, __webpack_require__) {
|
8800 |
|
8801 | "use strict";
|
8802 |
|
8803 |
|
8804 | Object.defineProperty(exports, "__esModule", {
|
8805 | value: true
|
8806 | });
|
8807 |
|
8808 | 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; }; }();
|
8809 |
|
8810 | var _templateObject = _taggedTemplateLiteral(['\n margin-top: 4rem;\n margin-bottom: 2rem;\n ', '\n ', ', ', ' {\n text-align: center;\n margin: 0 0 1rem 0;\n }\n ', ' {\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n ', ' {\n color: ', ';\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n min-height: 12rem;\n max-height: 45rem;\n font-style: italic;\n }\n ', ' {\n flex-basis: 2.4rem;\n min-width: 2.4rem;\n height: 2.4rem;\n stroke-width: .7rem;\n }\n ', ' {\n max-height: 4.5rem;\n padding: 0.5rem;\n box-sizing: border-box;\n &: hover {\n fill: ', ';\n }\n }\n .quote_controller {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 14rem;\n max-height: 45rem;\n position: relative\n width: 100%;\n }\n .press_icons {\n display: flex;\n flex-wrap: wrap;\n max-height: 12rem;\n justify-content: center;\n @media (max-width: 958px) { margin-top: 0.5em; }\n > * {\n width: 30rem;\n @media (min-width: 959px) { width: 25%; }\n }\n }\n .quote_controller span {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 12rem;\n max-height: 45rem;\n }\n .quote-enter {\n opacity: 0.01;\n }\n .quote-enter.quote-enter-active {\n opacity: 1;\n transition: opacity 500ms ease-in;\n }\n .quote-leave {\n opacity: 0;\n }\n .quote-leave.quote-leave-active {\n opacity: 0;\n }\n blockquote {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n'], ['\n margin-top: 4rem;\n margin-bottom: 2rem;\n ', '\n ', ', ', ' {\n text-align: center;\n margin: 0 0 1rem 0;\n }\n ', ' {\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n ', ' {\n color: ', ';\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n margin-top: 0;\n margin-bottom: 0;\n min-height: 12rem;\n max-height: 45rem;\n font-style: italic;\n }\n ', ' {\n flex-basis: 2.4rem;\n min-width: 2.4rem;\n height: 2.4rem;\n stroke-width: .7rem;\n }\n ', ' {\n max-height: 4.5rem;\n padding: 0.5rem;\n box-sizing: border-box;\n &: hover {\n fill: ', ';\n }\n }\n .quote_controller {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 14rem;\n max-height: 45rem;\n position: relative\n width: 100%;\n }\n .press_icons {\n display: flex;\n flex-wrap: wrap;\n max-height: 12rem;\n justify-content: center;\n @media (max-width: 958px) { margin-top: 0.5em; }\n > * {\n width: 30rem;\n @media (min-width: 959px) { width: 25%; }\n }\n }\n .quote_controller span {\n display: flex;\n justify-content: space-between;\n align-items: center;\n min-height: 12rem;\n max-height: 45rem;\n }\n .quote-enter {\n opacity: 0.01;\n }\n .quote-enter.quote-enter-active {\n opacity: 1;\n transition: opacity 500ms ease-in;\n }\n .quote-leave {\n opacity: 0;\n }\n .quote-leave.quote-leave-active {\n opacity: 0;\n }\n blockquote {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n']),
|
8811 | _templateObject2 = _taggedTemplateLiteral(['\n margin-top: 6rem;\n '], ['\n margin-top: 6rem;\n ']);
|
8812 |
|
8813 | var _react = __webpack_require__(2);
|
8814 |
|
8815 | var _react2 = _interopRequireDefault(_react);
|
8816 |
|
8817 | var _styledComponents = __webpack_require__(1);
|
8818 |
|
8819 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8820 |
|
8821 | var _SRC = __webpack_require__(3);
|
8822 |
|
8823 | var _PressIcon = __webpack_require__(21);
|
8824 |
|
8825 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
8826 |
|
8827 | var _IconRow = __webpack_require__(154);
|
8828 |
|
8829 | var _IconRow2 = _interopRequireDefault(_IconRow);
|
8830 |
|
8831 | var _defaultProps = __webpack_require__(155);
|
8832 |
|
8833 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
8834 |
|
8835 | var _reactResponsive = __webpack_require__(24);
|
8836 |
|
8837 | var _reactResponsive2 = _interopRequireDefault(_reactResponsive);
|
8838 |
|
8839 | var _reactTransitionGroup = __webpack_require__(18);
|
8840 |
|
8841 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8842 |
|
8843 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8844 |
|
8845 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
8846 |
|
8847 | 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; }
|
8848 |
|
8849 | 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; }
|
8850 |
|
8851 | var BasePressQuotes = function (_React$Component) {
|
8852 | _inherits(BasePressQuotes, _React$Component);
|
8853 |
|
8854 | function BasePressQuotes(props) {
|
8855 | _classCallCheck(this, BasePressQuotes);
|
8856 |
|
8857 | var _this = _possibleConstructorReturn(this, (BasePressQuotes.__proto__ || Object.getPrototypeOf(BasePressQuotes)).call(this, props));
|
8858 |
|
8859 | _this.onClick = function (index) {
|
8860 | return function () {
|
8861 | _this.setState({ index: index });
|
8862 | clearInterval(_this.timer);
|
8863 | _this.quoteTimer();
|
8864 | };
|
8865 | };
|
8866 |
|
8867 | _this.onClickChevronLeft = function () {
|
8868 | var quotes = _this.props.quotes;
|
8869 | var index = _this.state.index;
|
8870 |
|
8871 | if (index === 0) {
|
8872 | _this.setState({ index: quotes.length - 1 });
|
8873 | clearInterval(_this.timer);
|
8874 | _this.quoteTimer(quotes.length - 1);
|
8875 | } else {
|
8876 | _this.setState({ index: index - 1 });
|
8877 | clearInterval(_this.timer);
|
8878 | _this.quoteTimer();
|
8879 | }
|
8880 | };
|
8881 |
|
8882 | _this.onClickChevronRight = function () {
|
8883 | var index = _this.state.index;
|
8884 | var quotes = _this.props.quotes;
|
8885 |
|
8886 |
|
8887 | if (index === quotes.length - 1) {
|
8888 | _this.setState({ index: 0 });
|
8889 | clearInterval(_this.timer);
|
8890 | _this.quoteTimer();
|
8891 | } else {
|
8892 | _this.setState({ index: index + 1 });
|
8893 | clearInterval(_this.timer);
|
8894 | _this.quoteTimer();
|
8895 | }
|
8896 | };
|
8897 |
|
8898 | _this.updateIndex = function () {
|
8899 | var quotes = _this.props.quotes;
|
8900 | var index = _this.state.index;
|
8901 |
|
8902 |
|
8903 | if (index === quotes.length - 1) {
|
8904 | _this.setState({ index: 0 });
|
8905 | } else {
|
8906 | _this.setState({ index: index + 1 });
|
8907 | }
|
8908 | };
|
8909 |
|
8910 | _this.quoteTimer = function () {
|
8911 | _this.timer = setInterval(_this.updateIndex, 5000);
|
8912 | };
|
8913 |
|
8914 | _this.state = {
|
8915 | index: 0
|
8916 | };
|
8917 | return _this;
|
8918 | }
|
8919 |
|
8920 | _createClass(BasePressQuotes, [{
|
8921 | key: 'componentWillUnmount',
|
8922 | value: function componentWillUnmount() {
|
8923 | clearInterval(this.timer);
|
8924 | }
|
8925 | }, {
|
8926 | key: 'componentWillMount',
|
8927 | value: function componentWillMount() {
|
8928 | this.setState({ index: 0 });
|
8929 | this.quoteTimer();
|
8930 | }
|
8931 | }, {
|
8932 | key: 'render',
|
8933 | value: function render() {
|
8934 | var _props = this.props,
|
8935 | className = _props.className,
|
8936 | header = _props.header,
|
8937 | headerLabel = _props.headerLabel,
|
8938 | theme = _props.theme,
|
8939 | quotes = _props.quotes;
|
8940 | var index = this.state.index;
|
8941 |
|
8942 | return _react2.default.createElement(
|
8943 | _SRC.FlexRow,
|
8944 | {
|
8945 | constrained: true,
|
8946 | element: 'section',
|
8947 | className: className },
|
8948 | _react2.default.createElement(
|
8949 | _SRC.FlexCol,
|
8950 | { mobile: { width: 4 }, desktop: { width: 12 } },
|
8951 | _react2.default.createElement(
|
8952 | _SRC.H1,
|
8953 | { 'aria-label': headerLabel },
|
8954 | header
|
8955 | )
|
8956 | ),
|
8957 | _react2.default.createElement(
|
8958 | _SRC.FlexCol,
|
8959 | {
|
8960 | className: 'quote_controller',
|
8961 | mobile: { width: 4 },
|
8962 | desktop: { span: 1, width: 10 } },
|
8963 | _react2.default.createElement(_SRC.Chevron, { left: true, onClick: this.onClickChevronLeft }),
|
8964 | _react2.default.createElement(
|
8965 | _reactTransitionGroup.CSSTransitionGroup,
|
8966 | {
|
8967 | 'aria-hidden': true,
|
8968 | transitionName: 'quote',
|
8969 | transitionEnterTimeout: 500,
|
8970 | transitionLeaveTimeout: 1 },
|
8971 | _react2.default.createElement(
|
8972 | _SRC.H2,
|
8973 | { lowercase: true, key: index },
|
8974 | quotes[index].quote
|
8975 | )
|
8976 | ),
|
8977 | _react2.default.createElement(_SRC.Chevron, { right: true, onClick: this.onClickChevronRight })
|
8978 | ),
|
8979 | _react2.default.createElement(
|
8980 | _SRC.FlexCol,
|
8981 | { mobile: { width: 4 }, desktop: { span: 1, width: 10 } },
|
8982 | _react2.default.createElement(
|
8983 | _reactResponsive2.default,
|
8984 | { query: theme.breakpoints.aboveTabletMax },
|
8985 | _react2.default.createElement(_IconRow2.default, {
|
8986 | quotes: quotes,
|
8987 | onClick: this.onClick,
|
8988 | selected: index })
|
8989 | )
|
8990 | ),
|
8991 | _react2.default.createElement(
|
8992 | _SRC.FlexCol,
|
8993 | { mobile: { width: 4 }, desktop: { span: 1, width: 10 } },
|
8994 | _react2.default.createElement(
|
8995 | _reactResponsive2.default,
|
8996 | { query: '(max-device-width: 959px)' },
|
8997 | _react2.default.createElement(_PressIcon2.default, {
|
8998 | key: index,
|
8999 | brand: quotes[index].id,
|
9000 | selected: true })
|
9001 | )
|
9002 | ),
|
9003 | quotes.map(function (_ref, index) {
|
9004 | var quote = _ref.quote,
|
9005 | name = _ref.name;
|
9006 |
|
9007 | return _react2.default.createElement(
|
9008 | 'blockquote',
|
9009 | { key: index },
|
9010 | quote,
|
9011 | _react2.default.createElement(
|
9012 | 'cite',
|
9013 | null,
|
9014 | name
|
9015 | )
|
9016 | );
|
9017 | })
|
9018 | );
|
9019 | }
|
9020 | }]);
|
9021 |
|
9022 | return BasePressQuotes;
|
9023 | }(_react2.default.Component);
|
9024 |
|
9025 | var PressQuotes = (0, _styledComponents2.default)(BasePressQuotes)(_templateObject, function (props) {
|
9026 | return props.theme.media.tablet(_templateObject2);
|
9027 | }, _SRC.H1, _SRC.H2, _SRC.H1, _SRC.H2, function (props) {
|
9028 | return props.theme.colors.rocketBlue;
|
9029 | }, _SRC.Chevron, _PressIcon2.default, function (props) {
|
9030 | return props.theme.colors.rocketBlue;
|
9031 | });
|
9032 |
|
9033 | PressQuotes.defaultProps = Object.assign({}, _defaultProps2.default, {
|
9034 | padding: true,
|
9035 | constrained: true
|
9036 |
|
9037 |
|
9038 | });exports.default = (0, _styledComponents.withTheme)(PressQuotes);
|
9039 |
|
9040 | }),
|
9041 |
|
9042 | (function(module, exports, __webpack_require__) {
|
9043 |
|
9044 | "use strict";
|
9045 |
|
9046 |
|
9047 | Object.defineProperty(exports, "__esModule", {
|
9048 | value: true
|
9049 | });
|
9050 |
|
9051 | var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n flex-wrap: wrap;\n ', ' {\n width: 25%;\n }\n'], ['\n display: flex;\n flex-wrap: wrap;\n ', ' {\n width: 25%;\n }\n']);
|
9052 |
|
9053 | var _react = __webpack_require__(2);
|
9054 |
|
9055 | var _react2 = _interopRequireDefault(_react);
|
9056 |
|
9057 | var _propTypes = __webpack_require__(0);
|
9058 |
|
9059 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
9060 |
|
9061 | var _styledComponents = __webpack_require__(1);
|
9062 |
|
9063 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9064 |
|
9065 | var _PressIcon = __webpack_require__(21);
|
9066 |
|
9067 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
9068 |
|
9069 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9070 |
|
9071 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9072 |
|
9073 | var IconRow = (0, _styledComponents2.default)(function (_ref) {
|
9074 | var className = _ref.className,
|
9075 | onClick = _ref.onClick,
|
9076 | quotes = _ref.quotes,
|
9077 | selected = _ref.selected;
|
9078 |
|
9079 | return _react2.default.createElement(
|
9080 | 'div',
|
9081 | { className: className },
|
9082 | quotes.map(function (icon, index) {
|
9083 | var iconSelected = index === selected;
|
9084 | return _react2.default.createElement(_PressIcon2.default, {
|
9085 | key: index,
|
9086 | brand: quotes[index].id,
|
9087 | onClick: onClick(index),
|
9088 | selected: iconSelected });
|
9089 | })
|
9090 | );
|
9091 | })(_templateObject, _PressIcon2.default);
|
9092 |
|
9093 | IconRow.propTypes = {
|
9094 | iconsPerRow: _propTypes2.default.number
|
9095 |
|
9096 |
|
9097 | };exports.default = IconRow;
|
9098 |
|
9099 | }),
|
9100 |
|
9101 | (function(module, exports, __webpack_require__) {
|
9102 |
|
9103 | "use strict";
|
9104 |
|
9105 |
|
9106 | Object.defineProperty(exports, "__esModule", {
|
9107 | value: true
|
9108 | });
|
9109 | exports.default = {
|
9110 | header: 'BUZZZZZZZZZ',
|
9111 | headerLabel: 'What\'s the buzz?',
|
9112 | quotes: [{
|
9113 | id: 'new_york_times',
|
9114 | quote: '“Materials and details are thoughtful, and the clothes are wildly cute.”',
|
9115 | name: 'The New York Times'
|
9116 | }, {
|
9117 | id: 'today_show',
|
9118 | quote: '“The clothing is so stylish and so affordable...and the softest quality.”',
|
9119 | name: 'Today Show'
|
9120 | }, {
|
9121 | id: 'people_magazine',
|
9122 | quote: '“They\'ll be at the top of their playground game with these clothes.”',
|
9123 | name: 'People Magazine'
|
9124 | }, {
|
9125 | id: 'tech_crunch',
|
9126 | quote: '“Rockets of Awesome is a total no brainer.”',
|
9127 | name: 'Tech Crunch'
|
9128 | }, {
|
9129 | id: 'fast_company',
|
9130 | quote: '“Shopping for kids’ clothes can be fun.”',
|
9131 | name: 'Fast Company'
|
9132 | }, {
|
9133 | id: 'parents_magazine',
|
9134 | quote: '“You can’t buy these clothes in stores.”',
|
9135 | name: 'Parent\'s Magazine'
|
9136 | }, {
|
9137 | id: 'la_times',
|
9138 | quote: '“Obsessively kid friendly.”',
|
9139 | name: 'The L.A. Times'
|
9140 | }, {
|
9141 | id: 'new_york_post',
|
9142 | quote: '“The witty graphics, throwback bombers and metallic-accented tutus from this fashion-forward label are all about encouraging kids \'to be their authentic selves.\'',
|
9143 | name: 'The New York Post'
|
9144 | }]
|
9145 | };
|
9146 |
|
9147 | }),
|
9148 |
|
9149 | (function(module, exports, __webpack_require__) {
|
9150 |
|
9151 | "use strict";
|
9152 |
|
9153 |
|
9154 | Object.defineProperty(exports, "__esModule", {
|
9155 | value: true
|
9156 | });
|
9157 |
|
9158 | var _templateObject = _taggedTemplateLiteral(['\n'], ['\n']);
|
9159 |
|
9160 | var _react = __webpack_require__(2);
|
9161 |
|
9162 | var _react2 = _interopRequireDefault(_react);
|
9163 |
|
9164 | var _propTypes = __webpack_require__(0);
|
9165 |
|
9166 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
9167 |
|
9168 | var _styledComponents = __webpack_require__(1);
|
9169 |
|
9170 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9171 |
|
9172 | var _reactMarkdown = __webpack_require__(157);
|
9173 |
|
9174 | var _reactMarkdown2 = _interopRequireDefault(_reactMarkdown);
|
9175 |
|
9176 | var _SRC = __webpack_require__(3);
|
9177 |
|
9178 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9179 |
|
9180 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9181 |
|
9182 | 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; }
|
9183 |
|
9184 | var headerRenderer = function headerRenderer(_ref) {
|
9185 | var level = _ref.level,
|
9186 | children = _ref.children,
|
9187 | props = _objectWithoutProperties(_ref, ['level', 'children']);
|
9188 |
|
9189 | var headers = [_SRC.H1, _SRC.H2, _SRC.H3, _SRC.H4, _SRC.H5, _SRC.H6];
|
9190 | return _react2.default.createElement(headers[level - 1], props, children);
|
9191 | };
|
9192 |
|
9193 | var MirageMarkdown = (0, _styledComponents2.default)(function (_ref2) {
|
9194 | var className = _ref2.className,
|
9195 | children = _ref2.children,
|
9196 | props = _objectWithoutProperties(_ref2, ['className', 'children']);
|
9197 |
|
9198 | return _react2.default.createElement(_reactMarkdown2.default, { source: children, renderers: {
|
9199 | link: _SRC.Link,
|
9200 | thematicBreak: _SRC.Hr,
|
9201 | paragraph: _SRC.P,
|
9202 | heading: headerRenderer,
|
9203 | image: _SRC.InlineImage
|
9204 | } });
|
9205 | })(_templateObject);
|
9206 |
|
9207 | MirageMarkdown.propTypes = {
|
9208 | children: _propTypes2.default.string
|
9209 |
|
9210 |
|
9211 | };exports.default = MirageMarkdown;
|
9212 |
|
9213 | }),
|
9214 |
|
9215 | (function(module, exports) {
|
9216 |
|
9217 | module.exports = require("react-markdown");
|
9218 |
|
9219 | }),
|
9220 |
|
9221 | (function(module, exports, __webpack_require__) {
|
9222 |
|
9223 | "use strict";
|
9224 |
|
9225 |
|
9226 | Object.defineProperty(exports, "__esModule", {
|
9227 | value: true
|
9228 | });
|
9229 |
|
9230 | var _aboutUs = __webpack_require__(159);
|
9231 |
|
9232 | Object.defineProperty(exports, 'AboutUs', {
|
9233 | enumerable: true,
|
9234 | get: function get() {
|
9235 | return _interopRequireDefault(_aboutUs).default;
|
9236 | }
|
9237 | });
|
9238 |
|
9239 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9240 |
|
9241 | }),
|
9242 |
|
9243 | (function(module, exports, __webpack_require__) {
|
9244 |
|
9245 | "use strict";
|
9246 |
|
9247 |
|
9248 | Object.defineProperty(exports, "__esModule", {
|
9249 | value: true
|
9250 | });
|
9251 |
|
9252 | var _templateObject = _taggedTemplateLiteral(['\n ', ', ', ' {\n text-align: center;\n text-transform: uppercase;\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n ', ' {\n margin: 0 auto;\n margin-bottom: 20px;\n }\n ', ' {\n color: ', ';\n margin-top: 40px;\n margin-bottom: 10px;\n }\n ', ' {\n text-align: center;\n line-height: 1.5;\n max-width: 450px;\n margin: 0 auto;\n font-size: 18px;\n letter-spacing: 1px;\n }\n .flexDiv {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around;\n margin-bottom: 60px;\n }\n'], ['\n ', ', ', ' {\n text-align: center;\n text-transform: uppercase;\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n ', ' {\n margin: 0 auto;\n margin-bottom: 20px;\n }\n ', ' {\n color: ', ';\n margin-top: 40px;\n margin-bottom: 10px;\n }\n ', ' {\n text-align: center;\n line-height: 1.5;\n max-width: 450px;\n margin: 0 auto;\n font-size: 18px;\n letter-spacing: 1px;\n }\n .flexDiv {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around;\n margin-bottom: 60px;\n }\n']);
|
9253 |
|
9254 | var _react = __webpack_require__(2);
|
9255 |
|
9256 | var _react2 = _interopRequireDefault(_react);
|
9257 |
|
9258 | var _styledComponents = __webpack_require__(1);
|
9259 |
|
9260 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9261 |
|
9262 | var _SRC = __webpack_require__(3);
|
9263 |
|
9264 | var _defaultProps = __webpack_require__(160);
|
9265 |
|
9266 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
9267 |
|
9268 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9269 |
|
9270 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9271 |
|
9272 | 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; }
|
9273 |
|
9274 | var BaseAboutUs = function BaseAboutUs(_ref) {
|
9275 | var className = _ref.className,
|
9276 | header = _ref.header,
|
9277 | sections = _ref.sections,
|
9278 | footer = _ref.footer,
|
9279 | props = _objectWithoutProperties(_ref, ['className', 'header', 'sections', 'footer']);
|
9280 |
|
9281 | return _react2.default.createElement(
|
9282 | 'section',
|
9283 | { className: className },
|
9284 | _react2.default.createElement(
|
9285 | _SRC.FlexCol,
|
9286 | { mobile: { width: 4 }, desktop: { width: 6, span: 3 } },
|
9287 | _react2.default.createElement(
|
9288 | _SRC.H1,
|
9289 | null,
|
9290 | header
|
9291 | )
|
9292 | ),
|
9293 | _react2.default.createElement(
|
9294 | _SRC.FlexCol,
|
9295 | { className: 'flexDiv', mobile: { width: 4 }, desktop: { width: 10, span: 1 } },
|
9296 | sections.map(function (section, i) {
|
9297 | return _react2.default.createElement(
|
9298 | _SRC.FlexCol,
|
9299 | { mobile: { width: 4 }, desktop: { width: 4 }, key: 'about-us-' + i },
|
9300 | _react2.default.createElement(
|
9301 | 'div',
|
9302 | null,
|
9303 | _react2.default.createElement(
|
9304 | _SRC.H2,
|
9305 | null,
|
9306 | section.title
|
9307 | ),
|
9308 | _react2.default.createElement(
|
9309 | _SRC.P,
|
9310 | null,
|
9311 | section.body
|
9312 | )
|
9313 | )
|
9314 | );
|
9315 | })
|
9316 | ),
|
9317 | _react2.default.createElement(
|
9318 | _SRC.FlexCol,
|
9319 | { mobile: { width: 4 }, desktop: { width: 12 } },
|
9320 | _react2.default.createElement(
|
9321 | _SRC.H2,
|
9322 | null,
|
9323 | footer
|
9324 | )
|
9325 | )
|
9326 | );
|
9327 | };
|
9328 |
|
9329 | var AboutUs = (0, _styledComponents2.default)(BaseAboutUs)(_templateObject, _SRC.H1, _SRC.H2, _SRC.H1, _SRC.H2, function (props) {
|
9330 | return props.theme.colors.rocketBlue;
|
9331 | }, _SRC.P);
|
9332 |
|
9333 | AboutUs.defaultProps = Object.assign({}, _defaultProps2.default, {
|
9334 | padding: true,
|
9335 | constrained: true
|
9336 |
|
9337 |
|
9338 | });exports.default = AboutUs;
|
9339 |
|
9340 | }),
|
9341 |
|
9342 | (function(module, exports, __webpack_require__) {
|
9343 |
|
9344 | "use strict";
|
9345 |
|
9346 |
|
9347 | Object.defineProperty(exports, "__esModule", {
|
9348 | value: true
|
9349 | });
|
9350 | exports.default = {
|
9351 | "header": "We believe in simplifying the lives of parents and celebrating real life with kids.",
|
9352 | "sections": [{
|
9353 | "title": "KIDS ARE AWESOME",
|
9354 | "body": "And we want to celebrate them! Quirks, preferences and all—with clothes that express who they are as individuals."
|
9355 | }, {
|
9356 | "title": "PARENTS ARE SUPERHEROES",
|
9357 | "body": "We’ll make your life easier, so you can get back to being the best snack-schlepper, soccer-practice-chauffeur..."
|
9358 | }, {
|
9359 | "title": "SHOPPING SHOULD BE EASY",
|
9360 | "body": "You shouldn’t have to go to a million sites and stores to find awesome clothes you AND your kids will love."
|
9361 | }],
|
9362 | "footer": "BECAUSE IT’S MORE FUN WHEN EVERYONE WINS!"
|
9363 | };
|
9364 |
|
9365 | }),
|
9366 |
|
9367 | (function(module, exports, __webpack_require__) {
|
9368 |
|
9369 | "use strict";
|
9370 |
|
9371 |
|
9372 | Object.defineProperty(exports, "__esModule", {
|
9373 | value: true
|
9374 | });
|
9375 |
|
9376 | var _accordion = __webpack_require__(162);
|
9377 |
|
9378 | Object.defineProperty(exports, 'Accordion', {
|
9379 | enumerable: true,
|
9380 | get: function get() {
|
9381 | return _interopRequireDefault(_accordion).default;
|
9382 | }
|
9383 | });
|
9384 |
|
9385 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9386 |
|
9387 | }),
|
9388 |
|
9389 | (function(module, exports, __webpack_require__) {
|
9390 |
|
9391 | "use strict";
|
9392 |
|
9393 |
|
9394 | Object.defineProperty(exports, "__esModule", {
|
9395 | value: true
|
9396 | });
|
9397 | exports.BaseAccordion = undefined;
|
9398 |
|
9399 | 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; }; }();
|
9400 |
|
9401 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n transform: scaleY(0);\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n opacity: 1;\n }\n'], ['\n 0% {\n transform: scaleY(0);\n opacity: 0;\n }\n 100% {\n transform: scaleY(1);\n opacity: 1;\n }\n']),
|
9402 | _templateObject2 = _taggedTemplateLiteral(['\n 0% {\n opacity: 1;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform: scaleY(0);\n }\n'], ['\n 0% {\n opacity: 1;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform: scaleY(0);\n }\n']),
|
9403 | _templateObject3 = _taggedTemplateLiteral(['\n .toggleElement {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-right: 1.5rem;\n\n }\n .toggleElement ', ' {\n margin-left: 1rem;\n }\n .drawer {\n display: flex;\n ul {\n transform-origin: 50% 0 0;\n }\n .accordionEnter {\n animation-name: ', ';\n animation-duration: 0.6s;\n\n }\n .accordionLeave {\n animation-name: ', ';\n animation-duration: 0.6s;\n }\n * {\n width: 100%;\n }\n li {\n display: flex;\n align-items: center;\n height: 4rem;\n }\n }\n'], ['\n .toggleElement {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-right: 1.5rem;\n\n }\n .toggleElement ', ' {\n margin-left: 1rem;\n }\n .drawer {\n display: flex;\n ul {\n transform-origin: 50% 0 0;\n }\n .accordionEnter {\n animation-name: ', ';\n animation-duration: 0.6s;\n\n }\n .accordionLeave {\n animation-name: ', ';\n animation-duration: 0.6s;\n }\n * {\n width: 100%;\n }\n li {\n display: flex;\n align-items: center;\n height: 4rem;\n }\n }\n']);
|
9404 |
|
9405 | var _react = __webpack_require__(2);
|
9406 |
|
9407 | var _react2 = _interopRequireDefault(_react);
|
9408 |
|
9409 | var _propTypes = __webpack_require__(0);
|
9410 |
|
9411 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
9412 |
|
9413 | var _styledComponents = __webpack_require__(1);
|
9414 |
|
9415 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9416 |
|
9417 | var _reactTransitionGroup = __webpack_require__(18);
|
9418 |
|
9419 | var _SRC = __webpack_require__(3);
|
9420 |
|
9421 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9422 |
|
9423 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9424 |
|
9425 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
9426 |
|
9427 | 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; }
|
9428 |
|
9429 | 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; }
|
9430 |
|
9431 | var accordionTransition = {
|
9432 | enter: 'accordionEnter',
|
9433 | leave: 'accordionLeave'
|
9434 | };
|
9435 |
|
9436 | var BaseAccordion = exports.BaseAccordion = function (_React$Component) {
|
9437 | _inherits(BaseAccordion, _React$Component);
|
9438 |
|
9439 | function BaseAccordion(props) {
|
9440 | _classCallCheck(this, BaseAccordion);
|
9441 |
|
9442 | var _this = _possibleConstructorReturn(this, (BaseAccordion.__proto__ || Object.getPrototypeOf(BaseAccordion)).call(this, props));
|
9443 |
|
9444 | _this.toggleAccordion = function () {
|
9445 | _this.setState({ open: !_this.state.open });
|
9446 | };
|
9447 |
|
9448 | _this.state = {
|
9449 | open: false
|
9450 | };
|
9451 | return _this;
|
9452 | }
|
9453 |
|
9454 | _createClass(BaseAccordion, [{
|
9455 | key: 'render',
|
9456 | value: function render() {
|
9457 | var _props = this.props,
|
9458 | className = _props.className,
|
9459 | children = _props.children,
|
9460 | ignoreErrors = _props.ignoreErrors,
|
9461 | label = _props.label,
|
9462 | toggleElement = _props.toggleElement;
|
9463 | var open = this.state.open;
|
9464 |
|
9465 | var ToggleElement = _react2.default.createElement(toggleElement.type, Object.assign({}, toggleElement.props, {
|
9466 | className: toggleElement.props.className ? toggleElement.props.className + ' toggleElement' : 'toggleElement',
|
9467 | onClick: this.toggleAccordion
|
9468 | }), [toggleElement.props.children, _react2.default.createElement(_SRC.Chevron, { key: 'toggleChevron', down: !open, up: open, ignoreErrors: ignoreErrors })]);
|
9469 |
|
9470 | return _react2.default.createElement(
|
9471 | 'div',
|
9472 | {
|
9473 | className: className,
|
9474 | role: 'region',
|
9475 | 'aria-labelledby': label },
|
9476 | ToggleElement,
|
9477 | _react2.default.createElement(
|
9478 | _reactTransitionGroup.CSSTransitionGroup,
|
9479 | {
|
9480 | transitionName: accordionTransition,
|
9481 | className: 'drawer',
|
9482 | transitionEnterTimeout: 500,
|
9483 | transitionLeaveTimeout: 500 },
|
9484 | open && children
|
9485 | )
|
9486 | );
|
9487 | }
|
9488 | }]);
|
9489 |
|
9490 | return BaseAccordion;
|
9491 | }(_react2.default.Component);
|
9492 |
|
9493 | var openDrawer = (0, _styledComponents.keyframes)(_templateObject);
|
9494 |
|
9495 | var closeDrawer = (0, _styledComponents.keyframes)(_templateObject2);
|
9496 |
|
9497 | var Accordion = (0, _styledComponents2.default)(BaseAccordion)(_templateObject3, _SRC.Chevron, openDrawer, closeDrawer);
|
9498 |
|
9499 | Accordion.propTypes = {
|
9500 | className: _propTypes2.default.string,
|
9501 | children: _propTypes2.default.element.isRequired,
|
9502 | ignoreErrors: _propTypes2.default.bool,
|
9503 | label: _propTypes2.default.string
|
9504 |
|
9505 |
|
9506 | };exports.default = Accordion;
|
9507 |
|
9508 | }),
|
9509 |
|
9510 | (function(module, exports, __webpack_require__) {
|
9511 |
|
9512 | "use strict";
|
9513 |
|
9514 |
|
9515 | Object.defineProperty(exports, "__esModule", {
|
9516 | value: true
|
9517 | });
|
9518 |
|
9519 | var _card = __webpack_require__(164);
|
9520 |
|
9521 | Object.defineProperty(exports, 'Card', {
|
9522 | enumerable: true,
|
9523 | get: function get() {
|
9524 | return _interopRequireDefault(_card).default;
|
9525 | }
|
9526 | });
|
9527 |
|
9528 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9529 |
|
9530 | }),
|
9531 |
|
9532 | (function(module, exports, __webpack_require__) {
|
9533 |
|
9534 | "use strict";
|
9535 |
|
9536 |
|
9537 | Object.defineProperty(exports, "__esModule", {
|
9538 | value: true
|
9539 | });
|
9540 |
|
9541 | var _templateObject = _taggedTemplateLiteral(['\n text-decoration: none;\n &:hover {\n cursor: pointer\n }\n'], ['\n text-decoration: none;\n &:hover {\n cursor: pointer\n }\n']),
|
9542 | _templateObject2 = _taggedTemplateLiteral(['max-width: ', ';'], ['max-width: ', ';']),
|
9543 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n ', '\n display: flex;\n flex-direction: column;\n padding-bottom: 0.3rem;\n display: flex;\n flex-direction: column;\n img {\n height: auto;\n width: 100%;\n }\n > * {\n &:first-child{\n padding-bottom: 0.3rem;\n }\n &:not(:first-child) {\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n }\n }\n'], ['\n ', '\n ', '\n display: flex;\n flex-direction: column;\n padding-bottom: 0.3rem;\n display: flex;\n flex-direction: column;\n img {\n height: auto;\n width: 100%;\n }\n > * {\n &:first-child{\n padding-bottom: 0.3rem;\n }\n &:not(:first-child) {\n padding-top: 0.3rem;\n padding-bottom: 0.3rem;\n }\n }\n']);
|
9544 |
|
9545 | var _react = __webpack_require__(2);
|
9546 |
|
9547 | var _react2 = _interopRequireDefault(_react);
|
9548 |
|
9549 | var _propTypes = __webpack_require__(0);
|
9550 |
|
9551 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
9552 |
|
9553 | var _styledComponents = __webpack_require__(1);
|
9554 |
|
9555 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9556 |
|
9557 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9558 |
|
9559 | 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; }
|
9560 |
|
9561 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9562 |
|
9563 | var cardHover = (0, _styledComponents.css)(_templateObject);
|
9564 | var constrainedWidth = (0, _styledComponents.css)(_templateObject2, function (props) {
|
9565 | return props.maxWidth;
|
9566 | });
|
9567 |
|
9568 | var Card = (0, _styledComponents2.default)(function (_ref) {
|
9569 | var children = _ref.children,
|
9570 | element = _ref.element,
|
9571 | props = _objectWithoutProperties(_ref, ['children', 'element']);
|
9572 |
|
9573 | delete props.maxWidth;
|
9574 | delete props.constrained;
|
9575 |
|
9576 | return _react2.default.createElement(element, props, children);
|
9577 | })(_templateObject3, function (props) {
|
9578 | return props.element === 'a' ? cardHover : '';
|
9579 | }, function (props) {
|
9580 | return props.constrained ? constrainedWidth : '';
|
9581 | });
|
9582 | Card.propTypes = {
|
9583 | constrained: _propTypes2.default.bool,
|
9584 | element: _propTypes2.default.node,
|
9585 | maxWidth: _propTypes2.default.string
|
9586 | };
|
9587 |
|
9588 | Card.defaultProps = {
|
9589 | element: 'a',
|
9590 | maxWidth: '29.5rem'
|
9591 |
|
9592 | };exports.default = Card;
|
9593 |
|
9594 | }),
|
9595 |
|
9596 | (function(module, exports, __webpack_require__) {
|
9597 |
|
9598 | "use strict";
|
9599 |
|
9600 |
|
9601 | Object.defineProperty(exports, "__esModule", {
|
9602 | value: true
|
9603 | });
|
9604 |
|
9605 | var _Footer = __webpack_require__(166);
|
9606 |
|
9607 | Object.defineProperty(exports, 'Footer', {
|
9608 | enumerable: true,
|
9609 | get: function get() {
|
9610 | return _interopRequireDefault(_Footer).default;
|
9611 | }
|
9612 | });
|
9613 |
|
9614 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9615 |
|
9616 | }),
|
9617 |
|
9618 | (function(module, exports, __webpack_require__) {
|
9619 |
|
9620 | "use strict";
|
9621 |
|
9622 |
|
9623 | Object.defineProperty(exports, "__esModule", {
|
9624 | value: true
|
9625 | });
|
9626 |
|
9627 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n padding: 30px 0px 25px;\n color: ', ';\n font-family: ', ';\n font-size: 1.4rem;\n\n .socialLinks {\n margin-top: 20px;\n margin-bottom: 40px;\n text-align: center;\n\n a {\n margin-right: 50px;\n }\n\n a:last-child {\n margin-right: 0;\n }\n }\n\n .mobileSeparator {\n margin-top: 30px;\n margin-bottom: 30px;\n background-color: ', ';\n height: 1px;\n display: block;\n }\n\n .gutter {\n padding-left: 15px;\n padding-right: 15px;\n }\n\n .commonLinks {\n padding-bottom: 20px;\n a {\n margin-top: 15px;\n display: block;\n }\n }\n\n .referrals {\n text-align: center;\n }\n\n ul {\n list-style: none;\n padding-left: 0;\n li {\n margin-bottom: 10px;\n }\n }\n\n img {\n height: 24px;\n }\n\n p {\n color: ', ';\n }\n\n h5 {\n color: ', ';\n font-style: normal;\n letter-spacing: 0;\n margin-top: 10px;\n margin-bottom: 10px;\n }\n\n h2 {\n color: ', ';\n margin-top: 0;\n }\n\n .referralButton {\n padding-top: 20px;\n }\n\n .footerBottom {\n margin-top: 40px;\n text-align: center;\n }\n\n ', '\n'], ['\n background-color: ', ';\n padding: 30px 0px 25px;\n color: ', ';\n font-family: ', ';\n font-size: 1.4rem;\n\n .socialLinks {\n margin-top: 20px;\n margin-bottom: 40px;\n text-align: center;\n\n a {\n margin-right: 50px;\n }\n\n a:last-child {\n margin-right: 0;\n }\n }\n\n .mobileSeparator {\n margin-top: 30px;\n margin-bottom: 30px;\n background-color: ', ';\n height: 1px;\n display: block;\n }\n\n .gutter {\n padding-left: 15px;\n padding-right: 15px;\n }\n\n .commonLinks {\n padding-bottom: 20px;\n a {\n margin-top: 15px;\n display: block;\n }\n }\n\n .referrals {\n text-align: center;\n }\n\n ul {\n list-style: none;\n padding-left: 0;\n li {\n margin-bottom: 10px;\n }\n }\n\n img {\n height: 24px;\n }\n\n p {\n color: ', ';\n }\n\n h5 {\n color: ', ';\n font-style: normal;\n letter-spacing: 0;\n margin-top: 10px;\n margin-bottom: 10px;\n }\n\n h2 {\n color: ', ';\n margin-top: 0;\n }\n\n .referralButton {\n padding-top: 20px;\n }\n\n .footerBottom {\n margin-top: 40px;\n text-align: center;\n }\n\n ', '\n']),
|
9628 | _templateObject2 = _taggedTemplateLiteral(['\n padding: 55px 100px 35px;\n\n .desktopSeparator {\n background-color: ', ';\n height: 1px;\n margin-top: 40px;\n margin-bottom: 25px;\n }\n\n .mobileSeparator {\n display: none;\n }\n\n .socialLinks {\n margin-bottom: 0;\n text-align: left;\n }\n\n .footerBottom {\n margin-top: 0;\n text-align: left;\n }\n\n .referrals {\n text-align: left;\n }\n\n .commonLinks {\n text-align: right;\n padding-bottom: 0;\n a {\n margin-top: 0;\n display: inline;\n margin-left: 15px;\n }\n }\n '], ['\n padding: 55px 100px 35px;\n\n .desktopSeparator {\n background-color: ', ';\n height: 1px;\n margin-top: 40px;\n margin-bottom: 25px;\n }\n\n .mobileSeparator {\n display: none;\n }\n\n .socialLinks {\n margin-bottom: 0;\n text-align: left;\n }\n\n .footerBottom {\n margin-top: 0;\n text-align: left;\n }\n\n .referrals {\n text-align: left;\n }\n\n .commonLinks {\n text-align: right;\n padding-bottom: 0;\n a {\n margin-top: 0;\n display: inline;\n margin-left: 15px;\n }\n }\n ']);
|
9629 |
|
9630 | var _react = __webpack_require__(2);
|
9631 |
|
9632 | var _react2 = _interopRequireDefault(_react);
|
9633 |
|
9634 | var _propTypes = __webpack_require__(0);
|
9635 |
|
9636 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
9637 |
|
9638 | var _styledComponents = __webpack_require__(1);
|
9639 |
|
9640 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9641 |
|
9642 | var _SRC = __webpack_require__(3);
|
9643 |
|
9644 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9645 |
|
9646 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9647 |
|
9648 | var LINKS = {
|
9649 | 'faq': 'https://support.rocketsofawesome.com/hc/en-us',
|
9650 | 'facebook': 'https://www.facebook.com/Rocketsofawesome',
|
9651 | 'twitter': 'https://twitter.com/rocketsofawesom',
|
9652 | 'instagram': 'https://www.instagram.com/rocketsofawesome',
|
9653 | 'snapchat': 'https://www.snapchat.com/add/rocketsofawesom',
|
9654 | 'contact-us': 'https://support.rocketsofawesome.com/hc/en-us/articles/115015922347'
|
9655 | };
|
9656 |
|
9657 | var BaseFooter = function BaseFooter(_ref) {
|
9658 | var className = _ref.className,
|
9659 | isNotSubscriber = _ref.isNotSubscriber,
|
9660 | isSubscriptionMember = _ref.isSubscriptionMember,
|
9661 | homepageUrl = _ref.homepageUrl,
|
9662 | referralAmount = _ref.referralAmount;
|
9663 | return _react2.default.createElement(
|
9664 | 'footer',
|
9665 | { className: className, id: 'global-footer' },
|
9666 | _react2.default.createElement(
|
9667 | _SRC.FlexRow,
|
9668 | { constrained: true },
|
9669 | _react2.default.createElement(
|
9670 | _SRC.FlexCol,
|
9671 | { mobile: { width: 4 }, desktop: { width: 6 } },
|
9672 | _react2.default.createElement(
|
9673 | _SRC.FlexRow,
|
9674 | { constrained: true },
|
9675 | _react2.default.createElement(
|
9676 | _SRC.FlexCol,
|
9677 | { gutter: '15px', mobile: { width: 2 }, desktop: { width: 3 } },
|
9678 | _react2.default.createElement(
|
9679 | _SRC.H5,
|
9680 | null,
|
9681 | 'MORE'
|
9682 | ),
|
9683 | _react2.default.createElement(
|
9684 | 'ul',
|
9685 | null,
|
9686 | isNotSubscriber && _react2.default.createElement(
|
9687 | 'li',
|
9688 | null,
|
9689 | _react2.default.createElement(
|
9690 | _SRC.WhiteLink,
|
9691 | { light: true, href: homepageUrl + '?view=subscribe' },
|
9692 | 'Subscribe + Save'
|
9693 | )
|
9694 | ),
|
9695 | _react2.default.createElement(
|
9696 | 'li',
|
9697 | null,
|
9698 | _react2.default.createElement(
|
9699 | _SRC.WhiteLink,
|
9700 | { light: true, href: homepageUrl + '/about', target: '_blank' },
|
9701 | 'About Us'
|
9702 | )
|
9703 | ),
|
9704 | _react2.default.createElement(
|
9705 | 'li',
|
9706 | null,
|
9707 | _react2.default.createElement(
|
9708 | _SRC.WhiteLink,
|
9709 | { light: true, href: 'https://news.rocketsofawesome.com/', target: '_blank' },
|
9710 | 'The Awesome News'
|
9711 | )
|
9712 | ),
|
9713 | _react2.default.createElement(
|
9714 | 'li',
|
9715 | null,
|
9716 | _react2.default.createElement(
|
9717 | _SRC.WhiteLink,
|
9718 | { light: true, href: 'https://rocketsofawesome.recruiterbox.com/', target: '_blank' },
|
9719 | 'Careers'
|
9720 | )
|
9721 | )
|
9722 | )
|
9723 | ),
|
9724 | _react2.default.createElement(
|
9725 | _SRC.FlexCol,
|
9726 | { gutter: '15px', mobile: { width: 2 }, desktop: { width: 3 } },
|
9727 | _react2.default.createElement(
|
9728 | _SRC.H5,
|
9729 | null,
|
9730 | 'SUPPORT'
|
9731 | ),
|
9732 | _react2.default.createElement(
|
9733 | 'ul',
|
9734 | null,
|
9735 | _react2.default.createElement(
|
9736 | 'li',
|
9737 | null,
|
9738 | _react2.default.createElement(
|
9739 | _SRC.WhiteLink,
|
9740 | { light: true, href: LINKS['faq'], target: '_blank' },
|
9741 | 'FAQ'
|
9742 | )
|
9743 | ),
|
9744 | _react2.default.createElement(
|
9745 | 'li',
|
9746 | null,
|
9747 | _react2.default.createElement(
|
9748 | _SRC.WhiteLink,
|
9749 | { light: true, href: LINKS['faq'], target: '_blank' },
|
9750 | 'Help'
|
9751 | )
|
9752 | )
|
9753 | )
|
9754 | ),
|
9755 | _react2.default.createElement(
|
9756 | _SRC.FlexCol,
|
9757 | { gutter: '15px', mobile: { width: 4 }, desktop: { width: 6 } },
|
9758 | _react2.default.createElement('div', { className: 'mobileSeparator' }),
|
9759 | _react2.default.createElement(
|
9760 | _SRC.H5,
|
9761 | null,
|
9762 | 'CUSTOMER SERVICE'
|
9763 | ),
|
9764 | _react2.default.createElement(
|
9765 | 'ul',
|
9766 | null,
|
9767 | _react2.default.createElement(
|
9768 | 'li',
|
9769 | null,
|
9770 | _react2.default.createElement(
|
9771 | _SRC.WhiteLink,
|
9772 | { light: true, href: 'tel:+1-877-ROCKETS' },
|
9773 | '1-877-ROCKETS '
|
9774 | ),
|
9775 | _react2.default.createElement(
|
9776 | 'span',
|
9777 | null,
|
9778 | '\xA0\xA0[9am-5pm ET]'
|
9779 | )
|
9780 | ),
|
9781 | _react2.default.createElement(
|
9782 | 'li',
|
9783 | null,
|
9784 | _react2.default.createElement(
|
9785 | _SRC.WhiteLink,
|
9786 | { light: true, href: 'mailto:help@rocketsofawesome.com' },
|
9787 | 'help@rocketsofawesome.com'
|
9788 | )
|
9789 | )
|
9790 | ),
|
9791 | _react2.default.createElement('div', { className: 'mobileSeparator' })
|
9792 | )
|
9793 | ),
|
9794 | _react2.default.createElement(
|
9795 | _SRC.FlexRow,
|
9796 | { constrained: true, className: 'socialLinks' },
|
9797 | _react2.default.createElement(
|
9798 | _SRC.FlexCol,
|
9799 | { gutter: '15px', mobile: { width: 4 }, desktop: { width: 12 } },
|
9800 | _react2.default.createElement(
|
9801 | 'div',
|
9802 | null,
|
9803 | _react2.default.createElement(
|
9804 | 'a',
|
9805 | { href: LINKS['instagram'], target: '_blank' },
|
9806 | _react2.default.createElement(_SRC.InlineImage, { src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/q_auto:good/web/social/instagram.png', alt: 'instagram' })
|
9807 | ),
|
9808 | _react2.default.createElement(
|
9809 | 'a',
|
9810 | { href: LINKS['facebook'], target: '_blank' },
|
9811 | _react2.default.createElement(_SRC.InlineImage, { src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/q_auto:good/web/social/facebook.png', alt: 'facebook' })
|
9812 | ),
|
9813 | _react2.default.createElement(
|
9814 | 'a',
|
9815 | { href: LINKS['twitter'], target: '_blank' },
|
9816 | _react2.default.createElement(_SRC.InlineImage, { src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/q_auto:good/web/social/twitter.png', alt: 'twitter' })
|
9817 | ),
|
9818 | _react2.default.createElement(
|
9819 | 'a',
|
9820 | { href: LINKS['snapchat'], target: '_blank' },
|
9821 | _react2.default.createElement(_SRC.InlineImage, { src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/q_auto:good/web/social/snapchat.png', alt: 'snapchat' })
|
9822 | )
|
9823 | )
|
9824 | )
|
9825 | )
|
9826 | ),
|
9827 | isSubscriptionMember && _react2.default.createElement(
|
9828 | _SRC.FlexCol,
|
9829 | {
|
9830 | className: 'referrals',
|
9831 | gutter: '15px',
|
9832 | mobile: { width: 4 },
|
9833 | desktop: { width: 4, span: 1 } },
|
9834 | _react2.default.createElement(
|
9835 | _SRC.H2,
|
9836 | null,
|
9837 | 'TELL A FRIEND, GET $',
|
9838 | referralAmount
|
9839 | ),
|
9840 | _react2.default.createElement(
|
9841 | _SRC.P,
|
9842 | null,
|
9843 | 'Get $',
|
9844 | referralAmount,
|
9845 | ' when your friend makes their ',
|
9846 | _react2.default.createElement('br', null),
|
9847 | 'first purchase\u2014they\u2019ll get $',
|
9848 | referralAmount,
|
9849 | ' too!'
|
9850 | ),
|
9851 | _react2.default.createElement(
|
9852 | 'div',
|
9853 | { className: 'referralButton' },
|
9854 | _react2.default.createElement(
|
9855 | _SRC.ButtonLink,
|
9856 | { href: '/invite', kind: 'pink', width: '100%', maxWidth: '290px' },
|
9857 | 'GET $',
|
9858 | referralAmount
|
9859 | )
|
9860 | )
|
9861 | )
|
9862 | ),
|
9863 | _react2.default.createElement(
|
9864 | 'div',
|
9865 | { className: 'footerBottom' },
|
9866 | _react2.default.createElement('div', { className: 'desktopSeparator' }),
|
9867 | _react2.default.createElement(
|
9868 | _SRC.FlexRow,
|
9869 | { constrained: true },
|
9870 | _react2.default.createElement(
|
9871 | _SRC.FlexCol,
|
9872 | { mobile: { width: 4 }, desktop: { width: 6 } },
|
9873 | _react2.default.createElement(
|
9874 | _SRC.P,
|
9875 | { fontSize: '1.4rem' },
|
9876 | '\xA9 ',
|
9877 | new Date().getFullYear(),
|
9878 | ' Rockets of Awesome. All Rights Reserved'
|
9879 | )
|
9880 | ),
|
9881 | _react2.default.createElement(
|
9882 | _SRC.FlexCol,
|
9883 | {
|
9884 | className: 'commonLinks',
|
9885 | mobile: { width: 4 },
|
9886 | desktop: { width: 6 } },
|
9887 | _react2.default.createElement(
|
9888 | _SRC.WhiteLink,
|
9889 | { light: true, href: homepageUrl + '/terms', target: '_blank' },
|
9890 | 'Terms & Conditions'
|
9891 | ),
|
9892 | _react2.default.createElement(
|
9893 | _SRC.WhiteLink,
|
9894 | { light: true, href: homepageUrl + '/privacy', target: '_blank' },
|
9895 | 'Privacy Policy'
|
9896 | ),
|
9897 | _react2.default.createElement(
|
9898 | _SRC.WhiteLink,
|
9899 | { light: true, href: homepageUrl + '/accessibility', target: '_blank' },
|
9900 | 'Accessibility'
|
9901 | )
|
9902 | )
|
9903 | )
|
9904 | )
|
9905 | );
|
9906 | };
|
9907 |
|
9908 | var Footer = (0, _styledComponents2.default)(BaseFooter)(_templateObject, function (props) {
|
9909 | return props.theme.colors.rocketBlue;
|
9910 | }, function (props) {
|
9911 | return props.theme.colors.white;
|
9912 | }, function (props) {
|
9913 | return props.theme.fonts.primaryFont;
|
9914 | }, function (props) {
|
9915 | return props.theme.colors.gray4;
|
9916 | }, function (props) {
|
9917 | return props.theme.colors.white;
|
9918 | }, function (props) {
|
9919 | return props.theme.colors.white;
|
9920 | }, function (props) {
|
9921 | return props.theme.colors.white;
|
9922 | }, function (props) {
|
9923 | return props.theme.media.tablet(_templateObject2, function (props) {
|
9924 | return props.theme.colors.gray4;
|
9925 | });
|
9926 | });
|
9927 |
|
9928 | Footer.propTypes = {
|
9929 | className: _propTypes2.default.string,
|
9930 | isNotSubscriber: _propTypes2.default.bool,
|
9931 | isSubscriptionMember: _propTypes2.default.bool,
|
9932 | referralAmount: _propTypes2.default.number
|
9933 |
|
9934 |
|
9935 | };exports.default = Footer;
|
9936 |
|
9937 | }),
|
9938 |
|
9939 | (function(module, exports, __webpack_require__) {
|
9940 |
|
9941 | "use strict";
|
9942 |
|
9943 |
|
9944 | Object.defineProperty(exports, "__esModule", {
|
9945 | value: true
|
9946 | });
|
9947 |
|
9948 | var _desktopHeader = __webpack_require__(168);
|
9949 |
|
9950 | Object.keys(_desktopHeader).forEach(function (key) {
|
9951 | if (key === "default" || key === "__esModule") return;
|
9952 | Object.defineProperty(exports, key, {
|
9953 | enumerable: true,
|
9954 | get: function get() {
|
9955 | return _desktopHeader[key];
|
9956 | }
|
9957 | });
|
9958 | });
|
9959 |
|
9960 | var _mobileHeader = __webpack_require__(177);
|
9961 |
|
9962 | Object.keys(_mobileHeader).forEach(function (key) {
|
9963 | if (key === "default" || key === "__esModule") return;
|
9964 | Object.defineProperty(exports, key, {
|
9965 | enumerable: true,
|
9966 | get: function get() {
|
9967 | return _mobileHeader[key];
|
9968 | }
|
9969 | });
|
9970 | });
|
9971 |
|
9972 | var _status = __webpack_require__(183);
|
9973 |
|
9974 | Object.keys(_status).forEach(function (key) {
|
9975 | if (key === "default" || key === "__esModule") return;
|
9976 | Object.defineProperty(exports, key, {
|
9977 | enumerable: true,
|
9978 | get: function get() {
|
9979 | return _status[key];
|
9980 | }
|
9981 | });
|
9982 | });
|
9983 |
|
9984 | }),
|
9985 |
|
9986 | (function(module, exports, __webpack_require__) {
|
9987 |
|
9988 | "use strict";
|
9989 |
|
9990 |
|
9991 | Object.defineProperty(exports, "__esModule", {
|
9992 | value: true
|
9993 | });
|
9994 |
|
9995 | var _desktopHeader = __webpack_require__(169);
|
9996 |
|
9997 | Object.defineProperty(exports, 'DesktopHeader', {
|
9998 | enumerable: true,
|
9999 | get: function get() {
|
10000 | return _interopRequireDefault(_desktopHeader).default;
|
10001 | }
|
10002 | });
|
10003 |
|
10004 | var _accountLinks = __webpack_require__(170);
|
10005 |
|
10006 | Object.keys(_accountLinks).forEach(function (key) {
|
10007 | if (key === "default" || key === "__esModule") return;
|
10008 | Object.defineProperty(exports, key, {
|
10009 | enumerable: true,
|
10010 | get: function get() {
|
10011 | return _accountLinks[key];
|
10012 | }
|
10013 | });
|
10014 | });
|
10015 |
|
10016 | var _headerLink = __webpack_require__(172);
|
10017 |
|
10018 | Object.keys(_headerLink).forEach(function (key) {
|
10019 | if (key === "default" || key === "__esModule") return;
|
10020 | Object.defineProperty(exports, key, {
|
10021 | enumerable: true,
|
10022 | get: function get() {
|
10023 | return _headerLink[key];
|
10024 | }
|
10025 | });
|
10026 | });
|
10027 |
|
10028 | var _megaMenu = __webpack_require__(175);
|
10029 |
|
10030 | Object.keys(_megaMenu).forEach(function (key) {
|
10031 | if (key === "default" || key === "__esModule") return;
|
10032 | Object.defineProperty(exports, key, {
|
10033 | enumerable: true,
|
10034 | get: function get() {
|
10035 | return _megaMenu[key];
|
10036 | }
|
10037 | });
|
10038 | });
|
10039 |
|
10040 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10041 |
|
10042 | }),
|
10043 |
|
10044 | (function(module, exports, __webpack_require__) {
|
10045 |
|
10046 | "use strict";
|
10047 |
|
10048 |
|
10049 | Object.defineProperty(exports, "__esModule", {
|
10050 | value: true
|
10051 | });
|
10052 |
|
10053 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n min-height: 6rem;\n width: 100%;\n position: ', ';\n box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);\n display: flex;\n align-items: center;\n top: 0;\n left: 0;\n'], ['\n background-color: ', ';\n min-height: 6rem;\n width: 100%;\n position: ', ';\n box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);\n display: flex;\n align-items: center;\n top: 0;\n left: 0;\n']);
|
10054 |
|
10055 | var _propTypes = __webpack_require__(0);
|
10056 |
|
10057 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10058 |
|
10059 | var _styledComponents = __webpack_require__(1);
|
10060 |
|
10061 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10062 |
|
10063 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10064 |
|
10065 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10066 |
|
10067 | var DesktopHeader = _styledComponents2.default.header(_templateObject, function (props) {
|
10068 | return props.theme.colors.white;
|
10069 | }, function (props) {
|
10070 | return props.position;
|
10071 | });
|
10072 |
|
10073 | DesktopHeader.propTypes = {
|
10074 | position: _propTypes2.default.string
|
10075 | };
|
10076 |
|
10077 | DesktopHeader.defaultProps = {
|
10078 | position: 'fixed'
|
10079 |
|
10080 |
|
10081 | };exports.default = DesktopHeader;
|
10082 |
|
10083 | }),
|
10084 |
|
10085 | (function(module, exports, __webpack_require__) {
|
10086 |
|
10087 | "use strict";
|
10088 |
|
10089 |
|
10090 | Object.defineProperty(exports, "__esModule", {
|
10091 | value: true
|
10092 | });
|
10093 |
|
10094 | var _subMenu = __webpack_require__(171);
|
10095 |
|
10096 | Object.defineProperty(exports, 'SubMenu', {
|
10097 | enumerable: true,
|
10098 | get: function get() {
|
10099 | return _interopRequireDefault(_subMenu).default;
|
10100 | }
|
10101 | });
|
10102 |
|
10103 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10104 |
|
10105 | }),
|
10106 |
|
10107 | (function(module, exports, __webpack_require__) {
|
10108 |
|
10109 | "use strict";
|
10110 |
|
10111 |
|
10112 | Object.defineProperty(exports, "__esModule", {
|
10113 | value: true
|
10114 | });
|
10115 | exports.BaseSubMenu = undefined;
|
10116 |
|
10117 | 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; }; }();
|
10118 |
|
10119 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n transform: translateY(-60px);\n }\n 100% {\n transform: translateY(-1px);\n }\n'], ['\n 0% {\n transform: translateY(-60px);\n }\n 100% {\n transform: translateY(-1px);\n }\n']),
|
10120 | _templateObject2 = _taggedTemplateLiteral(['\nposition: absolute;\ntransform: translateY(-1px);\ntop: 100%;\nright: -1px;\nz-index: 10;\n.subMenu {\n position: absolute;\n top: 100%;\n right: 0;\n flex-wrap: wrap;\n height: auto;\n > * {\n width: 100%;\n }\n}\n'], ['\nposition: absolute;\ntransform: translateY(-1px);\ntop: 100%;\nright: -1px;\nz-index: 10;\n.subMenu {\n position: absolute;\n top: 100%;\n right: 0;\n flex-wrap: wrap;\n height: auto;\n > * {\n width: 100%;\n }\n}\n']),
|
10121 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n .subMenu {\n width: 225px;\n border: 1px solid ', ';\n box-shadow: 0 2px 4px 0 rgba(0,0,0,.4);\n background-color: ', ';\n ', ' {\n height: 50px;\n padding: 0 26px;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n &:hover {\n background-color: ', ';\n color: ', ';\n transition: all 0.25s ease-in-out;\n }\n }\n }\n\n .enter {\n z-index: 3;\n animation: ', ' 0.25s;\n transform: translateY(-1px);\n }\n .leave {\n z-index: 3;\n transition: transform 0.25s ease-in;\n transform: translateY(-60px);\n }\n'], ['\n ', '\n .subMenu {\n width: 225px;\n border: 1px solid ', ';\n box-shadow: 0 2px 4px 0 rgba(0,0,0,.4);\n background-color: ', ';\n ', ' {\n height: 50px;\n padding: 0 26px;\n display: flex;\n align-items: center;\n box-sizing: border-box;\n &:hover {\n background-color: ', ';\n color: ', ';\n transition: all 0.25s ease-in-out;\n }\n }\n }\n\n .enter {\n z-index: 3;\n animation: ', ' 0.25s;\n transform: translateY(-1px);\n }\n .leave {\n z-index: 3;\n transition: transform 0.25s ease-in;\n transform: translateY(-60px);\n }\n']);
|
10122 |
|
10123 | var _react = __webpack_require__(2);
|
10124 |
|
10125 | var _react2 = _interopRequireDefault(_react);
|
10126 |
|
10127 | var _styledComponents = __webpack_require__(1);
|
10128 |
|
10129 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10130 |
|
10131 | var _reactTransitionGroup = __webpack_require__(18);
|
10132 |
|
10133 | var _SRC = __webpack_require__(3);
|
10134 |
|
10135 | var _propTypes = __webpack_require__(0);
|
10136 |
|
10137 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10138 |
|
10139 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10140 |
|
10141 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
10142 |
|
10143 | 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; }
|
10144 |
|
10145 | 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; }
|
10146 |
|
10147 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10148 |
|
10149 | var transition = {
|
10150 | enter: 'enter',
|
10151 | leave: 'leave'
|
10152 | };
|
10153 |
|
10154 | var slideDown = (0, _styledComponents.keyframes)(_templateObject);
|
10155 | var position = (0, _styledComponents.css)(_templateObject2);
|
10156 |
|
10157 | var BaseSubMenu = exports.BaseSubMenu = function (_React$Component) {
|
10158 | _inherits(BaseSubMenu, _React$Component);
|
10159 |
|
10160 | function BaseSubMenu() {
|
10161 | _classCallCheck(this, BaseSubMenu);
|
10162 |
|
10163 | return _possibleConstructorReturn(this, (BaseSubMenu.__proto__ || Object.getPrototypeOf(BaseSubMenu)).apply(this, arguments));
|
10164 | }
|
10165 |
|
10166 | _createClass(BaseSubMenu, [{
|
10167 | key: 'render',
|
10168 | value: function render() {
|
10169 | var _props = this.props,
|
10170 | className = _props.className,
|
10171 | childCount = _props.childCount,
|
10172 | open = _props.open,
|
10173 | signOut = _props.signOut,
|
10174 | isSubscriptionMember = _props.isSubscriptionMember,
|
10175 | renderLink = _props.renderLink;
|
10176 |
|
10177 | return _react2.default.createElement(
|
10178 | _reactTransitionGroup.CSSTransitionGroup,
|
10179 | {
|
10180 | transitionName: transition,
|
10181 | transitionEnterTimeout: 250,
|
10182 | transitionLeaveTimeout: 250,
|
10183 | className: className },
|
10184 | open && _react2.default.createElement(
|
10185 | 'nav',
|
10186 | { className: 'subMenu' },
|
10187 | isSubscriptionMember && _react2.default.createElement(
|
10188 | 'div',
|
10189 | null,
|
10190 | _react2.default.createElement(
|
10191 | _SRC.Link,
|
10192 | {
|
10193 | uppercase: true,
|
10194 | underline: false,
|
10195 | target: '/stylefile',
|
10196 | renderLink: renderLink },
|
10197 | 'Style File'
|
10198 | ),
|
10199 | _react2.default.createElement(
|
10200 | _SRC.Link,
|
10201 | {
|
10202 | uppercase: true,
|
10203 | underline: false,
|
10204 | target: '/deliveries',
|
10205 | renderLink: renderLink },
|
10206 | 'Manage Deliveries'
|
10207 | )
|
10208 | ),
|
10209 | _react2.default.createElement(
|
10210 | _SRC.Link,
|
10211 | {
|
10212 | uppercase: true,
|
10213 | underline: false,
|
10214 | target: '/orders',
|
10215 | renderLink: renderLink },
|
10216 | 'Order History'
|
10217 | ),
|
10218 | _react2.default.createElement(
|
10219 | _SRC.Link,
|
10220 | {
|
10221 | uppercase: true,
|
10222 | underline: false,
|
10223 | target: '/account',
|
10224 | renderLink: renderLink },
|
10225 | 'My Account'
|
10226 | ),
|
10227 | isSubscriptionMember && childCount < 4 && _react2.default.createElement(
|
10228 | _SRC.Link,
|
10229 | {
|
10230 | uppercase: true,
|
10231 | underline: false,
|
10232 | target: '/add-kid',
|
10233 | renderLink: renderLink },
|
10234 | 'Add a Child'
|
10235 | ),
|
10236 | _react2.default.createElement(
|
10237 | _SRC.Link,
|
10238 | {
|
10239 | uppercase: true,
|
10240 | underline: false,
|
10241 | onClick: signOut },
|
10242 | 'Log Out'
|
10243 | )
|
10244 | )
|
10245 | );
|
10246 | }
|
10247 | }]);
|
10248 |
|
10249 | return BaseSubMenu;
|
10250 | }(_react2.default.Component);
|
10251 |
|
10252 | var SubMenu = (0, _styledComponents2.default)(BaseSubMenu)(_templateObject3, function (props) {
|
10253 | return !props.inline ? position : '';
|
10254 | }, function (props) {
|
10255 | return props.theme.colors.rocketBlue;
|
10256 | }, function (props) {
|
10257 | return props.theme.colors.white;
|
10258 | }, _SRC.Link, function (props) {
|
10259 | return props.theme.colors.rocketBlue;
|
10260 | }, function (props) {
|
10261 | return props.theme.colors.white;
|
10262 | }, slideDown);
|
10263 |
|
10264 | SubMenu.propTypes = {
|
10265 | open: _propTypes2.default.bool,
|
10266 | currentPath: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.string]),
|
10267 | signOut: _propTypes2.default.func,
|
10268 | childCount: _propTypes2.default.number,
|
10269 | isSubscriptionMember: _propTypes2.default.bool
|
10270 | };
|
10271 |
|
10272 | SubMenu.defaultProps = {
|
10273 | childCount: 0,
|
10274 | isSubscriptionMember: false
|
10275 |
|
10276 |
|
10277 | };exports.default = SubMenu;
|
10278 |
|
10279 | }),
|
10280 |
|
10281 | (function(module, exports, __webpack_require__) {
|
10282 |
|
10283 | "use strict";
|
10284 |
|
10285 |
|
10286 | Object.defineProperty(exports, "__esModule", {
|
10287 | value: true
|
10288 | });
|
10289 |
|
10290 | var _headerLink = __webpack_require__(173);
|
10291 |
|
10292 | Object.defineProperty(exports, 'HeaderLink', {
|
10293 | enumerable: true,
|
10294 | get: function get() {
|
10295 | return _interopRequireDefault(_headerLink).default;
|
10296 | }
|
10297 | });
|
10298 |
|
10299 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10300 |
|
10301 | }),
|
10302 |
|
10303 | (function(module, exports, __webpack_require__) {
|
10304 |
|
10305 | "use strict";
|
10306 |
|
10307 |
|
10308 | Object.defineProperty(exports, "__esModule", {
|
10309 | value: true
|
10310 | });
|
10311 | exports.BaseHeaderLink = undefined;
|
10312 |
|
10313 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n ', '\n display: flex;\n cursor: pointer;\n height: 6rem;\n align-items: center;\n text-decoration: none;\n &:active, &:visited {\n color: ', ';\n }\n > span {\n z-index: 1;\n ', '\n }\n .screenReader{\n font-size: 0;\n height: 0;\n }\n ', ' {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: auto;\n max-height: 100%;\n max-width: 12rem;\n transform: translateX(-50%) translateY(-50%);\n }\n'], ['\n position: relative;\n ', '\n display: flex;\n cursor: pointer;\n height: 6rem;\n align-items: center;\n text-decoration: none;\n &:active, &:visited {\n color: ', ';\n }\n > span {\n z-index: 1;\n ', '\n }\n .screenReader{\n font-size: 0;\n height: 0;\n }\n ', ' {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: auto;\n max-height: 100%;\n max-width: 12rem;\n transform: translateX(-50%) translateY(-50%);\n }\n']);
|
10314 |
|
10315 | var _propTypes = __webpack_require__(0);
|
10316 |
|
10317 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10318 |
|
10319 | var _styledComponents = __webpack_require__(1);
|
10320 |
|
10321 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10322 |
|
10323 | var _SRC = __webpack_require__(3);
|
10324 |
|
10325 | var _headerLink = __webpack_require__(174);
|
10326 |
|
10327 | var _headerLink2 = _interopRequireDefault(_headerLink);
|
10328 |
|
10329 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10330 |
|
10331 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10332 |
|
10333 |
|
10334 | var HeaderLink = (0, _styledComponents2.default)(_headerLink2.default)(_templateObject, function (props) {
|
10335 | return props.spacing ? 'margin: 0 1rem;' : '';
|
10336 | }, function (props) {
|
10337 | return props.theme.colors.rocketBlue;
|
10338 | }, function (props) {
|
10339 | return props.spacing ? 'padding: 0.5rem 1.5rem;' : '';
|
10340 | }, _SRC.Highlighter);
|
10341 |
|
10342 | HeaderLink.defaultProps = {
|
10343 | highlightable: true,
|
10344 | highlightOn: 'hover',
|
10345 | spacing: true
|
10346 | };
|
10347 |
|
10348 | HeaderLink.propTypes = {
|
10349 | highlightable: _propTypes2.default.bool,
|
10350 | highlightOn: _propTypes2.default.string,
|
10351 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
10352 | };
|
10353 |
|
10354 | exports.BaseHeaderLink = _headerLink2.default;
|
10355 | exports.default = HeaderLink;
|
10356 |
|
10357 | }),
|
10358 |
|
10359 | (function(module, exports, __webpack_require__) {
|
10360 |
|
10361 | "use strict";
|
10362 |
|
10363 |
|
10364 | Object.defineProperty(exports, "__esModule", {
|
10365 | value: true
|
10366 | });
|
10367 |
|
10368 | 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; }; }();
|
10369 |
|
10370 | var _react = __webpack_require__(2);
|
10371 |
|
10372 | var _react2 = _interopRequireDefault(_react);
|
10373 |
|
10374 | var _SRC = __webpack_require__(3);
|
10375 |
|
10376 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10377 |
|
10378 | 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; }
|
10379 |
|
10380 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
10381 |
|
10382 | 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; }
|
10383 |
|
10384 | 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; }
|
10385 |
|
10386 | var BaseHeaderLink = function (_React$Component) {
|
10387 | _inherits(BaseHeaderLink, _React$Component);
|
10388 |
|
10389 | function BaseHeaderLink(props) {
|
10390 | _classCallCheck(this, BaseHeaderLink);
|
10391 |
|
10392 | var _this = _possibleConstructorReturn(this, (BaseHeaderLink.__proto__ || Object.getPrototypeOf(BaseHeaderLink)).call(this, props));
|
10393 |
|
10394 | _this.enter = function () {
|
10395 | var onMouseEnter = _this.props.onMouseEnter;
|
10396 |
|
10397 | _this.setState({ hover: true });
|
10398 | onMouseEnter && onMouseEnter();
|
10399 | };
|
10400 |
|
10401 | _this.leave = function () {
|
10402 | var onMouseLeave = _this.props.onMouseLeave;
|
10403 |
|
10404 | _this.setState({ hover: false });
|
10405 | onMouseLeave && onMouseLeave();
|
10406 | };
|
10407 |
|
10408 | _this.state = {
|
10409 | hover: false,
|
10410 | active: false
|
10411 | };
|
10412 | return _this;
|
10413 | }
|
10414 |
|
10415 | _createClass(BaseHeaderLink, [{
|
10416 | key: 'render',
|
10417 | value: function render() {
|
10418 | var _props = this.props,
|
10419 | className = _props.className,
|
10420 | children = _props.children,
|
10421 | highlightable = _props.highlightable,
|
10422 | highlightOn = _props.highlightOn,
|
10423 | props = _objectWithoutProperties(_props, ['className', 'children', 'highlightable', 'highlightOn']);
|
10424 |
|
10425 | var highlight = this.state[highlightOn];
|
10426 | delete props.spacing;
|
10427 | return _react2.default.createElement(
|
10428 | _SRC.Link,
|
10429 | Object.assign({}, props, {
|
10430 | className: className,
|
10431 | onMouseEnter: this.enter,
|
10432 | onMouseLeave: this.leave,
|
10433 | light: true,
|
10434 | underline: false,
|
10435 | uppercase: true }),
|
10436 | highlightable && _react2.default.createElement(_SRC.Highlighter, { highlight: highlight }),
|
10437 | _react2.default.createElement(
|
10438 | 'span',
|
10439 | null,
|
10440 | children
|
10441 | )
|
10442 | );
|
10443 | }
|
10444 | }]);
|
10445 |
|
10446 | return BaseHeaderLink;
|
10447 | }(_react2.default.Component);
|
10448 |
|
10449 | exports.default = BaseHeaderLink;
|
10450 |
|
10451 | }),
|
10452 |
|
10453 | (function(module, exports, __webpack_require__) {
|
10454 |
|
10455 | "use strict";
|
10456 |
|
10457 |
|
10458 | Object.defineProperty(exports, "__esModule", {
|
10459 | value: true
|
10460 | });
|
10461 |
|
10462 | var _megaMenuLink = __webpack_require__(176);
|
10463 |
|
10464 | Object.defineProperty(exports, 'MegaMenuLink', {
|
10465 | enumerable: true,
|
10466 | get: function get() {
|
10467 | return _interopRequireDefault(_megaMenuLink).default;
|
10468 | }
|
10469 | });
|
10470 |
|
10471 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10472 |
|
10473 | }),
|
10474 |
|
10475 | (function(module, exports, __webpack_require__) {
|
10476 |
|
10477 | "use strict";
|
10478 |
|
10479 |
|
10480 | Object.defineProperty(exports, "__esModule", {
|
10481 | value: true
|
10482 | });
|
10483 |
|
10484 | var _react = __webpack_require__(2);
|
10485 |
|
10486 | var _react2 = _interopRequireDefault(_react);
|
10487 |
|
10488 | var _propTypes = __webpack_require__(0);
|
10489 |
|
10490 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10491 |
|
10492 | var _SRC = __webpack_require__(3);
|
10493 |
|
10494 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10495 |
|
10496 | var MegaMenuLink = function MegaMenuLink(_ref) {
|
10497 | var clearMenuImage = _ref.clearMenuImage,
|
10498 | id = _ref.id,
|
10499 | link = _ref.link,
|
10500 | renderLink = _ref.renderLink,
|
10501 | setMenuImage = _ref.setMenuImage;
|
10502 |
|
10503 | return _react2.default.createElement(
|
10504 | _SRC.NavyLink,
|
10505 | {
|
10506 | key: id,
|
10507 | target: link.target,
|
10508 | onMouseEnter: setMenuImage(link.src),
|
10509 | onMouseLeave: clearMenuImage,
|
10510 | onFocus: setMenuImage(link.src),
|
10511 | onBlur: clearMenuImage,
|
10512 | light: true,
|
10513 | underline: false,
|
10514 | renderLink: renderLink },
|
10515 | link.text
|
10516 | );
|
10517 | };
|
10518 |
|
10519 | MegaMenuLink.propTypes = {
|
10520 | clearMenuImage: _propTypes2.default.func.isRequired,
|
10521 | id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]).isRequired,
|
10522 | link: _propTypes2.default.object.isRequired,
|
10523 | renderLink: _propTypes2.default.func,
|
10524 | setMenuImage: _propTypes2.default.func.isRequired
|
10525 |
|
10526 |
|
10527 | };exports.default = MegaMenuLink;
|
10528 |
|
10529 | }),
|
10530 |
|
10531 | (function(module, exports, __webpack_require__) {
|
10532 |
|
10533 | "use strict";
|
10534 |
|
10535 |
|
10536 | Object.defineProperty(exports, "__esModule", {
|
10537 | value: true
|
10538 | });
|
10539 |
|
10540 | var _links = __webpack_require__(178);
|
10541 |
|
10542 | Object.keys(_links).forEach(function (key) {
|
10543 | if (key === "default" || key === "__esModule") return;
|
10544 | Object.defineProperty(exports, key, {
|
10545 | enumerable: true,
|
10546 | get: function get() {
|
10547 | return _links[key];
|
10548 | }
|
10549 | });
|
10550 | });
|
10551 |
|
10552 | var _mobileHeader = __webpack_require__(182);
|
10553 |
|
10554 | Object.defineProperty(exports, 'MobileHeader', {
|
10555 | enumerable: true,
|
10556 | get: function get() {
|
10557 | return _interopRequireDefault(_mobileHeader).default;
|
10558 | }
|
10559 | });
|
10560 |
|
10561 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10562 |
|
10563 | }),
|
10564 |
|
10565 | (function(module, exports, __webpack_require__) {
|
10566 |
|
10567 | "use strict";
|
10568 |
|
10569 |
|
10570 | Object.defineProperty(exports, "__esModule", {
|
10571 | value: true
|
10572 | });
|
10573 |
|
10574 | var _mobileLinkSecondary = __webpack_require__(179);
|
10575 |
|
10576 | Object.defineProperty(exports, 'MobileLinkSecondary', {
|
10577 | enumerable: true,
|
10578 | get: function get() {
|
10579 | return _interopRequireDefault(_mobileLinkSecondary).default;
|
10580 | }
|
10581 | });
|
10582 |
|
10583 | var _mobileLinkTertiary = __webpack_require__(180);
|
10584 |
|
10585 | Object.defineProperty(exports, 'MobileLinkTertiary', {
|
10586 | enumerable: true,
|
10587 | get: function get() {
|
10588 | return _interopRequireDefault(_mobileLinkTertiary).default;
|
10589 | }
|
10590 | });
|
10591 |
|
10592 | var _mobileLinkTop = __webpack_require__(181);
|
10593 |
|
10594 | Object.defineProperty(exports, 'MobileLinkTop', {
|
10595 | enumerable: true,
|
10596 | get: function get() {
|
10597 | return _interopRequireDefault(_mobileLinkTop).default;
|
10598 | }
|
10599 | });
|
10600 |
|
10601 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10602 |
|
10603 | }),
|
10604 |
|
10605 | (function(module, exports, __webpack_require__) {
|
10606 |
|
10607 | "use strict";
|
10608 |
|
10609 |
|
10610 | Object.defineProperty(exports, "__esModule", {
|
10611 | value: true
|
10612 | });
|
10613 |
|
10614 | var _templateObject = _taggedTemplateLiteral(['\n height: 4rem;\n display: inline-flex;\n align-items: center;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n background-color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n }\n'], ['\n height: 4rem;\n display: inline-flex;\n align-items: center;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n background-color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n }\n']);
|
10615 |
|
10616 | var _propTypes = __webpack_require__(0);
|
10617 |
|
10618 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10619 |
|
10620 | var _styledComponents = __webpack_require__(1);
|
10621 |
|
10622 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10623 |
|
10624 | var _SRC = __webpack_require__(3);
|
10625 |
|
10626 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10627 |
|
10628 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10629 |
|
10630 | var MobileLinkSecondary = (0, _styledComponents2.default)(_SRC.Link)(_templateObject, function (props) {
|
10631 | return props.background;
|
10632 | }, function (props) {
|
10633 | return props.theme.colors.rocketBlue;
|
10634 | });
|
10635 |
|
10636 | MobileLinkSecondary.propTypes = {
|
10637 | background: _propTypes2.default.string,
|
10638 | className: _propTypes2.default.string,
|
10639 | fontSize: _propTypes2.default.string,
|
10640 | fontFamily: _propTypes2.default.string,
|
10641 | light: _propTypes2.default.bool,
|
10642 | uppercase: _propTypes2.default.bool,
|
10643 | underline: _propTypes2.default.bool
|
10644 | };
|
10645 |
|
10646 | MobileLinkSecondary.defaultProps = {
|
10647 | background: 'transparent',
|
10648 | fontSize: '1.6rem',
|
10649 | light: true,
|
10650 | uppercase: true,
|
10651 | underline: false
|
10652 |
|
10653 |
|
10654 | };exports.default = MobileLinkSecondary;
|
10655 |
|
10656 | }),
|
10657 |
|
10658 | (function(module, exports, __webpack_require__) {
|
10659 |
|
10660 | "use strict";
|
10661 |
|
10662 |
|
10663 | Object.defineProperty(exports, "__esModule", {
|
10664 | value: true
|
10665 | });
|
10666 |
|
10667 | var _templateObject = _taggedTemplateLiteral(['\n height: 3.6rem;\n display: inline-flex;\n align-items: center;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n background-color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n }\n'], ['\n height: 3.6rem;\n display: inline-flex;\n align-items: center;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n background-color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n }\n']);
|
10668 |
|
10669 | var _propTypes = __webpack_require__(0);
|
10670 |
|
10671 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10672 |
|
10673 | var _styledComponents = __webpack_require__(1);
|
10674 |
|
10675 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10676 |
|
10677 | var _SRC = __webpack_require__(3);
|
10678 |
|
10679 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10680 |
|
10681 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10682 |
|
10683 | var MobileLinkTertiary = (0, _styledComponents2.default)(_SRC.Link)(_templateObject, function (props) {
|
10684 | return props.background;
|
10685 | }, function (props) {
|
10686 | return props.theme.colors.rocketBlue;
|
10687 | });
|
10688 |
|
10689 | MobileLinkTertiary.propTypes = {
|
10690 | background: _propTypes2.default.string,
|
10691 | className: _propTypes2.default.string,
|
10692 | fontSize: _propTypes2.default.string,
|
10693 | fontFamily: _propTypes2.default.string,
|
10694 | uppercase: _propTypes2.default.bool,
|
10695 | underline: _propTypes2.default.bool
|
10696 | };
|
10697 |
|
10698 | MobileLinkTertiary.defaultProps = {
|
10699 | background: 'transparent',
|
10700 | fontSize: '1.6rem',
|
10701 | fontStyle: 'italic',
|
10702 | light: true,
|
10703 | underline: false
|
10704 |
|
10705 |
|
10706 | };exports.default = MobileLinkTertiary;
|
10707 |
|
10708 | }),
|
10709 |
|
10710 | (function(module, exports, __webpack_require__) {
|
10711 |
|
10712 | "use strict";
|
10713 |
|
10714 |
|
10715 | Object.defineProperty(exports, "__esModule", {
|
10716 | value: true
|
10717 | });
|
10718 |
|
10719 | var _templateObject = _taggedTemplateLiteral(['\n display: inline-flex;\n height: 4rem;\n align-items: center;\n background-color: ', ';\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n }\n'], ['\n display: inline-flex;\n height: 4rem;\n align-items: center;\n background-color: ', ';\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n }\n']);
|
10720 |
|
10721 | var _propTypes = __webpack_require__(0);
|
10722 |
|
10723 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10724 |
|
10725 | var _styledComponents = __webpack_require__(1);
|
10726 |
|
10727 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10728 |
|
10729 | var _theme = __webpack_require__(6);
|
10730 |
|
10731 | var _SRC = __webpack_require__(3);
|
10732 |
|
10733 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10734 |
|
10735 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10736 |
|
10737 | var MobileLinkTop = (0, _styledComponents2.default)(_SRC.Link)(_templateObject, function (props) {
|
10738 | return props.background;
|
10739 | }, function (props) {
|
10740 | return props.theme.colors.rocketBlue;
|
10741 | });
|
10742 |
|
10743 | MobileLinkTop.propTypes = {
|
10744 | background: _propTypes2.default.string,
|
10745 | className: _propTypes2.default.string,
|
10746 | fontSize: _propTypes2.default.string,
|
10747 | fontFamily: _propTypes2.default.string,
|
10748 | uppercase: _propTypes2.default.bool,
|
10749 | underline: _propTypes2.default.bool
|
10750 | };
|
10751 |
|
10752 | MobileLinkTop.defaultProps = {
|
10753 | background: 'transparent',
|
10754 | fontSize: '2.6rem',
|
10755 | fontFamily: _theme.theme.fonts.headerFont,
|
10756 | uppercase: true,
|
10757 | underline: false
|
10758 |
|
10759 |
|
10760 | };exports.default = MobileLinkTop;
|
10761 |
|
10762 | }),
|
10763 |
|
10764 | (function(module, exports, __webpack_require__) {
|
10765 |
|
10766 | "use strict";
|
10767 |
|
10768 |
|
10769 | Object.defineProperty(exports, "__esModule", {
|
10770 | value: true
|
10771 | });
|
10772 |
|
10773 | var _templateObject = _taggedTemplateLiteral(['\n min-height: 4.8rem;\n background-color: ', ';\n box-shadow: 0 0.2rem 0.1rem 0 rgba(0,0,0,.16);\n top: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 1.5rem;\n box-sizing: border-box;\n'], ['\n min-height: 4.8rem;\n background-color: ', ';\n box-shadow: 0 0.2rem 0.1rem 0 rgba(0,0,0,.16);\n top: 0;\n left: 0;\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 1.5rem;\n box-sizing: border-box;\n']);
|
10774 |
|
10775 | var _styledComponents = __webpack_require__(1);
|
10776 |
|
10777 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10778 |
|
10779 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10780 |
|
10781 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10782 |
|
10783 | var MobileHeader = _styledComponents2.default.header(_templateObject, function (props) {
|
10784 | return props.theme.colors.white;
|
10785 | });
|
10786 |
|
10787 |
|
10788 | exports.default = MobileHeader;
|
10789 |
|
10790 | }),
|
10791 |
|
10792 | (function(module, exports, __webpack_require__) {
|
10793 |
|
10794 | "use strict";
|
10795 |
|
10796 |
|
10797 | Object.defineProperty(exports, "__esModule", {
|
10798 | value: true
|
10799 | });
|
10800 |
|
10801 | var _status = __webpack_require__(184);
|
10802 |
|
10803 | Object.defineProperty(exports, 'Status', {
|
10804 | enumerable: true,
|
10805 | get: function get() {
|
10806 | return _interopRequireDefault(_status).default;
|
10807 | }
|
10808 | });
|
10809 |
|
10810 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10811 |
|
10812 | }),
|
10813 |
|
10814 | (function(module, exports, __webpack_require__) {
|
10815 |
|
10816 | "use strict";
|
10817 |
|
10818 |
|
10819 | Object.defineProperty(exports, "__esModule", {
|
10820 | value: true
|
10821 | });
|
10822 |
|
10823 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n color: ', ';\n'], ['\n background-color: ', ';\n color: ', ';\n']),
|
10824 | _templateObject2 = _taggedTemplateLiteral(['\n background-color: ', ';\n color: ', ';\n font-style: italic;\n'], ['\n background-color: ', ';\n color: ', ';\n font-style: italic;\n']),
|
10825 | _templateObject3 = _taggedTemplateLiteral(['\nbackground-color: ', ';\ncolor: ', ';\nfont-style: italic;\n'], ['\nbackground-color: ', ';\ncolor: ', ';\nfont-style: italic;\n']),
|
10826 | _templateObject4 = _taggedTemplateLiteral(['\n .container {\n height: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n ', '\n font-size: ', ';\n }\n ', '\n'], ['\n .container {\n height: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n ', '\n font-size: ', ';\n }\n ', '\n']);
|
10827 |
|
10828 | var _react = __webpack_require__(2);
|
10829 |
|
10830 | var _react2 = _interopRequireDefault(_react);
|
10831 |
|
10832 | var _propTypes = __webpack_require__(0);
|
10833 |
|
10834 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10835 |
|
10836 | var _styledComponents = __webpack_require__(1);
|
10837 |
|
10838 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10839 |
|
10840 | var _P = __webpack_require__(32);
|
10841 |
|
10842 | var _SRC = __webpack_require__(3);
|
10843 |
|
10844 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10845 |
|
10846 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10847 |
|
10848 | var message = (0, _styledComponents.css)(_templateObject, function (props) {
|
10849 | return props.theme.colors.rocketBlue;
|
10850 | }, function (props) {
|
10851 | return props.theme.colors.white;
|
10852 | });
|
10853 |
|
10854 | var notification = (0, _styledComponents.css)(_templateObject, function (props) {
|
10855 | return props.theme.colors.yellow;
|
10856 | }, function (props) {
|
10857 | return props.theme.colors.navy;
|
10858 | });
|
10859 |
|
10860 | var error = (0, _styledComponents.css)(_templateObject2, function (props) {
|
10861 | return props.theme.colors.red;
|
10862 | }, function (props) {
|
10863 | return props.theme.colors.white;
|
10864 | });
|
10865 |
|
10866 | var promo = (0, _styledComponents.css)(_templateObject3, function (props) {
|
10867 | return props.theme.colors.lightBlue[0];
|
10868 | }, function (props) {
|
10869 | return props.theme.colors.rocketBlue;
|
10870 | });
|
10871 |
|
10872 | var setTypeStyle = function setTypeStyle(_ref) {
|
10873 | var type = _ref.type;
|
10874 |
|
10875 | var types = {
|
10876 | 'error': error,
|
10877 | 'message': message,
|
10878 | 'notification': notification,
|
10879 | 'promo': promo
|
10880 | };
|
10881 |
|
10882 | return types[type];
|
10883 | };
|
10884 |
|
10885 | var Status = (0, _styledComponents2.default)(function (_ref2) {
|
10886 | var className = _ref2.className,
|
10887 | children = _ref2.children,
|
10888 | dismissable = _ref2.dismissable;
|
10889 |
|
10890 | return _react2.default.createElement(
|
10891 | 'div',
|
10892 | { className: className },
|
10893 | _react2.default.createElement(
|
10894 | _SRC.FlexRow,
|
10895 | null,
|
10896 | _react2.default.createElement(
|
10897 | _SRC.FlexCol,
|
10898 | {
|
10899 | className: 'container',
|
10900 | mobile: { width: 4 },
|
10901 | desktop: { width: 10, span: 1 } },
|
10902 | children
|
10903 | )
|
10904 | )
|
10905 | );
|
10906 | })(_templateObject4, _P.pStyle, function (props) {
|
10907 | return props.fontSize;
|
10908 | }, function (props) {
|
10909 | return setTypeStyle(props);
|
10910 | });
|
10911 |
|
10912 | var statusTypeCheck = function statusTypeCheck(props, propName, componentName) {
|
10913 | var types = ['message', 'promo', 'notification', 'error'];
|
10914 | if (!types.includes(props[propName])) {
|
10915 | return new Error('Invalid type prop supplied for ' + componentName + ' please choose one of the following: ' + types.toString());
|
10916 | }
|
10917 | };
|
10918 |
|
10919 | Status.propTypes = {
|
10920 | type: statusTypeCheck,
|
10921 | dismissable: _propTypes2.default.bool
|
10922 | };
|
10923 |
|
10924 | Status.defaultProps = {
|
10925 | type: 'notification',
|
10926 | fontSize: '1.6rem'
|
10927 |
|
10928 |
|
10929 | };exports.default = Status;
|
10930 |
|
10931 | }),
|
10932 |
|
10933 | (function(module, exports, __webpack_require__) {
|
10934 |
|
10935 | "use strict";
|
10936 |
|
10937 |
|
10938 | Object.defineProperty(exports, "__esModule", {
|
10939 | value: true
|
10940 | });
|
10941 |
|
10942 | var _thumbnails = __webpack_require__(186);
|
10943 |
|
10944 | Object.defineProperty(exports, 'Thumbnails', {
|
10945 | enumerable: true,
|
10946 | get: function get() {
|
10947 | return _interopRequireDefault(_thumbnails).default;
|
10948 | }
|
10949 | });
|
10950 |
|
10951 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10952 |
|
10953 | }),
|
10954 |
|
10955 | (function(module, exports, __webpack_require__) {
|
10956 |
|
10957 | "use strict";
|
10958 |
|
10959 |
|
10960 | Object.defineProperty(exports, "__esModule", {
|
10961 | value: true
|
10962 | });
|
10963 |
|
10964 | var _templateObject = _taggedTemplateLiteral(['\n display: inline-flex;\n flex-direction: column;\n .roa-thumbnail {\n margin-bottom: 1.5rem;\n width: 100%;\n border: 1px solid transparent;\n transition: border-color 0.25s ease-in-out;\n &:hover {\n cursor: pointer;\n }\n &.active {\n border-color: ', ';\n }\n }\n'], ['\n display: inline-flex;\n flex-direction: column;\n .roa-thumbnail {\n margin-bottom: 1.5rem;\n width: 100%;\n border: 1px solid transparent;\n transition: border-color 0.25s ease-in-out;\n &:hover {\n cursor: pointer;\n }\n &.active {\n border-color: ', ';\n }\n }\n']);
|
10965 |
|
10966 | var _react = __webpack_require__(2);
|
10967 |
|
10968 | var _react2 = _interopRequireDefault(_react);
|
10969 |
|
10970 | var _propTypes = __webpack_require__(0);
|
10971 |
|
10972 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10973 |
|
10974 | var _styledComponents = __webpack_require__(1);
|
10975 |
|
10976 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10977 |
|
10978 | var _classnames = __webpack_require__(7);
|
10979 |
|
10980 | var _classnames2 = _interopRequireDefault(_classnames);
|
10981 |
|
10982 | var _SRC = __webpack_require__(3);
|
10983 |
|
10984 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10985 |
|
10986 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10987 |
|
10988 | var Thumbnails = (0, _styledComponents2.default)(function (_ref) {
|
10989 | var className = _ref.className,
|
10990 | active = _ref.active,
|
10991 | thumbnails = _ref.thumbnails,
|
10992 | onClick = _ref.onClick;
|
10993 |
|
10994 | return _react2.default.createElement(
|
10995 | 'div',
|
10996 | { className: className },
|
10997 | thumbnails && thumbnails.map(function (thumbnail, index) {
|
10998 | var classes = (0, _classnames2.default)('roa-thumbnail', {
|
10999 | 'active': thumbnail.src.includes(active)
|
11000 | });
|
11001 | return _react2.default.createElement(_SRC.InlineImage, {
|
11002 | key: index,
|
11003 | role: 'button',
|
11004 | className: classes,
|
11005 | src: thumbnail.src,
|
11006 | alt: thumbnail.alt,
|
11007 | onClick: onClick(index) });
|
11008 | })
|
11009 | );
|
11010 | })(_templateObject, function (props) {
|
11011 | return props.theme.colors.rocketBlue;
|
11012 | });
|
11013 |
|
11014 | Thumbnails.propTypes = {
|
11015 | className: _propTypes2.default.string,
|
11016 | thumbnails: _propTypes2.default.array.isRequired,
|
11017 | onClick: _propTypes2.default.func.isRequired
|
11018 |
|
11019 |
|
11020 | };exports.default = Thumbnails;
|
11021 |
|
11022 | }),
|
11023 |
|
11024 | (function(module, exports, __webpack_require__) {
|
11025 |
|
11026 | "use strict";
|
11027 |
|
11028 |
|
11029 | Object.defineProperty(exports, "__esModule", {
|
11030 | value: true
|
11031 | });
|
11032 |
|
11033 | var _Button = __webpack_require__(188);
|
11034 |
|
11035 | Object.keys(_Button).forEach(function (key) {
|
11036 | if (key === "default" || key === "__esModule") return;
|
11037 | Object.defineProperty(exports, key, {
|
11038 | enumerable: true,
|
11039 | get: function get() {
|
11040 | return _Button[key];
|
11041 | }
|
11042 | });
|
11043 | });
|
11044 |
|
11045 | var _ImageButton = __webpack_require__(194);
|
11046 |
|
11047 | Object.keys(_ImageButton).forEach(function (key) {
|
11048 | if (key === "default" || key === "__esModule") return;
|
11049 | Object.defineProperty(exports, key, {
|
11050 | enumerable: true,
|
11051 | get: function get() {
|
11052 | return _ImageButton[key];
|
11053 | }
|
11054 | });
|
11055 | });
|
11056 |
|
11057 | }),
|
11058 |
|
11059 | (function(module, exports, __webpack_require__) {
|
11060 |
|
11061 | "use strict";
|
11062 |
|
11063 |
|
11064 | Object.defineProperty(exports, "__esModule", {
|
11065 | value: true
|
11066 | });
|
11067 |
|
11068 | var _BlueBorderButton = __webpack_require__(189);
|
11069 |
|
11070 | Object.defineProperty(exports, 'BlueBorderButton', {
|
11071 | enumerable: true,
|
11072 | get: function get() {
|
11073 | return _interopRequireDefault(_BlueBorderButton).default;
|
11074 | }
|
11075 | });
|
11076 |
|
11077 | var _Button = __webpack_require__(190);
|
11078 |
|
11079 | Object.defineProperty(exports, 'Button', {
|
11080 | enumerable: true,
|
11081 | get: function get() {
|
11082 | return _interopRequireDefault(_Button).default;
|
11083 | }
|
11084 | });
|
11085 |
|
11086 | var _WhiteBorderButton = __webpack_require__(191);
|
11087 |
|
11088 | Object.defineProperty(exports, 'WhiteBorderButton', {
|
11089 | enumerable: true,
|
11090 | get: function get() {
|
11091 | return _interopRequireDefault(_WhiteBorderButton).default;
|
11092 | }
|
11093 | });
|
11094 |
|
11095 | var _YellowButton = __webpack_require__(192);
|
11096 |
|
11097 | Object.defineProperty(exports, 'YellowButton', {
|
11098 | enumerable: true,
|
11099 | get: function get() {
|
11100 | return _interopRequireDefault(_YellowButton).default;
|
11101 | }
|
11102 | });
|
11103 |
|
11104 | var _ButtonLink = __webpack_require__(193);
|
11105 |
|
11106 | Object.defineProperty(exports, 'ButtonLink', {
|
11107 | enumerable: true,
|
11108 | get: function get() {
|
11109 | return _interopRequireDefault(_ButtonLink).default;
|
11110 | }
|
11111 | });
|
11112 |
|
11113 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11114 |
|
11115 | }),
|
11116 |
|
11117 | (function(module, exports, __webpack_require__) {
|
11118 |
|
11119 | "use strict";
|
11120 |
|
11121 |
|
11122 | Object.defineProperty(exports, "__esModule", {
|
11123 | value: true
|
11124 | });
|
11125 | exports.selected = exports.disabledOrLoading = exports.defaultStyle = undefined;
|
11126 |
|
11127 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n border-color: ', ';\n &:hover {\n color: ', ';\n border-color: ', ';\n }\n'], ['\n color: ', ';\n border-color: ', ';\n &:hover {\n color: ', ';\n border-color: ', ';\n }\n']),
|
11128 | _templateObject2 = _taggedTemplateLiteral(['\n color: ', ';\n border-color: ', ';\n'], ['\n color: ', ';\n border-color: ', ';\n']),
|
11129 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
|
11130 | _templateObject4 = _taggedTemplateLiteral(['\n background-color: rgba(255, 255, 255, 0);\n ', '\n'], ['\n background-color: rgba(255, 255, 255, 0);\n ', '\n']);
|
11131 |
|
11132 | var _propTypes = __webpack_require__(0);
|
11133 |
|
11134 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11135 |
|
11136 | var _styledComponents = __webpack_require__(1);
|
11137 |
|
11138 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11139 |
|
11140 | var _Button = __webpack_require__(11);
|
11141 |
|
11142 | var _Button2 = _interopRequireDefault(_Button);
|
11143 |
|
11144 | var _Checkmark = __webpack_require__(8);
|
11145 |
|
11146 | var _Spinner = __webpack_require__(9);
|
11147 |
|
11148 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11149 |
|
11150 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11151 |
|
11152 | var defaultStyle = exports.defaultStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
11153 | return props.theme.colors.rocketBlue;
|
11154 | }, function (props) {
|
11155 | return props.theme.colors.rocketBlue;
|
11156 | }, function (props) {
|
11157 | return props.theme.colors.rocketBlueHover;
|
11158 | }, function (props) {
|
11159 | return props.theme.colors.rocketBlueHover;
|
11160 | });
|
11161 | var disabledOrLoading = exports.disabledOrLoading = (0, _styledComponents.css)(_templateObject2, function (props) {
|
11162 | return props.theme.colors.loading;
|
11163 | }, function (props) {
|
11164 | return props.theme.colors.loading;
|
11165 | });
|
11166 | var selected = exports.selected = (0, _styledComponents.css)(_templateObject2, function (props) {
|
11167 | return props.theme.colors.navy;
|
11168 | }, function (props) {
|
11169 | return props.theme.colors.navy;
|
11170 | });
|
11171 |
|
11172 | var colorButton = (0, _styledComponents.css)(_templateObject3, function (props) {
|
11173 | return !props.selected && !props.disabled && !props.loading && defaultStyle;
|
11174 | }, function (props) {
|
11175 | return props.selected && selected;
|
11176 | }, function (props) {
|
11177 | return props.disabled && disabledOrLoading;
|
11178 | }, function (props) {
|
11179 | return props.loading && disabledOrLoading;
|
11180 | });
|
11181 |
|
11182 | var BlueBorderButton = (0, _styledComponents2.default)(_Button2.default)(_templateObject4, function (props) {
|
11183 | return colorButton;
|
11184 | });
|
11185 |
|
11186 | BlueBorderButton.propTypes = {
|
11187 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
11188 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
11189 | theme: _propTypes2.default.shape({
|
11190 | colors: _propTypes2.default.shape({
|
11191 | white: _propTypes2.default.string
|
11192 | })
|
11193 | })
|
11194 | };
|
11195 |
|
11196 | BlueBorderButton.defaultProps = {
|
11197 | checkmark: _Checkmark.NavyCheckmark,
|
11198 | spinner: _Spinner.GraySpinner
|
11199 |
|
11200 |
|
11201 | };exports.default = BlueBorderButton;
|
11202 |
|
11203 | }),
|
11204 |
|
11205 | (function(module, exports, __webpack_require__) {
|
11206 |
|
11207 | "use strict";
|
11208 |
|
11209 |
|
11210 | Object.defineProperty(exports, "__esModule", {
|
11211 | value: true
|
11212 | });
|
11213 | exports.selected = exports.disabledOrLoading = exports.defaultStyle = undefined;
|
11214 |
|
11215 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n'], ['\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n']),
|
11216 | _templateObject2 = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']),
|
11217 | _templateObject3 = _taggedTemplateLiteral(['\n background-color: ', '\n'], ['\n background-color: ', '\n']),
|
11218 | _templateObject4 = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
|
11219 | _templateObject5 = _taggedTemplateLiteral(['\n color: ', ';\n border-color: transparent;\n\n ', '\n'], ['\n color: ', ';\n border-color: transparent;\n\n ', '\n']);
|
11220 |
|
11221 | var _propTypes = __webpack_require__(0);
|
11222 |
|
11223 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11224 |
|
11225 | var _styledComponents = __webpack_require__(1);
|
11226 |
|
11227 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11228 |
|
11229 | var _Spinner = __webpack_require__(9);
|
11230 |
|
11231 | var _Checkmark = __webpack_require__(8);
|
11232 |
|
11233 | var _Button = __webpack_require__(11);
|
11234 |
|
11235 | var _Button2 = _interopRequireDefault(_Button);
|
11236 |
|
11237 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11238 |
|
11239 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11240 |
|
11241 | var defaultStyle = exports.defaultStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
11242 | return props.theme.colors.rocketBlue;
|
11243 | }, function (props) {
|
11244 | return props.theme.colors.rocketBlueHover;
|
11245 | });
|
11246 | var disabledOrLoading = exports.disabledOrLoading = (0, _styledComponents.css)(_templateObject2, function (props) {
|
11247 | return props.theme.colors.loading;
|
11248 | });
|
11249 | var selected = exports.selected = (0, _styledComponents.css)(_templateObject3, function (props) {
|
11250 | return props.theme.colors.navy;
|
11251 | });
|
11252 |
|
11253 | var backgroundColor = (0, _styledComponents.css)(_templateObject4, function (props) {
|
11254 | return !props.selected && !props.disabled && !props.loading && defaultStyle;
|
11255 | }, function (props) {
|
11256 | return props.selected && selected;
|
11257 | }, function (props) {
|
11258 | return props.disabled && disabledOrLoading;
|
11259 | }, function (props) {
|
11260 | return props.loading && disabledOrLoading;
|
11261 | });
|
11262 |
|
11263 | var Button = (0, _styledComponents2.default)(_Button2.default)(_templateObject5, function (props) {
|
11264 | return props.theme.colors.white;
|
11265 | }, function (props) {
|
11266 | return backgroundColor;
|
11267 | });
|
11268 |
|
11269 | Button.propTypes = {
|
11270 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
11271 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
11272 | theme: _propTypes2.default.shape({
|
11273 | colors: _propTypes2.default.shape({
|
11274 | rocketBlue: _propTypes2.default.string,
|
11275 | white: _propTypes2.default.string
|
11276 | })
|
11277 | })
|
11278 | };
|
11279 |
|
11280 | Button.defaultProps = {
|
11281 | checkmark: _Checkmark.WhiteCheckmark,
|
11282 | spinner: _Spinner.WhiteSpinner
|
11283 |
|
11284 |
|
11285 | };exports.default = Button;
|
11286 |
|
11287 | }),
|
11288 |
|
11289 | (function(module, exports, __webpack_require__) {
|
11290 |
|
11291 | "use strict";
|
11292 |
|
11293 |
|
11294 | Object.defineProperty(exports, "__esModule", {
|
11295 | value: true
|
11296 | });
|
11297 | exports.selected = exports.disabledOrLoading = exports.colorButton = undefined;
|
11298 |
|
11299 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n border-color: ', ';\n &:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n'], ['\n color: ', ';\n border-color: ', ';\n &:hover {\n background-color: rgba(255, 255, 255, 0.1);\n }\n']),
|
11300 | _templateObject2 = _taggedTemplateLiteral(['\n color: ', ';\n border-color: ', ';\n'], ['\n color: ', ';\n border-color: ', ';\n']),
|
11301 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
|
11302 | _templateObject4 = _taggedTemplateLiteral(['\n background-color: rgba(255, 255, 255, 0);\n ', '\n'], ['\n background-color: rgba(255, 255, 255, 0);\n ', '\n']);
|
11303 |
|
11304 | var _propTypes = __webpack_require__(0);
|
11305 |
|
11306 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11307 |
|
11308 | var _styledComponents = __webpack_require__(1);
|
11309 |
|
11310 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11311 |
|
11312 | var _Button = __webpack_require__(11);
|
11313 |
|
11314 | var _Button2 = _interopRequireDefault(_Button);
|
11315 |
|
11316 | var _Checkmark = __webpack_require__(8);
|
11317 |
|
11318 | var _Spinner = __webpack_require__(9);
|
11319 |
|
11320 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11321 |
|
11322 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11323 |
|
11324 | var defaultStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
11325 | return props.theme.colors.white;
|
11326 | }, function (props) {
|
11327 | return props.theme.colors.white;
|
11328 | });
|
11329 |
|
11330 | var disabledOrLoading = (0, _styledComponents.css)(_templateObject2, function (props) {
|
11331 | return props.theme.colors.loading;
|
11332 | }, function (props) {
|
11333 | return props.theme.colors.loading;
|
11334 | });
|
11335 |
|
11336 | var selected = (0, _styledComponents.css)(_templateObject2, function (props) {
|
11337 | return props.theme.colors.navy;
|
11338 | }, function (props) {
|
11339 | return props.theme.colors.navy;
|
11340 | });
|
11341 |
|
11342 | var colorButton = (0, _styledComponents.css)(_templateObject3, function (props) {
|
11343 | return !props.selected && !props.disabled && !props.loading && defaultStyle;
|
11344 | }, function (props) {
|
11345 | return props.selected && selected;
|
11346 | }, function (props) {
|
11347 | return props.disabled && disabledOrLoading;
|
11348 | }, function (props) {
|
11349 | return props.loading && disabledOrLoading;
|
11350 | });
|
11351 |
|
11352 | var WhiteBorderButton = (0, _styledComponents2.default)(_Button2.default)(_templateObject4, function (props) {
|
11353 | return colorButton;
|
11354 | });
|
11355 |
|
11356 | WhiteBorderButton.propTypes = {
|
11357 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
11358 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
11359 | theme: _propTypes2.default.shape({
|
11360 | colors: _propTypes2.default.shape({
|
11361 | white: _propTypes2.default.string
|
11362 | })
|
11363 | })
|
11364 | };
|
11365 |
|
11366 | WhiteBorderButton.defaultProps = {
|
11367 | checkmark: _Checkmark.NavyCheckmark,
|
11368 | spinner: _Spinner.GraySpinner
|
11369 |
|
11370 |
|
11371 | };exports.default = WhiteBorderButton;
|
11372 | exports.colorButton = colorButton;
|
11373 | exports.disabledOrLoading = disabledOrLoading;
|
11374 | exports.selected = selected;
|
11375 |
|
11376 | }),
|
11377 |
|
11378 | (function(module, exports, __webpack_require__) {
|
11379 |
|
11380 | "use strict";
|
11381 |
|
11382 |
|
11383 | Object.defineProperty(exports, "__esModule", {
|
11384 | value: true
|
11385 | });
|
11386 |
|
11387 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n border-color: transparent;\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n'], ['\n color: ', ';\n border-color: transparent;\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n']);
|
11388 |
|
11389 | var _propTypes = __webpack_require__(0);
|
11390 |
|
11391 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11392 |
|
11393 | var _styledComponents = __webpack_require__(1);
|
11394 |
|
11395 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11396 |
|
11397 | var _Button = __webpack_require__(11);
|
11398 |
|
11399 | var _Button2 = _interopRequireDefault(_Button);
|
11400 |
|
11401 | var _Checkmark = __webpack_require__(8);
|
11402 |
|
11403 | var _Spinner = __webpack_require__(9);
|
11404 |
|
11405 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11406 |
|
11407 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11408 |
|
11409 | var YellowButton = (0, _styledComponents2.default)(_Button2.default)(_templateObject, function (props) {
|
11410 | return props.theme.colors.navy;
|
11411 | }, function (props) {
|
11412 | return props.theme.colors.yellow;
|
11413 | }, function (props) {
|
11414 | return props.theme.colors.yellowHover;
|
11415 | });
|
11416 |
|
11417 | YellowButton.propTypes = {
|
11418 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
11419 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
11420 | theme: _propTypes2.default.shape({
|
11421 | colors: _propTypes2.default.shape({
|
11422 | navy: _propTypes2.default.string,
|
11423 | yellow: _propTypes2.default.string
|
11424 | })
|
11425 | })
|
11426 | };
|
11427 |
|
11428 | YellowButton.defaultProps = {
|
11429 | checkmark: _Checkmark.NavyCheckmark,
|
11430 | spinner: _Spinner.NavySpinner
|
11431 |
|
11432 |
|
11433 | };exports.default = YellowButton;
|
11434 |
|
11435 | }),
|
11436 |
|
11437 | (function(module, exports, __webpack_require__) {
|
11438 |
|
11439 | "use strict";
|
11440 |
|
11441 |
|
11442 | Object.defineProperty(exports, "__esModule", {
|
11443 | value: true
|
11444 | });
|
11445 |
|
11446 | var _templateObject = _taggedTemplateLiteral(['max-width: ', ''], ['max-width: ', '']),
|
11447 | _templateObject2 = _taggedTemplateLiteral(['\n color: ', ';\n border-color: transparent;\n background-color: ', ';\n line-height: 44px;\n text-decoration: none;\n ', '\n'], ['\n color: ', ';\n border-color: transparent;\n background-color: ', ';\n line-height: 44px;\n text-decoration: none;\n ', '\n']);
|
11448 |
|
11449 | var _react = __webpack_require__(2);
|
11450 |
|
11451 | var _react2 = _interopRequireDefault(_react);
|
11452 |
|
11453 | var _styledComponents = __webpack_require__(1);
|
11454 |
|
11455 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11456 |
|
11457 | var _Button = __webpack_require__(11);
|
11458 |
|
11459 | var _Button2 = _interopRequireDefault(_Button);
|
11460 |
|
11461 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11462 |
|
11463 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11464 |
|
11465 | 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; }
|
11466 |
|
11467 | var textColor = function textColor(props) {
|
11468 | switch (props.kind) {
|
11469 | case 'pink':
|
11470 | return props.theme.colors.navy;
|
11471 | case 'blue':
|
11472 | return props.theme.colors.white;
|
11473 | default:
|
11474 | return props.theme.colors.white;
|
11475 | }
|
11476 | };
|
11477 |
|
11478 | var bgColor = function bgColor(props) {
|
11479 | switch (props.kind) {
|
11480 | case 'pink':
|
11481 | return props.theme.colors.lightPink;
|
11482 | case 'blue':
|
11483 | return props.theme.colors.rocketBlue;
|
11484 | default:
|
11485 | return props.theme.colors.rocketBlue;
|
11486 | }
|
11487 | };
|
11488 |
|
11489 | var Link = function Link(_ref) {
|
11490 | var renderLink = _ref.renderLink,
|
11491 | children = _ref.children,
|
11492 | props = _objectWithoutProperties(_ref, ['renderLink', 'children']);
|
11493 |
|
11494 | if (renderLink) {
|
11495 | return renderLink(Object.assign({}, props, { children: children }));
|
11496 | }
|
11497 | return _react2.default.createElement(
|
11498 | 'a',
|
11499 | props,
|
11500 | children
|
11501 | );
|
11502 | };
|
11503 |
|
11504 | var BaseButtonLink = _Button2.default.withComponent(Link);
|
11505 | var setMaxWidth = (0, _styledComponents.css)(_templateObject, function (props) {
|
11506 | return props.maxWidth;
|
11507 | });
|
11508 | var ButtonLink = (0, _styledComponents2.default)(BaseButtonLink)(_templateObject2, function (props) {
|
11509 | return textColor(props);
|
11510 | }, function (props) {
|
11511 | return bgColor(props);
|
11512 | }, function (props) {
|
11513 | return props.maxWidth && setMaxWidth;
|
11514 | });
|
11515 |
|
11516 | exports.default = ButtonLink;
|
11517 |
|
11518 | }),
|
11519 |
|
11520 | (function(module, exports, __webpack_require__) {
|
11521 |
|
11522 | "use strict";
|
11523 |
|
11524 |
|
11525 | Object.defineProperty(exports, "__esModule", {
|
11526 | value: true
|
11527 | });
|
11528 |
|
11529 | var _ImageButtonWhite = __webpack_require__(195);
|
11530 |
|
11531 | Object.defineProperty(exports, 'ImageButtonWhite', {
|
11532 | enumerable: true,
|
11533 | get: function get() {
|
11534 | return _interopRequireDefault(_ImageButtonWhite).default;
|
11535 | }
|
11536 | });
|
11537 |
|
11538 | var _ImageButtonBlue = __webpack_require__(196);
|
11539 |
|
11540 | Object.defineProperty(exports, 'ImageButtonBlue', {
|
11541 | enumerable: true,
|
11542 | get: function get() {
|
11543 | return _interopRequireDefault(_ImageButtonBlue).default;
|
11544 | }
|
11545 | });
|
11546 |
|
11547 | var _ImageButtonBlack = __webpack_require__(197);
|
11548 |
|
11549 | Object.defineProperty(exports, 'ImageButtonBlack', {
|
11550 | enumerable: true,
|
11551 | get: function get() {
|
11552 | return _interopRequireDefault(_ImageButtonBlack).default;
|
11553 | }
|
11554 | });
|
11555 |
|
11556 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11557 |
|
11558 | }),
|
11559 |
|
11560 | (function(module, exports, __webpack_require__) {
|
11561 |
|
11562 | "use strict";
|
11563 |
|
11564 |
|
11565 | Object.defineProperty(exports, "__esModule", {
|
11566 | value: true
|
11567 | });
|
11568 |
|
11569 | var _templateObject = _taggedTemplateLiteral(['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n'], ['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n']);
|
11570 |
|
11571 | var _propTypes = __webpack_require__(0);
|
11572 |
|
11573 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11574 |
|
11575 | var _styledComponents = __webpack_require__(1);
|
11576 |
|
11577 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11578 |
|
11579 | var _ImageButton = __webpack_require__(26);
|
11580 |
|
11581 | var _ImageButton2 = _interopRequireDefault(_ImageButton);
|
11582 |
|
11583 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11584 |
|
11585 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11586 |
|
11587 | var ImageButtonWhite = (0, _styledComponents2.default)(_ImageButton2.default)(_templateObject, function (props) {
|
11588 | return props.theme.colors.white;
|
11589 | }, function (props) {
|
11590 | return props.theme.colors.rocketBlue;
|
11591 | }, function (props) {
|
11592 | return props.theme.colors.rocketBlue;
|
11593 | });
|
11594 |
|
11595 | ImageButtonWhite.propTypes = {
|
11596 | theme: _propTypes2.default.shape({
|
11597 | colors: _propTypes2.default.shape({
|
11598 | rocketBlue: _propTypes2.default.string,
|
11599 | white: _propTypes2.default.string
|
11600 | })
|
11601 | })
|
11602 |
|
11603 |
|
11604 | };exports.default = ImageButtonWhite;
|
11605 |
|
11606 | }),
|
11607 |
|
11608 | (function(module, exports, __webpack_require__) {
|
11609 |
|
11610 | "use strict";
|
11611 |
|
11612 |
|
11613 | Object.defineProperty(exports, "__esModule", {
|
11614 | value: true
|
11615 | });
|
11616 |
|
11617 | var _templateObject = _taggedTemplateLiteral(['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n'], ['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n']);
|
11618 |
|
11619 | var _propTypes = __webpack_require__(0);
|
11620 |
|
11621 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11622 |
|
11623 | var _styledComponents = __webpack_require__(1);
|
11624 |
|
11625 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11626 |
|
11627 | var _ImageButton = __webpack_require__(26);
|
11628 |
|
11629 | var _ImageButton2 = _interopRequireDefault(_ImageButton);
|
11630 |
|
11631 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11632 |
|
11633 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11634 |
|
11635 | var ImageButtonBlue = (0, _styledComponents2.default)(_ImageButton2.default)(_templateObject, function (props) {
|
11636 | return props.theme.colors.rocketBlue;
|
11637 | }, function (props) {
|
11638 | return props.theme.colors.white;
|
11639 | }, function (props) {
|
11640 | return props.theme.colors.white;
|
11641 | });
|
11642 |
|
11643 | ImageButtonBlue.propTypes = {
|
11644 | theme: _propTypes2.default.shape({
|
11645 | colors: _propTypes2.default.shape({
|
11646 | rocketBlue: _propTypes2.default.string,
|
11647 | white: _propTypes2.default.string
|
11648 | })
|
11649 | })
|
11650 |
|
11651 |
|
11652 | };exports.default = ImageButtonBlue;
|
11653 |
|
11654 | }),
|
11655 |
|
11656 | (function(module, exports, __webpack_require__) {
|
11657 |
|
11658 | "use strict";
|
11659 |
|
11660 |
|
11661 | Object.defineProperty(exports, "__esModule", {
|
11662 | value: true
|
11663 | });
|
11664 |
|
11665 | var _templateObject = _taggedTemplateLiteral(['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n'], ['\n > button {\n background-color: ', ';\n color: ', ';\n }\n > .borderBottom {\n background-color: ', ';\n }\n']);
|
11666 |
|
11667 | var _propTypes = __webpack_require__(0);
|
11668 |
|
11669 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11670 |
|
11671 | var _styledComponents = __webpack_require__(1);
|
11672 |
|
11673 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11674 |
|
11675 | var _ImageButton = __webpack_require__(26);
|
11676 |
|
11677 | var _ImageButton2 = _interopRequireDefault(_ImageButton);
|
11678 |
|
11679 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11680 |
|
11681 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11682 |
|
11683 | var ImageButtonBlack = (0, _styledComponents2.default)(_ImageButton2.default)(_templateObject, function (props) {
|
11684 | return props.theme.colors.black;
|
11685 | }, function (props) {
|
11686 | return props.theme.colors.white;
|
11687 | }, function (props) {
|
11688 | return props.theme.colors.yellow;
|
11689 | });
|
11690 |
|
11691 | ImageButtonBlack.propTypes = {
|
11692 | theme: _propTypes2.default.shape({
|
11693 | colors: _propTypes2.default.shape({
|
11694 | black: _propTypes2.default.string,
|
11695 | yellow: _propTypes2.default.string,
|
11696 | white: _propTypes2.default.string
|
11697 | })
|
11698 | })
|
11699 |
|
11700 |
|
11701 | };exports.default = ImageButtonBlack;
|
11702 |
|
11703 | }),
|
11704 |
|
11705 | (function(module, exports, __webpack_require__) {
|
11706 |
|
11707 | "use strict";
|
11708 |
|
11709 |
|
11710 | Object.defineProperty(exports, "__esModule", {
|
11711 | value: true
|
11712 | });
|
11713 | exports.CheckboxBase = undefined;
|
11714 |
|
11715 | 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; }; }();
|
11716 |
|
11717 | var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n align-items: center;\n font-size: 1.6rem;\n font-weight: 400;\n\n input {\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n\n input:focused + ', ' {\n stroke-width: 40;\n }\n'], ['\n display: flex;\n align-items: center;\n font-size: 1.6rem;\n font-weight: 400;\n\n input {\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n\n input:focused + ', ' {\n stroke-width: 40;\n }\n']);
|
11718 |
|
11719 | var _react = __webpack_require__(2);
|
11720 |
|
11721 | var _react2 = _interopRequireDefault(_react);
|
11722 |
|
11723 | var _propTypes = __webpack_require__(0);
|
11724 |
|
11725 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11726 |
|
11727 | var _styledComponents = __webpack_require__(1);
|
11728 |
|
11729 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11730 |
|
11731 | var _CheckboxSVG = __webpack_require__(199);
|
11732 |
|
11733 | var _CheckboxSVG2 = _interopRequireDefault(_CheckboxSVG);
|
11734 |
|
11735 | var _Rect = __webpack_require__(34);
|
11736 |
|
11737 | var _Rect2 = _interopRequireDefault(_Rect);
|
11738 |
|
11739 | var _Label = __webpack_require__(10);
|
11740 |
|
11741 | var _Label2 = _interopRequireDefault(_Label);
|
11742 |
|
11743 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11744 |
|
11745 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11746 |
|
11747 | 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; }
|
11748 |
|
11749 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
11750 |
|
11751 | 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; }
|
11752 |
|
11753 | 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; }
|
11754 |
|
11755 | var CheckboxBase = function (_React$Component) {
|
11756 | _inherits(CheckboxBase, _React$Component);
|
11757 |
|
11758 | function CheckboxBase() {
|
11759 | _classCallCheck(this, CheckboxBase);
|
11760 |
|
11761 | return _possibleConstructorReturn(this, (CheckboxBase.__proto__ || Object.getPrototypeOf(CheckboxBase)).apply(this, arguments));
|
11762 | }
|
11763 |
|
11764 | _createClass(CheckboxBase, [{
|
11765 | key: 'render',
|
11766 | value: function render() {
|
11767 | var _props = this.props,
|
11768 | className = _props.className,
|
11769 | input = _props.input,
|
11770 | label = _props.label,
|
11771 | props = _objectWithoutProperties(_props, ['className', 'input', 'label']);
|
11772 |
|
11773 | var checked = input.value;
|
11774 | return _react2.default.createElement(
|
11775 | _Label2.default,
|
11776 | Object.assign({}, props, { lowercase: true, className: className }),
|
11777 | _react2.default.createElement('input', Object.assign({
|
11778 | type: 'checkbox'
|
11779 | }, input, {
|
11780 | checked: checked
|
11781 | })),
|
11782 | _react2.default.createElement(_CheckboxSVG2.default, Object.assign({}, props, { checked: checked })),
|
11783 | label
|
11784 | );
|
11785 | }
|
11786 | }]);
|
11787 |
|
11788 | return CheckboxBase;
|
11789 | }(_react2.default.Component);
|
11790 |
|
11791 | CheckboxBase.propTypes = {
|
11792 | className: _propTypes2.default.string,
|
11793 | input: _propTypes2.default.shape({
|
11794 | value: _propTypes2.default.bool
|
11795 | }).isRequired,
|
11796 | label: _propTypes2.default.string
|
11797 | };
|
11798 |
|
11799 | CheckboxBase.defaultProps = {
|
11800 | input: {
|
11801 | value: false,
|
11802 | onChange: function onChange() {}
|
11803 | }
|
11804 | };
|
11805 |
|
11806 | var Checkbox = (0, _styledComponents2.default)(CheckboxBase)(_templateObject, _Rect2.default);
|
11807 |
|
11808 | Checkbox.propTypes = {
|
11809 | className: _propTypes2.default.string,
|
11810 | input: _propTypes2.default.object.isRequired,
|
11811 | label: _propTypes2.default.string,
|
11812 | theme: _propTypes2.default.shape({
|
11813 | colors: _propTypes2.default.shape({
|
11814 | rocketBlue: _propTypes2.default.string,
|
11815 | white: _propTypes2.default.string
|
11816 | })
|
11817 | })
|
11818 |
|
11819 |
|
11820 | };exports.default = Checkbox;
|
11821 | exports.CheckboxBase = CheckboxBase;
|
11822 |
|
11823 | }),
|
11824 |
|
11825 | (function(module, exports, __webpack_require__) {
|
11826 |
|
11827 | "use strict";
|
11828 |
|
11829 |
|
11830 | Object.defineProperty(exports, "__esModule", {
|
11831 | value: true
|
11832 | });
|
11833 | exports.CheckboxSVG = undefined;
|
11834 |
|
11835 | var _templateObject = _taggedTemplateLiteral(['\n width: 2.5rem;\n height: 2.5rem;\n margin-right: .9rem;\n'], ['\n width: 2.5rem;\n height: 2.5rem;\n margin-right: .9rem;\n']);
|
11836 |
|
11837 | var _react = __webpack_require__(2);
|
11838 |
|
11839 | var _react2 = _interopRequireDefault(_react);
|
11840 |
|
11841 | var _propTypes = __webpack_require__(0);
|
11842 |
|
11843 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11844 |
|
11845 | var _styledComponents = __webpack_require__(1);
|
11846 |
|
11847 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11848 |
|
11849 | var _Check = __webpack_require__(200);
|
11850 |
|
11851 | var _Check2 = _interopRequireDefault(_Check);
|
11852 |
|
11853 | var _Rect = __webpack_require__(34);
|
11854 |
|
11855 | var _Rect2 = _interopRequireDefault(_Rect);
|
11856 |
|
11857 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11858 |
|
11859 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11860 |
|
11861 | 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; }
|
11862 |
|
11863 | var CheckboxSVG = function CheckboxSVG(_ref) {
|
11864 | var className = _ref.className,
|
11865 | props = _objectWithoutProperties(_ref, ['className']);
|
11866 |
|
11867 | return _react2.default.createElement(
|
11868 | 'svg',
|
11869 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 190 190' },
|
11870 | _react2.default.createElement(_Rect2.default, props),
|
11871 | _react2.default.createElement(_Check2.default, props)
|
11872 | );
|
11873 | };
|
11874 |
|
11875 | var StyledCheckboxSVG = (0, _styledComponents2.default)(CheckboxSVG)(_templateObject);
|
11876 |
|
11877 | StyledCheckboxSVG.propTypes = {
|
11878 | checked: _propTypes2.default.bool
|
11879 | };
|
11880 |
|
11881 | StyledCheckboxSVG.defaultProps = {
|
11882 | checked: false
|
11883 | };
|
11884 |
|
11885 | exports.default = StyledCheckboxSVG;
|
11886 | exports.CheckboxSVG = CheckboxSVG;
|
11887 |
|
11888 | }),
|
11889 |
|
11890 | (function(module, exports, __webpack_require__) {
|
11891 |
|
11892 | "use strict";
|
11893 |
|
11894 |
|
11895 | Object.defineProperty(exports, "__esModule", {
|
11896 | value: true
|
11897 | });
|
11898 | exports.checked = exports.BaseCheck = undefined;
|
11899 |
|
11900 | var _templateObject = _taggedTemplateLiteral(['\n from {\n stroke-dashoffset: 200;\n }\n to {\n stroke-dashoffset: 0;\n }\n'], ['\n from {\n stroke-dashoffset: 200;\n }\n to {\n stroke-dashoffset: 0;\n }\n']),
|
11901 | _templateObject2 = _taggedTemplateLiteral(['\n animation: ', ' 0.25s linear forwards;\n\n stroke: ', ';\n stroke-dasharray: 200;\n stroke-dashoffset: 0;\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n stroke: ', ';\n stroke-dasharray: 200;\n stroke-dashoffset: 0;\n']),
|
11902 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n fill: none;\n stroke-width: 20;\n stroke-linecap: round;\n stroke: ', ';\n'], ['\n ', '\n fill: none;\n stroke-width: 20;\n stroke-linecap: round;\n stroke: ', ';\n']);
|
11903 |
|
11904 | var _react = __webpack_require__(2);
|
11905 |
|
11906 | var _react2 = _interopRequireDefault(_react);
|
11907 |
|
11908 | var _propTypes = __webpack_require__(0);
|
11909 |
|
11910 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11911 |
|
11912 | var _styledComponents = __webpack_require__(1);
|
11913 |
|
11914 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11915 |
|
11916 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11917 |
|
11918 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11919 |
|
11920 | var BaseCheck = function BaseCheck(_ref) {
|
11921 | var className = _ref.className;
|
11922 |
|
11923 | return _react2.default.createElement('polyline', { className: className, points: '38.75 98.75 77.75 134.75 151.25 55.25' });
|
11924 | };
|
11925 |
|
11926 | var dash = (0, _styledComponents.keyframes)(_templateObject);
|
11927 |
|
11928 | var checked = (0, _styledComponents.css)(_templateObject2, dash, function (props) {
|
11929 | return props.theme.colors.white;
|
11930 | });
|
11931 |
|
11932 | var Check = (0, _styledComponents2.default)(BaseCheck)(_templateObject3, function (props) {
|
11933 | return props.checked && checked;
|
11934 | }, function (props) {
|
11935 | return props.theme.colors.white;
|
11936 | });
|
11937 |
|
11938 | Check.propTypes = {
|
11939 | theme: _propTypes2.default.shape({
|
11940 | colors: _propTypes2.default.shape({
|
11941 | white: _propTypes2.default.string
|
11942 | })
|
11943 | })
|
11944 | };
|
11945 |
|
11946 | exports.default = Check;
|
11947 | exports.BaseCheck = BaseCheck;
|
11948 | exports.checked = checked;
|
11949 |
|
11950 | }),
|
11951 |
|
11952 | (function(module, exports, __webpack_require__) {
|
11953 |
|
11954 | "use strict";
|
11955 |
|
11956 |
|
11957 | Object.defineProperty(exports, "__esModule", {
|
11958 | value: true
|
11959 | });
|
11960 |
|
11961 | var _roundRadioButton = __webpack_require__(202);
|
11962 |
|
11963 | Object.defineProperty(exports, 'RoundRadioButton', {
|
11964 | enumerable: true,
|
11965 | get: function get() {
|
11966 | return _interopRequireDefault(_roundRadioButton).default;
|
11967 | }
|
11968 | });
|
11969 |
|
11970 | var _squareRadioButton = __webpack_require__(203);
|
11971 |
|
11972 | Object.defineProperty(exports, 'SquareRadioButton', {
|
11973 | enumerable: true,
|
11974 | get: function get() {
|
11975 | return _interopRequireDefault(_squareRadioButton).default;
|
11976 | }
|
11977 | });
|
11978 |
|
11979 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11980 |
|
11981 | }),
|
11982 |
|
11983 | (function(module, exports, __webpack_require__) {
|
11984 |
|
11985 | "use strict";
|
11986 |
|
11987 |
|
11988 | Object.defineProperty(exports, "__esModule", {
|
11989 | value: true
|
11990 | });
|
11991 | exports.checked = exports.BaseRoundRadioButton = undefined;
|
11992 |
|
11993 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n border: 1px solid ', ';\n background-color: ', ';\n'], ['\n color: ', ';\n border: 1px solid ', ';\n background-color: ', ';\n']),
|
11994 | _templateObject2 = _taggedTemplateLiteral(['\n position: relative;\n > input {\n position: absolute;\n\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n > label {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 6.4rem;\n height: 6.4rem;\n\n cursor: pointer;\n transition-timing-function: ease-in-out;\n transition-duration: 0.25s;\n transition-property: background-color, border-color, color;\n text-align: center;\n letter-spacing: normal;\n\n color: ', ';\n border: 1px solid ', ';\n border-radius: 50%;\n background-color: ', ';\n\n font-family: ', ';\n font-size: 1.6rem;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n }\n\n > input:checked + label {\n ', '\n }\n'], ['\n position: relative;\n > input {\n position: absolute;\n\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n > label {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 6.4rem;\n height: 6.4rem;\n\n cursor: pointer;\n transition-timing-function: ease-in-out;\n transition-duration: 0.25s;\n transition-property: background-color, border-color, color;\n text-align: center;\n letter-spacing: normal;\n\n color: ', ';\n border: 1px solid ', ';\n border-radius: 50%;\n background-color: ', ';\n\n font-family: ', ';\n font-size: 1.6rem;\n font-weight: 500;\n font-style: normal;\n font-stretch: normal;\n line-height: normal;\n }\n\n > input:checked + label {\n ', '\n }\n']);
|
11995 |
|
11996 | var _react = __webpack_require__(2);
|
11997 |
|
11998 | var _react2 = _interopRequireDefault(_react);
|
11999 |
|
12000 | var _propTypes = __webpack_require__(0);
|
12001 |
|
12002 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12003 |
|
12004 | var _styledComponents = __webpack_require__(1);
|
12005 |
|
12006 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12007 |
|
12008 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12009 |
|
12010 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12011 |
|
12012 | 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; }
|
12013 |
|
12014 | var BaseRoundRadioButton = function BaseRoundRadioButton(_ref) {
|
12015 | var children = _ref.children,
|
12016 | className = _ref.className,
|
12017 | input = _ref.input,
|
12018 | props = _objectWithoutProperties(_ref, ['children', 'className', 'input']);
|
12019 |
|
12020 | return _react2.default.createElement(
|
12021 | 'div',
|
12022 | { className: className },
|
12023 | _react2.default.createElement('input', Object.assign({ id: input.value, type: 'radio' }, input)),
|
12024 | _react2.default.createElement(
|
12025 | 'label',
|
12026 | { htmlFor: input.value },
|
12027 | children
|
12028 | )
|
12029 | );
|
12030 | };
|
12031 |
|
12032 | var checked = (0, _styledComponents.css)(_templateObject, function (props) {
|
12033 | return props.theme.colors.white;
|
12034 | }, function (props) {
|
12035 | return props.theme.colors.rocketBlue;
|
12036 | }, function (props) {
|
12037 | return props.theme.colors.rocketBlue;
|
12038 | });
|
12039 |
|
12040 | var RoundRadioButton = (0, _styledComponents2.default)(BaseRoundRadioButton)(_templateObject2, function (props) {
|
12041 | return props.theme.colors.navy;
|
12042 | }, function (props) {
|
12043 | return props.theme.colors.gray[5];
|
12044 | }, function (props) {
|
12045 | return props.theme.colors.gray[0];
|
12046 | }, function (props) {
|
12047 | return props.theme.fonts.primaryFont;
|
12048 | }, function (props) {
|
12049 | return checked;
|
12050 | });
|
12051 |
|
12052 | RoundRadioButton.propTypes = {
|
12053 | children: _propTypes2.default.node,
|
12054 | input: _propTypes2.default.object,
|
12055 | theme: _propTypes2.default.shape({
|
12056 | fonts: _propTypes2.default.shape({
|
12057 | primaryFont: _propTypes2.default.string.isRequired
|
12058 | }),
|
12059 | colors: _propTypes2.default.shape({
|
12060 | navy: _propTypes2.default.string.isRequired,
|
12061 | rocketBlue: _propTypes2.default.string.isRequired,
|
12062 | white: _propTypes2.default.string.isRequired,
|
12063 | gray: _propTypes2.default.array.isRequired
|
12064 | })
|
12065 | })
|
12066 |
|
12067 |
|
12068 | };exports.default = RoundRadioButton;
|
12069 | exports.BaseRoundRadioButton = BaseRoundRadioButton;
|
12070 | exports.checked = checked;
|
12071 |
|
12072 | }),
|
12073 |
|
12074 | (function(module, exports, __webpack_require__) {
|
12075 |
|
12076 | "use strict";
|
12077 |
|
12078 |
|
12079 | Object.defineProperty(exports, "__esModule", {
|
12080 | value: true
|
12081 | });
|
12082 |
|
12083 | var _templateObject = _taggedTemplateLiteral([' box-sizing: border-box;\n width: 6rem;\n height: 4.7rem;\n border-radius: 0.2rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin-bottom: 0;\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 200;\n cursor: pointer;\n color: ', ';\n border: solid 0.1rem ', ';\n position: relative;\n &:hover {\n background-color: ', ';\n }\n > input {\n position: absolute;\n height: 0;\n width: 0;\n opacity: 0;\n }\n &.disabled {\n border: solid 0.1rem ', ';\n color: ', ';\n &:hover {\n background-color: transparent;\n cursor: not-allowed;\n }\n }\n &.selected {\n background-color: ', ';\n }\n'], [' box-sizing: border-box;\n width: 6rem;\n height: 4.7rem;\n border-radius: 0.2rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin-bottom: 0;\n font-family: ', ';\n font-size: 1.4rem;\n font-weight: 200;\n cursor: pointer;\n color: ', ';\n border: solid 0.1rem ', ';\n position: relative;\n &:hover {\n background-color: ', ';\n }\n > input {\n position: absolute;\n height: 0;\n width: 0;\n opacity: 0;\n }\n &.disabled {\n border: solid 0.1rem ', ';\n color: ', ';\n &:hover {\n background-color: transparent;\n cursor: not-allowed;\n }\n }\n &.selected {\n background-color: ', ';\n }\n']);
|
12084 |
|
12085 | var _react = __webpack_require__(2);
|
12086 |
|
12087 | var _react2 = _interopRequireDefault(_react);
|
12088 |
|
12089 | var _propTypes = __webpack_require__(0);
|
12090 |
|
12091 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12092 |
|
12093 | var _styledComponents = __webpack_require__(1);
|
12094 |
|
12095 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12096 |
|
12097 | var _classnames = __webpack_require__(7);
|
12098 |
|
12099 | var _classnames2 = _interopRequireDefault(_classnames);
|
12100 |
|
12101 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12102 |
|
12103 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12104 |
|
12105 | var SquareRadioButton = (0, _styledComponents2.default)(function (_ref) {
|
12106 | var className = _ref.className,
|
12107 | children = _ref.children,
|
12108 | selected = _ref.selected,
|
12109 | input = _ref.input,
|
12110 | disabled = _ref.disabled;
|
12111 |
|
12112 | var classes = (0, _classnames2.default)(className, {
|
12113 | selected: selected,
|
12114 | disabled: disabled
|
12115 | });
|
12116 | return _react2.default.createElement(
|
12117 | 'label',
|
12118 | { className: classes },
|
12119 | children,
|
12120 | _react2.default.createElement('input', Object.assign({ type: 'radio' }, input))
|
12121 | );
|
12122 | })(_templateObject, function (props) {
|
12123 | return props.theme.fonts.primaryFont;
|
12124 | }, function (props) {
|
12125 | return props.theme.colors.navyBlue;
|
12126 | }, function (props) {
|
12127 | return props.theme.colors.rocketBlue;
|
12128 | }, function (props) {
|
12129 | return props.theme.colors.lightBlue[1];
|
12130 | }, function (props) {
|
12131 | return props.theme.colors.shadyLady;
|
12132 | }, function (props) {
|
12133 | return props.theme.colors.shadyLady;
|
12134 | }, function (props) {
|
12135 | return props.theme.colors.lightBlue[1];
|
12136 | });
|
12137 |
|
12138 | SquareRadioButton.propTypes = {
|
12139 | children: _propTypes2.default.node.isRequired,
|
12140 | className: _propTypes2.default.string,
|
12141 | input: _propTypes2.default.object,
|
12142 | disabled: _propTypes2.default.bool,
|
12143 | selected: _propTypes2.default.bool
|
12144 |
|
12145 |
|
12146 | };exports.default = SquareRadioButton;
|
12147 |
|
12148 | }),
|
12149 |
|
12150 | (function(module, exports, __webpack_require__) {
|
12151 |
|
12152 | "use strict";
|
12153 |
|
12154 |
|
12155 | Object.defineProperty(exports, "__esModule", {
|
12156 | value: true
|
12157 | });
|
12158 |
|
12159 | var _Input = __webpack_require__(205);
|
12160 |
|
12161 | Object.defineProperty(exports, 'Input', {
|
12162 | enumerable: true,
|
12163 | get: function get() {
|
12164 | return _interopRequireDefault(_Input).default;
|
12165 | }
|
12166 | });
|
12167 |
|
12168 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12169 |
|
12170 | }),
|
12171 |
|
12172 | (function(module, exports, __webpack_require__) {
|
12173 |
|
12174 | "use strict";
|
12175 |
|
12176 |
|
12177 | Object.defineProperty(exports, "__esModule", {
|
12178 | value: true
|
12179 | });
|
12180 |
|
12181 | 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; }; }();
|
12182 |
|
12183 | var _templateObject = _taggedTemplateLiteral(['\n position: absolute;\n padding-top: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n display: block;\n font-size: 12px;\n font-family: ', ';\n color: ', ';\n letter-spacing: .5px;\n font-weight: 200;\n text-align: left;\n'], ['\n position: absolute;\n padding-top: 10px;\n padding-left: 16px;\n padding-right: 16px;\n\n display: block;\n font-size: 12px;\n font-family: ', ';\n color: ', ';\n letter-spacing: .5px;\n font-weight: 200;\n text-align: left;\n']),
|
12184 | _templateObject2 = _taggedTemplateLiteral(['\n padding-left: 8px;\n\n text-transform: uppercase;\n\n color: rgba(0,0,0,.3);\n'], ['\n padding-left: 8px;\n\n text-transform: uppercase;\n\n color: rgba(0,0,0,.3);\n']),
|
12185 | _templateObject3 = _taggedTemplateLiteral(['\n text-transform: uppercase;\n color: ', ';\n background-color: ', ';\n font-family: ', ';\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-align: left;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 2px;\n min-height: 18px;\n line-height: 18px;\n'], ['\n text-transform: uppercase;\n color: ', ';\n background-color: ', ';\n font-family: ', ';\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.5px;\n text-align: left;\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 2px;\n min-height: 18px;\n line-height: 18px;\n']),
|
12186 | _templateObject4 = _taggedTemplateLiteral(['\n border: 1px solid ', '!important;\n\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 16px;\n padding-bottom: 6px;\n\n color: ', '!important;\n font-family: ', ';\n font-size: 20px;\n\n &::placeholder {\n color: rgba(0,0,0,0.2);\n font-weight: 400;\n }\n\n &:focus {\n outline: none;\n border-color: ', ';\n color: ', ';\n }\n'], ['\n border: 1px solid ', '!important;\n\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 16px;\n padding-bottom: 6px;\n\n color: ', '!important;\n font-family: ', ';\n font-size: 20px;\n\n &::placeholder {\n color: rgba(0,0,0,0.2);\n font-weight: 400;\n }\n\n &:focus {\n outline: none;\n border-color: ', ';\n color: ', ';\n }\n']),
|
12187 | _templateObject5 = _taggedTemplateLiteral(['\n height: 100%;\n width: 100%;\n border: 1px solid ', '!important;\n\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 16px;\n padding-bottom: 6px;\n\n color: ', '!important;\n font-family: ', ';\n font-size: 20px;\n\n &::placeholder {\n color: rgba(0,0,0,0.2);\n font-weight: 400;\n }\n\n &:focus {\n outline: none;\n border-color: ', ';\n color: ', ';\n }\n'], ['\n height: 100%;\n width: 100%;\n border: 1px solid ', '!important;\n\n padding-left: 16px;\n padding-right: 16px;\n padding-top: 16px;\n padding-bottom: 6px;\n\n color: ', '!important;\n font-family: ', ';\n font-size: 20px;\n\n &::placeholder {\n color: rgba(0,0,0,0.2);\n font-weight: 400;\n }\n\n &:focus {\n outline: none;\n border-color: ', ';\n color: ', ';\n }\n']),
|
12188 | _templateObject6 = _taggedTemplateLiteral(['\n position: relative;\n label + input {\n padding-top: 30px;\n }\n'], ['\n position: relative;\n label + input {\n padding-top: 30px;\n }\n']);
|
12189 |
|
12190 | var _react = __webpack_require__(2);
|
12191 |
|
12192 | var _react2 = _interopRequireDefault(_react);
|
12193 |
|
12194 | var _propTypes = __webpack_require__(0);
|
12195 |
|
12196 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12197 |
|
12198 | var _reactInputMask = __webpack_require__(206);
|
12199 |
|
12200 | var _reactInputMask2 = _interopRequireDefault(_reactInputMask);
|
12201 |
|
12202 | var _styledComponents = __webpack_require__(1);
|
12203 |
|
12204 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12205 |
|
12206 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12207 |
|
12208 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
12209 |
|
12210 | 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; }
|
12211 |
|
12212 | 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; }
|
12213 |
|
12214 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12215 |
|
12216 | 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; }
|
12217 |
|
12218 | var domOnlyProps = function domOnlyProps(_ref) {
|
12219 | var initialValue = _ref.initialValue,
|
12220 | autofill = _ref.autofill,
|
12221 | onUpdate = _ref.onUpdate,
|
12222 | valid = _ref.valid,
|
12223 | invalid = _ref.invalid,
|
12224 | dirty = _ref.dirty,
|
12225 | pristine = _ref.pristine,
|
12226 | active = _ref.active,
|
12227 | touched = _ref.touched,
|
12228 | visited = _ref.visited,
|
12229 | autofilled = _ref.autofilled,
|
12230 | error = _ref.error,
|
12231 | fieldProps = _objectWithoutProperties(_ref, ['initialValue', 'autofill', 'onUpdate', 'valid', 'invalid', 'dirty', 'pristine', 'active', 'touched', 'visited', 'autofilled', 'error']);
|
12232 |
|
12233 | return fieldProps;
|
12234 | };
|
12235 |
|
12236 | var Label = _styledComponents2.default.label(_templateObject, function (props) {
|
12237 | return props.theme.fonts.primaryFont;
|
12238 | }, function (props) {
|
12239 | return props.theme.colors.navy;
|
12240 | });
|
12241 |
|
12242 | var Span = _styledComponents2.default.span(_templateObject2);
|
12243 |
|
12244 | var ErrorMessage = _styledComponents2.default.div(_templateObject3, function (props) {
|
12245 | return props.theme.colors.white;
|
12246 | }, function (props) {
|
12247 | return props.theme.colors.flameOrange;
|
12248 | }, function (props) {
|
12249 | return props.theme.fonts.primaryFont;
|
12250 | });
|
12251 |
|
12252 | var StyledInput = _styledComponents2.default.input(_templateObject4, function (props) {
|
12253 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.gray4;
|
12254 | }, function (props) {
|
12255 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.navy;
|
12256 | }, function (props) {
|
12257 | return props.theme.fonts.secondaryFont;
|
12258 | }, function (props) {
|
12259 | return props.theme.colors.rocketBlue;
|
12260 | }, function (props) {
|
12261 | return props.theme.colors.rocketBlue;
|
12262 | });
|
12263 |
|
12264 | var StyledInputElement = (0, _styledComponents2.default)(_reactInputMask2.default)(_templateObject5, function (props) {
|
12265 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.gray4;
|
12266 | }, function (props) {
|
12267 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.navy;
|
12268 | }, function (props) {
|
12269 | return props.theme.fonts.secondaryFont;
|
12270 | }, function (props) {
|
12271 | return props.theme.colors.rocketBlue;
|
12272 | }, function (props) {
|
12273 | return props.theme.colors.rocketBlue;
|
12274 | });
|
12275 |
|
12276 | var BaseInput = function (_React$Component) {
|
12277 | _inherits(BaseInput, _React$Component);
|
12278 |
|
12279 | function BaseInput() {
|
12280 | _classCallCheck(this, BaseInput);
|
12281 |
|
12282 | return _possibleConstructorReturn(this, (BaseInput.__proto__ || Object.getPrototypeOf(BaseInput)).apply(this, arguments));
|
12283 | }
|
12284 |
|
12285 | _createClass(BaseInput, [{
|
12286 | key: '_renderInput',
|
12287 | value: function _renderInput(props, error) {
|
12288 | if (props.mask) {
|
12289 | return _react2.default.createElement(StyledInputElement, Object.assign({ error: error }, domOnlyProps(props)));
|
12290 | }
|
12291 | return _react2.default.createElement(StyledInput, Object.assign({ error: error }, domOnlyProps(props)));
|
12292 | }
|
12293 | }, {
|
12294 | key: 'render',
|
12295 | value: function render() {
|
12296 | var _props = this.props,
|
12297 | label = _props.label,
|
12298 | sublabel = _props.sublabel,
|
12299 | formError = _props.formError,
|
12300 | errorMessage = _props.errorMessage,
|
12301 | className = _props.className,
|
12302 | inputProps = _objectWithoutProperties(_props, ['label', 'sublabel', 'formError', 'errorMessage', 'className']);
|
12303 |
|
12304 | return _react2.default.createElement(
|
12305 | 'div',
|
12306 | { className: className },
|
12307 | label && _react2.default.createElement(
|
12308 | Label,
|
12309 | null,
|
12310 | label,
|
12311 | sublabel && _react2.default.createElement(
|
12312 | Span,
|
12313 | null,
|
12314 | sublabel
|
12315 | )
|
12316 | ),
|
12317 | this._renderInput(inputProps, !!formError),
|
12318 | errorMessage && _react2.default.createElement(
|
12319 | ErrorMessage,
|
12320 | null,
|
12321 | errorMessage
|
12322 | )
|
12323 | );
|
12324 | }
|
12325 | }]);
|
12326 |
|
12327 | return BaseInput;
|
12328 | }(_react2.default.Component);
|
12329 |
|
12330 | BaseInput.propTypes = {
|
12331 | type: _propTypes2.default.string,
|
12332 | label: _propTypes2.default.string,
|
12333 | sublabel: _propTypes2.default.string,
|
12334 | onChange: _propTypes2.default.func,
|
12335 | value: _propTypes2.default.string,
|
12336 | placeholder: _propTypes2.default.string,
|
12337 | required: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string]),
|
12338 | formError: _propTypes2.default.bool,
|
12339 | errorMessage: _propTypes2.default.string,
|
12340 | mask: _propTypes2.default.string,
|
12341 | maxLength: _propTypes2.default.string,
|
12342 | className: _propTypes2.default.string
|
12343 | };
|
12344 |
|
12345 | BaseInput.defaultProps = {
|
12346 | type: 'text'
|
12347 | };
|
12348 |
|
12349 | var Input = (0, _styledComponents2.default)(BaseInput)(_templateObject6);
|
12350 |
|
12351 | exports.default = Input;
|
12352 |
|
12353 | }),
|
12354 |
|
12355 | (function(module, exports) {
|
12356 |
|
12357 | module.exports = require("react-input-mask");
|
12358 |
|
12359 | }),
|
12360 |
|
12361 | (function(module, exports, __webpack_require__) {
|
12362 |
|
12363 | "use strict";
|
12364 |
|
12365 |
|
12366 | Object.defineProperty(exports, "__esModule", {
|
12367 | value: true
|
12368 | });
|
12369 |
|
12370 | var _productInformation = __webpack_require__(208);
|
12371 |
|
12372 | Object.defineProperty(exports, 'ProductInformation', {
|
12373 | enumerable: true,
|
12374 | get: function get() {
|
12375 | return _interopRequireDefault(_productInformation).default;
|
12376 | }
|
12377 | });
|
12378 |
|
12379 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12380 |
|
12381 | }),
|
12382 |
|
12383 | (function(module, exports, __webpack_require__) {
|
12384 |
|
12385 | "use strict";
|
12386 |
|
12387 |
|
12388 | Object.defineProperty(exports, "__esModule", {
|
12389 | value: true
|
12390 | });
|
12391 |
|
12392 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n margin-top: 0;\n margin-bottom: 0.5rem;\n }\n ', ', ', ' {\n margin-top: 2rem;\n margin-bottom: 1rem;\n }\n'], ['\n ', ' {\n margin-top: 0;\n margin-bottom: 0.5rem;\n }\n ', ', ', ' {\n margin-top: 2rem;\n margin-bottom: 1rem;\n }\n']);
|
12393 |
|
12394 | var _react = __webpack_require__(2);
|
12395 |
|
12396 | var _react2 = _interopRequireDefault(_react);
|
12397 |
|
12398 | var _propTypes = __webpack_require__(0);
|
12399 |
|
12400 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12401 |
|
12402 | var _styledComponents = __webpack_require__(1);
|
12403 |
|
12404 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12405 |
|
12406 | var _SRC = __webpack_require__(3);
|
12407 |
|
12408 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12409 |
|
12410 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12411 |
|
12412 | var ProductInformation = (0, _styledComponents2.default)(function (_ref) {
|
12413 | var className = _ref.className,
|
12414 | description = _ref.description,
|
12415 | header = _ref.header,
|
12416 | price = _ref.price,
|
12417 | subheader = _ref.subheader;
|
12418 |
|
12419 | return _react2.default.createElement(
|
12420 | 'div',
|
12421 | { className: className },
|
12422 | subheader && _react2.default.createElement(
|
12423 | _SRC.H3,
|
12424 | null,
|
12425 | subheader
|
12426 | ),
|
12427 | _react2.default.createElement(
|
12428 | _SRC.H1,
|
12429 | null,
|
12430 | header
|
12431 | ),
|
12432 | _react2.default.createElement(
|
12433 | _SRC.H2,
|
12434 | null,
|
12435 | price
|
12436 | ),
|
12437 | _react2.default.createElement(_SRC.Hr, null),
|
12438 | description && _react2.default.createElement(
|
12439 | _SRC.P,
|
12440 | null,
|
12441 | description
|
12442 | )
|
12443 | );
|
12444 | })(_templateObject, _SRC.H1, _SRC.H2, _SRC.H3);
|
12445 | ProductInformation.propTypes = {
|
12446 | description: _propTypes2.default.string,
|
12447 | header: _propTypes2.default.string,
|
12448 | price: _propTypes2.default.string,
|
12449 | subheader: _propTypes2.default.string
|
12450 |
|
12451 | };exports.default = ProductInformation;
|
12452 |
|
12453 | }),
|
12454 |
|
12455 | (function(module, exports, __webpack_require__) {
|
12456 |
|
12457 | "use strict";
|
12458 |
|
12459 |
|
12460 | Object.defineProperty(exports, "__esModule", {
|
12461 | value: true
|
12462 | });
|
12463 |
|
12464 | var _templateObject = _taggedTemplateLiteral(['\n padding: 2.0rem 1.5rem;\n background-color: ', ';\n'], ['\n padding: 2.0rem 1.5rem;\n background-color: ', ';\n']);
|
12465 |
|
12466 | var _propTypes = __webpack_require__(0);
|
12467 |
|
12468 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12469 |
|
12470 | var _styledComponents = __webpack_require__(1);
|
12471 |
|
12472 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12473 |
|
12474 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12475 |
|
12476 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12477 |
|
12478 | var InformationalSection = _styledComponents2.default.section(_templateObject, function (props) {
|
12479 | return props.theme.colors.lightBlue[0];
|
12480 | });
|
12481 |
|
12482 | InformationalSection.propTypes = {
|
12483 | theme: _propTypes2.default.shape({
|
12484 | colors: _propTypes2.default.shape({
|
12485 | lightBlue: _propTypes2.default.array
|
12486 | })
|
12487 | })
|
12488 |
|
12489 |
|
12490 | };exports.default = InformationalSection;
|
12491 |
|
12492 | }),
|
12493 |
|
12494 | (function(module, exports, __webpack_require__) {
|
12495 |
|
12496 | "use strict";
|
12497 |
|
12498 |
|
12499 | Object.defineProperty(exports, "__esModule", {
|
12500 | value: true
|
12501 | });
|
12502 |
|
12503 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n display: flex;\n justify-content: center;\n > div {\n max-width: 144rem;\n margin: 0 auto;\n }\n ', ' {\n margin-top: 2rem;\n margin-bottom: 2rem;\n ', '\n }\n ', ' {\n margin: 1rem 0;\n }\n ', ' a {\n color: ', ';\n text-decoration: none;\n &:hover, &:visited {\n color: ', ';\n }\n }\n * {\n text-align: center;\n }\n footer {\n margin-bottom: 2rem;\n }\n .trio {\n margin: 2rem 0;\n svg {\n max-height: 8rem;\n }\n }\n'], ['\n background-color: ', ';\n display: flex;\n justify-content: center;\n > div {\n max-width: 144rem;\n margin: 0 auto;\n }\n ', ' {\n margin-top: 2rem;\n margin-bottom: 2rem;\n ', '\n }\n ', ' {\n margin: 1rem 0;\n }\n ', ' a {\n color: ', ';\n text-decoration: none;\n &:hover, &:visited {\n color: ', ';\n }\n }\n * {\n text-align: center;\n }\n footer {\n margin-bottom: 2rem;\n }\n .trio {\n margin: 2rem 0;\n svg {\n max-height: 8rem;\n }\n }\n']),
|
12504 | _templateObject2 = _taggedTemplateLiteral(['\n margin-top: 4rem;\n '], ['\n margin-top: 4rem;\n ']);
|
12505 |
|
12506 | var _react = __webpack_require__(2);
|
12507 |
|
12508 | var _react2 = _interopRequireDefault(_react);
|
12509 |
|
12510 | var _propTypes = __webpack_require__(0);
|
12511 |
|
12512 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12513 |
|
12514 | var _styledComponents = __webpack_require__(1);
|
12515 |
|
12516 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12517 |
|
12518 | var _defaultProps = __webpack_require__(211);
|
12519 |
|
12520 | var _SRC = __webpack_require__(3);
|
12521 |
|
12522 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12523 |
|
12524 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12525 |
|
12526 | var SubscriptionSection = (0, _styledComponents2.default)(function (props) {
|
12527 | var className = props.className,
|
12528 | children = props.children;
|
12529 | var header = children.header,
|
12530 | details = children.details,
|
12531 | footer = children.footer;
|
12532 |
|
12533 | return _react2.default.createElement(
|
12534 | 'section',
|
12535 | { className: className },
|
12536 | _react2.default.createElement(
|
12537 | _SRC.FlexRow,
|
12538 | null,
|
12539 | _react2.default.createElement(
|
12540 | _SRC.FlexCol,
|
12541 | {
|
12542 | element: 'header',
|
12543 | key: 'SubscriptionSectionHeader',
|
12544 | mobile: { width: 4 },
|
12545 | desktop: { width: 8, span: 2 } },
|
12546 | _react2.default.createElement(
|
12547 | _SRC.H1,
|
12548 | null,
|
12549 | header.title
|
12550 | ),
|
12551 | _react2.default.createElement(_SRC.P, { dangerouslySetInnerHTML: { __html: header.content } })
|
12552 | ),
|
12553 | details.map(function (detail, index) {
|
12554 | var Icon = detail.icon;
|
12555 | return _react2.default.createElement(
|
12556 | _SRC.FlexCol,
|
12557 | {
|
12558 | element: 'aside',
|
12559 | className: 'trio',
|
12560 | key: 'SubscriptionSectionBody-' + index,
|
12561 | mobile: { width: 4 },
|
12562 | desktop: { width: 4 } },
|
12563 | detail.icon && _react2.default.createElement(Icon, { animated: true }),
|
12564 | _react2.default.createElement(
|
12565 | _SRC.H3,
|
12566 | null,
|
12567 | detail.header
|
12568 | ),
|
12569 | _react2.default.createElement(_SRC.P, { dangerouslySetInnerHTML: { __html: detail.content } })
|
12570 | );
|
12571 | }),
|
12572 | _react2.default.createElement(
|
12573 | _SRC.FlexCol,
|
12574 | {
|
12575 | element: 'footer',
|
12576 | key: 'SubscriptionSectionFooter',
|
12577 | mobile: { width: 4 },
|
12578 | desktop: { width: 12 } },
|
12579 | _react2.default.createElement(
|
12580 | _SRC.H3,
|
12581 | null,
|
12582 | _react2.default.createElement(
|
12583 | 'a',
|
12584 | { href: footer.link.href },
|
12585 | footer.link.text
|
12586 | )
|
12587 | )
|
12588 | )
|
12589 | )
|
12590 | );
|
12591 | })(_templateObject, function (props) {
|
12592 | return props.theme.colors.lightBlue[0];
|
12593 | }, _SRC.H1, function (props) {
|
12594 | return props.theme.media.tablet(_templateObject2);
|
12595 | }, _SRC.H3, _SRC.H3, function (props) {
|
12596 | return props.theme.colors.navy;
|
12597 | }, function (props) {
|
12598 | return props.theme.colors.navy;
|
12599 | });
|
12600 |
|
12601 | SubscriptionSection.propTypes = {
|
12602 | children: _propTypes2.default.object
|
12603 | };
|
12604 |
|
12605 | SubscriptionSection.defaultProps = Object.assign({}, _defaultProps.SubscriptionSectionProps);
|
12606 |
|
12607 |
|
12608 | exports.default = SubscriptionSection;
|
12609 |
|
12610 | }),
|
12611 |
|
12612 | (function(module, exports, __webpack_require__) {
|
12613 |
|
12614 | "use strict";
|
12615 |
|
12616 |
|
12617 | Object.defineProperty(exports, "__esModule", {
|
12618 | value: true
|
12619 | });
|
12620 | exports.SubscriptionSectionProps = undefined;
|
12621 |
|
12622 | var _SRC = __webpack_require__(3);
|
12623 |
|
12624 | var SubscriptionSectionProps = {
|
12625 | children: {
|
12626 | header: {
|
12627 | title: 'Subscribe + Save',
|
12628 | content: 'Want more Rockets of Awesome? Try a personalized box, magically delivered every season! It’s <b>the easiest</b> way to get more of the clothes you and your kids love. Bonus: <b>BIG savings</b> every time.'
|
12629 | },
|
12630 | details: [{
|
12631 | icon: _SRC.Pencil,
|
12632 | header: 'FIRST, TAKE A FUN QUIZ',
|
12633 | content: 'Tell us about your <b>child’s unique preferences</b> and we’ll pick out 8 styles that are totally them.'
|
12634 | }, {
|
12635 | icon: _SRC.Calendar,
|
12636 | header: 'GET BOXES ON YOUR SCHEDULE',
|
12637 | content: 'We make it <b>super convenient</b> to get more clothes exactly when you want. Pause or cancel your subscription anytime.'
|
12638 | }, {
|
12639 | icon: _SRC.BoxUpright,
|
12640 | header: 'SAVE BIG (LIKE REALLY BIG)',
|
12641 | content: 'Keep your entire box and <b>save up to 25%</b>—or only pay for the items you choose to keep.'
|
12642 | }],
|
12643 | footer: {
|
12644 | link: {
|
12645 | text: 'LEARN MORE →',
|
12646 | href: 'https://www.rocketsofawesome.com/?view=subscribe'
|
12647 | }
|
12648 | }
|
12649 | }
|
12650 | };
|
12651 | exports.SubscriptionSectionProps = SubscriptionSectionProps;
|
12652 |
|
12653 | }),
|
12654 |
|
12655 | (function(module, exports, __webpack_require__) {
|
12656 |
|
12657 | "use strict";
|
12658 |
|
12659 |
|
12660 | Object.defineProperty(exports, "__esModule", {
|
12661 | value: true
|
12662 | });
|
12663 |
|
12664 | var _instagram = __webpack_require__(213);
|
12665 |
|
12666 | Object.defineProperty(exports, 'Instagram', {
|
12667 | enumerable: true,
|
12668 | get: function get() {
|
12669 | return _interopRequireDefault(_instagram).default;
|
12670 | }
|
12671 | });
|
12672 |
|
12673 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12674 |
|
12675 | }),
|
12676 |
|
12677 | (function(module, exports, __webpack_require__) {
|
12678 |
|
12679 | "use strict";
|
12680 |
|
12681 |
|
12682 | Object.defineProperty(exports, "__esModule", {
|
12683 | value: true
|
12684 | });
|
12685 |
|
12686 | 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; }; }();
|
12687 |
|
12688 | var _templateObject = _taggedTemplateLiteral(['\n width: 100%;\n .desktopContainer {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n > a {\n width: 50%;\n max-width: 28rem;\n padding: 1rem;\n box-sizing: border-box;\n img {\n width: 100%;\n max-width: 26rem;\n }\n }\n .gif {\n height: 260px;\n margin-right: -50px;\n z-index: 0;\n }\n }\n .mobileContainer {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n position: relative;\n }\n .mobileGif {\n width: 14rem;\n left: 0;\n position: absolute;\n padding-left: 5px;\n }\n .mobileImg {\n width: 20rem;\n }\n .slider {\n overflow: hidden;\n > div > div {\n display: flex;\n }\n .slick-slide {\n display: flex;\n justify-content: center;\n padding-right: 20px;\n }\n }\n .image-link {\n font-size: 0px;\n }\n'], ['\n width: 100%;\n .desktopContainer {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n > a {\n width: 50%;\n max-width: 28rem;\n padding: 1rem;\n box-sizing: border-box;\n img {\n width: 100%;\n max-width: 26rem;\n }\n }\n .gif {\n height: 260px;\n margin-right: -50px;\n z-index: 0;\n }\n }\n .mobileContainer {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n position: relative;\n }\n .mobileGif {\n width: 14rem;\n left: 0;\n position: absolute;\n padding-left: 5px;\n }\n .mobileImg {\n width: 20rem;\n }\n .slider {\n overflow: hidden;\n > div > div {\n display: flex;\n }\n .slick-slide {\n display: flex;\n justify-content: center;\n padding-right: 20px;\n }\n }\n .image-link {\n font-size: 0px;\n }\n']);
|
12689 |
|
12690 | var _react = __webpack_require__(2);
|
12691 |
|
12692 | var _react2 = _interopRequireDefault(_react);
|
12693 |
|
12694 | var _propTypes = __webpack_require__(0);
|
12695 |
|
12696 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12697 |
|
12698 | var _reactResponsive = __webpack_require__(24);
|
12699 |
|
12700 | var _reactResponsive2 = _interopRequireDefault(_reactResponsive);
|
12701 |
|
12702 | var _styledComponents = __webpack_require__(1);
|
12703 |
|
12704 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12705 |
|
12706 | var _reactSlick = __webpack_require__(35);
|
12707 |
|
12708 | var _reactSlick2 = _interopRequireDefault(_reactSlick);
|
12709 |
|
12710 | var _instafeed = __webpack_require__(214);
|
12711 |
|
12712 | var _instafeed2 = _interopRequireDefault(_instafeed);
|
12713 |
|
12714 | var _SRC = __webpack_require__(3);
|
12715 |
|
12716 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12717 |
|
12718 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12719 |
|
12720 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
12721 |
|
12722 | 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; }
|
12723 |
|
12724 | 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; }
|
12725 |
|
12726 | var _process$env = Object({"NODE_ENV":"production","PUBLIC_URL":"/mirage"}),
|
12727 | REACT_APP_INSTAGRAM_ACCESS_TOKEN = _process$env.REACT_APP_INSTAGRAM_ACCESS_TOKEN,
|
12728 | REACT_APP_INSTAGRAM_CLIENT_ID = _process$env.REACT_APP_INSTAGRAM_CLIENT_ID,
|
12729 | REACT_APP_INSTAGRAM_USER_ID = _process$env.REACT_APP_INSTAGRAM_USER_ID;
|
12730 |
|
12731 | var BaseInstagram = function (_React$Component) {
|
12732 | _inherits(BaseInstagram, _React$Component);
|
12733 |
|
12734 | function BaseInstagram(props) {
|
12735 | _classCallCheck(this, BaseInstagram);
|
12736 |
|
12737 | var _this = _possibleConstructorReturn(this, (BaseInstagram.__proto__ || Object.getPrototypeOf(BaseInstagram)).call(this, props));
|
12738 |
|
12739 | _this._isMounted = false;
|
12740 |
|
12741 | _this.setInstragramPics = function (args) {
|
12742 | if (_this._isMounted) {
|
12743 | _this.setState({ instagramLoading: false, instagramPictures: args.data });
|
12744 | }
|
12745 | };
|
12746 |
|
12747 | _this.setInstagramRef = function (element) {
|
12748 | _this.instagramRef = element;
|
12749 | };
|
12750 |
|
12751 | _this.instagramRef = null;
|
12752 |
|
12753 | _this.config = {
|
12754 | infinite: false,
|
12755 | arrows: false,
|
12756 | className: 'slider',
|
12757 | centerMode: true,
|
12758 | slidesToShow: 1,
|
12759 | variableWidth: true
|
12760 | };
|
12761 | _this.state = {
|
12762 | instagramLoading: true,
|
12763 | instagramPictures: []
|
12764 | };
|
12765 | return _this;
|
12766 | }
|
12767 |
|
12768 | _createClass(BaseInstagram, [{
|
12769 | key: 'componentDidMount',
|
12770 | value: function componentDidMount() {
|
12771 | var _this2 = this;
|
12772 |
|
12773 | this._isMounted = true;
|
12774 | var _props = this.props,
|
12775 | limit = _props.limit,
|
12776 | clientId = _props.clientId,
|
12777 | userId = _props.userId,
|
12778 | accessToken = _props.accessToken;
|
12779 |
|
12780 |
|
12781 | try {
|
12782 | if (clientId && userId && accessToken) {
|
12783 | this.feed = new _instafeed2.default({
|
12784 | get: 'user',
|
12785 | target: this.instagramRef,
|
12786 | clientId: clientId,
|
12787 | userId: userId,
|
12788 | accessToken: accessToken,
|
12789 | resolution: 'standard_resolution',
|
12790 | limit: limit,
|
12791 | template: '<a class="image-link" aria-label="{{caption}}" href="{{link}}"><img src="{{image}}" aria-hidden /></a>',
|
12792 | success: function success(args) {
|
12793 | console.log('success ' + JSON.stringify(args));
|
12794 | _this2.setInstragramPics(args);
|
12795 | }
|
12796 | }).run();
|
12797 | }
|
12798 | } catch (error) {
|
12799 | console.log('error: ' + error);
|
12800 | }
|
12801 | }
|
12802 | }, {
|
12803 | key: 'componentWillUnmount',
|
12804 | value: function componentWillUnmount() {
|
12805 | this._isMounted = false;
|
12806 | }
|
12807 | }, {
|
12808 | key: 'render',
|
12809 | value: function render() {
|
12810 | var _props2 = this.props,
|
12811 | className = _props2.className,
|
12812 | theme = _props2.theme;
|
12813 | var _state = this.state,
|
12814 | instagramLoading = _state.instagramLoading,
|
12815 | instagramPictures = _state.instagramPictures;
|
12816 |
|
12817 | return _react2.default.createElement(
|
12818 | 'div',
|
12819 | { className: className },
|
12820 | _react2.default.createElement(
|
12821 | _reactResponsive2.default,
|
12822 | { query: theme.breakpoints.aboveTabletMax },
|
12823 | _react2.default.createElement(
|
12824 | 'section',
|
12825 | { className: 'desktopContainer', ref: this.setInstagramRef },
|
12826 | _react2.default.createElement(_SRC.InlineImage, { 'aria-hidden': true, className: 'gif', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1548777765/web/PHONE_ANIM.gif' })
|
12827 | )
|
12828 | ),
|
12829 | _react2.default.createElement(
|
12830 | _reactResponsive2.default,
|
12831 | { query: '(max-device-width: 959px)' },
|
12832 | _react2.default.createElement(
|
12833 | 'div',
|
12834 | { className: 'mobileContainer' },
|
12835 | !instagramLoading && _react2.default.createElement(
|
12836 | _reactSlick2.default,
|
12837 | this.config,
|
12838 | instagramPictures.map(function (imageObject, i) {
|
12839 | return _react2.default.createElement(
|
12840 | 'a',
|
12841 | { key: 'imageObject-' + i, href: imageObject.link, target: '_blank' },
|
12842 | _react2.default.createElement('img', { className: 'mobileImg', src: imageObject.images.standard_resolution.url, alt: 'mobile instagram' })
|
12843 | );
|
12844 | })
|
12845 | ),
|
12846 | _react2.default.createElement(_SRC.InlineImage, { className: 'mobileGif', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1548777765/web/PHONE_ANIM.gif' }),
|
12847 | _react2.default.createElement('div', { ref: this.setInstagramRef, style: { display: 'none' }, 'aria-hidden': true })
|
12848 | )
|
12849 | )
|
12850 | );
|
12851 | }
|
12852 | }]);
|
12853 |
|
12854 | return BaseInstagram;
|
12855 | }(_react2.default.Component);
|
12856 |
|
12857 | var Instagram = (0, _styledComponents2.default)(BaseInstagram)(_templateObject);
|
12858 |
|
12859 | Instagram.propTypes = {
|
12860 | limit: _propTypes2.default.number,
|
12861 | clientId: _propTypes2.default.string,
|
12862 | userId: _propTypes2.default.string,
|
12863 | accessToken: _propTypes2.default.string,
|
12864 | theme: _propTypes2.default.object
|
12865 | };
|
12866 |
|
12867 | Instagram.defaultProps = {
|
12868 | limit: 4,
|
12869 | clientId: REACT_APP_INSTAGRAM_CLIENT_ID,
|
12870 | userId: REACT_APP_INSTAGRAM_USER_ID,
|
12871 | accessToken: REACT_APP_INSTAGRAM_ACCESS_TOKEN
|
12872 |
|
12873 |
|
12874 | };exports.default = (0, _styledComponents.withTheme)(Instagram);
|
12875 |
|
12876 | }),
|
12877 |
|
12878 | (function(module, exports) {
|
12879 |
|
12880 | module.exports = require("instafeed.js");
|
12881 |
|
12882 | }),
|
12883 |
|
12884 | (function(module, exports, __webpack_require__) {
|
12885 |
|
12886 | "use strict";
|
12887 |
|
12888 |
|
12889 | Object.defineProperty(exports, "__esModule", {
|
12890 | value: true
|
12891 | });
|
12892 |
|
12893 | var _backgroundVideo = __webpack_require__(216);
|
12894 |
|
12895 | Object.defineProperty(exports, 'BackgroundVideo', {
|
12896 | enumerable: true,
|
12897 | get: function get() {
|
12898 | return _interopRequireDefault(_backgroundVideo).default;
|
12899 | }
|
12900 | });
|
12901 |
|
12902 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12903 |
|
12904 | }),
|
12905 |
|
12906 | (function(module, exports, __webpack_require__) {
|
12907 |
|
12908 | "use strict";
|
12909 |
|
12910 |
|
12911 | Object.defineProperty(exports, "__esModule", {
|
12912 | value: true
|
12913 | });
|
12914 | exports.BackgroundVideo = undefined;
|
12915 |
|
12916 | 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; }; }();
|
12917 |
|
12918 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n > div > video {\n width: 100%;\n }\n > article {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n'], ['\n position: relative;\n > div > video {\n width: 100%;\n }\n > article {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n']);
|
12919 |
|
12920 | var _react = __webpack_require__(2);
|
12921 |
|
12922 | var _react2 = _interopRequireDefault(_react);
|
12923 |
|
12924 | var _propTypes = __webpack_require__(0);
|
12925 |
|
12926 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12927 |
|
12928 | var _styledComponents = __webpack_require__(1);
|
12929 |
|
12930 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12931 |
|
12932 | var _video = __webpack_require__(33);
|
12933 |
|
12934 | var _reactSizeme = __webpack_require__(31);
|
12935 |
|
12936 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12937 |
|
12938 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12939 |
|
12940 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
12941 |
|
12942 | 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; }
|
12943 |
|
12944 | 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; }
|
12945 |
|
12946 | var BaseBackgroundVideo = function (_React$Component) {
|
12947 | _inherits(BaseBackgroundVideo, _React$Component);
|
12948 |
|
12949 | function BaseBackgroundVideo() {
|
12950 | _classCallCheck(this, BaseBackgroundVideo);
|
12951 |
|
12952 | return _possibleConstructorReturn(this, (BaseBackgroundVideo.__proto__ || Object.getPrototypeOf(BaseBackgroundVideo)).apply(this, arguments));
|
12953 | }
|
12954 |
|
12955 | _createClass(BaseBackgroundVideo, [{
|
12956 | key: 'render',
|
12957 | value: function render() {
|
12958 | var _props = this.props,
|
12959 | className = _props.className,
|
12960 | children = _props.children,
|
12961 | mobileFallback = _props.mobileFallback,
|
12962 | desktopFallback = _props.desktopFallback,
|
12963 | sources = _props.sources;
|
12964 |
|
12965 | return _react2.default.createElement(
|
12966 | 'section',
|
12967 | { className: className },
|
12968 | _react2.default.createElement(_video.Video, {
|
12969 | sources: sources,
|
12970 | mobileFallback: mobileFallback,
|
12971 | desktopFallback: desktopFallback,
|
12972 | 'aria-hidden': true }),
|
12973 | _react2.default.createElement(
|
12974 | 'article',
|
12975 | null,
|
12976 | children
|
12977 | )
|
12978 | );
|
12979 | }
|
12980 | }]);
|
12981 |
|
12982 | return BaseBackgroundVideo;
|
12983 | }(_react2.default.Component);
|
12984 |
|
12985 | var BackgroundVideo = (0, _styledComponents2.default)(BaseBackgroundVideo)(_templateObject);
|
12986 |
|
12987 | BackgroundVideo.propTypes = {
|
12988 | sources: _propTypes2.default.object,
|
12989 | mobileFallback: _propTypes2.default.string,
|
12990 | desktopFallback: _propTypes2.default.string
|
12991 | };
|
12992 |
|
12993 | exports.BackgroundVideo = BackgroundVideo;
|
12994 |
|
12995 |
|
12996 |
|
12997 | exports.default = (0, _reactSizeme.withSize)()(BackgroundVideo);
|
12998 |
|
12999 | }),
|
13000 |
|
13001 | (function(module, exports, __webpack_require__) {
|
13002 |
|
13003 | "use strict";
|
13004 |
|
13005 |
|
13006 | Object.defineProperty(exports, "__esModule", {
|
13007 | value: true
|
13008 | });
|
13009 |
|
13010 | var _paymentRequestForm = __webpack_require__(218);
|
13011 |
|
13012 | Object.defineProperty(exports, 'PaymentRequestForm', {
|
13013 | enumerable: true,
|
13014 | get: function get() {
|
13015 | return _interopRequireDefault(_paymentRequestForm).default;
|
13016 | }
|
13017 | });
|
13018 |
|
13019 | var _StripeWrapper = __webpack_require__(219);
|
13020 |
|
13021 | Object.defineProperty(exports, 'StripeWrapper', {
|
13022 | enumerable: true,
|
13023 | get: function get() {
|
13024 | return _interopRequireDefault(_StripeWrapper).default;
|
13025 | }
|
13026 | });
|
13027 |
|
13028 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13029 |
|
13030 | }),
|
13031 |
|
13032 | (function(module, exports, __webpack_require__) {
|
13033 |
|
13034 | "use strict";
|
13035 |
|
13036 |
|
13037 | Object.defineProperty(exports, "__esModule", {
|
13038 | value: true
|
13039 | });
|
13040 | exports.PaymentRequestForm = undefined;
|
13041 |
|
13042 | var _regenerator = __webpack_require__(36);
|
13043 |
|
13044 | var _regenerator2 = _interopRequireDefault(_regenerator);
|
13045 |
|
13046 | 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; }; }();
|
13047 |
|
13048 | var _react = __webpack_require__(2);
|
13049 |
|
13050 | var _react2 = _interopRequireDefault(_react);
|
13051 |
|
13052 | var _propTypes = __webpack_require__(0);
|
13053 |
|
13054 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13055 |
|
13056 | var _reactStripeElements = __webpack_require__(19);
|
13057 |
|
13058 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13059 |
|
13060 | 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; }
|
13061 |
|
13062 | function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
|
13063 |
|
13064 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
13065 |
|
13066 | 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; }
|
13067 |
|
13068 | 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; }
|
13069 |
|
13070 | var buildDisplayItems = function buildDisplayItems(order, pending) {
|
13071 | var displayItems = [{
|
13072 | label: 'Tax',
|
13073 | amount: Math.round(parseFloat(order.tax_total) * 100),
|
13074 | pending: pending
|
13075 | }, {
|
13076 | label: 'Shipping',
|
13077 | amount: pending ? Math.round(parseFloat(order.subtotal) >= 50 ? 0 : 500) : Math.round(parseFloat(order.shipping_cost) * 100),
|
13078 | pending: pending
|
13079 | }, {
|
13080 | label: 'Subtotal',
|
13081 | amount: Math.round(parseFloat(order.subtotal) * 100),
|
13082 | pending: pending
|
13083 | }];
|
13084 |
|
13085 | order.promotion_adjustments.forEach(function (adjustment) {
|
13086 | displayItems.push({ label: adjustment.label, amount: Math.round(parseFloat(adjustment.amount) * 100), pending: pending });
|
13087 | });
|
13088 |
|
13089 | return displayItems;
|
13090 | };
|
13091 |
|
13092 | var PaymentRequestForm = exports.PaymentRequestForm = function (_React$Component) {
|
13093 | _inherits(PaymentRequestForm, _React$Component);
|
13094 |
|
13095 | function PaymentRequestForm(props) {
|
13096 | _classCallCheck(this, PaymentRequestForm);
|
13097 |
|
13098 |
|
13099 |
|
13100 | var _this = _possibleConstructorReturn(this, (PaymentRequestForm.__proto__ || Object.getPrototypeOf(PaymentRequestForm)).call(this, props));
|
13101 |
|
13102 | _initialiseProps.call(_this);
|
13103 |
|
13104 | var paymentRequest = props.stripe ? _this.createPaymentRequest() : null;
|
13105 |
|
13106 | _this.state = {
|
13107 | canMakePayment: false,
|
13108 | paymentRequest: paymentRequest
|
13109 | };
|
13110 | return _this;
|
13111 | }
|
13112 |
|
13113 | _createClass(PaymentRequestForm, [{
|
13114 | key: 'componentDidUpdate',
|
13115 | value: function componentDidUpdate(prevProps, prevState) {
|
13116 | if (this.props.stripe !== null && prevProps.stripe === null || this.props.order.total !== prevProps.order.total) {
|
13117 | var paymentRequest = this.createPaymentRequest();
|
13118 | this.setState({
|
13119 | canMakePayment: false,
|
13120 | paymentRequest: paymentRequest
|
13121 | });
|
13122 | }
|
13123 | }
|
13124 | }, {
|
13125 | key: 'render',
|
13126 | value: function render() {
|
13127 | return this.state.canMakePayment ? _react2.default.createElement(_reactStripeElements.PaymentRequestButtonElement, {
|
13128 | paymentRequest: this.state.paymentRequest,
|
13129 | className: this.props.className,
|
13130 | style: {
|
13131 |
|
13132 |
|
13133 | paymentRequestButton: {
|
13134 | theme: 'dark',
|
13135 | height: '50px'
|
13136 | }
|
13137 | }
|
13138 | }) : null;
|
13139 | }
|
13140 | }]);
|
13141 |
|
13142 | return PaymentRequestForm;
|
13143 | }(_react2.default.Component);
|
13144 |
|
13145 | var _initialiseProps = function _initialiseProps() {
|
13146 | var _this2 = this;
|
13147 |
|
13148 | this.createPaymentRequest = function () {
|
13149 | var _props = _this2.props,
|
13150 | order = _props.order,
|
13151 | stripe = _props.stripe,
|
13152 | submitCheckout = _props.submitCheckout,
|
13153 | setShippingAddress = _props.setShippingAddress;
|
13154 |
|
13155 | var paymentRequest = stripe.paymentRequest({
|
13156 | country: 'US',
|
13157 | currency: 'usd',
|
13158 | total: {
|
13159 | label: 'Total',
|
13160 | amount: Math.round(parseFloat(order.total) * 100),
|
13161 | pending: true
|
13162 | },
|
13163 | displayItems: buildDisplayItems(order, true),
|
13164 | requestPayerName: true,
|
13165 | requestPayerEmail: true,
|
13166 | requestPayerPhone: true,
|
13167 | requestShipping: true
|
13168 | });
|
13169 |
|
13170 | paymentRequest.on('token', function () {
|
13171 | var _ref2 = _asyncToGenerator( _regenerator2.default.mark(function _callee(_ref) {
|
13172 | var complete = _ref.complete,
|
13173 | token = _ref.token,
|
13174 | data = _objectWithoutProperties(_ref, ['complete', 'token']);
|
13175 |
|
13176 | return _regenerator2.default.wrap(function _callee$(_context) {
|
13177 | while (1) {
|
13178 | switch (_context.prev = _context.next) {
|
13179 | case 0:
|
13180 | _context.prev = 0;
|
13181 | _context.next = 3;
|
13182 | return submitCheckout(Object.assign({ token: token }, data));
|
13183 |
|
13184 | case 3:
|
13185 | _context.next = 7;
|
13186 | break;
|
13187 |
|
13188 | case 5:
|
13189 | _context.prev = 5;
|
13190 | _context.t0 = _context['catch'](0);
|
13191 |
|
13192 | case 7:
|
13193 |
|
13194 | complete('success');
|
13195 |
|
13196 | case 8:
|
13197 | case 'end':
|
13198 | return _context.stop();
|
13199 | }
|
13200 | }
|
13201 | }, _callee, _this2, [[0, 5]]);
|
13202 | }));
|
13203 |
|
13204 | return function (_x) {
|
13205 | return _ref2.apply(this, arguments);
|
13206 | };
|
13207 | }());
|
13208 |
|
13209 | paymentRequest.on('shippingaddresschange', function () {
|
13210 | var _ref4 = _asyncToGenerator( _regenerator2.default.mark(function _callee2(_ref3) {
|
13211 | var shippingAddress = _ref3.shippingAddress,
|
13212 | updateWith = _ref3.updateWith;
|
13213 |
|
13214 | var names, address, _order, shippingMethod;
|
13215 |
|
13216 | return _regenerator2.default.wrap(function _callee2$(_context2) {
|
13217 | while (1) {
|
13218 | switch (_context2.prev = _context2.next) {
|
13219 | case 0:
|
13220 | names = shippingAddress.recipient.split(' ');
|
13221 | address = {
|
13222 | first_name: names[0],
|
13223 | last_name: names.pop(),
|
13224 | address1: shippingAddress.addressLine[0],
|
13225 | address2: shippingAddress.addressLine.length > 1 ? shippingAddress.addressLine[1] : null,
|
13226 | city: shippingAddress.city,
|
13227 | zipcode: shippingAddress.postalCode,
|
13228 | state: shippingAddress.region,
|
13229 | phone: shippingAddress.phone,
|
13230 | default: false,
|
13231 | email: _this2.props.currentUserEmail || 'guest@example.com'
|
13232 | };
|
13233 |
|
13234 | if (!(shippingAddress.country !== 'US')) {
|
13235 | _context2.next = 6;
|
13236 | break;
|
13237 | }
|
13238 |
|
13239 | updateWith({ status: 'invalid_shipping_address' });
|
13240 | _context2.next = 17;
|
13241 | break;
|
13242 |
|
13243 | case 6:
|
13244 | _context2.prev = 6;
|
13245 | _context2.next = 9;
|
13246 | return setShippingAddress(address);
|
13247 |
|
13248 | case 9:
|
13249 | _order = _context2.sent;
|
13250 | shippingMethod = _order.shipping_methods[0];
|
13251 |
|
13252 | updateWith({
|
13253 | status: 'success',
|
13254 | total: {
|
13255 | label: 'Total',
|
13256 | amount: Math.round(parseFloat(_order.total) * 100),
|
13257 | pending: false
|
13258 | },
|
13259 | displayItems: buildDisplayItems(_order, false),
|
13260 | shippingOptions: [{
|
13261 | id: 'default',
|
13262 | label: shippingMethod.name,
|
13263 | amount: Math.round(parseFloat(shippingMethod.cost) * 100)
|
13264 | }]
|
13265 | });
|
13266 | _context2.next = 17;
|
13267 | break;
|
13268 |
|
13269 | case 14:
|
13270 | _context2.prev = 14;
|
13271 | _context2.t0 = _context2['catch'](6);
|
13272 |
|
13273 | updateWith({ status: 'fail' });
|
13274 |
|
13275 | case 17:
|
13276 | case 'end':
|
13277 | return _context2.stop();
|
13278 | }
|
13279 | }
|
13280 | }, _callee2, _this2, [[6, 14]]);
|
13281 | }));
|
13282 |
|
13283 | return function (_x2) {
|
13284 | return _ref4.apply(this, arguments);
|
13285 | };
|
13286 | }());
|
13287 |
|
13288 | paymentRequest.canMakePayment().then(function (result) {
|
13289 | _this2.setState({ canMakePayment: !!result });
|
13290 | });
|
13291 | return paymentRequest;
|
13292 | };
|
13293 | };
|
13294 |
|
13295 | PaymentRequestForm.propTypes = {
|
13296 | stripe: _propTypes2.default.object,
|
13297 | order: _propTypes2.default.object,
|
13298 | setShippingAddress: _propTypes2.default.func.isRequired,
|
13299 | submitCheckout: _propTypes2.default.func.isRequired,
|
13300 | className: _propTypes2.default.string,
|
13301 | currentUserEmail: _propTypes2.default.string
|
13302 | };
|
13303 |
|
13304 | exports.default = (0, _reactStripeElements.injectStripe)(PaymentRequestForm);
|
13305 |
|
13306 | }),
|
13307 |
|
13308 | (function(module, exports, __webpack_require__) {
|
13309 |
|
13310 | "use strict";
|
13311 |
|
13312 |
|
13313 | Object.defineProperty(exports, "__esModule", {
|
13314 | value: true
|
13315 | });
|
13316 |
|
13317 | var _react = __webpack_require__(2);
|
13318 |
|
13319 | var _react2 = _interopRequireDefault(_react);
|
13320 |
|
13321 | var _reactStripeElements = __webpack_require__(19);
|
13322 |
|
13323 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13324 |
|
13325 | var StripeWrapper = function StripeWrapper(_ref) {
|
13326 | var children = _ref.children;
|
13327 | return _react2.default.createElement(
|
13328 | _reactStripeElements.StripeProvider,
|
13329 | { apiKey: Object({"NODE_ENV":"production","PUBLIC_URL":"/mirage"}).REACT_APP_STRIPE_CLIENT_KEY },
|
13330 | _react2.default.createElement(
|
13331 | _reactStripeElements.Elements,
|
13332 | null,
|
13333 | children
|
13334 | )
|
13335 | );
|
13336 | };
|
13337 |
|
13338 | exports.default = StripeWrapper;
|
13339 |
|
13340 | }),
|
13341 |
|
13342 | (function(module, exports, __webpack_require__) {
|
13343 |
|
13344 | "use strict";
|
13345 |
|
13346 |
|
13347 | Object.defineProperty(exports, "__esModule", {
|
13348 | value: true
|
13349 | });
|
13350 |
|
13351 | var _couponCodeWrapper = __webpack_require__(221);
|
13352 |
|
13353 | Object.defineProperty(exports, 'CouponCodeWrapper', {
|
13354 | enumerable: true,
|
13355 | get: function get() {
|
13356 | return _interopRequireDefault(_couponCodeWrapper).default;
|
13357 | }
|
13358 | });
|
13359 |
|
13360 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13361 |
|
13362 | }),
|
13363 |
|
13364 | (function(module, exports, __webpack_require__) {
|
13365 |
|
13366 | "use strict";
|
13367 |
|
13368 |
|
13369 | Object.defineProperty(exports, "__esModule", {
|
13370 | value: true
|
13371 | });
|
13372 |
|
13373 | 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; }; }();
|
13374 |
|
13375 | var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n align-items: center;\n justify-content: space-between;\n max-width: 300px;\n margin: 0 auto;\n'], ['\n display: flex;\n align-items: center;\n justify-content: space-between;\n max-width: 300px;\n margin: 0 auto;\n']),
|
13376 | _templateObject2 = _taggedTemplateLiteral(['\n display: flex;\n justify-content: space-between;\n margin: 10px 0;\n'], ['\n display: flex;\n justify-content: space-between;\n margin: 10px 0;\n']),
|
13377 | _templateObject3 = _taggedTemplateLiteral(['\n color: ', ';\n font-family: ', ';\n font-size: 14px;\n display: inline-block;\n max-width: 30rem;\n margin: 0 auto;\n'], ['\n color: ', ';\n font-family: ', ';\n font-size: 14px;\n display: inline-block;\n max-width: 30rem;\n margin: 0 auto;\n']),
|
13378 | _templateObject4 = _taggedTemplateLiteral(['\n width: 100%;\n padding-bottom: ', ';\n border-bottom: ', ';\n'], ['\n width: 100%;\n padding-bottom: ', ';\n border-bottom: ', ';\n']);
|
13379 |
|
13380 | var _react = __webpack_require__(2);
|
13381 |
|
13382 | var _react2 = _interopRequireDefault(_react);
|
13383 |
|
13384 | var _propTypes = __webpack_require__(0);
|
13385 |
|
13386 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13387 |
|
13388 | var _styledComponents = __webpack_require__(1);
|
13389 |
|
13390 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13391 |
|
13392 | var _couponCodeInput = __webpack_require__(222);
|
13393 |
|
13394 | var _couponCodeInput2 = _interopRequireDefault(_couponCodeInput);
|
13395 |
|
13396 | var _removeCouponCode = __webpack_require__(224);
|
13397 |
|
13398 | var _removeCouponCode2 = _interopRequireDefault(_removeCouponCode);
|
13399 |
|
13400 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13401 |
|
13402 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
13403 |
|
13404 | 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; }
|
13405 |
|
13406 | 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; }
|
13407 |
|
13408 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13409 |
|
13410 | var RemoveContainer = _styledComponents2.default.div(_templateObject);
|
13411 |
|
13412 | var RemoveWrapper = _styledComponents2.default.div(_templateObject2);
|
13413 |
|
13414 | var PromoLabel = _styledComponents2.default.div(_templateObject3, function (props) {
|
13415 | return props.theme.colors.navy;
|
13416 | }, function (props) {
|
13417 | return props.theme.fonts.primaryFont;
|
13418 | });
|
13419 |
|
13420 | var BaseCouponCodeWrapper = function (_React$Component) {
|
13421 | _inherits(BaseCouponCodeWrapper, _React$Component);
|
13422 |
|
13423 | function BaseCouponCodeWrapper(props) {
|
13424 | _classCallCheck(this, BaseCouponCodeWrapper);
|
13425 |
|
13426 | var _this = _possibleConstructorReturn(this, (BaseCouponCodeWrapper.__proto__ || Object.getPrototypeOf(BaseCouponCodeWrapper)).call(this, props));
|
13427 |
|
13428 | _this.handleCouponCodeChange = function (e) {
|
13429 | _this.setState({ couponCode: e.target.value });
|
13430 | };
|
13431 |
|
13432 | _this.state = { couponCode: '' };
|
13433 | return _this;
|
13434 | }
|
13435 |
|
13436 | _createClass(BaseCouponCodeWrapper, [{
|
13437 | key: 'componentDidMount',
|
13438 | value: function componentDidMount() {
|
13439 | var _props = this.props,
|
13440 | appliedPromotion = _props.appliedPromotion,
|
13441 | applyPromotion = _props.applyPromotion;
|
13442 |
|
13443 | if (appliedPromotion && !applyPromotion.expired) {
|
13444 | this.setState({
|
13445 | couponCode: appliedPromotion.value
|
13446 | });
|
13447 | applyPromotion(appliedPromotion.value);
|
13448 | }
|
13449 | }
|
13450 | }, {
|
13451 | key: 'render',
|
13452 | value: function render() {
|
13453 | var _props2 = this.props,
|
13454 | loading = _props2.loading,
|
13455 | promotion = _props2.promotion,
|
13456 | applyPromotion = _props2.applyPromotion,
|
13457 | removePromotion = _props2.removePromotion,
|
13458 | errorMessage = _props2.errorMessage,
|
13459 | promoHasBeenApplied = _props2.promoHasBeenApplied,
|
13460 | showToggle = _props2.showToggle,
|
13461 | className = _props2.className;
|
13462 | var couponCode = this.state.couponCode;
|
13463 |
|
13464 |
|
13465 | return _react2.default.createElement(
|
13466 | 'div',
|
13467 | { className: className },
|
13468 | !promoHasBeenApplied ? _react2.default.createElement(
|
13469 | 'div',
|
13470 | null,
|
13471 | _react2.default.createElement(_couponCodeInput2.default, {
|
13472 | couponCode: couponCode,
|
13473 | onChange: this.handleCouponCodeChange,
|
13474 | applyPromotion: applyPromotion,
|
13475 | removePromotion: removePromotion,
|
13476 | loading: loading,
|
13477 | errorMessage: errorMessage,
|
13478 | showToggle: showToggle
|
13479 | })
|
13480 | ) : _react2.default.createElement(
|
13481 | RemoveContainer,
|
13482 | null,
|
13483 | _react2.default.createElement(
|
13484 | RemoveWrapper,
|
13485 | null,
|
13486 | _react2.default.createElement(
|
13487 | PromoLabel,
|
13488 | null,
|
13489 | 'Promotion Applied'
|
13490 | )
|
13491 | ),
|
13492 | _react2.default.createElement(_removeCouponCode2.default, { removePromotion: removePromotion, promoHasBeenApplied: promoHasBeenApplied,
|
13493 | loading: loading, promotion: promotion.promotion_code_id })
|
13494 | )
|
13495 | );
|
13496 | }
|
13497 | }]);
|
13498 |
|
13499 | return BaseCouponCodeWrapper;
|
13500 | }(_react2.default.Component);
|
13501 |
|
13502 | BaseCouponCodeWrapper.propTypes = {
|
13503 | promotion: _propTypes2.default.object,
|
13504 | loading: _propTypes2.default.bool,
|
13505 | promoHasBeenApplied: _propTypes2.default.bool,
|
13506 | errorMessage: _propTypes2.default.string,
|
13507 | applyPromotion: _propTypes2.default.func,
|
13508 | removePromotion: _propTypes2.default.func,
|
13509 | appliedPromotion: _propTypes2.default.object,
|
13510 | showToggle: _propTypes2.default.bool,
|
13511 | showBorder: _propTypes2.default.bool
|
13512 | };
|
13513 |
|
13514 | var CouponCodeWrapper = (0, _styledComponents2.default)(BaseCouponCodeWrapper)(_templateObject4, function (props) {
|
13515 | return props.errorMessage ? '30px' : '20px';
|
13516 | }, function (props) {
|
13517 | return props.showBorder ? '1px solid #d5d5d5' : 'none';
|
13518 | });
|
13519 |
|
13520 | exports.default = CouponCodeWrapper;
|
13521 |
|
13522 | }),
|
13523 |
|
13524 | (function(module, exports, __webpack_require__) {
|
13525 |
|
13526 | "use strict";
|
13527 |
|
13528 |
|
13529 | Object.defineProperty(exports, "__esModule", {
|
13530 | value: true
|
13531 | });
|
13532 |
|
13533 | 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; }; }();
|
13534 |
|
13535 | var _templateObject = _taggedTemplateLiteral(['\n max-width: 250px;\n width: 100%;\n height: 100%;\n margin-right: 10px;\n padding-left: 0;\n'], ['\n max-width: 250px;\n width: 100%;\n height: 100%;\n margin-right: 10px;\n padding-left: 0;\n']),
|
13536 | _templateObject2 = _taggedTemplateLiteral(['\n max-width: 100px;\n height: 100%;\n ', '\n'], ['\n max-width: 100px;\n height: 100%;\n ', '\n']),
|
13537 | _templateObject3 = _taggedTemplateLiteral(['\n max-width: 83px;\n '], ['\n max-width: 83px;\n ']),
|
13538 | _templateObject4 = _taggedTemplateLiteral(['\n margin-left: 0;\n'], ['\n margin-left: 0;\n']),
|
13539 | _templateObject5 = _taggedTemplateLiteral(['\n font-family: ', ';\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 1px;\n text-align: left;\n color: ', ';\n text-transform: uppercase;\n margin-left: 15px;\n margin-bottom: 0;\n margin-top: 0;\n'], ['\n font-family: ', ';\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 1px;\n text-align: left;\n color: ', ';\n text-transform: uppercase;\n margin-left: 15px;\n margin-bottom: 0;\n margin-top: 0;\n']),
|
13540 | _templateObject6 = _taggedTemplateLiteral(['\n display: flex;\n align-items: center;\n cursor: pointer;\n justify-content: center;\n'], ['\n display: flex;\n align-items: center;\n cursor: pointer;\n justify-content: center;\n']),
|
13541 | _templateObject7 = _taggedTemplateLiteral(['\n display: flex;\n max-width: 30rem;\n margin: 0 auto;\n height: 60px !important;\n margin-top: 20px;\n'], ['\n display: flex;\n max-width: 30rem;\n margin: 0 auto;\n height: 60px !important;\n margin-top: 20px;\n']);
|
13542 |
|
13543 | var _react = __webpack_require__(2);
|
13544 |
|
13545 | var _react2 = _interopRequireDefault(_react);
|
13546 |
|
13547 | var _propTypes = __webpack_require__(0);
|
13548 |
|
13549 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13550 |
|
13551 | var _styledComponents = __webpack_require__(1);
|
13552 |
|
13553 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13554 |
|
13555 | var _toggleIcon = __webpack_require__(223);
|
13556 |
|
13557 | var _toggleIcon2 = _interopRequireDefault(_toggleIcon);
|
13558 |
|
13559 | var _inputs = __webpack_require__(25);
|
13560 |
|
13561 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13562 |
|
13563 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
13564 |
|
13565 | 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; }
|
13566 |
|
13567 | 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; }
|
13568 |
|
13569 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13570 |
|
13571 | var AppliedInput = (0, _styledComponents2.default)(_inputs.Input)(_templateObject);
|
13572 |
|
13573 | var PromoButton = (0, _styledComponents2.default)(_inputs.Button)(_templateObject2, function (props) {
|
13574 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3);
|
13575 | });
|
13576 |
|
13577 | var StyledToggle = (0, _styledComponents2.default)(_toggleIcon2.default)(_templateObject4);
|
13578 |
|
13579 | var P = _styledComponents2.default.p(_templateObject5, function (props) {
|
13580 | return props.theme.fonts.primaryFont;
|
13581 | }, function (props) {
|
13582 | return props.theme.colors.rocketBlue;
|
13583 | });
|
13584 |
|
13585 | var ToggleContainer = _styledComponents2.default.div(_templateObject6);
|
13586 |
|
13587 | var ApplyContainer = _styledComponents2.default.div(_templateObject7);
|
13588 |
|
13589 | var CouponCodeInput = function (_React$Component) {
|
13590 | _inherits(CouponCodeInput, _React$Component);
|
13591 |
|
13592 | function CouponCodeInput() {
|
13593 | var _ref;
|
13594 |
|
13595 | var _temp, _this, _ret;
|
13596 |
|
13597 | _classCallCheck(this, CouponCodeInput);
|
13598 |
|
13599 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
13600 | args[_key] = arguments[_key];
|
13601 | }
|
13602 |
|
13603 | return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = CouponCodeInput.__proto__ || Object.getPrototypeOf(CouponCodeInput)).call.apply(_ref, [this].concat(args))), _this), _this.state = { show: false }, _this.toggle = function () {
|
13604 | _this.setState({ show: !_this.state.show });
|
13605 | }, _this._removePromotion = function () {
|
13606 | _this.setState({
|
13607 | couponCode: '',
|
13608 | show: false
|
13609 | });
|
13610 | _this.props.removePromotion();
|
13611 | }, _this.applyPromotion = function () {
|
13612 | _this.props.applyPromotion(_this.props.couponCode);
|
13613 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
13614 | }
|
13615 |
|
13616 | _createClass(CouponCodeInput, [{
|
13617 | key: 'render',
|
13618 | value: function render() {
|
13619 | var _props = this.props,
|
13620 | errorMessage = _props.errorMessage,
|
13621 | loading = _props.loading,
|
13622 | couponCode = _props.couponCode,
|
13623 | onChange = _props.onChange,
|
13624 | _props$showToggle = _props.showToggle,
|
13625 | showToggle = _props$showToggle === undefined ? true : _props$showToggle;
|
13626 | var show = this.state.show;
|
13627 |
|
13628 |
|
13629 | return _react2.default.createElement(
|
13630 | 'div',
|
13631 | null,
|
13632 | showToggle && _react2.default.createElement(
|
13633 | ToggleContainer,
|
13634 | { onClick: this.toggle },
|
13635 | _react2.default.createElement(StyledToggle, {
|
13636 | show: show }),
|
13637 | _react2.default.createElement(
|
13638 | P,
|
13639 | { role: 'link', 'aria-label': 'add promo code' },
|
13640 | 'ADD PROMO CODE'
|
13641 | )
|
13642 | ),
|
13643 | (show || !showToggle) && _react2.default.createElement(
|
13644 | ApplyContainer,
|
13645 | { 'aria-live': 'polite' },
|
13646 | _react2.default.createElement(AppliedInput, {
|
13647 | type: 'text',
|
13648 | label: 'PROMO CODE',
|
13649 | value: couponCode,
|
13650 | onChange: onChange,
|
13651 | formError: !!errorMessage,
|
13652 | errorMessage: errorMessage }),
|
13653 | _react2.default.createElement(
|
13654 | PromoButton,
|
13655 | { loading: loading, onClick: this.applyPromotion },
|
13656 | 'APPLY'
|
13657 | )
|
13658 | )
|
13659 | );
|
13660 | }
|
13661 | }]);
|
13662 |
|
13663 | return CouponCodeInput;
|
13664 | }(_react2.default.Component);
|
13665 |
|
13666 | exports.default = CouponCodeInput;
|
13667 |
|
13668 |
|
13669 | CouponCodeInput.propTypes = {
|
13670 | couponCode: _propTypes2.default.string,
|
13671 | onChange: _propTypes2.default.func,
|
13672 | removePromotion: _propTypes2.default.func,
|
13673 | applyPromotion: _propTypes2.default.func,
|
13674 | errorMessage: _propTypes2.default.string,
|
13675 | loading: _propTypes2.default.bool,
|
13676 | showToggle: _propTypes2.default.bool
|
13677 | };
|
13678 |
|
13679 | }),
|
13680 |
|
13681 | (function(module, exports, __webpack_require__) {
|
13682 |
|
13683 | "use strict";
|
13684 |
|
13685 |
|
13686 | Object.defineProperty(exports, "__esModule", {
|
13687 | value: true
|
13688 | });
|
13689 |
|
13690 | 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; }; }();
|
13691 |
|
13692 | var _templateObject = _taggedTemplateLiteral(['\n stroke-width: 20;\n stroke-dasharray: 120;\n stroke-dashoffset: ', ';\n transition: stroke-dashoffset 0.25s ease-in-out;\n stroke: ', ';\n'], ['\n stroke-width: 20;\n stroke-dasharray: 120;\n stroke-dashoffset: ', ';\n transition: stroke-dashoffset 0.25s ease-in-out;\n stroke: ', ';\n']),
|
13693 | _templateObject2 = _taggedTemplateLiteral(['\n stroke-width: 20;\n stroke: ', ';\n'], ['\n stroke-width: 20;\n stroke: ', ';\n']),
|
13694 | _templateObject3 = _taggedTemplateLiteral(['\n height: 12px;\n min-width: 12px;\n margin-left: 20px;\n box-sizing: border-box;\n cursor: pointer;\n'], ['\n height: 12px;\n min-width: 12px;\n margin-left: 20px;\n box-sizing: border-box;\n cursor: pointer;\n']);
|
13695 |
|
13696 | var _react = __webpack_require__(2);
|
13697 |
|
13698 | var _react2 = _interopRequireDefault(_react);
|
13699 |
|
13700 | var _propTypes = __webpack_require__(0);
|
13701 |
|
13702 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13703 |
|
13704 | var _styledComponents = __webpack_require__(1);
|
13705 |
|
13706 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13707 |
|
13708 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13709 |
|
13710 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
13711 |
|
13712 | 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; }
|
13713 |
|
13714 | 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; }
|
13715 |
|
13716 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13717 |
|
13718 | var IconLinePlus = _styledComponents2.default.line(_templateObject, function (props) {
|
13719 | return props.show ? 120 : 0;
|
13720 | }, function (props) {
|
13721 | return props.stroke;
|
13722 | });
|
13723 |
|
13724 | var IconLine = _styledComponents2.default.line(_templateObject2, function (props) {
|
13725 | return props.stroke;
|
13726 | });
|
13727 |
|
13728 | var BaseToggleIcon = function (_React$Component) {
|
13729 | _inherits(BaseToggleIcon, _React$Component);
|
13730 |
|
13731 | function BaseToggleIcon() {
|
13732 | _classCallCheck(this, BaseToggleIcon);
|
13733 |
|
13734 | return _possibleConstructorReturn(this, (BaseToggleIcon.__proto__ || Object.getPrototypeOf(BaseToggleIcon)).apply(this, arguments));
|
13735 | }
|
13736 |
|
13737 | _createClass(BaseToggleIcon, [{
|
13738 | key: 'render',
|
13739 | value: function render() {
|
13740 | var _props = this.props,
|
13741 | show = _props.show,
|
13742 | className = _props.className,
|
13743 | onClick = _props.onClick,
|
13744 | _props$stroke = _props.stroke,
|
13745 | stroke = _props$stroke === undefined ? '#0073d1' : _props$stroke;
|
13746 |
|
13747 | return _react2.default.createElement(
|
13748 | 'svg',
|
13749 | {
|
13750 | onClick: onClick,
|
13751 | className: className,
|
13752 | xmlns: 'http://www.w3.org/2000/svg',
|
13753 | viewBox: '0 0 120 120' },
|
13754 | _react2.default.createElement(IconLinePlus, {
|
13755 | show: show,
|
13756 | stroke: stroke,
|
13757 | x1: '60',
|
13758 | x2: '60',
|
13759 | y1: '60' }),
|
13760 | _react2.default.createElement(IconLinePlus, {
|
13761 | show: show,
|
13762 | stroke: stroke,
|
13763 | x1: '60',
|
13764 | y1: '60',
|
13765 | x2: '60',
|
13766 | y2: '120' }),
|
13767 | _react2.default.createElement(IconLine, {
|
13768 | stroke: stroke,
|
13769 | y1: '60',
|
13770 | x2: '120',
|
13771 | y2: '60' })
|
13772 | );
|
13773 | }
|
13774 | }]);
|
13775 |
|
13776 | return BaseToggleIcon;
|
13777 | }(_react2.default.Component);
|
13778 |
|
13779 | BaseToggleIcon.propTypes = {
|
13780 | show: _propTypes2.default.bool,
|
13781 | className: _propTypes2.default.string,
|
13782 | onClick: _propTypes2.default.func
|
13783 | };
|
13784 |
|
13785 | var ToggleIcon = (0, _styledComponents2.default)(BaseToggleIcon)(_templateObject3);
|
13786 |
|
13787 | exports.default = ToggleIcon;
|
13788 |
|
13789 | }),
|
13790 |
|
13791 | (function(module, exports, __webpack_require__) {
|
13792 |
|
13793 | "use strict";
|
13794 |
|
13795 |
|
13796 | Object.defineProperty(exports, "__esModule", {
|
13797 | value: true
|
13798 | });
|
13799 | exports.BaseRemoveCouponCode = undefined;
|
13800 |
|
13801 | 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; }; }();
|
13802 |
|
13803 | var _templateObject = _taggedTemplateLiteral(['\n font-family: ', ';\n font-size: 14px;\n font-weight: 400;\n letter-spacing: 1px;\n color: ', ';\n cursor: pointer;\n opacity: ', ';\n'], ['\n font-family: ', ';\n font-size: 14px;\n font-weight: 400;\n letter-spacing: 1px;\n color: ', ';\n cursor: pointer;\n opacity: ', ';\n']);
|
13804 |
|
13805 | var _react = __webpack_require__(2);
|
13806 |
|
13807 | var _react2 = _interopRequireDefault(_react);
|
13808 |
|
13809 | var _propTypes = __webpack_require__(0);
|
13810 |
|
13811 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13812 |
|
13813 | var _styledComponents = __webpack_require__(1);
|
13814 |
|
13815 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13816 |
|
13817 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13818 |
|
13819 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13820 |
|
13821 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
13822 |
|
13823 | 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; }
|
13824 |
|
13825 | 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; }
|
13826 |
|
13827 | var BaseRemoveCouponCode = exports.BaseRemoveCouponCode = function (_React$Component) {
|
13828 | _inherits(BaseRemoveCouponCode, _React$Component);
|
13829 |
|
13830 | function BaseRemoveCouponCode() {
|
13831 | var _ref;
|
13832 |
|
13833 | var _temp, _this, _ret;
|
13834 |
|
13835 | _classCallCheck(this, BaseRemoveCouponCode);
|
13836 |
|
13837 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
13838 | args[_key] = arguments[_key];
|
13839 | }
|
13840 |
|
13841 | return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = BaseRemoveCouponCode.__proto__ || Object.getPrototypeOf(BaseRemoveCouponCode)).call.apply(_ref, [this].concat(args))), _this), _this.removePromoCode = function () {
|
13842 | var _this$props = _this.props,
|
13843 | removePromotion = _this$props.removePromotion,
|
13844 | promotion = _this$props.promotion;
|
13845 |
|
13846 | removePromotion(promotion);
|
13847 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
13848 | }
|
13849 |
|
13850 | _createClass(BaseRemoveCouponCode, [{
|
13851 | key: 'render',
|
13852 | value: function render() {
|
13853 | var _props = this.props,
|
13854 | className = _props.className,
|
13855 | promoHasBeenApplied = _props.promoHasBeenApplied,
|
13856 | loading = _props.loading;
|
13857 |
|
13858 | return promoHasBeenApplied ? _react2.default.createElement(
|
13859 | 'div',
|
13860 | { className: className, loading: loading, onClick: this.removePromoCode },
|
13861 | 'REMOVE'
|
13862 | ) : null;
|
13863 | }
|
13864 | }]);
|
13865 |
|
13866 | return BaseRemoveCouponCode;
|
13867 | }(_react2.default.Component);
|
13868 |
|
13869 | BaseRemoveCouponCode.propTypes = {
|
13870 | removePromotion: _propTypes2.default.func,
|
13871 | promoHasBeenApplied: _propTypes2.default.bool,
|
13872 | loading: _propTypes2.default.bool,
|
13873 | promotion: _propTypes2.default.number,
|
13874 | className: _propTypes2.default.string
|
13875 | };
|
13876 |
|
13877 | var RemoveCouponCode = _styledComponents2.default.div(_templateObject, function (props) {
|
13878 | return props.theme.fonts.primaryFont;
|
13879 | }, function (props) {
|
13880 | return props.theme.colors.rocketBlue;
|
13881 | }, function (props) {
|
13882 | return props.loading ? .5 : 1;
|
13883 | });
|
13884 |
|
13885 | exports.default = RemoveCouponCode;
|
13886 |
|
13887 | }),
|
13888 |
|
13889 | (function(module, exports, __webpack_require__) {
|
13890 |
|
13891 | "use strict";
|
13892 |
|
13893 |
|
13894 | Object.defineProperty(exports, "__esModule", {
|
13895 | value: true
|
13896 | });
|
13897 |
|
13898 | var _referralSection = __webpack_require__(226);
|
13899 |
|
13900 | Object.defineProperty(exports, 'ReferralSection', {
|
13901 | enumerable: true,
|
13902 | get: function get() {
|
13903 | return _interopRequireDefault(_referralSection).default;
|
13904 | }
|
13905 | });
|
13906 |
|
13907 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13908 |
|
13909 | }),
|
13910 |
|
13911 | (function(module, exports, __webpack_require__) {
|
13912 |
|
13913 | "use strict";
|
13914 |
|
13915 |
|
13916 | Object.defineProperty(exports, "__esModule", {
|
13917 | value: true
|
13918 | });
|
13919 |
|
13920 | var _templateObject = _taggedTemplateLiteral(['\n padding-bottom: 50px;\n padding-top: 50px;\n text-align: center;\n'], ['\n padding-bottom: 50px;\n padding-top: 50px;\n text-align: center;\n']),
|
13921 | _templateObject2 = _taggedTemplateLiteral(['\n margin: 35px auto 20px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n max-width: 330px;\n width: 100%;\n height: 10px;\n ', '\n'], ['\n margin: 35px auto 20px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n max-width: 330px;\n width: 100%;\n height: 10px;\n ', '\n']),
|
13922 | _templateObject3 = _taggedTemplateLiteral(['\n max-width: 290px;\n '], ['\n max-width: 290px;\n ']),
|
13923 | _templateObject4 = _taggedTemplateLiteral(['\n height: 1px;\n width: 50px;\n border-bottom: solid #d5d5d5 1px;\n'], ['\n height: 1px;\n width: 50px;\n border-bottom: solid #d5d5d5 1px;\n']),
|
13924 | _templateObject5 = _taggedTemplateLiteral(['\n font-weight: 100;\n padding: 0 7px;\n font-size: 16px;\n line-height: 1.31;\n text-align: center;\n'], ['\n font-weight: 100;\n padding: 0 7px;\n font-size: 16px;\n line-height: 1.31;\n text-align: center;\n']),
|
13925 | _templateObject6 = _taggedTemplateLiteral(['\n margin-top: 30px;\n'], ['\n margin-top: 30px;\n']),
|
13926 | _templateObject7 = _taggedTemplateLiteral(['\n margin-top: 20px;\n'], ['\n margin-top: 20px;\n']),
|
13927 | _templateObject8 = _taggedTemplateLiteral(['\n background-color: ', ';\n border: 15px solid ', ';\n margin-top: 30px;\n ', '\n\n ', '\n'], ['\n background-color: ', ';\n border: 15px solid ', ';\n margin-top: 30px;\n ', '\n\n ', '\n']),
|
13928 | _templateObject9 = _taggedTemplateLiteral(['\n padding-top: 14px;\n max-width: 600px;\n margin: 30px auto 0;\n '], ['\n padding-top: 14px;\n max-width: 600px;\n margin: 30px auto 0;\n ']),
|
13929 | _templateObject10 = _taggedTemplateLiteral(['\n border-width: 30px;\n '], ['\n border-width: 30px;\n ']);
|
13930 |
|
13931 | var _react = __webpack_require__(2);
|
13932 |
|
13933 | var _react2 = _interopRequireDefault(_react);
|
13934 |
|
13935 | var _propTypes = __webpack_require__(0);
|
13936 |
|
13937 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13938 |
|
13939 | var _styledComponents = __webpack_require__(1);
|
13940 |
|
13941 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13942 |
|
13943 | var _SRC = __webpack_require__(3);
|
13944 |
|
13945 | var _browserDetection = __webpack_require__(37);
|
13946 |
|
13947 | var _browserDetection2 = _interopRequireDefault(_browserDetection);
|
13948 |
|
13949 | var _ReferralHeader = __webpack_require__(227);
|
13950 |
|
13951 | var _ReferralHeader2 = _interopRequireDefault(_ReferralHeader);
|
13952 |
|
13953 | var _EmailShareButton = __webpack_require__(228);
|
13954 |
|
13955 | var _EmailShareButton2 = _interopRequireDefault(_EmailShareButton);
|
13956 |
|
13957 | var _SmsButton = __webpack_require__(229);
|
13958 |
|
13959 | var _SmsButton2 = _interopRequireDefault(_SmsButton);
|
13960 |
|
13961 | var _ShareOptions = __webpack_require__(230);
|
13962 |
|
13963 | var _ShareOptions2 = _interopRequireDefault(_ShareOptions);
|
13964 |
|
13965 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13966 |
|
13967 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13968 |
|
13969 | var Container = _styledComponents2.default.div(_templateObject);
|
13970 |
|
13971 | var HorizontalRule = _styledComponents2.default.div(_templateObject2, function (props) {
|
13972 | return props.theme.media.phone(_templateObject3);
|
13973 | });
|
13974 |
|
13975 | var HRule = _styledComponents2.default.div(_templateObject4);
|
13976 |
|
13977 | var StyledP = (0, _styledComponents2.default)(_SRC.P)(_templateObject5);
|
13978 |
|
13979 | var StyledSmsButton = (0, _styledComponents2.default)(_SmsButton2.default)(_templateObject6);
|
13980 |
|
13981 | var StyledEmailButton = (0, _styledComponents2.default)(_EmailShareButton2.default)(_templateObject6);
|
13982 |
|
13983 | var StyledShareOptions = (0, _styledComponents2.default)(_ShareOptions2.default)(_templateObject7);
|
13984 |
|
13985 | var BaseReferralSection = function BaseReferralSection(_ref) {
|
13986 | var className = _ref.className,
|
13987 | referralValue = _ref.referralValue,
|
13988 | homepageUrl = _ref.homepageUrl,
|
13989 | referralClicked = _ref.referralClicked,
|
13990 | referralCode = _ref.referralCode,
|
13991 | email = _ref.email,
|
13992 | name = _ref.name;
|
13993 |
|
13994 | return _react2.default.createElement(
|
13995 | 'div',
|
13996 | { className: className },
|
13997 | _react2.default.createElement(
|
13998 | Container,
|
13999 | null,
|
14000 | _react2.default.createElement(_ReferralHeader2.default, { referralValue: referralValue, homepageUrl: homepageUrl }),
|
14001 | _browserDetection2.default.isMobile() && _react2.default.createElement(StyledSmsButton, {
|
14002 | referralValue: referralValue,
|
14003 | homepageUrl: homepageUrl,
|
14004 | referralClicked: referralClicked,
|
14005 | referralCode: referralCode }),
|
14006 | _react2.default.createElement(StyledEmailButton, {
|
14007 | email: email,
|
14008 | referralValue: referralValue,
|
14009 | homepageUrl: homepageUrl,
|
14010 | referralClicked: referralClicked,
|
14011 | referralCode: referralCode }),
|
14012 | _react2.default.createElement(
|
14013 | HorizontalRule,
|
14014 | null,
|
14015 | _react2.default.createElement(HRule, null),
|
14016 | _react2.default.createElement(
|
14017 | StyledP,
|
14018 | null,
|
14019 | 'or'
|
14020 | ),
|
14021 | _react2.default.createElement(HRule, null)
|
14022 | ),
|
14023 | _react2.default.createElement(
|
14024 | StyledP,
|
14025 | null,
|
14026 | 'Share your personal link!'
|
14027 | ),
|
14028 | _react2.default.createElement(StyledShareOptions, {
|
14029 | name: name,
|
14030 | homepageUrl: homepageUrl,
|
14031 | referralValue: referralValue,
|
14032 | referralClicked: referralClicked,
|
14033 | referralCode: referralCode })
|
14034 | )
|
14035 | );
|
14036 | };
|
14037 |
|
14038 | BaseReferralSection.propTypes = {
|
14039 | className: _propTypes2.default.string,
|
14040 | referralValue: _propTypes2.default.string,
|
14041 | homepageUrl: _propTypes2.default.string,
|
14042 | referralClicked: _propTypes2.default.func,
|
14043 | referralCode: _propTypes2.default.string,
|
14044 | email: _propTypes2.default.string,
|
14045 | name: _propTypes2.default.string
|
14046 | };
|
14047 |
|
14048 | var ReferralSection = (0, _styledComponents2.default)(BaseReferralSection)(_templateObject8, function (props) {
|
14049 | return props.theme.colors.white;
|
14050 | }, function (props) {
|
14051 | return props.theme.colors.lightPink;
|
14052 | }, function (props) {
|
14053 | return props.theme.media.tablet(_templateObject9);
|
14054 | }, function (props) {
|
14055 | return props.theme.media.tabletMax(_templateObject10);
|
14056 | });
|
14057 |
|
14058 | exports.default = ReferralSection;
|
14059 |
|
14060 | }),
|
14061 |
|
14062 | (function(module, exports, __webpack_require__) {
|
14063 |
|
14064 | "use strict";
|
14065 |
|
14066 |
|
14067 | Object.defineProperty(exports, "__esModule", {
|
14068 | value: true
|
14069 | });
|
14070 |
|
14071 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n'], ['\n color: ', ';\n']),
|
14072 | _templateObject2 = _taggedTemplateLiteral(['\n text-align: center;\n font-family: ', ';\n font-weight: 300;\n'], ['\n text-align: center;\n font-family: ', ';\n font-weight: 300;\n']);
|
14073 |
|
14074 | var _react = __webpack_require__(2);
|
14075 |
|
14076 | var _react2 = _interopRequireDefault(_react);
|
14077 |
|
14078 | var _propTypes = __webpack_require__(0);
|
14079 |
|
14080 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14081 |
|
14082 | var _styledComponents = __webpack_require__(1);
|
14083 |
|
14084 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14085 |
|
14086 | var _SRC = __webpack_require__(3);
|
14087 |
|
14088 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14089 |
|
14090 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14091 |
|
14092 | var TitlePink = _styledComponents2.default.span(_templateObject, function (props) {
|
14093 | return props.theme.colors.pink;
|
14094 | });
|
14095 |
|
14096 | var BaseHeader = function BaseHeader(_ref) {
|
14097 | var className = _ref.className,
|
14098 | referralValue = _ref.referralValue,
|
14099 | homepageUrl = _ref.homepageUrl;
|
14100 |
|
14101 | return _react2.default.createElement(
|
14102 | 'div',
|
14103 | { className: className },
|
14104 | _react2.default.createElement(
|
14105 | _SRC.H1,
|
14106 | null,
|
14107 | 'Tell a ',
|
14108 | _react2.default.createElement(
|
14109 | TitlePink,
|
14110 | null,
|
14111 | 'friend'
|
14112 | ),
|
14113 | ', get $',
|
14114 | referralValue
|
14115 | ),
|
14116 | _react2.default.createElement(
|
14117 | _SRC.P,
|
14118 | null,
|
14119 | 'Get $',
|
14120 | referralValue,
|
14121 | ' when your friend makes their first purchase\u2014they\u2019ll get $',
|
14122 | referralValue,
|
14123 | ' too!'
|
14124 | ),
|
14125 | _react2.default.createElement(
|
14126 | _SRC.Link,
|
14127 | {
|
14128 | target: '_blank',
|
14129 | rel: 'noopener noreferrer',
|
14130 | href: homepageUrl + '/referral-program' },
|
14131 | 'View details'
|
14132 | )
|
14133 | );
|
14134 | };
|
14135 |
|
14136 | BaseHeader.propTypes = {
|
14137 | className: _propTypes2.default.string,
|
14138 | referralValue: _propTypes2.default.string,
|
14139 | homepageUrl: _propTypes2.default.string
|
14140 | };
|
14141 |
|
14142 | var ReferralHeader = (0, _styledComponents2.default)(BaseHeader)(_templateObject2, function (props) {
|
14143 | return props.theme.fonts.primaryFont;
|
14144 | });
|
14145 | exports.default = ReferralHeader;
|
14146 |
|
14147 | }),
|
14148 |
|
14149 | (function(module, exports, __webpack_require__) {
|
14150 |
|
14151 | "use strict";
|
14152 |
|
14153 |
|
14154 | Object.defineProperty(exports, "__esModule", {
|
14155 | value: true
|
14156 | });
|
14157 |
|
14158 | var _react = __webpack_require__(2);
|
14159 |
|
14160 | var _react2 = _interopRequireDefault(_react);
|
14161 |
|
14162 | var _propTypes = __webpack_require__(0);
|
14163 |
|
14164 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14165 |
|
14166 | var _browserDetection = __webpack_require__(37);
|
14167 |
|
14168 | var _browserDetection2 = _interopRequireDefault(_browserDetection);
|
14169 |
|
14170 | var _SRC = __webpack_require__(3);
|
14171 |
|
14172 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14173 |
|
14174 | var label = 'Invite Via Email';
|
14175 |
|
14176 | var toParams = function toParams(params) {
|
14177 | return Object.keys(params).map(function (key) {
|
14178 | return key + '=' + encodeURIComponent(params[key]);
|
14179 | }).join('&');
|
14180 | };
|
14181 |
|
14182 | var getShareUrl = function getShareUrl(email, params) {
|
14183 | if (!_browserDetection2.default.isMobile() && email && email.match(/@gmail\.com$/)) {
|
14184 | return gmailShareUrl(params);
|
14185 | }
|
14186 | return mailToShareUrl(params);
|
14187 | };
|
14188 |
|
14189 | var mailToShareUrl = function mailToShareUrl(message) {
|
14190 | return 'mailto:?' + toParams(message);
|
14191 | };
|
14192 |
|
14193 | var gmailShareUrl = function gmailShareUrl(message) {
|
14194 | var params = {
|
14195 | view: 'cm',
|
14196 | fs: 1,
|
14197 | su: message.subject,
|
14198 | body: message.body
|
14199 | };
|
14200 | return 'https://mail.google.com/mail/?' + toParams(params);
|
14201 | };
|
14202 |
|
14203 | var EmailShareButton = function EmailShareButton(_ref) {
|
14204 | var className = _ref.className,
|
14205 | referralClicked = _ref.referralClicked,
|
14206 | referralCode = _ref.referralCode,
|
14207 | referralValue = _ref.referralValue,
|
14208 | homepageUrl = _ref.homepageUrl,
|
14209 | email = _ref.email;
|
14210 |
|
14211 | var body = 'Hey!\n\n' + 'I think you’d really enjoy Rockets of Awesome. ' + 'They make it easy and fun to get a personalized box ' + 'of awesome kids clothes delivered to your door every season. ' + 'Use my personal link to sign up and you’ll get ' + ('$' + referralValue + ' off your first purchase.\n\n ') + ('My link: ' + homepageUrl + '?r=' + referralCode + '\n\n') + 'xo';
|
14212 |
|
14213 | var message = {
|
14214 | subject: ' You’ve got to try Rockets of Awesome!',
|
14215 | body: body
|
14216 | };
|
14217 | var url = getShareUrl(email, message);
|
14218 | return _react2.default.createElement(
|
14219 | _SRC.ButtonLink,
|
14220 | { className: className, href: url, onClick: function onClick() {
|
14221 | return referralClicked('share_via_email', label);
|
14222 | } },
|
14223 | 'Invite Via Email'
|
14224 | );
|
14225 | };
|
14226 |
|
14227 | EmailShareButton.propTypes = {
|
14228 | className: _propTypes2.default.string,
|
14229 | referralClicked: _propTypes2.default.func,
|
14230 | referralCode: _propTypes2.default.string,
|
14231 | referralValue: _propTypes2.default.string,
|
14232 | homepageUrl: _propTypes2.default.string,
|
14233 | email: _propTypes2.default.string
|
14234 | };
|
14235 |
|
14236 | exports.default = EmailShareButton;
|
14237 |
|
14238 | }),
|
14239 |
|
14240 | (function(module, exports, __webpack_require__) {
|
14241 |
|
14242 | "use strict";
|
14243 |
|
14244 |
|
14245 | Object.defineProperty(exports, "__esModule", {
|
14246 | value: true
|
14247 | });
|
14248 |
|
14249 | var _react = __webpack_require__(2);
|
14250 |
|
14251 | var _react2 = _interopRequireDefault(_react);
|
14252 |
|
14253 | var _propTypes = __webpack_require__(0);
|
14254 |
|
14255 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14256 |
|
14257 | var _SRC = __webpack_require__(3);
|
14258 |
|
14259 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14260 |
|
14261 | var SmsButton = function SmsButton(_ref) {
|
14262 | var className = _ref.className,
|
14263 | referralClicked = _ref.referralClicked,
|
14264 | referralCode = _ref.referralCode,
|
14265 | referralValue = _ref.referralValue,
|
14266 | homepageUrl = _ref.homepageUrl;
|
14267 |
|
14268 | var body = 'Sign up for Rockets of Awesome with my link and ' + ('get $' + referralValue + ' off your first purchase of supercool kids clothes! ') + (homepageUrl + '?r=' + referralCode);
|
14269 |
|
14270 | var sms_link = 'sms:?&body=' + encodeURIComponent(body);
|
14271 | return _react2.default.createElement(
|
14272 | _SRC.ButtonLink,
|
14273 | { className: className, href: sms_link, onClick: function onClick() {
|
14274 | return referralClicked('share_via_sms', 'Click Refer via SMS button');
|
14275 | } },
|
14276 | 'Invite Via Text'
|
14277 | );
|
14278 | };
|
14279 |
|
14280 | SmsButton.propTypes = {
|
14281 | className: _propTypes2.default.string,
|
14282 | referralClicked: _propTypes2.default.func,
|
14283 | referralCode: _propTypes2.default.string,
|
14284 | referralValue: _propTypes2.default.string,
|
14285 | homepageUrl: _propTypes2.default.string
|
14286 | };
|
14287 |
|
14288 | exports.default = SmsButton;
|
14289 |
|
14290 | }),
|
14291 |
|
14292 | (function(module, exports, __webpack_require__) {
|
14293 |
|
14294 | "use strict";
|
14295 |
|
14296 |
|
14297 | Object.defineProperty(exports, "__esModule", {
|
14298 | value: true
|
14299 | });
|
14300 |
|
14301 | 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; }; }();
|
14302 |
|
14303 | var _templateObject = _taggedTemplateLiteral(['\n max-width: 330px;\n margin: 0 auto;\n'], ['\n max-width: 330px;\n margin: 0 auto;\n']),
|
14304 | _templateObject2 = _taggedTemplateLiteral(['\n border: 1px solid ', ';\n padding: 0 10px;\n font-family: ', ';\n font-size: 16px;\n font-weight: 300;\n flex: 1 1 auto;\n height: 48px;\n color: ', ';\n'], ['\n border: 1px solid ', ';\n padding: 0 10px;\n font-family: ', ';\n font-size: 16px;\n font-weight: 300;\n flex: 1 1 auto;\n height: 48px;\n color: ', ';\n']),
|
14305 | _templateObject3 = _taggedTemplateLiteral(['\n background-color: ', ';\n color: ', ';\n border-radius: 0;\n margin-left: -3px;\n margin-top: 1px;\n &:hover {\n background-color: darken(', ', 10%);\n }\n'], ['\n background-color: ', ';\n color: ', ';\n border-radius: 0;\n margin-left: -3px;\n margin-top: 1px;\n &:hover {\n background-color: darken(', ', 10%);\n }\n']),
|
14306 | _templateObject4 = _taggedTemplateLiteral(['\n max-width: 330px;\n margin: 0 auto;\n background-color: #fafafa;\n border: 1px solid ', ';\n border-top: none;\n font-family: ', ';\n font-size: 11px;\n text-transform: uppercase;\n padding: 2px 15px;\n letter-spacing: 0.5px;\n color: ', ';\n'], ['\n max-width: 330px;\n margin: 0 auto;\n background-color: #fafafa;\n border: 1px solid ', ';\n border-top: none;\n font-family: ', ';\n font-size: 11px;\n text-transform: uppercase;\n padding: 2px 15px;\n letter-spacing: 0.5px;\n color: ', ';\n']),
|
14307 | _templateObject5 = _taggedTemplateLiteral(['\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n a {\n margin-left: 25px;\n }\n\n ', '\n'], ['\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n a {\n margin-left: 25px;\n }\n\n ', '\n']),
|
14308 | _templateObject6 = _taggedTemplateLiteral(['\n width: auto;\n align-items: flex-start;\n height: auto;\n '], ['\n width: auto;\n align-items: flex-start;\n height: auto;\n ']);
|
14309 |
|
14310 | var _react = __webpack_require__(2);
|
14311 |
|
14312 | var _react2 = _interopRequireDefault(_react);
|
14313 |
|
14314 | var _styledComponents = __webpack_require__(1);
|
14315 |
|
14316 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14317 |
|
14318 | var _propTypes = __webpack_require__(0);
|
14319 |
|
14320 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14321 |
|
14322 | var _reactCopyToClipboard = __webpack_require__(231);
|
14323 |
|
14324 | var _reactCopyToClipboard2 = _interopRequireDefault(_reactCopyToClipboard);
|
14325 |
|
14326 | var _inputs = __webpack_require__(25);
|
14327 |
|
14328 | var _FacebookShare = __webpack_require__(232);
|
14329 |
|
14330 | var _FacebookShare2 = _interopRequireDefault(_FacebookShare);
|
14331 |
|
14332 | var _TwitterShare = __webpack_require__(233);
|
14333 |
|
14334 | var _TwitterShare2 = _interopRequireDefault(_TwitterShare);
|
14335 |
|
14336 | var _PinterestShare = __webpack_require__(234);
|
14337 |
|
14338 | var _PinterestShare2 = _interopRequireDefault(_PinterestShare);
|
14339 |
|
14340 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14341 |
|
14342 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
14343 |
|
14344 | 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; }
|
14345 |
|
14346 | 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; }
|
14347 |
|
14348 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14349 |
|
14350 | var UrlField = _styledComponents2.default.div(_templateObject);
|
14351 |
|
14352 | var UrlInput = _styledComponents2.default.input(_templateObject2, function (props) {
|
14353 | return props.theme.colors.gray4;
|
14354 | }, function (props) {
|
14355 | return props.theme.fonts.primaryFont;
|
14356 | }, function (props) {
|
14357 | return props.theme.colors.navyBlue;
|
14358 | });
|
14359 |
|
14360 | var CopyButton = (0, _styledComponents2.default)(_inputs.Button)(_templateObject3, function (props) {
|
14361 | return props.theme.colors.lightBlue1;
|
14362 | }, function (props) {
|
14363 | return props.theme.colors.navyBlue;
|
14364 | }, function (props) {
|
14365 | return props.theme.colors.lightBlue1;
|
14366 | });
|
14367 |
|
14368 | var InputHelp = _styledComponents2.default.div(_templateObject4, function (props) {
|
14369 | return props.theme.colors.gray4;
|
14370 | }, function (props) {
|
14371 | return props.theme.fonts.primaryFont;
|
14372 | }, function (props) {
|
14373 | return props.theme.colors.navyBlue;
|
14374 | });
|
14375 |
|
14376 | var ShareButtons = _styledComponents2.default.div(_templateObject5, function (props) {
|
14377 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject6);
|
14378 | });
|
14379 |
|
14380 | var ShareOptions = function (_Component) {
|
14381 | _inherits(ShareOptions, _Component);
|
14382 |
|
14383 | function ShareOptions(props) {
|
14384 | _classCallCheck(this, ShareOptions);
|
14385 |
|
14386 | var _this = _possibleConstructorReturn(this, (ShareOptions.__proto__ || Object.getPrototypeOf(ShareOptions)).call(this, props));
|
14387 |
|
14388 | _this.state = { copied: false };
|
14389 | _this.onCopy = _this.onCopy.bind(_this);
|
14390 | _this.resetState = _this.resetState.bind(_this);
|
14391 | return _this;
|
14392 | }
|
14393 |
|
14394 | _createClass(ShareOptions, [{
|
14395 | key: 'onCopy',
|
14396 | value: function onCopy() {
|
14397 | this.setState({ copied: true });
|
14398 | setTimeout(this.resetState, 2500);
|
14399 | }
|
14400 | }, {
|
14401 | key: 'resetState',
|
14402 | value: function resetState() {
|
14403 | this.setState({ copied: false });
|
14404 | }
|
14405 | }, {
|
14406 | key: 'render',
|
14407 | value: function render() {
|
14408 | var _props = this.props,
|
14409 | className = _props.className,
|
14410 | showShareButtons = _props.showShareButtons,
|
14411 | homepageUrl = _props.homepageUrl,
|
14412 | referralCode = _props.referralCode,
|
14413 | name = _props.name,
|
14414 | referralClicked = _props.referralClicked,
|
14415 | referralValue = _props.referralValue;
|
14416 | var copied = this.state.copied;
|
14417 |
|
14418 | var url = homepageUrl + '?r=' + referralCode;
|
14419 |
|
14420 | return _react2.default.createElement(
|
14421 | 'div',
|
14422 | { className: className },
|
14423 | _react2.default.createElement(
|
14424 | UrlField,
|
14425 | null,
|
14426 | _react2.default.createElement(UrlInput, { type: 'text', readOnly: true, value: url }),
|
14427 | _react2.default.createElement(
|
14428 | _reactCopyToClipboard2.default,
|
14429 | { text: url, onCopy: this.onCopy },
|
14430 | _react2.default.createElement(
|
14431 | CopyButton,
|
14432 | null,
|
14433 | 'Copy'
|
14434 | )
|
14435 | )
|
14436 | ),
|
14437 | copied && _react2.default.createElement(
|
14438 | InputHelp,
|
14439 | null,
|
14440 | 'Link copied to clipboard'
|
14441 | ),
|
14442 | showShareButtons && _react2.default.createElement(
|
14443 | ShareButtons,
|
14444 | null,
|
14445 | _react2.default.createElement(_FacebookShare2.default, { url: url, referralClicked: referralClicked, name: name }),
|
14446 | _react2.default.createElement(_TwitterShare2.default, { url: url, referralValue: referralValue, referralClicked: referralClicked }),
|
14447 | _react2.default.createElement(_PinterestShare2.default, { url: url, referralValue: referralValue, referralClicked: referralClicked })
|
14448 | )
|
14449 | );
|
14450 | }
|
14451 | }]);
|
14452 |
|
14453 | return ShareOptions;
|
14454 | }(_react.Component);
|
14455 |
|
14456 | ShareOptions.defaultProps = {
|
14457 | showShareButtons: true
|
14458 | };
|
14459 |
|
14460 |
|
14461 | ShareOptions.propTypes = {
|
14462 | referralCode: _propTypes2.default.string.isRequired,
|
14463 | showShareButtons: _propTypes2.default.bool,
|
14464 | homePageUrl: _propTypes2.default.string,
|
14465 | referralClicked: _propTypes2.default.func,
|
14466 | name: _propTypes2.default.string,
|
14467 | referralValue: _propTypes2.default.string,
|
14468 | className: _propTypes2.default.string
|
14469 | };
|
14470 |
|
14471 | exports.default = ShareOptions;
|
14472 |
|
14473 | }),
|
14474 |
|
14475 | (function(module, exports) {
|
14476 |
|
14477 | module.exports = require("react-copy-to-clipboard");
|
14478 |
|
14479 | }),
|
14480 |
|
14481 | (function(module, exports, __webpack_require__) {
|
14482 |
|
14483 | "use strict";
|
14484 |
|
14485 |
|
14486 | Object.defineProperty(exports, "__esModule", {
|
14487 | value: true
|
14488 | });
|
14489 | exports.BaseFacebookShare = undefined;
|
14490 |
|
14491 | 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; }; }();
|
14492 |
|
14493 | var _templateObject = _taggedTemplateLiteral(['\n font-size: 0;\n height: 50px;\n width: 50px;\n background-color: #3c5a99;\n border-radius: 50%;\n background-image: url(https://d2lknnt52h7uhg.cloudfront.net/roa-canon/v1483729648/web/social/facebook.png);\n background-repeat: no-repeat;\n background-size: 10.8px;\n background-position: center;\n margin-top: 25px;\n ', '\n &:hover {\n cursor: pointer;\n }\n'], ['\n font-size: 0;\n height: 50px;\n width: 50px;\n background-color: #3c5a99;\n border-radius: 50%;\n background-image: url(https://d2lknnt52h7uhg.cloudfront.net/roa-canon/v1483729648/web/social/facebook.png);\n background-repeat: no-repeat;\n background-size: 10.8px;\n background-position: center;\n margin-top: 25px;\n ', '\n &:hover {\n cursor: pointer;\n }\n']),
|
14494 | _templateObject2 = _taggedTemplateLiteral(['\n margin-left: 20px;\n '], ['\n margin-left: 20px;\n ']);
|
14495 |
|
14496 | var _react = __webpack_require__(2);
|
14497 |
|
14498 | var _react2 = _interopRequireDefault(_react);
|
14499 |
|
14500 | var _propTypes = __webpack_require__(0);
|
14501 |
|
14502 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14503 |
|
14504 | var _styledComponents = __webpack_require__(1);
|
14505 |
|
14506 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14507 |
|
14508 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14509 |
|
14510 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14511 |
|
14512 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
14513 |
|
14514 | 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; }
|
14515 |
|
14516 | 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; }
|
14517 |
|
14518 | var BaseFacebookShare = exports.BaseFacebookShare = function (_React$Component) {
|
14519 | _inherits(BaseFacebookShare, _React$Component);
|
14520 |
|
14521 | function BaseFacebookShare(props) {
|
14522 | _classCallCheck(this, BaseFacebookShare);
|
14523 |
|
14524 | var _this = _possibleConstructorReturn(this, (BaseFacebookShare.__proto__ || Object.getPrototypeOf(BaseFacebookShare)).call(this, props));
|
14525 |
|
14526 | _this.handleClick = _this.handleClick.bind(_this);
|
14527 | return _this;
|
14528 | }
|
14529 |
|
14530 | _createClass(BaseFacebookShare, [{
|
14531 | key: 'handleClick',
|
14532 | value: function handleClick(_ref) {
|
14533 | var href = _ref.target.dataset.href;
|
14534 | var _props = this.props,
|
14535 | url = _props.url,
|
14536 | name = _props.name,
|
14537 | referralClicked = _props.referralClicked;
|
14538 |
|
14539 | referralClicked('share_via_facebook', 'Click to Refer via Facebook');
|
14540 | window.FB.ui({
|
14541 | method: 'share',
|
14542 | href: url + '&name=' + name
|
14543 | });
|
14544 | }
|
14545 | }, {
|
14546 | key: 'render',
|
14547 | value: function render() {
|
14548 | return _react2.default.createElement(
|
14549 | 'a',
|
14550 | {
|
14551 | className: this.props.className + ' facebook-jssdk',
|
14552 | onClick: this.handleClick },
|
14553 | 'Share on Facebook'
|
14554 | );
|
14555 | }
|
14556 | }]);
|
14557 |
|
14558 | return BaseFacebookShare;
|
14559 | }(_react2.default.Component);
|
14560 |
|
14561 | BaseFacebookShare.propTypes = {
|
14562 | referralClicked: _propTypes2.default.func.isRequired,
|
14563 | url: _propTypes2.default.string,
|
14564 | name: _propTypes2.default.string
|
14565 | };
|
14566 |
|
14567 | var FacebookShare = (0, _styledComponents2.default)(BaseFacebookShare)(_templateObject, function (props) {
|
14568 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
14569 | });
|
14570 |
|
14571 | exports.default = FacebookShare;
|
14572 |
|
14573 | }),
|
14574 |
|
14575 | (function(module, exports, __webpack_require__) {
|
14576 |
|
14577 | "use strict";
|
14578 |
|
14579 |
|
14580 | Object.defineProperty(exports, "__esModule", {
|
14581 | value: true
|
14582 | });
|
14583 |
|
14584 | var _templateObject = _taggedTemplateLiteral(['\n font-size: 0;\n display: flex;\n\n width: 50px;\n height: 50px;\n margin-top: 25px;\n\n border-radius: 50%;\n background-color: #1da1f2;\n background-image: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/v1483729648/web/social/twitter.png\');\n background-repeat: no-repeat;\n background-position: center;\n background-size: 23px;\n\n ', '\n &:hover {\n cursor: pointer;\n }\n'], ['\n font-size: 0;\n display: flex;\n\n width: 50px;\n height: 50px;\n margin-top: 25px;\n\n border-radius: 50%;\n background-color: #1da1f2;\n background-image: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/v1483729648/web/social/twitter.png\');\n background-repeat: no-repeat;\n background-position: center;\n background-size: 23px;\n\n ', '\n &:hover {\n cursor: pointer;\n }\n']),
|
14585 | _templateObject2 = _taggedTemplateLiteral(['\n margin-left: 20px;\n '], ['\n margin-left: 20px;\n ']);
|
14586 |
|
14587 | var _react = __webpack_require__(2);
|
14588 |
|
14589 | var _react2 = _interopRequireDefault(_react);
|
14590 |
|
14591 | var _propTypes = __webpack_require__(0);
|
14592 |
|
14593 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14594 |
|
14595 | var _styledComponents = __webpack_require__(1);
|
14596 |
|
14597 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14598 |
|
14599 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14600 |
|
14601 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14602 |
|
14603 | var BaseTwitterShare = function BaseTwitterShare(_ref) {
|
14604 | var className = _ref.className,
|
14605 | url = _ref.url,
|
14606 | referralValue = _ref.referralValue,
|
14607 | referralClicked = _ref.referralClicked;
|
14608 |
|
14609 | return _react2.default.createElement(
|
14610 | 'a',
|
14611 | {
|
14612 | className: className,
|
14613 | target: '_blank',
|
14614 | onClick: function onClick() {
|
14615 | return referralClicked('share_via_twitter', 'Click to Refer via Twitter');
|
14616 | },
|
14617 | href: 'https://twitter.com/intent/tweet?text=Rockets of Awesome makes\n one-of-a-kind kids clothes! Sign up with my link to get ' + referralValue + ' off your\n first purchase. Shipping and returns are free and there\u2019s no commitment\n (i.e. no reason not to try!). ' + url },
|
14618 | 'Share On Twitter'
|
14619 | );
|
14620 | };
|
14621 |
|
14622 | BaseTwitterShare.propTypes = {
|
14623 | referralClicked: _propTypes2.default.func.isRequired,
|
14624 | url: _propTypes2.default.string
|
14625 | };
|
14626 |
|
14627 | var TwitterShare = (0, _styledComponents2.default)(BaseTwitterShare)(_templateObject, function (props) {
|
14628 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
14629 | });
|
14630 |
|
14631 | exports.default = TwitterShare;
|
14632 |
|
14633 | }),
|
14634 |
|
14635 | (function(module, exports, __webpack_require__) {
|
14636 |
|
14637 | "use strict";
|
14638 |
|
14639 |
|
14640 | Object.defineProperty(exports, "__esModule", {
|
14641 | value: true
|
14642 | });
|
14643 | exports.BasePinterestShare = undefined;
|
14644 |
|
14645 | 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; }; }();
|
14646 |
|
14647 | var _templateObject = _taggedTemplateLiteral(['\n font-size: 0;\n width: 50px;\n height: 50px;\n background-image: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1520886939/web/social/pinterest-circle.svg\');\n background-size: 50px;\n margin-top: 25px;\n ', '\n &:hover {\n cursor: pointer;\n }\n'], ['\n font-size: 0;\n width: 50px;\n height: 50px;\n background-image: url(\'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1520886939/web/social/pinterest-circle.svg\');\n background-size: 50px;\n margin-top: 25px;\n ', '\n &:hover {\n cursor: pointer;\n }\n']),
|
14648 | _templateObject2 = _taggedTemplateLiteral(['\n margin-left: 20px;\n '], ['\n margin-left: 20px;\n ']);
|
14649 |
|
14650 | var _react = __webpack_require__(2);
|
14651 |
|
14652 | var _react2 = _interopRequireDefault(_react);
|
14653 |
|
14654 | var _propTypes = __webpack_require__(0);
|
14655 |
|
14656 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14657 |
|
14658 | var _styledComponents = __webpack_require__(1);
|
14659 |
|
14660 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14661 |
|
14662 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14663 |
|
14664 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14665 |
|
14666 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
14667 |
|
14668 | 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; }
|
14669 |
|
14670 | 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; }
|
14671 |
|
14672 | var BasePinterestShare = exports.BasePinterestShare = function (_React$Component) {
|
14673 | _inherits(BasePinterestShare, _React$Component);
|
14674 |
|
14675 | function BasePinterestShare(props) {
|
14676 | _classCallCheck(this, BasePinterestShare);
|
14677 |
|
14678 | var _this = _possibleConstructorReturn(this, (BasePinterestShare.__proto__ || Object.getPrototypeOf(BasePinterestShare)).call(this, props));
|
14679 |
|
14680 | _this.handleClick = _this.handleClick.bind(_this);
|
14681 | return _this;
|
14682 | }
|
14683 |
|
14684 | _createClass(BasePinterestShare, [{
|
14685 | key: 'componentDidMount',
|
14686 | value: function componentDidMount() {
|
14687 | var script = document.createElement('script');
|
14688 | script.type = 'text/javascript';
|
14689 | script.src = '//assets.pinterest.com/js/pinit.js';
|
14690 | document.querySelector('head').appendChild(script);
|
14691 | }
|
14692 | }, {
|
14693 | key: 'handleClick',
|
14694 | value: function handleClick() {
|
14695 | var _props = this.props,
|
14696 | url = _props.url,
|
14697 | referralClicked = _props.referralClicked,
|
14698 | referralValue = _props.referralValue;
|
14699 |
|
14700 | referralClicked('share_via_pinterest', 'Click to Refer via Pinterest');
|
14701 | window.PinUtils.pinOne({
|
14702 | 'url': url,
|
14703 | 'media': 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/v1521063498/web/social/pinterest-share.jpg',
|
14704 | 'description': 'Get ' + referralValue + ' off Rockets of Awesome when you sign up today!\nTheir supercool kids clothes are hand-picked based on your child\u2019s unique\npreferences\u2014and magically delivered to your door every season.'
|
14705 | });
|
14706 | }
|
14707 | }, {
|
14708 | key: 'render',
|
14709 | value: function render() {
|
14710 | return _react2.default.createElement(
|
14711 | 'a',
|
14712 | {
|
14713 | className: this.props.className,
|
14714 | 'data-pin-custom': 'true',
|
14715 | 'data-pin-do': 'buttonBookmark',
|
14716 | onClick: this.handleClick },
|
14717 | 'Share on Pintrest'
|
14718 | );
|
14719 | }
|
14720 | }]);
|
14721 |
|
14722 | return BasePinterestShare;
|
14723 | }(_react2.default.Component);
|
14724 |
|
14725 | BasePinterestShare.propTypes = {
|
14726 | referralClicked: _propTypes2.default.func.isRequired,
|
14727 | url: _propTypes2.default.string,
|
14728 | referralValue: _propTypes2.default.string
|
14729 | };
|
14730 |
|
14731 | var PinterestShare = (0, _styledComponents2.default)(BasePinterestShare)(_templateObject, function (props) {
|
14732 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
14733 | });
|
14734 |
|
14735 | exports.default = PinterestShare;
|
14736 |
|
14737 | }),
|
14738 |
|
14739 | (function(module, exports, __webpack_require__) {
|
14740 |
|
14741 | "use strict";
|
14742 |
|
14743 |
|
14744 | Object.defineProperty(exports, "__esModule", {
|
14745 | value: true
|
14746 | });
|
14747 |
|
14748 | var _forms = __webpack_require__(236);
|
14749 |
|
14750 | Object.keys(_forms).forEach(function (key) {
|
14751 | if (key === "default" || key === "__esModule") return;
|
14752 | Object.defineProperty(exports, key, {
|
14753 | enumerable: true,
|
14754 | get: function get() {
|
14755 | return _forms[key];
|
14756 | }
|
14757 | });
|
14758 | });
|
14759 |
|
14760 | var _header = __webpack_require__(241);
|
14761 |
|
14762 | Object.keys(_header).forEach(function (key) {
|
14763 | if (key === "default" || key === "__esModule") return;
|
14764 | Object.defineProperty(exports, key, {
|
14765 | enumerable: true,
|
14766 | get: function get() {
|
14767 | return _header[key];
|
14768 | }
|
14769 | });
|
14770 | });
|
14771 |
|
14772 | var _images = __webpack_require__(257);
|
14773 |
|
14774 | Object.keys(_images).forEach(function (key) {
|
14775 | if (key === "default" || key === "__esModule") return;
|
14776 | Object.defineProperty(exports, key, {
|
14777 | enumerable: true,
|
14778 | get: function get() {
|
14779 | return _images[key];
|
14780 | }
|
14781 | });
|
14782 | });
|
14783 |
|
14784 | var _socialMedia = __webpack_require__(261);
|
14785 |
|
14786 | Object.keys(_socialMedia).forEach(function (key) {
|
14787 | if (key === "default" || key === "__esModule") return;
|
14788 | Object.defineProperty(exports, key, {
|
14789 | enumerable: true,
|
14790 | get: function get() {
|
14791 | return _socialMedia[key];
|
14792 | }
|
14793 | });
|
14794 | });
|
14795 |
|
14796 | var _outfits = __webpack_require__(264);
|
14797 |
|
14798 | Object.keys(_outfits).forEach(function (key) {
|
14799 | if (key === "default" || key === "__esModule") return;
|
14800 | Object.defineProperty(exports, key, {
|
14801 | enumerable: true,
|
14802 | get: function get() {
|
14803 | return _outfits[key];
|
14804 | }
|
14805 | });
|
14806 | });
|
14807 |
|
14808 | var _completeAccount = __webpack_require__(269);
|
14809 |
|
14810 | Object.keys(_completeAccount).forEach(function (key) {
|
14811 | if (key === "default" || key === "__esModule") return;
|
14812 | Object.defineProperty(exports, key, {
|
14813 | enumerable: true,
|
14814 | get: function get() {
|
14815 | return _completeAccount[key];
|
14816 | }
|
14817 | });
|
14818 | });
|
14819 |
|
14820 | var _persistentCart = __webpack_require__(272);
|
14821 |
|
14822 | Object.keys(_persistentCart).forEach(function (key) {
|
14823 | if (key === "default" || key === "__esModule") return;
|
14824 | Object.defineProperty(exports, key, {
|
14825 | enumerable: true,
|
14826 | get: function get() {
|
14827 | return _persistentCart[key];
|
14828 | }
|
14829 | });
|
14830 | });
|
14831 |
|
14832 | var _page = __webpack_require__(284);
|
14833 |
|
14834 | Object.defineProperty(exports, 'Page', {
|
14835 | enumerable: true,
|
14836 | get: function get() {
|
14837 | return _interopRequireDefault(_page).default;
|
14838 | }
|
14839 | });
|
14840 |
|
14841 | var _splitTout = __webpack_require__(285);
|
14842 |
|
14843 | Object.defineProperty(exports, 'SplitTout', {
|
14844 | enumerable: true,
|
14845 | get: function get() {
|
14846 | return _interopRequireDefault(_splitTout).default;
|
14847 | }
|
14848 | });
|
14849 |
|
14850 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14851 |
|
14852 | }),
|
14853 |
|
14854 | (function(module, exports, __webpack_require__) {
|
14855 |
|
14856 | "use strict";
|
14857 |
|
14858 |
|
14859 | Object.defineProperty(exports, "__esModule", {
|
14860 | value: true
|
14861 | });
|
14862 |
|
14863 | var _defaultSection = __webpack_require__(237);
|
14864 |
|
14865 | Object.keys(_defaultSection).forEach(function (key) {
|
14866 | if (key === "default" || key === "__esModule") return;
|
14867 | Object.defineProperty(exports, key, {
|
14868 | enumerable: true,
|
14869 | get: function get() {
|
14870 | return _defaultSection[key];
|
14871 | }
|
14872 | });
|
14873 | });
|
14874 |
|
14875 | var _sizePicker = __webpack_require__(239);
|
14876 |
|
14877 | Object.keys(_sizePicker).forEach(function (key) {
|
14878 | if (key === "default" || key === "__esModule") return;
|
14879 | Object.defineProperty(exports, key, {
|
14880 | enumerable: true,
|
14881 | get: function get() {
|
14882 | return _sizePicker[key];
|
14883 | }
|
14884 | });
|
14885 | });
|
14886 |
|
14887 | }),
|
14888 |
|
14889 | (function(module, exports, __webpack_require__) {
|
14890 |
|
14891 | "use strict";
|
14892 |
|
14893 |
|
14894 | Object.defineProperty(exports, "__esModule", {
|
14895 | value: true
|
14896 | });
|
14897 |
|
14898 | var _defaultSection = __webpack_require__(238);
|
14899 |
|
14900 | Object.defineProperty(exports, 'DefaultSection', {
|
14901 | enumerable: true,
|
14902 | get: function get() {
|
14903 | return _interopRequireDefault(_defaultSection).default;
|
14904 | }
|
14905 | });
|
14906 |
|
14907 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14908 |
|
14909 | }),
|
14910 |
|
14911 | (function(module, exports, __webpack_require__) {
|
14912 |
|
14913 | "use strict";
|
14914 |
|
14915 |
|
14916 | Object.defineProperty(exports, "__esModule", {
|
14917 | value: true
|
14918 | });
|
14919 |
|
14920 | var _templateObject = _taggedTemplateLiteral(['\n border-radius: 0.3rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n padding-left: 2rem;\n padding-right: 2rem;\n ', '\n background-color: ', ';\n position: relative;\n box-sizing: border-box;\n\n > ', ' {\n ', '\n position: absolute;\n top: 1rem;\n line-height: 2rem;\n vertical-align: text-bottom;\n ', '\n right: 2rem;\n }\n\n main {\n margin-top: 4rem;\n }\n\n ', ', ', ' {\n ', '\n }\n'], ['\n border-radius: 0.3rem;\n padding-top: 1rem;\n padding-bottom: 1rem;\n padding-left: 2rem;\n padding-right: 2rem;\n ', '\n background-color: ', ';\n position: relative;\n box-sizing: border-box;\n\n > ', ' {\n ', '\n position: absolute;\n top: 1rem;\n line-height: 2rem;\n vertical-align: text-bottom;\n ', '\n right: 2rem;\n }\n\n main {\n margin-top: 4rem;\n }\n\n ', ', ', ' {\n ', '\n }\n']),
|
14921 | _templateObject2 = _taggedTemplateLiteral(['\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n '], ['\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n ']),
|
14922 | _templateObject3 = _taggedTemplateLiteral(['\n top: 1.5rem;\n '], ['\n top: 1.5rem;\n ']),
|
14923 | _templateObject4 = _taggedTemplateLiteral(['\n margin: 0 2rem;\n '], ['\n margin: 0 2rem;\n ']);
|
14924 |
|
14925 | var _styledComponents = __webpack_require__(1);
|
14926 |
|
14927 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14928 |
|
14929 | var _propTypes = __webpack_require__(0);
|
14930 |
|
14931 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14932 |
|
14933 | var _Label = __webpack_require__(10);
|
14934 |
|
14935 | var _SRC = __webpack_require__(3);
|
14936 |
|
14937 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14938 |
|
14939 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14940 |
|
14941 | var DefaultSection = _styledComponents2.default.section(_templateObject, function (props) {
|
14942 | return props.theme.media.tablet(_templateObject2);
|
14943 | }, function (props) {
|
14944 | return props.theme.colors.gray[2];
|
14945 | }, _SRC.Link, _Label.styles, function (props) {
|
14946 | return props.theme.media.tablet(_templateObject3);
|
14947 | }, _SRC.DefaultAddress, _SRC.DefaultPayment, function (props) {
|
14948 | return props.theme.media.tablet(_templateObject4);
|
14949 | });
|
14950 |
|
14951 | DefaultSection.propTypes = {
|
14952 | theme: _propTypes2.default.shape({
|
14953 | colors: _propTypes2.default.shape({
|
14954 | gray: _propTypes2.default.array
|
14955 | })
|
14956 | })
|
14957 |
|
14958 |
|
14959 | };exports.default = DefaultSection;
|
14960 |
|
14961 | }),
|
14962 |
|
14963 | (function(module, exports, __webpack_require__) {
|
14964 |
|
14965 | "use strict";
|
14966 |
|
14967 |
|
14968 | Object.defineProperty(exports, "__esModule", {
|
14969 | value: true
|
14970 | });
|
14971 |
|
14972 | var _sizePicker = __webpack_require__(240);
|
14973 |
|
14974 | Object.defineProperty(exports, 'SizePicker', {
|
14975 | enumerable: true,
|
14976 | get: function get() {
|
14977 | return _interopRequireDefault(_sizePicker).default;
|
14978 | }
|
14979 | });
|
14980 |
|
14981 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14982 |
|
14983 | }),
|
14984 |
|
14985 | (function(module, exports, __webpack_require__) {
|
14986 |
|
14987 | "use strict";
|
14988 |
|
14989 |
|
14990 | Object.defineProperty(exports, "__esModule", {
|
14991 | value: true
|
14992 | });
|
14993 |
|
14994 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n margin-top: 1.5rem;\n margin-right: 0.75rem;\n margin-left: 0.75rem;\n }\n\n'], ['\n ', ' {\n margin-top: 1.5rem;\n margin-right: 0.75rem;\n margin-left: 0.75rem;\n }\n\n']);
|
14995 |
|
14996 | var _react = __webpack_require__(2);
|
14997 |
|
14998 | var _react2 = _interopRequireDefault(_react);
|
14999 |
|
15000 | var _propTypes = __webpack_require__(0);
|
15001 |
|
15002 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15003 |
|
15004 | var _styledComponents = __webpack_require__(1);
|
15005 |
|
15006 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15007 |
|
15008 | var _SRC = __webpack_require__(3);
|
15009 |
|
15010 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15011 |
|
15012 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15013 |
|
15014 | var SizePicker = (0, _styledComponents2.default)(function (_ref) {
|
15015 | var className = _ref.className,
|
15016 | inputDisabled = _ref.inputDisabled,
|
15017 | variants = _ref.variants,
|
15018 | currentSize = _ref.currentSize,
|
15019 | onSizeSelect = _ref.onSizeSelect,
|
15020 | productId = _ref.productId;
|
15021 |
|
15022 | return _react2.default.createElement(
|
15023 | 'div',
|
15024 | { className: className },
|
15025 | variants.map(function (variant, index) {
|
15026 | return _react2.default.createElement(_SRC.SquareRadioButton, {
|
15027 | key: productId + '-' + index,
|
15028 | input: {
|
15029 | onChange: onSizeSelect,
|
15030 | value: variant.sku,
|
15031 | checked: currentSize === variant.sku,
|
15032 | disabled: inputDisabled && !variant.in_stock
|
15033 | },
|
15034 | disabled: !variant.in_stock,
|
15035 | selected: currentSize === variant.sku,
|
15036 | children: variant.size });
|
15037 | })
|
15038 | );
|
15039 | })(_templateObject, _SRC.SquareRadioButton);
|
15040 | SizePicker.propTypes = {
|
15041 | className: _propTypes2.default.string,
|
15042 | sizes: _propTypes2.default.array,
|
15043 | name: _propTypes2.default.string,
|
15044 | currentSize: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number])
|
15045 |
|
15046 |
|
15047 | };exports.default = SizePicker;
|
15048 |
|
15049 | }),
|
15050 |
|
15051 | (function(module, exports, __webpack_require__) {
|
15052 |
|
15053 | "use strict";
|
15054 |
|
15055 |
|
15056 | Object.defineProperty(exports, "__esModule", {
|
15057 | value: true
|
15058 | });
|
15059 |
|
15060 | var _desktopNavigation = __webpack_require__(242);
|
15061 |
|
15062 | Object.keys(_desktopNavigation).forEach(function (key) {
|
15063 | if (key === "default" || key === "__esModule") return;
|
15064 | Object.defineProperty(exports, key, {
|
15065 | enumerable: true,
|
15066 | get: function get() {
|
15067 | return _desktopNavigation[key];
|
15068 | }
|
15069 | });
|
15070 | });
|
15071 |
|
15072 | var _mobileNavigation = __webpack_require__(250);
|
15073 |
|
15074 | Object.keys(_mobileNavigation).forEach(function (key) {
|
15075 | if (key === "default" || key === "__esModule") return;
|
15076 | Object.defineProperty(exports, key, {
|
15077 | enumerable: true,
|
15078 | get: function get() {
|
15079 | return _mobileNavigation[key];
|
15080 | }
|
15081 | });
|
15082 | });
|
15083 |
|
15084 | var _header = __webpack_require__(256);
|
15085 |
|
15086 | Object.defineProperty(exports, 'Header', {
|
15087 | enumerable: true,
|
15088 | get: function get() {
|
15089 | return _interopRequireDefault(_header).default;
|
15090 | }
|
15091 | });
|
15092 |
|
15093 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15094 |
|
15095 | }),
|
15096 |
|
15097 | (function(module, exports, __webpack_require__) {
|
15098 |
|
15099 | "use strict";
|
15100 |
|
15101 |
|
15102 | Object.defineProperty(exports, "__esModule", {
|
15103 | value: true
|
15104 | });
|
15105 |
|
15106 | var _desktopNavigation = __webpack_require__(243);
|
15107 |
|
15108 | Object.defineProperty(exports, 'DesktopNavigation', {
|
15109 | enumerable: true,
|
15110 | get: function get() {
|
15111 | return _interopRequireDefault(_desktopNavigation).default;
|
15112 | }
|
15113 | });
|
15114 |
|
15115 | var _megaMenu = __webpack_require__(245);
|
15116 |
|
15117 | Object.keys(_megaMenu).forEach(function (key) {
|
15118 | if (key === "default" || key === "__esModule") return;
|
15119 | Object.defineProperty(exports, key, {
|
15120 | enumerable: true,
|
15121 | get: function get() {
|
15122 | return _megaMenu[key];
|
15123 | }
|
15124 | });
|
15125 | });
|
15126 |
|
15127 | var _accountLinks = __webpack_require__(248);
|
15128 |
|
15129 | Object.keys(_accountLinks).forEach(function (key) {
|
15130 | if (key === "default" || key === "__esModule") return;
|
15131 | Object.defineProperty(exports, key, {
|
15132 | enumerable: true,
|
15133 | get: function get() {
|
15134 | return _accountLinks[key];
|
15135 | }
|
15136 | });
|
15137 | });
|
15138 |
|
15139 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15140 |
|
15141 | }),
|
15142 |
|
15143 | (function(module, exports, __webpack_require__) {
|
15144 |
|
15145 | "use strict";
|
15146 |
|
15147 |
|
15148 | Object.defineProperty(exports, "__esModule", {
|
15149 | value: true
|
15150 | });
|
15151 | exports.BaseDesktopNavigation = undefined;
|
15152 |
|
15153 | 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; }; }();
|
15154 |
|
15155 | var _templateObject = _taggedTemplateLiteral(['\n width: 100%;\n flex-wrap: wrap;\n z-index: 100;\n .nav-wrapper {\n position: relative\n width: 100%;\n }\n nav {\n display: flex;\n flex-basis: 100%;\n height: 100%;\n > ol {\n display: flex;\n align-items: center;\n padding-left: 0;\n margin: 0;\n flex-basis: 100%;\n height: 100%;\n > li {\n list-style: none;\n display: flex-inline;\n align-items: center;\n height: 100%;\n }\n > span {\n font-family: ', ';\n font-size: 1.4rem;\n color: #333;\n }\n }\n }\n .spacer {\n margin-left: auto;\n }\n ', ' {\n width: 36rem;\n }\n .megaMenu {\n position: absolute;\n left: 0;\n right: 0;\n top: 60px;\n }\n .screenReader {\n font-size: 0;\n position: absolute;\n top: 0;\n left: 0;\n text-transform: capitalize;\n }\n ', ' {\n margin-left: 0.5rem;\n }\n'], ['\n width: 100%;\n flex-wrap: wrap;\n z-index: 100;\n .nav-wrapper {\n position: relative\n width: 100%;\n }\n nav {\n display: flex;\n flex-basis: 100%;\n height: 100%;\n > ol {\n display: flex;\n align-items: center;\n padding-left: 0;\n margin: 0;\n flex-basis: 100%;\n height: 100%;\n > li {\n list-style: none;\n display: flex-inline;\n align-items: center;\n height: 100%;\n }\n > span {\n font-family: ', ';\n font-size: 1.4rem;\n color: #333;\n }\n }\n }\n .spacer {\n margin-left: auto;\n }\n ', ' {\n width: 36rem;\n }\n .megaMenu {\n position: absolute;\n left: 0;\n right: 0;\n top: 60px;\n }\n .screenReader {\n font-size: 0;\n position: absolute;\n top: 0;\n left: 0;\n text-transform: capitalize;\n }\n ', ' {\n margin-left: 0.5rem;\n }\n']);
|
15156 |
|
15157 | var _react = __webpack_require__(2);
|
15158 |
|
15159 | var _react2 = _interopRequireDefault(_react);
|
15160 |
|
15161 | var _propTypes = __webpack_require__(0);
|
15162 |
|
15163 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15164 |
|
15165 | var _styledComponents = __webpack_require__(1);
|
15166 |
|
15167 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15168 |
|
15169 | var _SRC = __webpack_require__(3);
|
15170 |
|
15171 | var _defaultProps = __webpack_require__(244);
|
15172 |
|
15173 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15174 |
|
15175 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15176 |
|
15177 | 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; }
|
15178 |
|
15179 | 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; }
|
15180 |
|
15181 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15182 |
|
15183 | 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; }
|
15184 |
|
15185 | 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; }
|
15186 |
|
15187 | var BaseDesktopNavigation = exports.BaseDesktopNavigation = function (_React$Component) {
|
15188 | _inherits(BaseDesktopNavigation, _React$Component);
|
15189 |
|
15190 | function BaseDesktopNavigation(props) {
|
15191 | _classCallCheck(this, BaseDesktopNavigation);
|
15192 |
|
15193 | var _this = _possibleConstructorReturn(this, (BaseDesktopNavigation.__proto__ || Object.getPrototypeOf(BaseDesktopNavigation)).call(this, props));
|
15194 |
|
15195 | _this.closeDrawers = function () {
|
15196 | _this.setState({
|
15197 | boys: { visible: false },
|
15198 | girls: { visible: false }
|
15199 | });
|
15200 | };
|
15201 |
|
15202 | _this.openDrawer = function (currentSection) {
|
15203 | return function () {
|
15204 | _this.closeDrawers();
|
15205 | _this.setState(_defineProperty({}, currentSection, { visible: true }));
|
15206 | };
|
15207 | };
|
15208 |
|
15209 | _this.toggleDrawer = function (currentSection) {
|
15210 | return function () {
|
15211 | var visibility = _this.state[currentSection].visible;
|
15212 | _this.closeDrawers(currentSection, false);
|
15213 | _this.setState(_defineProperty({}, currentSection, { visible: !visibility }));
|
15214 | };
|
15215 | };
|
15216 |
|
15217 | _this.setHeaderRef = function (element) {
|
15218 | _this.header = element;
|
15219 | };
|
15220 |
|
15221 | _this.state = {
|
15222 | boys: {
|
15223 | visible: false
|
15224 | },
|
15225 | girls: {
|
15226 | visible: false
|
15227 | }
|
15228 | };
|
15229 | _this.header = undefined;
|
15230 | return _this;
|
15231 | }
|
15232 |
|
15233 | _createClass(BaseDesktopNavigation, [{
|
15234 | key: 'render',
|
15235 | value: function render() {
|
15236 | var _props = this.props,
|
15237 | className = _props.className,
|
15238 | animationLength = _props.animationLength,
|
15239 | renderLink = _props.renderLink,
|
15240 | isSubscriptionMember = _props.isSubscriptionMember,
|
15241 | highlightable = _props.highlightable,
|
15242 | girlsLinks = _props.girlsLinks,
|
15243 | boysLinks = _props.boysLinks,
|
15244 | bagCount = _props.bagCount,
|
15245 | homepageUrl = _props.homepageUrl,
|
15246 | clickBag = _props.clickBag,
|
15247 | props = _objectWithoutProperties(_props, ['className', 'animationLength', 'renderLink', 'isSubscriptionMember', 'highlightable', 'girlsLinks', 'boysLinks', 'bagCount', 'homepageUrl', 'clickBag']);
|
15248 |
|
15249 | var _state = this.state,
|
15250 | boysState = _state.boys,
|
15251 | girlsState = _state.girls;
|
15252 |
|
15253 | return _react2.default.createElement(
|
15254 | _SRC.DesktopHeader,
|
15255 | Object.assign({
|
15256 | ref: this.setHeaderRef
|
15257 | }, props, {
|
15258 | className: className,
|
15259 | onMouseLeave: this.closeDrawers }),
|
15260 | _react2.default.createElement(
|
15261 | 'div',
|
15262 | { className: 'nav-wrapper' },
|
15263 | _react2.default.createElement(
|
15264 | _SRC.FlexRow,
|
15265 | {
|
15266 | constrained: true,
|
15267 | element: 'nav' },
|
15268 | _react2.default.createElement(
|
15269 | 'ol',
|
15270 | null,
|
15271 | _react2.default.createElement(
|
15272 | 'li',
|
15273 | null,
|
15274 | _react2.default.createElement(
|
15275 | _SRC.HeaderLink,
|
15276 | {
|
15277 | onMouseEnter: this.closeDrawers,
|
15278 | onFocus: this.closeDrawers,
|
15279 | highlightable: false,
|
15280 | renderLink: renderLink,
|
15281 | spacing: false },
|
15282 | _react2.default.createElement(
|
15283 | 'span',
|
15284 | { className: 'screenReader' },
|
15285 | 'Home'
|
15286 | ),
|
15287 | _react2.default.createElement(_SRC.Logo, null)
|
15288 | )
|
15289 | ),
|
15290 | _react2.default.createElement(
|
15291 | 'li',
|
15292 | null,
|
15293 | _react2.default.createElement(
|
15294 | _SRC.HeaderLink,
|
15295 | {
|
15296 | onMouseEnter: this.openDrawer('girls'),
|
15297 | onClick: this.toggleDrawer('girls'),
|
15298 | highlightable: highlightable,
|
15299 | 'aria-haspopup': true },
|
15300 | 'Girls'
|
15301 | ),
|
15302 | _react2.default.createElement(_SRC.MegaMenu, Object.assign({
|
15303 | className: 'megaMenu',
|
15304 | regions: girlsLinks.regions,
|
15305 | renderLink: renderLink,
|
15306 | animationLength: animationLength
|
15307 | }, girlsState))
|
15308 | ),
|
15309 | _react2.default.createElement(
|
15310 | 'li',
|
15311 | null,
|
15312 | _react2.default.createElement(
|
15313 | _SRC.HeaderLink,
|
15314 | {
|
15315 | onMouseEnter: this.openDrawer('boys'),
|
15316 | onClick: this.toggleDrawer('boys'),
|
15317 | highlightable: highlightable,
|
15318 | 'aria-haspopup': true },
|
15319 | 'Boys'
|
15320 | ),
|
15321 | _react2.default.createElement(_SRC.MegaMenu, Object.assign({
|
15322 | className: 'megaMenu',
|
15323 | regions: boysLinks.regions,
|
15324 | renderLink: renderLink,
|
15325 | animationLength: animationLength
|
15326 | }, boysState))
|
15327 | ),
|
15328 | _react2.default.createElement(
|
15329 | 'li',
|
15330 | null,
|
15331 | !isSubscriptionMember && _react2.default.createElement(
|
15332 | _SRC.HeaderLink,
|
15333 | {
|
15334 | onMouseEnter: this.closeDrawers,
|
15335 | onFocus: this.closeDrawers,
|
15336 | href: homepageUrl + '?view=subscribe',
|
15337 | highlightable: highlightable },
|
15338 | 'Subscribe + Save'
|
15339 | ),
|
15340 | isSubscriptionMember && _react2.default.createElement(
|
15341 | _SRC.HeaderLink,
|
15342 | {
|
15343 | onMouseEnter: this.closeDrawers,
|
15344 | onFocus: this.closeDrawers,
|
15345 | highlightable: highlightable,
|
15346 | target: '/box',
|
15347 | renderLink: renderLink },
|
15348 | 'My Subscription'
|
15349 | )
|
15350 | ),
|
15351 | _react2.default.createElement(
|
15352 | 'span',
|
15353 | null,
|
15354 | '|'
|
15355 | ),
|
15356 | _react2.default.createElement(
|
15357 | 'li',
|
15358 | null,
|
15359 | _react2.default.createElement(
|
15360 | _SRC.HeaderLink,
|
15361 | {
|
15362 | href: 'https://news.rocketsofawesome.com',
|
15363 | highlightable: highlightable },
|
15364 | 'Blog'
|
15365 | )
|
15366 | ),
|
15367 | _react2.default.createElement(
|
15368 | 'li',
|
15369 | { className: 'spacer' },
|
15370 | _react2.default.createElement(_SRC.DesktopAccountLinks, Object.assign({
|
15371 | isSubscriptionMember: isSubscriptionMember,
|
15372 | highlightable: highlightable,
|
15373 | renderLink: renderLink
|
15374 | }, props))
|
15375 | ),
|
15376 | _react2.default.createElement(
|
15377 | 'li',
|
15378 | null,
|
15379 | _react2.default.createElement(
|
15380 | _SRC.HeaderLink,
|
15381 | {
|
15382 | justify: 'flex-end',
|
15383 | highlightable: highlightable,
|
15384 | onClick: clickBag,
|
15385 | 'aria-haspopup': true },
|
15386 | _react2.default.createElement(
|
15387 | 'span',
|
15388 | { 'aria-hidden': true },
|
15389 | 'Bag'
|
15390 | ),
|
15391 | _react2.default.createElement(
|
15392 | 'span',
|
15393 | { className: 'screenReader' },
|
15394 | 'Bag'
|
15395 | ),
|
15396 | _react2.default.createElement(_SRC.BagIcon, { count: bagCount })
|
15397 | )
|
15398 | )
|
15399 | )
|
15400 | )
|
15401 | )
|
15402 | );
|
15403 | }
|
15404 | }]);
|
15405 |
|
15406 | return BaseDesktopNavigation;
|
15407 | }(_react2.default.Component);
|
15408 |
|
15409 | var DesktopNavigation = (0, _styledComponents2.default)(BaseDesktopNavigation)(_templateObject, function (props) {
|
15410 | return props.theme.fonts.primaryFont;
|
15411 | }, _SRC.Logo, _SRC.BagIcon);
|
15412 |
|
15413 | BaseDesktopNavigation.propTypes = {
|
15414 | className: _propTypes2.default.string,
|
15415 | loggedIn: _propTypes2.default.bool,
|
15416 | animationLength: _propTypes2.default.number,
|
15417 | renderLink: _propTypes2.default.func,
|
15418 | isSubscriptionMember: _propTypes2.default.bool,
|
15419 | girlsLinks: _propTypes2.default.object,
|
15420 | boysLinks: _propTypes2.default.object,
|
15421 | bagCount: _propTypes2.default.number,
|
15422 | homepageUrl: _propTypes2.default.string,
|
15423 | clickBag: _propTypes2.default.func
|
15424 | };
|
15425 |
|
15426 | BaseDesktopNavigation.defaultProps = {
|
15427 | animationLength: 300,
|
15428 | renderLink: _defaultProps.renderLink,
|
15429 |
|
15430 | highlightable: true,
|
15431 | girlsLinks: _defaultProps.girls,
|
15432 | boysLinks: _defaultProps.boys,
|
15433 | bagCount: 5,
|
15434 | homepageUrl: 'https://rocketsofawesome.com'
|
15435 |
|
15436 |
|
15437 | };exports.default = DesktopNavigation;
|
15438 |
|
15439 | }),
|
15440 |
|
15441 | (function(module, exports, __webpack_require__) {
|
15442 |
|
15443 | "use strict";
|
15444 |
|
15445 |
|
15446 | Object.defineProperty(exports, "__esModule", {
|
15447 | value: true
|
15448 | });
|
15449 | exports.renderLink = exports.accountLinks = exports.boys = exports.girls = undefined;
|
15450 |
|
15451 | var _react = __webpack_require__(2);
|
15452 |
|
15453 | var _react2 = _interopRequireDefault(_react);
|
15454 |
|
15455 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15456 |
|
15457 | 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; }
|
15458 |
|
15459 | var girls = exports.girls = {
|
15460 | regions: {
|
15461 | left: [{
|
15462 | id: 'category',
|
15463 | title: 'Shop by Category',
|
15464 | links: [{ target: '#', text: 'Shop New', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_NewArrivals.jpg' }, { target: '#', text: 'Best Sellers', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_BestSellers.jpg' }, { target: '#', text: 'Graphics Shop', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_GraphicTees.jpg' }, { target: '#', text: 'Tees & Tops', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_Tops.jpg' }, { target: '#', text: 'Sweatshirts', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_Sweats.jpg' }, { target: '#', text: 'Dresses & Skirts', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_Dresses.jpg' }, { target: '#', text: 'Leggings & Sweatpants', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_Pants.jpg' }, { target: '#', text: 'Active', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_Active.jpg' }, { target: '#', text: 'Outerwear', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_Outerwear.jpg' }, { target: '#', text: 'Swim', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_Swim.jpg' }, { target: '#', text: 'Accessories', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_Accessories.jpg' }, { target: '#', text: 'Shop All', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_G_All.jpg' }]
|
15465 | }],
|
15466 | right: [{
|
15467 | id: 'story',
|
15468 | title: 'Shop by Story',
|
15469 | links: [{ target: '#', text: 'Next-Level Neon', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_E_Neon.jpg' }, { target: '#', text: 'Not Your Average Rainbow', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_E_Rainbow.jpg' }, { target: '#', text: 'Awesome Graffiti', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_E_Graffiti.jpg' }, { target: '#', text: 'Vacation-Ready Styles', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_E_Vacation.jpg' }]
|
15470 | }]
|
15471 | }
|
15472 | };
|
15473 |
|
15474 | var boys = exports.boys = {
|
15475 | regions: {
|
15476 | left: [{
|
15477 | id: 'category',
|
15478 | title: 'Shop by Category',
|
15479 | links: [{ target: '#', text: 'Shop New', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_NewArrivals.jpg' }, { target: '#', text: 'Best Sellers', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_BestSellers.jpg' }, { target: '#', text: 'Graphics Shop', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_GraphicTees.jpg' }, { target: '#', text: 'Tees & Tops', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_Tops.jpg' }, { target: '#', text: 'Sweatshirts', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_Sweats.jpg' }, { target: '#', text: 'Pants & Shorts', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_Pants.jpg' }, { target: '#', text: 'Active', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_Active.jpg' }, { target: '#', text: 'Outerwear', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_Outerwear.jpg' }, { target: '#', text: 'Swim', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_Swim.jpg' }, { target: '#', text: 'Accessories', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_Accessories.jpg' }, { target: '#', text: 'Shop All', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_B_All.jpg' }]
|
15480 | }],
|
15481 | right: [{
|
15482 | id: 'story',
|
15483 | title: 'Shop by Story',
|
15484 | links: [{ target: '#', text: 'Next-Level Neon', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_E_Neon.jpg' }, { target: '#', text: 'Awesome Graffiti', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_E_Graffiti.jpg' }, { target: '#', text: 'Vacation-Ready Styles', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/web/megamenu/NAV_E_Vacation.jpg' }]
|
15485 | }]
|
15486 | }
|
15487 | };
|
15488 |
|
15489 | var accountLinks = exports.accountLinks = {
|
15490 | loggedOut: {
|
15491 | text: 'Login',
|
15492 | target: '/shop/login'
|
15493 | },
|
15494 | loggedIn: {
|
15495 | text: 'Shawn',
|
15496 | submenu: []
|
15497 | }
|
15498 | };
|
15499 |
|
15500 | var renderLink = function renderLink(inProps) {
|
15501 | var target = inProps.target,
|
15502 | children = inProps.children,
|
15503 | props = _objectWithoutProperties(inProps, ['target', 'children']);
|
15504 |
|
15505 | return _react2.default.createElement(
|
15506 | 'a',
|
15507 | Object.assign({ href: target }, props),
|
15508 | children
|
15509 | );
|
15510 | };
|
15511 | exports.renderLink = renderLink;
|
15512 |
|
15513 | }),
|
15514 |
|
15515 | (function(module, exports, __webpack_require__) {
|
15516 |
|
15517 | "use strict";
|
15518 |
|
15519 |
|
15520 | Object.defineProperty(exports, "__esModule", {
|
15521 | value: true
|
15522 | });
|
15523 |
|
15524 | var _megaMenu = __webpack_require__(246);
|
15525 |
|
15526 | Object.defineProperty(exports, 'MegaMenu', {
|
15527 | enumerable: true,
|
15528 | get: function get() {
|
15529 | return _interopRequireDefault(_megaMenu).default;
|
15530 | }
|
15531 | });
|
15532 |
|
15533 | var _megaMenuSection = __webpack_require__(247);
|
15534 |
|
15535 | Object.defineProperty(exports, 'MegaMenuSection', {
|
15536 | enumerable: true,
|
15537 | get: function get() {
|
15538 | return _interopRequireDefault(_megaMenuSection).default;
|
15539 | }
|
15540 | });
|
15541 |
|
15542 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15543 |
|
15544 | }),
|
15545 |
|
15546 | (function(module, exports, __webpack_require__) {
|
15547 |
|
15548 | "use strict";
|
15549 |
|
15550 |
|
15551 | Object.defineProperty(exports, "__esModule", {
|
15552 | value: true
|
15553 | });
|
15554 | exports.BaseMegaMenu = undefined;
|
15555 |
|
15556 | 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; }; }();
|
15557 |
|
15558 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n opacity: 0;\n }\n 10% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n'], ['\n 0% {\n opacity: 0;\n }\n 10% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n']),
|
15559 | _templateObject2 = _taggedTemplateLiteral(['\n 0% {\n opacity: 1;\n }\n 10% {\n opacity: 1;\n }\n 99% {\n opacity: 0;\n height: auto;\n }\n 100% {\n opacity: 0;\n height: 0;\n }\n'], ['\n 0% {\n opacity: 1;\n }\n 10% {\n opacity: 1;\n }\n 99% {\n opacity: 0;\n height: auto;\n }\n 100% {\n opacity: 0;\n height: 0;\n }\n']),
|
15560 | _templateObject3 = _taggedTemplateLiteral(['\n overflow: hidden;\n padding-top: 4rem;\n padding-bottom: 4rem;\n background-color: ', ';\n box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);\n border-top: 0.2rem solid ', ';\n border-bottom: 0.2rem solid ', ';\n z-index: 100;\n &.closed {\n opacity: 0;\n height: 0;\n padding: 0;\n }\n &.closing {\n opacity: 0;\n animation: ', ' ', 's ease-in;\n }\n &.opened {\n opacity: 1;\n animation: ', ' ', 's ease-in;\n }\n ', ' {\n margin-bottom: 1rem;\n display: inline-block;\n }\n\n li {\n list-style: none;\n }\n }\n .imageContainer {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n }\n .menuImage {\n position: absolute;\n left: 0;\n top: 0;\n width: auto;\n max-width: 100%;\n max-height: 30rem;\n margin-top: 2rem;\n border: 0.1rem solid ', ';\n border-radius: 0.2rem;\n animation: ', ' ', 's ease-in;\n }\n'], ['\n overflow: hidden;\n padding-top: 4rem;\n padding-bottom: 4rem;\n background-color: ', ';\n box-shadow: 0 2px 1px 0 rgba(0,0,0,.16);\n border-top: 0.2rem solid ', ';\n border-bottom: 0.2rem solid ', ';\n z-index: 100;\n &.closed {\n opacity: 0;\n height: 0;\n padding: 0;\n }\n &.closing {\n opacity: 0;\n animation: ', ' ', 's ease-in;\n }\n &.opened {\n opacity: 1;\n animation: ', ' ', 's ease-in;\n }\n ', ' {\n margin-bottom: 1rem;\n display: inline-block;\n }\n\n li {\n list-style: none;\n }\n }\n .imageContainer {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n }\n .menuImage {\n position: absolute;\n left: 0;\n top: 0;\n width: auto;\n max-width: 100%;\n max-height: 30rem;\n margin-top: 2rem;\n border: 0.1rem solid ', ';\n border-radius: 0.2rem;\n animation: ', ' ', 's ease-in;\n }\n']);
|
15561 |
|
15562 | var _react = __webpack_require__(2);
|
15563 |
|
15564 | var _react2 = _interopRequireDefault(_react);
|
15565 |
|
15566 | var _propTypes = __webpack_require__(0);
|
15567 |
|
15568 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15569 |
|
15570 | var _styledComponents = __webpack_require__(1);
|
15571 |
|
15572 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15573 |
|
15574 | var _classnames = __webpack_require__(7);
|
15575 |
|
15576 | var _classnames2 = _interopRequireDefault(_classnames);
|
15577 |
|
15578 | var _SRC = __webpack_require__(3);
|
15579 |
|
15580 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15581 |
|
15582 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15583 |
|
15584 | 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; }
|
15585 |
|
15586 | 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; }
|
15587 |
|
15588 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15589 |
|
15590 | var FadeIn = (0, _styledComponents.keyframes)(_templateObject);
|
15591 |
|
15592 | var FadeOut = (0, _styledComponents.keyframes)(_templateObject2);
|
15593 |
|
15594 | var BaseMegaMenu = exports.BaseMegaMenu = function (_React$Component) {
|
15595 | _inherits(BaseMegaMenu, _React$Component);
|
15596 |
|
15597 | function BaseMegaMenu(props) {
|
15598 | _classCallCheck(this, BaseMegaMenu);
|
15599 |
|
15600 | var _this = _possibleConstructorReturn(this, (BaseMegaMenu.__proto__ || Object.getPrototypeOf(BaseMegaMenu)).call(this, props));
|
15601 |
|
15602 | _this.setRef = function (elem) {
|
15603 | _this.menu = elem;
|
15604 | };
|
15605 |
|
15606 | _this.setMenuImage = function (src) {
|
15607 | return function () {
|
15608 | _this.setState({ menuImage: src });
|
15609 | };
|
15610 | };
|
15611 |
|
15612 | _this.clearMenuImage = function () {
|
15613 | _this.setState({ menuImage: undefined });
|
15614 | };
|
15615 |
|
15616 | _this.state = {
|
15617 | closed: props.closed,
|
15618 | closing: props.closing,
|
15619 | menuImage: undefined
|
15620 | };
|
15621 | _this.menu = undefined;
|
15622 | return _this;
|
15623 | }
|
15624 |
|
15625 | _createClass(BaseMegaMenu, [{
|
15626 | key: 'componentDidUpdate',
|
15627 | value: function componentDidUpdate(prevProps) {
|
15628 | var _this2 = this;
|
15629 |
|
15630 | var _props = this.props,
|
15631 | currentlyVisible = _props.visible,
|
15632 | animationLength = _props.animationLength;
|
15633 |
|
15634 | if (!currentlyVisible && currentlyVisible !== prevProps.visible) {
|
15635 | this.setState({ closing: true });
|
15636 | setTimeout(function () {
|
15637 | _this2.setState({ closed: true });
|
15638 | }, animationLength);
|
15639 | } else if (currentlyVisible && currentlyVisible !== prevProps.visible) {
|
15640 | this.setState({ closed: false, closing: false });
|
15641 | }
|
15642 | }
|
15643 | }, {
|
15644 | key: 'render',
|
15645 | value: function render() {
|
15646 | var _this3 = this;
|
15647 |
|
15648 | var _props2 = this.props,
|
15649 | className = _props2.className,
|
15650 | regions = _props2.regions,
|
15651 | visible = _props2.visible,
|
15652 | renderLink = _props2.renderLink;
|
15653 | var _state = this.state,
|
15654 | src = _state.menuImage,
|
15655 | closing = _state.closing,
|
15656 | closed = _state.closed;
|
15657 |
|
15658 | var classes = (0, _classnames2.default)(className, {
|
15659 | 'opened': visible,
|
15660 | 'closed': closed,
|
15661 | 'closing': closing
|
15662 | });
|
15663 | return _react2.default.createElement(
|
15664 | 'div',
|
15665 | { ref: this.setRef, className: classes },
|
15666 | _react2.default.createElement(
|
15667 | _SRC.FlexRow,
|
15668 | { element: 'menu', constrained: true },
|
15669 | _react2.default.createElement(
|
15670 | _SRC.FlexCol,
|
15671 | { desktop: { width: 3, span: 2 } },
|
15672 | regions.left.map(function (section, id) {
|
15673 | return _react2.default.createElement(_SRC.MegaMenuSection, {
|
15674 | key: 'left-' + id,
|
15675 | section: section,
|
15676 | renderLink: renderLink,
|
15677 | setMenuImage: _this3.setMenuImage,
|
15678 | clearMenuImage: _this3.clearMenuImage });
|
15679 | })
|
15680 | ),
|
15681 | _react2.default.createElement(
|
15682 | _SRC.FlexCol,
|
15683 | { desktop: { width: 3 } },
|
15684 | regions.right.map(function (section, id) {
|
15685 | return _react2.default.createElement(_SRC.MegaMenuSection, {
|
15686 | key: 'right-' + id,
|
15687 | section: section,
|
15688 | renderLink: renderLink,
|
15689 | setMenuImage: _this3.setMenuImage,
|
15690 | clearMenuImage: _this3.clearMenuImage });
|
15691 | })
|
15692 | ),
|
15693 | _react2.default.createElement(
|
15694 | _SRC.FlexCol,
|
15695 | { desktop: { width: 4 } },
|
15696 | _react2.default.createElement(
|
15697 | 'div',
|
15698 | { className: 'imageContainer' },
|
15699 | src && _react2.default.createElement(_SRC.InlineImage, { 'aria-hidden': true, className: 'menuImage', src: src })
|
15700 | )
|
15701 | )
|
15702 | )
|
15703 | );
|
15704 | }
|
15705 | }]);
|
15706 |
|
15707 | return BaseMegaMenu;
|
15708 | }(_react2.default.Component);
|
15709 |
|
15710 | var MegaMenu = (0, _styledComponents2.default)(BaseMegaMenu)(_templateObject3, function (props) {
|
15711 | return props.theme.colors.white;
|
15712 | }, function (props) {
|
15713 | return props.theme.colors.rocketBlue;
|
15714 | }, function (props) {
|
15715 | return props.theme.colors.rocketBlue;
|
15716 | }, FadeOut, function (props) {
|
15717 | return props.animationLength / 1000;
|
15718 | }, FadeIn, function (props) {
|
15719 | return props.animationLength / 1000;
|
15720 | }, _SRC.NavyLink, function (props) {
|
15721 | return props.theme.colors.rocketBlue;
|
15722 | }, FadeIn, function (props) {
|
15723 | return props.animationLength / 1000;
|
15724 | });
|
15725 |
|
15726 | MegaMenu.propTypes = {
|
15727 | animationLength: _propTypes2.default.number,
|
15728 | className: _propTypes2.default.string,
|
15729 | closed: _propTypes2.default.bool,
|
15730 | closing: _propTypes2.default.bool,
|
15731 | regions: _propTypes2.default.shape({
|
15732 | left: _propTypes2.default.array,
|
15733 | right: _propTypes2.default.array
|
15734 | }),
|
15735 | visible: _propTypes2.default.bool,
|
15736 | renderLink: _propTypes2.default.func
|
15737 | };
|
15738 |
|
15739 | MegaMenu.defaultProps = {
|
15740 | closed: true,
|
15741 | closing: false,
|
15742 | animationLength: 300,
|
15743 | visible: false
|
15744 |
|
15745 |
|
15746 | };exports.default = MegaMenu;
|
15747 |
|
15748 | }),
|
15749 |
|
15750 | (function(module, exports, __webpack_require__) {
|
15751 |
|
15752 | "use strict";
|
15753 |
|
15754 |
|
15755 | Object.defineProperty(exports, "__esModule", {
|
15756 | value: true
|
15757 | });
|
15758 |
|
15759 | 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; }; }();
|
15760 |
|
15761 | var _templateObject = _taggedTemplateLiteral(['\n padding-left: 0;\n > li {\n list-style: none;\n }\n'], ['\n padding-left: 0;\n > li {\n list-style: none;\n }\n']);
|
15762 |
|
15763 | var _react = __webpack_require__(2);
|
15764 |
|
15765 | var _react2 = _interopRequireDefault(_react);
|
15766 |
|
15767 | var _propTypes = __webpack_require__(0);
|
15768 |
|
15769 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15770 |
|
15771 | var _styledComponents = __webpack_require__(1);
|
15772 |
|
15773 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15774 |
|
15775 | var _SRC = __webpack_require__(3);
|
15776 |
|
15777 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15778 |
|
15779 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15780 |
|
15781 | 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; }
|
15782 |
|
15783 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15784 |
|
15785 | 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; }
|
15786 |
|
15787 | 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; }
|
15788 |
|
15789 | var BaseMegaMenuSection = function (_React$Component) {
|
15790 | _inherits(BaseMegaMenuSection, _React$Component);
|
15791 |
|
15792 | function BaseMegaMenuSection() {
|
15793 | _classCallCheck(this, BaseMegaMenuSection);
|
15794 |
|
15795 | return _possibleConstructorReturn(this, (BaseMegaMenuSection.__proto__ || Object.getPrototypeOf(BaseMegaMenuSection)).apply(this, arguments));
|
15796 | }
|
15797 |
|
15798 | _createClass(BaseMegaMenuSection, [{
|
15799 | key: 'render',
|
15800 | value: function render() {
|
15801 | var _props = this.props,
|
15802 | className = _props.className,
|
15803 | section = _props.section,
|
15804 | renderLink = _props.renderLink,
|
15805 | props = _objectWithoutProperties(_props, ['className', 'section', 'renderLink']);
|
15806 |
|
15807 | if (section) {
|
15808 | return _react2.default.createElement(
|
15809 | 'ol',
|
15810 | { className: className, key: section.id, id: section.id },
|
15811 | section.title && section.title !== '' && _react2.default.createElement(
|
15812 | _SRC.H4,
|
15813 | null,
|
15814 | section.title
|
15815 | ),
|
15816 | section.links.map(function (link, id) {
|
15817 | return _react2.default.createElement(
|
15818 | 'li',
|
15819 | { key: section + '-' + id },
|
15820 | _react2.default.createElement(_SRC.MegaMenuLink, Object.assign({
|
15821 | link: link,
|
15822 | renderLink: renderLink,
|
15823 | id: section + '-' + id
|
15824 | }, props))
|
15825 | );
|
15826 | })
|
15827 | );
|
15828 | } else {
|
15829 | return null;
|
15830 | }
|
15831 | }
|
15832 | }]);
|
15833 |
|
15834 | return BaseMegaMenuSection;
|
15835 | }(_react2.default.Component);
|
15836 |
|
15837 | var MegaMenuSection = (0, _styledComponents2.default)(BaseMegaMenuSection)(_templateObject);
|
15838 |
|
15839 | MegaMenuSection.propTypes = {
|
15840 | className: _propTypes2.default.string,
|
15841 | clearMenuImage: _propTypes2.default.func.isRequired,
|
15842 | section: _propTypes2.default.shape({
|
15843 | title: _propTypes2.default.string,
|
15844 | links: _propTypes2.default.array
|
15845 | }).isRequired,
|
15846 | setMenuImage: _propTypes2.default.func.isRequired,
|
15847 | rednerLink: _propTypes2.default.func
|
15848 |
|
15849 |
|
15850 | };exports.default = MegaMenuSection;
|
15851 |
|
15852 | }),
|
15853 |
|
15854 | (function(module, exports, __webpack_require__) {
|
15855 |
|
15856 | "use strict";
|
15857 |
|
15858 |
|
15859 | Object.defineProperty(exports, "__esModule", {
|
15860 | value: true
|
15861 | });
|
15862 |
|
15863 | var _desktopAccountLinks = __webpack_require__(249);
|
15864 |
|
15865 | Object.defineProperty(exports, 'DesktopAccountLinks', {
|
15866 | enumerable: true,
|
15867 | get: function get() {
|
15868 | return _interopRequireDefault(_desktopAccountLinks).default;
|
15869 | }
|
15870 | });
|
15871 |
|
15872 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15873 |
|
15874 | }),
|
15875 |
|
15876 | (function(module, exports, __webpack_require__) {
|
15877 |
|
15878 | "use strict";
|
15879 |
|
15880 |
|
15881 | Object.defineProperty(exports, "__esModule", {
|
15882 | value: true
|
15883 | });
|
15884 | exports.BaseAccountLinks = undefined;
|
15885 |
|
15886 | 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; }; }();
|
15887 |
|
15888 | var _templateObject = _taggedTemplateLiteral(['\ndisplay: inline-flex;\nposition: relative;\n', ' {\n flex: 0 0 auto;\n display: inline-flex;\n border: 0.1rem solid transparent;\n margin: 0;\n padding: 0 1rem;\n}\n&.active ', ' {\n border: 0.1rem solid ', ';\n transition: all 0.25s ease-in-out;\n}\n'], ['\ndisplay: inline-flex;\nposition: relative;\n', ' {\n flex: 0 0 auto;\n display: inline-flex;\n border: 0.1rem solid transparent;\n margin: 0;\n padding: 0 1rem;\n}\n&.active ', ' {\n border: 0.1rem solid ', ';\n transition: all 0.25s ease-in-out;\n}\n']);
|
15889 |
|
15890 | var _react = __webpack_require__(2);
|
15891 |
|
15892 | var _react2 = _interopRequireDefault(_react);
|
15893 |
|
15894 | var _propTypes = __webpack_require__(0);
|
15895 |
|
15896 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15897 |
|
15898 | var _styledComponents = __webpack_require__(1);
|
15899 |
|
15900 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15901 |
|
15902 | var _classnames = __webpack_require__(7);
|
15903 |
|
15904 | var _classnames2 = _interopRequireDefault(_classnames);
|
15905 |
|
15906 | var _SRC = __webpack_require__(3);
|
15907 |
|
15908 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15909 |
|
15910 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15911 |
|
15912 | 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; }
|
15913 |
|
15914 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15915 |
|
15916 | 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; }
|
15917 |
|
15918 | 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; }
|
15919 |
|
15920 | var BaseAccountLinks = exports.BaseAccountLinks = function (_React$Component) {
|
15921 | _inherits(BaseAccountLinks, _React$Component);
|
15922 |
|
15923 | function BaseAccountLinks(props) {
|
15924 | _classCallCheck(this, BaseAccountLinks);
|
15925 |
|
15926 | var _this = _possibleConstructorReturn(this, (BaseAccountLinks.__proto__ || Object.getPrototypeOf(BaseAccountLinks)).call(this, props));
|
15927 |
|
15928 | _this.toggleSubmenu = function () {
|
15929 | var subMenuOpen = _this.state.subMenuOpen;
|
15930 |
|
15931 | _this.setState({ subMenuOpen: !subMenuOpen });
|
15932 | };
|
15933 |
|
15934 | _this.state = {
|
15935 | subMenuOpen: props.subMenuOpen
|
15936 | };
|
15937 | return _this;
|
15938 | }
|
15939 |
|
15940 | _createClass(BaseAccountLinks, [{
|
15941 | key: 'render',
|
15942 | value: function render() {
|
15943 | var _props = this.props,
|
15944 | className = _props.className,
|
15945 | highlightable = _props.highlightable,
|
15946 | isSubscriptionMember = _props.isSubscriptionMember,
|
15947 | loggedIn = _props.loggedIn,
|
15948 | renderLink = _props.renderLink,
|
15949 | name = _props.name,
|
15950 | props = _objectWithoutProperties(_props, ['className', 'highlightable', 'isSubscriptionMember', 'loggedIn', 'renderLink', 'name']);
|
15951 |
|
15952 | delete props.subMenuOpen;
|
15953 | var subMenuOpen = this.state.subMenuOpen;
|
15954 |
|
15955 | if (loggedIn) {
|
15956 | var classes = (0, _classnames2.default)(className, {
|
15957 | 'active': subMenuOpen
|
15958 | });
|
15959 | return _react2.default.createElement(
|
15960 | 'div',
|
15961 | { className: classes },
|
15962 | _react2.default.createElement(
|
15963 | _SRC.HeaderLink,
|
15964 | {
|
15965 | onClick: this.toggleSubmenu,
|
15966 | highlightable: false },
|
15967 | name
|
15968 | ),
|
15969 | _react2.default.createElement(_SRC.SubMenu, Object.assign({
|
15970 | open: subMenuOpen,
|
15971 | isSubscriptionMember: isSubscriptionMember
|
15972 | }, props))
|
15973 | );
|
15974 | } else {
|
15975 | return _react2.default.createElement(
|
15976 | _SRC.HeaderLink,
|
15977 | Object.assign({
|
15978 | className: className,
|
15979 | target: '/shop/login',
|
15980 | renderLink: renderLink,
|
15981 | highlightable: highlightable
|
15982 | }, props),
|
15983 | 'Log In'
|
15984 | );
|
15985 | }
|
15986 | }
|
15987 | }]);
|
15988 |
|
15989 | return BaseAccountLinks;
|
15990 | }(_react2.default.Component);
|
15991 |
|
15992 | var DesktopAccountLinks = (0, _styledComponents2.default)(BaseAccountLinks)(_templateObject, _SRC.HeaderLink, _SRC.HeaderLink, function (props) {
|
15993 | return props.theme.colors.rocketBlue;
|
15994 | });
|
15995 |
|
15996 | DesktopAccountLinks.propTypes = {
|
15997 | className: _propTypes2.default.string,
|
15998 | isSubscriptionMember: _propTypes2.default.bool,
|
15999 | loggedIn: _propTypes2.default.bool,
|
16000 | name: _propTypes2.default.string,
|
16001 | renderLink: _propTypes2.default.func,
|
16002 | subMenuOpen: _propTypes2.default.bool
|
16003 | };
|
16004 |
|
16005 | DesktopAccountLinks.defaultProps = {
|
16006 | subMenuOpen: false,
|
16007 |
|
16008 | highlightable: true
|
16009 |
|
16010 |
|
16011 | };exports.default = DesktopAccountLinks;
|
16012 |
|
16013 | }),
|
16014 |
|
16015 | (function(module, exports, __webpack_require__) {
|
16016 |
|
16017 | "use strict";
|
16018 |
|
16019 |
|
16020 | Object.defineProperty(exports, "__esModule", {
|
16021 | value: true
|
16022 | });
|
16023 |
|
16024 | var _menuDrawer = __webpack_require__(251);
|
16025 |
|
16026 | Object.keys(_menuDrawer).forEach(function (key) {
|
16027 | if (key === "default" || key === "__esModule") return;
|
16028 | Object.defineProperty(exports, key, {
|
16029 | enumerable: true,
|
16030 | get: function get() {
|
16031 | return _menuDrawer[key];
|
16032 | }
|
16033 | });
|
16034 | });
|
16035 |
|
16036 | var _accountLinks = __webpack_require__(253);
|
16037 |
|
16038 | Object.keys(_accountLinks).forEach(function (key) {
|
16039 | if (key === "default" || key === "__esModule") return;
|
16040 | Object.defineProperty(exports, key, {
|
16041 | enumerable: true,
|
16042 | get: function get() {
|
16043 | return _accountLinks[key];
|
16044 | }
|
16045 | });
|
16046 | });
|
16047 |
|
16048 | var _mobileNavigation = __webpack_require__(255);
|
16049 |
|
16050 | Object.defineProperty(exports, 'MobileNavigation', {
|
16051 | enumerable: true,
|
16052 | get: function get() {
|
16053 | return _interopRequireDefault(_mobileNavigation).default;
|
16054 | }
|
16055 | });
|
16056 |
|
16057 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16058 |
|
16059 | }),
|
16060 |
|
16061 | (function(module, exports, __webpack_require__) {
|
16062 |
|
16063 | "use strict";
|
16064 |
|
16065 |
|
16066 | Object.defineProperty(exports, "__esModule", {
|
16067 | value: true
|
16068 | });
|
16069 |
|
16070 | var _menuDrawer = __webpack_require__(252);
|
16071 |
|
16072 | Object.defineProperty(exports, 'MenuDrawer', {
|
16073 | enumerable: true,
|
16074 | get: function get() {
|
16075 | return _interopRequireDefault(_menuDrawer).default;
|
16076 | }
|
16077 | });
|
16078 |
|
16079 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16080 |
|
16081 | }),
|
16082 |
|
16083 | (function(module, exports, __webpack_require__) {
|
16084 |
|
16085 | "use strict";
|
16086 |
|
16087 |
|
16088 | Object.defineProperty(exports, "__esModule", {
|
16089 | value: true
|
16090 | });
|
16091 | exports.BaseMenuDrawer = undefined;
|
16092 |
|
16093 | 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; }; }();
|
16094 |
|
16095 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n background-color: rgba(255, 255, 255, 0.0);\n }\n 75% {\n background-color: rgba(255, 255, 255, 0.0);\n }\n 100% {\n background-color: rgba(255, 255, 255, 0.6);\n }\n'], ['\n 0% {\n background-color: rgba(255, 255, 255, 0.0);\n }\n 75% {\n background-color: rgba(255, 255, 255, 0.0);\n }\n 100% {\n background-color: rgba(255, 255, 255, 0.6);\n }\n']),
|
16096 | _templateObject2 = _taggedTemplateLiteral(['\n 0% {\n background-color: rgba(255, 255, 255, 0.6);\n }\n 100% {\n background-color: rgba(255, 255, 255, 0.0);\n }\n'], ['\n 0% {\n background-color: rgba(255, 255, 255, 0.6);\n }\n 100% {\n background-color: rgba(255, 255, 255, 0.0);\n }\n']),
|
16097 | _templateObject3 = _taggedTemplateLiteral(['\n position: ', ';\n top: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 100vh;\n z-index: 3;\n transform: translateX(-200%);\n transition: transform 0.6s ease-in-out;\n &.open {\n transform: translateX(0%);\n transition: transform 0.6s ease-in-out;\n .overlay {\n background-color: rgba(255,255,255, 0.6);\n animation: ', ' 0.85s ease-in-out;\n }\n }\n nav {\n padding: 0;\n padding-bottom: 80px;\n list-style: none;\n border-top: 1px solid ', ';\n border-right: 1px solid ', ';\n border-left: 1px solid ', ';\n background-color: ', ';\n width: 75%;\n height: 100%;\n flex-wrap: wrap;\n align-content: flex-start;\n display: flex;\n overflow-x: scroll;\n }\n ul {\n width: 100%;\n box-sizing: border-box;\n }\n .overlay {\n background-color: rgba(255, 255, 255, 0.0);\n animation: ', ' 0.1s ease-in-out;\n width: 25%;\n }\n ', ' {\n display: inline-flex;\n flex: 0 0 auto;\n align-self: flex-end;\n margin-top: 1.75rem;\n margin-right: 1.5rem;\n margin-left: auto;\n }\n'], ['\n position: ', ';\n top: 0;\n left: 0;\n display: flex;\n width: 100%;\n height: 100vh;\n z-index: 3;\n transform: translateX(-200%);\n transition: transform 0.6s ease-in-out;\n &.open {\n transform: translateX(0%);\n transition: transform 0.6s ease-in-out;\n .overlay {\n background-color: rgba(255,255,255, 0.6);\n animation: ', ' 0.85s ease-in-out;\n }\n }\n nav {\n padding: 0;\n padding-bottom: 80px;\n list-style: none;\n border-top: 1px solid ', ';\n border-right: 1px solid ', ';\n border-left: 1px solid ', ';\n background-color: ', ';\n width: 75%;\n height: 100%;\n flex-wrap: wrap;\n align-content: flex-start;\n display: flex;\n overflow-x: scroll;\n }\n ul {\n width: 100%;\n box-sizing: border-box;\n }\n .overlay {\n background-color: rgba(255, 255, 255, 0.0);\n animation: ', ' 0.1s ease-in-out;\n width: 25%;\n }\n ', ' {\n display: inline-flex;\n flex: 0 0 auto;\n align-self: flex-end;\n margin-top: 1.75rem;\n margin-right: 1.5rem;\n margin-left: auto;\n }\n']);
|
16098 |
|
16099 | var _react = __webpack_require__(2);
|
16100 |
|
16101 | var _react2 = _interopRequireDefault(_react);
|
16102 |
|
16103 | var _propTypes = __webpack_require__(0);
|
16104 |
|
16105 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16106 |
|
16107 | var _styledComponents = __webpack_require__(1);
|
16108 |
|
16109 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16110 |
|
16111 | var _classnames = __webpack_require__(7);
|
16112 |
|
16113 | var _classnames2 = _interopRequireDefault(_classnames);
|
16114 |
|
16115 | var _SRC = __webpack_require__(3);
|
16116 |
|
16117 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16118 |
|
16119 | 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; }
|
16120 |
|
16121 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
16122 |
|
16123 | 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; }
|
16124 |
|
16125 | 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; }
|
16126 |
|
16127 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16128 |
|
16129 | var overlayFadeIn = (0, _styledComponents.keyframes)(_templateObject);
|
16130 |
|
16131 | var overlayFadeOut = (0, _styledComponents.keyframes)(_templateObject2);
|
16132 |
|
16133 | var BaseMenuDrawer = exports.BaseMenuDrawer = function (_React$Component) {
|
16134 | _inherits(BaseMenuDrawer, _React$Component);
|
16135 |
|
16136 | function BaseMenuDrawer() {
|
16137 | _classCallCheck(this, BaseMenuDrawer);
|
16138 |
|
16139 | return _possibleConstructorReturn(this, (BaseMenuDrawer.__proto__ || Object.getPrototypeOf(BaseMenuDrawer)).apply(this, arguments));
|
16140 | }
|
16141 |
|
16142 | _createClass(BaseMenuDrawer, [{
|
16143 | key: 'render',
|
16144 | value: function render() {
|
16145 | var _props = this.props,
|
16146 | className = _props.className,
|
16147 | children = _props.children,
|
16148 | closeDrawer = _props.closeDrawer,
|
16149 | open = _props.open,
|
16150 | props = _objectWithoutProperties(_props, ['className', 'children', 'closeDrawer', 'open']);
|
16151 |
|
16152 | var classes = (0, _classnames2.default)(className, {
|
16153 | open: open
|
16154 | });
|
16155 | return _react2.default.createElement(
|
16156 | 'div',
|
16157 | { className: classes },
|
16158 | _react2.default.createElement(
|
16159 | 'nav',
|
16160 | props,
|
16161 | _react2.default.createElement(_SRC.Close, { onClick: closeDrawer }),
|
16162 | children
|
16163 | ),
|
16164 | _react2.default.createElement('div', { className: 'overlay', onClick: closeDrawer })
|
16165 | );
|
16166 | }
|
16167 | }]);
|
16168 |
|
16169 | return BaseMenuDrawer;
|
16170 | }(_react2.default.Component);
|
16171 |
|
16172 | var MenuDrawer = (0, _styledComponents2.default)(BaseMenuDrawer)(_templateObject3, function (props) {
|
16173 | return props.position;
|
16174 | }, overlayFadeIn, function (props) {
|
16175 | return props.theme.colors.rocketBlue;
|
16176 | }, function (props) {
|
16177 | return props.theme.colors.rocketBlue;
|
16178 | }, function (props) {
|
16179 | return props.theme.colors.rocketBlue;
|
16180 | }, function (props) {
|
16181 | return props.theme.colors.white;
|
16182 | }, overlayFadeOut, _SRC.Close);
|
16183 |
|
16184 | MenuDrawer.propTypes = {
|
16185 | open: _propTypes2.default.bool,
|
16186 | position: _propTypes2.default.string
|
16187 | };
|
16188 |
|
16189 | MenuDrawer.defaultProps = {
|
16190 | open: false,
|
16191 | position: 'fixed'
|
16192 |
|
16193 |
|
16194 | };exports.default = MenuDrawer;
|
16195 |
|
16196 | }),
|
16197 |
|
16198 | (function(module, exports, __webpack_require__) {
|
16199 |
|
16200 | "use strict";
|
16201 |
|
16202 |
|
16203 | Object.defineProperty(exports, "__esModule", {
|
16204 | value: true
|
16205 | });
|
16206 |
|
16207 | var _mobileAccountLinks = __webpack_require__(254);
|
16208 |
|
16209 | Object.defineProperty(exports, 'MobileAccountLinks', {
|
16210 | enumerable: true,
|
16211 | get: function get() {
|
16212 | return _interopRequireDefault(_mobileAccountLinks).default;
|
16213 | }
|
16214 | });
|
16215 |
|
16216 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16217 |
|
16218 | }),
|
16219 |
|
16220 | (function(module, exports, __webpack_require__) {
|
16221 |
|
16222 | "use strict";
|
16223 |
|
16224 |
|
16225 | Object.defineProperty(exports, "__esModule", {
|
16226 | value: true
|
16227 | });
|
16228 |
|
16229 | var _templateObject = _taggedTemplateLiteral(['\n\n'], ['\n\n']);
|
16230 |
|
16231 | var _react = __webpack_require__(2);
|
16232 |
|
16233 | var _react2 = _interopRequireDefault(_react);
|
16234 |
|
16235 | var _styledComponents = __webpack_require__(1);
|
16236 |
|
16237 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16238 |
|
16239 | var _propTypes = __webpack_require__(0);
|
16240 |
|
16241 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16242 |
|
16243 | var _SRC = __webpack_require__(3);
|
16244 |
|
16245 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16246 |
|
16247 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16248 |
|
16249 | var BaseAccountLinks = function BaseAccountLinks(_ref) {
|
16250 | var className = _ref.className,
|
16251 | renderLink = _ref.renderLink,
|
16252 | isSubscriptionMember = _ref.isSubscriptionMember;
|
16253 |
|
16254 | return _react2.default.createElement(
|
16255 | _SRC.Accordion,
|
16256 | {
|
16257 | className: className,
|
16258 | toggleElement: _react2.default.createElement(
|
16259 | _SRC.MobileLinkTop,
|
16260 | null,
|
16261 | 'Your Account'
|
16262 | ) },
|
16263 | _react2.default.createElement(
|
16264 | _SRC.UL,
|
16265 | { type: 'none', leftPad: '1rem' },
|
16266 | _react2.default.createElement(
|
16267 | 'li',
|
16268 | null,
|
16269 | _react2.default.createElement(
|
16270 | _SRC.MobileLinkSecondary,
|
16271 | {
|
16272 | target: '/account',
|
16273 | renderLink: renderLink },
|
16274 | 'Account Information'
|
16275 | )
|
16276 | ),
|
16277 | _react2.default.createElement(
|
16278 | 'li',
|
16279 | null,
|
16280 | _react2.default.createElement(
|
16281 | _SRC.MobileLinkSecondary,
|
16282 | {
|
16283 | target: '/account/shipping-address',
|
16284 | renderLink: renderLink },
|
16285 | 'Shipping Address'
|
16286 | )
|
16287 | ),
|
16288 | isSubscriptionMember && _react2.default.createElement(
|
16289 | 'li',
|
16290 | null,
|
16291 | _react2.default.createElement(
|
16292 | _SRC.MobileLinkSecondary,
|
16293 | {
|
16294 | target: '/deliveries',
|
16295 | renderLink: renderLink },
|
16296 | 'Manage Deliveries'
|
16297 | )
|
16298 | ),
|
16299 | _react2.default.createElement(
|
16300 | 'li',
|
16301 | null,
|
16302 | _react2.default.createElement(
|
16303 | _SRC.MobileLinkSecondary,
|
16304 | {
|
16305 | target: '/account/payment-method',
|
16306 | renderLink: renderLink },
|
16307 | 'Payment Method'
|
16308 | )
|
16309 | ),
|
16310 | _react2.default.createElement(
|
16311 | 'li',
|
16312 | null,
|
16313 | _react2.default.createElement(
|
16314 | _SRC.MobileLinkSecondary,
|
16315 | {
|
16316 | target: '/account/store-credit',
|
16317 | renderLink: renderLink },
|
16318 | 'Store Credit'
|
16319 | )
|
16320 | ),
|
16321 | isSubscriptionMember && _react2.default.createElement(
|
16322 | 'li',
|
16323 | null,
|
16324 | _react2.default.createElement(
|
16325 | _SRC.MobileLinkSecondary,
|
16326 | {
|
16327 | target: '/add-kid',
|
16328 | renderLink: renderLink },
|
16329 | 'Add a Child'
|
16330 | )
|
16331 | )
|
16332 | )
|
16333 | );
|
16334 | };
|
16335 |
|
16336 | var MobileAccountLinks = (0, _styledComponents2.default)(BaseAccountLinks)(_templateObject);
|
16337 |
|
16338 | MobileAccountLinks.propTypes = {
|
16339 | renderLink: _propTypes2.default.func,
|
16340 | isSubscriptionMember: _propTypes2.default.bool
|
16341 | };
|
16342 |
|
16343 | MobileAccountLinks.defaultProps = {
|
16344 | isSubscriptionMember: false
|
16345 |
|
16346 | };exports.default = MobileAccountLinks;
|
16347 |
|
16348 | }),
|
16349 |
|
16350 | (function(module, exports, __webpack_require__) {
|
16351 |
|
16352 | "use strict";
|
16353 |
|
16354 |
|
16355 | Object.defineProperty(exports, "__esModule", {
|
16356 | value: true
|
16357 | });
|
16358 | exports.MobileNavigation = undefined;
|
16359 |
|
16360 | 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; }; }();
|
16361 |
|
16362 | var _react = __webpack_require__(2);
|
16363 |
|
16364 | var _react2 = _interopRequireDefault(_react);
|
16365 |
|
16366 | var _propTypes = __webpack_require__(0);
|
16367 |
|
16368 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16369 |
|
16370 | var _SRC = __webpack_require__(3);
|
16371 |
|
16372 | var _theme = __webpack_require__(6);
|
16373 |
|
16374 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16375 |
|
16376 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
16377 |
|
16378 | 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; }
|
16379 |
|
16380 | 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; }
|
16381 |
|
16382 | var MobileNavigation = exports.MobileNavigation = function (_React$Component) {
|
16383 | _inherits(MobileNavigation, _React$Component);
|
16384 |
|
16385 | function MobileNavigation(props) {
|
16386 | _classCallCheck(this, MobileNavigation);
|
16387 |
|
16388 | var _this = _possibleConstructorReturn(this, (MobileNavigation.__proto__ || Object.getPrototypeOf(MobileNavigation)).call(this, props));
|
16389 |
|
16390 | _this.closeDrawer = function () {
|
16391 | _this.setState({ open: false });
|
16392 | };
|
16393 |
|
16394 | _this.openDrawer = function () {
|
16395 | _this.setState({ open: true });
|
16396 | };
|
16397 |
|
16398 | _this.state = {
|
16399 | open: false
|
16400 | };
|
16401 | return _this;
|
16402 | }
|
16403 |
|
16404 | _createClass(MobileNavigation, [{
|
16405 | key: 'render',
|
16406 | value: function render() {
|
16407 | var _props = this.props,
|
16408 | boysLinks = _props.boysLinks,
|
16409 | girlsLinks = _props.girlsLinks,
|
16410 | className = _props.className,
|
16411 | drawerPosition = _props.drawerPosition,
|
16412 | loggedIn = _props.loggedIn,
|
16413 | homepageUrl = _props.homepageUrl,
|
16414 | renderLink = _props.renderLink,
|
16415 | isSubscriptionMember = _props.isSubscriptionMember,
|
16416 | bagCount = _props.bagCount,
|
16417 | clickBag = _props.clickBag;
|
16418 | var open = this.state.open;
|
16419 |
|
16420 | return _react2.default.createElement(
|
16421 | 'div',
|
16422 | { className: className },
|
16423 | _react2.default.createElement(
|
16424 | _SRC.MobileHeader,
|
16425 | null,
|
16426 | _react2.default.createElement(_SRC.BlueHamburger, { onClick: this.openDrawer }),
|
16427 | _react2.default.createElement(_SRC.Logo, null),
|
16428 | _react2.default.createElement(_SRC.BagIcon, { onClick: clickBag, count: bagCount })
|
16429 | ),
|
16430 | _react2.default.createElement(
|
16431 | _SRC.MenuDrawer,
|
16432 | {
|
16433 | open: open,
|
16434 | closeDrawer: this.closeDrawer,
|
16435 | position: drawerPosition },
|
16436 | _react2.default.createElement(
|
16437 | _SRC.UL,
|
16438 | { leftPad: '1.4rem', type: 'none' },
|
16439 | _react2.default.createElement(
|
16440 | 'li',
|
16441 | null,
|
16442 | _react2.default.createElement(
|
16443 | _SRC.MobileLinkTop,
|
16444 | {
|
16445 | target: '/shop',
|
16446 | renderLink: renderLink },
|
16447 | 'Shop'
|
16448 | ),
|
16449 | _react2.default.createElement(
|
16450 | _SRC.UL,
|
16451 | {
|
16452 | leftPad: '1rem',
|
16453 | type: 'none' },
|
16454 | _react2.default.createElement(
|
16455 | 'li',
|
16456 | null,
|
16457 | _react2.default.createElement(
|
16458 | _SRC.Accordion,
|
16459 | {
|
16460 | toggleElement: _react2.default.createElement(
|
16461 | _SRC.MobileLinkSecondary,
|
16462 | null,
|
16463 | 'Boys'
|
16464 | ) },
|
16465 | _react2.default.createElement(
|
16466 | _SRC.UL,
|
16467 | {
|
16468 | type: 'none',
|
16469 | leftPad: '1rem' },
|
16470 | boysLinks && boysLinks.map(function (link, index) {
|
16471 | return _react2.default.createElement(
|
16472 | 'li',
|
16473 | { key: index },
|
16474 | _react2.default.createElement(
|
16475 | _SRC.MobileLinkTertiary,
|
16476 | { target: link.target, renderLink: renderLink },
|
16477 | link.text
|
16478 | )
|
16479 | );
|
16480 | })
|
16481 | )
|
16482 | )
|
16483 | ),
|
16484 | _react2.default.createElement(
|
16485 | 'li',
|
16486 | null,
|
16487 | _react2.default.createElement(
|
16488 | _SRC.Accordion,
|
16489 | {
|
16490 | toggleElement: _react2.default.createElement(
|
16491 | _SRC.MobileLinkSecondary,
|
16492 | null,
|
16493 | 'Girls'
|
16494 | ) },
|
16495 | _react2.default.createElement(
|
16496 | _SRC.UL,
|
16497 | { type: 'none', leftPad: '1rem' },
|
16498 | girlsLinks && girlsLinks.map(function (link, index) {
|
16499 | return _react2.default.createElement(
|
16500 | 'li',
|
16501 | { key: index },
|
16502 | _react2.default.createElement(
|
16503 | _SRC.MobileLinkTertiary,
|
16504 | {
|
16505 | target: link.target,
|
16506 | renderLink: renderLink },
|
16507 | link.text
|
16508 | )
|
16509 | );
|
16510 | })
|
16511 | )
|
16512 | )
|
16513 | )
|
16514 | )
|
16515 | ),
|
16516 | !isSubscriptionMember && _react2.default.createElement(
|
16517 | 'li',
|
16518 | null,
|
16519 | _react2.default.createElement(
|
16520 | _SRC.MobileLinkTop,
|
16521 | {
|
16522 | href: homepageUrl + '?view=subscribe' },
|
16523 | 'Subscribe + Save'
|
16524 | )
|
16525 | ),
|
16526 | isSubscriptionMember && _react2.default.createElement(
|
16527 | 'div',
|
16528 | null,
|
16529 | _react2.default.createElement(
|
16530 | 'li',
|
16531 | null,
|
16532 | _react2.default.createElement(
|
16533 | _SRC.MobileLinkTop,
|
16534 | {
|
16535 | target: '/invite',
|
16536 | renderLink: renderLink,
|
16537 | background: _theme.theme.colors.lightPink },
|
16538 | 'Free Clothes'
|
16539 | )
|
16540 | ),
|
16541 | _react2.default.createElement(
|
16542 | 'li',
|
16543 | null,
|
16544 | _react2.default.createElement(
|
16545 | _SRC.MobileLinkTop,
|
16546 | {
|
16547 | target: '/style-file',
|
16548 | renderLink: renderLink },
|
16549 | 'Style File'
|
16550 | )
|
16551 | ),
|
16552 | _react2.default.createElement(
|
16553 | 'li',
|
16554 | null,
|
16555 | _react2.default.createElement(
|
16556 | _SRC.MobileLinkTop,
|
16557 | {
|
16558 | target: '/orders',
|
16559 | renderLink: renderLink },
|
16560 | 'Order History'
|
16561 | )
|
16562 | )
|
16563 | ),
|
16564 | !loggedIn && _react2.default.createElement(
|
16565 | 'li',
|
16566 | null,
|
16567 | _react2.default.createElement(
|
16568 | _SRC.MobileLinkTop,
|
16569 | {
|
16570 | target: '/shop/login',
|
16571 | renderLink: renderLink },
|
16572 | 'Log In'
|
16573 | )
|
16574 | ),
|
16575 | loggedIn && _react2.default.createElement(_SRC.MobileAccountLinks, {
|
16576 | isSubscriptionMember: isSubscriptionMember,
|
16577 | renderLink: renderLink }),
|
16578 | _react2.default.createElement(
|
16579 | 'li',
|
16580 | null,
|
16581 | _react2.default.createElement(
|
16582 | _SRC.MobileLinkTop,
|
16583 | { href: 'https://news.rocketsofawesome.com' },
|
16584 | 'Blog'
|
16585 | )
|
16586 | )
|
16587 | )
|
16588 | )
|
16589 | );
|
16590 | }
|
16591 | }]);
|
16592 |
|
16593 | return MobileNavigation;
|
16594 | }(_react2.default.Component);
|
16595 |
|
16596 | MobileNavigation.propTypes = {
|
16597 | drawerPosition: _propTypes2.default.string,
|
16598 | bagCount: _propTypes2.default.number,
|
16599 | homepageUrl: _propTypes2.default.string,
|
16600 | boysLinks: _propTypes2.default.array,
|
16601 | girlsLinks: _propTypes2.default.array,
|
16602 | className: _propTypes2.default.string,
|
16603 | loggedIn: _propTypes2.default.bool,
|
16604 | renderLink: _propTypes2.default.func,
|
16605 | isSubscriptionMember: _propTypes2.default.bool,
|
16606 | clickBag: _propTypes2.default.func
|
16607 | };
|
16608 |
|
16609 | MobileNavigation.defaultProps = {
|
16610 | drawerPosition: 'fixed',
|
16611 | bagCount: 5,
|
16612 | homepageUrl: 'https://rocketsofawesome.com'
|
16613 |
|
16614 |
|
16615 | };exports.default = MobileNavigation;
|
16616 |
|
16617 | }),
|
16618 |
|
16619 | (function(module, exports, __webpack_require__) {
|
16620 |
|
16621 | "use strict";
|
16622 |
|
16623 |
|
16624 | Object.defineProperty(exports, "__esModule", {
|
16625 | value: true
|
16626 | });
|
16627 |
|
16628 | var _templateObject = _taggedTemplateLiteral(['\n position: ', ';\n z-index: 2;\n width: 100%;\n'], ['\n position: ', ';\n z-index: 2;\n width: 100%;\n']);
|
16629 |
|
16630 | var _react = __webpack_require__(2);
|
16631 |
|
16632 | var _react2 = _interopRequireDefault(_react);
|
16633 |
|
16634 | var _propTypes = __webpack_require__(0);
|
16635 |
|
16636 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16637 |
|
16638 | var _styledComponents = __webpack_require__(1);
|
16639 |
|
16640 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16641 |
|
16642 | var _SRC = __webpack_require__(3);
|
16643 |
|
16644 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16645 |
|
16646 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16647 |
|
16648 | var BaseHeader = function BaseHeader(_ref) {
|
16649 | var above = _ref.above,
|
16650 | below = _ref.below,
|
16651 | className = _ref.className,
|
16652 | desktopProps = _ref.desktopProps,
|
16653 | mobileProps = _ref.mobileProps;
|
16654 |
|
16655 | return _react2.default.createElement(
|
16656 | 'div',
|
16657 | { className: className },
|
16658 | above,
|
16659 | _react2.default.createElement(
|
16660 | _SRC.Default,
|
16661 | null,
|
16662 | _react2.default.createElement(_SRC.MobileNavigation, mobileProps)
|
16663 | ),
|
16664 | _react2.default.createElement(
|
16665 | _SRC.Desktop,
|
16666 | null,
|
16667 | _react2.default.createElement(_SRC.DesktopNavigation, desktopProps)
|
16668 | ),
|
16669 | below
|
16670 | );
|
16671 | };
|
16672 |
|
16673 | var Header = (0, _styledComponents2.default)(BaseHeader)(_templateObject, function (props) {
|
16674 | return props.position;
|
16675 | });
|
16676 |
|
16677 | Header.propTypes = {
|
16678 | className: _propTypes2.default.string,
|
16679 | above: _propTypes2.default.node,
|
16680 | below: _propTypes2.default.node,
|
16681 | desktopProps: _propTypes2.default.object,
|
16682 | mobileProps: _propTypes2.default.object
|
16683 | };
|
16684 |
|
16685 | Header.defaultProps = {
|
16686 | position: 'fixed'
|
16687 |
|
16688 |
|
16689 | };exports.default = Header;
|
16690 |
|
16691 | }),
|
16692 |
|
16693 | (function(module, exports, __webpack_require__) {
|
16694 |
|
16695 | "use strict";
|
16696 |
|
16697 |
|
16698 | Object.defineProperty(exports, "__esModule", {
|
16699 | value: true
|
16700 | });
|
16701 |
|
16702 | var _gallery = __webpack_require__(258);
|
16703 |
|
16704 | Object.defineProperty(exports, 'Gallery', {
|
16705 | enumerable: true,
|
16706 | get: function get() {
|
16707 | return _interopRequireDefault(_gallery).default;
|
16708 | }
|
16709 | });
|
16710 |
|
16711 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16712 |
|
16713 | }),
|
16714 |
|
16715 | (function(module, exports, __webpack_require__) {
|
16716 |
|
16717 | "use strict";
|
16718 |
|
16719 |
|
16720 | Object.defineProperty(exports, "__esModule", {
|
16721 | value: true
|
16722 | });
|
16723 | exports.Gallery = exports.BaseGallery = undefined;
|
16724 |
|
16725 | 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; }; }();
|
16726 |
|
16727 | var _templateObject = _taggedTemplateLiteral(['\n .imageZoom {\n z-index: 1;\n }\n .slider {\n ', '\n ', '\n }\n .slider .image {\n width: 100%;\n }\n .dots {\n position: absolute;\n bottom: 15px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n li {\n position: relative;\n\n display: inline-block;\n\n width: 7px;\n height: 7px;\n margin: 0 2px;\n padding: 0;\n\n cursor: pointer;\n\n button {\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 7px;\n height: 7px;\n padding: 2px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n\n &:hover, &:focus {\n outline: none;\n }\n\n &:hover:before, &:focus:before {\n opacity: 1;\n }\n\n &:before {\n font-family: \'slick\';\n font-size: 6px;\n line-height: 5px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n content: \'\u2022\';\n text-align: center;\n\n border: ', ' solid 2px;\n border-radius: 15px;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n box-sizing: border-box;\n }\n }\n }\n .slick-active {\n button {\n &:before {\n background-color: ', ' !important;\n border: 2px solid transparent!important;\n }\n }\n }\n }\n'], ['\n .imageZoom {\n z-index: 1;\n }\n .slider {\n ', '\n ', '\n }\n .slider .image {\n width: 100%;\n }\n .dots {\n position: absolute;\n bottom: 15px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n li {\n position: relative;\n\n display: inline-block;\n\n width: 7px;\n height: 7px;\n margin: 0 2px;\n padding: 0;\n\n cursor: pointer;\n\n button {\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 7px;\n height: 7px;\n padding: 2px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n\n &:hover, &:focus {\n outline: none;\n }\n\n &:hover:before, &:focus:before {\n opacity: 1;\n }\n\n &:before {\n font-family: \'slick\';\n font-size: 6px;\n line-height: 5px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n content: \'\u2022\';\n text-align: center;\n\n border: ', ' solid 2px;\n border-radius: 15px;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n box-sizing: border-box;\n }\n }\n }\n .slick-active {\n button {\n &:before {\n background-color: ', ' !important;\n border: 2px solid transparent!important;\n }\n }\n }\n }\n']),
|
16728 | _templateObject2 = _taggedTemplateLiteral(['\n width: 75%;\n margin-left: auto;\n margin-right: auto;\n '], ['\n width: 75%;\n margin-left: auto;\n margin-right: auto;\n ']),
|
16729 | _templateObject3 = _taggedTemplateLiteral(['\n width: 50%;\n '], ['\n width: 50%;\n ']);
|
16730 |
|
16731 | var _react = __webpack_require__(2);
|
16732 |
|
16733 | var _react2 = _interopRequireDefault(_react);
|
16734 |
|
16735 | var _propTypes = __webpack_require__(0);
|
16736 |
|
16737 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16738 |
|
16739 | var _styledComponents = __webpack_require__(1);
|
16740 |
|
16741 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16742 |
|
16743 | var _reactImageMagnify = __webpack_require__(259);
|
16744 |
|
16745 | var _reactImageMagnify2 = _interopRequireDefault(_reactImageMagnify);
|
16746 |
|
16747 | var _reactSlick = __webpack_require__(35);
|
16748 |
|
16749 | var _reactSlick2 = _interopRequireDefault(_reactSlick);
|
16750 |
|
16751 | var _SRC = __webpack_require__(3);
|
16752 |
|
16753 | var _cloudinary = __webpack_require__(38);
|
16754 |
|
16755 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
16756 |
|
16757 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16758 |
|
16759 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16760 |
|
16761 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
16762 |
|
16763 | 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; }
|
16764 |
|
16765 | 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; }
|
16766 |
|
16767 | var BaseGallery = exports.BaseGallery = function (_React$Component) {
|
16768 | _inherits(BaseGallery, _React$Component);
|
16769 |
|
16770 | function BaseGallery(props) {
|
16771 | _classCallCheck(this, BaseGallery);
|
16772 |
|
16773 | var _this = _possibleConstructorReturn(this, (BaseGallery.__proto__ || Object.getPrototypeOf(BaseGallery)).call(this, props));
|
16774 |
|
16775 | _this.thumbnailClick = function (index) {
|
16776 | return function () {
|
16777 | var images = _this.props.images;
|
16778 |
|
16779 | _this.setState({ activeImage: images[index] });
|
16780 | };
|
16781 | };
|
16782 |
|
16783 | _this.state = {
|
16784 | activeImage: props.images[props.activeImage]
|
16785 | };
|
16786 | _this.thumbnails = props.images.map(function (image) {
|
16787 | return {
|
16788 | src: _cloudinary2.default.url(image.src, {
|
16789 | width: 120,
|
16790 | crop: 'fit',
|
16791 | format: 'jpg'
|
16792 | }),
|
16793 | alt: image.alt
|
16794 | };
|
16795 | });
|
16796 | _this.config = {
|
16797 | infinite: true,
|
16798 | lazyLoad: 'progressive',
|
16799 | arrows: false,
|
16800 | slidesToShow: 1,
|
16801 | dots: true,
|
16802 | dotsClass: 'dots'
|
16803 | };
|
16804 | return _this;
|
16805 | }
|
16806 |
|
16807 | _createClass(BaseGallery, [{
|
16808 | key: 'render',
|
16809 | value: function render() {
|
16810 | var _props = this.props,
|
16811 | className = _props.className,
|
16812 | images = _props.images;
|
16813 | var activeImage = this.state.activeImage;
|
16814 |
|
16815 |
|
16816 | var smallImage = {
|
16817 | src: _cloudinary2.default.url(activeImage.src, {
|
16818 | transformation: 'pdp',
|
16819 | format: 'jpg'
|
16820 | }),
|
16821 | alt: activeImage.alt + ' Main Image',
|
16822 | isFluidWidth: true
|
16823 | };
|
16824 | var largeImage = {
|
16825 | src: _cloudinary2.default.url(activeImage.src, {
|
16826 | transformation: 'pdp_large',
|
16827 | format: 'jpg'
|
16828 | }),
|
16829 | alt: activeImage.alt + ' Main Enlarged Image',
|
16830 | width: 1440,
|
16831 | height: 1989
|
16832 | };
|
16833 | return _react2.default.createElement(
|
16834 | 'div',
|
16835 | { className: className },
|
16836 | _react2.default.createElement(
|
16837 | _SRC.Desktop,
|
16838 | { display: 'flex', className: 'roa-row' },
|
16839 | _react2.default.createElement(_SRC.FlexCol, {
|
16840 | active: activeImage.src,
|
16841 | element: _SRC.Thumbnails,
|
16842 | desktop: { width: 2 },
|
16843 | thumbnails: this.thumbnails,
|
16844 | onClick: this.thumbnailClick }),
|
16845 | _react2.default.createElement(
|
16846 | _SRC.FlexCol,
|
16847 | {
|
16848 | desktop: { width: 10 } },
|
16849 | _react2.default.createElement(_reactImageMagnify2.default, Object.assign({
|
16850 | className: 'imageZoom'
|
16851 | }, {
|
16852 | smallImage: Object.assign({}, smallImage),
|
16853 | largeImage: Object.assign({}, largeImage)
|
16854 | }))
|
16855 | )
|
16856 | ),
|
16857 | _react2.default.createElement(
|
16858 | _SRC.Default,
|
16859 | null,
|
16860 | _react2.default.createElement(
|
16861 | _reactSlick2.default,
|
16862 | Object.assign({ className: 'slider' }, this.config),
|
16863 | images.map(function (image, index) {
|
16864 | return _react2.default.createElement(_SRC.InlineImage, { key: index, className: 'image', src: _cloudinary2.default.url(image.src), alt: image.alt });
|
16865 | })
|
16866 | )
|
16867 | )
|
16868 | );
|
16869 | }
|
16870 | }]);
|
16871 |
|
16872 | return BaseGallery;
|
16873 | }(_react2.default.Component);
|
16874 |
|
16875 | var Gallery = exports.Gallery = (0, _styledComponents2.default)(BaseGallery)(_templateObject, function (props) {
|
16876 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
16877 | }, function (props) {
|
16878 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject3);
|
16879 | }, function (props) {
|
16880 | return props.theme.colors.navy;
|
16881 | }, function (props) {
|
16882 | return props.theme.colors.navy;
|
16883 | });
|
16884 |
|
16885 | Gallery.propTypes = {
|
16886 | activeImage: _propTypes2.default.number.isRequired,
|
16887 | images: _propTypes2.default.array.isRequired
|
16888 | };
|
16889 |
|
16890 | Gallery.defaultProps = {
|
16891 | activeImage: 0
|
16892 |
|
16893 |
|
16894 |
|
16895 | };exports.default = (0, _styledComponents.withTheme)(Gallery);
|
16896 |
|
16897 | }),
|
16898 |
|
16899 | (function(module, exports) {
|
16900 |
|
16901 | module.exports = require("react-image-magnify");
|
16902 |
|
16903 | }),
|
16904 |
|
16905 | (function(module, exports) {
|
16906 |
|
16907 | module.exports = require("cloudinary-core");
|
16908 |
|
16909 | }),
|
16910 |
|
16911 | (function(module, exports, __webpack_require__) {
|
16912 |
|
16913 | "use strict";
|
16914 |
|
16915 |
|
16916 | Object.defineProperty(exports, "__esModule", {
|
16917 | value: true
|
16918 | });
|
16919 |
|
16920 | var _instagramRegion = __webpack_require__(262);
|
16921 |
|
16922 | Object.defineProperty(exports, 'InstagramRegion', {
|
16923 | enumerable: true,
|
16924 | get: function get() {
|
16925 | return _interopRequireDefault(_instagramRegion).default;
|
16926 | }
|
16927 | });
|
16928 |
|
16929 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16930 |
|
16931 | }),
|
16932 |
|
16933 | (function(module, exports, __webpack_require__) {
|
16934 |
|
16935 | "use strict";
|
16936 |
|
16937 |
|
16938 | Object.defineProperty(exports, "__esModule", {
|
16939 | value: true
|
16940 | });
|
16941 |
|
16942 | var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n > * {\n flex: 1 1 100%;\n display: flex;\n justify-content: center;\n }\n ', ' {\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n ', ', ', ' {\n margin-bottom: 2rem;\n text-align: center;\n padding-right: 10px;\n padding-left: 10px;\n }\n'], ['\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n > * {\n flex: 1 1 100%;\n display: flex;\n justify-content: center;\n }\n ', ' {\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n ', ', ', ' {\n margin-bottom: 2rem;\n text-align: center;\n padding-right: 10px;\n padding-left: 10px;\n }\n']);
|
16943 |
|
16944 | var _react = __webpack_require__(2);
|
16945 |
|
16946 | var _react2 = _interopRequireDefault(_react);
|
16947 |
|
16948 | var _propTypes = __webpack_require__(0);
|
16949 |
|
16950 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16951 |
|
16952 | var _styledComponents = __webpack_require__(1);
|
16953 |
|
16954 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16955 |
|
16956 | var _SRC = __webpack_require__(3);
|
16957 |
|
16958 | var _defaultProps = __webpack_require__(263);
|
16959 |
|
16960 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
16961 |
|
16962 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16963 |
|
16964 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16965 |
|
16966 | var BaseInstagramRegion = function BaseInstagramRegion(_ref) {
|
16967 | var className = _ref.className,
|
16968 | ariaLabel = _ref.ariaLabel,
|
16969 | content = _ref.content,
|
16970 | title = _ref.title;
|
16971 |
|
16972 | return _react2.default.createElement(
|
16973 | 'section',
|
16974 | { className: className },
|
16975 | _react2.default.createElement(
|
16976 | _SRC.H1,
|
16977 | { 'aria-label': ariaLabel },
|
16978 | title
|
16979 | ),
|
16980 | _react2.default.createElement(
|
16981 | _SRC.P,
|
16982 | null,
|
16983 | content
|
16984 | ),
|
16985 | _react2.default.createElement(_SRC.Instagram, null)
|
16986 | );
|
16987 | };
|
16988 |
|
16989 | var InstagramRegion = (0, _styledComponents2.default)(BaseInstagramRegion)(_templateObject, _SRC.H1, _SRC.H1, _SRC.P);
|
16990 |
|
16991 | InstagramRegion.propTypes = {
|
16992 | ariaLabel: _propTypes2.default.string,
|
16993 | className: _propTypes2.default.string,
|
16994 | content: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
|
16995 | title: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
16996 | };
|
16997 |
|
16998 | InstagramRegion.defaultProps = Object.assign({}, _defaultProps2.default);
|
16999 |
|
17000 |
|
17001 | exports.default = InstagramRegion;
|
17002 |
|
17003 | }),
|
17004 |
|
17005 | (function(module, exports, __webpack_require__) {
|
17006 |
|
17007 | "use strict";
|
17008 |
|
17009 |
|
17010 | Object.defineProperty(exports, "__esModule", {
|
17011 | value: true
|
17012 | });
|
17013 | exports.default = {
|
17014 | ariaLabel: 'Find us @ rockets of awesome',
|
17015 | title: 'Find us @rocketsofawesome',
|
17016 | content: 'Follow us on Instagram for parent hacks, outfit tips, and the stuff we’re just super obsessed with right now. Plus, check out #ROAINTHEWILD to see how real kids are sporting their favorite styles IRL.'
|
17017 | };
|
17018 |
|
17019 | }),
|
17020 |
|
17021 | (function(module, exports, __webpack_require__) {
|
17022 |
|
17023 | "use strict";
|
17024 |
|
17025 |
|
17026 | Object.defineProperty(exports, "__esModule", {
|
17027 | value: true
|
17028 | });
|
17029 |
|
17030 | var _outfitCards = __webpack_require__(265);
|
17031 |
|
17032 | Object.keys(_outfitCards).forEach(function (key) {
|
17033 | if (key === "default" || key === "__esModule") return;
|
17034 | Object.defineProperty(exports, key, {
|
17035 | enumerable: true,
|
17036 | get: function get() {
|
17037 | return _outfitCards[key];
|
17038 | }
|
17039 | });
|
17040 | });
|
17041 |
|
17042 | var _outfitSizePicker = __webpack_require__(267);
|
17043 |
|
17044 | Object.keys(_outfitSizePicker).forEach(function (key) {
|
17045 | if (key === "default" || key === "__esModule") return;
|
17046 | Object.defineProperty(exports, key, {
|
17047 | enumerable: true,
|
17048 | get: function get() {
|
17049 | return _outfitSizePicker[key];
|
17050 | }
|
17051 | });
|
17052 | });
|
17053 |
|
17054 | }),
|
17055 |
|
17056 | (function(module, exports, __webpack_require__) {
|
17057 |
|
17058 | "use strict";
|
17059 |
|
17060 |
|
17061 | Object.defineProperty(exports, "__esModule", {
|
17062 | value: true
|
17063 | });
|
17064 |
|
17065 | var _outfitCards = __webpack_require__(266);
|
17066 |
|
17067 | Object.defineProperty(exports, 'OutfitCards', {
|
17068 | enumerable: true,
|
17069 | get: function get() {
|
17070 | return _interopRequireDefault(_outfitCards).default;
|
17071 | }
|
17072 | });
|
17073 |
|
17074 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17075 |
|
17076 | }),
|
17077 |
|
17078 | (function(module, exports, __webpack_require__) {
|
17079 |
|
17080 | "use strict";
|
17081 |
|
17082 |
|
17083 | Object.defineProperty(exports, "__esModule", {
|
17084 | value: true
|
17085 | });
|
17086 |
|
17087 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n margin-bottom: 6rem;\n }\n'], ['\n ', ' {\n margin-bottom: 6rem;\n }\n']);
|
17088 |
|
17089 | var _react = __webpack_require__(2);
|
17090 |
|
17091 | var _react2 = _interopRequireDefault(_react);
|
17092 |
|
17093 | var _propTypes = __webpack_require__(0);
|
17094 |
|
17095 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17096 |
|
17097 | var _styledComponents = __webpack_require__(1);
|
17098 |
|
17099 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17100 |
|
17101 | var _SRC = __webpack_require__(3);
|
17102 |
|
17103 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17104 |
|
17105 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17106 |
|
17107 | var OutfitCards = (0, _styledComponents2.default)(function (_ref) {
|
17108 | var className = _ref.className,
|
17109 | element = _ref.element,
|
17110 | outfits = _ref.outfits;
|
17111 |
|
17112 | return _react2.default.createElement(
|
17113 | _SRC.FlexRow,
|
17114 | { constrained: true },
|
17115 | outfits.map(function (outfit, index) {
|
17116 | return _react2.default.createElement(
|
17117 | _SRC.FlexCol,
|
17118 | { className: className, desktop: { width: 4 }, key: index },
|
17119 | _react2.default.createElement(
|
17120 | _SRC.Card,
|
17121 | outfit.card,
|
17122 | _react2.default.createElement(_SRC.InlineImage, outfit.image),
|
17123 | outfit.information
|
17124 | )
|
17125 | );
|
17126 | })
|
17127 | );
|
17128 | })(_templateObject, _SRC.Card);
|
17129 |
|
17130 | OutfitCards.propTypes = {
|
17131 | element: _propTypes2.default.node,
|
17132 | outfit: _propTypes2.default.array
|
17133 | };
|
17134 |
|
17135 | OutfitCards.defaultProps = {
|
17136 | element: 'a'
|
17137 |
|
17138 |
|
17139 | };exports.default = OutfitCards;
|
17140 |
|
17141 | }),
|
17142 |
|
17143 | (function(module, exports, __webpack_require__) {
|
17144 |
|
17145 | "use strict";
|
17146 |
|
17147 |
|
17148 | Object.defineProperty(exports, "__esModule", {
|
17149 | value: true
|
17150 | });
|
17151 |
|
17152 | var _outfitSizePicker = __webpack_require__(268);
|
17153 |
|
17154 | Object.defineProperty(exports, 'OutfitSizePicker', {
|
17155 | enumerable: true,
|
17156 | get: function get() {
|
17157 | return _interopRequireDefault(_outfitSizePicker).default;
|
17158 | }
|
17159 | });
|
17160 |
|
17161 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17162 |
|
17163 | }),
|
17164 |
|
17165 | (function(module, exports, __webpack_require__) {
|
17166 |
|
17167 | "use strict";
|
17168 |
|
17169 |
|
17170 | Object.defineProperty(exports, "__esModule", {
|
17171 | value: true
|
17172 | });
|
17173 |
|
17174 | var _templateObject = _taggedTemplateLiteral(['\n .image-wrapper {\n cursor: pointer;\n display: flex;\n justify-content: center;\n margin-right: 1.25rem;\n max-width: 25%;\n ', '\n }\n ', ' {\n margin-bottom: 2rem;\n display: flex;\n }\n .size-picker {\n // min-width: 30rem;\n }\n .product {\n display: flex;\n margin-top: 1rem;\n margin-bottom: 1rem;\n align-items: center;\n ', '\n\n }\n'], ['\n .image-wrapper {\n cursor: pointer;\n display: flex;\n justify-content: center;\n margin-right: 1.25rem;\n max-width: 25%;\n ', '\n }\n ', ' {\n margin-bottom: 2rem;\n display: flex;\n }\n .size-picker {\n // min-width: 30rem;\n }\n .product {\n display: flex;\n margin-top: 1rem;\n margin-bottom: 1rem;\n align-items: center;\n ', '\n\n }\n']),
|
17175 | _templateObject2 = _taggedTemplateLiteral(['\n margin-right: .75rem;\n width: auto;\n '], ['\n margin-right: .75rem;\n width: auto;\n ']),
|
17176 | _templateObject3 = _taggedTemplateLiteral(['\n padding-bottom: 2rem;\n border-bottom: 1px solid ', '\n flex-wrap: wrap;\n\n > *:first-child {\n margin-right: auto;\n }\n &:last-of-type {\n border-bottom: none;\n }\n '], ['\n padding-bottom: 2rem;\n border-bottom: 1px solid ', '\n flex-wrap: wrap;\n\n > *:first-child {\n margin-right: auto;\n }\n &:last-of-type {\n border-bottom: none;\n }\n ']);
|
17177 |
|
17178 | var _react = __webpack_require__(2);
|
17179 |
|
17180 | var _react2 = _interopRequireDefault(_react);
|
17181 |
|
17182 | var _propTypes = __webpack_require__(0);
|
17183 |
|
17184 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17185 |
|
17186 | var _styledComponents = __webpack_require__(1);
|
17187 |
|
17188 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17189 |
|
17190 | var _SRC = __webpack_require__(3);
|
17191 |
|
17192 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17193 |
|
17194 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17195 |
|
17196 | var OutfitProductImage = function OutfitProductImage(_ref) {
|
17197 | var product = _ref.product;
|
17198 | return _react2.default.createElement(_SRC.InlineImage, product.image);
|
17199 | };
|
17200 |
|
17201 | var OutfitSizePicker = (0, _styledComponents2.default)(function (_ref2) {
|
17202 | var className = _ref2.className,
|
17203 | currentSizes = _ref2.currentSizes,
|
17204 | element = _ref2.element,
|
17205 | products = _ref2.products,
|
17206 | onSizeSelect = _ref2.onSizeSelect,
|
17207 | renderProductLink = _ref2.renderProductLink;
|
17208 |
|
17209 | return _react2.default.createElement(
|
17210 | 'div',
|
17211 | { className: className },
|
17212 | Object.keys(products).map(function (size) {
|
17213 | var product = products[size];
|
17214 | var currentSize = currentSizes && product.id in currentSizes ? currentSizes[product.id] : undefined;
|
17215 |
|
17216 | return _react2.default.createElement(
|
17217 | 'div',
|
17218 | { className: 'product', key: product.id },
|
17219 | renderProductLink(product),
|
17220 | _react2.default.createElement(_SRC.SizePicker, {
|
17221 | className: 'size-picker',
|
17222 | productId: product.id,
|
17223 | variants: product.variants,
|
17224 | currentSize: currentSize,
|
17225 | inputDisabled: true,
|
17226 | onSizeSelect: onSizeSelect(product.id) })
|
17227 | );
|
17228 | })
|
17229 | );
|
17230 | })(_templateObject, function (props) {
|
17231 | return props.theme.breakpointsVerbose.belowTablet(_templateObject2);
|
17232 | }, _SRC.Label, function (props) {
|
17233 | return props.theme.breakpointsVerbose.belowLaptop(_templateObject3, props.theme.colors.gray[4]);
|
17234 | });
|
17235 |
|
17236 | OutfitSizePicker.propTypes = {
|
17237 | element: _propTypes2.default.shape({
|
17238 | type: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node, _propTypes2.default.func]),
|
17239 | props: _propTypes2.default.object
|
17240 | }),
|
17241 | products: _propTypes2.default.array.isRequired,
|
17242 | className: _propTypes2.default.string
|
17243 | };
|
17244 |
|
17245 | OutfitSizePicker.defaultProps = {
|
17246 | renderProductLink: function renderProductLink(product) {
|
17247 | return _react2.default.createElement(
|
17248 | 'a',
|
17249 | { href: '#products/' + product.slug },
|
17250 | _react2.default.createElement(OutfitProductImage, { product: product })
|
17251 | );
|
17252 | }
|
17253 |
|
17254 |
|
17255 | };exports.default = OutfitSizePicker;
|
17256 |
|
17257 | }),
|
17258 |
|
17259 | (function(module, exports, __webpack_require__) {
|
17260 |
|
17261 | "use strict";
|
17262 |
|
17263 |
|
17264 | Object.defineProperty(exports, "__esModule", {
|
17265 | value: true
|
17266 | });
|
17267 |
|
17268 | var _guarantee = __webpack_require__(270);
|
17269 |
|
17270 | Object.defineProperty(exports, 'Guarantee', {
|
17271 | enumerable: true,
|
17272 | get: function get() {
|
17273 | return _interopRequireDefault(_guarantee).default;
|
17274 | }
|
17275 | });
|
17276 |
|
17277 | var _subscriptionShipping = __webpack_require__(271);
|
17278 |
|
17279 | Object.defineProperty(exports, 'SubscriptionShipping', {
|
17280 | enumerable: true,
|
17281 | get: function get() {
|
17282 | return _interopRequireDefault(_subscriptionShipping).default;
|
17283 | }
|
17284 | });
|
17285 |
|
17286 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17287 |
|
17288 | }),
|
17289 |
|
17290 | (function(module, exports, __webpack_require__) {
|
17291 |
|
17292 | "use strict";
|
17293 |
|
17294 |
|
17295 | Object.defineProperty(exports, "__esModule", {
|
17296 | value: true
|
17297 | });
|
17298 | exports.UnstyledGuarantee = undefined;
|
17299 |
|
17300 | var _templateObject = _taggedTemplateLiteral(['\n header {\n display: flex;\n align-items: center;\n }\n ', ' {\n margin-right: 10px;\n }\n section > *{\n margin-top: 10px;\n margin-bottom: 0;\n }\n'], ['\n header {\n display: flex;\n align-items: center;\n }\n ', ' {\n margin-right: 10px;\n }\n section > *{\n margin-top: 10px;\n margin-bottom: 0;\n }\n']);
|
17301 |
|
17302 | var _react = __webpack_require__(2);
|
17303 |
|
17304 | var _react2 = _interopRequireDefault(_react);
|
17305 |
|
17306 | var _propTypes = __webpack_require__(0);
|
17307 |
|
17308 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17309 |
|
17310 | var _styledComponents = __webpack_require__(1);
|
17311 |
|
17312 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17313 |
|
17314 | var _typography = __webpack_require__(22);
|
17315 |
|
17316 | var _icons = __webpack_require__(20);
|
17317 |
|
17318 | var _sections = __webpack_require__(27);
|
17319 |
|
17320 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17321 |
|
17322 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17323 |
|
17324 | var UnstyledGuarantee = function UnstyledGuarantee(_ref) {
|
17325 | var className = _ref.className,
|
17326 | children = _ref.children;
|
17327 |
|
17328 | return _react2.default.createElement(
|
17329 | _sections.InformationalSection,
|
17330 | { className: className },
|
17331 | _react2.default.createElement(
|
17332 | 'header',
|
17333 | null,
|
17334 | _react2.default.createElement(_icons.GuaranteeIcon, { animated: true }),
|
17335 | _react2.default.createElement(
|
17336 | _typography.Label,
|
17337 | null,
|
17338 | 'FIRST BOX GUARANTEE'
|
17339 | )
|
17340 | ),
|
17341 | _react2.default.createElement(
|
17342 | 'section',
|
17343 | null,
|
17344 | children
|
17345 | )
|
17346 | );
|
17347 | };
|
17348 |
|
17349 | var Guarantee = (0, _styledComponents2.default)(UnstyledGuarantee)(_templateObject, _icons.GuaranteeIcon);
|
17350 |
|
17351 | Guarantee.propTypes = {
|
17352 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object])
|
17353 |
|
17354 |
|
17355 | };exports.default = Guarantee;
|
17356 | exports.UnstyledGuarantee = UnstyledGuarantee;
|
17357 |
|
17358 | }),
|
17359 |
|
17360 | (function(module, exports, __webpack_require__) {
|
17361 |
|
17362 | "use strict";
|
17363 |
|
17364 |
|
17365 | Object.defineProperty(exports, "__esModule", {
|
17366 | value: true
|
17367 | });
|
17368 | exports.UnstyledSubscriptionShipping = undefined;
|
17369 |
|
17370 | var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n align-items: center;\n padding: 1rem;\n margin-bottom: 3rem;\n ', '\n min-height: 8rem;\n ', ' {\n margin-right: 1.5rem;\n flex: 0 0 5rem;\n ', '\n }\n aside {\n ', ':first-of-type {\n font-weight: 500;\n }\n }\n'], ['\n display: flex;\n align-items: center;\n padding: 1rem;\n margin-bottom: 3rem;\n ', '\n min-height: 8rem;\n ', ' {\n margin-right: 1.5rem;\n flex: 0 0 5rem;\n ', '\n }\n aside {\n ', ':first-of-type {\n font-weight: 500;\n }\n }\n']),
|
17371 | _templateObject2 = _taggedTemplateLiteral(['\n padding: 0;\n min-height: 8rem;\n '], ['\n padding: 0;\n min-height: 8rem;\n ']),
|
17372 | _templateObject3 = _taggedTemplateLiteral(['\n flex: 0 0 7rem;\n align-self: flex-end;\n '], ['\n flex: 0 0 7rem;\n align-self: flex-end;\n ']);
|
17373 |
|
17374 | var _react = __webpack_require__(2);
|
17375 |
|
17376 | var _react2 = _interopRequireDefault(_react);
|
17377 |
|
17378 | var _propTypes = __webpack_require__(0);
|
17379 |
|
17380 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17381 |
|
17382 | var _styledComponents = __webpack_require__(1);
|
17383 |
|
17384 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17385 |
|
17386 | var _typography = __webpack_require__(22);
|
17387 |
|
17388 | var _icons = __webpack_require__(20);
|
17389 |
|
17390 | var _sections = __webpack_require__(27);
|
17391 |
|
17392 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17393 |
|
17394 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17395 |
|
17396 | var UnstyledSubscriptionShipping = function UnstyledSubscriptionShipping(_ref) {
|
17397 | var className = _ref.className;
|
17398 |
|
17399 | return _react2.default.createElement(
|
17400 | _sections.InformationalSection,
|
17401 | { className: className },
|
17402 | _react2.default.createElement(_icons.MailboxIcon, { animate: true }),
|
17403 | _react2.default.createElement(
|
17404 | 'aside',
|
17405 | null,
|
17406 | _react2.default.createElement(
|
17407 | _typography.P,
|
17408 | null,
|
17409 | 'Seasonal Shipments'
|
17410 | ),
|
17411 | _react2.default.createElement(
|
17412 | _typography.P,
|
17413 | null,
|
17414 | 'A box every 3 months. So easy. Simple to cancel anytime.'
|
17415 | )
|
17416 | )
|
17417 | );
|
17418 | };
|
17419 |
|
17420 | var SubscriptionShipping = (0, _styledComponents2.default)(UnstyledSubscriptionShipping)(_templateObject, function (props) {
|
17421 | return props.theme.media.tablet(_templateObject2);
|
17422 | }, _icons.MailboxIcon, function (props) {
|
17423 | return props.theme.media.tablet(_templateObject3);
|
17424 | }, _typography.P);
|
17425 |
|
17426 | SubscriptionShipping.propTypes = {
|
17427 | theme: _propTypes2.default.shape({
|
17428 | media: _propTypes2.default.shape({
|
17429 | tablet: _propTypes2.default.func
|
17430 | })
|
17431 | })
|
17432 |
|
17433 |
|
17434 | };exports.default = SubscriptionShipping;
|
17435 | exports.UnstyledSubscriptionShipping = UnstyledSubscriptionShipping;
|
17436 |
|
17437 | }),
|
17438 |
|
17439 | (function(module, exports, __webpack_require__) {
|
17440 |
|
17441 | "use strict";
|
17442 |
|
17443 |
|
17444 | Object.defineProperty(exports, "__esModule", {
|
17445 | value: true
|
17446 | });
|
17447 |
|
17448 | var _progressBar = __webpack_require__(273);
|
17449 |
|
17450 | Object.keys(_progressBar).forEach(function (key) {
|
17451 | if (key === "default" || key === "__esModule") return;
|
17452 | Object.defineProperty(exports, key, {
|
17453 | enumerable: true,
|
17454 | get: function get() {
|
17455 | return _progressBar[key];
|
17456 | }
|
17457 | });
|
17458 | });
|
17459 |
|
17460 | var _freeShippingText = __webpack_require__(275);
|
17461 |
|
17462 | Object.keys(_freeShippingText).forEach(function (key) {
|
17463 | if (key === "default" || key === "__esModule") return;
|
17464 | Object.defineProperty(exports, key, {
|
17465 | enumerable: true,
|
17466 | get: function get() {
|
17467 | return _freeShippingText[key];
|
17468 | }
|
17469 | });
|
17470 | });
|
17471 |
|
17472 | var _persistentCartProduct = __webpack_require__(277);
|
17473 |
|
17474 | Object.keys(_persistentCartProduct).forEach(function (key) {
|
17475 | if (key === "default" || key === "__esModule") return;
|
17476 | Object.defineProperty(exports, key, {
|
17477 | enumerable: true,
|
17478 | get: function get() {
|
17479 | return _persistentCartProduct[key];
|
17480 | }
|
17481 | });
|
17482 | });
|
17483 |
|
17484 | var _persistentCartProductList = __webpack_require__(279);
|
17485 |
|
17486 | Object.keys(_persistentCartProductList).forEach(function (key) {
|
17487 | if (key === "default" || key === "__esModule") return;
|
17488 | Object.defineProperty(exports, key, {
|
17489 | enumerable: true,
|
17490 | get: function get() {
|
17491 | return _persistentCartProductList[key];
|
17492 | }
|
17493 | });
|
17494 | });
|
17495 |
|
17496 | var _cartSidebar = __webpack_require__(281);
|
17497 |
|
17498 | Object.keys(_cartSidebar).forEach(function (key) {
|
17499 | if (key === "default" || key === "__esModule") return;
|
17500 | Object.defineProperty(exports, key, {
|
17501 | enumerable: true,
|
17502 | get: function get() {
|
17503 | return _cartSidebar[key];
|
17504 | }
|
17505 | });
|
17506 | });
|
17507 |
|
17508 | }),
|
17509 |
|
17510 | (function(module, exports, __webpack_require__) {
|
17511 |
|
17512 | "use strict";
|
17513 |
|
17514 |
|
17515 | Object.defineProperty(exports, "__esModule", {
|
17516 | value: true
|
17517 | });
|
17518 |
|
17519 | var _progressBar = __webpack_require__(274);
|
17520 |
|
17521 | Object.defineProperty(exports, 'ProgressBar', {
|
17522 | enumerable: true,
|
17523 | get: function get() {
|
17524 | return _interopRequireDefault(_progressBar).default;
|
17525 | }
|
17526 | });
|
17527 |
|
17528 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17529 |
|
17530 | }),
|
17531 |
|
17532 | (function(module, exports, __webpack_require__) {
|
17533 |
|
17534 | "use strict";
|
17535 |
|
17536 |
|
17537 | Object.defineProperty(exports, "__esModule", {
|
17538 | value: true
|
17539 | });
|
17540 | exports.BaseProgressBar = undefined;
|
17541 |
|
17542 | 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; }; }();
|
17543 |
|
17544 | var _templateObject = _taggedTemplateLiteral(['\n width: 100%;\n height: 100%;\n transition: transform .2s ease-in, background-color 0.2s ease-in-out;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n'], ['\n width: 100%;\n height: 100%;\n transition: transform .2s ease-in, background-color 0.2s ease-in-out;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n']),
|
17545 | _templateObject2 = _taggedTemplateLiteral(['\n background-color: ', ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 2px 2px rgba(0,0,0, 0.2);\n z-index: 2;\n border-radius: 50px;\n transform: ', ';\n'], ['\n background-color: ', ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 2px 2px rgba(0,0,0, 0.2);\n z-index: 2;\n border-radius: 50px;\n transform: ', ';\n']),
|
17546 | _templateObject3 = _taggedTemplateLiteral(['\n position: relative;\n height: 20px;\n width: 100%;\n border-radius: 50px;\n background-color: rgba(0, 0, 0, 0.05);\n overflow: hidden;\n margin-top: 20px;\n position: relative;\n'], ['\n position: relative;\n height: 20px;\n width: 100%;\n border-radius: 50px;\n background-color: rgba(0, 0, 0, 0.05);\n overflow: hidden;\n margin-top: 20px;\n position: relative;\n']);
|
17547 |
|
17548 | var _react = __webpack_require__(2);
|
17549 |
|
17550 | var _react2 = _interopRequireDefault(_react);
|
17551 |
|
17552 | var _propTypes = __webpack_require__(0);
|
17553 |
|
17554 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17555 |
|
17556 | var _styledComponents = __webpack_require__(1);
|
17557 |
|
17558 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17559 |
|
17560 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17561 |
|
17562 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
17563 |
|
17564 | 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; }
|
17565 |
|
17566 | 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; }
|
17567 |
|
17568 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17569 |
|
17570 | var Overlay = _styledComponents2.default.div(_templateObject);
|
17571 |
|
17572 | var Filler = _styledComponents2.default.div(_templateObject2, function (props) {
|
17573 | return props.theme.colors.lightBlue2;
|
17574 | }, function (props) {
|
17575 | return 'translateX(-' + props.percentage + '%)';
|
17576 | });
|
17577 |
|
17578 | var BaseProgressBar = exports.BaseProgressBar = function (_React$Component) {
|
17579 | _inherits(BaseProgressBar, _React$Component);
|
17580 |
|
17581 | function BaseProgressBar(props) {
|
17582 | _classCallCheck(this, BaseProgressBar);
|
17583 |
|
17584 | var _this = _possibleConstructorReturn(this, (BaseProgressBar.__proto__ || Object.getPrototypeOf(BaseProgressBar)).call(this, props));
|
17585 |
|
17586 | _this.state = {
|
17587 | percentage: 100
|
17588 | };
|
17589 | return _this;
|
17590 | }
|
17591 |
|
17592 | _createClass(BaseProgressBar, [{
|
17593 | key: 'componentDidMount',
|
17594 | value: function componentDidMount() {
|
17595 | var _this2 = this;
|
17596 |
|
17597 | setTimeout(function () {
|
17598 | _this2.setState({ percentage: _this2.props.percentage });
|
17599 | }, 500);
|
17600 | }
|
17601 | }, {
|
17602 | key: 'componentWillReceiveProps',
|
17603 | value: function componentWillReceiveProps(nextProps) {
|
17604 | this.setState({ percentage: nextProps.percentage });
|
17605 | }
|
17606 | }, {
|
17607 | key: 'render',
|
17608 | value: function render() {
|
17609 | var className = this.props.className;
|
17610 | var percentage = this.state.percentage;
|
17611 |
|
17612 | return _react2.default.createElement(
|
17613 | 'div',
|
17614 | { className: className },
|
17615 | _react2.default.createElement(Filler, { percentage: percentage }),
|
17616 | _react2.default.createElement(Overlay, null)
|
17617 | );
|
17618 | }
|
17619 | }]);
|
17620 |
|
17621 | return BaseProgressBar;
|
17622 | }(_react2.default.Component);
|
17623 |
|
17624 | var ProgressBar = (0, _styledComponents2.default)(BaseProgressBar)(_templateObject3);
|
17625 |
|
17626 | BaseProgressBar.propTypes = {
|
17627 | percentage: _propTypes2.default.number,
|
17628 | className: _propTypes2.default.string
|
17629 |
|
17630 |
|
17631 | };exports.default = ProgressBar;
|
17632 |
|
17633 | }),
|
17634 |
|
17635 | (function(module, exports, __webpack_require__) {
|
17636 |
|
17637 | "use strict";
|
17638 |
|
17639 |
|
17640 | Object.defineProperty(exports, "__esModule", {
|
17641 | value: true
|
17642 | });
|
17643 |
|
17644 | var _freeShippingText = __webpack_require__(276);
|
17645 |
|
17646 | Object.defineProperty(exports, 'FreeShippingText', {
|
17647 | enumerable: true,
|
17648 | get: function get() {
|
17649 | return _interopRequireDefault(_freeShippingText).default;
|
17650 | }
|
17651 | });
|
17652 |
|
17653 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17654 |
|
17655 | }),
|
17656 |
|
17657 | (function(module, exports, __webpack_require__) {
|
17658 |
|
17659 | "use strict";
|
17660 |
|
17661 |
|
17662 | Object.defineProperty(exports, "__esModule", {
|
17663 | value: true
|
17664 | });
|
17665 |
|
17666 | var _templateObject = _taggedTemplateLiteral(['\n font-weight: 200!important;\n span{\n font-weight: 600;\n }\n'], ['\n font-weight: 200!important;\n span{\n font-weight: 600;\n }\n']),
|
17667 | _templateObject2 = _taggedTemplateLiteral(['\n 0% {\n transform: translateY(0px);\n }\n 20% {\n transform: translateY(0px);\n }\n 25% {\n transform: translateY(-5px);\n }\n 30% {\n transform: translateY(0px);\n }\n 35% {\n transform: translateY(-3px);\n }\n 40% {\n transform: translateY(0px);\n }\n 100% {\n transform: translateY(0px);\n }\n'], ['\n 0% {\n transform: translateY(0px);\n }\n 20% {\n transform: translateY(0px);\n }\n 25% {\n transform: translateY(-5px);\n }\n 30% {\n transform: translateY(0px);\n }\n 35% {\n transform: translateY(-3px);\n }\n 40% {\n transform: translateY(0px);\n }\n 100% {\n transform: translateY(0px);\n }\n']),
|
17668 | _templateObject3 = _taggedTemplateLiteral(['\n animation: ', ' 2s ease-in-out;\n'], ['\n animation: ', ' 2s ease-in-out;\n']);
|
17669 |
|
17670 | var _react = __webpack_require__(2);
|
17671 |
|
17672 | var _react2 = _interopRequireDefault(_react);
|
17673 |
|
17674 | var _styledComponents = __webpack_require__(1);
|
17675 |
|
17676 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17677 |
|
17678 | var _propTypes = __webpack_require__(0);
|
17679 |
|
17680 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17681 |
|
17682 | var _accounting = __webpack_require__(28);
|
17683 |
|
17684 | var _accounting2 = _interopRequireDefault(_accounting);
|
17685 |
|
17686 | var _SRC = __webpack_require__(3);
|
17687 |
|
17688 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17689 |
|
17690 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17691 |
|
17692 | var FreeShippingNotMet = (0, _styledComponents2.default)(_SRC.H4)(_templateObject);
|
17693 |
|
17694 | var wiggle = (0, _styledComponents.keyframes)(_templateObject2);
|
17695 |
|
17696 | var FreeShipping = (0, _styledComponents2.default)(_SRC.H4)(_templateObject3, wiggle);
|
17697 |
|
17698 | var FreeShippingText = function FreeShippingText(_ref) {
|
17699 | var subTotal = _ref.subTotal;
|
17700 |
|
17701 | var freeShippingAmount = 50 - parseFloat(subTotal);
|
17702 | if (freeShippingAmount > 0) {
|
17703 | return _react2.default.createElement(
|
17704 | FreeShippingNotMet,
|
17705 | {
|
17706 | lowercase: true },
|
17707 | 'You\u2019re ',
|
17708 | _react2.default.createElement(
|
17709 | 'span',
|
17710 | null,
|
17711 | _accounting2.default.formatMoney(freeShippingAmount)
|
17712 | ),
|
17713 | ' away from free shipping'
|
17714 | );
|
17715 | } else {
|
17716 | return _react2.default.createElement(
|
17717 | FreeShipping,
|
17718 | { lowercase: true },
|
17719 | 'Yay! You\u2019ll get free shipping!',
|
17720 | _react2.default.createElement(
|
17721 | 'span',
|
17722 | { role: 'img', 'aria-label': 'Rocket' },
|
17723 | '\uD83D\uDE80'
|
17724 | )
|
17725 | );
|
17726 | }
|
17727 | };
|
17728 |
|
17729 | FreeShippingText.propTypes = {
|
17730 | subTotal: _propTypes2.default.number
|
17731 | };
|
17732 |
|
17733 | exports.default = FreeShippingText;
|
17734 |
|
17735 | }),
|
17736 |
|
17737 | (function(module, exports, __webpack_require__) {
|
17738 |
|
17739 | "use strict";
|
17740 |
|
17741 |
|
17742 | Object.defineProperty(exports, "__esModule", {
|
17743 | value: true
|
17744 | });
|
17745 |
|
17746 | var _persistentCartProduct = __webpack_require__(278);
|
17747 |
|
17748 | Object.defineProperty(exports, 'PersistentCartProduct', {
|
17749 | enumerable: true,
|
17750 | get: function get() {
|
17751 | return _interopRequireDefault(_persistentCartProduct).default;
|
17752 | }
|
17753 | });
|
17754 |
|
17755 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17756 |
|
17757 | }),
|
17758 |
|
17759 | (function(module, exports, __webpack_require__) {
|
17760 |
|
17761 | "use strict";
|
17762 |
|
17763 |
|
17764 | Object.defineProperty(exports, "__esModule", {
|
17765 | value: true
|
17766 | });
|
17767 |
|
17768 | 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; }; }();
|
17769 |
|
17770 | var _templateObject = _taggedTemplateLiteral(['\n margin-left: 10px;\n'], ['\n margin-left: 10px;\n']),
|
17771 | _templateObject2 = _taggedTemplateLiteral(['\n flex: 0 0 auto;\n img {\n max-width: 110px;\n }\n'], ['\n flex: 0 0 auto;\n img {\n max-width: 110px;\n }\n']),
|
17772 | _templateObject3 = _taggedTemplateLiteral(['\n cursor: pointer;\n'], ['\n cursor: pointer;\n']),
|
17773 | _templateObject4 = _taggedTemplateLiteral(['\n max-width: 150px;\n margin-top: 0;\n margin-bottom: 5px;\n font-family: ', ';\n font-size: 20px;\n font-weight: 500;\n line-height: 1.1;\n letter-spacing: 0.5px;\n color: ', ';\n text-transform: uppercase;\n'], ['\n max-width: 150px;\n margin-top: 0;\n margin-bottom: 5px;\n font-family: ', ';\n font-size: 20px;\n font-weight: 500;\n line-height: 1.1;\n letter-spacing: 0.5px;\n color: ', ';\n text-transform: uppercase;\n']),
|
17774 | _templateObject5 = _taggedTemplateLiteral(['\n margin-bottom: 4px;\n\n font-size: 14px;\n font-weight: normal;\n font-family: ', ';\n color: ', ';\n\n em {\n margin-left: 6px;\n font-style: normal;\n color: #707070;\n }\n'], ['\n margin-bottom: 4px;\n\n font-size: 14px;\n font-weight: normal;\n font-family: ', ';\n color: ', ';\n\n em {\n margin-left: 6px;\n font-style: normal;\n color: #707070;\n }\n']),
|
17775 | _templateObject6 = _taggedTemplateLiteral(['\n height: 12px;\n margin-left: 10px;\n margin-right: 20px;\n margin-top: 5px;\n width: 12px;\n\n cursor: pointer;\n'], ['\n height: 12px;\n margin-left: 10px;\n margin-right: 20px;\n margin-top: 5px;\n width: 12px;\n\n cursor: pointer;\n']),
|
17776 | _templateObject7 = _taggedTemplateLiteral(['\n padding-top: 20px;\n padding-bottom: 20px;\n\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n border-bottom: 1px solid #d5d5d5;\n\n select {\n font-size: 16px;\n }\n'], ['\n padding-top: 20px;\n padding-bottom: 20px;\n\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n border-bottom: 1px solid #d5d5d5;\n\n select {\n font-size: 16px;\n }\n']);
|
17777 |
|
17778 | var _react = __webpack_require__(2);
|
17779 |
|
17780 | var _react2 = _interopRequireDefault(_react);
|
17781 |
|
17782 | var _propTypes = __webpack_require__(0);
|
17783 |
|
17784 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17785 |
|
17786 | var _accounting = __webpack_require__(28);
|
17787 |
|
17788 | var _accounting2 = _interopRequireDefault(_accounting);
|
17789 |
|
17790 | var _styledComponents = __webpack_require__(1);
|
17791 |
|
17792 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17793 |
|
17794 | var _SRC = __webpack_require__(3);
|
17795 |
|
17796 | var _cloudinary = __webpack_require__(38);
|
17797 |
|
17798 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
17799 |
|
17800 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17801 |
|
17802 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
17803 |
|
17804 | 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; }
|
17805 |
|
17806 | 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; }
|
17807 |
|
17808 | 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; }
|
17809 |
|
17810 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17811 |
|
17812 | var shotTypeSortOrder = ['front', 'back', 'detail', 'other', 'on_model'];
|
17813 |
|
17814 | var sortShots = function sortShots(shots) {
|
17815 | return shots.sort(function (shot1, shot2) {
|
17816 | return shotTypeSortOrder.indexOf(shot1.shot_type) < shotTypeSortOrder.indexOf(shot2.shot_type) ? -1 : 1;
|
17817 | });
|
17818 | };
|
17819 |
|
17820 | var Select = _styledComponents2.default.select(_templateObject);
|
17821 |
|
17822 | var Thumbnail = _styledComponents2.default.div(_templateObject2);
|
17823 |
|
17824 | var ImageLink = (0, _styledComponents2.default)(function (_ref) {
|
17825 | var renderLink = _ref.renderLink,
|
17826 | children = _ref.children,
|
17827 | props = _objectWithoutProperties(_ref, ['renderLink', 'children']);
|
17828 |
|
17829 | delete props.light;
|
17830 | delete props.uppercase;
|
17831 | delete props.underline;
|
17832 | delete props.fontFamily;
|
17833 | delete props.fontSize;
|
17834 | delete props.fontWeight;
|
17835 | if (renderLink) {
|
17836 | return renderLink(Object.assign({}, props, { children: children }));
|
17837 | } else {
|
17838 | return _react2.default.createElement(
|
17839 | 'a',
|
17840 | props,
|
17841 | children
|
17842 | );
|
17843 | }
|
17844 | })(_templateObject3);
|
17845 |
|
17846 | var ItemName = _styledComponents2.default.h4(_templateObject4, function (props) {
|
17847 | return props.theme.fonts.headerFont;
|
17848 | }, function (props) {
|
17849 | return props.theme.colors.navy;
|
17850 | });
|
17851 |
|
17852 | var Attribute = _styledComponents2.default.div(_templateObject5, function (props) {
|
17853 | return props.theme.fonts.primaryFont;
|
17854 | }, function (props) {
|
17855 | return props.theme.colors.navy;
|
17856 | });
|
17857 |
|
17858 | var Remove = (0, _styledComponents2.default)(_SRC.XIcon)(_templateObject6);
|
17859 |
|
17860 | var BaseProduct = function (_React$Component) {
|
17861 | _inherits(BaseProduct, _React$Component);
|
17862 |
|
17863 | function BaseProduct(props) {
|
17864 | _classCallCheck(this, BaseProduct);
|
17865 |
|
17866 | var _this = _possibleConstructorReturn(this, (BaseProduct.__proto__ || Object.getPrototypeOf(BaseProduct)).call(this, props));
|
17867 |
|
17868 | _this._onUpdateQuantity = function (_ref2) {
|
17869 | var value = _ref2.target.value;
|
17870 | var item = _this.props.item;
|
17871 |
|
17872 | _this.props.onUpdateQuantity(item.id, parseInt(value, 10));
|
17873 | };
|
17874 |
|
17875 | _this._onRemoveItem = function () {
|
17876 | var item = _this.props.item;
|
17877 |
|
17878 | _this.props.onRemoveItem(item.id);
|
17879 | };
|
17880 |
|
17881 | _this._renderQuantityPicker = function () {
|
17882 | return _react2.default.createElement(
|
17883 | Select,
|
17884 | {
|
17885 | value: _this.props.item.quantity || '',
|
17886 | onChange: _this._onUpdateQuantity },
|
17887 | _this.quantities.map(function (i) {
|
17888 | return _react2.default.createElement(
|
17889 | 'option',
|
17890 | { key: 'quantity-' + i, value: i },
|
17891 | i
|
17892 | );
|
17893 | })
|
17894 | );
|
17895 | };
|
17896 |
|
17897 | _this._showRemoveItem = function () {
|
17898 | var loading = _this.props.loading;
|
17899 |
|
17900 | return !loading && !_this._isOutOfStock();
|
17901 | };
|
17902 |
|
17903 | _this._getNotEnoughQuantityError = function () {
|
17904 | var quantity = _this.props.item.quantity;
|
17905 |
|
17906 | if (quantity === 0) return 'Out of stock.';
|
17907 | return 'Only ' + quantity + ' ' + (quantity === 1 ? 'item' : 'items') + ' left';
|
17908 | };
|
17909 |
|
17910 | _this._isOutOfStock = function () {
|
17911 | var item = _this.props.item;
|
17912 |
|
17913 | return item.quantity <= 0;
|
17914 | };
|
17915 |
|
17916 | _this._getVariantShot = function () {
|
17917 | var item = _this.props.item;
|
17918 |
|
17919 | var shot = item.shots ? sortShots(item.shots)[0].cloudinary_key : item.shot.cloudinary_key;
|
17920 | return _cloudinary2.default.url(shot, { transformation: 'order-history' });
|
17921 | };
|
17922 |
|
17923 | _this.quantities = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
|
17924 | return _this;
|
17925 | }
|
17926 |
|
17927 | _createClass(BaseProduct, [{
|
17928 | key: 'render',
|
17929 | value: function render() {
|
17930 | var _props = this.props,
|
17931 | item = _props.item,
|
17932 | hideCartSidebar = _props.hideCartSidebar,
|
17933 | className = _props.className,
|
17934 | renderLink = _props.renderLink;
|
17935 |
|
17936 | var isOutOfStock = this._isOutOfStock();
|
17937 |
|
17938 | return _react2.default.createElement(
|
17939 | 'div',
|
17940 | { className: className },
|
17941 | _react2.default.createElement(
|
17942 | Thumbnail,
|
17943 | null,
|
17944 | _react2.default.createElement(
|
17945 | ImageLink,
|
17946 | { renderLink: renderLink, target: '/products/' + item.slug + '-' + item.colorway_slug, onClick: hideCartSidebar },
|
17947 | _react2.default.createElement('img', { alt: item.description, src: this._getVariantShot() })
|
17948 | )
|
17949 | ),
|
17950 | _react2.default.createElement(
|
17951 | 'div',
|
17952 | null,
|
17953 | _react2.default.createElement(
|
17954 | ItemName,
|
17955 | null,
|
17956 | item.name,
|
17957 | _react2.default.createElement(
|
17958 | 'span',
|
17959 | null,
|
17960 | _react2.default.createElement('br', null),
|
17961 | _accounting2.default.formatMoney(item.price)
|
17962 | )
|
17963 | ),
|
17964 | _react2.default.createElement(
|
17965 | Attribute,
|
17966 | null,
|
17967 | 'Color',
|
17968 | _react2.default.createElement(
|
17969 | 'em',
|
17970 | null,
|
17971 | item.color
|
17972 | )
|
17973 | ),
|
17974 | _react2.default.createElement(
|
17975 | Attribute,
|
17976 | null,
|
17977 | 'Size',
|
17978 | _react2.default.createElement(
|
17979 | 'em',
|
17980 | null,
|
17981 | item.size
|
17982 | )
|
17983 | ),
|
17984 | !isOutOfStock && _react2.default.createElement(
|
17985 | Attribute,
|
17986 | null,
|
17987 | 'Qty',
|
17988 | this._renderQuantityPicker()
|
17989 | ),
|
17990 | (item.not_enough_quantity_error || isOutOfStock) && _react2.default.createElement(
|
17991 | Attribute,
|
17992 | null,
|
17993 | this._getNotEnoughQuantityError()
|
17994 | )
|
17995 | ),
|
17996 | this._showRemoveItem() && _react2.default.createElement(Remove, { onClick: this._onRemoveItem })
|
17997 | );
|
17998 | }
|
17999 | }]);
|
18000 |
|
18001 | return BaseProduct;
|
18002 | }(_react2.default.Component);
|
18003 |
|
18004 | var renderLink = function renderLink(inProps) {
|
18005 | var target = inProps.target,
|
18006 | children = inProps.children,
|
18007 | props = _objectWithoutProperties(inProps, ['target', 'children']);
|
18008 |
|
18009 | return _react2.default.createElement(
|
18010 | 'a',
|
18011 | Object.assign({ href: target }, props),
|
18012 | children
|
18013 | );
|
18014 | };
|
18015 |
|
18016 | var Product = (0, _styledComponents2.default)(BaseProduct)(_templateObject7);
|
18017 |
|
18018 | BaseProduct.propTypes = {
|
18019 | item: _propTypes2.default.object,
|
18020 | onUpdateQuantity: _propTypes2.default.func,
|
18021 | onRemoveItem: _propTypes2.default.func,
|
18022 | hideCartSidebar: _propTypes2.default.func,
|
18023 | className: _propTypes2.default.string,
|
18024 | renderLink: _propTypes2.default.func
|
18025 | };
|
18026 |
|
18027 | BaseProduct.defaultProps = {
|
18028 | renderLink: renderLink
|
18029 | };
|
18030 |
|
18031 | exports.default = Product;
|
18032 |
|
18033 | }),
|
18034 |
|
18035 | (function(module, exports, __webpack_require__) {
|
18036 |
|
18037 | "use strict";
|
18038 |
|
18039 |
|
18040 | Object.defineProperty(exports, "__esModule", {
|
18041 | value: true
|
18042 | });
|
18043 |
|
18044 | var _persistentCartProductList = __webpack_require__(280);
|
18045 |
|
18046 | Object.defineProperty(exports, 'PersistentCartProductList', {
|
18047 | enumerable: true,
|
18048 | get: function get() {
|
18049 | return _interopRequireDefault(_persistentCartProductList).default;
|
18050 | }
|
18051 | });
|
18052 |
|
18053 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18054 |
|
18055 | }),
|
18056 |
|
18057 | (function(module, exports, __webpack_require__) {
|
18058 |
|
18059 | "use strict";
|
18060 |
|
18061 |
|
18062 | Object.defineProperty(exports, "__esModule", {
|
18063 | value: true
|
18064 | });
|
18065 |
|
18066 | 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; }; }();
|
18067 |
|
18068 | var _templateObject = _taggedTemplateLiteral(['\n border-bottom: 1px solid ', ';\n flex-grow: 1;\n'], ['\n border-bottom: 1px solid ', ';\n flex-grow: 1;\n']),
|
18069 | _templateObject2 = _taggedTemplateLiteral(['\n height: auto;\n'], ['\n height: auto;\n']),
|
18070 | _templateObject3 = _taggedTemplateLiteral(['\n padding-bottom: 275px;\n'], ['\n padding-bottom: 275px;\n']);
|
18071 |
|
18072 | var _react = __webpack_require__(2);
|
18073 |
|
18074 | var _react2 = _interopRequireDefault(_react);
|
18075 |
|
18076 | var _propTypes = __webpack_require__(0);
|
18077 |
|
18078 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18079 |
|
18080 | var _styledComponents = __webpack_require__(1);
|
18081 |
|
18082 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18083 |
|
18084 | var _SRC = __webpack_require__(3);
|
18085 |
|
18086 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18087 |
|
18088 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
18089 |
|
18090 | 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; }
|
18091 |
|
18092 | 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; }
|
18093 |
|
18094 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18095 |
|
18096 | var BagListBody = _styledComponents2.default.main(_templateObject, function (props) {
|
18097 | return props.theme.colors.gray4;
|
18098 | });
|
18099 |
|
18100 | var BagListWrapper = _styledComponents2.default.div(_templateObject2);
|
18101 |
|
18102 | var BasePersistentCartProductList = function (_Component) {
|
18103 | _inherits(BasePersistentCartProductList, _Component);
|
18104 |
|
18105 | function BasePersistentCartProductList() {
|
18106 | _classCallCheck(this, BasePersistentCartProductList);
|
18107 |
|
18108 | return _possibleConstructorReturn(this, (BasePersistentCartProductList.__proto__ || Object.getPrototypeOf(BasePersistentCartProductList)).apply(this, arguments));
|
18109 | }
|
18110 |
|
18111 | _createClass(BasePersistentCartProductList, [{
|
18112 | key: 'componentDidMount',
|
18113 | value: function componentDidMount() {
|
18114 | var _props = this.props,
|
18115 | lineItems = _props.lineItems,
|
18116 | segmentCartViewed = _props.segmentCartViewed;
|
18117 |
|
18118 | if (lineItems) {
|
18119 | segmentCartViewed(lineItems);
|
18120 | }
|
18121 | }
|
18122 | }, {
|
18123 | key: 'componentDidUpdate',
|
18124 | value: function componentDidUpdate(prevProps, prevState) {
|
18125 | var _props2 = this.props,
|
18126 | lineItems = _props2.lineItems,
|
18127 | segmentCartViewed = _props2.segmentCartViewed;
|
18128 |
|
18129 | if (prevProps.lineItems === undefined && lineItems) {
|
18130 | segmentCartViewed(lineItems);
|
18131 | }
|
18132 | }
|
18133 | }, {
|
18134 | key: 'render',
|
18135 | value: function render() {
|
18136 | var _props3 = this.props,
|
18137 | className = _props3.className,
|
18138 | lineItems = _props3.lineItems,
|
18139 | updateBag = _props3.updateBag,
|
18140 | removeItem = _props3.removeItem,
|
18141 | hideCartSidebar = _props3.hideCartSidebar,
|
18142 | renderProductLink = _props3.renderProductLink;
|
18143 |
|
18144 |
|
18145 | return _react2.default.createElement(
|
18146 | 'section',
|
18147 | { className: className },
|
18148 | _react2.default.createElement(
|
18149 | BagListBody,
|
18150 | null,
|
18151 | _react2.default.createElement(
|
18152 | BagListWrapper,
|
18153 | null,
|
18154 | lineItems.map(function (variant, i) {
|
18155 | return _react2.default.createElement(_SRC.PersistentCartProduct, {
|
18156 | key: 'bag-item-' + variant.id,
|
18157 | item: variant,
|
18158 | onUpdateQuantity: updateBag,
|
18159 | onRemoveItem: removeItem,
|
18160 | renderLink: renderProductLink,
|
18161 | hideCartSidebar: hideCartSidebar });
|
18162 | })
|
18163 | )
|
18164 | )
|
18165 | );
|
18166 | }
|
18167 | }]);
|
18168 |
|
18169 | return BasePersistentCartProductList;
|
18170 | }(_react.Component);
|
18171 |
|
18172 | var PersistentCartProductList = (0, _styledComponents2.default)(BasePersistentCartProductList)(_templateObject3);
|
18173 |
|
18174 | BasePersistentCartProductList.propTypes = {
|
18175 | className: _propTypes2.default.string,
|
18176 | lineItems: _propTypes2.default.array,
|
18177 | updateBag: _propTypes2.default.func,
|
18178 | removeItem: _propTypes2.default.func,
|
18179 | hideCartSidebar: _propTypes2.default.func,
|
18180 | segmentCartViewed: _propTypes2.default.func,
|
18181 | renderProductLink: _propTypes2.default.func
|
18182 | };
|
18183 |
|
18184 | exports.default = PersistentCartProductList;
|
18185 |
|
18186 | }),
|
18187 |
|
18188 | (function(module, exports, __webpack_require__) {
|
18189 |
|
18190 | "use strict";
|
18191 |
|
18192 |
|
18193 | Object.defineProperty(exports, "__esModule", {
|
18194 | value: true
|
18195 | });
|
18196 |
|
18197 | var _cartSidebar = __webpack_require__(282);
|
18198 |
|
18199 | Object.defineProperty(exports, 'CartSidebar', {
|
18200 | enumerable: true,
|
18201 | get: function get() {
|
18202 | return _interopRequireDefault(_cartSidebar).default;
|
18203 | }
|
18204 | });
|
18205 |
|
18206 | var _stripeProviderWrapper = __webpack_require__(283);
|
18207 |
|
18208 | Object.defineProperty(exports, 'StripeProviderWrapper', {
|
18209 | enumerable: true,
|
18210 | get: function get() {
|
18211 | return _interopRequireDefault(_stripeProviderWrapper).default;
|
18212 | }
|
18213 | });
|
18214 |
|
18215 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18216 |
|
18217 | }),
|
18218 |
|
18219 | (function(module, exports, __webpack_require__) {
|
18220 |
|
18221 | "use strict";
|
18222 |
|
18223 |
|
18224 | Object.defineProperty(exports, "__esModule", {
|
18225 | value: true
|
18226 | });
|
18227 |
|
18228 | var _regenerator = __webpack_require__(36);
|
18229 |
|
18230 | var _regenerator2 = _interopRequireDefault(_regenerator);
|
18231 |
|
18232 | 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; }; }();
|
18233 |
|
18234 | var _templateObject = _taggedTemplateLiteral(['\n height: 100%;\n width: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n'], ['\n height: 100%;\n width: 100%;\n background-color: rgba(204, 204, 204, 0.5);\n']),
|
18235 | _templateObject2 = _taggedTemplateLiteral(['\n background-color: ', ';\n right: 0px;\n display: flex;\n flex-direction: column;\n padding: 20px 10px;\n position: fixed;\n left: 0;\n right: 0px;\n top: 0;\n bottom: 0;\n overflow-y: auto;\n ', '\n ', '\n ', '\n'], ['\n background-color: ', ';\n right: 0px;\n display: flex;\n flex-direction: column;\n padding: 20px 10px;\n position: fixed;\n left: 0;\n right: 0px;\n top: 0;\n bottom: 0;\n overflow-y: auto;\n ', '\n ', '\n ', '\n']),
|
18236 | _templateObject3 = _taggedTemplateLiteral(['\n left: auto;\n width: 45%;\n border-left: 1px solid ', ';\n '], ['\n left: auto;\n width: 45%;\n border-left: 1px solid ', ';\n ']),
|
18237 | _templateObject4 = _taggedTemplateLiteral(['\n width: 35%;\n '], ['\n width: 35%;\n ']),
|
18238 | _templateObject5 = _taggedTemplateLiteral(['\n width: 25%;\n '], ['\n width: 25%;\n ']),
|
18239 | _templateObject6 = _taggedTemplateLiteral(['\n align-content: center;\n align-items: center;\n justify-content: space-between;\n'], ['\n align-content: center;\n align-items: center;\n justify-content: space-between;\n']),
|
18240 | _templateObject7 = _taggedTemplateLiteral(['\n text-align: center;\n justify-content: center;\n width: 100%;\n color: ', ';\n letter-spacing: 1px;\n font-weight: 200;\n font-size: 18px;\n font-family: ', ';\n margin: 0;\n'], ['\n text-align: center;\n justify-content: center;\n width: 100%;\n color: ', ';\n letter-spacing: 1px;\n font-weight: 200;\n font-size: 18px;\n font-family: ', ';\n margin: 0;\n']),
|
18241 | _templateObject8 = _taggedTemplateLiteral(['\n text-align: center;\n margin-top: 0;\n'], ['\n text-align: center;\n margin-top: 0;\n']),
|
18242 | _templateObject9 = _taggedTemplateLiteral(['\n position: absolute;\n top: 30px;\n right: 30px;\n'], ['\n position: absolute;\n top: 30px;\n right: 30px;\n']),
|
18243 | _templateObject10 = _taggedTemplateLiteral(['\n text-align: center;\n'], ['\n text-align: center;\n']),
|
18244 | _templateObject11 = _taggedTemplateLiteral(['\n background-color: ', ';\n margin-top: auto;\n padding: 20px 10px;\n\n text-align: center;\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n max-height: 365px;\n border-top: 1px solid ', ';\n ', '\n ', '\n ', '\n }\n'], ['\n background-color: ', ';\n margin-top: auto;\n padding: 20px 10px;\n\n text-align: center;\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n max-height: 365px;\n border-top: 1px solid ', ';\n ', '\n ', '\n ', '\n }\n']),
|
18245 | _templateObject12 = _taggedTemplateLiteral(['\n left: auto;\n width: 35%;\n '], ['\n left: auto;\n width: 35%;\n ']),
|
18246 | _templateObject13 = _taggedTemplateLiteral(['\n color: ', ';\n letter-spacing: 0.5px;\n font-size: 20px;\n font-family: ', ';\n margin-top: 0;\n'], ['\n color: ', ';\n letter-spacing: 0.5px;\n font-size: 20px;\n font-family: ', ';\n margin-top: 0;\n']),
|
18247 | _templateObject14 = _taggedTemplateLiteral(['\n margin-left: 12px;\n font-style: normal;\n'], ['\n margin-left: 12px;\n font-style: normal;\n']),
|
18248 | _templateObject15 = _taggedTemplateLiteral(['\n width: 100%;\n max-width: 30rem;\n margin: 0 auto;\n margin-bottom: 20px;\n'], ['\n width: 100%;\n max-width: 30rem;\n margin: 0 auto;\n margin-bottom: 20px;\n']),
|
18249 | _templateObject16 = _taggedTemplateLiteral(['\n line-height: 40px;\n display: block;\n vertical-align: middle;\n cursor: pointer;\n color: ', ';\n font-size: 14px;\n letter-spacing: 0.5;\n font-family: ', ';\n'], ['\n line-height: 40px;\n display: block;\n vertical-align: middle;\n cursor: pointer;\n color: ', ';\n font-size: 14px;\n letter-spacing: 0.5;\n font-family: ', ';\n']),
|
18250 | _templateObject17 = _taggedTemplateLiteral(['\n width: 100%;\n position: fixed;\n right: 0;\n bottom: 0;\n top: 0;\n left: 0;\n z-index: 70;\n'], ['\n width: 100%;\n position: fixed;\n right: 0;\n bottom: 0;\n top: 0;\n left: 0;\n z-index: 70;\n']);
|
18251 |
|
18252 | var _react = __webpack_require__(2);
|
18253 |
|
18254 | var _react2 = _interopRequireDefault(_react);
|
18255 |
|
18256 | var _propTypes = __webpack_require__(0);
|
18257 |
|
18258 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18259 |
|
18260 | var _reactStripeElements = __webpack_require__(19);
|
18261 |
|
18262 | var _styledComponents = __webpack_require__(1);
|
18263 |
|
18264 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18265 |
|
18266 | var _accounting = __webpack_require__(28);
|
18267 |
|
18268 | var _accounting2 = _interopRequireDefault(_accounting);
|
18269 |
|
18270 | var _SRC = __webpack_require__(3);
|
18271 |
|
18272 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18273 |
|
18274 | function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
|
18275 |
|
18276 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
18277 |
|
18278 | 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; }
|
18279 |
|
18280 | 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; }
|
18281 |
|
18282 | 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; }
|
18283 |
|
18284 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18285 |
|
18286 | var Overlay = _styledComponents2.default.div(_templateObject);
|
18287 |
|
18288 | var CartSidebarContainer = _styledComponents2.default.article(_templateObject2, function (props) {
|
18289 | return props.theme.colors.white;
|
18290 | }, function (props) {
|
18291 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3, function (props) {
|
18292 | return props.theme.colors.rocketBlue;
|
18293 | });
|
18294 | }, function (props) {
|
18295 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject4);
|
18296 | }, function (props) {
|
18297 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject5);
|
18298 | });
|
18299 |
|
18300 | var CartSidebarHeader = _styledComponents2.default.div(_templateObject6);
|
18301 |
|
18302 | var H5 = _styledComponents2.default.h5(_templateObject7, function (props) {
|
18303 | return props.theme.colors.navy;
|
18304 | }, function (props) {
|
18305 | return props.theme.fonts.primaryFont;
|
18306 | });
|
18307 |
|
18308 | var YourBagTitle = (0, _styledComponents2.default)(_SRC.H3)(_templateObject8);
|
18309 |
|
18310 | var CloseXDiv = _styledComponents2.default.div(_templateObject9);
|
18311 |
|
18312 | var FreeShippingDiv = _styledComponents2.default.div(_templateObject10);
|
18313 |
|
18314 | var Footer = _styledComponents2.default.footer(_templateObject11, function (props) {
|
18315 | return props.theme.colors.white;
|
18316 | }, function (props) {
|
18317 | return props.theme.colors.gray4;
|
18318 | }, function (props) {
|
18319 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3, function (props) {
|
18320 | return props.theme.colors.rocketBlue;
|
18321 | });
|
18322 | }, function (props) {
|
18323 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject12);
|
18324 | }, function (props) {
|
18325 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject5);
|
18326 | });
|
18327 |
|
18328 | var Total = (0, _styledComponents2.default)(_SRC.H4)(_templateObject13, function (props) {
|
18329 | return props.theme.colors.navy;
|
18330 | }, function (props) {
|
18331 | return props.theme.fonts.headerFont;
|
18332 | });
|
18333 |
|
18334 | var Em = _styledComponents2.default.em(_templateObject14);
|
18335 |
|
18336 | var PaymentRequestButton = (0, _styledComponents2.default)(_SRC.PaymentRequestForm)(_templateObject15);
|
18337 |
|
18338 | var CheckoutLink = (0, _styledComponents2.default)(function (_ref) {
|
18339 | var renderLink = _ref.renderLink,
|
18340 | children = _ref.children,
|
18341 | props = _objectWithoutProperties(_ref, ['renderLink', 'children']);
|
18342 |
|
18343 | delete props.light;
|
18344 | delete props.uppercase;
|
18345 | delete props.underline;
|
18346 | delete props.fontFamily;
|
18347 | delete props.fontSize;
|
18348 | delete props.fontWeight;
|
18349 | if (renderLink) {
|
18350 | return renderLink(Object.assign({}, props, { children: children }));
|
18351 | } else {
|
18352 | return _react2.default.createElement(
|
18353 | 'a',
|
18354 | props,
|
18355 | children
|
18356 | );
|
18357 | }
|
18358 | })(_templateObject16, function (props) {
|
18359 | return props.theme.colors.rocketBlue;
|
18360 | }, function (props) {
|
18361 | return props.theme.fonts.primaryFont;
|
18362 | });
|
18363 |
|
18364 | var BaseCartSidebar = function (_React$Component) {
|
18365 | _inherits(BaseCartSidebar, _React$Component);
|
18366 |
|
18367 | function BaseCartSidebar(props) {
|
18368 | var _this2 = this;
|
18369 |
|
18370 | _classCallCheck(this, BaseCartSidebar);
|
18371 |
|
18372 | var _this = _possibleConstructorReturn(this, (BaseCartSidebar.__proto__ || Object.getPrototypeOf(BaseCartSidebar)).call(this, props));
|
18373 |
|
18374 | _this.setBag = function (element) {
|
18375 | _this.bag = element;
|
18376 | };
|
18377 |
|
18378 | _this.submitCheckout = function () {
|
18379 | var _ref3 = _asyncToGenerator( _regenerator2.default.mark(function _callee(_ref2) {
|
18380 | var token = _ref2.token,
|
18381 | data = _objectWithoutProperties(_ref2, ['token']);
|
18382 |
|
18383 | return _regenerator2.default.wrap(function _callee$(_context) {
|
18384 | while (1) {
|
18385 | switch (_context.prev = _context.next) {
|
18386 | case 0:
|
18387 | return _context.abrupt('return', _this.props.submitBagCheckoutStripe(_this.props.order.id, Object.assign({ token: token }, data)));
|
18388 |
|
18389 | case 1:
|
18390 | case 'end':
|
18391 | return _context.stop();
|
18392 | }
|
18393 | }
|
18394 | }, _callee, _this2);
|
18395 | }));
|
18396 |
|
18397 | return function (_x) {
|
18398 | return _ref3.apply(this, arguments);
|
18399 | };
|
18400 | }();
|
18401 |
|
18402 | _this.bag = undefined;
|
18403 | return _this;
|
18404 | }
|
18405 |
|
18406 | _createClass(BaseCartSidebar, [{
|
18407 | key: 'componentDidMount',
|
18408 | value: function componentDidMount() {
|
18409 | if (this.props.shouldShowCartSidebar) {
|
18410 | document.body.style.overflow = 'hidden';
|
18411 | }
|
18412 | }
|
18413 | }, {
|
18414 | key: 'componentDidUpdate',
|
18415 | value: function componentDidUpdate(prevProps, prevState) {
|
18416 | var shouldShowCartSidebar = this.props.shouldShowCartSidebar;
|
18417 |
|
18418 | if (prevProps.shouldShowCartSidebar === true && shouldShowCartSidebar === false) {
|
18419 | document.body.style.overflow = 'inherit';
|
18420 | } else if (prevProps.shouldShowCartSidebar === false && shouldShowCartSidebar === true) {
|
18421 | document.body.style.overflow = 'hidden';
|
18422 | }
|
18423 | }
|
18424 | }, {
|
18425 | key: 'componentWillUnmount',
|
18426 | value: function componentWillUnmount() {
|
18427 | document.body.style.overflow = 'inherit';
|
18428 | }
|
18429 | }, {
|
18430 | key: 'render',
|
18431 | value: function render() {
|
18432 | var _props = this.props,
|
18433 | shouldShowCartSidebar = _props.shouldShowCartSidebar,
|
18434 | className = _props.className,
|
18435 | hideCartSidebar = _props.hideCartSidebar,
|
18436 | subTotal = _props.subTotal,
|
18437 | itemsInBag = _props.itemsInBag,
|
18438 | order = _props.order,
|
18439 | setShippingAddress = _props.setShippingAddress,
|
18440 | renderLink = _props.renderLink,
|
18441 | updateBag = _props.updateBag,
|
18442 | removeItem = _props.removeItem,
|
18443 | segmentCartViewed = _props.segmentCartViewed,
|
18444 | lineItems = _props.lineItems,
|
18445 | promotion = _props.promotion,
|
18446 | promotionLoading = _props.promotionLoading,
|
18447 | promoHasBeenApplied = _props.promoHasBeenApplied,
|
18448 | promoErrorMessage = _props.promoErrorMessage,
|
18449 | applyPromotion = _props.applyPromotion,
|
18450 | removePromotion = _props.removePromotion,
|
18451 | appliedPromotion = _props.appliedPromotion,
|
18452 | renderProductLink = _props.renderProductLink,
|
18453 | currentUserEmail = _props.currentUserEmail;
|
18454 |
|
18455 | if (!shouldShowCartSidebar) return null;
|
18456 |
|
18457 | var isCheckoutButtonDisabled = subTotal === 0;
|
18458 | var percentage = 100 - Math.min(parseFloat(subTotal) / 50 * 100, 100);
|
18459 |
|
18460 | return _react2.default.createElement(
|
18461 | 'div',
|
18462 | { className: className },
|
18463 | _react2.default.createElement(Overlay, { onClick: hideCartSidebar }),
|
18464 | _react2.default.createElement(
|
18465 | CartSidebarContainer,
|
18466 | {
|
18467 | 'aria-label': 'Bag', ref: this.setBag,
|
18468 | tabIndex: '-1' },
|
18469 | _react2.default.createElement(
|
18470 | 'div',
|
18471 | null,
|
18472 | _react2.default.createElement(
|
18473 | CartSidebarHeader,
|
18474 | null,
|
18475 | _react2.default.createElement(
|
18476 | YourBagTitle,
|
18477 | null,
|
18478 | 'Your bag'
|
18479 | ),
|
18480 | _react2.default.createElement(
|
18481 | CloseXDiv,
|
18482 | { onClick: hideCartSidebar },
|
18483 | _react2.default.createElement(_SRC.XIcon, { width: '15px', stroke: '#00003C' })
|
18484 | ),
|
18485 | _react2.default.createElement(
|
18486 | H5,
|
18487 | null,
|
18488 | itemsInBag,
|
18489 | ' ',
|
18490 | itemsInBag !== 1 ? 'items' : 'item'
|
18491 | ),
|
18492 | _react2.default.createElement(
|
18493 | FreeShippingDiv,
|
18494 | null,
|
18495 | _react2.default.createElement(_SRC.FreeShippingText, this.props),
|
18496 | _react2.default.createElement(_SRC.ProgressBar, { percentage: percentage })
|
18497 | )
|
18498 | ),
|
18499 | _react2.default.createElement(_SRC.PersistentCartProductList, {
|
18500 | lineItems: lineItems,
|
18501 | hideCartSidebar: hideCartSidebar,
|
18502 | updateBag: updateBag,
|
18503 | removeItem: removeItem,
|
18504 | renderProductLink: renderProductLink,
|
18505 | segmentCartViewed: segmentCartViewed })
|
18506 | ),
|
18507 | _react2.default.createElement(
|
18508 | Footer,
|
18509 | null,
|
18510 | _react2.default.createElement(_SRC.CouponCodeWrapper, {
|
18511 | promotion: promotion,
|
18512 | loading: promotionLoading,
|
18513 | promoHasBeenApplied: promoHasBeenApplied,
|
18514 | errorMessage: promoErrorMessage,
|
18515 | applyPromotion: applyPromotion,
|
18516 | removePromotion: removePromotion,
|
18517 | appliedPromotion: appliedPromotion,
|
18518 | showBorder: false }),
|
18519 | _react2.default.createElement(
|
18520 | Total,
|
18521 | null,
|
18522 | 'TOTAL',
|
18523 | _react2.default.createElement(
|
18524 | Em,
|
18525 | null,
|
18526 | _accounting2.default.formatMoney(order.total)
|
18527 | )
|
18528 | ),
|
18529 | parseFloat(order.total) > 0 && _react2.default.createElement(
|
18530 | _reactStripeElements.Elements,
|
18531 | null,
|
18532 | _react2.default.createElement(PaymentRequestButton, {
|
18533 | currentUserEmail: currentUserEmail,
|
18534 | order: order,
|
18535 | setShippingAddress: setShippingAddress,
|
18536 | submitCheckout: this.submitCheckout })
|
18537 | ),
|
18538 | _react2.default.createElement(
|
18539 | _SRC.ButtonLink,
|
18540 | {
|
18541 | renderLink: renderLink,
|
18542 | target: '/checkout',
|
18543 | width: '100%',
|
18544 | maxWidth: '30rem',
|
18545 | kind: 'blue',
|
18546 | disabled: isCheckoutButtonDisabled },
|
18547 | 'CHECKOUT'
|
18548 | ),
|
18549 | _react2.default.createElement(
|
18550 | CheckoutLink,
|
18551 | { renderLink: renderLink, onClick: hideCartSidebar },
|
18552 | 'Continue Shopping'
|
18553 | )
|
18554 | )
|
18555 | )
|
18556 | );
|
18557 | }
|
18558 | }]);
|
18559 |
|
18560 | return BaseCartSidebar;
|
18561 | }(_react2.default.Component);
|
18562 |
|
18563 | var renderLink = function renderLink(inProps) {
|
18564 | var target = inProps.target,
|
18565 | children = inProps.children,
|
18566 | props = _objectWithoutProperties(inProps, ['target', 'children']);
|
18567 |
|
18568 | return _react2.default.createElement(
|
18569 | 'a',
|
18570 | Object.assign({ href: target }, props),
|
18571 | children
|
18572 | );
|
18573 | };
|
18574 |
|
18575 | BaseCartSidebar.propTypes = {
|
18576 | shouldShowCartSidebar: _propTypes2.default.bool,
|
18577 | className: _propTypes2.default.object,
|
18578 | hideCartSidebar: _propTypes2.default.func,
|
18579 | submitBag: _propTypes2.default.func,
|
18580 | subTotal: _propTypes2.default.number,
|
18581 | itemsInBag: _propTypes2.default.number,
|
18582 | order: _propTypes2.default.object,
|
18583 | currentUser: _propTypes2.default.number,
|
18584 | submitBagCheckoutStripe: _propTypes2.default.func,
|
18585 | loadBag: _propTypes2.default.func,
|
18586 | setShippingAddress: _propTypes2.default.func,
|
18587 | renderLink: _propTypes2.default.func,
|
18588 | updateBag: _propTypes2.default.func,
|
18589 | removeItem: _propTypes2.default.func,
|
18590 | segmentCartViewed: _propTypes2.default.func,
|
18591 | lineItems: _propTypes2.default.array,
|
18592 | promotion: _propTypes2.default.object,
|
18593 | promotionLoading: _propTypes2.default.bool,
|
18594 | promoHasBeenApplied: _propTypes2.default.bool,
|
18595 | promoErrorMessage: _propTypes2.default.string,
|
18596 | applyPromotion: _propTypes2.default.func,
|
18597 | removePromotion: _propTypes2.default.func,
|
18598 | appliedPromotion: _propTypes2.default.object,
|
18599 | renderProductLink: _propTypes2.default.func,
|
18600 | currentUserEmail: _propTypes2.default.string
|
18601 | };
|
18602 |
|
18603 | BaseCartSidebar.defaultProps = {
|
18604 | renderLink: renderLink,
|
18605 | renderProductLink: renderLink
|
18606 | };
|
18607 |
|
18608 | var CartSidebar = (0, _styledComponents2.default)(BaseCartSidebar)(_templateObject17);
|
18609 |
|
18610 | exports.default = CartSidebar;
|
18611 |
|
18612 | }),
|
18613 |
|
18614 | (function(module, exports, __webpack_require__) {
|
18615 |
|
18616 | "use strict";
|
18617 |
|
18618 |
|
18619 | Object.defineProperty(exports, "__esModule", {
|
18620 | value: true
|
18621 | });
|
18622 |
|
18623 | var _react = __webpack_require__(2);
|
18624 |
|
18625 | var _react2 = _interopRequireDefault(_react);
|
18626 |
|
18627 | var _reactStripeElements = __webpack_require__(19);
|
18628 |
|
18629 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18630 |
|
18631 | var StripeProviderWrapper = function StripeProviderWrapper(_ref) {
|
18632 | var children = _ref.children;
|
18633 | return _react2.default.createElement(
|
18634 | _reactStripeElements.StripeProvider,
|
18635 | { apiKey: Object({"NODE_ENV":"production","PUBLIC_URL":"/mirage"}).REACT_APP_STRIPE_CLIENT_KEY },
|
18636 | children
|
18637 | );
|
18638 | };
|
18639 |
|
18640 | exports.default = StripeProviderWrapper;
|
18641 |
|
18642 | }),
|
18643 |
|
18644 | (function(module, exports, __webpack_require__) {
|
18645 |
|
18646 | "use strict";
|
18647 |
|
18648 |
|
18649 | Object.defineProperty(exports, "__esModule", {
|
18650 | value: true
|
18651 | });
|
18652 |
|
18653 | var _react = __webpack_require__(2);
|
18654 |
|
18655 | var _react2 = _interopRequireDefault(_react);
|
18656 |
|
18657 | var _propTypes = __webpack_require__(0);
|
18658 |
|
18659 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18660 |
|
18661 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18662 |
|
18663 | var Page = function Page(_ref) {
|
18664 | var children = _ref.children,
|
18665 | url = _ref.url;
|
18666 |
|
18667 | return _react2.default.createElement(
|
18668 | 'main',
|
18669 | { 'data-cms-url': url },
|
18670 | children
|
18671 | );
|
18672 | };
|
18673 |
|
18674 | Page.propTypes = {
|
18675 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
18676 | };
|
18677 |
|
18678 | exports.default = Page;
|
18679 |
|
18680 | }),
|
18681 |
|
18682 | (function(module, exports, __webpack_require__) {
|
18683 |
|
18684 | "use strict";
|
18685 |
|
18686 |
|
18687 | Object.defineProperty(exports, "__esModule", {
|
18688 | value: true
|
18689 | });
|
18690 |
|
18691 | var _templateObject = _taggedTemplateLiteral(['\n box-sizing: border-box;\n border: 1rem solid ', ';\n display: flex;\n flex-wrap: wrap;\n > ', ' {\n display: inline-block;\n flex: 1 1 50%;\n }\n > article {\n display: flex;\n width: 100%;\n flex-wrap: wrap;\n flex: 1 1 100%;\n background-color: ', ';\n > * {\n display: flex;\n justify-content: center;\n }\n > .call-to-action {\n flex: 1 1 50%;\n }\n > :not(.call-to-action) {\n flex: 1 1 100%;\n }\n }\n'], ['\n box-sizing: border-box;\n border: 1rem solid ', ';\n display: flex;\n flex-wrap: wrap;\n > ', ' {\n display: inline-block;\n flex: 1 1 50%;\n }\n > article {\n display: flex;\n width: 100%;\n flex-wrap: wrap;\n flex: 1 1 100%;\n background-color: ', ';\n > * {\n display: flex;\n justify-content: center;\n }\n > .call-to-action {\n flex: 1 1 50%;\n }\n > :not(.call-to-action) {\n flex: 1 1 100%;\n }\n }\n']);
|
18692 |
|
18693 | var _react = __webpack_require__(2);
|
18694 |
|
18695 | var _react2 = _interopRequireDefault(_react);
|
18696 |
|
18697 | var _styledComponents = __webpack_require__(1);
|
18698 |
|
18699 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18700 |
|
18701 | var _defaultProps = __webpack_require__(286);
|
18702 |
|
18703 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
18704 |
|
18705 | var _SRC = __webpack_require__(3);
|
18706 |
|
18707 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18708 |
|
18709 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18710 |
|
18711 | 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; }
|
18712 |
|
18713 | var BaseSplitTout = function BaseSplitTout(_ref) {
|
18714 | var className = _ref.className,
|
18715 | description = _ref.description,
|
18716 | links = _ref.links,
|
18717 | props = _objectWithoutProperties(_ref, ['className', 'description', 'links']);
|
18718 |
|
18719 | return _react2.default.createElement(
|
18720 | 'section',
|
18721 | Object.assign({ className: className }, props),
|
18722 | links.map(function (link, index) {
|
18723 | return _react2.default.createElement(
|
18724 | _SRC.Link,
|
18725 | { key: index, underline: false, href: link.destination },
|
18726 | _react2.default.createElement(_SRC.BackgroundImage, { src: link.images[0], sources: link.images })
|
18727 | );
|
18728 | }),
|
18729 | _react2.default.createElement(
|
18730 | 'article',
|
18731 | null,
|
18732 | _react2.default.createElement(
|
18733 | _SRC.MirageMarkdown,
|
18734 | null,
|
18735 | description
|
18736 | ),
|
18737 | links.map(function (link, index) {
|
18738 | return _react2.default.createElement(
|
18739 | 'span',
|
18740 | { key: index, className: 'call-to-action' },
|
18741 | _react2.default.createElement(
|
18742 | _SRC.Link,
|
18743 | { href: link.destination },
|
18744 | link.text
|
18745 | )
|
18746 | );
|
18747 | })
|
18748 | )
|
18749 | );
|
18750 | };
|
18751 |
|
18752 | var SplitTout = (0, _styledComponents2.default)(BaseSplitTout)(_templateObject, function (props) {
|
18753 | return props.theme.colors.white;
|
18754 | }, _SRC.Link, function (props) {
|
18755 | return props.theme.colors.white;
|
18756 | });
|
18757 |
|
18758 | SplitTout.propTypes = {};
|
18759 |
|
18760 | SplitTout.defaultProps = _defaultProps2.default;
|
18761 |
|
18762 |
|
18763 | exports.default = SplitTout;
|
18764 |
|
18765 | }),
|
18766 |
|
18767 | (function(module, exports, __webpack_require__) {
|
18768 |
|
18769 | "use strict";
|
18770 |
|
18771 |
|
18772 | Object.defineProperty(exports, "__esModule", {
|
18773 | value: true
|
18774 | });
|
18775 | exports.default = {
|
18776 | description: '#### NEW ARRIVALS TO MAKE THEM JUMP, JUMP!',
|
18777 | links: [{
|
18778 | text: 'SHOP GIRLS',
|
18779 | destination: 'https://www.example.com',
|
18780 | images: {
|
18781 | 0: 'https://via.placeholder.com/127x190',
|
18782 | 200: 'https://via.placeholder.com/280x426'
|
18783 | }
|
18784 | }, {
|
18785 | text: 'SHOP BOYS',
|
18786 | destination: 'https://www.example.com',
|
18787 | images: {
|
18788 | 0: 'https://via.placeholder.com/127x190',
|
18789 | 200: 'https://via.placeholder.com/280x426'
|
18790 | }
|
18791 | }]
|
18792 | };
|
18793 |
|
18794 | }),
|
18795 |
|
18796 | (function(module, exports, __webpack_require__) {
|
18797 |
|
18798 | "use strict";
|
18799 |
|
18800 |
|
18801 | Object.defineProperty(exports, "__esModule", {
|
18802 | value: true
|
18803 | });
|
18804 |
|
18805 | var _outfits = __webpack_require__(288);
|
18806 |
|
18807 | Object.keys(_outfits).forEach(function (key) {
|
18808 | if (key === "default" || key === "__esModule") return;
|
18809 | Object.defineProperty(exports, key, {
|
18810 | enumerable: true,
|
18811 | get: function get() {
|
18812 | return _outfits[key];
|
18813 | }
|
18814 | });
|
18815 | });
|
18816 |
|
18817 | }),
|
18818 |
|
18819 | (function(module, exports, __webpack_require__) {
|
18820 |
|
18821 | "use strict";
|
18822 |
|
18823 |
|
18824 | Object.defineProperty(exports, "__esModule", {
|
18825 | value: true
|
18826 | });
|
18827 |
|
18828 | var _outfitDetail = __webpack_require__(289);
|
18829 |
|
18830 | Object.defineProperty(exports, 'OutfitDetail', {
|
18831 | enumerable: true,
|
18832 | get: function get() {
|
18833 | return _interopRequireDefault(_outfitDetail).default;
|
18834 | }
|
18835 | });
|
18836 |
|
18837 | var _outfitsListing = __webpack_require__(290);
|
18838 |
|
18839 | Object.defineProperty(exports, 'OutfitsListing', {
|
18840 | enumerable: true,
|
18841 | get: function get() {
|
18842 | return _interopRequireDefault(_outfitsListing).default;
|
18843 | }
|
18844 | });
|
18845 |
|
18846 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18847 |
|
18848 | }),
|
18849 |
|
18850 | (function(module, exports, __webpack_require__) {
|
18851 |
|
18852 | "use strict";
|
18853 |
|
18854 |
|
18855 | Object.defineProperty(exports, "__esModule", {
|
18856 | value: true
|
18857 | });
|
18858 |
|
18859 | var _templateObject = _taggedTemplateLiteral(['\nmargin: 6rem 0;\n.roa-outfit-sizepicker-header > * {\n display: inline-block;\n margin: 0.5rem 0;\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n}\n', ' {\n margin-bottom: 4rem;\n}\n', ' {\n margin-top: 2rem;\n}\n ', ' {\n width: 100%;\n }\n'], ['\nmargin: 6rem 0;\n.roa-outfit-sizepicker-header > * {\n display: inline-block;\n margin: 0.5rem 0;\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n}\n', ' {\n margin-bottom: 4rem;\n}\n', ' {\n margin-top: 2rem;\n}\n ', ' {\n width: 100%;\n }\n']);
|
18860 |
|
18861 | var _react = __webpack_require__(2);
|
18862 |
|
18863 | var _react2 = _interopRequireDefault(_react);
|
18864 |
|
18865 | var _propTypes = __webpack_require__(0);
|
18866 |
|
18867 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18868 |
|
18869 | var _styledComponents = __webpack_require__(1);
|
18870 |
|
18871 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18872 |
|
18873 | var _SRC = __webpack_require__(3);
|
18874 |
|
18875 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18876 |
|
18877 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18878 |
|
18879 | 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; }
|
18880 |
|
18881 | var BaseOutfitDetail = function BaseOutfitDetail(_ref) {
|
18882 | var className = _ref.className,
|
18883 | images = _ref.images,
|
18884 | information = _ref.information,
|
18885 | products = _ref.products,
|
18886 | header = _ref.header,
|
18887 | footer = _ref.footer,
|
18888 | onSizeSelect = _ref.onSizeSelect,
|
18889 | currentSizes = _ref.currentSizes,
|
18890 | sizePickerFooter = _ref.sizePickerFooter,
|
18891 | sizePickerHeader = _ref.sizePickerHeader,
|
18892 | renderProductLink = _ref.renderProductLink,
|
18893 | props = _objectWithoutProperties(_ref, ['className', 'images', 'information', 'products', 'header', 'footer', 'onSizeSelect', 'currentSizes', 'sizePickerFooter', 'sizePickerHeader', 'renderProductLink']);
|
18894 |
|
18895 | return _react2.default.createElement(
|
18896 | 'div',
|
18897 | Object.assign({ className: className }, props),
|
18898 | header,
|
18899 | _react2.default.createElement(
|
18900 | _SRC.FlexRow,
|
18901 | { padding: true, constrained: true },
|
18902 | _react2.default.createElement(
|
18903 | _SRC.FlexCol,
|
18904 | { element: 'aside', className: 'images', desktop: { width: 6 } },
|
18905 | _react2.default.createElement(_SRC.Gallery, { images: images })
|
18906 | ),
|
18907 | _react2.default.createElement(
|
18908 | _SRC.FlexCol,
|
18909 | { element: 'article', className: 'information', desktop: { width: 5, span: 1 } },
|
18910 | _react2.default.createElement(_SRC.ProductInformation, information),
|
18911 | _react2.default.createElement(
|
18912 | 'div',
|
18913 | { className: 'roa-outfit-sizepicker-header' },
|
18914 | sizePickerHeader
|
18915 | ),
|
18916 | _react2.default.createElement(_SRC.OutfitSizePicker, {
|
18917 | products: products,
|
18918 | onSizeSelect: onSizeSelect,
|
18919 | currentSizes: currentSizes,
|
18920 | renderProductLink: renderProductLink }),
|
18921 | sizePickerFooter
|
18922 | )
|
18923 | ),
|
18924 | footer
|
18925 | );
|
18926 | };
|
18927 |
|
18928 | var OutfitDetail = (0, _styledComponents2.default)(BaseOutfitDetail)(_templateObject, _SRC.ProductInformation, _SRC.OutfitSizePicker, _SRC.Button);
|
18929 |
|
18930 | OutfitDetail.propTypes = {
|
18931 | className: _propTypes2.default.string,
|
18932 | footer: _propTypes2.default.node,
|
18933 | header: _propTypes2.default.node,
|
18934 | images: _propTypes2.default.array.isRequired,
|
18935 | information: _propTypes2.default.object,
|
18936 | products: _propTypes2.default.array,
|
18937 | sizePickerFooter: _propTypes2.default.node,
|
18938 | sizePickerHeader: _propTypes2.default.node,
|
18939 | renderProductLink: _propTypes2.default.func
|
18940 | };
|
18941 |
|
18942 | OutfitDetail.defaultProps = {
|
18943 | button: _react2.default.createElement(
|
18944 | _SRC.Button,
|
18945 | null,
|
18946 | 'Add to Bag'
|
18947 | )
|
18948 |
|
18949 |
|
18950 | };exports.default = (0, _styledComponents.withTheme)(OutfitDetail);
|
18951 |
|
18952 | }),
|
18953 |
|
18954 | (function(module, exports, __webpack_require__) {
|
18955 |
|
18956 | "use strict";
|
18957 |
|
18958 |
|
18959 | Object.defineProperty(exports, "__esModule", {
|
18960 | value: true
|
18961 | });
|
18962 |
|
18963 | var _templateObject = _taggedTemplateLiteral(['\n .roa-outfits-header {\n margin-bottom: 8rem;\n > * {\n flex-basis: 100%;\n text-align: center;\n margin: 1rem;\n }\n }\n'], ['\n .roa-outfits-header {\n margin-bottom: 8rem;\n > * {\n flex-basis: 100%;\n text-align: center;\n margin: 1rem;\n }\n }\n']);
|
18964 |
|
18965 | var _react = __webpack_require__(2);
|
18966 |
|
18967 | var _react2 = _interopRequireDefault(_react);
|
18968 |
|
18969 | var _propTypes = __webpack_require__(0);
|
18970 |
|
18971 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18972 |
|
18973 | var _styledComponents = __webpack_require__(1);
|
18974 |
|
18975 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18976 |
|
18977 | var _SRC = __webpack_require__(3);
|
18978 |
|
18979 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18980 |
|
18981 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18982 |
|
18983 | var OutfitsListing = (0, _styledComponents2.default)(function (_ref) {
|
18984 | var className = _ref.className,
|
18985 | element = _ref.element,
|
18986 | headerContent = _ref.headerContent,
|
18987 | outfits = _ref.outfits;
|
18988 |
|
18989 | return _react2.default.createElement(
|
18990 | 'div',
|
18991 | { className: className },
|
18992 | headerContent && _react2.default.createElement(
|
18993 | _SRC.FlexRow,
|
18994 | { constrained: true },
|
18995 | _react2.default.createElement(
|
18996 | _SRC.FlexCol,
|
18997 | { className: 'roa-outfits-header', element: 'header' },
|
18998 | headerContent
|
18999 | )
|
19000 | ),
|
19001 | _react2.default.createElement(_SRC.OutfitCards, { element: element, outfits: outfits })
|
19002 | );
|
19003 | })(_templateObject);
|
19004 | OutfitsListing.propTypes = {
|
19005 | element: _propTypes2.default.node,
|
19006 | headerContent: _propTypes2.default.array,
|
19007 | outfits: _propTypes2.default.array
|
19008 | };
|
19009 |
|
19010 | OutfitsListing.defaultProp = {
|
19011 | element: 'a',
|
19012 | outfits: []
|
19013 |
|
19014 | };exports.default = OutfitsListing;
|
19015 |
|
19016 | })
|
19017 | ])));
|
19018 |
|
\ | No newline at end of file |