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 = 44);
|
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__(49);
|
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__(162);
|
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__(302);
|
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__(394);
|
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 | var _services = __webpack_require__(398);
|
144 |
|
145 | Object.keys(_services).forEach(function (key) {
|
146 | if (key === "default" || key === "__esModule") return;
|
147 | Object.defineProperty(exports, key, {
|
148 | enumerable: true,
|
149 | get: function get() {
|
150 | return _services[key];
|
151 | }
|
152 | });
|
153 | });
|
154 |
|
155 | var _utils = __webpack_require__(399);
|
156 |
|
157 | Object.keys(_utils).forEach(function (key) {
|
158 | if (key === "default" || key === "__esModule") return;
|
159 | Object.defineProperty(exports, key, {
|
160 | enumerable: true,
|
161 | get: function get() {
|
162 | return _utils[key];
|
163 | }
|
164 | });
|
165 | });
|
166 |
|
167 | }),
|
168 |
|
169 | (function(module, exports, __webpack_require__) {
|
170 |
|
171 | "use strict";
|
172 |
|
173 |
|
174 | Object.defineProperty(exports, "__esModule", {
|
175 | value: true
|
176 | });
|
177 |
|
178 | var _cloudinaryCore = __webpack_require__(183);
|
179 |
|
180 | var REACT_APP_CLOUDINARY_DISTRIBUTION = "d2lknnt52h7uhg.cloudfront.net";
|
181 |
|
182 |
|
183 | var configureCloudinary = function configureCloudinary() {
|
184 | var cl = new _cloudinaryCore.Cloudinary({
|
185 | cloud_name: 'roa-canon',
|
186 | secure_distribution: REACT_APP_CLOUDINARY_DISTRIBUTION,
|
187 | secure: true
|
188 | });
|
189 | return cl;
|
190 | };
|
191 |
|
192 | var instance = configureCloudinary();
|
193 |
|
194 | exports.default = instance;
|
195 |
|
196 | }),
|
197 |
|
198 | (function(module, exports, __webpack_require__) {
|
199 |
|
200 | "use strict";
|
201 |
|
202 |
|
203 | Object.defineProperty(exports, "__esModule", {
|
204 | value: true
|
205 | });
|
206 |
|
207 | var _react = __webpack_require__(2);
|
208 |
|
209 | var _react2 = _interopRequireDefault(_react);
|
210 |
|
211 | var _propTypes = __webpack_require__(0);
|
212 |
|
213 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
214 |
|
215 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
216 |
|
217 | var BaseCardIcon = function BaseCardIcon(_ref) {
|
218 | var className = _ref.className,
|
219 | children = _ref.children,
|
220 | box = _ref.box;
|
221 |
|
222 | return _react2.default.createElement(
|
223 | 'svg',
|
224 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: box },
|
225 | children
|
226 | );
|
227 | };
|
228 |
|
229 | BaseCardIcon.propTypes = {
|
230 | box: _propTypes2.default.string,
|
231 | className: _propTypes2.default.string,
|
232 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
233 | };
|
234 |
|
235 | exports.default = BaseCardIcon;
|
236 |
|
237 | }),
|
238 |
|
239 | (function(module, exports, __webpack_require__) {
|
240 |
|
241 | "use strict";
|
242 |
|
243 |
|
244 | Object.defineProperty(exports, "__esModule", {
|
245 | value: true
|
246 | });
|
247 |
|
248 | var _react = __webpack_require__(2);
|
249 |
|
250 | var _react2 = _interopRequireDefault(_react);
|
251 |
|
252 | var _propTypes = __webpack_require__(0);
|
253 |
|
254 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
255 |
|
256 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
257 |
|
258 | 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; }
|
259 |
|
260 | var BasePressIcon = function BasePressIcon(_ref) {
|
261 | var className = _ref.className,
|
262 | children = _ref.children,
|
263 | box = _ref.box,
|
264 | props = _objectWithoutProperties(_ref, ['className', 'children', 'box']);
|
265 |
|
266 | return _react2.default.createElement(
|
267 | 'svg',
|
268 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: box, onClick: props.onClick },
|
269 | children
|
270 | );
|
271 | };
|
272 |
|
273 | BasePressIcon.propTypes = {
|
274 | box: _propTypes2.default.string,
|
275 | className: _propTypes2.default.string,
|
276 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
277 | };
|
278 |
|
279 | exports.default = BasePressIcon;
|
280 |
|
281 | }),
|
282 |
|
283 | (function(module, exports, __webpack_require__) {
|
284 |
|
285 | "use strict";
|
286 |
|
287 |
|
288 | Object.defineProperty(exports, "__esModule", {
|
289 | value: true
|
290 | });
|
291 | exports.ROATheme = exports.theme = undefined;
|
292 |
|
293 | 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; }; }();
|
294 |
|
295 | var _react = __webpack_require__(2);
|
296 |
|
297 | var _react2 = _interopRequireDefault(_react);
|
298 |
|
299 | var _propTypes = __webpack_require__(0);
|
300 |
|
301 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
302 |
|
303 | var _styledComponents = __webpack_require__(1);
|
304 |
|
305 | var _theme = __webpack_require__(60);
|
306 |
|
307 | var _theme2 = _interopRequireDefault(_theme);
|
308 |
|
309 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
310 |
|
311 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
312 |
|
313 | 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; }
|
314 |
|
315 | 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; }
|
316 |
|
317 | var ROATheme = function (_Component) {
|
318 | _inherits(ROATheme, _Component);
|
319 |
|
320 | function ROATheme() {
|
321 | _classCallCheck(this, ROATheme);
|
322 |
|
323 | return _possibleConstructorReturn(this, (ROATheme.__proto__ || Object.getPrototypeOf(ROATheme)).apply(this, arguments));
|
324 | }
|
325 |
|
326 | _createClass(ROATheme, [{
|
327 | key: 'render',
|
328 | value: function render() {
|
329 | return _react2.default.createElement(
|
330 | _styledComponents.ThemeProvider,
|
331 | Object.assign({ theme: _theme2.default }, this.props),
|
332 | this.props.children
|
333 | );
|
334 | }
|
335 | }]);
|
336 |
|
337 | return ROATheme;
|
338 | }(_react.Component);
|
339 |
|
340 | exports.default = ROATheme;
|
341 |
|
342 |
|
343 | ROATheme.propTypes = {
|
344 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]).isRequired
|
345 | };
|
346 |
|
347 | exports.theme = _theme2.default;
|
348 | exports.ROATheme = ROATheme;
|
349 |
|
350 | }),
|
351 |
|
352 | (function(module, exports) {
|
353 |
|
354 | module.exports = require("classnames");
|
355 |
|
356 | }),
|
357 |
|
358 | (function(module, exports, __webpack_require__) {
|
359 |
|
360 | "use strict";
|
361 |
|
362 |
|
363 | Object.defineProperty(exports, "__esModule", {
|
364 | value: true
|
365 | });
|
366 | exports.styles = exports.LowercaseLabel = undefined;
|
367 |
|
368 | 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']),
|
369 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n\n color: ', '\n'], ['\n ', '\n\n color: ', '\n']);
|
370 |
|
371 | var _react = __webpack_require__(2);
|
372 |
|
373 | var _react2 = _interopRequireDefault(_react);
|
374 |
|
375 | var _propTypes = __webpack_require__(0);
|
376 |
|
377 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
378 |
|
379 | var _styledComponents = __webpack_require__(1);
|
380 |
|
381 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
382 |
|
383 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
384 |
|
385 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
386 |
|
387 | var styles = (0, _styledComponents.css)(_templateObject, function (props) {
|
388 | return props.alignRight ? 'right' : 'left';
|
389 | }, function (props) {
|
390 | return props.letterSpacing;
|
391 | }, function (props) {
|
392 | return props.lowercase ? 'inherit' : 'uppercase';
|
393 | }, function (props) {
|
394 | return props.theme.fonts.primaryFont;
|
395 | }, function (props) {
|
396 | return props.fontSize;
|
397 | }, function (props) {
|
398 | return props.fontWeight;
|
399 | });
|
400 |
|
401 | var Label = _styledComponents2.default.label(_templateObject2, styles, function (props) {
|
402 | return props.theme.colors.navy;
|
403 | });
|
404 |
|
405 | var LowercaseLabel = function LowercaseLabel(_ref) {
|
406 | var className = _ref.className,
|
407 | children = _ref.children;
|
408 |
|
409 | return _react2.default.createElement(
|
410 | Label,
|
411 | {
|
412 | className: className,
|
413 | fontSize: '2rem',
|
414 | letterSpacing: 'normal',
|
415 | fontWeight: 'normal',
|
416 | lowercase: true },
|
417 | children
|
418 | );
|
419 | };
|
420 |
|
421 | Label.propTypes = {
|
422 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
|
423 | theme: _propTypes2.default.shape({
|
424 | fonts: _propTypes2.default.shape({
|
425 | primaryFont: _propTypes2.default.string
|
426 | }),
|
427 | colors: _propTypes2.default.shape({
|
428 | navy: _propTypes2.default.string
|
429 | })
|
430 | }),
|
431 | lowercase: _propTypes2.default.bool
|
432 | };
|
433 |
|
434 | Label.defaultProps = {
|
435 | letterSpacing: '.1rem',
|
436 | fontSize: '1.4rem',
|
437 | fontWeight: '500'
|
438 |
|
439 |
|
440 | };exports.default = Label;
|
441 | exports.LowercaseLabel = LowercaseLabel;
|
442 | exports.styles = styles;
|
443 |
|
444 | }),
|
445 |
|
446 | (function(module, exports, __webpack_require__) {
|
447 |
|
448 | "use strict";
|
449 |
|
450 |
|
451 | Object.defineProperty(exports, "__esModule", {
|
452 | value: true
|
453 | });
|
454 |
|
455 | var _BlueCheckmark = __webpack_require__(105);
|
456 |
|
457 | Object.defineProperty(exports, 'BlueCheckmark', {
|
458 | enumerable: true,
|
459 | get: function get() {
|
460 | return _interopRequireDefault(_BlueCheckmark).default;
|
461 | }
|
462 | });
|
463 |
|
464 | var _GrayCheckmark = __webpack_require__(106);
|
465 |
|
466 | Object.defineProperty(exports, 'GrayCheckmark', {
|
467 | enumerable: true,
|
468 | get: function get() {
|
469 | return _interopRequireDefault(_GrayCheckmark).default;
|
470 | }
|
471 | });
|
472 |
|
473 | var _NavyCheckmark = __webpack_require__(107);
|
474 |
|
475 | Object.defineProperty(exports, 'NavyCheckmark', {
|
476 | enumerable: true,
|
477 | get: function get() {
|
478 | return _interopRequireDefault(_NavyCheckmark).default;
|
479 | }
|
480 | });
|
481 |
|
482 | var _WhiteCheckmark = __webpack_require__(108);
|
483 |
|
484 | Object.defineProperty(exports, 'WhiteCheckmark', {
|
485 | enumerable: true,
|
486 | get: function get() {
|
487 | return _interopRequireDefault(_WhiteCheckmark).default;
|
488 | }
|
489 | });
|
490 |
|
491 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
492 |
|
493 | }),
|
494 |
|
495 | (function(module, exports, __webpack_require__) {
|
496 |
|
497 | "use strict";
|
498 |
|
499 |
|
500 | Object.defineProperty(exports, "__esModule", {
|
501 | value: true
|
502 | });
|
503 |
|
504 | var _BlueSpinner = __webpack_require__(128);
|
505 |
|
506 | Object.defineProperty(exports, 'BlueSpinner', {
|
507 | enumerable: true,
|
508 | get: function get() {
|
509 | return _interopRequireDefault(_BlueSpinner).default;
|
510 | }
|
511 | });
|
512 |
|
513 | var _GraySpinner = __webpack_require__(129);
|
514 |
|
515 | Object.defineProperty(exports, 'GraySpinner', {
|
516 | enumerable: true,
|
517 | get: function get() {
|
518 | return _interopRequireDefault(_GraySpinner).default;
|
519 | }
|
520 | });
|
521 |
|
522 | var _NavySpinner = __webpack_require__(130);
|
523 |
|
524 | Object.defineProperty(exports, 'NavySpinner', {
|
525 | enumerable: true,
|
526 | get: function get() {
|
527 | return _interopRequireDefault(_NavySpinner).default;
|
528 | }
|
529 | });
|
530 |
|
531 | var _WhiteSpinner = __webpack_require__(131);
|
532 |
|
533 | Object.defineProperty(exports, 'WhiteSpinner', {
|
534 | enumerable: true,
|
535 | get: function get() {
|
536 | return _interopRequireDefault(_WhiteSpinner).default;
|
537 | }
|
538 | });
|
539 |
|
540 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
541 |
|
542 | }),
|
543 |
|
544 | (function(module, exports) {
|
545 |
|
546 | module.exports = require("react-transition-group");
|
547 |
|
548 | }),
|
549 |
|
550 | (function(module, exports, __webpack_require__) {
|
551 |
|
552 | "use strict";
|
553 |
|
554 |
|
555 | Object.defineProperty(exports, "__esModule", {
|
556 | value: true
|
557 | });
|
558 | exports.waitCursor = exports.setWidth = exports.setCursor = exports.pointerCursor = exports.notAllowedCursor = exports.CustomButton = exports.buttonPropCheck = undefined;
|
559 |
|
560 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n'], ['\n width: ', ';\n']),
|
561 | _templateObject2 = _taggedTemplateLiteral(['\n cursor: pointer;\n > * {\n cursor: pointer;\n }\n'], ['\n cursor: pointer;\n > * {\n cursor: pointer;\n }\n']),
|
562 | _templateObject3 = _taggedTemplateLiteral(['\n cursor: wait;\n > * {\n cursor: wait;\n }\n'], ['\n cursor: wait;\n > * {\n cursor: wait;\n }\n']),
|
563 | _templateObject4 = _taggedTemplateLiteral(['\n cursor: not-allowed;\n > * {\n cursor: not-allowed;\n }\n'], ['\n cursor: not-allowed;\n > * {\n cursor: not-allowed;\n }\n']),
|
564 | _templateObject5 = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n']),
|
565 | _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']);
|
566 |
|
567 | var _react = __webpack_require__(2);
|
568 |
|
569 | var _react2 = _interopRequireDefault(_react);
|
570 |
|
571 | var _propTypes = __webpack_require__(0);
|
572 |
|
573 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
574 |
|
575 | var _styledComponents = __webpack_require__(1);
|
576 |
|
577 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
578 |
|
579 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
580 |
|
581 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
582 |
|
583 | 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; }
|
584 |
|
585 | var CustomButton = function CustomButton(_ref) {
|
586 | var Checkmark = _ref.checkmark,
|
587 | children = _ref.children,
|
588 | loading = _ref.loading,
|
589 | selected = _ref.selected,
|
590 | showCheckmark = _ref.showCheckmark,
|
591 | Spinner = _ref.spinner,
|
592 | props = _objectWithoutProperties(_ref, ['checkmark', 'children', 'loading', 'selected', 'showCheckmark', 'spinner']);
|
593 |
|
594 | delete props.width;
|
595 | delete props.sentanceCase;
|
596 | return _react2.default.createElement(
|
597 | 'button',
|
598 | props,
|
599 | _react2.default.createElement(
|
600 | 'span',
|
601 | null,
|
602 | selected && showCheckmark && Checkmark && _react2.default.createElement(Checkmark, null),
|
603 | !loading && children,
|
604 | loading && _react2.default.createElement(Spinner, { size: '4rem' })
|
605 | )
|
606 | );
|
607 | };
|
608 |
|
609 | var setWidth = (0, _styledComponents.css)(_templateObject, function (props) {
|
610 | return props.width;
|
611 | });
|
612 |
|
613 | var pointerCursor = (0, _styledComponents.css)(_templateObject2);
|
614 |
|
615 | var waitCursor = (0, _styledComponents.css)(_templateObject3);
|
616 |
|
617 | var notAllowedCursor = (0, _styledComponents.css)(_templateObject4);
|
618 |
|
619 | var setCursor = (0, _styledComponents.css)(_templateObject5, function (props) {
|
620 | return !props.loading && !props.disabled && pointerCursor;
|
621 | }, function (props) {
|
622 | return props.loading && waitCursor;
|
623 | }, function (props) {
|
624 | return props.disabled && notAllowedCursor;
|
625 | });
|
626 |
|
627 | var BaseButton = (0, _styledComponents2.default)(CustomButton)(_templateObject6, function (props) {
|
628 | return props.width && setWidth;
|
629 | }, function (props) {
|
630 | return props.sentanceCase ? 'text-transform: inherit;' : 'text-transform: uppercase;';
|
631 | }, function (props) {
|
632 | return props.theme.fonts.primaryFont;
|
633 | }, function (props) {
|
634 | return props.spinner;
|
635 | }, function (props) {
|
636 | return setCursor;
|
637 | });
|
638 |
|
639 | var buttonPropCheck = function buttonPropCheck(props, propName, componentName) {
|
640 | if (props.disabled && props.loading) {
|
641 | 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.');
|
642 | }
|
643 | return null;
|
644 | };
|
645 |
|
646 | BaseButton.propTypes = {
|
647 | buttonPropCheck: buttonPropCheck,
|
648 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]),
|
649 | sentanceCase: _propTypes2.default.bool,
|
650 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]),
|
651 | width: _propTypes2.default.string
|
652 | };
|
653 |
|
654 | exports.default = BaseButton;
|
655 | exports.buttonPropCheck = buttonPropCheck;
|
656 | exports.CustomButton = CustomButton;
|
657 | exports.notAllowedCursor = notAllowedCursor;
|
658 | exports.pointerCursor = pointerCursor;
|
659 | exports.setCursor = setCursor;
|
660 | exports.setWidth = setWidth;
|
661 | exports.waitCursor = waitCursor;
|
662 |
|
663 | }),
|
664 |
|
665 | (function(module, exports, __webpack_require__) {
|
666 |
|
667 | "use strict";
|
668 |
|
669 |
|
670 | Object.defineProperty(exports, "__esModule", {
|
671 | value: true
|
672 | });
|
673 | exports.AIcon = undefined;
|
674 |
|
675 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n'], ['\n width: ', ';\n']);
|
676 |
|
677 | var _react = __webpack_require__(2);
|
678 |
|
679 | var _react2 = _interopRequireDefault(_react);
|
680 |
|
681 | var _propTypes = __webpack_require__(0);
|
682 |
|
683 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
684 |
|
685 | var _styledComponents = __webpack_require__(1);
|
686 |
|
687 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
688 |
|
689 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
690 |
|
691 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
692 |
|
693 | var AIcon = function AIcon(props) {
|
694 | return _react2.default.createElement(
|
695 | 'svg',
|
696 | Object.assign({ viewBox: '0 0 80 80' }, props),
|
697 | _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' })
|
698 | );
|
699 | };
|
700 |
|
701 | var BaseAIcon = (0, _styledComponents2.default)(AIcon)(_templateObject, function (props) {
|
702 | return props.width;
|
703 | });
|
704 |
|
705 | BaseAIcon.propTypes = {
|
706 | width: _propTypes2.default.string.isRequired
|
707 | };
|
708 |
|
709 | BaseAIcon.defaultProps = {
|
710 | width: '9.2rem'
|
711 |
|
712 |
|
713 | };exports.default = BaseAIcon;
|
714 | exports.AIcon = AIcon;
|
715 |
|
716 | }),
|
717 |
|
718 | (function(module, exports, __webpack_require__) {
|
719 |
|
720 | "use strict";
|
721 |
|
722 |
|
723 | Object.defineProperty(exports, "__esModule", {
|
724 | value: true
|
725 | });
|
726 | exports.animateCheckmarkIn = exports.UnstyledCheckmark = undefined;
|
727 |
|
728 | 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 ']),
|
729 | _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']);
|
730 |
|
731 | var _react = __webpack_require__(2);
|
732 |
|
733 | var _react2 = _interopRequireDefault(_react);
|
734 |
|
735 | var _propTypes = __webpack_require__(0);
|
736 |
|
737 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
738 |
|
739 | var _styledComponents = __webpack_require__(1);
|
740 |
|
741 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
742 |
|
743 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
744 |
|
745 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
746 |
|
747 | var UnstyledCheckmark = exports.UnstyledCheckmark = function UnstyledCheckmark(props) {
|
748 | return _react2.default.createElement(
|
749 | 'svg',
|
750 | Object.assign({}, props, { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 26.5 26.5' }),
|
751 | _react2.default.createElement('polyline', { points: '7,14 11,17.7 18.6,9.5' })
|
752 | );
|
753 | };
|
754 |
|
755 | var animateCheckmarkIn = exports.animateCheckmarkIn = function animateCheckmarkIn(props) {
|
756 | return (0, _styledComponents.keyframes)(_templateObject, props.width, props.stroke, props.width);
|
757 | };
|
758 |
|
759 | var Checkmark = (0, _styledComponents2.default)(UnstyledCheckmark)(_templateObject2, function (props) {
|
760 | return props.width;
|
761 | }, function (props) {
|
762 | return animateCheckmarkIn;
|
763 | });
|
764 |
|
765 | Checkmark.propTypes = {
|
766 | stroke: _propTypes2.default.string,
|
767 | width: _propTypes2.default.string
|
768 | };
|
769 |
|
770 | Checkmark.defaultProps = {
|
771 | width: '2.6rem'
|
772 |
|
773 |
|
774 | };exports.default = Checkmark;
|
775 |
|
776 | }),
|
777 |
|
778 | (function(module, exports, __webpack_require__) {
|
779 |
|
780 | "use strict";
|
781 |
|
782 |
|
783 | Object.defineProperty(exports, "__esModule", {
|
784 | value: true
|
785 | });
|
786 | exports.UnstyledHamburger = exports.open = exports.closed = exports.animated = undefined;
|
787 |
|
788 | 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']),
|
789 | _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']),
|
790 | _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']),
|
791 | _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']),
|
792 | _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']),
|
793 | _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']),
|
794 | _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']),
|
795 | _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']),
|
796 | _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']),
|
797 | _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']);
|
798 |
|
799 | var _react = __webpack_require__(2);
|
800 |
|
801 | var _react2 = _interopRequireDefault(_react);
|
802 |
|
803 | var _propTypes = __webpack_require__(0);
|
804 |
|
805 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
806 |
|
807 | var _styledComponents = __webpack_require__(1);
|
808 |
|
809 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
810 |
|
811 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
812 |
|
813 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
814 |
|
815 | 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; }
|
816 |
|
817 | 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';
|
818 | 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';
|
819 |
|
820 | var UnstyledHamburger = function UnstyledHamburger(_ref) {
|
821 | var className = _ref.className,
|
822 | props = _objectWithoutProperties(_ref, ['className']);
|
823 |
|
824 | delete props.animated;
|
825 | return _react2.default.createElement(
|
826 | 'svg',
|
827 | Object.assign({
|
828 | className: className,
|
829 | xmlns: 'http://www.w3.org/2000/svg',
|
830 | viewBox: '0 0 167.29 210.66'
|
831 | }, props),
|
832 | _react2.default.createElement('path', {
|
833 | className: 'line hamburger-outerline',
|
834 | d: topPoints }),
|
835 | _react2.default.createElement('line', {
|
836 | className: 'line hamburger-innerline',
|
837 | x1: '2',
|
838 | y1: '105.54',
|
839 | x2: '102',
|
840 | y2: '105.54' }),
|
841 | _react2.default.createElement('path', {
|
842 | className: 'line hamburger-outerline',
|
843 | d: bottomPoints })
|
844 | );
|
845 | };
|
846 |
|
847 | var animateToX = (0, _styledComponents.keyframes)(_templateObject);
|
848 |
|
849 | var animateFromX = (0, _styledComponents.keyframes)(_templateObject2);
|
850 |
|
851 | var removeCenterLine = (0, _styledComponents.keyframes)(_templateObject3);
|
852 |
|
853 | var addCenterLine = (0, _styledComponents.keyframes)(_templateObject4);
|
854 |
|
855 | var animateCenterLine = (0, _styledComponents.keyframes)(_templateObject5);
|
856 |
|
857 | var animateX = (0, _styledComponents.keyframes)(_templateObject6);
|
858 |
|
859 | var animated = (0, _styledComponents.css)(_templateObject7, animateX, animateCenterLine);
|
860 |
|
861 | var closed = (0, _styledComponents.css)(_templateObject8, animateFromX, addCenterLine);
|
862 |
|
863 | var open = (0, _styledComponents.css)(_templateObject9, animateToX, removeCenterLine);
|
864 |
|
865 | var BaseHamburger = (0, _styledComponents2.default)(UnstyledHamburger)(_templateObject10, function (props) {
|
866 | return !props.open && props.open !== undefined && closed;
|
867 | }, function (props) {
|
868 | return props.open && open;
|
869 | }, function (props) {
|
870 | return props.animated && animated;
|
871 | });
|
872 |
|
873 | BaseHamburger.propTypes = {
|
874 | animated: _propTypes2.default.bool,
|
875 | open: _propTypes2.default.bool,
|
876 | theme: _propTypes2.default.shape({
|
877 | colors: _propTypes2.default.shape({
|
878 | navy: _propTypes2.default.string,
|
879 | rocketBlue: _propTypes2.default.string,
|
880 | white: _propTypes2.default.string
|
881 | })
|
882 | })
|
883 |
|
884 |
|
885 | };exports.default = BaseHamburger;
|
886 | exports.animated = animated;
|
887 | exports.closed = closed;
|
888 | exports.open = open;
|
889 | exports.UnstyledHamburger = UnstyledHamburger;
|
890 |
|
891 | }),
|
892 |
|
893 | (function(module, exports, __webpack_require__) {
|
894 |
|
895 | "use strict";
|
896 |
|
897 |
|
898 | Object.defineProperty(exports, "__esModule", {
|
899 | value: true
|
900 | });
|
901 | exports.UnstyledBaseLogo = undefined;
|
902 |
|
903 | 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']),
|
904 | _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']),
|
905 | _templateObject3 = _taggedTemplateLiteral(['\n width: 168px;\n\n ', '\n\n ', '\n\n max-width: ', ';\n ', '\n'], ['\n width: 168px;\n\n ', '\n\n ', '\n\n max-width: ', ';\n ', '\n']),
|
906 | _templateObject4 = _taggedTemplateLiteral(['\n width: 215px;\n '], ['\n width: 215px;\n ']),
|
907 | _templateObject5 = _taggedTemplateLiteral(['\n width: 100%;\n '], ['\n width: 100%;\n ']);
|
908 |
|
909 | var _react = __webpack_require__(2);
|
910 |
|
911 | var _react2 = _interopRequireDefault(_react);
|
912 |
|
913 | var _propTypes = __webpack_require__(0);
|
914 |
|
915 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
916 |
|
917 | var _styledComponents = __webpack_require__(1);
|
918 |
|
919 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
920 |
|
921 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
922 |
|
923 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
924 |
|
925 | 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; }
|
926 |
|
927 | var UnstyledBaseLogo = function UnstyledBaseLogo(_ref) {
|
928 | var className = _ref.className,
|
929 | props = _objectWithoutProperties(_ref, ['className']);
|
930 |
|
931 | delete props.animated;
|
932 | delete props.maxWidth;
|
933 | return _react2.default.createElement(
|
934 | 'svg',
|
935 | Object.assign({ className: className, viewBox: '0 0 492 60' }, props),
|
936 | _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' }),
|
937 | _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' }),
|
938 | _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' }),
|
939 | _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' }),
|
940 | _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' }),
|
941 | _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' }),
|
942 | _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' }),
|
943 | _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' }),
|
944 | _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' }),
|
945 | _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' }),
|
946 | _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' }),
|
947 | _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' }),
|
948 | _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' }),
|
949 | _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' }),
|
950 | _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' }),
|
951 | _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' })
|
952 | );
|
953 | };
|
954 |
|
955 | var pulse = (0, _styledComponents.keyframes)(_templateObject);
|
956 |
|
957 | var animated = (0, _styledComponents.css)(_templateObject2, pulse);
|
958 |
|
959 | var BaseLogo = (0, _styledComponents2.default)(UnstyledBaseLogo)(_templateObject3, function (props) {
|
960 | return props.theme.breakpointsVerbose.abovePhone(_templateObject4);
|
961 | }, function (props) {
|
962 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject5);
|
963 | }, function (props) {
|
964 | return props.maxWidth;
|
965 | }, function (props) {
|
966 | return props.animated ? animated : '';
|
967 | });
|
968 |
|
969 | BaseLogo.propTypes = {
|
970 | maxWidth: _propTypes2.default.string
|
971 | };
|
972 |
|
973 | BaseLogo.defaultProps = {
|
974 | maxWidth: '36rem'
|
975 |
|
976 |
|
977 | };exports.default = BaseLogo;
|
978 | exports.UnstyledBaseLogo = UnstyledBaseLogo;
|
979 |
|
980 | }),
|
981 |
|
982 | (function(module, exports, __webpack_require__) {
|
983 |
|
984 | "use strict";
|
985 |
|
986 |
|
987 | Object.defineProperty(exports, "__esModule", {
|
988 | value: true
|
989 | });
|
990 | exports.SpinnerSVG = exports.animation = undefined;
|
991 |
|
992 | 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']),
|
993 | _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']);
|
994 |
|
995 | var _react = __webpack_require__(2);
|
996 |
|
997 | var _react2 = _interopRequireDefault(_react);
|
998 |
|
999 | var _propTypes = __webpack_require__(0);
|
1000 |
|
1001 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1002 |
|
1003 | var _styledComponents = __webpack_require__(1);
|
1004 |
|
1005 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1006 |
|
1007 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1008 |
|
1009 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1010 |
|
1011 | var animation = exports.animation = (0, _styledComponents.keyframes)(_templateObject);
|
1012 |
|
1013 | var SpinnerSVG = exports.SpinnerSVG = function SpinnerSVG(_ref) {
|
1014 | var className = _ref.className;
|
1015 |
|
1016 | return _react2.default.createElement(
|
1017 | 'svg',
|
1018 | { className: className, viewBox: '0 0 100 100', preserveAspectRatio: 'xMidYMid', xmlns: 'http://www.w3.org/2000/svg', version: '1.1' },
|
1019 | _react2.default.createElement(
|
1020 | 'g',
|
1021 | { transform: 'rotate(0 50 50)' },
|
1022 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1023 | ),
|
1024 | _react2.default.createElement(
|
1025 | 'g',
|
1026 | { transform: 'rotate(36 50 50)' },
|
1027 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1028 | ),
|
1029 | _react2.default.createElement(
|
1030 | 'g',
|
1031 | { transform: 'rotate(72 50 50)' },
|
1032 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1033 | ),
|
1034 | _react2.default.createElement(
|
1035 | 'g',
|
1036 | { transform: 'rotate(108 50 50)' },
|
1037 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1038 | ),
|
1039 | _react2.default.createElement(
|
1040 | 'g',
|
1041 | { transform: 'rotate(144 50 50)' },
|
1042 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1043 | ),
|
1044 | _react2.default.createElement(
|
1045 | 'g',
|
1046 | { transform: 'rotate(180 50 50)' },
|
1047 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1048 | ),
|
1049 | _react2.default.createElement(
|
1050 | 'g',
|
1051 | { transform: 'rotate(216 50 50)' },
|
1052 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1053 | ),
|
1054 | _react2.default.createElement(
|
1055 | 'g',
|
1056 | { transform: 'rotate(252 50 50)' },
|
1057 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1058 | ),
|
1059 | _react2.default.createElement(
|
1060 | 'g',
|
1061 | { transform: 'rotate(288 50 50)' },
|
1062 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1063 | ),
|
1064 | _react2.default.createElement(
|
1065 | 'g',
|
1066 | { transform: 'rotate(324 50 50)' },
|
1067 | _react2.default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18' })
|
1068 | )
|
1069 | );
|
1070 | };
|
1071 |
|
1072 | var Spinner = (0, _styledComponents2.default)(SpinnerSVG)(_templateObject2, function (props) {
|
1073 | return props.size;
|
1074 | }, function (props) {
|
1075 | return props.size;
|
1076 | }, animation);
|
1077 |
|
1078 | Spinner.propTypes = {
|
1079 | size: _propTypes2.default.string,
|
1080 | theme: _propTypes2.default.shape({})
|
1081 | };
|
1082 |
|
1083 | Spinner.defaultProps = {
|
1084 | size: '80px'
|
1085 |
|
1086 |
|
1087 | };exports.default = Spinner;
|
1088 |
|
1089 | }),
|
1090 |
|
1091 | (function(module, exports, __webpack_require__) {
|
1092 |
|
1093 | "use strict";
|
1094 |
|
1095 |
|
1096 | Object.defineProperty(exports, "__esModule", {
|
1097 | value: true
|
1098 | });
|
1099 |
|
1100 | 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']);
|
1101 |
|
1102 | var _react = __webpack_require__(2);
|
1103 |
|
1104 | var _react2 = _interopRequireDefault(_react);
|
1105 |
|
1106 | var _propTypes = __webpack_require__(0);
|
1107 |
|
1108 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1109 |
|
1110 | var _styledComponents = __webpack_require__(1);
|
1111 |
|
1112 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1113 |
|
1114 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1115 |
|
1116 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1117 |
|
1118 | var UnstyledHr = function UnstyledHr(_ref) {
|
1119 | var className = _ref.className;
|
1120 |
|
1121 | return _react2.default.createElement('hr', { className: className });
|
1122 | };
|
1123 |
|
1124 | var BaseHr = (0, _styledComponents2.default)(UnstyledHr)(_templateObject, function (props) {
|
1125 | return props.width;
|
1126 | });
|
1127 |
|
1128 | BaseHr.propTypes = {
|
1129 | width: _propTypes2.default.string.isRequired
|
1130 | };
|
1131 |
|
1132 | BaseHr.defaultProps = {
|
1133 | width: '100%'
|
1134 |
|
1135 |
|
1136 | };exports.default = BaseHr;
|
1137 |
|
1138 | }),
|
1139 |
|
1140 | (function(module, exports) {
|
1141 |
|
1142 | module.exports = require("gsap/umd/TweenMax");
|
1143 |
|
1144 | }),
|
1145 |
|
1146 | (function(module, exports) {
|
1147 |
|
1148 | module.exports = require("react-stripe-elements");
|
1149 |
|
1150 | }),
|
1151 |
|
1152 | (function(module, exports) {
|
1153 |
|
1154 | module.exports = require("accounting");
|
1155 |
|
1156 | }),
|
1157 |
|
1158 | (function(module, exports, __webpack_require__) {
|
1159 |
|
1160 | "use strict";
|
1161 |
|
1162 |
|
1163 | Object.defineProperty(exports, "__esModule", {
|
1164 | value: true
|
1165 | });
|
1166 |
|
1167 | var _BagIcon = __webpack_require__(66);
|
1168 |
|
1169 | Object.defineProperty(exports, 'BagIcon', {
|
1170 | enumerable: true,
|
1171 | get: function get() {
|
1172 | return _interopRequireDefault(_BagIcon).default;
|
1173 | }
|
1174 | });
|
1175 |
|
1176 | var _Box = __webpack_require__(67);
|
1177 |
|
1178 | Object.defineProperty(exports, 'BoxIcon', {
|
1179 | enumerable: true,
|
1180 | get: function get() {
|
1181 | return _interopRequireDefault(_Box).default;
|
1182 | }
|
1183 | });
|
1184 |
|
1185 | var _BoxUpright = __webpack_require__(68);
|
1186 |
|
1187 | Object.defineProperty(exports, 'BoxUpright', {
|
1188 | enumerable: true,
|
1189 | get: function get() {
|
1190 | return _interopRequireDefault(_BoxUpright).default;
|
1191 | }
|
1192 | });
|
1193 |
|
1194 | var _Calendar = __webpack_require__(69);
|
1195 |
|
1196 | Object.defineProperty(exports, 'Calendar', {
|
1197 | enumerable: true,
|
1198 | get: function get() {
|
1199 | return _interopRequireDefault(_Calendar).default;
|
1200 | }
|
1201 | });
|
1202 |
|
1203 | var _CardIcon = __webpack_require__(33);
|
1204 |
|
1205 | Object.defineProperty(exports, 'CardIcon', {
|
1206 | enumerable: true,
|
1207 | get: function get() {
|
1208 | return _interopRequireDefault(_CardIcon).default;
|
1209 | }
|
1210 | });
|
1211 |
|
1212 | var _Chevron = __webpack_require__(79);
|
1213 |
|
1214 | Object.defineProperty(exports, 'Chevron', {
|
1215 | enumerable: true,
|
1216 | get: function get() {
|
1217 | return _interopRequireDefault(_Chevron).default;
|
1218 | }
|
1219 | });
|
1220 |
|
1221 | var _Clothesline = __webpack_require__(80);
|
1222 |
|
1223 | Object.defineProperty(exports, 'Clothesline', {
|
1224 | enumerable: true,
|
1225 | get: function get() {
|
1226 | return _interopRequireDefault(_Clothesline).default;
|
1227 | }
|
1228 | });
|
1229 |
|
1230 | var _Cloud = __webpack_require__(81);
|
1231 |
|
1232 | Object.defineProperty(exports, 'Cloud', {
|
1233 | enumerable: true,
|
1234 | get: function get() {
|
1235 | return _interopRequireDefault(_Cloud).default;
|
1236 | }
|
1237 | });
|
1238 |
|
1239 | var _CloudGroup = __webpack_require__(82);
|
1240 |
|
1241 | Object.defineProperty(exports, 'CloudGroup', {
|
1242 | enumerable: true,
|
1243 | get: function get() {
|
1244 | return _interopRequireDefault(_CloudGroup).default;
|
1245 | }
|
1246 | });
|
1247 |
|
1248 | var _GuaranteeIcon = __webpack_require__(83);
|
1249 |
|
1250 | Object.defineProperty(exports, 'GuaranteeIcon', {
|
1251 | enumerable: true,
|
1252 | get: function get() {
|
1253 | return _interopRequireDefault(_GuaranteeIcon).default;
|
1254 | }
|
1255 | });
|
1256 |
|
1257 | var _MailboxIcon = __webpack_require__(84);
|
1258 |
|
1259 | Object.defineProperty(exports, 'MailboxIcon', {
|
1260 | enumerable: true,
|
1261 | get: function get() {
|
1262 | return _interopRequireDefault(_MailboxIcon).default;
|
1263 | }
|
1264 | });
|
1265 |
|
1266 | var _Pencil = __webpack_require__(85);
|
1267 |
|
1268 | Object.defineProperty(exports, 'Pencil', {
|
1269 | enumerable: true,
|
1270 | get: function get() {
|
1271 | return _interopRequireDefault(_Pencil).default;
|
1272 | }
|
1273 | });
|
1274 |
|
1275 | var _Phone = __webpack_require__(86);
|
1276 |
|
1277 | Object.defineProperty(exports, 'Phone', {
|
1278 | enumerable: true,
|
1279 | get: function get() {
|
1280 | return _interopRequireDefault(_Phone).default;
|
1281 | }
|
1282 | });
|
1283 |
|
1284 | var _PressIcon = __webpack_require__(24);
|
1285 |
|
1286 | Object.defineProperty(exports, 'PressIcon', {
|
1287 | enumerable: true,
|
1288 | get: function get() {
|
1289 | return _interopRequireDefault(_PressIcon).default;
|
1290 | }
|
1291 | });
|
1292 |
|
1293 | var _Ruler = __webpack_require__(96);
|
1294 |
|
1295 | Object.defineProperty(exports, 'Ruler', {
|
1296 | enumerable: true,
|
1297 | get: function get() {
|
1298 | return _interopRequireDefault(_Ruler).default;
|
1299 | }
|
1300 | });
|
1301 |
|
1302 | var _SearchIcon = __webpack_require__(97);
|
1303 |
|
1304 | Object.defineProperty(exports, 'SearchIcon', {
|
1305 | enumerable: true,
|
1306 | get: function get() {
|
1307 | return _interopRequireDefault(_SearchIcon).default;
|
1308 | }
|
1309 | });
|
1310 |
|
1311 | var _XIcon = __webpack_require__(98);
|
1312 |
|
1313 | Object.defineProperty(exports, 'XIcon', {
|
1314 | enumerable: true,
|
1315 | get: function get() {
|
1316 | return _interopRequireDefault(_XIcon).default;
|
1317 | }
|
1318 | });
|
1319 |
|
1320 | var _InfoIcon = __webpack_require__(99);
|
1321 |
|
1322 | Object.defineProperty(exports, 'InfoIcon', {
|
1323 | enumerable: true,
|
1324 | get: function get() {
|
1325 | return _interopRequireDefault(_InfoIcon).default;
|
1326 | }
|
1327 | });
|
1328 |
|
1329 | var _AIcon = __webpack_require__(100);
|
1330 |
|
1331 | Object.keys(_AIcon).forEach(function (key) {
|
1332 | if (key === "default" || key === "__esModule") return;
|
1333 | Object.defineProperty(exports, key, {
|
1334 | enumerable: true,
|
1335 | get: function get() {
|
1336 | return _AIcon[key];
|
1337 | }
|
1338 | });
|
1339 | });
|
1340 |
|
1341 | var _Checkmark = __webpack_require__(10);
|
1342 |
|
1343 | Object.keys(_Checkmark).forEach(function (key) {
|
1344 | if (key === "default" || key === "__esModule") return;
|
1345 | Object.defineProperty(exports, key, {
|
1346 | enumerable: true,
|
1347 | get: function get() {
|
1348 | return _Checkmark[key];
|
1349 | }
|
1350 | });
|
1351 | });
|
1352 |
|
1353 | var _CircleChevron = __webpack_require__(109);
|
1354 |
|
1355 | Object.keys(_CircleChevron).forEach(function (key) {
|
1356 | if (key === "default" || key === "__esModule") return;
|
1357 | Object.defineProperty(exports, key, {
|
1358 | enumerable: true,
|
1359 | get: function get() {
|
1360 | return _CircleChevron[key];
|
1361 | }
|
1362 | });
|
1363 | });
|
1364 |
|
1365 | var _Close = __webpack_require__(112);
|
1366 |
|
1367 | Object.keys(_Close).forEach(function (key) {
|
1368 | if (key === "default" || key === "__esModule") return;
|
1369 | Object.defineProperty(exports, key, {
|
1370 | enumerable: true,
|
1371 | get: function get() {
|
1372 | return _Close[key];
|
1373 | }
|
1374 | });
|
1375 | });
|
1376 |
|
1377 | var _Hamburger = __webpack_require__(115);
|
1378 |
|
1379 | Object.keys(_Hamburger).forEach(function (key) {
|
1380 | if (key === "default" || key === "__esModule") return;
|
1381 | Object.defineProperty(exports, key, {
|
1382 | enumerable: true,
|
1383 | get: function get() {
|
1384 | return _Hamburger[key];
|
1385 | }
|
1386 | });
|
1387 | });
|
1388 |
|
1389 | var _Highlighter = __webpack_require__(120);
|
1390 |
|
1391 | Object.keys(_Highlighter).forEach(function (key) {
|
1392 | if (key === "default" || key === "__esModule") return;
|
1393 | Object.defineProperty(exports, key, {
|
1394 | enumerable: true,
|
1395 | get: function get() {
|
1396 | return _Highlighter[key];
|
1397 | }
|
1398 | });
|
1399 | });
|
1400 |
|
1401 | var _Logo = __webpack_require__(123);
|
1402 |
|
1403 | Object.keys(_Logo).forEach(function (key) {
|
1404 | if (key === "default" || key === "__esModule") return;
|
1405 | Object.defineProperty(exports, key, {
|
1406 | enumerable: true,
|
1407 | get: function get() {
|
1408 | return _Logo[key];
|
1409 | }
|
1410 | });
|
1411 | });
|
1412 |
|
1413 | var _Spinner = __webpack_require__(11);
|
1414 |
|
1415 | Object.keys(_Spinner).forEach(function (key) {
|
1416 | if (key === "default" || key === "__esModule") return;
|
1417 | Object.defineProperty(exports, key, {
|
1418 | enumerable: true,
|
1419 | get: function get() {
|
1420 | return _Spinner[key];
|
1421 | }
|
1422 | });
|
1423 | });
|
1424 |
|
1425 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1426 |
|
1427 | }),
|
1428 |
|
1429 | (function(module, exports, __webpack_require__) {
|
1430 |
|
1431 | "use strict";
|
1432 |
|
1433 |
|
1434 | Object.defineProperty(exports, "__esModule", {
|
1435 | value: true
|
1436 | });
|
1437 | exports.PressIconBase = exports.selected = exports.defaultStyle = undefined;
|
1438 |
|
1439 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']),
|
1440 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n ', '\n'], ['\n ', '\n ', '\n']),
|
1441 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']);
|
1442 |
|
1443 | var _react = __webpack_require__(2);
|
1444 |
|
1445 | var _react2 = _interopRequireDefault(_react);
|
1446 |
|
1447 | var _propTypes = __webpack_require__(0);
|
1448 |
|
1449 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1450 |
|
1451 | var _styledComponents = __webpack_require__(1);
|
1452 |
|
1453 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1454 |
|
1455 | var _Default = __webpack_require__(87);
|
1456 |
|
1457 | var _Default2 = _interopRequireDefault(_Default);
|
1458 |
|
1459 | var _FastCompany = __webpack_require__(88);
|
1460 |
|
1461 | var _FastCompany2 = _interopRequireDefault(_FastCompany);
|
1462 |
|
1463 | var _LATimes = __webpack_require__(89);
|
1464 |
|
1465 | var _LATimes2 = _interopRequireDefault(_LATimes);
|
1466 |
|
1467 | var _NewYorkTimes = __webpack_require__(90);
|
1468 |
|
1469 | var _NewYorkTimes2 = _interopRequireDefault(_NewYorkTimes);
|
1470 |
|
1471 | var _NewYorkPost = __webpack_require__(91);
|
1472 |
|
1473 | var _NewYorkPost2 = _interopRequireDefault(_NewYorkPost);
|
1474 |
|
1475 | var _ParentsMagazine = __webpack_require__(92);
|
1476 |
|
1477 | var _ParentsMagazine2 = _interopRequireDefault(_ParentsMagazine);
|
1478 |
|
1479 | var _PeopleMagazine = __webpack_require__(93);
|
1480 |
|
1481 | var _PeopleMagazine2 = _interopRequireDefault(_PeopleMagazine);
|
1482 |
|
1483 | var _TechCrunch = __webpack_require__(94);
|
1484 |
|
1485 | var _TechCrunch2 = _interopRequireDefault(_TechCrunch);
|
1486 |
|
1487 | var _TodayShow = __webpack_require__(95);
|
1488 |
|
1489 | var _TodayShow2 = _interopRequireDefault(_TodayShow);
|
1490 |
|
1491 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1492 |
|
1493 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1494 |
|
1495 | 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; }
|
1496 |
|
1497 | var PressIconBase = function PressIconBase(_ref) {
|
1498 | var brand = _ref.brand,
|
1499 | className = _ref.className,
|
1500 | props = _objectWithoutProperties(_ref, ['brand', 'className']);
|
1501 |
|
1502 | var Child = null;
|
1503 | switch (brand) {
|
1504 | case 'fast_company':
|
1505 | Child = _FastCompany2.default;
|
1506 | break;
|
1507 | case 'la_times':
|
1508 | Child = _LATimes2.default;
|
1509 | break;
|
1510 | case 'new_york_times':
|
1511 | Child = _NewYorkTimes2.default;
|
1512 | break;
|
1513 | case 'new_york_post':
|
1514 | Child = _NewYorkPost2.default;
|
1515 | break;
|
1516 | case 'parents_magazine':
|
1517 | Child = _ParentsMagazine2.default;
|
1518 | break;
|
1519 | case 'people_magazine':
|
1520 | Child = _PeopleMagazine2.default;
|
1521 | break;
|
1522 | case 'tech_crunch':
|
1523 | Child = _TechCrunch2.default;
|
1524 | break;
|
1525 | case 'today_show':
|
1526 | Child = _TodayShow2.default;
|
1527 | break;
|
1528 | default:
|
1529 | Child = _Default2.default;
|
1530 | }
|
1531 | return _react2.default.createElement(Child, { className: className, onClick: props.onClick });
|
1532 | };
|
1533 |
|
1534 | var defaultStyle = exports.defaultStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
1535 | return props.theme.colors.navy;
|
1536 | });
|
1537 |
|
1538 | var selected = exports.selected = (0, _styledComponents.css)(_templateObject, function (props) {
|
1539 | return props.theme.colors.rocketBlue;
|
1540 | });
|
1541 |
|
1542 | var colorPressIcon = (0, _styledComponents.css)(_templateObject2, function (props) {
|
1543 | return !props.selected && defaultStyle;
|
1544 | }, function (props) {
|
1545 | return props.selected && selected;
|
1546 | });
|
1547 |
|
1548 | var PressIcon = (0, _styledComponents2.default)(PressIconBase)(_templateObject3, function (props) {
|
1549 | return colorPressIcon;
|
1550 | });
|
1551 |
|
1552 | PressIcon.propTypes = {
|
1553 | brand: _propTypes2.default.string.isRequired,
|
1554 | theme: _propTypes2.default.shape({
|
1555 | colors: _propTypes2.default.shape({
|
1556 | rocketBlue: _propTypes2.default.string
|
1557 | })
|
1558 | }),
|
1559 | onClick: _propTypes2.default.func
|
1560 |
|
1561 |
|
1562 | };exports.default = PressIcon;
|
1563 | exports.PressIconBase = PressIconBase;
|
1564 |
|
1565 | }),
|
1566 |
|
1567 | (function(module, exports, __webpack_require__) {
|
1568 |
|
1569 | "use strict";
|
1570 |
|
1571 |
|
1572 | Object.defineProperty(exports, "__esModule", {
|
1573 | value: true
|
1574 | });
|
1575 |
|
1576 | var _link = __webpack_require__(141);
|
1577 |
|
1578 | Object.keys(_link).forEach(function (key) {
|
1579 | if (key === "default" || key === "__esModule") return;
|
1580 | Object.defineProperty(exports, key, {
|
1581 | enumerable: true,
|
1582 | get: function get() {
|
1583 | return _link[key];
|
1584 | }
|
1585 | });
|
1586 | });
|
1587 |
|
1588 | var _BlockQuote = __webpack_require__(145);
|
1589 |
|
1590 | Object.defineProperty(exports, 'BlockQuote', {
|
1591 | enumerable: true,
|
1592 | get: function get() {
|
1593 | return _interopRequireDefault(_BlockQuote).default;
|
1594 | }
|
1595 | });
|
1596 |
|
1597 | var _Caption = __webpack_require__(146);
|
1598 |
|
1599 | Object.defineProperty(exports, 'Caption', {
|
1600 | enumerable: true,
|
1601 | get: function get() {
|
1602 | return _interopRequireDefault(_Caption).default;
|
1603 | }
|
1604 | });
|
1605 |
|
1606 | var _H = __webpack_require__(147);
|
1607 |
|
1608 | Object.defineProperty(exports, 'H1', {
|
1609 | enumerable: true,
|
1610 | get: function get() {
|
1611 | return _interopRequireDefault(_H).default;
|
1612 | }
|
1613 | });
|
1614 |
|
1615 | var _H2 = __webpack_require__(148);
|
1616 |
|
1617 | Object.defineProperty(exports, 'H2', {
|
1618 | enumerable: true,
|
1619 | get: function get() {
|
1620 | return _interopRequireDefault(_H2).default;
|
1621 | }
|
1622 | });
|
1623 |
|
1624 | var _H3 = __webpack_require__(149);
|
1625 |
|
1626 | Object.defineProperty(exports, 'H3', {
|
1627 | enumerable: true,
|
1628 | get: function get() {
|
1629 | return _interopRequireDefault(_H3).default;
|
1630 | }
|
1631 | });
|
1632 |
|
1633 | var _H4 = __webpack_require__(150);
|
1634 |
|
1635 | Object.defineProperty(exports, 'H4', {
|
1636 | enumerable: true,
|
1637 | get: function get() {
|
1638 | return _interopRequireDefault(_H4).default;
|
1639 | }
|
1640 | });
|
1641 |
|
1642 | var _H5 = __webpack_require__(151);
|
1643 |
|
1644 | Object.defineProperty(exports, 'H5', {
|
1645 | enumerable: true,
|
1646 | get: function get() {
|
1647 | return _interopRequireDefault(_H5).default;
|
1648 | }
|
1649 | });
|
1650 |
|
1651 | var _H6 = __webpack_require__(152);
|
1652 |
|
1653 | Object.defineProperty(exports, 'H6', {
|
1654 | enumerable: true,
|
1655 | get: function get() {
|
1656 | return _interopRequireDefault(_H6).default;
|
1657 | }
|
1658 | });
|
1659 |
|
1660 | var _Label = __webpack_require__(9);
|
1661 |
|
1662 | Object.defineProperty(exports, 'Label', {
|
1663 | enumerable: true,
|
1664 | get: function get() {
|
1665 | return _interopRequireDefault(_Label).default;
|
1666 | }
|
1667 | });
|
1668 |
|
1669 | var _MarkedText = __webpack_require__(153);
|
1670 |
|
1671 | Object.defineProperty(exports, 'MarkedText', {
|
1672 | enumerable: true,
|
1673 | get: function get() {
|
1674 | return _interopRequireDefault(_MarkedText).default;
|
1675 | }
|
1676 | });
|
1677 |
|
1678 | var _P = __webpack_require__(35);
|
1679 |
|
1680 | Object.defineProperty(exports, 'P', {
|
1681 | enumerable: true,
|
1682 | get: function get() {
|
1683 | return _interopRequireDefault(_P).default;
|
1684 | }
|
1685 | });
|
1686 |
|
1687 | var _Serif = __webpack_require__(154);
|
1688 |
|
1689 | Object.defineProperty(exports, 'Serif', {
|
1690 | enumerable: true,
|
1691 | get: function get() {
|
1692 | return _interopRequireDefault(_Serif).default;
|
1693 | }
|
1694 | });
|
1695 |
|
1696 | var _BlueHr = __webpack_require__(155);
|
1697 |
|
1698 | Object.defineProperty(exports, 'BlueHr', {
|
1699 | enumerable: true,
|
1700 | get: function get() {
|
1701 | return _interopRequireDefault(_BlueHr).default;
|
1702 | }
|
1703 | });
|
1704 |
|
1705 | var _Hr = __webpack_require__(156);
|
1706 |
|
1707 | Object.defineProperty(exports, 'Hr', {
|
1708 | enumerable: true,
|
1709 | get: function get() {
|
1710 | return _interopRequireDefault(_Hr).default;
|
1711 | }
|
1712 | });
|
1713 |
|
1714 | var _NavyHr = __webpack_require__(157);
|
1715 |
|
1716 | Object.defineProperty(exports, 'NavyHr', {
|
1717 | enumerable: true,
|
1718 | get: function get() {
|
1719 | return _interopRequireDefault(_NavyHr).default;
|
1720 | }
|
1721 | });
|
1722 |
|
1723 | var _WhiteHr = __webpack_require__(158);
|
1724 |
|
1725 | Object.defineProperty(exports, 'WhiteHr', {
|
1726 | enumerable: true,
|
1727 | get: function get() {
|
1728 | return _interopRequireDefault(_WhiteHr).default;
|
1729 | }
|
1730 | });
|
1731 |
|
1732 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1733 |
|
1734 | }),
|
1735 |
|
1736 | (function(module, exports, __webpack_require__) {
|
1737 |
|
1738 | "use strict";
|
1739 |
|
1740 |
|
1741 | Object.defineProperty(exports, "__esModule", {
|
1742 | value: true
|
1743 | });
|
1744 | exports.baseLinkStyles = undefined;
|
1745 |
|
1746 | var _templateObject = _taggedTemplateLiteral(['\n transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;\n text-decoration: none;\n text-transform: ', ';\n border-bottom: 0.2rem solid;\n border-bottom-color: transparent;\n font-family: ', ';\n font-size: ', ';\n font-weight: ', ';\n font-style: ', ';\n'], ['\n transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;\n text-decoration: none;\n text-transform: ', ';\n border-bottom: 0.2rem solid;\n border-bottom-color: transparent;\n font-family: ', ';\n font-size: ', ';\n font-weight: ', ';\n font-style: ', ';\n']),
|
1747 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']);
|
1748 |
|
1749 | var _react = __webpack_require__(2);
|
1750 |
|
1751 | var _react2 = _interopRequireDefault(_react);
|
1752 |
|
1753 | var _propTypes = __webpack_require__(0);
|
1754 |
|
1755 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1756 |
|
1757 | var _styledComponents = __webpack_require__(1);
|
1758 |
|
1759 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1760 |
|
1761 | var _theme = __webpack_require__(7);
|
1762 |
|
1763 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1764 |
|
1765 | 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; }
|
1766 |
|
1767 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1768 |
|
1769 | var baseLinkStyles = (0, _styledComponents.css)(_templateObject, function (props) {
|
1770 | return props.uppercase ? 'uppercase' : 'initial';
|
1771 | }, function (props) {
|
1772 | return props.fontFamily;
|
1773 | }, function (props) {
|
1774 | return props.fontSize;
|
1775 | }, function (props) {
|
1776 | return props.light ? '400' : props.fontWeight;
|
1777 | }, function (props) {
|
1778 | return props.fontStyle;
|
1779 | });
|
1780 |
|
1781 | var BaseLink = (0, _styledComponents2.default)(function (_ref) {
|
1782 | var renderLink = _ref.renderLink,
|
1783 | children = _ref.children,
|
1784 | props = _objectWithoutProperties(_ref, ['renderLink', 'children']);
|
1785 |
|
1786 | delete props.light;
|
1787 | delete props.uppercase;
|
1788 | delete props.underline;
|
1789 | delete props.fontFamily;
|
1790 | delete props.fontSize;
|
1791 | delete props.fontWeight;
|
1792 | if (renderLink) {
|
1793 | return renderLink(Object.assign({}, props, { children: children }));
|
1794 | } else {
|
1795 | return _react2.default.createElement(
|
1796 | 'a',
|
1797 | props,
|
1798 | children
|
1799 | );
|
1800 | }
|
1801 | })(_templateObject2, baseLinkStyles);
|
1802 |
|
1803 | BaseLink.propTypes = {
|
1804 | fontFamily: _propTypes2.default.string,
|
1805 | fontSize: _propTypes2.default.string,
|
1806 | fontWeight: _propTypes2.default.number,
|
1807 | light: _propTypes2.default.bool,
|
1808 | theme: _propTypes2.default.shape({
|
1809 | fonts: _propTypes2.default.shape({
|
1810 | primaryFont: _propTypes2.default.string
|
1811 | })
|
1812 | }),
|
1813 | uppercase: _propTypes2.default.bool.isRequired,
|
1814 | underline: _propTypes2.default.bool
|
1815 | };
|
1816 |
|
1817 | BaseLink.defaultProps = {
|
1818 | fontFamily: _theme.theme.fonts.primaryFont,
|
1819 | fontSize: '1.4rem',
|
1820 | fontStyle: 'normal',
|
1821 | fontWeight: 500,
|
1822 | uppercase: false
|
1823 |
|
1824 |
|
1825 | };exports.default = BaseLink;
|
1826 | exports.baseLinkStyles = baseLinkStyles;
|
1827 |
|
1828 | }),
|
1829 |
|
1830 | (function(module, exports) {
|
1831 |
|
1832 | module.exports = require("react-responsive");
|
1833 |
|
1834 | }),
|
1835 |
|
1836 | (function(module, exports, __webpack_require__) {
|
1837 |
|
1838 | "use strict";
|
1839 |
|
1840 |
|
1841 | Object.defineProperty(exports, "__esModule", {
|
1842 | value: true
|
1843 | });
|
1844 |
|
1845 | var _Buttons = __webpack_require__(231);
|
1846 |
|
1847 | Object.keys(_Buttons).forEach(function (key) {
|
1848 | if (key === "default" || key === "__esModule") return;
|
1849 | Object.defineProperty(exports, key, {
|
1850 | enumerable: true,
|
1851 | get: function get() {
|
1852 | return _Buttons[key];
|
1853 | }
|
1854 | });
|
1855 | });
|
1856 |
|
1857 | var _Checkbox = __webpack_require__(242);
|
1858 |
|
1859 | Object.defineProperty(exports, 'Checkbox', {
|
1860 | enumerable: true,
|
1861 | get: function get() {
|
1862 | return _interopRequireDefault(_Checkbox).default;
|
1863 | }
|
1864 | });
|
1865 |
|
1866 | var _XCheckbox = __webpack_require__(244);
|
1867 |
|
1868 | Object.defineProperty(exports, 'XCheckbox', {
|
1869 | enumerable: true,
|
1870 | get: function get() {
|
1871 | return _interopRequireDefault(_XCheckbox).default;
|
1872 | }
|
1873 | });
|
1874 |
|
1875 | var _CheckboxButton = __webpack_require__(246);
|
1876 |
|
1877 | Object.defineProperty(exports, 'CheckboxButton', {
|
1878 | enumerable: true,
|
1879 | get: function get() {
|
1880 | return _CheckboxButton.CheckboxButton;
|
1881 | }
|
1882 | });
|
1883 |
|
1884 | var _radioButtons = __webpack_require__(249);
|
1885 |
|
1886 | Object.keys(_radioButtons).forEach(function (key) {
|
1887 | if (key === "default" || key === "__esModule") return;
|
1888 | Object.defineProperty(exports, key, {
|
1889 | enumerable: true,
|
1890 | get: function get() {
|
1891 | return _radioButtons[key];
|
1892 | }
|
1893 | });
|
1894 | });
|
1895 |
|
1896 | var _Input = __webpack_require__(252);
|
1897 |
|
1898 | Object.keys(_Input).forEach(function (key) {
|
1899 | if (key === "default" || key === "__esModule") return;
|
1900 | Object.defineProperty(exports, key, {
|
1901 | enumerable: true,
|
1902 | get: function get() {
|
1903 | return _Input[key];
|
1904 | }
|
1905 | });
|
1906 | });
|
1907 |
|
1908 | var _InputSmall = __webpack_require__(254);
|
1909 |
|
1910 | Object.keys(_InputSmall).forEach(function (key) {
|
1911 | if (key === "default" || key === "__esModule") return;
|
1912 | Object.defineProperty(exports, key, {
|
1913 | enumerable: true,
|
1914 | get: function get() {
|
1915 | return _InputSmall[key];
|
1916 | }
|
1917 | });
|
1918 | });
|
1919 |
|
1920 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1921 |
|
1922 | }),
|
1923 |
|
1924 | (function(module, exports, __webpack_require__) {
|
1925 |
|
1926 | "use strict";
|
1927 |
|
1928 |
|
1929 | Object.defineProperty(exports, "__esModule", {
|
1930 | value: true
|
1931 | });
|
1932 | exports.setWidth = exports.CustomButton = undefined;
|
1933 |
|
1934 | var _templateObject = _taggedTemplateLiteral(['\n ', ';\n'], ['\n ', ';\n']),
|
1935 | _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']);
|
1936 |
|
1937 | var _react = __webpack_require__(2);
|
1938 |
|
1939 | var _react2 = _interopRequireDefault(_react);
|
1940 |
|
1941 | var _propTypes = __webpack_require__(0);
|
1942 |
|
1943 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
1944 |
|
1945 | var _styledComponents = __webpack_require__(1);
|
1946 |
|
1947 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
1948 |
|
1949 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
1950 |
|
1951 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
1952 |
|
1953 | 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; }
|
1954 |
|
1955 | var CustomButton = function CustomButton(_ref) {
|
1956 | var arrow = _ref.arrow,
|
1957 | className = _ref.className,
|
1958 | children = _ref.children,
|
1959 | props = _objectWithoutProperties(_ref, ['arrow', 'className', 'children']);
|
1960 |
|
1961 | return _react2.default.createElement(
|
1962 | 'div',
|
1963 | { className: className },
|
1964 | _react2.default.createElement(
|
1965 | 'button',
|
1966 | props,
|
1967 | children,
|
1968 | arrow && _react2.default.createElement(
|
1969 | 'span',
|
1970 | { className: 'arrow' },
|
1971 | '\u2192'
|
1972 | )
|
1973 | ),
|
1974 | _react2.default.createElement('span', { className: 'borderBottom' })
|
1975 | );
|
1976 | };
|
1977 |
|
1978 | var setWidth = (0, _styledComponents.css)(_templateObject, function (props) {
|
1979 | return 'width: ' + props.width;
|
1980 | });
|
1981 |
|
1982 | var BaseImageButton = (0, _styledComponents2.default)(CustomButton)(_templateObject2, function (props) {
|
1983 | return setWidth;
|
1984 | }, function (props) {
|
1985 | return setWidth;
|
1986 | }, function (props) {
|
1987 | return props.sentanceCase ? 'text-transform: inherit;' : 'text-transform: uppercase;';
|
1988 | }, function (props) {
|
1989 | return props.theme.fonts.primaryFont;
|
1990 | });
|
1991 |
|
1992 | BaseImageButton.propTypes = {
|
1993 | arrow: _propTypes2.default.bool,
|
1994 | sentanceCase: _propTypes2.default.bool,
|
1995 | width: _propTypes2.default.string
|
1996 | };
|
1997 |
|
1998 | BaseImageButton.defaultProps = {
|
1999 | width: '35rem'
|
2000 |
|
2001 |
|
2002 | };exports.default = BaseImageButton;
|
2003 | exports.CustomButton = CustomButton;
|
2004 | exports.setWidth = setWidth;
|
2005 |
|
2006 | }),
|
2007 |
|
2008 | (function(module, exports, __webpack_require__) {
|
2009 |
|
2010 | "use strict";
|
2011 |
|
2012 |
|
2013 | Object.defineProperty(exports, "__esModule", {
|
2014 | value: true
|
2015 | });
|
2016 | exports.Rect = undefined;
|
2017 |
|
2018 | var _templateObject = _taggedTemplateLiteral(['\n fill: none;\n\n stroke: ', ';\n stroke-width: 20;\n stroke-linecap: round;\n'], ['\n fill: none;\n\n stroke: ', ';\n stroke-width: 20;\n stroke-linecap: round;\n']);
|
2019 |
|
2020 | var _react = __webpack_require__(2);
|
2021 |
|
2022 | var _react2 = _interopRequireDefault(_react);
|
2023 |
|
2024 | var _propTypes = __webpack_require__(0);
|
2025 |
|
2026 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2027 |
|
2028 | var _styledComponents = __webpack_require__(1);
|
2029 |
|
2030 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2031 |
|
2032 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2033 |
|
2034 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2035 |
|
2036 | var Rect = function Rect(_ref) {
|
2037 | var className = _ref.className;
|
2038 |
|
2039 | return _react2.default.createElement('rect', { className: className, x: '2.5', y: '2.5', width: '185', height: '185', rx: '10', ry: '10' });
|
2040 | };
|
2041 |
|
2042 | var StyledRect = (0, _styledComponents2.default)(Rect)(_templateObject, function (props) {
|
2043 | return props.theme.colors.rocketBlue;
|
2044 | });
|
2045 |
|
2046 | StyledRect.propTypes = {
|
2047 | theme: _propTypes2.default.shape({
|
2048 | colors: _propTypes2.default.shape({
|
2049 | rocketBlue: _propTypes2.default.string
|
2050 | })
|
2051 | })
|
2052 | };
|
2053 |
|
2054 | exports.default = StyledRect;
|
2055 | exports.Rect = Rect;
|
2056 |
|
2057 | }),
|
2058 |
|
2059 | (function(module, exports, __webpack_require__) {
|
2060 |
|
2061 | "use strict";
|
2062 |
|
2063 |
|
2064 | Object.defineProperty(exports, "__esModule", {
|
2065 | value: true
|
2066 | });
|
2067 |
|
2068 | var _InformationalSection = __webpack_require__(272);
|
2069 |
|
2070 | Object.defineProperty(exports, 'InformationalSection', {
|
2071 | enumerable: true,
|
2072 | get: function get() {
|
2073 | return _interopRequireDefault(_InformationalSection).default;
|
2074 | }
|
2075 | });
|
2076 |
|
2077 | var _SubscriptionSection = __webpack_require__(273);
|
2078 |
|
2079 | Object.defineProperty(exports, 'SubscriptionSection', {
|
2080 | enumerable: true,
|
2081 | get: function get() {
|
2082 | return _interopRequireDefault(_SubscriptionSection).default;
|
2083 | }
|
2084 | });
|
2085 |
|
2086 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2087 |
|
2088 | }),
|
2089 |
|
2090 | (function(module, exports, __webpack_require__) {
|
2091 |
|
2092 | "use strict";
|
2093 |
|
2094 |
|
2095 | Object.defineProperty(exports, "__esModule", {
|
2096 | value: true
|
2097 | });
|
2098 | exports.getClient = exports.initContentful = exports.getAssetType = exports.getContentType = exports.getAlt = exports.getUrl = undefined;
|
2099 |
|
2100 | 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; }; }();
|
2101 |
|
2102 | var _react = __webpack_require__(2);
|
2103 |
|
2104 | var _react2 = _interopRequireDefault(_react);
|
2105 |
|
2106 | var _propTypes = __webpack_require__(0);
|
2107 |
|
2108 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2109 |
|
2110 | var _contentful = __webpack_require__(308);
|
2111 |
|
2112 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2113 |
|
2114 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
2115 |
|
2116 | 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; }
|
2117 |
|
2118 | 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; }
|
2119 |
|
2120 | var client = void 0;
|
2121 |
|
2122 | function initContentful() {
|
2123 | var host = 'cdn.contentful.com';
|
2124 | if (parseInt("false", 10) === 1) {
|
2125 | host = 'preview.contentful.com';
|
2126 | }
|
2127 | client = (0, _contentful.createClient)({
|
2128 | space: "efh696jqykjs",
|
2129 | accessToken: "281908e00bb3e99426c651bc8956bc83702a276f99f3410cb885c5f8ec292d66",
|
2130 | host: host
|
2131 | });
|
2132 | return client.getSpace().then(function (space) {
|
2133 | return space;
|
2134 | });
|
2135 | }
|
2136 |
|
2137 | function getClient() {
|
2138 | return client;
|
2139 | }
|
2140 |
|
2141 | var getUrl = exports.getUrl = function getUrl(entry) {
|
2142 | return entry.fields.file.url;
|
2143 | };
|
2144 | var getAlt = exports.getAlt = function getAlt(entry) {
|
2145 | return entry.fields.description;
|
2146 | };
|
2147 | var getContentType = exports.getContentType = function getContentType(entry) {
|
2148 | return entry.sys.contentType.sys.id;
|
2149 | };
|
2150 | var getAssetType = exports.getAssetType = function getAssetType(entry) {
|
2151 | return (/([a-z]*)\//.exec(entry.fields.file.contentType)[1]
|
2152 | );
|
2153 | };
|
2154 |
|
2155 | exports.initContentful = initContentful;
|
2156 | exports.getClient = getClient;
|
2157 |
|
2158 |
|
2159 | initContentful();
|
2160 |
|
2161 | var Contentful = function (_React$Component) {
|
2162 | _inherits(Contentful, _React$Component);
|
2163 |
|
2164 | function Contentful(props) {
|
2165 | _classCallCheck(this, Contentful);
|
2166 |
|
2167 | var _this = _possibleConstructorReturn(this, (Contentful.__proto__ || Object.getPrototypeOf(Contentful)).call(this, props));
|
2168 |
|
2169 | _this.state = {
|
2170 | response: null
|
2171 | };
|
2172 | return _this;
|
2173 | }
|
2174 |
|
2175 | _createClass(Contentful, [{
|
2176 | key: 'componentDidMount',
|
2177 | value: function componentDidMount() {
|
2178 | var _this2 = this;
|
2179 |
|
2180 | var _props = this.props,
|
2181 | inOp = _props.operation,
|
2182 | id = _props.id,
|
2183 | query = _props.query;
|
2184 |
|
2185 | var client = getClient();
|
2186 | try {
|
2187 | if (inOp !== 'getEntries') {
|
2188 | client[inOp](id).then(function (response) {
|
2189 | _this2.setState({ response: response });
|
2190 | });
|
2191 | } else {
|
2192 | client[inOp](query).then(function (response) {
|
2193 | _this2.setState({ response: response.items[0] });
|
2194 | });
|
2195 | }
|
2196 | } catch (err) {
|
2197 | console.warn(err);
|
2198 | }
|
2199 | }
|
2200 | }, {
|
2201 | key: 'render',
|
2202 | value: function render() {
|
2203 | var children = this.props.children;
|
2204 | var response = this.state.response;
|
2205 |
|
2206 | if (response) {
|
2207 | return _react2.default.createElement(children.type, Object.assign({}, children.props, response));
|
2208 | } else {
|
2209 | return null;
|
2210 | }
|
2211 | }
|
2212 | }]);
|
2213 |
|
2214 | return Contentful;
|
2215 | }(_react2.default.Component);
|
2216 |
|
2217 | exports.default = Contentful;
|
2218 |
|
2219 |
|
2220 | Contentful.propTypes = {
|
2221 | operation: _propTypes2.default.string
|
2222 | };
|
2223 |
|
2224 | }),
|
2225 |
|
2226 | (function(module, exports, __webpack_require__) {
|
2227 |
|
2228 | "use strict";
|
2229 |
|
2230 |
|
2231 | Object.defineProperty(exports, "__esModule", {
|
2232 | value: true
|
2233 | });
|
2234 | exports.CardIconBase = undefined;
|
2235 |
|
2236 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
2237 |
|
2238 | var _react = __webpack_require__(2);
|
2239 |
|
2240 | var _react2 = _interopRequireDefault(_react);
|
2241 |
|
2242 | var _propTypes = __webpack_require__(0);
|
2243 |
|
2244 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2245 |
|
2246 | var _styledComponents = __webpack_require__(1);
|
2247 |
|
2248 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2249 |
|
2250 | var _Amex = __webpack_require__(70);
|
2251 |
|
2252 | var _Amex2 = _interopRequireDefault(_Amex);
|
2253 |
|
2254 | var _Default = __webpack_require__(71);
|
2255 |
|
2256 | var _Default2 = _interopRequireDefault(_Default);
|
2257 |
|
2258 | var _Diners = __webpack_require__(72);
|
2259 |
|
2260 | var _Diners2 = _interopRequireDefault(_Diners);
|
2261 |
|
2262 | var _Discover = __webpack_require__(73);
|
2263 |
|
2264 | var _Discover2 = _interopRequireDefault(_Discover);
|
2265 |
|
2266 | var _JCB = __webpack_require__(74);
|
2267 |
|
2268 | var _JCB2 = _interopRequireDefault(_JCB);
|
2269 |
|
2270 | var _Mastercard = __webpack_require__(75);
|
2271 |
|
2272 | var _Mastercard2 = _interopRequireDefault(_Mastercard);
|
2273 |
|
2274 | var _Maestro = __webpack_require__(76);
|
2275 |
|
2276 | var _Maestro2 = _interopRequireDefault(_Maestro);
|
2277 |
|
2278 | var _Paypal = __webpack_require__(77);
|
2279 |
|
2280 | var _Paypal2 = _interopRequireDefault(_Paypal);
|
2281 |
|
2282 | var _Visa = __webpack_require__(78);
|
2283 |
|
2284 | var _Visa2 = _interopRequireDefault(_Visa);
|
2285 |
|
2286 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2287 |
|
2288 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2289 |
|
2290 | var CardIconBase = function CardIconBase(_ref) {
|
2291 | var brand = _ref.brand,
|
2292 | className = _ref.className;
|
2293 |
|
2294 | var Child = null;
|
2295 | switch (brand) {
|
2296 | case 'amex':
|
2297 | Child = _Amex2.default;
|
2298 | break;
|
2299 | case 'diners':
|
2300 | Child = _Diners2.default;
|
2301 | break;
|
2302 | case 'discover':
|
2303 | Child = _Discover2.default;
|
2304 | break;
|
2305 | case 'jcb':
|
2306 | Child = _JCB2.default;
|
2307 | break;
|
2308 | case 'mastercard':
|
2309 | Child = _Mastercard2.default;
|
2310 | break;
|
2311 | case 'maestro':
|
2312 | Child = _Maestro2.default;
|
2313 | break;
|
2314 | case 'paypal':
|
2315 | Child = _Paypal2.default;
|
2316 | break;
|
2317 | case 'visa':
|
2318 | Child = _Visa2.default;
|
2319 | break;
|
2320 | default:
|
2321 | Child = _Default2.default;
|
2322 | }
|
2323 | return _react2.default.createElement(Child, { className: className });
|
2324 | };
|
2325 |
|
2326 | var CardIcon = (0, _styledComponents2.default)(CardIconBase)(_templateObject, function (props) {
|
2327 | return props.theme.colors.navy;
|
2328 | });
|
2329 |
|
2330 | CardIcon.propTypes = {
|
2331 | brand: _propTypes2.default.string.isRequired,
|
2332 | theme: _propTypes2.default.shape({
|
2333 | colors: _propTypes2.default.shape({
|
2334 | rocketBlue: _propTypes2.default.string
|
2335 | })
|
2336 | })
|
2337 |
|
2338 |
|
2339 | };exports.default = CardIcon;
|
2340 | exports.CardIconBase = CardIconBase;
|
2341 |
|
2342 | }),
|
2343 |
|
2344 | (function(module, exports, __webpack_require__) {
|
2345 |
|
2346 | "use strict";
|
2347 |
|
2348 |
|
2349 | Object.defineProperty(exports, "__esModule", {
|
2350 | value: true
|
2351 | });
|
2352 | exports.validateDirection = exports.CircleChev = undefined;
|
2353 |
|
2354 | 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']);
|
2355 |
|
2356 | var _react = __webpack_require__(2);
|
2357 |
|
2358 | var _react2 = _interopRequireDefault(_react);
|
2359 |
|
2360 | var _propTypes = __webpack_require__(0);
|
2361 |
|
2362 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2363 |
|
2364 | var _styledComponents = __webpack_require__(1);
|
2365 |
|
2366 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2367 |
|
2368 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2369 |
|
2370 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2371 |
|
2372 | var CircleChev = function CircleChev(_ref) {
|
2373 | var className = _ref.className,
|
2374 | left = _ref.left,
|
2375 | right = _ref.right;
|
2376 |
|
2377 | return _react2.default.createElement(
|
2378 | 'svg',
|
2379 | { className: className, viewBox: '0 0 60 60' },
|
2380 | _react2.default.createElement('ellipse', { cx: '30', cy: '30', rx: '30', ry: '30' }),
|
2381 | right && _react2.default.createElement('polyline', { className: 'right', points: '23.5,16.8 36.5,30 23.5,43.2' }),
|
2382 | left && _react2.default.createElement('polyline', { className: 'left', points: '36.5,43.2 23.5,30 36.5,16.8' })
|
2383 | );
|
2384 | };
|
2385 |
|
2386 | var BaseChevron = (0, _styledComponents2.default)(CircleChev)(_templateObject, function (props) {
|
2387 | return props.width;
|
2388 | });
|
2389 |
|
2390 | var validateDirection = function validateDirection(props, propName, componentName) {
|
2391 | if (!props.left && !props.right) {
|
2392 | return new Error('Either the left or right prop must be supplied to ' + componentName + '.');
|
2393 | } else if (props.left && props.right) {
|
2394 | return new Error('Both the left and right prop were supplied to ' + componentName + ', only select one.');
|
2395 | }
|
2396 | return null;
|
2397 | };
|
2398 |
|
2399 | CircleChev.propTypes = {
|
2400 | className: _propTypes2.default.string,
|
2401 | left: validateDirection,
|
2402 | right: validateDirection,
|
2403 | width: _propTypes2.default.string
|
2404 | };
|
2405 |
|
2406 | CircleChev.defaultProps = {
|
2407 | width: '4rem'
|
2408 |
|
2409 |
|
2410 | };exports.default = BaseChevron;
|
2411 | exports.CircleChev = CircleChev;
|
2412 | exports.validateDirection = validateDirection;
|
2413 |
|
2414 | }),
|
2415 |
|
2416 | (function(module, exports, __webpack_require__) {
|
2417 |
|
2418 | "use strict";
|
2419 |
|
2420 |
|
2421 | Object.defineProperty(exports, "__esModule", {
|
2422 | value: true
|
2423 | });
|
2424 | exports.pStyle = undefined;
|
2425 |
|
2426 | 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']),
|
2427 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n margin: 0;\n color: ', ';\n'], ['\n ', '\n margin: 0;\n color: ', ';\n']);
|
2428 |
|
2429 | var _propTypes = __webpack_require__(0);
|
2430 |
|
2431 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2432 |
|
2433 | var _styledComponents = __webpack_require__(1);
|
2434 |
|
2435 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2436 |
|
2437 | var _theme = __webpack_require__(7);
|
2438 |
|
2439 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2440 |
|
2441 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2442 |
|
2443 | var pStyle = exports.pStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
2444 | return props.theme.fonts.primaryFont;
|
2445 | }, function (props) {
|
2446 | return props.fontSize;
|
2447 | });
|
2448 |
|
2449 | var P = _styledComponents2.default.p(_templateObject2, pStyle, function (props) {
|
2450 | return props.color;
|
2451 | });
|
2452 |
|
2453 | P.propTypes = {
|
2454 | children: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.array]),
|
2455 | theme: _propTypes2.default.shape({
|
2456 | fonts: _propTypes2.default.shape({
|
2457 | primaryFont: _propTypes2.default.string
|
2458 | }),
|
2459 | colors: _propTypes2.default.shape({
|
2460 | navy: _propTypes2.default.string
|
2461 | })
|
2462 | })
|
2463 | };
|
2464 |
|
2465 | P.defaultProps = {
|
2466 | fontSize: '1.6rem',
|
2467 | color: _theme.theme.colors.navy
|
2468 |
|
2469 |
|
2470 | };exports.default = P;
|
2471 |
|
2472 | }),
|
2473 |
|
2474 | (function(module, exports) {
|
2475 |
|
2476 | module.exports = require("react-slick");
|
2477 |
|
2478 | }),
|
2479 |
|
2480 | (function(module, exports, __webpack_require__) {
|
2481 |
|
2482 | "use strict";
|
2483 |
|
2484 |
|
2485 | Object.defineProperty(exports, "__esModule", {
|
2486 | value: true
|
2487 | });
|
2488 | exports.BaseCheck = undefined;
|
2489 |
|
2490 | var _templateObject = _taggedTemplateLiteral(['\n fill: none;\n stroke-width: 20;\n stroke-linecap: round;\n stroke: ', ';\n'], ['\n fill: none;\n stroke-width: 20;\n stroke-linecap: round;\n stroke: ', ';\n']);
|
2491 |
|
2492 | var _react = __webpack_require__(2);
|
2493 |
|
2494 | var _react2 = _interopRequireDefault(_react);
|
2495 |
|
2496 | var _propTypes = __webpack_require__(0);
|
2497 |
|
2498 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2499 |
|
2500 | var _styledComponents = __webpack_require__(1);
|
2501 |
|
2502 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2503 |
|
2504 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2505 |
|
2506 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2507 |
|
2508 | var BaseCheck = function BaseCheck(_ref) {
|
2509 | var className = _ref.className;
|
2510 |
|
2511 | return _react2.default.createElement('polyline', { className: className, points: '38.75 98.75 77.75 134.75 151.25 55.25' });
|
2512 | };
|
2513 |
|
2514 | var Check = (0, _styledComponents2.default)(BaseCheck)(_templateObject, function (props) {
|
2515 | return props.theme.colors.white;
|
2516 | });
|
2517 |
|
2518 | Check.propTypes = {
|
2519 | theme: _propTypes2.default.shape({
|
2520 | colors: _propTypes2.default.shape({
|
2521 | white: _propTypes2.default.string
|
2522 | })
|
2523 | })
|
2524 | };
|
2525 |
|
2526 | exports.default = Check;
|
2527 | exports.BaseCheck = BaseCheck;
|
2528 |
|
2529 | }),
|
2530 |
|
2531 | (function(module, exports, __webpack_require__) {
|
2532 |
|
2533 | "use strict";
|
2534 |
|
2535 |
|
2536 | Object.defineProperty(exports, "__esModule", {
|
2537 | value: true
|
2538 | });
|
2539 | exports.BaseX = undefined;
|
2540 |
|
2541 | var _templateObject = _taggedTemplateLiteral(['\n fill: none;\n stroke-width: 10;\n stroke-linecap: round;\n stroke: ', ';\n'], ['\n fill: none;\n stroke-width: 10;\n stroke-linecap: round;\n stroke: ', ';\n']);
|
2542 |
|
2543 | var _react = __webpack_require__(2);
|
2544 |
|
2545 | var _react2 = _interopRequireDefault(_react);
|
2546 |
|
2547 | var _propTypes = __webpack_require__(0);
|
2548 |
|
2549 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
2550 |
|
2551 | var _styledComponents = __webpack_require__(1);
|
2552 |
|
2553 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
2554 |
|
2555 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2556 |
|
2557 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
2558 |
|
2559 | var BaseX = function BaseX(_ref) {
|
2560 | var className = _ref.className;
|
2561 |
|
2562 | return _react2.default.createElement(
|
2563 | _react2.default.Fragment,
|
2564 | null,
|
2565 | _react2.default.createElement('polyline', { className: className, points: '155,30,30,155', fill: 'none', stroke: 'black' }),
|
2566 | _react2.default.createElement('polyline', { className: className, points: '30,30,155,155', fill: 'none', stroke: 'black' })
|
2567 | );
|
2568 | };
|
2569 |
|
2570 | var X = (0, _styledComponents2.default)(BaseX)(_templateObject, function (props) {
|
2571 | return props.theme.colors.white;
|
2572 | });
|
2573 |
|
2574 | X.propTypes = {
|
2575 | theme: _propTypes2.default.shape({
|
2576 | colors: _propTypes2.default.shape({
|
2577 | white: _propTypes2.default.string
|
2578 | })
|
2579 | })
|
2580 | };
|
2581 |
|
2582 | exports.default = X;
|
2583 | exports.BaseX = BaseX;
|
2584 |
|
2585 | }),
|
2586 |
|
2587 | (function(module, exports) {
|
2588 |
|
2589 | module.exports = require("react-input-mask");
|
2590 |
|
2591 | }),
|
2592 |
|
2593 | (function(module, exports) {
|
2594 |
|
2595 | module.exports = require("babel-runtime/regenerator");
|
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 |
|
2608 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
2609 |
|
2610 | var BrowserDetection = function BrowserDetection() {
|
2611 | _classCallCheck(this, BrowserDetection);
|
2612 | };
|
2613 |
|
2614 | BrowserDetection.isMobile = function () {
|
2615 | try {
|
2616 | document.createEvent('TouchEvent');
|
2617 | return true;
|
2618 | } catch (e) {
|
2619 | return false;
|
2620 | }
|
2621 | };
|
2622 |
|
2623 | exports.default = BrowserDetection;
|
2624 |
|
2625 | }),
|
2626 |
|
2627 | (function(module, exports, __webpack_require__) {
|
2628 |
|
2629 | "use strict";
|
2630 |
|
2631 |
|
2632 | Object.defineProperty(exports, "__esModule", {
|
2633 | value: true
|
2634 | });
|
2635 | exports.shotTypeSortOrder = undefined;
|
2636 |
|
2637 | 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; }; }();
|
2638 |
|
2639 | exports.default = withSortedShots;
|
2640 |
|
2641 | var _react = __webpack_require__(2);
|
2642 |
|
2643 | var _react2 = _interopRequireDefault(_react);
|
2644 |
|
2645 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2646 |
|
2647 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
2648 |
|
2649 | 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; }
|
2650 |
|
2651 | 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; }
|
2652 |
|
2653 | var shotTypeSortOrder = exports.shotTypeSortOrder = ['front', 'on_model', 'back', 'detail', 'other'];
|
2654 |
|
2655 | function withSortedShots(WrappedComponent) {
|
2656 | return function (_Component) {
|
2657 | _inherits(_class2, _Component);
|
2658 |
|
2659 | function _class2() {
|
2660 | var _ref;
|
2661 |
|
2662 | var _temp, _this, _ret;
|
2663 |
|
2664 | _classCallCheck(this, _class2);
|
2665 |
|
2666 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
2667 | args[_key] = arguments[_key];
|
2668 | }
|
2669 |
|
2670 | return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = _class2.__proto__ || Object.getPrototypeOf(_class2)).call.apply(_ref, [this].concat(args))), _this), _this.sortShots = function () {
|
2671 | var inShots = _this.props.shots;
|
2672 |
|
2673 | return inShots.sort(function (shot1, shot2) {
|
2674 | return shotTypeSortOrder.indexOf(shot1.shot_type) < shotTypeSortOrder.indexOf(shot2.shot_type) ? -1 : 1;
|
2675 | });
|
2676 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
2677 | }
|
2678 |
|
2679 | _createClass(_class2, [{
|
2680 | key: 'render',
|
2681 | value: function render() {
|
2682 | var product = this.props.product;
|
2683 |
|
2684 | var sortedShots = this.sortShots();
|
2685 | var shots = sortedShots.map(function (shot) {
|
2686 | return {
|
2687 | alt: product.name + ' ' + shot.shot_type,
|
2688 | src: shot.cloudinary_key
|
2689 | };
|
2690 | });
|
2691 | return _react2.default.createElement(WrappedComponent, Object.assign({}, this.props, { images: shots }));
|
2692 | }
|
2693 | }]);
|
2694 |
|
2695 | return _class2;
|
2696 | }(_react.Component);
|
2697 | }
|
2698 |
|
2699 | }),
|
2700 |
|
2701 | (function(module, exports, __webpack_require__) {
|
2702 |
|
2703 | "use strict";
|
2704 |
|
2705 |
|
2706 | Object.defineProperty(exports, "__esModule", {
|
2707 | value: true
|
2708 | });
|
2709 |
|
2710 | 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; }; }();
|
2711 |
|
2712 | exports.default = withSortedSizes;
|
2713 |
|
2714 | var _react = __webpack_require__(2);
|
2715 |
|
2716 | var _react2 = _interopRequireDefault(_react);
|
2717 |
|
2718 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2719 |
|
2720 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
2721 |
|
2722 | 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; }
|
2723 |
|
2724 | 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; }
|
2725 |
|
2726 | function withSortedSizes(WrappedComponent) {
|
2727 | return function (_Component) {
|
2728 | _inherits(_class2, _Component);
|
2729 |
|
2730 | function _class2() {
|
2731 | var _ref;
|
2732 |
|
2733 | var _temp, _this, _ret;
|
2734 |
|
2735 | _classCallCheck(this, _class2);
|
2736 |
|
2737 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
2738 | args[_key] = arguments[_key];
|
2739 | }
|
2740 |
|
2741 | return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = _class2.__proto__ || Object.getPrototypeOf(_class2)).call.apply(_ref, [this].concat(args))), _this), _this.sortVariantsBySize = function () {
|
2742 | var inVariants = _this.props.variants;
|
2743 |
|
2744 | var variantFilter = function variantFilter(variant, index, self) {
|
2745 | return index === self.findIndex(function (v) {
|
2746 | return v.id === variant.id;
|
2747 | });
|
2748 | };
|
2749 | var sizeMap = {
|
2750 | 'XXS': 20,
|
2751 | 'XS': 21,
|
2752 | 'S': 22,
|
2753 | 'M': 23,
|
2754 | 'L': 24,
|
2755 | 'XL': 25,
|
2756 | 'XXL': 26,
|
2757 | 'XS/S': 30,
|
2758 | 'M/L': 31
|
2759 | };
|
2760 | var variantSort = function variantSort(currentVariant, nextVariant) {
|
2761 | var currentVariantWeight = sizeMap[currentVariant.size.toUpperCase()] || parseInt(currentVariant.size, 10);
|
2762 | var nextVariantWeight = sizeMap[nextVariant.size.toUpperCase()] || parseInt(nextVariant.size, 10);
|
2763 | return currentVariantWeight > nextVariantWeight ? 1 : -1;
|
2764 | };
|
2765 | return inVariants.filter(variantFilter).sort(variantSort);
|
2766 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
2767 | }
|
2768 |
|
2769 | _createClass(_class2, [{
|
2770 | key: 'render',
|
2771 | value: function render() {
|
2772 | var sortedVariants = this.sortVariantsBySize();
|
2773 | return _react2.default.createElement(WrappedComponent, Object.assign({}, this.props, { variants: sortedVariants }));
|
2774 | }
|
2775 | }]);
|
2776 |
|
2777 | return _class2;
|
2778 | }(_react.Component);
|
2779 | }
|
2780 |
|
2781 | }),
|
2782 |
|
2783 | (function(module, exports, __webpack_require__) {
|
2784 |
|
2785 | __webpack_require__(45);
|
2786 | module.exports = __webpack_require__(3);
|
2787 |
|
2788 |
|
2789 | }),
|
2790 |
|
2791 | (function(module, exports, __webpack_require__) {
|
2792 |
|
2793 | "use strict";
|
2794 |
|
2795 |
|
2796 | if (typeof Promise === 'undefined') {
|
2797 |
|
2798 |
|
2799 |
|
2800 | __webpack_require__(46).enable();
|
2801 | window.Promise = __webpack_require__(47);
|
2802 | }
|
2803 |
|
2804 |
|
2805 |
|
2806 | Object.assign = __webpack_require__(48);
|
2807 |
|
2808 |
|
2809 |
|
2810 | if (false) {
|
2811 | require('raf').polyfill(global);
|
2812 | }
|
2813 |
|
2814 |
|
2815 | }),
|
2816 |
|
2817 | (function(module, exports) {
|
2818 |
|
2819 | module.exports = require("promise/lib/rejection-tracking");
|
2820 |
|
2821 | }),
|
2822 |
|
2823 | (function(module, exports) {
|
2824 |
|
2825 | module.exports = require("promise/lib/es6-extensions.js");
|
2826 |
|
2827 | }),
|
2828 |
|
2829 | (function(module, exports) {
|
2830 |
|
2831 | module.exports = require("object-assign");
|
2832 |
|
2833 | }),
|
2834 |
|
2835 | (function(module, exports, __webpack_require__) {
|
2836 |
|
2837 | "use strict";
|
2838 |
|
2839 |
|
2840 | Object.defineProperty(exports, "__esModule", {
|
2841 | value: true
|
2842 | });
|
2843 |
|
2844 | var _animations = __webpack_require__(50);
|
2845 |
|
2846 | Object.keys(_animations).forEach(function (key) {
|
2847 | if (key === "default" || key === "__esModule") return;
|
2848 | Object.defineProperty(exports, key, {
|
2849 | enumerable: true,
|
2850 | get: function get() {
|
2851 | return _animations[key];
|
2852 | }
|
2853 | });
|
2854 | });
|
2855 |
|
2856 | var _breakpoints = __webpack_require__(53);
|
2857 |
|
2858 | Object.keys(_breakpoints).forEach(function (key) {
|
2859 | if (key === "default" || key === "__esModule") return;
|
2860 | Object.defineProperty(exports, key, {
|
2861 | enumerable: true,
|
2862 | get: function get() {
|
2863 | return _breakpoints[key];
|
2864 | }
|
2865 | });
|
2866 | });
|
2867 |
|
2868 | var _grid = __webpack_require__(54);
|
2869 |
|
2870 | Object.keys(_grid).forEach(function (key) {
|
2871 | if (key === "default" || key === "__esModule") return;
|
2872 | Object.defineProperty(exports, key, {
|
2873 | enumerable: true,
|
2874 | get: function get() {
|
2875 | return _grid[key];
|
2876 | }
|
2877 | });
|
2878 | });
|
2879 |
|
2880 | var _icons = __webpack_require__(23);
|
2881 |
|
2882 | Object.keys(_icons).forEach(function (key) {
|
2883 | if (key === "default" || key === "__esModule") return;
|
2884 | Object.defineProperty(exports, key, {
|
2885 | enumerable: true,
|
2886 | get: function get() {
|
2887 | return _icons[key];
|
2888 | }
|
2889 | });
|
2890 | });
|
2891 |
|
2892 | var _image = __webpack_require__(132);
|
2893 |
|
2894 | Object.keys(_image).forEach(function (key) {
|
2895 | if (key === "default" || key === "__esModule") return;
|
2896 | Object.defineProperty(exports, key, {
|
2897 | enumerable: true,
|
2898 | get: function get() {
|
2899 | return _image[key];
|
2900 | }
|
2901 | });
|
2902 | });
|
2903 |
|
2904 | var _lists = __webpack_require__(139);
|
2905 |
|
2906 | Object.keys(_lists).forEach(function (key) {
|
2907 | if (key === "default" || key === "__esModule") return;
|
2908 | Object.defineProperty(exports, key, {
|
2909 | enumerable: true,
|
2910 | get: function get() {
|
2911 | return _lists[key];
|
2912 | }
|
2913 | });
|
2914 | });
|
2915 |
|
2916 | var _theme = __webpack_require__(7);
|
2917 |
|
2918 | Object.keys(_theme).forEach(function (key) {
|
2919 | if (key === "default" || key === "__esModule") return;
|
2920 | Object.defineProperty(exports, key, {
|
2921 | enumerable: true,
|
2922 | get: function get() {
|
2923 | return _theme[key];
|
2924 | }
|
2925 | });
|
2926 | });
|
2927 |
|
2928 | var _typography = __webpack_require__(25);
|
2929 |
|
2930 | Object.keys(_typography).forEach(function (key) {
|
2931 | if (key === "default" || key === "__esModule") return;
|
2932 | Object.defineProperty(exports, key, {
|
2933 | enumerable: true,
|
2934 | get: function get() {
|
2935 | return _typography[key];
|
2936 | }
|
2937 | });
|
2938 | });
|
2939 |
|
2940 | var _video = __webpack_require__(159);
|
2941 |
|
2942 | Object.keys(_video).forEach(function (key) {
|
2943 | if (key === "default" || key === "__esModule") return;
|
2944 | Object.defineProperty(exports, key, {
|
2945 | enumerable: true,
|
2946 | get: function get() {
|
2947 | return _video[key];
|
2948 | }
|
2949 | });
|
2950 | });
|
2951 |
|
2952 | }),
|
2953 |
|
2954 | (function(module, exports, __webpack_require__) {
|
2955 |
|
2956 | "use strict";
|
2957 |
|
2958 |
|
2959 | Object.defineProperty(exports, "__esModule", {
|
2960 | value: true
|
2961 | });
|
2962 |
|
2963 | var _FadeInOut = __webpack_require__(51);
|
2964 |
|
2965 | Object.defineProperty(exports, 'FadeInOut', {
|
2966 | enumerable: true,
|
2967 | get: function get() {
|
2968 | return _interopRequireDefault(_FadeInOut).default;
|
2969 | }
|
2970 | });
|
2971 |
|
2972 | var _Wiggle = __webpack_require__(52);
|
2973 |
|
2974 | Object.defineProperty(exports, 'Wiggle', {
|
2975 | enumerable: true,
|
2976 | get: function get() {
|
2977 | return _interopRequireDefault(_Wiggle).default;
|
2978 | }
|
2979 | });
|
2980 |
|
2981 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
2982 |
|
2983 | }),
|
2984 |
|
2985 | (function(module, exports, __webpack_require__) {
|
2986 |
|
2987 | "use strict";
|
2988 |
|
2989 |
|
2990 | Object.defineProperty(exports, "__esModule", {
|
2991 | value: true
|
2992 | });
|
2993 |
|
2994 | 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']),
|
2995 | _templateObject2 = _taggedTemplateLiteral(['\n animation: ', ' ', 's ease-in-out ', ';\n'], ['\n animation: ', ' ', 's ease-in-out ', ';\n']);
|
2996 |
|
2997 | var _react = __webpack_require__(2);
|
2998 |
|
2999 | var _react2 = _interopRequireDefault(_react);
|
3000 |
|
3001 | var _propTypes = __webpack_require__(0);
|
3002 |
|
3003 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3004 |
|
3005 | var _styledComponents = __webpack_require__(1);
|
3006 |
|
3007 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3008 |
|
3009 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3010 |
|
3011 | 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; }
|
3012 |
|
3013 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3014 |
|
3015 | var animation = (0, _styledComponents.keyframes)(_templateObject);
|
3016 |
|
3017 | var FadeInOut = (0, _styledComponents2.default)(function (_ref) {
|
3018 | var className = _ref.className,
|
3019 | children = _ref.children,
|
3020 | props = _objectWithoutProperties(_ref, ['className', 'children']);
|
3021 |
|
3022 | return _react2.default.cloneElement(children, {
|
3023 | className: '' + (children.props.className ? children.props.className + ' ' : '') + className
|
3024 | });
|
3025 | })(_templateObject2, animation, function (props) {
|
3026 | return props.duration;
|
3027 | }, function (props) {
|
3028 | return props.iteration;
|
3029 | });
|
3030 |
|
3031 | FadeInOut.propTypes = {
|
3032 | duration: _propTypes2.default.number,
|
3033 | iteration: _propTypes2.default.string
|
3034 | };
|
3035 |
|
3036 | FadeInOut.defaultProps = {
|
3037 | duration: 5,
|
3038 | iteration: 'infinite'
|
3039 |
|
3040 |
|
3041 | };exports.default = FadeInOut;
|
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 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']),
|
3055 | _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']);
|
3056 |
|
3057 | var _styledComponents = __webpack_require__(1);
|
3058 |
|
3059 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3060 |
|
3061 | var wiggle = (0, _styledComponents.keyframes)(_templateObject);
|
3062 |
|
3063 | var style = (0, _styledComponents.css)(_templateObject2, wiggle);
|
3064 | exports.default = style;
|
3065 |
|
3066 | }),
|
3067 |
|
3068 | (function(module, exports, __webpack_require__) {
|
3069 |
|
3070 | "use strict";
|
3071 |
|
3072 |
|
3073 | Object.defineProperty(exports, "__esModule", {
|
3074 | value: true
|
3075 | });
|
3076 | exports.TabletMax = exports.Tablet = exports.Mobile = exports.Laptop = exports.Desktop = exports.Default = undefined;
|
3077 |
|
3078 | var _templateObject = _taggedTemplateLiteral(['\ndisplay: none;\n', '\n'], ['\ndisplay: none;\n', '\n']),
|
3079 | _templateObject2 = _taggedTemplateLiteral(['\n display: ', ';\n'], ['\n display: ', ';\n']),
|
3080 | _templateObject3 = _taggedTemplateLiteral(['\ndisplay: none;\n', '\n', '\n'], ['\ndisplay: none;\n', '\n', '\n']),
|
3081 | _templateObject4 = _taggedTemplateLiteral(['\n display: none;\n ', '\n ', '\n'], ['\n display: none;\n ', '\n ', '\n']),
|
3082 | _templateObject5 = _taggedTemplateLiteral(['\n display: ', ';\n '], ['\n display: ', ';\n ']),
|
3083 | _templateObject6 = _taggedTemplateLiteral(['\ndisplay: ', ';\n', '\n'], ['\ndisplay: ', ';\n', '\n']),
|
3084 | _templateObject7 = _taggedTemplateLiteral(['\n display: none;\n'], ['\n display: none;\n']),
|
3085 | _templateObject8 = _taggedTemplateLiteral(['\n display: ', ';\n'], ['\n display: ', ';\n']);
|
3086 |
|
3087 | var _react = __webpack_require__(2);
|
3088 |
|
3089 | var _react2 = _interopRequireDefault(_react);
|
3090 |
|
3091 | var _propTypes = __webpack_require__(0);
|
3092 |
|
3093 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3094 |
|
3095 | var _styledComponents = __webpack_require__(1);
|
3096 |
|
3097 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3098 |
|
3099 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3100 |
|
3101 | 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; }
|
3102 |
|
3103 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3104 |
|
3105 | var Desktop = (0, _styledComponents2.default)(function (_ref) {
|
3106 | var element = _ref.element,
|
3107 | children = _ref.children,
|
3108 | props = _objectWithoutProperties(_ref, ['element', 'children']);
|
3109 |
|
3110 | return _react2.default.createElement(element, props, children);
|
3111 | })(_templateObject, function (props) {
|
3112 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject2, function (props) {
|
3113 | return props.display;
|
3114 | });
|
3115 | });
|
3116 |
|
3117 | Desktop.propTypes = {
|
3118 | children: _propTypes2.default.node,
|
3119 | className: _propTypes2.default.string,
|
3120 | element: _propTypes2.default.node
|
3121 | };
|
3122 | Desktop.defaultProps = {
|
3123 | display: 'block',
|
3124 | element: 'div'
|
3125 | };
|
3126 |
|
3127 | var Laptop = (0, _styledComponents2.default)(function (_ref2) {
|
3128 | var element = _ref2.element,
|
3129 | children = _ref2.children,
|
3130 | props = _objectWithoutProperties(_ref2, ['element', 'children']);
|
3131 |
|
3132 | return _react2.default.createElement(element, props, children);
|
3133 | })(_templateObject, function (props) {
|
3134 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject2, function (props) {
|
3135 | return props.display;
|
3136 | });
|
3137 | });
|
3138 |
|
3139 | Laptop.propTypes = {
|
3140 | children: _propTypes2.default.node,
|
3141 | className: _propTypes2.default.string,
|
3142 | element: _propTypes2.default.node
|
3143 | };
|
3144 | Laptop.defaultProps = {
|
3145 | display: 'block',
|
3146 | element: 'div'
|
3147 | };
|
3148 |
|
3149 | var Tablet = (0, _styledComponents2.default)(function (_ref3) {
|
3150 | var element = _ref3.element,
|
3151 | children = _ref3.children,
|
3152 | props = _objectWithoutProperties(_ref3, ['element', 'children']);
|
3153 |
|
3154 | delete props.laptopDisplay;
|
3155 | return _react2.default.createElement(element, props, children);
|
3156 | })(_templateObject3, function (props) {
|
3157 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2, function (props) {
|
3158 | return props.display;
|
3159 | });
|
3160 | }, function (props) {
|
3161 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject2, function (props) {
|
3162 | return props.laptopDisplay;
|
3163 | });
|
3164 | });
|
3165 |
|
3166 | Tablet.propTypes = {
|
3167 | children: _propTypes2.default.node,
|
3168 | className: _propTypes2.default.string,
|
3169 | element: _propTypes2.default.node
|
3170 | };
|
3171 | Tablet.defaultProps = {
|
3172 | display: 'block',
|
3173 | element: 'div',
|
3174 | laptopDisplay: 'none'
|
3175 | };
|
3176 |
|
3177 | var TabletMax = (0, _styledComponents2.default)(function (_ref4) {
|
3178 | var element = _ref4.element,
|
3179 | children = _ref4.children,
|
3180 | props = _objectWithoutProperties(_ref4, ['element', 'children']);
|
3181 |
|
3182 | delete props.laptopDisplay;
|
3183 | return _react2.default.createElement(element, props, children);
|
3184 | })(_templateObject4, function (props) {
|
3185 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject5, function (props) {
|
3186 | return props.display;
|
3187 | });
|
3188 | }, function (props) {
|
3189 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject5, function (props) {
|
3190 | return props.laptopDisplay;
|
3191 | });
|
3192 | });
|
3193 |
|
3194 | TabletMax.propTypes = {
|
3195 | children: _propTypes2.default.node,
|
3196 | className: _propTypes2.default.string,
|
3197 | element: _propTypes2.default.node
|
3198 | };
|
3199 | TabletMax.defaultProps = {
|
3200 | display: 'block',
|
3201 | element: 'div',
|
3202 | laptopDisplay: 'none'
|
3203 | };
|
3204 |
|
3205 | var Mobile = (0, _styledComponents2.default)(function (_ref5) {
|
3206 | var element = _ref5.element,
|
3207 | children = _ref5.children,
|
3208 | props = _objectWithoutProperties(_ref5, ['element', 'children']);
|
3209 |
|
3210 | return _react2.default.createElement(element, props, children);
|
3211 | })(_templateObject6, function (props) {
|
3212 | return props.display;
|
3213 | }, function (props) {
|
3214 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject7);
|
3215 | });
|
3216 |
|
3217 | Mobile.propTypes = {
|
3218 | children: _propTypes2.default.node,
|
3219 | className: _propTypes2.default.string,
|
3220 | element: _propTypes2.default.node
|
3221 | };
|
3222 | Mobile.defaultProps = {
|
3223 | display: 'block',
|
3224 | element: 'div'
|
3225 | };
|
3226 |
|
3227 | var Default = (0, _styledComponents2.default)(function (_ref6) {
|
3228 | var element = _ref6.element,
|
3229 | children = _ref6.children,
|
3230 | props = _objectWithoutProperties(_ref6, ['element', 'children']);
|
3231 |
|
3232 | delete props.displayTarget;
|
3233 | return _react2.default.createElement(element, props, children);
|
3234 | })(_templateObject, function (props) {
|
3235 | return props.theme.breakpointsVerbose[props.displayTarget](_templateObject8, function (props) {
|
3236 | return props.display;
|
3237 | });
|
3238 | });
|
3239 |
|
3240 | Default.propTypes = {
|
3241 | children: _propTypes2.default.node,
|
3242 | className: _propTypes2.default.string,
|
3243 | element: _propTypes2.default.node,
|
3244 | displayTarget: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number])
|
3245 | };
|
3246 | Default.defaultProps = {
|
3247 | display: 'block',
|
3248 | element: 'div',
|
3249 | displayTarget: 'belowTabletMax'
|
3250 | };
|
3251 |
|
3252 | exports.Default = Default;
|
3253 | exports.Desktop = Desktop;
|
3254 | exports.Laptop = Laptop;
|
3255 | exports.Mobile = Mobile;
|
3256 | exports.Tablet = Tablet;
|
3257 | exports.TabletMax = TabletMax;
|
3258 |
|
3259 | }),
|
3260 |
|
3261 | (function(module, exports, __webpack_require__) {
|
3262 |
|
3263 | "use strict";
|
3264 |
|
3265 |
|
3266 | Object.defineProperty(exports, "__esModule", {
|
3267 | value: true
|
3268 | });
|
3269 |
|
3270 | var _grid = __webpack_require__(55);
|
3271 |
|
3272 | Object.defineProperty(exports, 'Grid', {
|
3273 | enumerable: true,
|
3274 | get: function get() {
|
3275 | return _interopRequireDefault(_grid).default;
|
3276 | }
|
3277 | });
|
3278 |
|
3279 | var _sizer = __webpack_require__(56);
|
3280 |
|
3281 | Object.defineProperty(exports, 'Sizer', {
|
3282 | enumerable: true,
|
3283 | get: function get() {
|
3284 | return _interopRequireDefault(_sizer).default;
|
3285 | }
|
3286 | });
|
3287 |
|
3288 | var _flexRow = __webpack_require__(57);
|
3289 |
|
3290 | Object.defineProperty(exports, 'FlexRow', {
|
3291 | enumerable: true,
|
3292 | get: function get() {
|
3293 | return _interopRequireDefault(_flexRow).default;
|
3294 | }
|
3295 | });
|
3296 |
|
3297 | var _flexCol = __webpack_require__(59);
|
3298 |
|
3299 | Object.defineProperty(exports, 'FlexCol', {
|
3300 | enumerable: true,
|
3301 | get: function get() {
|
3302 | return _interopRequireDefault(_flexCol).default;
|
3303 | }
|
3304 | });
|
3305 |
|
3306 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3307 |
|
3308 | }),
|
3309 |
|
3310 | (function(module, exports, __webpack_require__) {
|
3311 |
|
3312 | "use strict";
|
3313 |
|
3314 |
|
3315 | Object.defineProperty(exports, "__esModule", {
|
3316 | value: true
|
3317 | });
|
3318 |
|
3319 | 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']),
|
3320 | _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']),
|
3321 | _templateObject3 = _taggedTemplateLiteral(['', ''], ['', '']);
|
3322 |
|
3323 | var _react = __webpack_require__(2);
|
3324 |
|
3325 | var _react2 = _interopRequireDefault(_react);
|
3326 |
|
3327 | var _propTypes = __webpack_require__(0);
|
3328 |
|
3329 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3330 |
|
3331 | var _styledComponents = __webpack_require__(1);
|
3332 |
|
3333 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3334 |
|
3335 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3336 |
|
3337 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3338 |
|
3339 | var TwelveColGrid = (0, _styledComponents.css)(_templateObject, function (props) {
|
3340 | return props.theme.grid.columns.desktop;
|
3341 | }, function (props) {
|
3342 | return props.theme.grid.gutter;
|
3343 | }, function (props) {
|
3344 | return props.theme.grid.margins.desktop;
|
3345 | });
|
3346 |
|
3347 | var Grid = (0, _styledComponents2.default)(function (_ref) {
|
3348 | var className = _ref.className,
|
3349 | children = _ref.children;
|
3350 |
|
3351 | return _react2.default.createElement(
|
3352 | 'div',
|
3353 | { className: className },
|
3354 | children
|
3355 | );
|
3356 | })(_templateObject2, function (props) {
|
3357 | return props.theme.grid.gutter;
|
3358 | }, function (props) {
|
3359 | return props.theme.grid.margins.mobile;
|
3360 | }, function (props) {
|
3361 | return props.theme.grid.gutter;
|
3362 | }, function (props) {
|
3363 | return props.theme.grid.columns.mobile;
|
3364 | }, function (props) {
|
3365 | return props.theme.media.tablet(_templateObject3, TwelveColGrid);
|
3366 | }, function (props) {
|
3367 | return props.debug && '> * {\n background-color: hsl(200, 33%, 96%);\n }';
|
3368 | });
|
3369 |
|
3370 | Grid.propTypes = {
|
3371 | debug: _propTypes2.default.bool,
|
3372 | theme: _propTypes2.default.shape({
|
3373 | media: _propTypes2.default.shape({
|
3374 | tablet: _propTypes2.default.func,
|
3375 | desktop: _propTypes2.default.func
|
3376 | }),
|
3377 | grid: _propTypes2.default.shape({
|
3378 | columns: _propTypes2.default.shape({
|
3379 | mobile: _propTypes2.default.number,
|
3380 | tablet: _propTypes2.default.number,
|
3381 | desktop: _propTypes2.default.number
|
3382 | }),
|
3383 | gutter: _propTypes2.default.string,
|
3384 | margins: _propTypes2.default.shape({
|
3385 | mobile: _propTypes2.default.number,
|
3386 | tablet: _propTypes2.default.number,
|
3387 | desktop: _propTypes2.default.number
|
3388 | })
|
3389 | })
|
3390 | })
|
3391 |
|
3392 |
|
3393 | };exports.default = Grid;
|
3394 |
|
3395 | }),
|
3396 |
|
3397 | (function(module, exports, __webpack_require__) {
|
3398 |
|
3399 | "use strict";
|
3400 |
|
3401 |
|
3402 | Object.defineProperty(exports, "__esModule", {
|
3403 | value: true
|
3404 | });
|
3405 |
|
3406 | 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']),
|
3407 | _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']),
|
3408 | _templateObject3 = _taggedTemplateLiteral(['', ''], ['', '']);
|
3409 |
|
3410 | var _propTypes = __webpack_require__(0);
|
3411 |
|
3412 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3413 |
|
3414 | var _styledComponents = __webpack_require__(1);
|
3415 |
|
3416 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3417 |
|
3418 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3419 |
|
3420 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3421 |
|
3422 | var DesktopSizer = (0, _styledComponents.css)(_templateObject, function (props) {
|
3423 | return props.desktop.width;
|
3424 | }, function (props) {
|
3425 | return props.theme.grid.columns.desktop;
|
3426 | }, function (props) {
|
3427 | return props.theme.grid.gutter / 2;
|
3428 | }, function (props) {
|
3429 | return props.desktop.start ? 'grid-column-start: ' + props.desktop.start + ';' : '';
|
3430 | }, function (props) {
|
3431 | if (props.desktop.start) {
|
3432 | return props.desktop.start + props.desktop.width;
|
3433 | } else {
|
3434 | return 'span ' + props.desktop.width;
|
3435 | }
|
3436 | });
|
3437 |
|
3438 | var desktopFallback = function desktopFallback(props, key) {
|
3439 | if (props.tablet && props.tablet[key]) {
|
3440 | return props.tablet[key];
|
3441 | }
|
3442 | return props.desktop[key];
|
3443 | };
|
3444 |
|
3445 | var TabletSizer = (0, _styledComponents.css)(_templateObject, function (props) {
|
3446 | return desktopFallback(props, 'width');
|
3447 | }, function (props) {
|
3448 | return props.theme.grid.columns.tablet;
|
3449 | }, function (props) {
|
3450 | return props.theme.grid.gutter / 2;
|
3451 | }, function (props) {
|
3452 | return desktopFallback(props, 'start') ? 'grid-column-start: ' + desktopFallback(props, 'start') + ';' : '';
|
3453 | }, function (props) {
|
3454 | if (desktopFallback(props, 'start')) {
|
3455 | return desktopFallback(props, 'start') + desktopFallback(props, 'width');
|
3456 | } else {
|
3457 | return 'span ' + desktopFallback(props, 'width');
|
3458 | }
|
3459 | });
|
3460 | var Sizer = _styledComponents2.default.div(_templateObject2, function (props) {
|
3461 | return props.mobile.width;
|
3462 | }, function (props) {
|
3463 | return props.theme.grid.columns.mobile;
|
3464 | }, function (props) {
|
3465 | return props.theme.grid.gutter / 2;
|
3466 | }, function (props) {
|
3467 | return props.mobile.start ? 'grid-column-start: ' + props.mobile.start + ';' : '';
|
3468 | }, function (props) {
|
3469 | if (props.mobile.start) {
|
3470 | return props.mobile.start + props.mobile.width;
|
3471 | } else {
|
3472 | return 'span ' + props.mobile.width;
|
3473 | }
|
3474 | }, function (props) {
|
3475 | return props.theme.media.tablet(_templateObject3, TabletSizer);
|
3476 | }, function (props) {
|
3477 | return props.theme.media.desktop(_templateObject3, DesktopSizer);
|
3478 | });
|
3479 |
|
3480 | Sizer.defaultProps = {
|
3481 | desktop: {
|
3482 | width: 12
|
3483 | },
|
3484 | mobile: {
|
3485 | width: 4
|
3486 | }
|
3487 | };
|
3488 |
|
3489 | Sizer.propTypes = {
|
3490 | desktop: _propTypes2.default.shape({
|
3491 | width: _propTypes2.default.number,
|
3492 | start: _propTypes2.default.number
|
3493 | }),
|
3494 | mobile: _propTypes2.default.shape({
|
3495 | width: _propTypes2.default.number,
|
3496 | start: _propTypes2.default.number
|
3497 | })
|
3498 |
|
3499 |
|
3500 | };exports.default = Sizer;
|
3501 |
|
3502 | }),
|
3503 |
|
3504 | (function(module, exports, __webpack_require__) {
|
3505 |
|
3506 | "use strict";
|
3507 |
|
3508 |
|
3509 | Object.defineProperty(exports, "__esModule", {
|
3510 | value: true
|
3511 | });
|
3512 |
|
3513 | var _templateObject = _taggedTemplateLiteral(['\n max-width: 1440px;\n margin: 0 auto;\n'], ['\n max-width: 1440px;\n margin: 0 auto;\n']),
|
3514 | _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']),
|
3515 | _templateObject3 = _taggedTemplateLiteral(['\n margin-left: 20px;\n margin-right: 20px;\n '], ['\n margin-left: 20px;\n margin-right: 20px;\n ']),
|
3516 | _templateObject4 = _taggedTemplateLiteral(['\n padding: 0;\n ', '\n'], ['\n padding: 0;\n ', '\n']),
|
3517 | _templateObject5 = _taggedTemplateLiteral(['\n padding: 0 7%;\n '], ['\n padding: 0 7%;\n ']),
|
3518 | _templateObject6 = _taggedTemplateLiteral(['\n box-sizing: border-box;\n flex-basis: 100%;\n display: flex;\n flex-wrap: wrap;\n ', '\n ', '\n align-content: ', '\n'], ['\n box-sizing: border-box;\n flex-basis: 100%;\n display: flex;\n flex-wrap: wrap;\n ', '\n ', '\n align-content: ', '\n']);
|
3519 |
|
3520 | var _propTypes = __webpack_require__(0);
|
3521 |
|
3522 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3523 |
|
3524 | var _styledComponents = __webpack_require__(1);
|
3525 |
|
3526 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3527 |
|
3528 | var _flexRow = __webpack_require__(58);
|
3529 |
|
3530 | var _flexRow2 = _interopRequireDefault(_flexRow);
|
3531 |
|
3532 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3533 |
|
3534 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3535 |
|
3536 | var constrained = (0, _styledComponents.css)(_templateObject);
|
3537 |
|
3538 | var notConstrained = (0, _styledComponents.css)(_templateObject2, function (props) {
|
3539 | return props.theme.breakpointsVerbose.abovePhoneMax(_templateObject3);
|
3540 | });
|
3541 |
|
3542 | var padding = (0, _styledComponents.css)(_templateObject4, function (props) {
|
3543 | return props.theme.breakpointsVerbose.abovePhoneMax(_templateObject5);
|
3544 | });
|
3545 |
|
3546 | var FlexRow = (0, _styledComponents2.default)(_flexRow2.default)(_templateObject6, function (props) {
|
3547 | return props.constrained ? constrained : notConstrained;
|
3548 | }, function (props) {
|
3549 | return props.padding && padding;
|
3550 | }, function (props) {
|
3551 | return props.align;
|
3552 | });
|
3553 |
|
3554 | FlexRow.propTypes = {
|
3555 | element: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
|
3556 | constrained: _propTypes2.default.bool,
|
3557 | padding: _propTypes2.default.bool
|
3558 | };
|
3559 |
|
3560 | FlexRow.defaultProps = {
|
3561 | element: 'div',
|
3562 | align: 'flex-start'
|
3563 |
|
3564 | };exports.default = FlexRow;
|
3565 |
|
3566 | }),
|
3567 |
|
3568 | (function(module, exports, __webpack_require__) {
|
3569 |
|
3570 | "use strict";
|
3571 |
|
3572 |
|
3573 | Object.defineProperty(exports, "__esModule", {
|
3574 | value: true
|
3575 | });
|
3576 |
|
3577 | var _react = __webpack_require__(2);
|
3578 |
|
3579 | var _react2 = _interopRequireDefault(_react);
|
3580 |
|
3581 | var _propTypes = __webpack_require__(0);
|
3582 |
|
3583 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3584 |
|
3585 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3586 |
|
3587 | 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; }
|
3588 |
|
3589 | var BaseFlexRow = function BaseFlexRow(_ref) {
|
3590 | var children = _ref.children,
|
3591 | element = _ref.element,
|
3592 | props = _objectWithoutProperties(_ref, ['children', 'element']);
|
3593 |
|
3594 | delete props.constrained;
|
3595 | delete props.padding;
|
3596 | return _react2.default.createElement(element, props, children);
|
3597 | };
|
3598 |
|
3599 | BaseFlexRow.propTypes = {
|
3600 | element: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object])
|
3601 | };
|
3602 |
|
3603 | exports.default = BaseFlexRow;
|
3604 |
|
3605 | }),
|
3606 |
|
3607 | (function(module, exports, __webpack_require__) {
|
3608 |
|
3609 | "use strict";
|
3610 |
|
3611 |
|
3612 | Object.defineProperty(exports, "__esModule", {
|
3613 | value: true
|
3614 | });
|
3615 |
|
3616 | var _templateObject = _taggedTemplateLiteral(['\n margin-left: ', ';\n '], ['\n margin-left: ', ';\n ']),
|
3617 | _templateObject2 = _taggedTemplateLiteral(['\n margin-left: 0;\n '], ['\n margin-left: 0;\n ']),
|
3618 | _templateObject3 = _taggedTemplateLiteral(['\n box-sizing: border-box;\n max-width: ', ';\n flex-basis: ', ';\n ', '\n ', '\n ', '\n\n ', '\n'], ['\n box-sizing: border-box;\n max-width: ', ';\n flex-basis: ', ';\n ', '\n ', '\n ', '\n\n ', '\n']),
|
3619 | _templateObject4 = _taggedTemplateLiteral(['\n max-width: ', ';\n flex-basis: ', ';\n ', '\n ', '\n '], ['\n max-width: ', ';\n flex-basis: ', ';\n ', '\n ', '\n ']),
|
3620 | _templateObject5 = _taggedTemplateLiteral(['\n max-width: ', ';\n flex-basis: ', ';\n ', '\n '], ['\n max-width: ', ';\n flex-basis: ', ';\n ', '\n ']);
|
3621 |
|
3622 | var _propTypes = __webpack_require__(0);
|
3623 |
|
3624 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3625 |
|
3626 | var _styledComponents = __webpack_require__(1);
|
3627 |
|
3628 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3629 |
|
3630 | var _theme = __webpack_require__(7);
|
3631 |
|
3632 | var _flexCol = __webpack_require__(65);
|
3633 |
|
3634 | var _flexCol2 = _interopRequireDefault(_flexCol);
|
3635 |
|
3636 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3637 |
|
3638 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3639 |
|
3640 | var columnToPercent = function columnToPercent(elementWidth, containerWidth) {
|
3641 | return 100 * (elementWidth / containerWidth) + '%';
|
3642 | };
|
3643 |
|
3644 | var spanner = function spanner(props, breakpoint) {
|
3645 | if (props[breakpoint].span) {
|
3646 | return (0, _styledComponents.css)(_templateObject, function (props) {
|
3647 | return props[breakpoint].nested ? columnToPercent(props[breakpoint].span, props[breakpoint].nested) : columnToPercent(props[breakpoint].span, props.columns.desktop);
|
3648 | });
|
3649 | } else {
|
3650 | return (0, _styledComponents.css)(_templateObject2);
|
3651 | }
|
3652 | };
|
3653 |
|
3654 | var FlexCol = (0, _styledComponents2.default)(_flexCol2.default)(_templateObject3, function (props) {
|
3655 | return props.mobile.nested ? columnToPercent(props.mobile.width, props.mobile.nested) : columnToPercent(props.mobile.width, props.columns.mobile);
|
3656 | }, function (props) {
|
3657 | return props.mobile.nested ? columnToPercent(props.mobile.width, props.mobile.nested) : columnToPercent(props.mobile.width, props.columns.mobile);
|
3658 | }, function (props) {
|
3659 | return spanner(props, 'mobile');
|
3660 | }, function (props) {
|
3661 | return props.nested ? '\n padding-left: 0;\n padding-right: 0;\n ' : '\n padding-left: ' + (props.gutter || '0.5rem') + ';\n padding-right: ' + (props.gutter || '0.5rem') + ';\n ';
|
3662 | }, function (props) {
|
3663 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject4, function (props) {
|
3664 | return props.tablet.nested ? columnToPercent(props.tablet.width, props.tablet.nested) : columnToPercent(props.tablet.width, props.columns.desktop);
|
3665 | }, function (props) {
|
3666 | return props.tablet.nested ? columnToPercent(props.tablet.width, props.tablet.nested) : columnToPercent(props.tablet.width, props.columns.desktop);
|
3667 | }, function (props) {
|
3668 | return spanner(props, 'tablet');
|
3669 | }, function (props) {
|
3670 | return props.nested ? '\n padding-left: 0;\n padding-right: 0;\n ' : '\n padding-left: ' + (props.gutter || '1rem') + ';\n padding-right: ' + (props.gutter || '1rem') + ';\n ';
|
3671 | });
|
3672 | }, function (props) {
|
3673 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject5, function (props) {
|
3674 | return props.desktop.nested ? columnToPercent(props.desktop.width, props.desktop.nested) : columnToPercent(props.desktop.width, props.columns.desktop);
|
3675 | }, function (props) {
|
3676 | return props.desktop.nested ? columnToPercent(props.desktop.width, props.desktop.nested) : columnToPercent(props.desktop.width, props.columns.desktop);
|
3677 | }, function (props) {
|
3678 | return spanner(props, 'desktop');
|
3679 | });
|
3680 | });
|
3681 |
|
3682 | FlexCol.propTypes = {
|
3683 | element: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element, _propTypes2.default.node, _propTypes2.default.func]),
|
3684 | children: _propTypes2.default.node,
|
3685 | mobile: _propTypes2.default.shape({
|
3686 | width: _propTypes2.default.number.isRequired,
|
3687 | span: _propTypes2.default.number,
|
3688 | nested: _propTypes2.default.number
|
3689 | }),
|
3690 | tablet: _propTypes2.default.shape({
|
3691 | width: _propTypes2.default.number,
|
3692 | span: _propTypes2.default.number,
|
3693 | nested: _propTypes2.default.number
|
3694 | }),
|
3695 | desktop: _propTypes2.default.shape({
|
3696 | width: _propTypes2.default.number.isRequired,
|
3697 | span: _propTypes2.default.number,
|
3698 | nested: _propTypes2.default.number
|
3699 | })
|
3700 | };
|
3701 |
|
3702 | FlexCol.defaultProps = {
|
3703 | element: 'div',
|
3704 | mobile: {
|
3705 | width: 4
|
3706 | },
|
3707 | desktop: {
|
3708 | width: 12
|
3709 | },
|
3710 | tablet: {
|
3711 | width: 12
|
3712 | },
|
3713 | columns: {
|
3714 | mobile: _theme.theme.grid.columns.mobile,
|
3715 | desktop: _theme.theme.grid.columns.desktop
|
3716 | }
|
3717 |
|
3718 |
|
3719 | };exports.default = FlexCol;
|
3720 |
|
3721 | }),
|
3722 |
|
3723 | (function(module, exports, __webpack_require__) {
|
3724 |
|
3725 | "use strict";
|
3726 |
|
3727 |
|
3728 | Object.defineProperty(exports, "__esModule", {
|
3729 | value: true
|
3730 | });
|
3731 |
|
3732 | var _templateObject = _taggedTemplateLiteral(['\n html {\n font-size: ', 'px;\n }\n'], ['\n html {\n font-size: ', 'px;\n }\n']);
|
3733 |
|
3734 | var _styledComponents = __webpack_require__(1);
|
3735 |
|
3736 | var _colors = __webpack_require__(61);
|
3737 |
|
3738 | var _mediaQueries = __webpack_require__(62);
|
3739 |
|
3740 | var _mediaQueries2 = _interopRequireDefault(_mediaQueries);
|
3741 |
|
3742 | var _fontFamilies = __webpack_require__(63);
|
3743 |
|
3744 | var _fontFamilies2 = _interopRequireDefault(_fontFamilies);
|
3745 |
|
3746 | var _gridSettings = __webpack_require__(64);
|
3747 |
|
3748 | var _gridSettings2 = _interopRequireDefault(_gridSettings);
|
3749 |
|
3750 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3751 |
|
3752 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3753 |
|
3754 | var basePxSize = 10;
|
3755 |
|
3756 | var base = (0, _styledComponents.injectGlobal)(_templateObject, basePxSize);
|
3757 |
|
3758 | exports.default = {
|
3759 | base: base,
|
3760 | basePxSize: basePxSize,
|
3761 | breakpoints: _mediaQueries.breakpoints,
|
3762 | breakpointsVerbose: _mediaQueries.breakpointsVerbose,
|
3763 | colors: _colors.colors,
|
3764 | fixedPosition: 'relative',
|
3765 | fonts: _fontFamilies2.default,
|
3766 | grid: _gridSettings2.default,
|
3767 | media: _mediaQueries2.default,
|
3768 | sizes: _mediaQueries.sizes
|
3769 | };
|
3770 |
|
3771 | }),
|
3772 |
|
3773 | (function(module, exports, __webpack_require__) {
|
3774 |
|
3775 | "use strict";
|
3776 |
|
3777 |
|
3778 | Object.defineProperty(exports, "__esModule", {
|
3779 | value: true
|
3780 | });
|
3781 | exports.colors = undefined;
|
3782 |
|
3783 | 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']);
|
3784 |
|
3785 | var _styledComponents = __webpack_require__(1);
|
3786 |
|
3787 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
3788 |
|
3789 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3790 |
|
3791 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3792 |
|
3793 |
|
3794 | exports.default = _styledComponents2.default.div(_templateObject, function (props) {
|
3795 | return colors[props.color];
|
3796 | });
|
3797 |
|
3798 |
|
3799 | var brandColors = {
|
3800 | rocketBlue: '#0073D1',
|
3801 | rocketBlueHover: '#0073EB',
|
3802 | navy: '#00003C',
|
3803 | yellow: '#F0FF02',
|
3804 | yellowHover: '#D8E320',
|
3805 | lightBlue0: '#EEFCFF',
|
3806 | lightBlue1: '#BCE1F7',
|
3807 | lightBlue2: '#76C2F3',
|
3808 | lightBlue: ['#EEFCFF', '#BCE1F7', '#76C2F3'],
|
3809 | electricBlue: '#080CF1',
|
3810 | lightPink: '#FBDDE4',
|
3811 | pink: '#FEACBE',
|
3812 | white: '#FFFFFF',
|
3813 | flameOrange: '#FF511C'
|
3814 | };
|
3815 |
|
3816 | var supportingColors = {
|
3817 | black: '#000000',
|
3818 | gray0: '#F3F3F3',
|
3819 | gray1: '#F5F5F5',
|
3820 | gray2: '#F8F8F8',
|
3821 | gray3: '#E6E6E6',
|
3822 | gray4: '#D5D5D5',
|
3823 | gray5: '#CFCFCF',
|
3824 | gray6: '#979797',
|
3825 | gray: ['#F3F3F3', '#F5F5F5', '#F8F8F8', '#E6E6E6', '#D5D5D5', '#CFCFCF', '#979797'],
|
3826 | shadyLady: '#979797',
|
3827 | red: '#FF511C',
|
3828 | loading: '#BFBFBF'
|
3829 | };
|
3830 |
|
3831 | var colors = Object.assign({}, brandColors, supportingColors);
|
3832 | exports.colors = colors;
|
3833 |
|
3834 | }),
|
3835 |
|
3836 | (function(module, exports, __webpack_require__) {
|
3837 |
|
3838 | "use strict";
|
3839 |
|
3840 |
|
3841 | Object.defineProperty(exports, "__esModule", {
|
3842 | value: true
|
3843 | });
|
3844 | exports.breakpointsVerbose = exports.sizes = exports.breakpoints = undefined;
|
3845 |
|
3846 | var _templateObject = _taggedTemplateLiteral(['\n @media (min-width: ', 'em) {\n ', '\n }\n '], ['\n @media (min-width: ', 'em) {\n ', '\n }\n ']),
|
3847 | _templateObject2 = _taggedTemplateLiteral(['\n @media ', ' {\n ', '\n }\n '], ['\n @media ', ' {\n ', '\n }\n ']);
|
3848 |
|
3849 | var _styledComponents = __webpack_require__(1);
|
3850 |
|
3851 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3852 |
|
3853 | var sizes = {
|
3854 | phone: 321,
|
3855 | phoneMax: 414,
|
3856 | tablet: 768,
|
3857 | mobileNav: 889,
|
3858 | tabletMax: 960,
|
3859 | laptop: 1024,
|
3860 | desktop: 1440
|
3861 | };
|
3862 |
|
3863 | var breakpoints = {
|
3864 | landscape: '(orientation: landscape)',
|
3865 | portrait: '(orientation: portrait)'
|
3866 | };
|
3867 |
|
3868 | Object.keys(sizes).forEach(function (label) {
|
3869 | breakpoints['below' + label.charAt(0).toUpperCase() + label.substr(1)] = '(max-width: ' + (sizes[label] - 1) + 'px)';
|
3870 | breakpoints['above' + label.charAt(0).toUpperCase() + label.substr(1)] = '(min-width: ' + sizes[label] + 'px)';
|
3871 | });
|
3872 |
|
3873 | exports.breakpoints = breakpoints;
|
3874 | exports.sizes = sizes;
|
3875 | exports.default = Object.keys(sizes).reduce(function (accumulator, label) {
|
3876 |
|
3877 |
|
3878 | var remSize = sizes[label] / 10;
|
3879 | accumulator[label] = function () {
|
3880 | return (0, _styledComponents.css)(_templateObject, remSize, _styledComponents.css.apply(undefined, arguments));
|
3881 | };
|
3882 | return accumulator;
|
3883 | }, {});
|
3884 | var breakpointsVerbose = exports.breakpointsVerbose = Object.keys(breakpoints).reduce(function (accumulator, label) {
|
3885 |
|
3886 |
|
3887 | accumulator[label] = function () {
|
3888 | return (0, _styledComponents.css)(_templateObject2, breakpoints[label], _styledComponents.css.apply(undefined, arguments));
|
3889 | };
|
3890 | return accumulator;
|
3891 | }, {});
|
3892 |
|
3893 | }),
|
3894 |
|
3895 | (function(module, exports, __webpack_require__) {
|
3896 |
|
3897 | "use strict";
|
3898 |
|
3899 |
|
3900 | Object.defineProperty(exports, "__esModule", {
|
3901 | value: true
|
3902 | });
|
3903 |
|
3904 | 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: \'adobe-caslon-pro\';\n src: url(\'https://use.typekit.net/af/3cbd9b/000000000000000000012d68/27/l?primer=b997bcdf54b83a9f7b731c29130c4fbe326c83acb7cf220896c6041d3c02ba6a&fvd=n4&v=3\');\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\n@font-face {\n font-family: \'adobe-caslon-pro\';\n src: url(\'https://use.typekit.net/af/3cbd9b/000000000000000000012d68/27/l?primer=b997bcdf54b83a9f7b731c29130c4fbe326c83acb7cf220896c6041d3c02ba6a&fvd=n4&v=3\');\n}\n']);
|
3905 |
|
3906 | var _styledComponents = __webpack_require__(1);
|
3907 |
|
3908 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3909 |
|
3910 |
|
3911 |
|
3912 |
|
3913 | (0, _styledComponents.injectGlobal)(_templateObject);
|
3914 |
|
3915 | var fontFamilies = {
|
3916 | dinCondensed: '"din-cond", "din-condensed-web", Arial, sans-serif',
|
3917 | dinRegular: '"ff-din-web", Helvetica, Arial, sans-serif',
|
3918 | caslon: '"adobe-caslon-pro", Helvetica, Arial, serif'
|
3919 | };
|
3920 |
|
3921 | exports.default = {
|
3922 | headerFont: fontFamilies.dinCondensed,
|
3923 | primaryFont: fontFamilies.dinRegular,
|
3924 | secondaryFont: fontFamilies.caslon
|
3925 | };
|
3926 |
|
3927 | }),
|
3928 |
|
3929 | (function(module, exports, __webpack_require__) {
|
3930 |
|
3931 | "use strict";
|
3932 |
|
3933 |
|
3934 | Object.defineProperty(exports, "__esModule", {
|
3935 | value: true
|
3936 | });
|
3937 | exports.default = {
|
3938 | columns: {
|
3939 | mobile: 4,
|
3940 | tablet: 12,
|
3941 | desktop: 12
|
3942 | },
|
3943 | margins: {
|
3944 | mobile: '3%',
|
3945 | tablet: '7%',
|
3946 | desktop: '7%'
|
3947 | },
|
3948 | gutter: 2
|
3949 | };
|
3950 |
|
3951 | }),
|
3952 |
|
3953 | (function(module, exports, __webpack_require__) {
|
3954 |
|
3955 | "use strict";
|
3956 |
|
3957 |
|
3958 | Object.defineProperty(exports, "__esModule", {
|
3959 | value: true
|
3960 | });
|
3961 |
|
3962 | var _react = __webpack_require__(2);
|
3963 |
|
3964 | var _react2 = _interopRequireDefault(_react);
|
3965 |
|
3966 | var _propTypes = __webpack_require__(0);
|
3967 |
|
3968 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
3969 |
|
3970 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
3971 |
|
3972 | 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; }
|
3973 |
|
3974 | var BaseFlexCol = function BaseFlexCol(_ref) {
|
3975 | var element = _ref.element,
|
3976 | children = _ref.children,
|
3977 | key = _ref.key,
|
3978 | props = _objectWithoutProperties(_ref, ['element', 'children', 'key']);
|
3979 |
|
3980 | delete props.columns;
|
3981 | delete props.desktop;
|
3982 | delete props.mobile;
|
3983 | delete props.tablet;
|
3984 | delete props.nested;
|
3985 | return _react2.default.createElement(element, props, children);
|
3986 | };
|
3987 |
|
3988 | BaseFlexCol.propTypes = {
|
3989 | element: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element, _propTypes2.default.node, _propTypes2.default.func]),
|
3990 | children: _propTypes2.default.node
|
3991 | };
|
3992 |
|
3993 | exports.default = BaseFlexCol;
|
3994 |
|
3995 | }),
|
3996 |
|
3997 | (function(module, exports, __webpack_require__) {
|
3998 |
|
3999 | "use strict";
|
4000 |
|
4001 |
|
4002 | Object.defineProperty(exports, "__esModule", {
|
4003 | value: true
|
4004 | });
|
4005 | exports.BaseBagIcon = undefined;
|
4006 |
|
4007 | var _templateObject = _taggedTemplateLiteral(['\nposition: relative;\ndisplay: inline-block;\n svg {\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap:round;\n stroke-linejoin:round;\n stroke-width: 1.5;\n }\n }\n .roa-item-count {\n display: flex;\n position: absolute;\n\n top: -6px;\n right: -7px;\n\n width: 15px;\n height: 15px;\n\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n\n background-color: ', ';\n\n font-family: ', ';\n font-size: 10px;\n font-weight: 500;\n text-align: center;\n color: ', ';\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\n .screenReader{\n font-size: 0;\n }\n ', '\n'], ['\nposition: relative;\ndisplay: inline-block;\n svg {\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap:round;\n stroke-linejoin:round;\n stroke-width: 1.5;\n }\n }\n .roa-item-count {\n display: flex;\n position: absolute;\n\n top: -6px;\n right: -7px;\n\n width: 15px;\n height: 15px;\n\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n\n background-color: ', ';\n\n font-family: ', ';\n font-size: 10px;\n font-weight: 500;\n text-align: center;\n color: ', ';\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\n .screenReader{\n font-size: 0;\n }\n ', '\n']),
|
4008 | _templateObject2 = _taggedTemplateLiteral(['\n svg {\n width: ', ';\n > g text {\n font-size: .7rem;\n }\n }\n '], ['\n svg {\n width: ', ';\n > g text {\n font-size: .7rem;\n }\n }\n ']);
|
4009 |
|
4010 | var _react = __webpack_require__(2);
|
4011 |
|
4012 | var _react2 = _interopRequireDefault(_react);
|
4013 |
|
4014 | var _propTypes = __webpack_require__(0);
|
4015 |
|
4016 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4017 |
|
4018 | var _styledComponents = __webpack_require__(1);
|
4019 |
|
4020 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4021 |
|
4022 | var _SRC = __webpack_require__(3);
|
4023 |
|
4024 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4025 |
|
4026 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4027 |
|
4028 | var BaseBagIcon = function BaseBagIcon(_ref) {
|
4029 | var className = _ref.className,
|
4030 | count = _ref.count;
|
4031 |
|
4032 | var greaterThanZero = count > 0;
|
4033 | return _react2.default.createElement(
|
4034 | 'div',
|
4035 | { className: className },
|
4036 | _react2.default.createElement(
|
4037 | _SRC.Default,
|
4038 | { displayTarget: 'belowLaptop' },
|
4039 | _react2.default.createElement(
|
4040 | 'svg',
|
4041 | { width: '18', height: '18', viewBox: '0 0 18 18' },
|
4042 | _react2.default.createElement('path', { d: 'M11.747 6.603H6.253a.577.577 0 0 1-.581-.574V4.903c0-1.815 1.494-3.294 3.329-3.294 1.834 0 3.327 1.479 3.327 3.294v1.126c0 .318-.26.574-.581.574zM12.967 16.89c.163 0 .321-.05.442-.14l2.752-2.064a.528.528 0 0 0 .224-.42l-.016-7.098c0-.31-.3-.563-.666-.563H2.298c-.369 0-.667.252-.667.563l-.016 7.098c0 .16.082.313.224.42L4.59 16.75a.74.74 0 0 0 .443.142h7.934z' })
|
4043 | ),
|
4044 | greaterThanZero && _react2.default.createElement(
|
4045 | 'span',
|
4046 | { className: 'roa-item-count' },
|
4047 | count
|
4048 | )
|
4049 | ),
|
4050 | _react2.default.createElement(
|
4051 | _SRC.Laptop,
|
4052 | null,
|
4053 | _react2.default.createElement(
|
4054 | 'svg',
|
4055 | { width: '21', height: '20', viewBox: '0 0 21 20' },
|
4056 | _react2.default.createElement('path', { d: 'M13.76 7.304H7.217c-.381 0-.692-.288-.692-.646V5.39c0-2.042 1.78-3.706 3.966-3.706 2.184 0 3.963 1.664 3.963 3.706v1.267c0 .358-.31.646-.692.646zM15.214 18.877a.91.91 0 0 0 .526-.159l3.278-2.32a.585.585 0 0 0 .267-.474l-.019-7.985c0-.35-.356-.633-.793-.633H2.506c-.44 0-.795.284-.795.633l-.019 7.985c0 .181.097.353.267.473l3.277 2.321a.918.918 0 0 0 .528.159h9.45z' })
|
4057 | ),
|
4058 | greaterThanZero && _react2.default.createElement(
|
4059 | 'span',
|
4060 | { className: 'roa-item-count' },
|
4061 | count
|
4062 | )
|
4063 | )
|
4064 | );
|
4065 | };
|
4066 |
|
4067 | var BagIcon = (0, _styledComponents2.default)(BaseBagIcon)(_templateObject, function (props) {
|
4068 | return props.width.mobile;
|
4069 | }, function (props) {
|
4070 | return props.theme.colors.rocketBlue;
|
4071 | }, function (props) {
|
4072 | return props.theme.colors.rocketBlue;
|
4073 | }, function (props) {
|
4074 | return props.theme.fonts.primaryFont;
|
4075 | }, function (props) {
|
4076 | return props.theme.colors.white;
|
4077 | }, function (props) {
|
4078 | return props.theme.colors.rocketBlue;
|
4079 | }, function (props) {
|
4080 | return props.theme.colors.white;
|
4081 | }, function (props) {
|
4082 | return props.theme.fonts.primaryFont;
|
4083 | }, function (props) {
|
4084 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject2, function (props) {
|
4085 | return props.width.desktop;
|
4086 | });
|
4087 | });
|
4088 |
|
4089 | BagIcon.propTypes = {
|
4090 | count: _propTypes2.default.number,
|
4091 | theme: _propTypes2.default.shape({
|
4092 | colors: _propTypes2.default.shape({
|
4093 | rocketBlue: _propTypes2.default.string,
|
4094 | white: _propTypes2.default.string
|
4095 | }),
|
4096 | fonts: _propTypes2.default.shape({
|
4097 | primaryFont: _propTypes2.default.string
|
4098 | })
|
4099 | }),
|
4100 | width: _propTypes2.default.shape({
|
4101 | desktop: _propTypes2.default.string,
|
4102 | mobile: _propTypes2.default.string
|
4103 | })
|
4104 | };
|
4105 |
|
4106 | BagIcon.defaultProps = {
|
4107 | width: {
|
4108 | desktop: '2.1rem',
|
4109 | mobile: '1.8rem'
|
4110 | }
|
4111 |
|
4112 |
|
4113 | };exports.default = BagIcon;
|
4114 | exports.BaseBagIcon = BaseBagIcon;
|
4115 |
|
4116 | }),
|
4117 |
|
4118 | (function(module, exports, __webpack_require__) {
|
4119 |
|
4120 | "use strict";
|
4121 |
|
4122 |
|
4123 | Object.defineProperty(exports, "__esModule", {
|
4124 | value: true
|
4125 | });
|
4126 |
|
4127 | 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']);
|
4128 |
|
4129 | var _react = __webpack_require__(2);
|
4130 |
|
4131 | var _react2 = _interopRequireDefault(_react);
|
4132 |
|
4133 | var _styledComponents = __webpack_require__(1);
|
4134 |
|
4135 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4136 |
|
4137 | var _SRC = __webpack_require__(3);
|
4138 |
|
4139 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4140 |
|
4141 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4142 |
|
4143 | var BoxIcon = (0, _styledComponents2.default)(function (_ref) {
|
4144 | var className = _ref.className;
|
4145 |
|
4146 | return _react2.default.createElement(
|
4147 | 'svg',
|
4148 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg',
|
4149 | viewBox: '0 0 600 600' },
|
4150 | _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 ' }),
|
4151 | _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' }),
|
4152 | _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' }),
|
4153 | _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' }),
|
4154 | _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' }),
|
4155 | _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' }),
|
4156 | _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' }),
|
4157 | _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' }),
|
4158 | _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' }),
|
4159 | _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'
|
4160 | }),
|
4161 | _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' }),
|
4162 | _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' }),
|
4163 | _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' }),
|
4164 | _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' }),
|
4165 | _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' })
|
4166 | );
|
4167 | })(_templateObject, function (props) {
|
4168 | return props.animated && _SRC.Wiggle;
|
4169 | }, function (props) {
|
4170 | return props.theme.colors.rocketBlue;
|
4171 | }, function (props) {
|
4172 | return props.theme.colors.rocketBlue;
|
4173 | }, function (props) {
|
4174 | return props.theme.colors.rocketBlue;
|
4175 | }, function (props) {
|
4176 | return props.theme.colors.white;
|
4177 | }, function (props) {
|
4178 | return props.theme.colors.rocketBlue;
|
4179 | }, function (props) {
|
4180 | return props.theme.colors.white;
|
4181 | });
|
4182 |
|
4183 |
|
4184 | exports.default = BoxIcon;
|
4185 |
|
4186 | }),
|
4187 |
|
4188 | (function(module, exports, __webpack_require__) {
|
4189 |
|
4190 | "use strict";
|
4191 |
|
4192 |
|
4193 | Object.defineProperty(exports, "__esModule", {
|
4194 | value: true
|
4195 | });
|
4196 |
|
4197 | var _templateObject = _taggedTemplateLiteral(['\n &:hover {\n ', '\n }\n path {\n fill: ', ';\n }\n'], ['\n &:hover {\n ', '\n }\n path {\n fill: ', ';\n }\n']);
|
4198 |
|
4199 | var _react = __webpack_require__(2);
|
4200 |
|
4201 | var _react2 = _interopRequireDefault(_react);
|
4202 |
|
4203 | var _propTypes = __webpack_require__(0);
|
4204 |
|
4205 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4206 |
|
4207 | var _styledComponents = __webpack_require__(1);
|
4208 |
|
4209 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4210 |
|
4211 | var _SRC = __webpack_require__(3);
|
4212 |
|
4213 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4214 |
|
4215 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4216 |
|
4217 | var BoxUpright = (0, _styledComponents2.default)(function (_ref) {
|
4218 | var className = _ref.className;
|
4219 |
|
4220 | return _react2.default.createElement(
|
4221 | 'svg',
|
4222 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 600 600' },
|
4223 | _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' }),
|
4224 | _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' }),
|
4225 | _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' }),
|
4226 | _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' })
|
4227 | );
|
4228 | })(_templateObject, function (props) {
|
4229 | return props.animated && _SRC.Wiggle;
|
4230 | }, function (props) {
|
4231 | return props.theme.colors.rocketBlue;
|
4232 | });
|
4233 |
|
4234 | BoxUpright.propTypes = {
|
4235 | animated: _propTypes2.default.bool,
|
4236 | theme: _propTypes2.default.shape({
|
4237 | colors: _propTypes2.default.shape({
|
4238 | rocketBlue: _propTypes2.default.string
|
4239 | })
|
4240 | })
|
4241 |
|
4242 |
|
4243 | };exports.default = BoxUpright;
|
4244 |
|
4245 | }),
|
4246 |
|
4247 | (function(module, exports, __webpack_require__) {
|
4248 |
|
4249 | "use strict";
|
4250 |
|
4251 |
|
4252 | Object.defineProperty(exports, "__esModule", {
|
4253 | value: true
|
4254 | });
|
4255 |
|
4256 | var _templateObject = _taggedTemplateLiteral(['\n &:hover {\n ', '\n }\n path {\n fill: ', ';\n }\n'], ['\n &:hover {\n ', '\n }\n path {\n fill: ', ';\n }\n']);
|
4257 |
|
4258 | var _react = __webpack_require__(2);
|
4259 |
|
4260 | var _react2 = _interopRequireDefault(_react);
|
4261 |
|
4262 | var _propTypes = __webpack_require__(0);
|
4263 |
|
4264 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4265 |
|
4266 | var _styledComponents = __webpack_require__(1);
|
4267 |
|
4268 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4269 |
|
4270 | var _SRC = __webpack_require__(3);
|
4271 |
|
4272 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4273 |
|
4274 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4275 |
|
4276 | var Calendar = (0, _styledComponents2.default)(function (_ref) {
|
4277 | var className = _ref.className;
|
4278 |
|
4279 | return _react2.default.createElement(
|
4280 | 'svg',
|
4281 | { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 600 600' },
|
4282 | _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' }),
|
4283 | _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' })
|
4284 | );
|
4285 | })(_templateObject, function (props) {
|
4286 | return props.animated && _SRC.Wiggle;
|
4287 | }, function (props) {
|
4288 | return props.theme.colors.rocketBlue;
|
4289 | });
|
4290 |
|
4291 | Calendar.propTypes = {
|
4292 | animated: _propTypes2.default.bool,
|
4293 | theme: _propTypes2.default.shape({
|
4294 | colors: _propTypes2.default.shape({
|
4295 | rocketBlue: _propTypes2.default.string
|
4296 | })
|
4297 | })
|
4298 |
|
4299 |
|
4300 | };exports.default = Calendar;
|
4301 |
|
4302 | }),
|
4303 |
|
4304 | (function(module, exports, __webpack_require__) {
|
4305 |
|
4306 | "use strict";
|
4307 |
|
4308 |
|
4309 | Object.defineProperty(exports, "__esModule", {
|
4310 | value: true
|
4311 | });
|
4312 |
|
4313 | var _react = __webpack_require__(2);
|
4314 |
|
4315 | var _react2 = _interopRequireDefault(_react);
|
4316 |
|
4317 | var _propTypes = __webpack_require__(0);
|
4318 |
|
4319 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4320 |
|
4321 | var _CardIcon = __webpack_require__(5);
|
4322 |
|
4323 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4324 |
|
4325 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4326 |
|
4327 | var Amex = function Amex(_ref) {
|
4328 | var className = _ref.className;
|
4329 | return _react2.default.createElement(
|
4330 | _CardIcon2.default,
|
4331 | { className: className, box: '0 0 750 472' },
|
4332 | _react2.default.createElement(
|
4333 | 'g',
|
4334 | { fillRule: 'evenodd' },
|
4335 | _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' })
|
4336 | )
|
4337 | );
|
4338 | };
|
4339 |
|
4340 | Amex.propTypes = {
|
4341 | className: _propTypes2.default.string
|
4342 | };
|
4343 |
|
4344 | exports.default = Amex;
|
4345 |
|
4346 | }),
|
4347 |
|
4348 | (function(module, exports, __webpack_require__) {
|
4349 |
|
4350 | "use strict";
|
4351 |
|
4352 |
|
4353 | Object.defineProperty(exports, "__esModule", {
|
4354 | value: true
|
4355 | });
|
4356 |
|
4357 | var _react = __webpack_require__(2);
|
4358 |
|
4359 | var _react2 = _interopRequireDefault(_react);
|
4360 |
|
4361 | var _propTypes = __webpack_require__(0);
|
4362 |
|
4363 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4364 |
|
4365 | var _CardIcon = __webpack_require__(5);
|
4366 |
|
4367 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4368 |
|
4369 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4370 |
|
4371 | var Default = function Default(_ref) {
|
4372 | var className = _ref.className;
|
4373 | return _react2.default.createElement(
|
4374 | _CardIcon2.default,
|
4375 | { className: className, box: '0 0 750 472' },
|
4376 | _react2.default.createElement('path', { d: 'M0,462a10,10,0,0,0,10,10H740a10,10,0,0,0,10-10V144H0Z' }),
|
4377 | _react2.default.createElement('path', { d: 'M750,10A10,10,0,0,0,740,0H10A10,10,0,0,0,0,10V73H750Z' })
|
4378 | );
|
4379 | };
|
4380 |
|
4381 | Default.propTypes = {
|
4382 | className: _propTypes2.default.string
|
4383 | };
|
4384 |
|
4385 | exports.default = Default;
|
4386 |
|
4387 | }),
|
4388 |
|
4389 | (function(module, exports, __webpack_require__) {
|
4390 |
|
4391 | "use strict";
|
4392 |
|
4393 |
|
4394 | Object.defineProperty(exports, "__esModule", {
|
4395 | value: true
|
4396 | });
|
4397 |
|
4398 | var _react = __webpack_require__(2);
|
4399 |
|
4400 | var _react2 = _interopRequireDefault(_react);
|
4401 |
|
4402 | var _propTypes = __webpack_require__(0);
|
4403 |
|
4404 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4405 |
|
4406 | var _CardIcon = __webpack_require__(5);
|
4407 |
|
4408 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4409 |
|
4410 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4411 |
|
4412 | var Diners = function Diners(_ref) {
|
4413 | var className = _ref.className;
|
4414 | return _react2.default.createElement(
|
4415 | _CardIcon2.default,
|
4416 | { className: className, box: '0 0 750 471' },
|
4417 | _react2.default.createElement(
|
4418 | 'g',
|
4419 | { fillRule: 'evenodd' },
|
4420 | _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' })
|
4421 | )
|
4422 | );
|
4423 | };
|
4424 |
|
4425 | Diners.propTypes = {
|
4426 | className: _propTypes2.default.string
|
4427 | };
|
4428 |
|
4429 | exports.default = Diners;
|
4430 |
|
4431 | }),
|
4432 |
|
4433 | (function(module, exports, __webpack_require__) {
|
4434 |
|
4435 | "use strict";
|
4436 |
|
4437 |
|
4438 | Object.defineProperty(exports, "__esModule", {
|
4439 | value: true
|
4440 | });
|
4441 |
|
4442 | var _react = __webpack_require__(2);
|
4443 |
|
4444 | var _react2 = _interopRequireDefault(_react);
|
4445 |
|
4446 | var _propTypes = __webpack_require__(0);
|
4447 |
|
4448 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4449 |
|
4450 | var _CardIcon = __webpack_require__(5);
|
4451 |
|
4452 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4453 |
|
4454 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4455 |
|
4456 | var Discover = function Discover(_ref) {
|
4457 | var className = _ref.className;
|
4458 | return _react2.default.createElement(
|
4459 | _CardIcon2.default,
|
4460 | { className: className, box: '0 0 750 471' },
|
4461 | _react2.default.createElement(
|
4462 | 'g',
|
4463 | { fillRule: 'evenodd' },
|
4464 | _react2.default.createElement(
|
4465 | 'g',
|
4466 | {
|
4467 | transform: 'translate(375.000000, 235.500000) scale(1, -1) translate(-375.000000, -235.500000)' },
|
4468 | _react2.default.createElement('path', {
|
4469 | 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' })
|
4470 | )
|
4471 | )
|
4472 | );
|
4473 | };
|
4474 |
|
4475 | Discover.propTypes = {
|
4476 | className: _propTypes2.default.string
|
4477 | };
|
4478 |
|
4479 | exports.default = Discover;
|
4480 |
|
4481 | }),
|
4482 |
|
4483 | (function(module, exports, __webpack_require__) {
|
4484 |
|
4485 | "use strict";
|
4486 |
|
4487 |
|
4488 | Object.defineProperty(exports, "__esModule", {
|
4489 | value: true
|
4490 | });
|
4491 |
|
4492 | var _react = __webpack_require__(2);
|
4493 |
|
4494 | var _react2 = _interopRequireDefault(_react);
|
4495 |
|
4496 | var _propTypes = __webpack_require__(0);
|
4497 |
|
4498 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4499 |
|
4500 | var _CardIcon = __webpack_require__(5);
|
4501 |
|
4502 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4503 |
|
4504 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4505 |
|
4506 | var JCB = function JCB(_ref) {
|
4507 | var className = _ref.className;
|
4508 | return _react2.default.createElement(
|
4509 | _CardIcon2.default,
|
4510 | { className: className, box: '0 0 750 471' },
|
4511 | _react2.default.createElement(
|
4512 | 'g',
|
4513 | { fillRule: 'evenodd' },
|
4514 | _react2.default.createElement(
|
4515 | 'g',
|
4516 | null,
|
4517 | _react2.default.createElement('rect', {
|
4518 | x: '0',
|
4519 | y: '0',
|
4520 | width: '750',
|
4521 | height: '471',
|
4522 | rx: '40' })
|
4523 | ),
|
4524 | _react2.default.createElement(
|
4525 | 'g',
|
4526 | { transform: 'translate(155.000000, 66.000000)',
|
4527 | fill: '#FFFFFF' },
|
4528 | _react2.default.createElement('path', {
|
4529 | 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' }),
|
4530 | _react2.default.createElement('path', {
|
4531 | 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' }),
|
4532 | _react2.default.createElement('path', {
|
4533 | 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' }),
|
4534 | _react2.default.createElement('path', {
|
4535 | 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' }),
|
4536 | _react2.default.createElement('path', {
|
4537 | 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' })
|
4538 | )
|
4539 | )
|
4540 | );
|
4541 | };
|
4542 |
|
4543 | JCB.propTypes = {
|
4544 | className: _propTypes2.default.string
|
4545 | };
|
4546 |
|
4547 | exports.default = JCB;
|
4548 |
|
4549 | }),
|
4550 |
|
4551 | (function(module, exports, __webpack_require__) {
|
4552 |
|
4553 | "use strict";
|
4554 |
|
4555 |
|
4556 | Object.defineProperty(exports, "__esModule", {
|
4557 | value: true
|
4558 | });
|
4559 |
|
4560 | var _react = __webpack_require__(2);
|
4561 |
|
4562 | var _react2 = _interopRequireDefault(_react);
|
4563 |
|
4564 | var _propTypes = __webpack_require__(0);
|
4565 |
|
4566 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4567 |
|
4568 | var _CardIcon = __webpack_require__(5);
|
4569 |
|
4570 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4571 |
|
4572 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4573 |
|
4574 | var Mastercard = function Mastercard(_ref) {
|
4575 | var className = _ref.className;
|
4576 | return _react2.default.createElement(
|
4577 | _CardIcon2.default,
|
4578 | { className: className, box: '0 0 750 471' },
|
4579 | _react2.default.createElement(
|
4580 | 'g',
|
4581 | { fillRule: 'evenodd' },
|
4582 | _react2.default.createElement('path', {
|
4583 | 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' })
|
4584 | )
|
4585 | );
|
4586 | };
|
4587 |
|
4588 | Mastercard.propTypes = {
|
4589 | className: _propTypes2.default.string
|
4590 | };
|
4591 |
|
4592 | exports.default = Mastercard;
|
4593 |
|
4594 | }),
|
4595 |
|
4596 | (function(module, exports, __webpack_require__) {
|
4597 |
|
4598 | "use strict";
|
4599 |
|
4600 |
|
4601 | Object.defineProperty(exports, "__esModule", {
|
4602 | value: true
|
4603 | });
|
4604 |
|
4605 | var _react = __webpack_require__(2);
|
4606 |
|
4607 | var _react2 = _interopRequireDefault(_react);
|
4608 |
|
4609 | var _propTypes = __webpack_require__(0);
|
4610 |
|
4611 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4612 |
|
4613 | var _CardIcon = __webpack_require__(5);
|
4614 |
|
4615 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4616 |
|
4617 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4618 |
|
4619 | var Maestro = function Maestro(_ref) {
|
4620 | var className = _ref.className;
|
4621 | return _react2.default.createElement(
|
4622 | _CardIcon2.default,
|
4623 | { className: className, box: '0 0 750 471' },
|
4624 | _react2.default.createElement(
|
4625 | 'g',
|
4626 | { fillRule: 'evenodd' },
|
4627 | _react2.default.createElement('path', {
|
4628 | 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' })
|
4629 | )
|
4630 | );
|
4631 | };
|
4632 |
|
4633 | Maestro.propTypes = {
|
4634 | className: _propTypes2.default.string
|
4635 | };
|
4636 |
|
4637 | exports.default = Maestro;
|
4638 |
|
4639 | }),
|
4640 |
|
4641 | (function(module, exports, __webpack_require__) {
|
4642 |
|
4643 | "use strict";
|
4644 |
|
4645 |
|
4646 | Object.defineProperty(exports, "__esModule", {
|
4647 | value: true
|
4648 | });
|
4649 |
|
4650 | var _react = __webpack_require__(2);
|
4651 |
|
4652 | var _react2 = _interopRequireDefault(_react);
|
4653 |
|
4654 | var _propTypes = __webpack_require__(0);
|
4655 |
|
4656 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4657 |
|
4658 | var _CardIcon = __webpack_require__(5);
|
4659 |
|
4660 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4661 |
|
4662 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4663 |
|
4664 | var Paypal = function Paypal(_ref) {
|
4665 | var className = _ref.className;
|
4666 | return _react2.default.createElement(
|
4667 | _CardIcon2.default,
|
4668 | { className: className, box: '0 0 780 501' },
|
4669 | _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' }),
|
4670 | _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' }),
|
4671 | _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' }),
|
4672 | _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' }),
|
4673 | _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' })
|
4674 | );
|
4675 | };
|
4676 |
|
4677 | Paypal.propTypes = {
|
4678 | className: _propTypes2.default.string
|
4679 | };
|
4680 |
|
4681 | exports.default = Paypal;
|
4682 |
|
4683 | }),
|
4684 |
|
4685 | (function(module, exports, __webpack_require__) {
|
4686 |
|
4687 | "use strict";
|
4688 |
|
4689 |
|
4690 | Object.defineProperty(exports, "__esModule", {
|
4691 | value: true
|
4692 | });
|
4693 |
|
4694 | var _react = __webpack_require__(2);
|
4695 |
|
4696 | var _react2 = _interopRequireDefault(_react);
|
4697 |
|
4698 | var _propTypes = __webpack_require__(0);
|
4699 |
|
4700 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4701 |
|
4702 | var _CardIcon = __webpack_require__(5);
|
4703 |
|
4704 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
4705 |
|
4706 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4707 |
|
4708 | var Visa = function Visa(_ref) {
|
4709 | var className = _ref.className;
|
4710 | return _react2.default.createElement(
|
4711 | _CardIcon2.default,
|
4712 | { className: className, box: '0 0 750 471' },
|
4713 | _react2.default.createElement(
|
4714 | 'g',
|
4715 | { fillRule: 'evenodd' },
|
4716 | _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' })
|
4717 | )
|
4718 | );
|
4719 | };
|
4720 |
|
4721 | Visa.propTypes = {
|
4722 | className: _propTypes2.default.string
|
4723 | };
|
4724 |
|
4725 | exports.default = Visa;
|
4726 |
|
4727 | }),
|
4728 |
|
4729 | (function(module, exports, __webpack_require__) {
|
4730 |
|
4731 | "use strict";
|
4732 |
|
4733 |
|
4734 | Object.defineProperty(exports, "__esModule", {
|
4735 | value: true
|
4736 | });
|
4737 | exports.validateDirection = exports.pulseDirection = exports.pulse = exports.direction = exports.BaseChevron = exports.animated = undefined;
|
4738 |
|
4739 | 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 ']),
|
4740 | _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 ']),
|
4741 | _templateObject3 = _taggedTemplateLiteral(['\n ', ' 0.75s infinite\n'], ['\n ', ' 0.75s infinite\n']),
|
4742 | _templateObject4 = _taggedTemplateLiteral(['\n width: 16px;\n height: 8px;\n fill: none;\n stroke: ', ';\n stroke-miterlimit: 10;\n stroke-width: 4px;\n ', '\n cursor: pointer;\n animation: ', ';\n margin: 10px;\n\n &:hover {\n polyline {\n stroke-width: 7px;\n }\n }\n'], ['\n width: 16px;\n height: 8px;\n fill: none;\n stroke: ', ';\n stroke-miterlimit: 10;\n stroke-width: 4px;\n ', '\n cursor: pointer;\n animation: ', ';\n margin: 10px;\n\n &:hover {\n polyline {\n stroke-width: 7px;\n }\n }\n']);
|
4743 |
|
4744 | var _propTypes = __webpack_require__(0);
|
4745 |
|
4746 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4747 |
|
4748 | var _react = __webpack_require__(2);
|
4749 |
|
4750 | var _react2 = _interopRequireDefault(_react);
|
4751 |
|
4752 | var _styledComponents = __webpack_require__(1);
|
4753 |
|
4754 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4755 |
|
4756 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4757 |
|
4758 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4759 |
|
4760 | 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; }
|
4761 |
|
4762 | var BaseChevron = function BaseChevron(_ref) {
|
4763 | var className = _ref.className,
|
4764 | props = _objectWithoutProperties(_ref, ['className']);
|
4765 |
|
4766 | return _react2.default.createElement(
|
4767 | 'svg',
|
4768 | { className: className, viewBox: '0 0 48 24.12', onClick: props.onClick },
|
4769 | _react2.default.createElement('polyline', { points: '1 1 24 22.75 47 1' })
|
4770 | );
|
4771 | };
|
4772 |
|
4773 | var pulse = function pulse(props) {
|
4774 | if (props.left || props.right) {
|
4775 | return (0, _styledComponents.keyframes)(_templateObject, direction(props), pulseDirection(props), direction(props), direction(props));
|
4776 | } else {
|
4777 | return (0, _styledComponents.keyframes)(_templateObject2, direction(props), direction(props), direction(props));
|
4778 | }
|
4779 | };
|
4780 |
|
4781 | var pulseDirection = function pulseDirection(props) {
|
4782 | if (props.right) {
|
4783 | return '.2rem';
|
4784 | } else if (props.left) {
|
4785 | return '-.2rem';
|
4786 | }
|
4787 | };
|
4788 |
|
4789 | var animated = function animated(props) {
|
4790 | return (0, _styledComponents.css)(_templateObject3, pulse(props));
|
4791 | };
|
4792 |
|
4793 | var direction = function direction(props) {
|
4794 | if (props.down) {
|
4795 | return 'rotate(0deg)';
|
4796 | } else if (props.left) {
|
4797 | return 'rotate(90deg)';
|
4798 | } else if (props.right) {
|
4799 | return 'rotate(-90deg)';
|
4800 | } else if (props.up) {
|
4801 | return 'rotate(180deg)';
|
4802 | }
|
4803 | };
|
4804 |
|
4805 | var Chevron = (0, _styledComponents2.default)(BaseChevron)(_templateObject4, function (props) {
|
4806 | return props.theme.colors.navy;
|
4807 | }, function (props) {
|
4808 | return 'transform: ' + direction(props) + ';';
|
4809 | }, function (props) {
|
4810 | return props.animated ? animated : '';
|
4811 | });
|
4812 |
|
4813 | var validateDirection = function validateDirection(props, propName, componentName) {
|
4814 | var trueDirections = ['down', 'left', 'right', 'up'].filter(function (direction) {
|
4815 | return props[direction] === true;
|
4816 | });
|
4817 | if (!props.ignoreErrors && trueDirections.length > 1) {
|
4818 | return new Error('More than one direction prop was supplied to ' + componentName + ', only use one.');
|
4819 | } else if (!props.ignoreErrors && trueDirections.length === 0) {
|
4820 | return new Error('No direction prop was supplied to ' + componentName + ', please select one.');
|
4821 | }
|
4822 | return null;
|
4823 | };
|
4824 |
|
4825 | Chevron.propTypes = {
|
4826 | animated: _propTypes2.default.bool,
|
4827 | theme: _propTypes2.default.shape({
|
4828 | colors: _propTypes2.default.shape({
|
4829 | rocketBlue: _propTypes2.default.string.isRequired
|
4830 | })
|
4831 | }),
|
4832 | ignoreErrors: _propTypes2.default.bool,
|
4833 | validateDirection: validateDirection
|
4834 | };
|
4835 |
|
4836 | Chevron.defaultProps = {
|
4837 | ignoreErrors: false
|
4838 |
|
4839 |
|
4840 | };exports.default = Chevron;
|
4841 | exports.animated = animated;
|
4842 | exports.BaseChevron = BaseChevron;
|
4843 | exports.direction = direction;
|
4844 | exports.pulse = pulse;
|
4845 | exports.pulseDirection = pulseDirection;
|
4846 | exports.validateDirection = validateDirection;
|
4847 |
|
4848 | }),
|
4849 |
|
4850 | (function(module, exports, __webpack_require__) {
|
4851 |
|
4852 | "use strict";
|
4853 |
|
4854 |
|
4855 | Object.defineProperty(exports, "__esModule", {
|
4856 | value: true
|
4857 | });
|
4858 |
|
4859 | var _templateObject = _taggedTemplateLiteral(['\n\n'], ['\n\n']);
|
4860 |
|
4861 | var _propTypes = __webpack_require__(0);
|
4862 |
|
4863 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
4864 |
|
4865 | var _react = __webpack_require__(2);
|
4866 |
|
4867 | var _react2 = _interopRequireDefault(_react);
|
4868 |
|
4869 | var _styledComponents = __webpack_require__(1);
|
4870 |
|
4871 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
4872 |
|
4873 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
4874 |
|
4875 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
4876 |
|
4877 | var Clothesline = (0, _styledComponents2.default)(function (_ref) {
|
4878 | var className = _ref.className;
|
4879 |
|
4880 | return _react2.default.createElement(
|
4881 | 'svg',
|
4882 | { className: className,
|
4883 | version: '1.1', viewBox: '0 0 1439.97 213.97' },
|
4884 | _react2.default.createElement(
|
4885 | 'g',
|
4886 | null,
|
4887 | _react2.default.createElement('path', {
|
4888 | d: 'M522.45,42.6c1.38.66,1.91,2,2.54,3.24,1.45,2.79,2.79,5.65,4,8.55,1.38,3.2,2,6.64,2.88,10,1,3.75,1.41,7.62,2.65,11.33.72,2.15.48,4.49.7,6.74.62,6.11,1.44,12.23,1,18.4a87.13,87.13,0,0,1-2,13.92,10.52,10.52,0,0,1-1.25,3.41,11.32,11.32,0,0,0-1.53,6.23A15.3,15.3,0,0,1,530,130c-.69,1.64-1.21,1.71-3,1.58a26.15,26.15,0,0,1-5.9-1.32c-3.21-1-4.08-2.6-3.36-5.91a7.75,7.75,0,0,0,0-3.11c-.6-3.45-.27-7-.37-10.43-.2-7.61.81-15.21.56-22.81s-.56-15.05-3-22.29c-.8-2.36-1.16-4.86-2.13-7.29-.1,1.43-.27,2.86-.29,4.3,0,3.07.07,6.14,0,9.21-.08,2.5-.41,5-.58,7.5a33.36,33.36,0,0,0-.17,5.09c.53,6.17-.41,12.26-.94,18.37-.4,4.68-.77,9.36-.94,14a7.76,7.76,0,0,1-3.2,6.14,51.48,51.48,0,0,1-9.46,5.77c-3.85,1.95-7.93,3.1-12,4.49a28.9,28.9,0,0,1-4.67.85c-1.67.29-3.38.39-5.07.53-.7.06-1.47-.19-1.75.84-.15.53-.68.49-.9.08-.55-1-1.47-.59-2.16-.52-7.12.76-13.82-1-20.34-3.53a6.29,6.29,0,0,1-3.94-4.34,20.16,20.16,0,0,1-.87-5.24c-.06-7.12.36-14.23.37-21.34,0-8.59.8-17.14,1.08-25.71a53.48,53.48,0,0,1,.67-5.76,13.59,13.59,0,0,0,.08-3.12c-1.38,8-3.07,16-4.89,23.87-1.14,5-2.13,10-3.17,14.93a70.51,70.51,0,0,1-4.31,12.87,10.38,10.38,0,0,0-.73,3,28.81,28.81,0,0,1-2.15,7.92,1.5,1.5,0,0,1-1.93,1,71.44,71.44,0,0,1-8.59-2.61c-1.92-.68-2.18-1.36-1.93-3.36.07-.56.21-1.11.33-1.66.6-2.6,1.2-5.18.14-7.84-.71-1.8-.22-3.7,0-5.52.58-5.64,1.62-11.22,2.32-16.83q.79-6.24,1.76-12.45c1.23-7.91,2.12-15.89,3.92-23.71s4-15.54,8.17-22.48c3.33-5.5,7.16-10.61,13.1-13.67a5.24,5.24,0,0,1,2.27-.67,8.71,8.71,0,0,0,1.66-.33,1,1,0,0,0,.81-.47c0-.74-.6-.64-1.05-.64-3.24,0-6.49.1-9.72-.09-7.2-.41-14.38.35-21.58.18-3.88-.09-7.76,0-11.64-.3-2-.15-4,.22-6.06.18-8.51-.19-17-.18-25.51-.51-7.45-.29-14.9-.32-22.34-.64a1.88,1.88,0,0,0-1.56.36c.7,1,1.73,1.79,2.51,2.74,2.4,2.93,3.56,6.53,5.45,9.73,1.35,2.3,2.51,4.71,3.73,7.1a44.69,44.69,0,0,1,2.89,7.71c.57,1.93,1.43,3.78,2.16,5.67s.63,2.36-1,3.44a26.45,26.45,0,0,1-3.64,1.94,48.9,48.9,0,0,0-9.71,5.49c-1.73,1.32-2,1.53-3.35-1-1.61-3-3.19-5.94-4.78-8.91-.92.27-.63,1-.63,1.41.05,9.39.29,18.79.15,28.17-.1,6.72.48,13.42,0,20.15-.33,4.92-.16,9.88-.12,14.82,0,1.36.38,2.72.49,4.08.15,1.74.11,1.8-1.57,1.94-1.86.15-3.73.13-5.58.29a216.38,216.38,0,0,1-24,.56c-4.12-.11-8.25-.08-12.35-.41-5.64-.45-11.25-1.23-16.88-1.77-1.22-.12-1.43-.63-1.4-1.7.17-7.78.84-15.52,1.7-23.25.72-6.51,1.8-13,1.85-19.57a78.89,78.89,0,0,1,1-9.41c.58-4.5,1.46-9,1.29-13.52-.05-1.42.72-2.76.4-4.4-1.71,1.25-2.57,2.92-3.67,4.39-.38.52-.68,1.1-1.1,1.6-1.51,1.83-2,1.84-3.87.4a16.64,16.64,0,0,0-3.22-2.16c-3.38-1.5-6-4.13-9.13-6-1.84-1.07-1.79-1.27-.76-3,2.8-4.83,5.6-9.66,8.74-14.28a57.18,57.18,0,0,1,7.74-9.33,10.6,10.6,0,0,0,2.24-2.66c-5.51,0-10.76.43-16,0a109.88,109.88,0,0,0-11.62.14c-3.37.08-6.74.59-10.13-.05-1.45-.28-1.54,0-1.61,1.51-.29,5.7,1.06,11.22,1.83,16.79,1,7.39,3.43,14.48,4.75,21.8.85,4.71,2.07,9.32,3.25,13.94,1.43,5.65,1.55,11.52,3,17.16.72,2.82.94,5.75,2,8.49a8,8,0,0,1,.34,2.14c.11,1.56-.53,2.11-2,1.46-.83-.37-1.2-.23-1.5.46-.88,2-2.56,2.26-4.43,2-2.3-.29-4.5-.31-6.47,1.23a22.43,22.43,0,0,1-2.54,1.43,5.51,5.51,0,0,1-5.34.08l-.21-.13c-3.88-2.81-7.81-2.31-11.53.18-4.62,3.11-9.47,2.93-14.4,1.33a12,12,0,0,0-10.21,1.31c-2.9,1.65-5.95,1-8.89,0a14.11,14.11,0,0,1-3.3-2c-2.93-2.14-3.87-2.06-6.44,0-.57.45-1.1.95-1.64,1.44a7.21,7.21,0,0,1-9.85-.06c-.18-.17-.34-.35-.52-.51-2.42-2.26-4-2.4-6.3-.18a7,7,0,0,1-6.51,1.71,8.88,8.88,0,0,1-3.91-2.33c-2-1.63-3.08-1.69-5.21-.27-.6.41-1.19.85-1.81,1.23-2.42,1.47-5,.46-5.63-2.29a13.09,13.09,0,0,1-.43-3.85,63.91,63.91,0,0,1,2.66-15c1.7-5.48,3.72-10.87,5.17-16.42,2.36-9,5.61-17.7,8.47-26.54a36.07,36.07,0,0,0,.73-18.41c-.15-.81-.68-.79-1.25-.76-2.18.1-4.35.23-6.53.33-1.45.06-2.92.2-4.37.13-6.8-.3-13.58.07-20.37.37a55.46,55.46,0,0,1-6.31-.23c-4.69-.34-9.39.06-14.09-.13-1.07-.05-1.5.21-1.63,1.44-1.06,10.62-2.16,21.23-3.39,31.83-.74,6.27-1.37,12.54-2,18.82-.45,4.59-1.53,9.1-1.85,13.7-.43,6.31-1.4,12.55-2.13,18.81-.6,5.12-1.42,10.22-2.36,15.29-1.8,9.79-3,19.65-3.93,29.56-.7,7.31-1.42,14.64-2.6,21.9-.37,2.31-.37,4.68-.64,7-.42,3.69-.87,7.37-.92,11.08,0,.89-.12,1.78-.1,2.67a137,137,0,0,1-1,16.2c-.13,1.36-.69,1.83-2,1.83a58.73,58.73,0,0,1-8.49-.29,23.16,23.16,0,0,0-2.89-.26c-1.89,0-2.54-.75-2.68-2.69v-.25c.5-6.61-1.22-13-1.89-19.51-.45-4.43-.8-8.86-1.2-13.3-.37-3.94-.78-7.89-1.1-11.84-.29-3.71-.43-7.43-.76-11.13-.53-6-1-11.93-1.17-17.91-.12-5.25.09-10.5.13-15.76.07-7.61.1-15.22.19-22.83,0-2.35.39-4.7.29-7q-.41-10-.43-19.91a1.9,1.9,0,0,0-.29-1.52,29.33,29.33,0,0,0-1.44,7.41c-.35,3.39-1,6.71-1.69,10-1.32,6.66-2,13.42-3.21,20.09-.78,4.3-1.46,8.6-2,12.94-.58,5-1.82,10-2.81,15-1.65,8.32-4,16.51-4.3,25.07-.11,3.3-.82,6.58-1.22,9.86-.49,4-1.81,7.68-2.58,11.53-.84,4.26-1.76,8.53-2.34,12.85a26.9,26.9,0,0,1-1.27,6.15c-1.16,3.08-1.31,6.32-1.54,9.55-.11,1.54-.31,1.8-1.87,1.81q-7.77,0-15.55,0c-1.91,0-2-.11-2-2.12s.25-3.88.33-5.82a214.12,214.12,0,0,0-.64-24.44c-.71-9.35.15-18.6.32-27.89.09-5.25.08-10.5.37-15.75.15-2.75.41-5.48.57-8.23.46-7.67,1.13-15.33,1.28-23s.89-15.35,1.16-23a196,196,0,0,1,2.43-24.62c.93-5.67,1.32-11.41,2.05-17.11.61-4.73,1.36-9.45,2-14.18.09-.64.1-1.29.18-1.93.15-1.1-.41-1.42-1.4-1.41-7.36.07-14.69-1-22.06-.66l-8.24.37c-.48,0-1,.11-1.21-.54.47-.74,1.25-.58,1.94-.62a183.14,183.14,0,0,1,18.45-.1c3.56.21,7.15,0,10.67.37,1.86.22,2.63-1.3,4.06-1.57.07,0,.15-.27.15-.41a.61.61,0,0,0-.64-.59,26.55,26.55,0,0,0-3.88-.14,99.53,99.53,0,0,1-18.1-.52,52.62,52.62,0,0,0-6.51.24c-2.06.08-4.13.59-6.17.1-.07-.7.31-.82.73-.84,2.67-.09,5.34-.11,8-.26,6.54-.36,13.06.64,19.6.17a25.76,25.76,0,0,1,5.55-.17c1,.14,1.28-.29,1.09-1.28-.36-1.9-.69-3.81-1-5.74-.29-2.21.07-2.57,2.3-2.51.56,0,1.13,0,1.7.07.87.1,1.28-.24,1.57-1.09.57-1.74,1.15-2,2.79-1.81s2.25.8,2.2,2.6c-.06,2.5-.31,5-.46,7.5-.12,2.17-.08,2.07,2.09,2.65,1.88.5,3.72,0,5.56,0,11.65,0,23.31-.24,35-.36,2,0,4,.08,6.07.14,1,0,1.33-.34,1.11-1.33a27.31,27.31,0,0,1-.5-2.87c-.23-1.87-.15-1.93,1.68-1.88a15.66,15.66,0,0,0,1.94-.06c.81-.07,1.59-.11,1.7-1.27.07-.72.77-1,1.48-1a14.46,14.46,0,0,0,1.45.09c3.2-.29,2.74.63,2.67,3.12,0,1.45-.33,2.9-.42,4.35-.11,1.76,0,2,1.82,2.05a130.23,130.23,0,0,0,13.82.45c6.24-.34,12.48,0,18.7-.29,5.74-.24,11.48-.57,17.2-1.23a49.19,49.19,0,0,1,6.54-.23,19.22,19.22,0,0,0,4.87-.57c-1.67-2.51-3.34-4.89-3.86-7.77,1.13-.66,2.2-.35,3.22-.36.87,0,1.51,0,1.72-1.16s3.1-2.57,4.3-2.06a2.14,2.14,0,0,1,1.19,2c.2,2.1.42,4.18.42,6.3s.16,2.38,2.17,2.18a132.27,132.27,0,0,1,15.29-.41c1.62,0,3.19-.46,4.82-.57,6.68-.44,13.33-1.32,20-1.48,5-.13,10-.84,15-1.22,1.77-.14,3.56-.09,5.34-.12.81,0,1.61,0,2.42,0s1.31-.5,1.07-1.43a21,21,0,0,0-.54-2.11c-.43-1.18.19-1.47,1.15-1.48.65,0,1.3.09,1.94.07a1.89,1.89,0,0,0,1.5-.57c.84-.91,4.41-1.36,5.44-.86.64.32.62.92.55,1.47-.15,1.2-.42,2.39-.54,3.6-.16,1.53,0,1.75,1.49,1.76,4.37,0,8.74-.09,13.11,0,8,.2,16-.67,24-.34,4.36.18,8.9.6,13.2-.89.3-.69-.25-1.08-.5-1.55a36.39,36.39,0,0,1-2.21-5.13c-.82-2.39-.8-2.39,1.73-2.89.39-.07.94-.13,1.11-.39,1.28-2,3.35-1.16,5.08-1.45.78-.13,1.19.35,1.21,1.15a14.05,14.05,0,0,1,.05,1.45c-.07.89-.17,1.78-.3,2.66a13.17,13.17,0,0,0,0,5.27,18.73,18.73,0,0,0,5,.81c4.87-.19,9.7.48,14.55.66,2.7.1,5.33-.25,8-.33,1.14,0,1.14-.7.74-1.47a33.38,33.38,0,0,1-1.59-4.32c-.36-1,.06-1.45,1.06-1.21s1.56.33,1.81-.85c.21-.94,1.05-1.1,1.89-1.24a8.17,8.17,0,0,1,2.42.1c2,.28,2,.3,2,2.44,0,.72,0,1.46,0,2.18.23,3.93-.59,2.88,3.38,3.93,2.84.76,5.81.42,8.72.36,11.82-.23,23.63-.18,35.45.32,4.36.19,8.75,0,13.12.26,5.58.28,11.17-.36,16.74,0s11.32.42,17,.5c5,.07,10,0,15.06,0a2.48,2.48,0,0,0,.71-.26c-.1-1.06-.26-2.1-.3-3.14-.07-1.67.29-2,1.89-2a5.2,5.2,0,0,1,1,.09c1.88.29,1.94.31,2.43-1.45.25-.89.65-1.25,1.54-1,.32.08.64.12,1,.17,1.85.33,2,.46,1.78,2.37-.09.88-.35,1.74-.52,2.61-.09.47-.36.93-.09,1.48a27.88,27.88,0,0,0,6.71,0c7.05-.33,14.05.59,21.09.7,2.08,0,4.16.54,6.27.58,1.76,0,1.76,0,1.74-1.7,0-2.23.1-2.56,2.34-2.76a36.75,36.75,0,0,1,6.55.06c1.61.13,1.76.53,1.68,2.3-.15,3-.15,3.06,2.79,3.43a136,136,0,0,0,15.5.94c4.93,0,9.86.39,14.78.77,2.9.22,5.83.13,8.73.35,6.38.48,12.79-.07,19.16.61,2.36.26,4.68-.22,7-.25a51.91,51.91,0,0,1,5.58.1c1.41.13,1.51,0,1.34-1.43,0-.32-.17-.63-.2-1-.19-2.36.18-2.81,2.6-2.9,1,0,1.78,0,1.73-1.34,0-.72.58-.88,1.21-.84a11.65,11.65,0,0,0,2.42.14c2.31-.3,2.64.1,2.52,2.81-.07,1.7-.7,3.33-.62,5.15,2,.35,4.07.84,6.14,1a99.27,99.27,0,0,0,16,.52c4.43-.32,8.89-.47,13.34-.51,2.49,0,5-.31,7.59-.49a31.22,31.22,0,0,0-.63-5.73c-.31-1.84-.09-2,1.85-2,1.77,0,3.54-.08,5.32-.13,1.44,0,1.76.29,1.4,1.7a34.22,34.22,0,0,0-1,5c-.16,1.54,0,1.71,1.53,1.74,3.72.06,7.45,0,11.18.06a98.55,98.55,0,0,0,14.5-.9c5.57-.74,11.14-.83,16.7-1.2,1.61-.11,3.24,0,4.85.07a164.19,164.19,0,0,0,18.42-.8,56.89,56.89,0,0,1,7.5-.47,6.36,6.36,0,0,0,3.78-.82c-.71-2.6-1.44-5.15-2.09-7.73-.51-2-.26-2.24,1.84-2.09,1.07.07,2.38.6,2.16-1.41-.05-.4.5-.58.93-.59.73,0,1.46,0,2.19,0,3,0,3.62.52,3.7,3.65.06,1.94,0,3.89,0,5.82s.13,2,2.14,2a114.51,114.51,0,0,0,15-.51,28.35,28.35,0,0,1,6,0c2.5.28,5-.35,7.5-.57,1.08-.09,1.19-.83.64-1.53-1-1.31-1.24-3-2.12-4.35-.59-.93-.34-1.25.79-1.25.32,0,.64.1,1,.1a7.75,7.75,0,0,0,2.64,0c.84-.31.46-1.44.74-2.18.36-.93.91-1.3,1.85-1.07.55.13,1.09.31,1.63.48,2.75.88,2.86,1,2.33,3.76-.49,2.58-.1,5.18-.41,7.76-.09.81.42,1.2,1.16,1.24,1.13.06,2.27.1,3.4.07,7-.16,13.93.23,20.88.66,5,.3,10,.19,15,.5,9.23.57,18.45.4,27.67.15,4.85-.13,9.69-.51,14.6-.78,0-2.8-2.05-4.87-2.19-7.47,1-.68,2.11-.1,3.11-.53.62-.26,1.11-.24,1-1.25-.25-1.51.12-1.71,1.69-1.38a13.85,13.85,0,0,0,1.44.2c2.42.23,2.58.36,2.88,2.69.21,1.53.31,3.07.54,4.59.19,1.33.17,1.91,2,1.61,1.13-.18,2.27-.18,3.15-1.06a2.26,2.26,0,0,1,2.27-.39c4.93,1.07,9.82.63,14.74-.1,2.71-.41,5.46-.57,8.21-.84.47-.66-.07-1.2-.24-1.78-.44-1.47-.3-1.64,1.3-1.47a7.12,7.12,0,0,0,1.44.15c.71-.07,1.41-.11,1.35-1.24s.51-1.37,1.59-.91c1.3.55,2.72.22,4.08.26,1,0,1.6.37,1.2,1.5a.63.63,0,0,0-.08.23c-.38,3.45-.67,3.59,3,3.87,6.29.49,12.61.6,18.9,1.15,4.1.36,8.25.26,12.37.23,8.11,0,16.2.47,24.31.62,14.32.27,28.65.64,43,1,13,.34,26.05.86,39.08,1.09,12.31.22,24.62.18,36.94.24,5.91,0,11.83-.17,17.74.07,7.61.3,15.22.43,22.83.11,7-.29,13.92-.36,20.86-.44,5.89-.07,11.79-.57,17.69-.34,1.45.06,2.91-.12,4.37-.15,1,0,1.61-.25,1.29-1.42a3.48,3.48,0,0,1-.14-1c0-1.41.25-1.67,1.66-1.4,1,.18,1.78.28,2.35-.93.4-.85,3.89-1.32,4.76-.87a1.61,1.61,0,0,1,.82,1.64c0,1.13-.09,2.26-.11,3.4,0,2.16,0,2.17,2.06,2.19,3.72.05,7.45.13,11.18.1,5,0,10-.15,15-.25.64,0,1.27-.15,1.81-.21a1.89,1.89,0,0,0,.1-1.53C1204,15,1204,15,1206,14.58c.23-.05.52-.08.65-.23,2-2.39,4.66-.92,7-1.18.74-.08,1,.57.87,1.37-.24,1.11-.37,2.24-.63,3.34s-.1,1.51,1,1.66a25.54,25.54,0,0,0,3.14.34c8.34.11,16.69.31,25,.31,4.21,0,8.41-.25,12.63-.14,4,.11,7.92.15,11.88.09,7.69-.13,15.38-.37,23.07-.51,6.16-.12,12.32-.28,18.47-.19,3.91.06,7.77-.41,11.65-.55,5.51-.19,11-.19,16.51-.05s11.18.09,16.77.1c10.13,0,20.25.17,30.37-.05,8.33-.18,16.67-.24,25-.54,6.8-.24,13.6-.2,20.4-.3,2.51,0,5,0,7.53-.18a13.82,13.82,0,0,1,1.7,0c.31,0,.64.12.69.54a.57.57,0,0,1-.56.65c-1,.14-1.92.25-2.89.33-6,.48-12,.4-18,.67-12.14.56-24.29.24-36.44.23s-24.46.26-36.69.27c-7.21,0-14.43-.2-21.63-.43-2.53-.08-5,.26-7.52.4-9.62.57-19.25.82-28.89.91-12.55.12-25.1-.16-37.66.1-7.85.17-15.71.57-23.56.28-3.47-.12-6.93-.62-10.4-.89-.71-.06-1.82-.66-2,.5s1,1,1.72,1.1a115.27,115.27,0,0,0,13.25,1.36,130.76,130.76,0,0,0,13.57-.37c3.7-.27,7.44-.15,11.17-.13,13.77.08,27.54.19,41.31-.14,9.47-.23,19,.05,28.42-.44,10.29-.54,20.57.17,30.85-.15,12.22-.38,24.45,0,36.67-.05,12.63-.08,25.27-.16,37.89-.62,3.48-.12,7,.1,10.43-.44.42-.07,1.1-.29,1.21.37s-.58.88-1.14.87c-2-.06-4,.55-6,.58-13,.15-26.07.45-39.11.62-5.74.07-11.49,0-17.24-.09-11.82-.14-23.65.21-35.47.13-6.48,0-13-.11-19.43,0-7.45.17-14.91.11-22.35.36-14.1.48-28.2.4-42.29.35-6.81,0-13.6-.06-20.4.42a99.53,99.53,0,0,1-10.92-.18c-3.65-.16-7.22-.85-10.89-1.07-.12.78.52,1.09.92,1.53,1.84,2,3.74,4,5.53,6.13a7.85,7.85,0,0,1,1.44,2.51c1.7,4.89,3.62,9.69,4.94,14.72,1,3.92,2,7.84,2.69,11.82a19.56,19.56,0,0,1,.32,2.65c.1,1.82-.15,2.18-1.88,2.92a39.63,39.63,0,0,0-8.22,4.15c-1,.7-1.65.8-2.29-.44-1.86-3.57-4.1-7-5.08-10.94a10,10,0,0,0-1.59-3.44c-.16,2.9-.28,5.31-.44,7.72-.22,3.63-.65,7.26-.67,10.9,0,4.78-.58,9.52-.91,14.27-.26,3.71-.62,7.42-1.15,11.1-.47,3.29-.69,6.6-1,9.9q-.93,8.68-1.62,17.38c-.11,1.42-1,2.71-.46,4.25.26.74-.63.76-1.18.77a48.15,48.15,0,0,1-5.1,0c-5.07-.56-10.17-.4-15.25-.74-3.41-.23-6.7-1-10.07-1.36-2.33-.24-4.69-.45-7-.54-4.88-.17-9.61-1.34-14.45-1.78-1.9-.17-1.72-.18-1.46-2.08a36.94,36.94,0,0,0,.08-5.57c-.08-4.93-.14-9.85.12-14.79.27-5.33.32-10.67.79-16,.27-3.14.75-6.25,1.11-9.38.33-2.82.5-5.64.81-8.46.44-4,.68-8,1.76-12a.61.61,0,0,0-.28-.75c-1.67,3.14-3.32,6.27-5,9.38-1.36,2.48-2.72,5-4.21,7.38-1.12,1.79-1.21,1.71-3,.78a94,94,0,0,0-11.47-4.6c-.68-.24-1.37-.49-2-.75a1.48,1.48,0,0,1-1-2.08c2.11-6.69,3.6-13.6,7-19.82a67.73,67.73,0,0,1,8.43-11.85,66,66,0,0,1,5.13-5.47,37.86,37.86,0,0,1,12.56-7.65,14.93,14.93,0,0,1,4.48-.71c.09-.87-.42-.79-.91-.8-6.31-.13-12.62,0-18.93-.36-3.47-.22-6.93.4-10.4.44-15.56.21-31.12-.23-46.68-.19-6.39,0-12.78.41-19.17.2-6.8-.22-13.6-.56-20.41-.61-10.45-.08-20.89-.39-31.34-.62-7.7-.17-15.4-.22-23.08-.72-8.57-.56-17.16-.31-25.73-.61-10-.35-19.95.07-29.87-.89-11.08-1.07-22.18-.69-33.27-1A22.06,22.06,0,0,0,903,18c-1.35.16-1.79,1.09-1,2.2a8.24,8.24,0,0,0,2.24,1.86,44.3,44.3,0,0,1,12.15,12.37,13.44,13.44,0,0,1,1.5,3c1.21,3.43,2.51,6.82,3.71,10.26.72,2.07.49,2.6-1.38,3.76-1.17.72-2.35,1.44-3.56,2.1A33.5,33.5,0,0,0,911.13,58c-.84.71-1.36.61-1.91-.31a58,58,0,0,0-4.7-7c.11,2,.22,3.95.34,5.92.41,6.47-.05,13,.2,19.43.3,7.69.59,15.37.8,23.06.15,5.59.43,11.16.91,16.73a11.1,11.1,0,0,1-.62,5.22,1.87,1.87,0,0,1-1.67,1.39c-3.84.56-7.67,1.19-11.55,1.47-3.3.24-6.61.42-9.89.82a56.9,56.9,0,0,1-8.46.11c-3.55-.09-7.11.28-10.66.51-2.26.15-4.51.42-6.77.56a13.27,13.27,0,0,1-2.17-.2c-1.27-.13-1.8-.65-2.11-2.08-.7-3.23-1.61-6.41-2-9.72-.83-7.17-1-14.37-1.39-21.57-.32-6.15.21-12.28-.09-18.44-.25-5.32.22-10.68.36-16,0-.53.28-1.12-.49-1.66a33.68,33.68,0,0,0-2.62,3.94c-1.07,2-1.3,2-3.34.84-2.65-1.55-5.07-3.48-7.85-4.82-1.53-.74-3.07-1.46-4.66-2.05-1.13-.43-1.33-1-.8-2a179.26,179.26,0,0,1,8.73-15.68c2.15-3.24,4-6.64,6.4-9.74a56.18,56.18,0,0,1,6-6.55,7.21,7.21,0,0,0-3.49-.3c-6.57,1-13.2,1.33-19.81,1.82-5,.37-10,0-15,0-3.07,0-6.12-.5-9.21-.23a19.58,19.58,0,0,1-4.1-.3c-4.66-.58-9.36-.32-14-.72a72.47,72.47,0,0,1-9.63-1.13,1.7,1.7,0,0,0-1.7.2,43.88,43.88,0,0,1,6.77,6.2c3.64,4.46,7.32,8.87,9.5,14.29.22.52.46,1,.67,1.56a2.7,2.7,0,0,1-.73,3.26c-1.7,1.64-3.64,3-5.46,4.44-2.46,2-5.12,3.7-7.43,5.88a5.41,5.41,0,0,1-2.34,1.42c-1.94-4.26-3.27-8.79-5.6-13a29.78,29.78,0,0,0,0,3.66c.55,4.45.08,8.9.24,13.35.11,3.14.2,6.31.11,9.43-.18,6.53-.17,13.07-.51,19.61-.25,4.86.31,9.7.44,14.56,0,.54,0,1.14.59,1.48,3,1.67,4.21,4.78,5.93,7.48,1.52,2.38,2,5.14,2.63,7.77a120.81,120.81,0,0,1,2.77,12.79,55.41,55.41,0,0,1,.6,11.59c-.42,5.57-.47,11.16-.68,16.74a9.36,9.36,0,0,1-.11,1.68c-.08.38-.57.84-.85.39-.56-.9-1.2-.52-1.89-.38a10.81,10.81,0,0,1-5.71-.5,10.2,10.2,0,0,0-9.28.8,12.33,12.33,0,0,1-12.27.75c-2.86-1.27-5.8-2.52-9.1-2.12a9.49,9.49,0,0,0-4.57,1.46c-4,2.89-8.18,2.86-12.19.1-3.3-2.26-6.36-1.8-9.5.19a15.07,15.07,0,0,1-5.53,2.43c-3.09.52-6.16.5-9-1.15a7.39,7.39,0,0,0-6.28-.76c-1.56.48-1.91.13-1.74-1.49.59-5.47,1-11,1.89-16.4.92-5.83,1.61-11.69,2.48-17.52,1.35-9,4.64-17.14,11-23.83,3.27-1.65,3.2-4.68,3.53-7.77.74-6.84,1.58-13.67,2.18-20.53.86-9.91,2.18-19.78,3.23-29.67.11-1.05.16-2.09.24-3.11-.93-.32-1.07.41-1.33.82-1.67,2.68-3.3,5.38-4.94,8.08-.17.27-.33.56-.51.83-2,3-2.72,3.21-5.94,1.69a31.59,31.59,0,0,1-5.66-3.28c-1.38-1.06-3.13-1.26-4.69-1.91-1.87-.78-1.83-.74-1.19-2.61a24.15,24.15,0,0,1,2-3.57,111.86,111.86,0,0,1,13.43-19.31l5.68-6.66a68,68,0,0,0-9.1.89c-3.88.86-7.85.84-11.76,1.4-6.82,1-13.72.73-20.57,1.39-6.08.59-12.21,1.18-18.36.66-2.1-.18-4.21,0-6.32,0-.86,0-1.48.22-1.45,1.17.1,3.9-1,7.71-.78,11.6a9.55,9.55,0,0,0,.08,1.7c1,4.22.63,8.52.8,12.79.38,10.1.86,20.19,1.23,30.29.1,2.51-.28,5-.43,7.51a143.56,143.56,0,0,0-.47,14.8c.19,4.07-.22,8.08-.28,12.12-.08,4.92-.31,9.85-.56,14.77-.45,9.12-.27,18.3-1.87,27.34-1.16,6.59-2.18,13.21-3.29,19.81-1.23,7.25-3.05,14.39-4,21.7-.48,3.83-1.43,7.61-1.78,11.48-.05.63-.24,1.13-1,1-3.75-.84-7.59.07-11.35-.58-.64-.11-1.31-.06-1.93-.21-1.42-.36-1.93-.91-1.82-2.39a37.79,37.79,0,0,0-2.32-15.48c-.85-2.4-.78-4.95-1-7.43-.56-5.06-1.27-10.1-1.89-15.15-.37-3-.46-6-.55-9-.17-5.82,0-11.66-.46-17.46-.26-3.78-.49-7.57-.85-11.35a29.83,29.83,0,0,1,0-4.12c.23-4.61.32-9.23.21-13.84s-.36-9.35-.41-14c-.07-5-.06-10,.23-15a35.58,35.58,0,0,0-.54-7.25c0,3.05-1.06,6-1.18,9-.29,7.19-.5,14.39-1,21.57-.46,6.94-.92,13.89-1.91,20.79a62.77,62.77,0,0,0-.43,7.27,64.58,64.58,0,0,1-1,9.4,42.54,42.54,0,0,0-.45,6.29c-.12,4-1.15,7.84-1.5,11.79-.48,5.48-.93,11-1.59,16.42-.4,3.35-1.22,6.65-1.76,10-.46,2.76-1.1,5.47-.75,8.36.28,2.39-.07,4.85,0,7.27,0,1.25-.63,1.54-1.61,1.62a5.25,5.25,0,0,1-1,0,75.65,75.65,0,0,0-8-.74c-1.46,0-1.73-.33-1.6-1.79.16-1.85.51-3.68.76-5.52a7.63,7.63,0,0,0-.26-3.11A79.85,79.85,0,0,1,587.07,183a96.61,96.61,0,0,0-1.35-10.82,46.48,46.48,0,0,1-.61-6c-.6-8.55-1.21-17.1-1.76-25.66-.35-5.49-.47-11-.79-16.47-.39-6.78.09-13.59-.84-20.35a46.49,46.49,0,0,1,0-8.26c.19-4.17-1-8.18-1.22-12.3-.05-1.13-.31-2.25-.35-3.38-.19-4.77-.16-9.55-.51-14.31-.5-6.64,0-13.26.22-19.88.11-4.15-.27-8.23-.37-12.34a5.67,5.67,0,0,1,0-1.93c.94-2.39.79-4.93,1.17-7.4.13-.88.35-1.29,1.24-1.42a31.75,31.75,0,0,0,4-.88c-4.75.45-9.46-.52-14.2-.32a28.48,28.48,0,0,1-6.06-.24c-3.81-.66-7.6-.25-11.39-.18a101.39,101.39,0,0,1-10.89-.7c-2.1-.18-4.2-.23-6.31-.2-5,.08-9.85-.73-14.76-1.19a33.62,33.62,0,0,0-4.6-.13,58.83,58.83,0,0,1-8.5-.09c-.59-.06-1.34-.33-1.65.55a1.63,1.63,0,0,0,.43,2,1.45,1.45,0,0,0,.18.17c4.54,3.21,6.26,8.55,9.52,12.73,1.09,1.4,2,3,3.06,4.36a7,7,0,0,1,1.75,4.36c-.54-.81-1.09-1.61-1.61-2.42a19,19,0,0,0-2.2-3.45,31.35,31.35,0,0,1-6.21-8.52c-.22-.45-.35-1.16-1.21-1-.55,3.25-.87,6.54-1.2,9.83a28.62,28.62,0,0,0,1.44,12.62c.61,1.76,1.6,3.34,2.11,5.15,1,3.43,1.49,7,2.42,10.4a56,56,0,0,1,2.46,14.29c0,.56.12,1.13.15,1.69.2,3.23.55,6.46.53,9.68,0,4-.37,8.06-.57,12.09a137.29,137.29,0,0,0,.18,16.48,2.39,2.39,0,0,0,1.42,2.3c3.88,1.61,7.08,2.28,10.57-2.12A11.74,11.74,0,0,0,532.3,117c1.2-2.79,1.51-5.77,2-8.72a87.09,87.09,0,0,0,.82-13.78c0-3.66-.68-7.25-.77-10.89a31,31,0,0,0-.79-7.47c-1.11-4-1.88-8-2.9-12-.83-3.21-1.27-6.58-2.72-9.53-1.78-3.62-3-7.51-5.29-10.88C522.41,43.36,522.14,43,522.45,42.6ZM776.16,35c2.58-1,4.47-2.91,6.37-4.83A11.36,11.36,0,0,0,776.2,35a10.44,10.44,0,0,0-4.57,3.69C773.25,37.6,775.23,36.93,776.16,35Zm-60.77,5.35a1.3,1.3,0,0,0,1.67.84c-.57-.54-1-1-1.71-.78-.05-.15,0-.36-.14-.42a96.39,96.39,0,0,1-8.7-6.45c-.18-.16-.39-.28-.58-.43a.63.63,0,0,0-1,.17c-.3.41-.17.72.24,1,2,1.31,3.77,3,5.93,4.13C712.49,39.09,713.66,40.34,715.39,40.33Zm-625,131.5c1.06-.3.87-1.19,1-2,.71-6.1,1.54-12.19,2.12-18.31.24-2.61.88-5.23.56-8-2.5.59-5,.14-7.34.59-3.59.69-7.22.51-10.83.72a1,1,0,0,1-1.21-.89,5.29,5.29,0,0,1,3-6.29,6.64,6.64,0,0,1,3.68-1.08c1.36.1,1.77-.52,2-1.77a7.15,7.15,0,0,1,4.16-5.34,9,9,0,0,1,4.74-.72c1.29.07,1.5,1.37,2.3,2,.37.28.54.81,1.17.87a9.44,9.44,0,0,0,1-3.44c.72-5.45,1.77-10.86,2.33-16.34.64-6.27,1.84-12.48,2.28-18.79.22-3.22.71-6.42,1.06-9.64.16-1.53,0-1.7-1.51-1.67-.57,0-1.13.1-1.7.16-2.57.26-5.14.58-7.72.79s-5,.32-7.51.42c-.87,0-1.77,0-2.07-1.18a6.68,6.68,0,0,1,4.26-7.74,4.61,4.61,0,0,1,3.54.34c1.36.69,1.74.14,1.87-1.08,0-.16.12-.3.15-.46.79-4.75,7.29-8.15,11.34-5.34a5.25,5.25,0,0,0,.94.37c.15-.76.32-1.38.38-2,.53-5.31,1.23-10.6,1.77-15.92.5-4.9,1-9.81,1.39-14.72.15-2,.09-2.05-1.9-1.86-7.67.73-15.36.45-23,.46-4.76,0-9.53-.1-14.29-.37-5-.29-10,.35-15-.66a25.38,25.38,0,0,0-4.1-.29,56.8,56.8,0,0,1-9.39-.83c-1.74-.36-3.49-.65-5.22-1.06-.94-.22-1.36.08-1.49,1-.18,1.2-.14,2.4-.37,3.61-.55,2.94-.85,5.92-1.27,8.88-.66,4.73-.95,9.51-1.92,14.2-.53,2.59-.73,5.25-1.12,8.2,1.37-.67,2.78,0,3.36-1.84.86-2.74,3.37-3.6,5.89-4s4.31.85,5.81,2.79c.79,1,.82,2.24,1.32,3.43a9.38,9.38,0,0,1,5,0,6.24,6.24,0,0,1,4.66,7.6c-.12.59-.38,1-.9.87-1.72-.29-3.37.39-5.06.31-6.37-.32-12.77,0-19.13-.78-1.56-.19-1.6-.19-1.77,1.42-.21,1.93-.4,3.87-.48,5.81-.28,6.86-.31,13.74-.85,20.58-.36,4.58-.4,9.19-1,13.76a2.85,2.85,0,0,0,.22,2.11c.9-.13,1.33-.91,2-1.34a6,6,0,0,1,9.18,3c.78,2.47.78,2.47,3.53,2.51a4.41,4.41,0,0,1,1.21.06c1.89.61,4,.82,5,3a9.94,9.94,0,0,1,.54,3.57c.14,1.67-.28,2-2,2.25-.89.11-1.77.22-2.66.27-4.92.33-9.86.22-14.79.23-2.35,0-2.85.43-3.08,2.73-.47,4.5-.27,9-.4,13.54-.11,4.19-.09,8.41-.41,12.57-.54,6.9-.07,13.73.24,20.59.05,1.27.68,1.62,1.83,1.71,3.23.25,6.45.59,9.68.87a7.87,7.87,0,0,0,1.94,0,1,1,0,0,0,.93-1c0-1.64-2.23-3.76-3.8-3.22s-2,0-2.32-1.3c-.63-2.68-4.52-4.11-6.65-2.24-.24.21-.39.55-.76.31a1,1,0,0,1-.34-.85c0-.79.39-1.11,1.1-1.35,3.25-1.09,5.95-.05,7.52,3a1.57,1.57,0,0,0,1.8,1.06c2.2-.1,4.43,2.26,4.62,4.5.13,1.6-.15,2-1.79,2.12-3.91.4-7.73-.62-11.61-.71-2-.05-2-.25-1.89,1.79.16,4.76.19,9.52.39,14.28a79.8,79.8,0,0,1-.14,9.41c-.08.93.09,1.56,1.25,1.54q7.17-.06,14.35,0c.68,0,1.08-.25,1.17-.92.25-1.76.5-3.53.69-5.3.11-1-.41-1.39-1.41-1.52a45.29,45.29,0,0,0-6-.61,11.81,11.81,0,0,1-3.84-.73c.18-.73.51-1.34.7-2a6.68,6.68,0,0,1,1.72-2.87c1.23-1.25,3.07-.51,4.16-1.31s2.2-2.12,3.83-2.36a4.82,4.82,0,0,1,1.68-.11c1.28.3,1.47-.36,1.61-1.4A69.67,69.67,0,0,1,46,183.65c1.36-4.91,2-10,3-15,.36-1.81.06-2-1.76-2.41C41.87,165,36.31,165,31,163.43c-1.75-.52-2.37-1.24-2-3,.16-.79.26-1.6.48-2.37a5.57,5.57,0,0,1,4.35-4.41A2.2,2.2,0,0,0,35.6,152a4.25,4.25,0,0,1,3.15-2.73c3.89-1,6.56.39,7.77,4.46.43,1.45.94,2.22,2.45,2.27.37,0,.74.32,1.17.22a1.36,1.36,0,0,0,.2-.4c1-7,2.69-13.8,4.16-20.67a149.51,149.51,0,0,0,2.87-16.73A35.46,35.46,0,0,1,58.52,111a39.36,39.36,0,0,0,1-5c.19-1.07-.24-1.71-1.44-1.66-1.45.05-2.91,0-4.36.11-4.7.29-9.4,0-14.09.12-1.2,0-1.54-.54-1.46-1.65.12-1.53.51-3,1.85-3.79A11.72,11.72,0,0,1,46.1,97,1.62,1.62,0,0,0,48,95.57a6.4,6.4,0,0,1,4.09-4.16c2.74-1.15,5.47-2,8.45-1.14.85.24,1.18-.14,1.31-.91.17-1.12.33-2.24.58-3.34A129.52,129.52,0,0,0,64.93,68.5a21.38,21.38,0,0,1,.67-5,.81.81,0,0,1,.91-.62c.43,0,.45.4.48.71.37,3.12,1.12,6.18,1,9.38-.11,3.39,0,6.8.17,10.2a115.65,115.65,0,0,1,0,14.54,26.23,26.23,0,0,0,.31,7.65c1.62.19,1.93-.92,2.34-2a5.87,5.87,0,0,1,5.91-3.74c2.38.36,4.57,1.08,5.58,3.63.29.75.88,1.38,1.17,2.12.36.91.74,1.26,1.8.93a3.92,3.92,0,0,1,3.92.62,7.5,7.5,0,0,1,2.56,7c-.16,1-.7,1.44-1.81,1.46-3.55.1-7.09.37-10.63.5-1.77.06-3.68.52-5.29-.16a7.23,7.23,0,0,0-4.23-.18c-1.78.28-1.89.34-1.84,2.16.12,4.52-.16,9-.12,13.56.06,7,.5,13.88.91,20.82.1,1.73.28,3.45.45,5.53a8.09,8.09,0,0,1,5.4-1,3.84,3.84,0,0,1,3.62,2.93c.52,1.77.52,1.75,2.27,1.52a17.76,17.76,0,0,1,2.42-.14c2,0,3,.75,3.53,2.63a12.75,12.75,0,0,1,.36,2.4c.11,1.73-.24,2.33-1.93,2.4-4.3.2-8.46,1.44-12.76,1.5-1.9,0-2,.17-1.83,2,.27,3.54.45,7.1.87,10.63a31.16,31.16,0,0,0,.94,6.32c2-.71,3.85-.5,5.07,1.2a4,4,0,0,0,3.57,1.85c2.82,0,4.4,2.48,3.71,5.29-.19.78-.6,1.35-1.48,1.34-2.76-.06-5.46.73-8.24.53-1.46-.11-1.55,0-1.32,1.47a50.91,50.91,0,0,1,.8,10.88c0,.89.23,1.39,1.22,1.33,3.48-.2,6.93.64,10.43.34,1.86-.16,2-.19,2.1-2.12.2-5.41,1.14-10.77,1-16.21-.08-2.73.35-5.48.47-8.22.08-1.58,0-1.57-1.62-1.47-1.85.12-3.71.21-5.56.34a2.07,2.07,0,0,1-2.2-1.52,4.11,4.11,0,0,1,1.93-5.57,2.82,2.82,0,0,0,1.71-2.25c.56-3.08,3-4.51,5.94-4.81.43-.05,1,0,.89.75,0,.57-.44.56-.82.65-3.62.83-4.43,1.67-4.84,5.29-.1.9-.4,1.28-1.28,1.38a3,3,0,0,0-2.49,2.36,1.51,1.51,0,0,0,1.44,2.2,33.1,33.1,0,0,0,6.05-.26c.93-.14,1.18-.61,1.29-1.43q.51-4,1.11-7.92A2.69,2.69,0,0,0,90.43,171.83ZM612.92,56.51l.71,0c.54,1.36.15,2.81-.07,4.16-.75,4.6-.19,9.21-.14,13.8,0,4.36.55,8.73.28,13.09-.21,3.48-.1,7-.09,10.42,0,7.37.29,14.73.36,22.09.06,5.82-.47,11.64.11,17.46.17,1.7.56,3.36.6,5.06.15,6.14.24,12.28.5,18.42a87.12,87.12,0,0,0,.79,9.67c.44,2.8.86,5.6,1.09,8.41a89.5,89.5,0,0,0,3.67,19.74c.23.71.51,1.06,1.31,1.13,4.2.36,8.4.48,12.61.42a2.28,2.28,0,0,0,2.48-2.09c.15-.8.26-1.6.37-2.4.22-1.6.38-3.22.64-4.82.84-5.18,2.22-10.25,3.08-15.45.91-5.57,1.86-11.15,2.78-16.72a176.44,176.44,0,0,0,2.06-25.12c.15-6.55.72-13.08.76-19.64,0-3.64.5-7.25.4-10.91A97.29,97.29,0,0,1,647.47,89a111.75,111.75,0,0,0,.22-17c-.34-9.54-1-19.07-.9-28.63a9.52,9.52,0,0,0-.25-1.91c-.43-2.3-1-4.56-.73-7,.2-1.56-.13-1.81-1.79-1.77-2.27.05-4.53.16-6.79.35-5.16.42-10.3,1.11-15.5,1.07-.73,0-1.46,0-2.18.05-.43,0-.84.16-.95.61-.66,2.62-2,5.17-.37,8,.83,1.43.29,2.2-1.35,2.39a2.77,2.77,0,0,1-3.07-2.48c-.22-1.25-.26-2.53-.41-4.11-1.28,1.93-2.43,3.61-1.65,5.78.42,1.17-.18,1.67-1,2.06a2.1,2.1,0,0,1-2.93-1.29,5.22,5.22,0,0,1,.37-4.46,16.09,16.09,0,0,1,3.35-4.43c.59-.55,1.43-1,1.34-1.9-10.73-.57-21.33-1.11-32-2.12a8,8,0,0,0-.16,3c.08,3,.15,6,0,9-.28,6.14-.7,12.3-.52,18.44.22,7.51.09,15.06,1.27,22.52.3,1.92.45,3.86.66,5.78.67,6.12.46,12.27.77,18.4.32,6.38.68,12.77.55,19.17,0,.56.07,1.13.09,1.7.12,4.28.69,8.55.85,12.81.3,7.93,1.31,15.8,1.63,23.73.08,2.16.56,4.31.82,6.47.41,3.37.86,6.73,1.14,10.1.32,3.9,1.45,7.63,2.2,11.43.16.8.54,1.59,1.57,1.57A39.94,39.94,0,0,1,598,197c.77.11,1.09-.2,1.32-1,1.64-5.52,2.22-11.25,3.14-16.89.94-5.82,1-11.78,1.95-17.6,1.22-7.51,1.44-15.12,2.63-22.63.48-3,.12-6.16.46-9.21.77-6.91,1.29-13.85,2-20.77.51-5.33,0-10.69.66-16,.52-3.92.49-7.88,1-11.82a107.27,107.27,0,0,0,1.11-15.73A77.6,77.6,0,0,1,612.92,56.51Zm-348.2,42a2.53,2.53,0,0,0,0-1.58c-1.17-5-2.12-10-2.9-15-.5-3.27-.89-6.55-1.67-9.8-.91-3.77-2.29-7.43-2.77-11.29-.32-2.66-1-5.24-1.54-7.84-1.41-6.48-3.17-12.88-4.12-19.46-.31-2.11-.11-4.34-1.14-6.56-3,1.32-6.09,1.67-9.1,2.55a69,69,0,0,1-13.13,2.14c-6,.56-12,1.34-18.1,1.75-2.75.19-3,.38-3.6,3.15q-.23.95-.48,1.89a12.43,12.43,0,0,0-.1,6.71,18.71,18.71,0,0,0,.94,2.49c.5,1.1-.34,1.69-.91,2.27s-1.25.09-1.69-.36c-2.19-2.3-3.8-4.83-3.2-8.25a23.7,23.7,0,0,1,1.14-4.7,7.55,7.55,0,0,0,.75-2.42,1.52,1.52,0,0,0-2,.52,40.05,40.05,0,0,1-5.44,5.53c-2.52,2.3-3.53,5-2.54,8.3.36,1.21.08,1.76-1.12,2.13-2.1.66-2.66.64-3.33-.65a6,6,0,0,1-.11-5c1.13-3.13,2.48-6.14,5-8.45a3.75,3.75,0,0,0,1.63-2.55c-1.89.11-3.66.26-5.43.31-5.1.15-10.2.18-15.27.78-2,.23-4,.27-6.05.33s-1.93,0-2.37,2c-.56,2.45-1.41,4.81-2.1,7.21-1.36,4.66-3.13,9.18-4.58,13.8s-2.85,9.25-4.21,13.9c-2,6.66-4.41,13.17-5.88,20a37,37,0,0,0-.61,11.3c.24,2.64,2,3.5,4.2,2.11.76-.47,1.42-1.1,2.19-1.53,1.76-1,3.52-1.16,5.18.26.62.53,1.26,1,1.88,1.54a5.36,5.36,0,0,0,2.86,1.24,6.16,6.16,0,0,0,5.09-1.66c2.65-2.36,4.93-2.22,7.47.25.23.23.45.47.66.71a4.57,4.57,0,0,0,3.66,1.57A6.62,6.62,0,0,0,187,106.3a18.08,18.08,0,0,1,3.26-2.52,3,3,0,0,1,3.42-.18,14.52,14.52,0,0,1,2.67,1.64,9.45,9.45,0,0,0,5.62,2.65,9,9,0,0,0,6.47-1.34,9.68,9.68,0,0,1,6.26-1.57,18,18,0,0,1,4.25,1c4.25,1.31,8.4,1.49,12.33-1.11a29.6,29.6,0,0,1,3-1.57,8.47,8.47,0,0,1,9,.38,5.6,5.6,0,0,0,6.59.08c2.75-1.8,5.62-3,9.1-2.21A2.5,2.5,0,0,0,262,99.76C262.47,98.37,263.36,97.88,264.72,98.53Zm83.12-27.76c.05-7.13-.65-14.24-.65-21.37,0-.64,0-1.29,0-1.93,0-.35.12-.66.49-.71a.75.75,0,0,1,.79.44c.16.28.34.55.5.83,2,3.43,4,6.83,5.89,10.29,1,1.71,1.07,1.82,2.67.64a39.53,39.53,0,0,1,6.06-3.55c2-1,3.89-2,5.8-3,.78-.44,1.54-1,1-2.13-1.55-3.49-2.32-7.25-3.76-10.77-2.41-5.93-5.76-11.4-8.7-17.07a15,15,0,0,0-6.11-6.1c-1.67-.94-3.53-1.14-5.28-1.7-3.09-1-3.34-.72-3.55,2.59a4,4,0,0,0,0,.49c0,1.15-.53,1.6-1.65,1.49a13.86,13.86,0,0,1-1.45-.05,1.76,1.76,0,0,0-2,.91,9.74,9.74,0,0,1-3.29,2.82,24.61,24.61,0,0,1-17.79,2.87,9.57,9.57,0,0,1-5-2.37,21.32,21.32,0,0,1-5.35-7.13c-.21-.52-.51-1.33-.87-1.39-1.84-.29-3.81-1.17-5.44-.89a18.73,18.73,0,0,0-8.76,3.9,45.44,45.44,0,0,0-6.7,7,137.8,137.8,0,0,0-11.31,17.82c-1,1.8-1,1.71.73,3.06,3.7,2.9,8,4.92,11.71,7.74a1,1,0,0,0,1.62-.23,9.57,9.57,0,0,0,.89-1.15c2-3.49,5.65-5.87,6.66-10a.85.85,0,0,1,1.16-.6c.46.18.36.67.33,1.06a3.39,3.39,0,0,1-.17.95,34,34,0,0,0-1.88,10.69,61.68,61.68,0,0,1-.69,6.76,127.88,127.88,0,0,0-1.68,14.2A117.13,117.13,0,0,1,291,88a201.52,201.52,0,0,0-2.22,28.3c0,2.1.09,2.25,2.08,2.44,6.2.58,12.33,1.73,18.57,1.86,5.66.13,11.32.5,17,.42,6.38-.09,12.75-.56,19.13-.88,2.13-.11,2.39-.34,2.11-2.5a59.6,59.6,0,0,1-.13-10.17c.29-6.06.32-12.12.33-18.19S347.84,76.93,347.84,70.77Zm865.3-45.84c-.19.63-.29.93-.38,1.24-1,3.35-1.13,3.4-4.57,2.94a1.7,1.7,0,0,1-1.71-1.91c0-1.15.34-2.32-.13-3.68a6.42,6.42,0,0,1-.3,1.57c-1.84,3.61-3.78,7-7.17,9.6-4.63,3.51-9.56,4.41-14.84,2.52-4.39-1.57-8.31-4.11-10.69-8.34a4.15,4.15,0,0,0-4.07-2.42c-.71,0-1.81.16-2.17-.75-.71-1.81-2.08-1.53-3.42-1.21a30.82,30.82,0,0,0-12.56,6.59,59.17,59.17,0,0,0-5.9,5.74,63.8,63.8,0,0,0-9.1,12.55c-3.08,5.67-4.43,12-6.32,18-.52,1.67-.34,1.91,1.32,2.44a109.72,109.72,0,0,1,11.71,4.59c1,.48,1.62.37,2.16-.6,1.07-1.91,2.29-3.74,3.27-5.68,2-4,4.41-7.73,5.88-12a38.18,38.18,0,0,1,1.74-3.73c.26-.54.61-1,1.3-.83s.41.78.38,1.22c-.07,1.12-.24,2.24-.38,3.35-.38,3.22-1.43,6.3-1.8,9.53-.47,4.19-.77,8.38-1.19,12.56-.66,6.6-1.9,13.14-2,19.8a61.12,61.12,0,0,1-.19,7c-.79,6.48,0,12.92.2,19.37a1.57,1.57,0,0,0,1.46,1.63c2.22.45,4.41,1.09,6.65,1.34,5,.54,9.94,1.22,15,1.55,6.45.43,12.85,1.56,19.36,1.36,2.59-.08,5.18.22,7.77,0,.45,0,1.23,0,1.13-.57-.32-1.8.9-3.19,1-4.88.44-5.4,1.06-10.79,1.62-16.18.64-6.19,1.36-12.38,1.91-18.59.49-5.55.92-11.12,1.15-16.7s.78-11.14.8-16.73c0-1.94.09-3.88.14-5.81,0-.33,0-.69.39-.79s.75.16.9.58c.47,1.38,1,2.75,1.41,4.14a77.68,77.68,0,0,0,5.35,12.94c.91,1.72,1,1.73,2.75.81,2.22-1.17,4.43-2.35,6.68-3.45a2.19,2.19,0,0,0,1.39-2.5,67.69,67.69,0,0,0-1.34-7.89,137.81,137.81,0,0,0-4-14.23c-.89-2.68-1.56-5.56-3.29-7.8A51.69,51.69,0,0,0,1213.14,24.93ZM902,22.34c-.49.61-.46,1.62-1.52,1.64s-2.09.22-3.14.25c-2.11.05-2.32-.12-2.85-2.13-.31-1.17-.54-2.36-.86-3.53a1.55,1.55,0,0,0-2.42-1A12.27,12.27,0,0,0,890,18.74c-1.77,1.53-3.32,3.41-5.51,4.33-6.41,2.7-14.74,1-18.75-5.21-.9-1.39-1.88-1-2.88-.87-1.32.2-.85,1.33-.81,2.16.19,3.6.19,3.6-3.2,4.36-2.74.62-2.74.62-3.08-2.19-.19-1.65-.75-2-2.16-1.13A22.74,22.74,0,0,0,849.15,24a76.72,76.72,0,0,0-9.32,12.71c-2.93,4.67-5.56,9.48-8,14.41-.37.74-.8,1.47.4,1.92,4.19,1.6,7.78,4.25,11.54,6.61.75.48,1.27.52,1.79-.31a44.66,44.66,0,0,0,4.28-7.6c.22-.57.07-1.76,1.15-1.48s.46,1.22.49,1.89a2.74,2.74,0,0,1,0,.49,167,167,0,0,0-1,21.08c.09,6.07-.26,12.13,0,18.2.17,3.55.62,7.09.53,10.65-.1,4.55.84,9,1.34,13.49a33.11,33.11,0,0,0,1.62,6c.65,2.11.63,2.3,2.83,2.33.49,0,1-.07,1.46-.09,6.69-.29,13.36-1.11,20.08-.54a15.07,15.07,0,0,0,2.42-.08c4.52-.35,9-.63,13.54-1.12,3.14-.33,6.24-.93,9.36-1.44a1.89,1.89,0,0,0,1.8-2,72.29,72.29,0,0,0-.28-9.2c-.27-7.52-.48-15-.69-22.57-.17-6.14-.71-12.27-.61-18.43a123,123,0,0,0-.68-17.69c-.17-1.36-.24-2.74-.39-4.11,0-.44,0-.83.45-1s.75.18,1,.51c.35.54.64,1.12,1,1.68l4.43,7.8c.36.62.78,1.13,1.5.45a58.86,58.86,0,0,1,8.47-6.07,1.79,1.79,0,0,0,.7-2.49c-1.18-3-2.27-6-3.33-9.09a17.6,17.6,0,0,0-1.74-3.73A43.3,43.3,0,0,0,902,22.34Zm-207.06,141a9.51,9.51,0,0,1,7.22.93c4.31,2.37,8.52,2,12.66-.52a20,20,0,0,1,3.92-1.91c2.21-.76,4.52-.87,6.5.6,4.23,3.16,8.44,3.29,12.73.19a5.52,5.52,0,0,1,2.9-1.14c2.75-.18,5.49-.38,8.1.89,1.31.64,2.72,1,4.07,1.57a10.29,10.29,0,0,0,10-1,11,11,0,0,1,10.85-.95,7.61,7.61,0,0,0,3.09.51c2.59-.08,3.43-.94,3.53-3.46.15-3.32.29-6.63.55-9.94a59.3,59.3,0,0,0-.35-15.23c-1-5.42-2.27-10.75-3.71-16.06a26,26,0,0,0-5.59-10.08,2.41,2.41,0,0,0-2.75-.89,18.44,18.44,0,0,1-3.87.27c-6.16.16-12.29-.3-18.43-.71-4.36-.29-8.72-.6-13.06-1.16a31.88,31.88,0,0,0-5.78-.54,112.67,112.67,0,0,1-12.86-.38,4.45,4.45,0,0,0-3.72,1.18,39.15,39.15,0,0,0-9.6,15c-1.36,3.63-1.62,7.55-2.26,11.38-1.29,7.83-2.48,15.66-3.45,23.54C695.28,158,695.16,160.52,694.93,163.29ZM496.47,20a1.86,1.86,0,0,0,.35,1.41c1.18,2.11,1.26,2.4-.67,3.83-3.43,2.54-6.54,5.59-10.65,7.12a1.62,1.62,0,0,0-1.12,1.87c.16,5.49.3,11,.35,16.47,0,4.43.08,8.87-.17,13.29-.24,4.2-.24,8.4-.25,12.61,0,6.15.21,12.3-.15,18.45-.29,5-.62,10-.79,15-.13,4.13-.12,8.26,0,12.39.08,3.22.38,6.43.58,9.58.37.08.54.18.68.14,3.89-1.07,7.89-1.84,11.36-4.09a12.32,12.32,0,0,1,2.4-1.15,20,20,0,0,0,9.32-7.08,4.11,4.11,0,0,0,1-2.18c.14-2.42.28-4.84.47-7.26.21-2.66.46-5.32.72-8,.43-4.33.81-8.68,1-13,.14-3.71-.43-7.43.13-11.14a31.46,31.46,0,0,0,.41-4.1c.07-5.65-.1-11.3.24-17a15.38,15.38,0,0,0-1-6.42,25.55,25.55,0,0,1-1.79-10.9c.32-4.44.83-8.86,1.4-13.26a2.53,2.53,0,0,0-1-2.53,5.66,5.66,0,0,0-2-1.38,7.62,7.62,0,0,0-.33.94c-.74,3.63-.74,3.63-4.27,3.71-2.12,0-2.25-.11-2.05-2.15s.87-3.77.52-6C499.56,20.08,498,19.6,496.47,20Zm-41.69.35c.38,2.84.87,5.23,1,7.64a81,81,0,0,1-.14,9.22c-.41,5.46-1.65,10.7-5.07,15.18a3.21,3.21,0,0,0-.78,2c0,2.28-.65,4.49-.68,6.74-.06,5.68-1.18,11.25-1.45,16.9-.3,5.89-.58,11.78-.74,17.67-.15,5.49,0,11-.25,16.46a73.35,73.35,0,0,0,.21,11.86c.31,2.55.92,5.07,3.57,6.2a42.91,42.91,0,0,0,17.62,4c4.23-.06,4.28-.17,4-4.32,0-.33-.1-.65-.11-1-.15-4-.92-7.9-.64-11.86.52-7.35.09-14.71.33-22.06.19-5.73-.1-11.49.35-17.19.63-8,.54-16,1.11-24,.32-4.43.46-8.88,1-13.31.27-2.32.34-4.67.44-7,0-.58.2-1.39-.85-1.38-3.3,0-5.77-1.8-8.2-3.71a17.92,17.92,0,0,1-4.15-5.32c-.19-.32-.14-1-1-.62C458,23.44,456.29,22.46,454.78,20.38Zm-.26,12.35c.37-3.89-.29-7.48-.81-11.08-.12-.82-.38-1.5-1.35-1.23-1.62.43-3.32.64-4.71,1.75a42.73,42.73,0,0,0-11,13.12c-4.85,8.86-6.81,18.64-8.78,28.39-.63,3.08-.84,6.25-1.32,9.36-.82,5.44-1.84,10.85-2.48,16.31-.46,3.84-.89,7.7-1.47,11.52-.51,3.44-.86,6.89-1.08,10.35-.12,1.94,0,3.88,1.55,5.43a10.82,10.82,0,0,0,6.63,3.23,3.79,3.79,0,0,0,4.31-2.39,44.22,44.22,0,0,0,3.88-10.44c2.39-11.47,5.33-22.83,7.19-34.41.93-5.74,2.07-11.45,2.28-17.29a6.66,6.66,0,0,1,2.39-4.71,7.62,7.62,0,0,0,2.35-3.18A32.12,32.12,0,0,0,454.52,32.73ZM724.41,16.45a5.66,5.66,0,0,1-3.17.6c-1.1-.13-1.38.63-.82,1.68a14.2,14.2,0,0,1,1.31,3.37,26.53,26.53,0,0,1-.57,14.8c-.55,1.68-1.95,3.18-1.08,5.17,0,0-.09.13-.12.2a15.07,15.07,0,0,0-.62,4.06c-.18,1.58-.12,1.66,1.5,1.61,2.83-.08,5.65-.36,8.48-.38,4.68,0,9.37.15,14.06.11A94,94,0,0,0,756.69,47a76.32,76.32,0,0,1,10.1-1.24c1,0,1.45-.27,1.31-1.41a43.46,43.46,0,0,1-.25-4.84,2.87,2.87,0,0,0-.46-1.56,30.18,30.18,0,0,1-4-17.68c.05-.93,1.08-2.27-.3-2.74-1.22-.42-1.69,1-2.18,1.9a23,23,0,0,1-9.53,9.06A11.39,11.39,0,0,1,744.7,30a31.12,31.12,0,0,1-9.83-3.31,6.52,6.52,0,0,1-2.75-2.33c-1.22-2.09-2.79-3.19-5.32-2.61-1.24.29-1.73-.44-1.74-1.66A8.2,8.2,0,0,0,724.41,16.45Zm-246,8.19c-1,1.39-1.94,2.67-2.84,4a1.66,1.66,0,0,0-.18.92A135.72,135.72,0,0,1,474.7,45c-.68,9-1.07,18.07-1.47,27.12-.28,6.46-.48,12.92-.56,19.38q-.17,14.66-.09,29.32c0,3.64.43,7.27.63,10.91a1.64,1.64,0,0,0,1.85,1.76,56.22,56.22,0,0,0,5.8-.48c1.65-.24,2.13-.82,1.92-2.45a88.29,88.29,0,0,1-.51-11.14q0-6.8.25-13.58c.2-4.94.68-9.86.79-14.79.11-5.26-.08-10.52-.13-15.78-.05-6.3.12-12.61.35-18.9.26-7.59-.47-15.18.19-22.75a1.87,1.87,0,0,0-.27-1.15A51.61,51.61,0,0,0,478.44,24.64ZM249.25,15.51a4.13,4.13,0,0,0-.81,2.12c-.07.44-.27.76-.74.79a8.49,8.49,0,0,1-3.14,0c-.89-.29-.47-1.26-.68-1.91a1.55,1.55,0,0,0-.06-.23.68.68,0,0,0-1-.38c-.32.12-.63.27-.5.68.8,2.68.24,5.47.7,8.16.1.58.2.95-.43,1.08a.76.76,0,0,1-1-.8c0-.73,0-1.46,0-2.19a36.12,36.12,0,0,0-.21-5.09c-.21-1.24-.59-1.82-2-1.69-2.73.26-5.45.62-8.18.89q-9.15.9-18.34,1.51c-7,.46-14,.5-21.07.9-4.84.28-9.71,0-14.56.06-1.33,0-3-.67-3.5,1.45,0,.17-.57.25-.88.33-.86.23-1.72.44-2.58.65-1.12.26-2,0-2.09-1.28s-1-1.1-1.91-1c-1.23.11-1.23,1-1,1.75a16.45,16.45,0,0,1,.5,3.33c.25,2.56.54,5.13.91,7.68.22,1.54.64,1.82,2.25,1.84.48,0,1-.07,1.46-.07,4-.08,7.9-.59,11.88-.45,3.55.12,7.11,0,10.67-.19,3.86-.18,3.84-.27,5.78-3.62a3.08,3.08,0,0,0,.16-3.19c-.71-1.45-.22-2.48,1.24-2.88a13,13,0,0,1,2.15-.41,3.88,3.88,0,0,1,3.92,2.27c.74,1.84,1.77,3.59,1.37,5.79-.26,1.49,0,1.51,1.64,1.34,5.79-.6,11.58-1.25,17.39-1.74a78.45,78.45,0,0,0,21.72-4.69c.65-.25,1.26-.41,1.26-1.22C249.62,22,250.09,18.92,249.25,15.51ZM718.89,51.12c-.25,1.68-.56,3.27-.72,4.87-.4,4-1.56,7.94-1.44,12,0,1,.28,1.52,1.36,1.38a162.14,162.14,0,0,1,16.2-1c5.48-.13,11-.5,16.46-.45a120.92,120.92,0,0,0,15.69-1.35c.32,0,.63-.15.95-.22a1.42,1.42,0,0,0,1.29-1.67c-.1-4,0-8.09-.12-12.13,0-2.12-.14-2.12-2.24-2-3.94.23-7.89.65-11.83.6-7-.1-14,.5-21,.94C728.62,52.39,723.74,52.78,718.89,51.12Zm49.49,36.35c.24-4.36.22-8.57.28-12.75s.74-4.23-4.16-3.54c-4.74.66-9.51.52-14.25,1.17a92.15,92.15,0,0,1-13.09.48c-6.62-.06-13.25,0-19.87,0-1.15,0-1.35.55-1.35,1.5,0,3.25-.58,6.45-.82,9.68-.32,4.39-1.29,4.18,4,4.46,4.68.25,9.39.12,14.08.2a47,47,0,0,0,11.35-.82,9.91,9.91,0,0,1,3.63-.2C754.87,88.59,761.54,87.26,768.38,87.47ZM38.13,24.15c-.3-.65.17-1.16.13-1.72,0-.33,0-.66-.37-.83a2.63,2.63,0,0,0-3.48,1.75c-.26,1.43-.4,2.9-.77,4.3-.32,1.21.2,1.59,1.23,1.77,2.07.38,4.11.85,6.18,1.17,5.12.81,10.32.5,15.45,1.28,3.68.57,7.42.14,11.14.57,4.74.54,9.54.1,14.32.35,3.53.18,7.09-.15,10.63-.18a118.05,118.05,0,0,0,13.81-.81c.71-.09,1.41,0,1.61-1.06a26,26,0,0,0,.23-7.72.63.63,0,0,0-.59-.63,7.91,7.91,0,0,0-4.06.25c-.81.36-.44,1.78-.6,2.73-.07.4-.07.81-.14,1.2-.25,1.5-.45,1.65-1.88,1.41-.31-.06-.62-.19-.94-.23-3-.37-3-.37-2.82-3.42a4.45,4.45,0,0,1,.14-1c.26-.88-.27-1.16-1-1.3a6,6,0,0,0-1.18-.19c-4.36.09-8.72.18-13.08.31-2.65.08-5.27.69-8,.24a25.49,25.49,0,0,0-3.39-.13c-7.68-.21-15.36-.41-23-.65-1,0-1.93-.19-2.9-.27-.65-.06-1.15.13-1.07.91.16,1.58-.8,1.93-2.08,2A8.47,8.47,0,0,1,38.13,24.15ZM760,105.61c1,0,1.94,0,2.91,0,1.3,0,2.6.06,3.88-.07s1.74-.59,1.72-2c0-3.31-.09-6.63-.18-10,0-1.67-.07-1.65-1.84-1.54-3.86.25-7.72.6-11.61.47-4.68-.17-9.39,0-14.06-.29-4.87-.35-9.68.41-14.52.39-2.82,0-5.62.53-8.44-.11a13.05,13.05,0,0,0-2.66-.1c-.59,0-.85.28-.91.86-.25,2.41-.63,4.82-.77,7.23-.12,2.08.42,2.55,2.47,2.68a23.66,23.66,0,0,0,2.66.11,93.88,93.88,0,0,1,12.1.47c6.12.51,12.22,1.24,18.37,1.32a11.32,11.32,0,0,1,2.18.17C754.22,105.86,757.14,105.58,760,105.61Zm-168.42-79a21.51,21.51,0,0,0-3.38-.78c-1.14-.09-1.9-.27-1.76-1.63a.77.77,0,0,0-.57-.92,3.32,3.32,0,0,0-4.34,2.79,15.42,15.42,0,0,1-.35,2.88c-.17.59-.1,1.1.62,1.35s1.16.73,1.76.78c2.9.23,5.7,1.13,8.65,1a62,62,0,0,1,9.43.4c2.89.32,5.82.26,8.72.49,2.23.17,3.88,0,4.06-2.91.09-1.36,1.51-1.63,2.58-.69a5,5,0,0,1,1.42,2.5,1.42,1.42,0,0,0,1.6,1.14c.73,0,1.46,0,2.18,0,4.43-.36,8.88-.33,13.29-.93,2.88-.39,5.76-.86,8.63-1.34.68-.11,1.48-.15,1.63-1.14a29.44,29.44,0,0,0,.51-5.29c0-.49,0-1.09-.62-1.18a7.5,7.5,0,0,0-2.41,0c-.61.11-.43.95-.74,1.41a3.58,3.58,0,0,0-.26.67c-.5,1.36-1.63,1.1-2.66,1s-2.08-.18-2-1.58-.7-1.49-1.66-1.39c-4.59.48-9.21.39-13.81.62-5.16.27-10.32.62-15.48.92a5.41,5.41,0,0,1-1.21,0c-3.19-.57-6.42-.71-9.64-1-1-.09-2.24-.58-3.08-.23C591.65,23.91,592.43,25.56,591.62,26.59Zm564.17-6.37h8.49c.4,0,.91,0,1-.49s-.44-.75-.94-.86c-1.69-.36-3.39,0-5.08-.05-6.38-.24-12.74.3-19.12.33-7.44,0-14.87.38-22.32.2-5.91-.14-11.82,0-17.73-.17-9.13-.23-18.28-.32-27.42.08-3.88.16-7.78-.16-11.66-.27-8.59-.24-17.17,0-25.76-.38-8.9-.43-17.82-.48-26.73-.69-4.46-.1-8.91-.11-13.36-.26-7.21-.24-14.41-.62-21.62-.68-6.72-.05-13.44-.3-20.16-.36-5.9-.05-11.8-.38-17.71-.36-6.3,0-12.62-.16-18.92-.65-3.63-.29-7.28-.34-10.91-.68a21.72,21.72,0,0,0-2.91,0c-.74,0-.88.61-.81,1.23s.55.68,1.07.65c1.37-.08,2.75-.21,4.12-.21,5.83,0,11.65.31,17.48,0a17.8,17.8,0,0,1,2.42.09c5.57.44,11.12,1.11,16.7,1.29,6.71.22,13.44.42,20.16.47,11.25.08,22.5.48,33.74.87,13.11.45,26.23.79,39.34.93,14.65.14,29.29,1,43.94.67,8.66-.18,17.32-.23,26,0,5.83.13,11.66.14,17.48.11,4.61,0,9.22-.22,13.83-.28,2.67,0,5.33-.69,8-.32C1149.5,20.81,1152.65,20.1,1155.79,20.22Zm-1087.67,94c2.31-.31,4.55-.72,6.7.33.26.13.64,0,1,0,3.21.14,6.41-.36,9.62-.28,1.48,0,2.85-.56,4.31-.46.61,0,.83-.42.9-.92a5.19,5.19,0,0,0-2-4.72c-1.12-1-2.41-.65-3.66-.25a2.78,2.78,0,0,0-.64.33c-.9.56-1.41.16-1.52-.73-.23-1.78-1.44-3-2.2-4.54a2.81,2.81,0,0,0-1.8-1.46c-3.55-1.16-5.66-.23-7.1,3.23-.27.64-.31,1.54-1.2,1.68-2,.29-2.27,1.73-2.4,3.36A21.53,21.53,0,0,0,68.12,114.19ZM696.5,46.44c3.58,2.34,7.28,4.29,11,6.22.5.26,1,.44,1.56.66.83.34,1.29,0,1.73-.75,1.57-2.72,3.23-5.4,4.85-8.09.87-1.43.91-1.51-.64-2.35A57.6,57.6,0,0,1,705.46,36c-1.46-1.21-1.71-1.1-2.9.44A79.35,79.35,0,0,0,696.5,46.44ZM454.26,15.07a51.86,51.86,0,0,0-6.75-.52c-6.31.19-12.61-.18-18.91-.35-3-.08-5.94-.62-9-.61s-6.3.2-9.45.37c-6.79.38-13.59.07-20.39.07-4.36,0-8.73-.27-13.1-.41-3.63-.12-7.28-.31-10.9-.39-4-.1-8.08,0-12.12,0-1.64,0-3.29.14-4.94.21l-.06.49c1.48.18,2.71,1,4.29,1,4.53,0,9.06.19,13.58.3,10.28.24,20.55.55,30.83.69,6.87.09,13.73.38,20.6.51,5.89.11,11.78-.36,17.68-.41,5.58,0,11.16,0,16.74-.24A2.12,2.12,0,0,0,454.26,15.07ZM43.84,74c2.58-.18,5.16-.3,7.73-.54,1.92-.18,2.2-.76,1.4-2.46-1.2-2.54-4.35-3.7-7.5-2.76-2.11.63-2.11.63-2.26-1.66,0-.24,0-.49,0-.73-.4-2.62-3.56-5-5.79-4.17s-4.28,2.07-4.76,4.69c-.2,1.1-.75,1.26-1.65,1.2a2.51,2.51,0,0,0-2.42,1.3,4.57,4.57,0,0,0-.36,4c.32,1.12,1.68.64,2.57.65C35.13,73.56,39.47,74.09,43.84,74Zm5.58,91.07c.21-2.13.46-4,.53-5.81a1.89,1.89,0,0,0-2.42-2.05c-1.29.33-1.59-.26-1.76-1.26-.08-.47-.09-1-.19-1.44a5.1,5.1,0,0,0-4.15-4.18c-2.43-.24-4,.73-5,3.26a1.73,1.73,0,0,1-1.29,1.22c-3.53,1.09-4.4,2.25-4.83,5.76-.11.95.14,1.43,1,1.6,2.6.54,5.11,1.56,7.8,1.59a31.3,31.3,0,0,1,5.54.6C46.14,164.67,47.66,164.84,49.42,165.09Zm-24.7-34.26c2-.05,3.54.24,5.17.14a76.84,76.84,0,0,1,7.74,0,35.54,35.54,0,0,0,5.56-.28c2.48-.29,3.1-1.34,2.39-3.72a2.63,2.63,0,0,0-1.25-1.43,7.75,7.75,0,0,0-4.84-1.22c-2.73.17-2.74.12-3.67-2.41-.23-.6-.37-1.24-.6-1.84a3.12,3.12,0,0,0-1.8-1.86c-3.36-1.4-7.88,1.13-8.28,4.75C24.86,125.46,24.86,128,24.72,130.83ZM706.09,31.51c3.94,3.24,7.64,6.29,12.14,8.27a11,11,0,0,0,.89-1.36A24,24,0,0,0,719.91,21c-.82-2.62-1.84-2.81-3.91-.94C712.27,23.39,709.45,27.55,706.09,31.51Zm69,20.14c3.82-3,7.49-5.94,11.11-8.89.75-.6,1.32-1.41,2-2.09a1.3,1.3,0,0,0,.23-1.71,25.85,25.85,0,0,0-4.74-7.37,18.56,18.56,0,0,0-3,2.34c-3,2.25-6.07,4.56-9.12,6.82-.48.36-.95.63-.57,1.34C772.53,45.09,773.18,48.49,775.05,51.65Zm-5-32.31c-.14.66-.19,1.06-.31,1.44-.6,1.81-.93,2-2.8,1.83-.24,0-.48-.06-.72-.11-.91-.21-1.37.06-1.37,1.07a28.59,28.59,0,0,0,3.29,13c.87,1.71,1.3,1.64,2.76.49,3.18-2.49,6-5.47,9.34-7.7.91-.6.88-1.23.25-2s-1.37-1.6-2.1-2.36A23,23,0,0,0,770.07,19.34ZM91.72,77c-.85.06-1.26-.54-1.81-.83A4.66,4.66,0,0,0,83,79.78c-.16,1.53.14,1.9,1.7,1.85,5.74-.16,11.44-.83,17.15-1.36.66-.06,1.07-.32,1.13-1,.22-2.41.63-4.83.62-7.24,0-3-1.87-4-4.16-3.86a7.08,7.08,0,0,0-6.54,5.25A17.27,17.27,0,0,1,91.72,77Zm1109.1-53.61c-3.93,0-7.87.08-11.8,0s-7.87-.72-12.06-.62a25.63,25.63,0,0,1,2.71,4.76,7.27,7.27,0,0,0,4.43,4.21,14.57,14.57,0,0,0,3.57.55c5.41.92,9.13-1.75,12.19-5.77A4.06,4.06,0,0,0,1200.82,23.36ZM49.9,103.48l7.71-.43c2.25-.13,2.41-.2,2.61-2.41s.46-4.5.87-6.74c.3-1.66.07-2-1.54-2.42a8.29,8.29,0,0,0-1.92-.25,8.75,8.75,0,0,0-8.88,6.36c-.21.63-.24,1.21-1.27.88-2.72-.89-4.79.74-6.92,2a2.51,2.51,0,0,0-1,1.36c-.29.81-.1,1.27.8,1.28C43.79,103.21,47.19,103.23,49.9,103.48Zm26,39.82a5.7,5.7,0,0,0,.63.16c5.36.37,10.63-.5,15.93-1.06,2-.21,2-.41,2.29-2.46a10.91,10.91,0,0,1,.38-1.89,7,7,0,0,0-.83-5.55c-.63-1.16-1.34-2.5-3-2.53a6.88,6.88,0,0,0-6.86,5.67c-.1.78.19,1.62-.28,2.34C78.29,137.73,76.11,139.1,75.89,143.3ZM151,22.89c3.63.32,7.56-.24,11.51-.51.73-.05,1.29-.18,1.24-1.08s.25-1.7-.89-2a6.85,6.85,0,0,0-1.66-.27c-1.62.05-3.23.14-4.84.29-5,.48-10,.85-15,1.06-3.79.15-7.59.08-11.39.08-4,0-8.06.3-12.1.39-2.34.05-4.69-.06-7-.06-.46,0-1,.05-.95.77,0,.57,0,1.17.81,1.25l.49,0c2.9,0,5.8.44,8.71.26a24.58,24.58,0,0,1,4.11-.08,101,101,0,0,0,17,.07C144.24,22.92,147.47,22.87,151,22.89Zm558.43-5.24a9.63,9.63,0,0,0-3.41-.18,126.3,126.3,0,0,1-14.56.38c-5-.28-10,.27-15,.39-2.3.05-4.45.85-6.69,1-3.14.22-6.29.32-9.43.27-5.51-.08-11,.94-16.47.78a1.55,1.55,0,0,0-.48,0c-.24.06-.46.17-.46.47a.69.69,0,0,0,.21.65,3.36,3.36,0,0,0,2.1.46c3.88,0,7.75.08,11.62.36a22.33,22.33,0,0,0,6.06-.07c4.87-1,9.82-.44,14.71-1.17,5.67-.85,11.48-.3,17.18-1.1C699.61,19.23,704.5,19.33,709.47,17.65Zm-194-.21a57.63,57.63,0,0,1,11.14.52c1.37.14,2.7.48,4.09.55,5.25.25,10.52.17,15.75.83,6.6.83,13.24-.24,19.86.5,4.41.5,8.89-.06,13.34.41a34.46,34.46,0,0,0,5.54-.28c.7,0,1.25-.24,1.38-1.06.25-1.6.55-3.19.81-4.79.12-.72-.23-1-.94-1-1.6-.13-2.14.36-1.87,1.92a7.82,7.82,0,0,0,.67,2.05c.21.44,1.09.65.48,1.34a1.57,1.57,0,0,1-1.73.41,15.92,15.92,0,0,0-3.84-.34c-8.18.18-16.34-.51-24.51-.51-7.68,0-15.33-1-23-1-2.41,0-4.82-.11-7.23-.13a107,107,0,0,1-15.48-1,4.39,4.39,0,0,0-1.44.09.68.68,0,0,0-.61.64c0,.39.29.51.6.64a4.75,4.75,0,0,0,1.9.32C512.12,17.43,513.82,17.44,515.52,17.44Zm113.06,5.07,6.83-.6c.55-.05,1.17-.05,1.18-.87a1.21,1.21,0,0,0-1-1.22,5.89,5.89,0,0,0-2.4-.21c-1.52.13-3.06.22-4.59.27-4.68.15-9.36.33-14,.42a92.19,92.19,0,0,1-11.15-.11c-3.13-.32-6.28-.49-9.41-.76-.77-.07-1.19.1-1.34.95-.23,1.35-.1,1.66,1.4,1.84,3.37.4,6.74.74,10.12,1.07,5.9.57,11.78-.25,17.66-.61C624.22,22.54,626.56,22.91,628.58,22.51Zm-148.86.94c1.46,2.43,2.76,4.57,4,6.72.38.63.73,1,1.55.65,3.88-1.61,7-4.31,10.12-7,.35-.3.71-.75.36-1.27-.79-1.16-1-2.56-1.69-3.76s-1.06-1.37-2.55-.85C487.49,19.37,483.92,21.79,479.72,23.45Zm-409.63,145c4.92.33,9.62-1,14.41-1.48a1.09,1.09,0,0,0,1-.55,3.24,3.24,0,0,0-2.59-4.3c-1.67-.15-3.06.64-4.56,1.43-.45-1.28-.86-2.4-1.26-3.53-.34-.95-.84-1.83-1.9-2-1.76-.31-3.5-.44-5,.9a1.89,1.89,0,0,0-.8,1.6A38.08,38.08,0,0,0,70.09,168.41ZM468.62,16.8a8.52,8.52,0,0,0-.83.57,11.88,11.88,0,0,1-4.52,2.22c-1.54.46-1.71.68-1,2.2a16.37,16.37,0,0,0,8.7,8.33,1.4,1.4,0,0,0,1.88-.55l3.7-5.09c.48-.66.58-1.18-.25-1.79-2.34-1.73-4.59-3.58-6.88-5.37A7.74,7.74,0,0,0,468.62,16.8ZM625.53,201.54c-1,0-1.94-.12-2.91-.15-.54,0-1,.24-.94.84.07,1.43-.65,2.72-.49,4.21.25,2.34.25,2.39,2.73,2.63,3.29.33,6.6,0,9.88.35.76.08,1.21-.07,1.4-.91a36,36,0,0,0,.71-5.76c.05-.65-.16-1.14-.95-1C631.81,202.09,628.68,201.33,625.53,201.54ZM842.28,19.2a1.56,1.56,0,0,0-1.49-.49c-1,.05-2.09.19-3.14.18-9.63,0-19.25.21-28.87-.35-3.31-.19-6.59.33-9.91-.05-4-.46-8-.66-12.09-.82a115.89,115.89,0,0,0-12.68-.06,26.08,26.08,0,0,0,7.13,1.3c10.56.91,21.14,1.31,31.73,1.67a168.61,168.61,0,0,0,25.42-.73C839.62,19.71,840.85,19.44,842.28,19.2Zm331.5,4.59c-.49,2.8-.39,2.95,1,5a18.63,18.63,0,0,0,10.73,7.42,12.5,12.5,0,0,0,8.76-.39c5.53-2.42,8.77-6.75,10.7-12.32-2-.18-2-.16-2.84,1.72a14.46,14.46,0,0,1-10.67,8.62,15.84,15.84,0,0,1-5.05-.19,9.09,9.09,0,0,1-7.94-5.5,22.36,22.36,0,0,0-1.28-2.6A3.06,3.06,0,0,0,1173.78,23.79ZM466.62,13.35a25,25,0,0,1-3.87.08c-.51,0-1,.09-1,.74s.49.6.87.63a47.22,47.22,0,0,0,5.29.32,2.76,2.76,0,0,1,2,.55,4.53,4.53,0,0,0,2.71.84,107.38,107.38,0,0,0,13.05.62,21.75,21.75,0,0,0,6.18-.79c2-.56,2-.53,3.2,1.21a2.2,2.2,0,0,0,2.76.78c1.17-.5.59-1.52.65-2.33.08-1.16-.79-1.24-1.62-1.31-3-.24-6-.56-8.94-.69C480.8,13.68,473.73,13,466.62,13.35Zm-130.06,2a11,11,0,0,1-4.66,4.53C325.12,24,316.36,23.77,311.71,16a16.12,16.12,0,0,0-1.88-2.53,2,2,0,0,0-2.27-.27c-.52.2-.39.9-.23,1.31,1.46,3.77,3.44,7.38,7.31,9,6.64,2.68,13.14,1.75,19.31-1.85C336.16,20.31,337.73,18.81,336.56,15.33Zm423.3,2.94c-1.24-.7-1.82,0-2.5.6-3.11,2.75-6.41,5-10.72,5.75-5.4,1-11.13-1.18-14-5.87-.44-.72-.73-1.66-2.07-1.58.07,1.07-.54,2.25.09,3.08,1.65,2.18,3.14,4.59,5.86,5.67a50.45,50.45,0,0,0,7.11,2.42,9.2,9.2,0,0,0,3.31,0c2.82-.31,5-1.8,7.16-3.34A19.68,19.68,0,0,0,759.86,18.27Zm-26.27-.62c2.3,3.25,5.11,5.41,8.64,5.73,5.16.46,9.8-1.24,13.85-5.57C748.46,17.17,741.27,17.57,733.59,17.65Zm26.15,73.57c2.54-.24,4.88-.44,7.21-.68.64-.07,1.41-.17,1.32-1.06s-.85-.6-1.36-.59c-2.26,0-4.53.14-6.79.14-3.31,0-6.62.75-9.91.21a27.67,27.67,0,0,0-9.65.41,16.35,16.35,0,0,1-3.62.26c-7-.32-13.91.37-20.85-.45a3.47,3.47,0,0,0-.72,0c-.5,0-.66.38-.71.81s.05.83.52.94a9.53,9.53,0,0,0,1.21.17,68.44,68.44,0,0,0,9.17.15,51.67,51.67,0,0,0,5.57-.26,40.29,40.29,0,0,1,8-.39C746.05,91.34,753,91,759.74,91.22ZM716.56,71.11a7.3,7.3,0,0,0,3.54.73,83.93,83.93,0,0,1,10.4-.34c6.3-.12,12.61.34,18.9-.39a39.53,39.53,0,0,1,6.75-.53c3.86.23,7.53-1,11.32-1.13.78,0,1.23-.41,1-1.24s-.85-.48-1.35-.42c-3.93.49-7.83,1.24-11.79,1.34-2,.06-4-.08-6.06,0-8.86.53-17.75.38-26.61.86A22.45,22.45,0,0,0,716.56,71.11ZM312.67,14.73c2.07,3.6,4.77,5.94,8.82,6.28a14.34,14.34,0,0,0,12.63-5.09C327,16.71,320,14.62,312.67,14.73ZM181.12,17.57c19.75.67,39.37,0,58.85-3.23a60.29,60.29,0,0,0-10.32-.07c-5.46.66-11,1.09-16.44,1.22-3.89.09-7.71.8-11.58.94a22.47,22.47,0,0,0-3.39.12,56.73,56.73,0,0,1-14,.86A27.11,27.11,0,0,0,181.12,17.57ZM599.8,202.39a7.36,7.36,0,0,0,0-3.09c-.11-.4-.18-.78-.68-.86a43.25,43.25,0,0,0-7.7-.79c-.71,0-1,.39-1,1.07-.09,1.53-.28,3.06-.32,4.59s.15,1.93,1.73,1.92c2,0,4,.53,6,.61s2.22-.07,2.18-2C599.94,203.46,599.87,203.05,599.8,202.39ZM719.27,49.79c4.55,1.5,9.14,1.11,13.73,1,3.24-.1,6.43-.59,9.66-.8,2.91-.18,5.81-.19,8.73-.17,4.11,0,8.21-.49,12.33-.39a31.72,31.72,0,0,0,3.86-.38c.45-.05.76-.27.77-.75a.88.88,0,0,0-.6-1,6.58,6.58,0,0,0-2.89-.15A157,157,0,0,1,747,49c-5.42.13-10.83-.1-16.24-.11-3.65,0-7.25.5-10.88.56C719.7,49.46,719.51,49.66,719.27,49.79Zm-675-30c1.23.17,2.46.34,3.7.49,2.1.26,4.2-.12,6.3,0,5.25.21,10.5.79,15.76.67,2.69-.06,5.36.62,8,.31,5.06-.61,10.16-.36,15.22-.82.44-.05,1,.06.91-1C77.52,18.65,60.89,20,44.22,19.8ZM433,120.86c-4,1.43-7.34-.44-10.69-2.64-.32,1.83-.61,3.41-.89,5s-.11,2.15,1.29,2.61a69,69,0,0,0,7.18,2.18c1,.21,1.56-.09,1.84-1,.14-.47.5-.94.25-1.51-2.4,1-2.6,1-3.21-.1a1.93,1.93,0,0,1,.37-2.62c1-.78,2-.51,3.58,1C432.7,122.81,433.62,122,433,120.86ZM869.33,15.72c2.68,3.55,6.45,4.5,10.49,4.11a8.61,8.61,0,0,0,7.36-5,16.06,16.06,0,0,0-4.32.12C878.41,15.77,874,16.44,869.33,15.72ZM77.59,197.43c.92-.1,2.61-.26,4.3-.45.46,0,1,0,1.21-.58a2.46,2.46,0,0,0-1.7-3.21,3.54,3.54,0,0,0-1.91,0c-1.47.65-2,0-2.48-1.28a3.46,3.46,0,0,0-1.53-1.83,2.42,2.42,0,0,0-2.53,0c-.88.45-.63,1.21-.6,1.91s.09,1.13.15,1.7C72.86,197.62,72.9,197.65,77.59,197.43ZM43.5,197c.11-1.42-.55-2.06-2-1.89a4.92,4.92,0,0,0-3.54,2.3c-.42.62-.72,1.13-1.71.81a2.58,2.58,0,0,0-3.41,1.3c-.65,1.06-.36,2,.86,2.18,2.38.4,4.78.64,7.17,1,1,.13,1.44-.27,1.73-1.19A26.56,26.56,0,0,0,43.5,197ZM505.15,10.24c-1.75,0-1.82.18-2,1.92-.14,1.2.09,2.39-.08,3.61-.42,2.88-.65,5.78-.93,8.68-.05.45-.32,1.05.25,1.29a4.17,4.17,0,0,0,2.4,0c.73-.13.54-.9.61-1.42.6-4.07,1.2-8.15,1.72-12.23C507.31,10.5,506.93,10.2,505.15,10.24Zm263.79,2.85a31.19,31.19,0,0,1,.3-6.22c.08-.47.25-1-.23-1.34a3.5,3.5,0,0,0-2.73-.72c-.76.24-.58,1.22-.68,1.92a4,4,0,0,0,0,.49c-.22,3.93,0,7.88-.61,11.8-.25,1.51,0,1.78,1.39,1.91,1.65.16,2,0,2.1-1.51C768.72,17.1,768.82,14.76,768.94,13.09ZM521.86,123.91c.46,1.16.84,2,.53,2.9-.19.59-.45,1.07-1.14,1a2.14,2.14,0,0,1-1.75-1.14,1.81,1.81,0,0,1,.08-1.85c.27-.49,1-.52,1.14-1.15-.43-.44-.93-.73-1.44-.21-1,1-.65,4,.56,4.7a20.51,20.51,0,0,0,6.88,2.1,2.08,2.08,0,0,0,2.44-1.47,13.37,13.37,0,0,0,1-6.56A8.73,8.73,0,0,1,521.86,123.91ZM1181.18,20.06a35.62,35.62,0,0,1-6.53.11c-.34-.05-.68.14-.64.53a.7.7,0,0,0,.47.46,5,5,0,0,0,1.43.18c1.7-.05,3.39.12,5.09.17,3.63.12,7.22.7,10.87.69,3,0,6-.32,8.94-.32a41.24,41.24,0,0,0,5-.55c.42,0,.83-.17.75-.72-.06-.4-.42-.43-.74-.43-3.22-.05-6.45-.1-9.67-.11C1191.2,20.05,1186.19,20.06,1181.18,20.06Zm-886.9-5.75c-4.8-.14-9.65-.27-14.49-.23s-9.68.34-14.53.43-9.46-.53-14.69.28a5.67,5.67,0,0,0,1.15.63,41.81,41.81,0,0,0,8.94.45,89.64,89.64,0,0,1,13.8-.38A87.87,87.87,0,0,0,294.28,14.31Zm913.8,9.33H1208c0,.72.06,1.46,0,2.18-.09.9,0,1.55,1.11,1.72s1.92.11,2.18-1.18a10,10,0,0,0,.37-1.4,83.25,83.25,0,0,1,1.25-9c.19-1,0-1.58-1.19-1.46-.4,0-.81,0-1.21.07-1.86.11-1.88.11-2,1.9C1208.35,18.83,1208.22,21.24,1208.08,23.64ZM590.54,11.12c-1.47,0-1.46,0-1.67,1.54a14.11,14.11,0,0,1-.29,1.41,61.5,61.5,0,0,0-.94,8.87c-.11,1.41.24,1.55,1.91,1.83,1.36.23,1.43-.53,1.55-1.49.43-3.35.94-6.69,1.33-10C592.65,11.32,592.42,11.14,590.54,11.12ZM43.13,11.9h.07c0-1.37,0-2.75,0-4.12,0-.68-.5-1-1.15-1s-1.13.1-1.29.8c-.06.23-.08.48-.12.72-.74,4.38-.92,8.82-1.37,13.23-.11,1.05.36,1.43,1.41,1.37,1.55-.08,1.73-.17,1.86-1.85C42.76,18,42.93,15,43.13,11.9Zm857.58,1.78V11.51c0-2.23-.29-2.47-2.46-2.34-.88.05-1,.43-1,1.2,0,1.28-.05,2.56-.17,3.85-.23,2.4-.2,4.83-.26,7.24,0,.86.36,1.44,1.31,1.29s2.06.17,2.14-1.34C900.36,18.92,900.54,16.43,900.71,13.68Zm-43.5,5.1a6,6,0,0,0,0,2.68c.07.32.19.77.49.73a9.39,9.39,0,0,0,2.54-.65c.63-.28.31-1,.26-1.55-.36-3.6-.78-7.19-1.17-10.79a1.26,1.26,0,0,0-1-1.23c-1.38-.4-2.09.16-2,1.71C856.67,12.73,857,15.77,857.21,18.78Zm-759,7.28a8.72,8.72,0,0,0,1.07.2c2.09.13,2.11.13,2.37-1.89q.68-5.24,1.31-10.49a9.55,9.55,0,0,0,0-1.69c0-1.06-.86-1-1.58-1s-1.3-.09-1.41.84a38,38,0,0,0-.61,5.27c0,1.45-.77,3.17,1.09,4.29C97.7,22.3,99,24.6,98.19,26.06ZM342.27,8.49h-.15c0-1,0-1.94,0-2.91a.91.91,0,0,0-.55-1,4,4,0,0,0-2.85,0c-.94.45-.25,1.24,0,1.89a.88.88,0,0,1,0,.45c-.66,2.23,0,4.5-.15,6.74a1.07,1.07,0,0,0,.62,1.21c1.12.4.93,1.14.59,1.93-.19.44-.19.81.29,1s1.14.27,1.48-.37a2.47,2.47,0,0,0,.2-.94C341.87,13.78,342.07,11.14,342.27,8.49Zm-169.71,6.2a45.07,45.07,0,0,0-.33-5.81c-.07-.53.06-1.27-.58-1.48a2.52,2.52,0,0,0-2,.6,1.27,1.27,0,0,0-.45,1.08c0,.64-.06,1.29-.06,1.94a23.45,23.45,0,0,1-.06,4.36c-.32,1.52,1.23,2.85.21,4.37-.15.22.19.57.56.63a2.21,2.21,0,0,0,2.74-2.3C172.57,17,172.56,15.82,172.56,14.69Zm560.34.84,0,.68a11.68,11.68,0,0,0,3.73.4c6.38,0,12.77-.39,19.15,0,2.21.12,4.32-.55,6.5-.63.42,0,.85-.26.85-.71,0-.62-.49-.76-1-.7l-1.2.13a41.62,41.62,0,0,1-10.16.22,20.74,20.74,0,0,0-3.86,0c-3.46.25-6.9.83-10.4.65C735.31,15.47,734.1,15.53,732.9,15.53ZM639.13,12c-.17,4,.39,7.94-.07,11.86a.88.88,0,0,0,.83,1,1.09,1.09,0,0,0,1.26-.46,2.61,2.61,0,0,0,.4-1.12c.24-3.81,1-7.56,1.57-11.48Zm89.75,3a18.38,18.38,0,0,0,0-4.06c0-1.37.12-2.74,0-4.12-.15-2.17-.19-2.15-2.41-2.08-1.24,0-1.46.51-1.43,1.62,0,1.94.61,3.81.57,5.78C725.59,14.82,725.9,15,728.88,14.93Zm440.29,6.44c0,.89,0,1.77,0,2.66,0,1.21,1,1,1.77,1.18s1.1-.37,1.15-1.11c.22-3.3.46-6.6.69-9.89,0-.51,0-1-.63-1.15-1.12-.32-2.51.45-2.46,1.56C1169.78,16.89,1168.9,19.09,1169.17,21.37ZM878.25,22.76c4.49.29,7.72-2,10.61-5a4.84,4.84,0,0,0,.71-1,.87.87,0,0,0-.29-1.08c-.41-.36-.75-.08-1,.28a10.09,10.09,0,0,1-2.71,3,12.91,12.91,0,0,1-17.75-2.63c-.1-.12-.18-.27-.28-.39a.41.41,0,0,0-.63,0,.91.91,0,0,0-.24.63,3.88,3.88,0,0,0,1.19,1.79C870.64,21.53,874.37,22.38,878.25,22.76ZM306.35,4c-.19-.75.45-1.68-.53-2a2.4,2.4,0,0,0-2.93,2.12c0,2.26.11,4.52.13,6.79a2.86,2.86,0,0,0,.61,1.53,1.27,1.27,0,0,0,1.38.7c.8-.1.75-.72.8-1.27C306,9.18,305.83,6.5,306.35,4ZM199.44,34.28c-.83-.28-1.57-.47-2.1.21-2,2.61-4.84,4.6-6.21,7.7-.87,2-1.93,4-1.53,6.26.12.72.31,1.27,1.18,1.17s.87-.62.8-1.24c0-.41-.07-.81-.13-1.21a7.64,7.64,0,0,1,2.21-6.66c1.31-1.33,2.61-2.65,4-3.95A6.59,6.59,0,0,0,199.44,34.28ZM473.31,18.22c1.92,1.6,3.58,4,6.24,3.48a9.87,9.87,0,0,0,5.94-3.13A117.9,117.9,0,0,1,473.31,18.22ZM37.22,9.67c-.62.19-2-.59-1.75,1,.3,2.23.76,4.43,1.16,6.64.13.69.66.87,1.26.86.84,0,.71-.72.79-1.24.28-1.74,0-3.51.45-5.26S39.32,9.72,37.22,9.67Zm738.7,44.61a7.78,7.78,0,0,0,.93-.61c3.43-3.08,7.24-5.67,10.85-8.52A8.43,8.43,0,0,0,789.65,43a.76.76,0,0,0-.17-1.08c-.3-.2-.59.06-.82.31a39,39,0,0,1-6,4.9c-2.4,1.75-4.61,3.78-6.9,5.68-.18.15-.47.28-.52.46C775.17,53.73,775.41,54.06,775.92,54.28ZM245.41,15.34c.24.58-.35,1.41.6,1.66a.91.91,0,0,0,1.21-.85c.33-2.56,1.27-5,1.3-7.63,0-.56-.1-.88-.73-1-1.67-.3-2.16.07-2.21,1.82C245.51,11.35,246,13.37,245.41,15.34Zm-40,33.13c.06-.24.17-.43.13-.54a15.84,15.84,0,0,1-.26-11.32c.33-1,.25-1-.1-2.51a20.51,20.51,0,0,0-2.65,8A7.09,7.09,0,0,0,205.41,48.47ZM313.66,12.78v.69c4.08.38,8.17.73,12.24,1.15a60.73,60.73,0,0,0,7.75,0c.62,0,1.47.18,1.76-1A178.45,178.45,0,0,1,313.66,12.78Zm143.76,7-.05.2c-.18.71.17,1.09.83,1.19s.8-.39.9-.89c0-.24.06-.48.1-.72a69.93,69.93,0,0,1,1.74-9.86,6.9,6.9,0,0,0,.21-1.19c.07-.55.3-1.24-.57-1.3-.7,0-.69.62-.62,1.05.13.78-.35,1.37-.48,2C458.87,13.36,457.82,16.34,457.42,19.75Zm267.07-7.49a18.06,18.06,0,0,0-.68-4.83c-.36-1.07-1.21-1-2-.91-1,.09-.71,1-.58,1.5a36.57,36.57,0,0,0,1.32,4.4c.31.81.16,2.35,1.45,2.1S724.23,13,724.49,12.26ZM708.81,54.72c-1.17-.9-2.65-1.08-3.83-1.83-2.66-1.68-5.41-3.22-8.12-4.82-.55-.32-1.1-.79-1.53.21-.36.84.28,1,.76,1.17A24.08,24.08,0,0,1,703.16,53a19.94,19.94,0,0,0,3.94,1.83C707.54,55.05,708.12,55.48,708.81,54.72ZM456.32,16.42a26.11,26.11,0,0,0,1.26-5c.28-1.71-.35-2.38-2-2.18-.43,0-.85.22-.78.7C455.11,12,455,14.22,456.32,16.42Zm-358-2.19c.07-1,0-1-1.12-1-2.33-.1-2.52.12-2.07,2.4.1.47.17,1,.27,1.43.19.92.87,1,1.66,1s.85-.57.92-1.16C98.1,16.07,98.22,15.26,98.36,14.23Zm145.83-2.8c0-.49,0-1,0-1.46-.09-1.08-.53-1.26-2.13-1.13-1,.08-.91.69-.74,1.34a12.1,12.1,0,0,1,.44,3.11c0,.66.32,1.15,1,1.08s1.36-.15,1.43-1C244.23,12.71,244.19,12.07,244.19,11.43Zm257.56,1.16c0-.61,0-.78,0-.93-.07-.57.32-1.45-.75-1.4-.87,0-1.57.38-1.46,1.48.17,1.76.3,3.52.47,5.28.05.5.21,1,.85.93s.71-.56.72-1A23.17,23.17,0,0,1,501.75,12.59ZM198.9,32.92c.74.21,1.51.5,2-.48a36,36,0,0,0,1.63-3.51,2.65,2.65,0,0,0-.85-3.07.9.9,0,0,0-.92-.11.51.51,0,0,0-.3.77c.8,1.89,0,3.44-1,5A2,2,0,0,0,198.9,32.92ZM855.24,16.8a16,16,0,0,0-.38-6.51,2.68,2.68,0,0,0-2.16.66A28.47,28.47,0,0,0,855.24,16.8Zm-127.76-.3c-1.22,0-1.38.09-1.38,1,0,2,.44,2.7,1.6,2.65s1.4-.44,1.4-2S728.94,16.52,727.48,16.5Zm-562.6-5.93a12.65,12.65,0,0,0,2.79,5.2,14.31,14.31,0,0,0,0-4.57c0-.5-.42-.65-.83-.72A3.05,3.05,0,0,0,164.88,10.57Zm1002.79,10.6c.65-1.74.39-3.55.45-5.33,0-.75-.64-.81-1.22-.79s-.66.53-.65,1C1166.28,17.85,1167.18,19.42,1167.67,21.17ZM616.85,33.89A27.2,27.2,0,0,0,615,39.64a4.88,4.88,0,0,0,.68,3.67.77.77,0,0,0,1,.31c.35-.2.19-.54,0-.83a8.48,8.48,0,0,1-.14-6.32A3.75,3.75,0,0,0,616.85,33.89ZM763.8,13.08a5.41,5.41,0,0,0,.53-3.29c0-1.94-.33-2.14-2.47-1.56C761.91,10,763.29,11.23,763.8,13.08ZM465.25,16.94c-1.07-.87-2.17-.57-3.15-.67S461,17.1,461,17.82c0,1,.77.65,1.24.51A5.24,5.24,0,0,0,465.25,16.94ZM611.08,39.07A8.24,8.24,0,0,0,609,42.2a2.82,2.82,0,0,0,.1,2.53.57.57,0,0,0,1.1-.24C609.71,42.57,610.68,40.93,611.08,39.07Zm-310-31.58.42-.1c0-.87,0-1.75,0-2.62,0-.5.2-1.19-.62-1.33a1,1,0,0,0-.67.14c-.56.45-.26,1-.1,1.53C300.34,5.92,300.73,6.7,301.06,7.49Zm336.71,10c.3-3.59.24-4.06-.59-5.26A12.48,12.48,0,0,0,637.77,17.44ZM895.2,15a7.39,7.39,0,0,0-4.76-.19C892.26,16.29,893.74,14.89,895.2,15ZM203.94,30.07a5,5,0,0,0-1.37,2.78C204.33,32.79,204.33,32.79,203.94,30.07ZM894.74,11.3c-.42.23-1.25-.19-1.31.66a1,1,0,0,0,1,1.1c.87.06,1.11-.49,1.14-1.2S895.19,11.27,894.74,11.3Zm311.78,7.23c.75-.55.48-1.24.55-1.82s-.25-.71-.72-.7-.68.29-.63.75A2.09,2.09,0,0,0,1206.52,18.53ZM105.81,20.66a3.24,3.24,0,0,0-2.08.25C104.84,21.43,105.49,20.59,105.81,20.66Zm605.48-3.49.09.31,2.43-.18v-.13ZM205.88,32c.16-1.29.54-2.21-.06-3.27A7.56,7.56,0,0,0,205.88,32ZM97.58,20c-.18-.61-.66-.53-1.12-.49s-.6.29-.47.61a.86.86,0,0,0,1,.4C97.26,20.45,97.62,20.42,97.58,20ZM336.69,9.33a2.18,2.18,0,0,0,.31-1.6c0-.37,0-.9-.55-.86s-.39.55-.3.9S336.45,8.65,336.69,9.33Zm93.62,115.31a.53.53,0,0,0,.49-.68c-.05-.26-.26-.45-.51-.3a.92.92,0,0,0-.39.54C429.84,124.45,430,124.63,430.31,124.64Z',
|
4889 | transform: 'translate(-0.03 -0.47)' }),
|
4890 | _react2.default.createElement('path', {
|
4891 | d: 'M60.87,52.81a2.53,2.53,0,0,1-.48,0c-1.26-.34-3.23.64-3.53-1.53-.5-3.58.73-5.83,3.29-6.4a12.1,12.1,0,0,1,2.18-.15c1.84-.06,1.87-.05,2.27-2a9,9,0,0,1,1-2.71c2.48-4.22,10.34-4.73,13.09-1.63.84.94.7,2.46,1.89,3,1,.43,2.22.34,3.26.86a5.67,5.67,0,0,1,3,6.48,2.17,2.17,0,0,1-2.37,1.95c-5.71.47-11.43.93-17.13,1.46C65.17,52.28,63.08,53.09,60.87,52.81Zm.81-1.44c1,.18,2.24-.4,3.53-.45,6.31-.23,12.54-1.21,18.82-1.78a1.48,1.48,0,0,0,1.55-1.71c0-2.6-1.28-4-4.25-4.21-1.47-.1-2.47-.4-2.73-2a3.64,3.64,0,0,0-2.34-2.63c-3.72-1.69-9.16-.39-10.25,4.2a15.75,15.75,0,0,0-.49,1.88c-.13,1.18-.64,1.69-1.9,1.57a11.38,11.38,0,0,0-3.14.11C58.8,46.63,58,48.09,58.22,50c.19,1.67,1.5,1.05,2.42,1.23C60.87,51.32,61.12,51.32,61.68,51.37Z',
|
4892 | transform: 'translate(-0.03 -0.47)' }),
|
4893 | _react2.default.createElement('path', {
|
4894 | d: 'M243.49,37.34a1.87,1.87,0,0,1,.92,1.74c.41,3.86,1,7.69,1.56,11.53.45,3,1.34,5.82,1.77,8.78,1.14,7.84,2.39,15.66,3.65,23.48.43,2.63.91,5.26,1.58,7.83.33,1.27.09,2.59.62,3.81a.53.53,0,0,1-.41.73.56.56,0,0,1-.73-.45c-.14-.79-.11-1.62-.29-2.4-1.9-8.12-2.64-16.43-4.06-24.62-1.67-9.64-3.28-19.29-4.91-28.94A1.51,1.51,0,0,1,243.49,37.34Z',
|
4895 | transform: 'translate(-0.03 -0.47)' }),
|
4896 | _react2.default.createElement('path', {
|
4897 | d: 'M157.1,96.73a3.23,3.23,0,0,1-.31-3c1.22-5,2.42-10,3.78-15,1.47-5.37,3.64-10.54,4.57-16,.81-4.79,2-9.48,3.13-14.18a5.65,5.65,0,0,1,1.19-3c.69.27.56.69.45,1.07-1.91,6.1-3.1,12.37-4.41,18.61a36,36,0,0,1-1.35,4.4A68.91,68.91,0,0,0,162,76.76c-.64,2.83-1.41,5.64-2.19,8.43a92.51,92.51,0,0,0-2.26,10.65A4.58,4.58,0,0,1,157.1,96.73Z',
|
4898 | transform: 'translate(-0.03 -0.47)' }),
|
4899 | _react2.default.createElement('path', {
|
4900 | d: 'M232,39.45a2.93,2.93,0,0,1,.8,2,128.48,128.48,0,0,0,2.64,14.06c.65,3.1.86,6.26,1.59,9.33,2.08,8.82,3.12,17.85,5.52,26.6.09.35.1.71-.21.86s-.78-.12-.88-.53c-.41-1.73-.82-3.47-1.16-5.21-1.41-7.31-3-14.59-4.15-21.94-1.21-7.84-3-15.54-4.47-23.33C231.52,40.69,231.31,40.09,232,39.45Z',
|
4901 | transform: 'translate(-0.03 -0.47)' }),
|
4902 | _react2.default.createElement('path', {
|
4903 | d: 'M217.22,40.41c.85,0,.87.59.92,1,.65,5.71,2.36,11.2,3.77,16.74.89,3.52,1.32,7.14,2.28,10.63,1.86,6.72,2.28,13.69,3.75,20.47.1.48.16,1,.22,1.44s.77,1.4-.22,1.56c-.75.12-.77-.89-.86-1.46-.82-5.11-1.43-10.25-2.41-15.32-1.27-6.49-2.55-13-4.18-19.39q-1.63-6.47-3.11-13A5.1,5.1,0,0,1,217.22,40.41Z',
|
4904 | transform: 'translate(-0.03 -0.47)' }),
|
4905 | _react2.default.createElement('path', {
|
4906 | d: 'M176.7,43a2.7,2.7,0,0,1,.52,2.58c-1,7.19-2.39,14.35-3,21.58-.43,4.81-1,9.63-1.09,14.48a25.15,25.15,0,0,1-.56,4.57c-.48,2.39-.43,4.83-.8,7.23-.06.44,0,1.12-.61,1.09s-.55-.66-.5-1.13c.15-1.21.24-2.42.47-3.61,1.33-7,1.48-14.13,2-21.22a80.17,80.17,0,0,1,1.11-8.15c.8-4.62,1.17-9.3,1.79-13.94A14.91,14.91,0,0,1,176.7,43Z',
|
4907 | transform: 'translate(-0.03 -0.47)' }),
|
4908 | _react2.default.createElement('path', {
|
4909 | d: 'M211.69,96.09a6.67,6.67,0,0,1-1.09-3.79c-.07-6.18-1.28-12.2-2.27-18.26-.64-3.92-1.85-7.7-2.41-11.63-.07-.48-.21-.95-.25-1.43s0-1.33.66-1.37.58.78.61,1.29A52.54,52.54,0,0,0,208,67.6a167.24,167.24,0,0,1,3.44,23.47C211.56,92.58,212.34,94,211.69,96.09Z',
|
4910 | transform: 'translate(-0.03 -0.47)' }),
|
4911 | _react2.default.createElement('path', {
|
4912 | d: 'M182.81,57.56c.7,2.06.14,3.57.14,5.06,0,6-.18,12-.24,17.95,0,3,0,6,0,9,0,.49,0,1-.05,1.46a.47.47,0,0,1-.41.49c-.46.08-.5-.31-.56-.6a3.45,3.45,0,0,1,0-.72q.08-14.2.16-28.41A8.4,8.4,0,0,1,182.81,57.56Z',
|
4913 | transform: 'translate(-0.03 -0.47)' }),
|
4914 | _react2.default.createElement('path', {
|
4915 | d: 'M193.58,58.2c.45,0,.52.42.54.69.63,11,1.78,21.91,2.71,32.87a1.12,1.12,0,0,1-.35,1.08C195.46,90.67,193,60.65,193.58,58.2Z',
|
4916 | transform: 'translate(-0.03 -0.47)' }),
|
4917 | _react2.default.createElement('path', {
|
4918 | d: 'M1170.69,44.87q-.69,2.82-1.4,5.62c-.12.47-.22,1-.86,1s-.7-.58-.76-1.05c-.35-2.65-.69-5.29-1-7.94-.06-.48-.14-1.07.57-1.08s.66.62.7,1.08c.14,1.45.24,2.9.37,4.35,0,.29,0,.63.37,1,.76-1.39.75-3,1.22-4.36.24-.68,0-1.93,1.06-1.91s1,1.29,1.1,2.09c.26,1.43.43,2.87.67,4.6a5.57,5.57,0,0,0,.85-2.55c.19-1.12.36-2.23.58-3.34a.64.64,0,0,1,.91-.52.6.6,0,0,1,.37.78c-.6,2.76-1.21,5.53-1.82,8.29-.09.44-.32.75-.79.75s-.67-.37-.75-.8l-1-6Z',
|
4919 | transform: 'translate(-0.03 -0.47)' }),
|
4920 | _react2.default.createElement('path', {
|
4921 | d: 'M1171.43,63.13c.34-1.93.63-3.68,1-5.43.09-.49.27-1,.93-.81s.4.62.33,1c-.54,2.62-1.08,5.23-1.63,7.85-.1.47-.28,1-.9,1s-.77-.52-.84-1c-.23-1.52-.42-3-.65-4.57,0-.3,0-.66-.61-.79-.64,1.25-.67,2.71-1.1,4-.15.46-.2,1-.33,1.42s-.33.74-.81.75a.76.76,0,0,1-.79-.76c-.39-2.81-.75-5.62-1.1-8.43-.05-.42,0-.83.59-.86s.7.3.75.74c.18,1.93.37,3.85.59,6.18a25.75,25.75,0,0,0,1.31-4.56c.12-.39.13-.81.25-1.19.15-.55.3-1.18,1.06-1.07.59.08.68.59.75,1.1.15,1.12.31,2.24.49,3.36A3.08,3.08,0,0,0,1171.43,63.13Z',
|
4922 | transform: 'translate(-0.03 -0.47)' }),
|
4923 | _react2.default.createElement('path', {
|
4924 | d: 'M1196.24,62.72c.6-1.45,1.15-2.79,1.71-4.13.17-.39.45-.71.9-.65s.52.55.51.94q-.16,4.14-.36,8.26c0,.39-.16.84-.72.73-.39-.08-.4-.46-.41-.77,0-1.52,0-3,0-4.65-1.1.69-.75,2.19-1.91,2.79-1.07-.56-.67-1.91-1.46-2.76-.55.37-.37,1-.41,1.42-.06.89,0,1.78-.1,2.67,0,.46,0,1.08-.68,1s-.56-.66-.56-1.14c0-.16,0-.32,0-.48.1-2.27.18-4.54.3-6.8,0-.52-.23-1.29.55-1.42s.89.76,1.12,1.31C1195.23,60.21,1195.24,61.58,1196.24,62.72Z',
|
4925 | transform: 'translate(-0.03 -0.47)' }),
|
4926 | _react2.default.createElement('path', {
|
4927 | d: 'M1192.05,47.48c0-1-.06-2.1,0-3.15.07-.76-.44-1.88,1-2,1.77-.13,3,.43,3.38,1.65a3.36,3.36,0,0,1-.23,3c-1,1.19-.52,2.23-.23,3.37a5,5,0,0,1,.22.69c0,.5.61,1.21-.24,1.4s-.84-.58-1-1.12c-.22-.77-.4-1.56-.65-2.33-.12-.38-.34-.75-.85-.66s-.42.45-.44.76c0,.8-.06,1.61-.1,2.42,0,.41-.1.85-.62.85s-.68-.39-.66-.83c.06-1.37.15-2.74.22-4.11Zm3.43-1.95a7.66,7.66,0,0,0-.22-1.19,1.09,1.09,0,0,0-1.36-.67c-.72.17-.64.85-.63,1.37,0,.72-.51,1.66.57,2.05a1,1,0,0,0,1.22-.48A7.53,7.53,0,0,0,1195.48,45.53Z',
|
4928 | transform: 'translate(-0.03 -0.47)' }),
|
4929 | _react2.default.createElement('path', {
|
4930 | d: 'M1191.28,61.73c-.1,1.48-.1,2.62-.28,3.74a2.27,2.27,0,0,1-2.47,2.15,2.23,2.23,0,0,1-2.2-2.18,18.94,18.94,0,0,1,.35-6.28,2.13,2.13,0,0,1,2.47-1.81,2.1,2.1,0,0,1,2,2.06C1191.26,60.3,1191.26,61.19,1191.28,61.73Zm-3.72,1c0,.93.06,1.9.14,2.87a1,1,0,0,0,1.88.11,16.26,16.26,0,0,0,.34-6.25,1.06,1.06,0,0,0-1-1,1.12,1.12,0,0,0-1.13,1.07C1187.67,60.6,1187.65,61.65,1187.56,62.74Z',
|
4931 | transform: 'translate(-0.03 -0.47)' }),
|
4932 | _react2.default.createElement('path', {
|
4933 | d: 'M1164.25,65.75c-.06.36-.08.69-.51.73A.69.69,0,0,1,1163,66c-.24-.57,0-1.33-.65-1.74s-1.79,0-2.34,1.17c-.22.49-.39.92-1,.72s-.31-.64-.21-1c.72-2.65,1.45-5.29,2.17-7.93.11-.41.31-.78.74-.86a.72.72,0,0,1,.85.65C1163.14,59.93,1163.7,62.86,1164.25,65.75Zm-2.66-6.65c-.28,1.26-.53,2.18-.67,3.11-.08.52.36.65.8.63s.62-.18.6-.58A9.16,9.16,0,0,0,1161.59,59.1Z',
|
4934 | transform: 'translate(-0.03 -0.47)' }),
|
4935 | _react2.default.createElement('path', {
|
4936 | d: 'M1190.18,51.24c0,.63,0,1.09-.54,1.11-.38,0-.5-.31-.64-.61-.26-.55,0-1.43-.79-1.63-1-.24-2-.3-2.15,1.13-.06.48-.39,1-1,.78s-.33-.83-.21-1.25c.69-2.56,1.41-5.12,2.14-7.67.11-.37.24-.79.75-.83a.73.73,0,0,1,.83.66Zm-2.36-5.6c-.85.75-.63,1.64-.93,2.35-.19.47.16.73.62.76s.84-.1.78-.63A6.07,6.07,0,0,0,1187.82,45.64Z',
|
4937 | transform: 'translate(-0.03 -0.47)' }),
|
4938 | _react2.default.createElement('path', {
|
4939 | d: 'M1184.77,64.23c0,2.55-1.49,3.77-3.47,3a2.07,2.07,0,0,1-1.26-1.37c-.12-.39-.19-.86.22-1.08a.65.65,0,0,1,1,.41c.31,1,1,1.32,1.81.75s.64-2.24-.06-2.86a9,9,0,0,0-1.25-.72,3,3,0,0,1-1.11-4.15,2.2,2.2,0,0,1,2.47-1.12,2,2,0,0,1,1.77,1.73c0,.34,0,.71-.29.85a.56.56,0,0,1-.78-.34c-.26-.63-.59-1.19-1.42-1a1.19,1.19,0,0,0-.84,1.07,1.59,1.59,0,0,0,.8,1.85,8.77,8.77,0,0,0,.86.45A2.31,2.31,0,0,1,1184.77,64.23Z',
|
4940 | transform: 'translate(-0.03 -0.47)' }),
|
4941 | _react2.default.createElement('path', {
|
4942 | d: 'M1180.28,51.6c-.15.13-.2.22-.26.23-3.49.51-3.58.45-3.49-3,0-1.86.22-3.71.25-5.56,0-1.13.41-1.68,1.58-1.48.76.13,1.6-.22,2.27.38.07.61-.35.67-.74.73-2,.27-1.92.33-2,2.1,0,1.18.6,1.31,1.47,1.36a.65.65,0,0,1,.65.6.57.57,0,0,1-.66.56c-1.69-.25-1.48,1-1.56,2-.06.76.17,1.22,1,1.32C1179.33,50.89,1180,50.72,1180.28,51.6Z',
|
4943 | transform: 'translate(-0.03 -0.47)' }),
|
4944 | _react2.default.createElement('path', {
|
4945 | d: 'M1202.52,43.42a9.63,9.63,0,0,1-.91.37c-.58.16-1.46-.32-1.69.51a6.22,6.22,0,0,0-.12,2.4c.06.62.73.48,1.18.54s.82.15.76.7-.32.5-.68.5c-.54,0-1.26-.21-1.43.54a4.79,4.79,0,0,0-.08,2.16c.2.78,1.08.49,1.67.64.39.1.83.18.73.73s-.46.41-.77.42c-.48,0-1-.06-1.45,0-1.15,0-1.57-.51-1.5-1.64.12-2.18.13-4.37.22-6.55s.12-2.07,2.09-2A2.26,2.26,0,0,1,1202.52,43.42Z',
|
4946 | transform: 'translate(-0.03 -0.47)' }),
|
4947 | _react2.default.createElement('path', {
|
4948 | d: 'M1204.61,63.2c-.69.91-2.27-.11-2.49,1.77-.28,2.26,1.48,1.94,2.93,2.71a6,6,0,0,1-3.59.33c-.52-.05-.62-.49-.6-.91.11-2.75.25-5.5.38-8.25,0-.72.46-1,1.14-.93.4,0,.81,0,1.21,0s1.35-.09,1.41.61c.07.86-.78.64-1.27.6-1.14-.1-1.41.52-1.38,1.47s-.37,1.89,1.07,2A1.34,1.34,0,0,1,1204.61,63.2Z',
|
4949 | transform: 'translate(-0.03 -0.47)' }),
|
4950 | _react2.default.createElement('path', {
|
4951 | d: 'M1178.65,66.7c-1.13.63-2.17.33-3.15.31a.72.72,0,0,1-.72-.81c.09-2.83.21-5.65.32-8.47,0-.6.41-.83,1-.83a2.88,2.88,0,0,1,.72,0c.7.19,1.9-.52,2,.63.06.79-1,.4-1.61.5-.93.15-.83.87-.83,1.48s-.45,1.5.55,1.87a5.52,5.52,0,0,0,.71.11c.4.1.82.19.71.76s-.48.4-.76.38c-1-.07-1.47.26-1.51,1.34,0,1.58-.06,1.65,1.57,2A1.39,1.39,0,0,1,1178.65,66.7Z',
|
4952 | transform: 'translate(-0.03 -0.47)' }),
|
4953 | _react2.default.createElement('path', {
|
4954 | d: 'M1208,67.58c-.06.52-.36.81-.76.81a.75.75,0,0,1-.72-1,.66.66,0,0,1,.83-.6A.76.76,0,0,1,1208,67.58Z',
|
4955 | transform: 'translate(-0.03 -0.47)' }),
|
4956 | _react2.default.createElement('path', {
|
4957 | d: 'M879.15,42.34A29.73,29.73,0,0,1,882,47.1c1.26,3.44,3.49,6.38,4.72,9.82,1.51,4.18,3.74,8,5.29,12.23.84,2.25,2.12,4.34,2.58,6.76a18.26,18.26,0,0,1,.33,3.38,1.68,1.68,0,0,1-1.8,1.86c-5.93.1-11.68,1.75-17.59,2a24.65,24.65,0,0,1-4.12-.13,1.51,1.51,0,0,1-1.49-1.81c.06-1,.12-1.94.14-2.91,0-.46.2-1.11-.27-1.35-1.49-.74-.85-1.85-.63-2.92.26-1.26.55-2.53.73-3.81.39-2.69,1.78-5,2.57-7.56,1.7-5.48,3.28-11,4.9-16.5A11.37,11.37,0,0,1,879.15,42.34Zm0,2.64c-.33,1-.58,1.63-.81,2.32-.84,2.39-.87,2.43,1.16,3.89a2.52,2.52,0,0,1,1.12,2.92c-.35,1.53-1.05,2.78-2.67,3.14a4.53,4.53,0,0,0-3.83,4.07,1.65,1.65,0,0,1-.15.46,2.12,2.12,0,0,0,.58,2.74c1.33,1.24,1.3,2.59.36,4.17a6,6,0,0,1-2.53,2.19c-.49.25-1.15.3-1.4.89-.4,1-.76,2.11-.21,3,.44.7,1.5.32,2.28.15a104.67,104.67,0,0,1,12.19-2,14.16,14.16,0,0,0,4.71-1c1-.49,1.26-1,1-2-.68-2.35-1.84-4.49-2.74-6.74-.44-1.08-1-1.8-2.54-1.41a3.26,3.26,0,0,1-3.7-1.73c-.86-1.48-.25-2.82.56-4.08a3.06,3.06,0,0,1,1.07-.95c.76-.45.73-1,.32-1.62a41.35,41.35,0,0,1-3-6.07A5.59,5.59,0,0,0,879.12,45ZM875.19,81.7c5.76-.1,11.34-1.76,17.08-1.94,1,0,1.22-.52,1.22-1.4a14.53,14.53,0,0,0-.62-4.3c-.21-.69-.48-1.14-1.37-.75a10.24,10.24,0,0,1-3.57.57,79.76,79.76,0,0,0-15,2.54c-1,.25-1.5.57-1.6,1.72-.3,3.47-.13,3.7,3.41,3.56C874.87,81.69,875,81.7,875.19,81.7ZM875.7,57c.83-.4,1.54-.72,2.22-1.1a2.79,2.79,0,0,0,1.38-2.66c0-1-.81-1.39-1.55-1.64s-.82.55-1,1A9.74,9.74,0,0,0,875.7,57Zm10.86,3c0-1.42-.94-2.51-1.54-3.72a.55.55,0,0,0-.82-.19,3.44,3.44,0,0,0-1.31,2.72,2.09,2.09,0,0,0,2,1.51A2.46,2.46,0,0,0,886.56,60.05Zm-15,9.41a3,3,0,0,0,2.51-2,1.67,1.67,0,0,0-.08-1.8c-.5-.7-1.07-.76-1.43,0A8.14,8.14,0,0,0,871.55,69.46Z',
|
4958 | transform: 'translate(-0.03 -0.47)' }),
|
4959 | _react2.default.createElement('path', {
|
4960 | d: 'M888.16,99c.53.82,2.14.24,1.67,1.48-.35.94-1.43.26-2.18.2a2.51,2.51,0,0,1-.9-.33c-.73-.39-.87-.94-.32-1.57.69-.79,1.42-1.55,2.14-2.34-.09-1.07-2.14-1-1.43-2.4.44-.86,1.35-1.4,1.75-2.42a22.58,22.58,0,0,1-2.43-1.41,1.57,1.57,0,0,1-.31-2.51A9.36,9.36,0,0,1,889.23,85a.69.69,0,0,1,.87.21c.23.32,0,.61-.21.83-.73.64-1.48,1.25-2.2,1.9s-.53,1.24.27,1.68l.22.12c2.93,1.42,2.93,1.42.93,4.1a2.26,2.26,0,0,0-.11.22C890.63,95.91,890.63,95.91,888.16,99Z',
|
4961 | transform: 'translate(-0.03 -0.47)' }),
|
4962 | _react2.default.createElement('path', {
|
4963 | d: 'M877.27,96.6c-.76-1.16-2.6-.76-2.71-2.07-.09-1,1.25-1.6,1.68-2.56a2.55,2.55,0,0,0,.08-.31c-.65-.66-1.58-1-2.21-1.77a1.17,1.17,0,0,1-.08-1.7A5.84,5.84,0,0,1,876.52,86a.81.81,0,0,1,1,.35c.17.33-.13.56-.43.74a8.9,8.9,0,0,0-1.37,1c-.54.52-.66,1.07.06,1.62s1.95.66,2,1.88c0,1.06-1,1.66-1.28,2.58.09.12.15.3.28.37,2.58,1.53,2.62,1.92.45,4-.22.21-.56.35-.52.74.14.81,2,.11,1.37,1.42-.41.89-1.29.2-2,.12a2.56,2.56,0,0,1-.71-.18c-1.21-.49-1.34-1-.42-1.91C875.73,98,876.46,97.34,877.27,96.6Z',
|
4964 | transform: 'translate(-0.03 -0.47)' }),
|
4965 | _react2.default.createElement('path', {
|
4966 | d: 'M765.93,154.56a8.54,8.54,0,0,1-.06.88c0,.22-.07.47-.4.51a.64.64,0,0,1-.74-.46,4.67,4.67,0,0,1-.13-1.19A155.71,155.71,0,0,0,762,127.84a58.83,58.83,0,0,0-2-9.47c-.14-.37-.32-.83.21-1s.66.36.76.73a41.28,41.28,0,0,1,1,4.22c1,6.21,2,12.42,2.81,18.66C765.35,145.38,765.55,149.82,765.93,154.56Z',
|
4967 | transform: 'translate(-0.03 -0.47)' }),
|
4968 | _react2.default.createElement('path', {
|
4969 | d: 'M710.12,127.42a76.33,76.33,0,0,1-1.62,11.4c-1,4.54-.89,9.13-1.36,13.69-.1,1-.19,1.93-.23,2.89,0,.35,0,.65-.41.7a.65.65,0,0,1-.82-.64,4.45,4.45,0,0,1,0-1.21c.91-4.45.66-9,1.37-13.47.57-3.59,1.3-7.15,1.71-10.76A2.79,2.79,0,0,1,710.12,127.42Z',
|
4970 | transform: 'translate(-0.03 -0.47)' }),
|
4971 | _react2.default.createElement('path', {
|
4972 | d: 'M745.34,120.11c1.4,1.44,1.4,3.26,1.47,5a40,40,0,0,0,1.46,9.5,35.84,35.84,0,0,1,1,13,18.59,18.59,0,0,0,.16,4.09.51.51,0,0,1-.25.61c-.38.16-.62-.08-.76-.38a5.6,5.6,0,0,1-.15-2.87,38.4,38.4,0,0,0,.15-7.5c-.36-2.95-.33-6-1.66-8.75-.53-1.11-.32-2.39-.47-3.59C745.94,126.15,745.75,123.12,745.34,120.11Z',
|
4973 | transform: 'translate(-0.03 -0.47)' }),
|
4974 | _react2.default.createElement('path', {
|
4975 | d: 'M732.13,153.18c-.32-.27-.47-.35-.54-.48a.91.91,0,0,1-.1-.46,236.58,236.58,0,0,0-.39-31.95c0-.21.17-.43.27-.68C732.7,122.37,733.3,148,732.13,153.18Z',
|
4976 | transform: 'translate(-0.03 -0.47)' }),
|
4977 | _react2.default.createElement('path', {
|
4978 | d: 'M720.32,125.24c-1.13,9.59-1.22,19.12-1.48,28.76-1.32-.29-1.05-1.25-1-1.92,0-2.18.1-4.37.2-6.54.27-6.07.73-12.12,1.17-18.18C719.23,126.65,719,125.67,720.32,125.24Z',
|
4979 | transform: 'translate(-0.03 -0.47)' }),
|
4980 | _react2.default.createElement('path', {
|
4981 | d: 'M479.93,66.42c-.08.28-.2.83-.39,1.36A1.74,1.74,0,0,1,477.45,69a2.08,2.08,0,0,1-1.9-1.89,4.7,4.7,0,0,1,.14-1.44c.28-1.29,1.82-2.92,2.65-2.85S480,64.83,479.93,66.42ZM478.85,66c-.26-.36-.12-1.17-.82-1.19-.95,0-1,.82-1.06,1.53s.15,1.18.84,1.16S478.63,66.66,478.85,66Z',
|
4982 | transform: 'translate(-0.03 -0.47)' }),
|
4983 | _react2.default.createElement('path', {
|
4984 | d: 'M480.52,49.13a2.41,2.41,0,0,1-2.47,2.41,2.14,2.14,0,0,1-2.22-2.32c0-1.42,1.23-3,2.34-3S480.57,47.69,480.52,49.13Zm-1.41,0a.94.94,0,0,0-1-1c-.58,0-.83.44-.84.94a.91.91,0,0,0,.87.95C478.75,50.06,479,49.67,479.11,49.14Z',
|
4985 | transform: 'translate(-0.03 -0.47)' }),
|
4986 | _react2.default.createElement('path', {
|
4987 | d: 'M475.62,86.46a2.3,2.3,0,0,1,2.49-2.35,2.17,2.17,0,0,1,2.16,2.41A2.22,2.22,0,0,1,477.93,89,2.33,2.33,0,0,1,475.62,86.46Zm3.34.06c0-.69-.49-1-1.1-1s-.83.37-.8.93a1,1,0,0,0,1,1.05C478.68,87.5,478.89,87.06,479,86.52Z',
|
4988 | transform: 'translate(-0.03 -0.47)' }),
|
4989 | _react2.default.createElement('path', {
|
4990 | d: 'M475.16,107.61a2.58,2.58,0,0,1,2.42-2.73c.21,0,.56,0,.64.12.56.94,1.47,1.71,1.32,3s-.9,2.29-1.79,2.26a2.47,2.47,0,0,1-2.39-1.7A6.46,6.46,0,0,1,475.16,107.61Zm3.28.21c-.19-.7-.61-1.33-1.4-1.35s-.61.67-.58,1.12c0,.7.39,1.28,1.16,1.29C478.17,108.88,478.38,108.39,478.44,107.82Z',
|
4991 | transform: 'translate(-0.03 -0.47)' }),
|
4992 | _react2.default.createElement('path', {
|
4993 | d: 'M478.39,35.64a2.05,2.05,0,0,1-2.19-2.28,2.69,2.69,0,0,1,2.14-2.29,3,3,0,0,1,2.57,2.38C481,34.87,480.06,35.64,478.39,35.64Zm1.1-2.24a1.48,1.48,0,0,0-1.25-.68.52.52,0,0,0-.49.67c.1.56.58.71,1.08.68C479.14,34.05,479.48,34,479.49,33.4Z',
|
4994 | transform: 'translate(-0.03 -0.47)' }),
|
4995 | _react2.default.createElement('path', {
|
4996 | d: 'M475.06,124a2.58,2.58,0,0,1,2.38-2.52,2.51,2.51,0,0,1,1.8,2.29,2.35,2.35,0,0,1-2.14,2.44A2.09,2.09,0,0,1,475.06,124Zm2-1.09a.8.8,0,0,0-.75.79c-.08.7.39,1,1,1.06A.66.66,0,0,0,478,124,1.1,1.1,0,0,0,477,122.9Z',
|
4997 | transform: 'translate(-0.03 -0.47)' }),
|
4998 | _react2.default.createElement('path', {
|
4999 | d: 'M214.75,21c0,1.85.1,3.61,0,5.35-.09,1.11-.54,2.17,0,3.29.25.48-.1.93-.46,1.28a.71.71,0,0,1-1.27-.35,1.93,1.93,0,0,1,0-.48c.18-2.5.32-5,.58-7.48A1.58,1.58,0,0,1,214.75,21Z',
|
5000 | transform: 'translate(-0.03 -0.47)' }),
|
5001 | _react2.default.createElement('path', {
|
5002 | d: 'M188.21,26.5c0-1.36,0-2.72,0-4.08a.79.79,0,0,1,.73-.81c.5,0,.6.46.59.87-.06,2-.16,4-.21,6,0,.7-.35,1.45.27,2.06.32.33.47.69,0,.93s-1.16.26-1.4-.41a4.7,4.7,0,0,1-.12-1.41c0-1,0-2.09,0-3.13Z',
|
5003 | transform: 'translate(-0.03 -0.47)' }),
|
5004 | _react2.default.createElement('path', {
|
5005 | d: 'M219.7,24.23c.11,1.7-.2,3.16.27,4.58.12.36-.18.62-.52.65a.87.87,0,0,1-.6-.28,2.32,2.32,0,0,1-.44-1.6c0-2.25,0-4.5.06-6.75,0-.43.06-.84.61-.82s.61.46.62.86C219.71,22.08,219.7,23.29,219.7,24.23Z',
|
5006 | transform: 'translate(-0.03 -0.47)' }),
|
5007 | _react2.default.createElement('path', {
|
5008 | d: 'M194.38,25.7c0,1.28,0,2.57,0,3.86,0,.51-.22,1-.83.94S193,30,193,29.59c0-2.42,0-4.83.08-7.25a2.25,2.25,0,0,1,.21-.92.64.64,0,0,1,.79-.36.5.5,0,0,1,.37.53c0,1.37,0,2.74,0,4.11Z',
|
5009 | transform: 'translate(-0.03 -0.47)' }),
|
5010 | _react2.default.createElement('path', {
|
5011 | d: 'M179.68,26.72c.29,1.3-.12,2.53.36,3.71a.81.81,0,0,1-.65,1.1c-.58.11-.9-.33-.93-.86-.15-2.66-.27-5.32-.38-8a.73.73,0,0,1,.7-.83c.49,0,.61.47.64.87C179.53,24.1,179.6,25.47,179.68,26.72Z',
|
5012 | transform: 'translate(-0.03 -0.47)' }),
|
5013 | _react2.default.createElement('path', {
|
5014 | d: 'M183.2,26.05c-.09-1.16-.21-2.44-.25-3.73a.72.72,0,0,1,.76-.76c.4,0,.46.39.48.7.11,1.93.23,3.86.3,5.79,0,.64-.19,1.3.2,1.88s.15,1.09-.49,1.28-1-.26-1-.92C183.19,28.92,183.2,27.55,183.2,26.05Z',
|
5015 | transform: 'translate(-0.03 -0.47)' }),
|
5016 | _react2.default.createElement('path', {
|
5017 | d: 'M175.33,28.87c0,.56.06,1.12.08,1.68a.59.59,0,0,1-.55.66.67.67,0,0,1-.73-.48,2.4,2.4,0,0,1-.15-.95,46.06,46.06,0,0,0-.31-5.75c0-.54-.29-1.27.48-1.39s.82.64.83,1.18C175,25.51,175.55,27.16,175.33,28.87Z',
|
5018 | transform: 'translate(-0.03 -0.47)' }),
|
5019 | _react2.default.createElement('path', {
|
5020 | d: 'M230.92,18.61v9.8c-.83,0-1-.52-1.13-1.08C229.28,24.21,229.66,19.73,230.92,18.61Z',
|
5021 | transform: 'translate(-0.03 -0.47)' }),
|
5022 | _react2.default.createElement('path', {
|
5023 | d: 'M210.86,29.63c-.76.13-1.09-.23-1.17-.74a38,38,0,0,1-.06-7.46.64.64,0,0,1,.83-.62.62.62,0,0,1,.44.75C210.46,24.25,211,27,210.86,29.63Z',
|
5024 | transform: 'translate(-0.03 -0.47)' }),
|
5025 | _react2.default.createElement('path', {
|
5026 | d: 'M171.37,28.51c-.15,1.14.7,2.31-.53,2.4s-.68-1.17-.74-1.86c-.15-1.67-.23-3.36-.29-5,0-.46,0-1.05.7-1,.47,0,.56.53.59.93C171.21,25.6,171.3,27.28,171.37,28.51Z',
|
5027 | transform: 'translate(-0.03 -0.47)' }),
|
5028 | _react2.default.createElement('path', {
|
5029 | d: 'M224.65,24.92v3.15c0,.39.08.88-.49.89s-.67-.41-.8-.8a1.3,1.3,0,0,1-.07-.48c.05-2.26.1-4.52.18-6.78,0-.39.07-.85.6-.9s.64.4.64.8c0,1.37,0,2.75,0,4.12Z',
|
5030 | transform: 'translate(-0.03 -0.47)' }),
|
5031 | _react2.default.createElement('path', {
|
5032 | d: 'M236.22,22.43c0-1.44,0-2.57,0-3.7,0-.33.11-.66.51-.67s.51.3.59.62a17.52,17.52,0,0,1,.11,3.62c0,1.34-.52,2.71.24,4,.22.4,0,.79-.5.9a.72.72,0,0,1-.92-.55A12.4,12.4,0,0,1,236.22,22.43Z',
|
5033 | transform: 'translate(-0.03 -0.47)' }),
|
5034 | _react2.default.createElement('path', {
|
5035 | d: 'M247,22.83c-.12.58.41,1.69-.54,1.73s-.79-1.15-.92-1.87a2.82,2.82,0,0,1,0-1c.1-.48.33-.93.93-.85s.43.57.45.94S247,22.46,247,22.83Z',
|
5036 | transform: 'translate(-0.03 -0.47)' }),
|
5037 | _react2.default.createElement('path', {
|
5038 | d: 'M207.51,21.63c-.18.52.36,1.52-.46,1.57s-.85-1-.88-1.65a2.51,2.51,0,0,1,.17-.93A.78.78,0,0,1,207,20c.57,0,.53.46.53.85A6.34,6.34,0,0,1,207.51,21.63Z',
|
5039 | transform: 'translate(-0.03 -0.47)' }),
|
5040 | _react2.default.createElement('path', {
|
5041 | d: 'M198.5,19.4c1.12.8,1.29,1.52,1.11,2.33-.06.27-.42.24-.61.12C198.1,21.32,198.39,20.53,198.5,19.4Z',
|
5042 | transform: 'translate(-0.03 -0.47)' }),
|
5043 | _react2.default.createElement('path', {
|
5044 | d: 'M886.3,68.58c0,1.44-1,2.33-2.72,2.38a2.28,2.28,0,0,1-2.53-2.29,3.38,3.38,0,0,1,3.18-3.27C885.24,65.39,886.31,67,886.3,68.58Zm-2.75.93c.69,0,1.49-.13,1.47-1.11a1.65,1.65,0,0,0-1-1.53c-.43-.18-1.53,1-1.57,1.61S882.85,69.46,883.55,69.51Z',
|
5045 | transform: 'translate(-0.03 -0.47)' })
|
5046 | )
|
5047 | );
|
5048 | })(_templateObject);
|
5049 |
|
5050 | Clothesline.propTypes = {
|
5051 | className: _propTypes2.default.string
|
5052 |
|
5053 |
|
5054 | };exports.default = Clothesline;
|
5055 |
|
5056 | }),
|
5057 |
|
5058 | (function(module, exports, __webpack_require__) {
|
5059 |
|
5060 | "use strict";
|
5061 |
|
5062 |
|
5063 | Object.defineProperty(exports, "__esModule", {
|
5064 | value: true
|
5065 | });
|
5066 |
|
5067 | var _react = __webpack_require__(2);
|
5068 |
|
5069 | var _react2 = _interopRequireDefault(_react);
|
5070 |
|
5071 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5072 |
|
5073 | var Cloud = function Cloud() {
|
5074 | return _react2.default.createElement(
|
5075 | "svg",
|
5076 | { xmlns: "http://www.w3.org/2000/svg", width: "53", height: "26", viewBox: "0 0 53 26" },
|
5077 | _react2.default.createElement("path", { fill: "#FFF", "fill-rule": "nonzero", stroke: "#00003C", "stroke-width": "2", d: "M1.44 24.87c-.54-.517-.523-1.09-.269-1.755.624-1.635 1.133-3.316 1.809-4.928.747-1.783 1.907-3.316 3.726-4.084.81-.342 1.812-.226 2.907-.336.098-.376.226-1.01.428-1.618.524-1.58.338-3.358 1.283-4.813 1.59-2.45 3.598-4.421 6.463-5.33.932-.294 1.857-.638 2.81-.839.488-.102 1.041.024 1.55.12 1.188.232 2.4.402 3.537.803.896.316 1.68.945 2.519 1.424.57.325 1.15.631 1.812.993.12-.16 1.251 1.282 1.388 1.466 1.018 1.363 1.293 1.786 1.699 3.041.405 1.255.48 3.135.8 3.135.492 0 1.023-.03 1.596-.287.573-.256 2.697.273 2.661 0l1.626.571c.22-.058 2.856 1.962 2.856 2.062 0 .513.955 1.462.955 1.813 0 .35.721.925.434.946.037.548.205 1.06.27 1.492.058.37.12.629.71.548 1.237-.171 2.561-.447 3.546.737.027.033.14-.016.204 0 .221.07.506.088.646.24.97 1.034 1.742 2.183 1.836 3.678-.48.753-1.332.496-2.006.534-1.71.096-3.428.028-5.143.02-2.039-.011-4.077-.041-6.116-.039-1.62 0-3.238.052-4.86.055-1.478 0-2.956-.04-4.438-.033-1.232.006-2.462.077-3.693.079-.945 0-1.89-.088-2.835-.083-1.89.011-3.78.089-5.67.082-1.67-.006-3.34-.12-5.013-.13-1.116-.01-2.235.106-3.352.095-2.044-.022-4.088-.104-6.131-.12-.135 0-.271.308-.407.474l-.138-.013z" })
|
5078 | );
|
5079 | };
|
5080 |
|
5081 |
|
5082 | exports.default = Cloud;
|
5083 |
|
5084 | }),
|
5085 |
|
5086 | (function(module, exports, __webpack_require__) {
|
5087 |
|
5088 | "use strict";
|
5089 |
|
5090 |
|
5091 | Object.defineProperty(exports, "__esModule", {
|
5092 | value: true
|
5093 | });
|
5094 |
|
5095 | var _react = __webpack_require__(2);
|
5096 |
|
5097 | var _react2 = _interopRequireDefault(_react);
|
5098 |
|
5099 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5100 |
|
5101 | var CloudGroup = function CloudGroup() {
|
5102 | return _react2.default.createElement(
|
5103 | "svg",
|
5104 | { xmlns: "http://www.w3.org/2000/svg", width: "186", height: "69", viewBox: "0 0 186 69" },
|
5105 | _react2.default.createElement(
|
5106 | "g",
|
5107 | { fill: "#FFF", "fill-rule": "nonzero", stroke: "#00003C", "stroke-width": "2" },
|
5108 | _react2.default.createElement("path", { d: "M81.91 58.973c-1.119-1.066-1.081-2.247-.555-3.62 1.29-3.372 2.343-6.84 3.743-10.165 1.547-3.679 3.948-6.84 7.713-8.426 1.676-.705 3.751-.465 6.018-.693.203-.774.467-2.083.886-3.337 1.085-3.26.7-6.927 2.656-9.928 3.292-5.057 7.448-9.121 13.378-10.994 1.93-.609 3.843-1.319 5.817-1.732 1.01-.21 2.154.05 3.21.247 2.457.478 4.964.83 7.32 1.656 1.855.653 3.476 1.949 5.213 2.939 1.18.67 2.381 1.3 3.751 2.048.249-.33 2.59 2.644 2.875 3.023 2.105 2.813 2.676 3.685 3.515 6.274.84 2.59.995 6.467 1.657 6.467 1.018 0 2.118-.062 3.303-.591 1.185-.53 5.583.561 5.509 0l3.365 1.177c.457-.119 5.912 4.047 5.912 4.253 0 1.059 1.976 3.017 1.976 3.74 0 .724 1.494 1.908.898 1.952.077 1.13.425 2.185.562 3.078.119.764.248 1.296 1.47 1.13 2.559-.353 5.3-.922 7.337 1.52.057.069.29-.033.422 0 .46.143 1.048.183 1.338.494 2.009 2.135 3.607 4.505 3.801 7.588-.993 1.553-2.758 1.024-4.153 1.103-3.538.198-7.095.057-10.645.04-4.22-.023-8.44-.084-12.66-.08-3.354 0-6.703.107-10.062.114-3.058 0-6.117-.084-9.185-.069-2.55.012-5.096.158-7.643.163-1.957 0-3.913-.18-5.869-.17-3.912.022-7.825.183-11.737.168-3.458-.012-6.916-.247-10.377-.267-2.31-.023-4.627.217-6.938.195-4.233-.044-8.463-.215-12.693-.247-.278 0-.561.636-.842.977l-.285-.027z" }),
|
5109 | _react2.default.createElement("path", { d: "M2.226 66.963C.72 65.527.77 63.938 1.478 62.088c1.737-4.542 3.154-9.213 5.04-13.692 2.081-4.955 5.312-9.213 10.382-11.35 2.256-.95 5.05-.626 8.1-.932.274-1.043.629-2.806 1.193-4.496 1.46-4.392.943-9.33 3.576-13.372C34.2 11.435 39.794 5.96 47.778 3.438c2.596-.82 5.173-1.776 7.83-2.333 1.36-.283 2.9.067 4.32.333 3.309.643 6.684 1.117 9.855 2.23 2.497.88 4.679 2.625 7.018 3.958 1.588.903 3.205 1.753 5.05 2.76.334-.444 3.487 3.56 3.869 4.07 2.834 3.79 3.602 4.965 4.732 8.452 1.13 3.487 1.34 8.71 2.23 8.71 1.37 0 2.852-.083 4.447-.796 1.596-.713 7.516.756 7.416 0l4.53 1.586c.615-.16 7.958 5.452 7.958 5.728 0 1.427 2.66 4.064 2.66 5.039 0 .974 2.012 2.569 1.21 2.629.103 1.523.571 2.942.755 4.145.16 1.03.334 1.746 1.978 1.523 3.446-.477 7.135-1.243 9.878 2.046.077.093.391-.044.569 0 .618.193 1.41.246 1.8.666 2.704 2.876 4.856 6.068 5.117 10.22-1.337 2.093-3.713 1.38-5.59 1.486-4.763.267-9.552.077-14.33.054-5.681-.03-11.362-.114-17.043-.107-4.515 0-9.023.143-13.545.153-4.117 0-8.234-.113-12.364-.093-3.432.017-6.86.213-10.29.22-2.633 0-5.266-.243-7.9-.23-5.266.03-10.533.247-15.8.227-4.654-.017-9.31-.334-13.968-.36-3.111-.03-6.229.293-9.34.263-5.698-.06-11.392-.29-17.087-.333-.374 0-.755.856-1.132 1.316l-.385-.037z" })
|
5110 | )
|
5111 | );
|
5112 | };
|
5113 |
|
5114 |
|
5115 | exports.default = CloudGroup;
|
5116 |
|
5117 | }),
|
5118 |
|
5119 | (function(module, exports, __webpack_require__) {
|
5120 |
|
5121 | "use strict";
|
5122 |
|
5123 |
|
5124 | Object.defineProperty(exports, "__esModule", {
|
5125 | value: true
|
5126 | });
|
5127 | exports.UnstyledGuaranteeIcon = exports.rotate = exports.animation = undefined;
|
5128 |
|
5129 | 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']),
|
5130 | _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']),
|
5131 | _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']);
|
5132 |
|
5133 | var _react = __webpack_require__(2);
|
5134 |
|
5135 | var _react2 = _interopRequireDefault(_react);
|
5136 |
|
5137 | var _propTypes = __webpack_require__(0);
|
5138 |
|
5139 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5140 |
|
5141 | var _styledComponents = __webpack_require__(1);
|
5142 |
|
5143 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5144 |
|
5145 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5146 |
|
5147 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5148 |
|
5149 | var UnstyledGuaranteeIcon = function UnstyledGuaranteeIcon(_ref) {
|
5150 | var className = _ref.className;
|
5151 |
|
5152 | return _react2.default.createElement(
|
5153 | 'svg',
|
5154 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 42 42' },
|
5155 | _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' }),
|
5156 | _react2.default.createElement('circle', { cx: '21', cy: '21', r: '14.7' }),
|
5157 | _react2.default.createElement('polyline', { points: '14.629 21.734 18.691 25.483 26.345 17.203' })
|
5158 | );
|
5159 | };
|
5160 |
|
5161 | var rotate = (0, _styledComponents.keyframes)(_templateObject);
|
5162 |
|
5163 | var animation = (0, _styledComponents.css)(_templateObject2, rotate);
|
5164 |
|
5165 | var GuaranteeIcon = (0, _styledComponents2.default)(UnstyledGuaranteeIcon)(_templateObject3, function (props) {
|
5166 | return props.width;
|
5167 | }, function (props) {
|
5168 | return props.theme.colors.white;
|
5169 | }, function (props) {
|
5170 | return props.theme.colors.rocketBlue;
|
5171 | }, function (props) {
|
5172 | return props.animated && animation;
|
5173 | }, function (props) {
|
5174 | return props.theme.colors.rocketBlue;
|
5175 | });
|
5176 |
|
5177 | GuaranteeIcon.propTypes = {
|
5178 | width: _propTypes2.default.string.isRequired
|
5179 | };
|
5180 |
|
5181 | GuaranteeIcon.defaultProps = {
|
5182 | width: '2.5rem'
|
5183 |
|
5184 |
|
5185 | };exports.default = GuaranteeIcon;
|
5186 | exports.animation = animation;
|
5187 | exports.rotate = rotate;
|
5188 | exports.UnstyledGuaranteeIcon = UnstyledGuaranteeIcon;
|
5189 |
|
5190 | }),
|
5191 |
|
5192 | (function(module, exports, __webpack_require__) {
|
5193 |
|
5194 | "use strict";
|
5195 |
|
5196 |
|
5197 | Object.defineProperty(exports, "__esModule", {
|
5198 | value: true
|
5199 | });
|
5200 | exports.UnstyledMailbox = exports.animated = undefined;
|
5201 |
|
5202 | 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']),
|
5203 | _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']),
|
5204 | _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']);
|
5205 |
|
5206 | var _react = __webpack_require__(2);
|
5207 |
|
5208 | var _react2 = _interopRequireDefault(_react);
|
5209 |
|
5210 | var _propTypes = __webpack_require__(0);
|
5211 |
|
5212 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5213 |
|
5214 | var _styledComponents = __webpack_require__(1);
|
5215 |
|
5216 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5217 |
|
5218 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5219 |
|
5220 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5221 |
|
5222 | var UnstyledMailbox = function UnstyledMailbox(_ref) {
|
5223 | var className = _ref.className;
|
5224 |
|
5225 | return _react2.default.createElement(
|
5226 | 'svg',
|
5227 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 148 148' },
|
5228 | _react2.default.createElement(
|
5229 | 'g',
|
5230 | { className: 'mailbox' },
|
5231 | _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' }),
|
5232 | _react2.default.createElement('line', { className: 'line', x1: '83.21', y1: '148', x2: '84.08', y2: '110.33' }),
|
5233 | _react2.default.createElement('line', { className: 'line', x1: '89.9', y1: '148', x2: '90.46', y2: '110.33' }),
|
5234 | _react2.default.createElement('line', { className: 'line', x1: '109.71', y1: '148', x2: '111.89', y2: '110.1' }),
|
5235 | _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' }),
|
5236 | _react2.default.createElement('circle', { className: 'iris002', cx: '118.33', cy: '80.44', r: '1.19' }),
|
5237 | _react2.default.createElement('circle', { className: 'iris003', cx: '130.46', cy: '79.88', r: '1.31' })
|
5238 | ),
|
5239 | _react2.default.createElement(
|
5240 | 'g',
|
5241 | { className: 'flag' },
|
5242 | _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' }),
|
5243 | _react2.default.createElement('circle', { cx: '76.63', cy: '85.43', r: '3.67' }),
|
5244 | _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' })
|
5245 | )
|
5246 | );
|
5247 | };
|
5248 |
|
5249 | var animateFlag = (0, _styledComponents.keyframes)(_templateObject);
|
5250 |
|
5251 | var animated = (0, _styledComponents.css)(_templateObject2, animateFlag);
|
5252 |
|
5253 | var MailboxIcon = (0, _styledComponents2.default)(UnstyledMailbox)(_templateObject3, function (props) {
|
5254 | return props.width;
|
5255 | }, function (props) {
|
5256 | return props.theme.colors.rocketBlue;
|
5257 | }, function (props) {
|
5258 | return props.theme.colors.rocketBlue;
|
5259 | }, function (props) {
|
5260 | return props.animate && animated;
|
5261 | });
|
5262 |
|
5263 | MailboxIcon.propTypes = {
|
5264 | animated: _propTypes2.default.bool,
|
5265 | theme: _propTypes2.default.shape({
|
5266 | colors: _propTypes2.default.shape({
|
5267 | rocketBlue: _propTypes2.default.string,
|
5268 | white: _propTypes2.default.string
|
5269 | })
|
5270 | }),
|
5271 | width: _propTypes2.default.string
|
5272 | };
|
5273 |
|
5274 | MailboxIcon.defaultProps = {
|
5275 | width: '7rem'
|
5276 |
|
5277 |
|
5278 | };exports.default = MailboxIcon;
|
5279 | exports.animated = animated;
|
5280 | exports.UnstyledMailbox = UnstyledMailbox;
|
5281 |
|
5282 | }),
|
5283 |
|
5284 | (function(module, exports, __webpack_require__) {
|
5285 |
|
5286 | "use strict";
|
5287 |
|
5288 |
|
5289 | Object.defineProperty(exports, "__esModule", {
|
5290 | value: true
|
5291 | });
|
5292 |
|
5293 | 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']);
|
5294 |
|
5295 | var _react = __webpack_require__(2);
|
5296 |
|
5297 | var _react2 = _interopRequireDefault(_react);
|
5298 |
|
5299 | var _styledComponents = __webpack_require__(1);
|
5300 |
|
5301 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5302 |
|
5303 | var _SRC = __webpack_require__(3);
|
5304 |
|
5305 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5306 |
|
5307 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5308 |
|
5309 | var Pencil = (0, _styledComponents2.default)(function (_ref) {
|
5310 | var className = _ref.className;
|
5311 |
|
5312 | return _react2.default.createElement(
|
5313 | 'svg',
|
5314 | {
|
5315 | className: className,
|
5316 | version: '1.1',
|
5317 | xmlns: 'http://www.w3.org/2000/svg',
|
5318 | viewBox: '0 0 600 600' },
|
5319 | _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' })
|
5320 | );
|
5321 | })(_templateObject, function (props) {
|
5322 | return props.theme.colors.rocketBlue;
|
5323 | }, function (props) {
|
5324 | return props.animated && _SRC.Wiggle;
|
5325 | });
|
5326 |
|
5327 |
|
5328 | exports.default = Pencil;
|
5329 |
|
5330 | }),
|
5331 |
|
5332 | (function(module, exports, __webpack_require__) {
|
5333 |
|
5334 | "use strict";
|
5335 |
|
5336 |
|
5337 | Object.defineProperty(exports, "__esModule", {
|
5338 | value: true
|
5339 | });
|
5340 |
|
5341 | var _templateObject = _taggedTemplateLiteral(['\n &:hover {\n ', '\n }\n > * {\n fill: ', ';\n }\n'], ['\n &:hover {\n ', '\n }\n > * {\n fill: ', ';\n }\n']);
|
5342 |
|
5343 | var _react = __webpack_require__(2);
|
5344 |
|
5345 | var _react2 = _interopRequireDefault(_react);
|
5346 |
|
5347 | var _styledComponents = __webpack_require__(1);
|
5348 |
|
5349 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5350 |
|
5351 | var _SRC = __webpack_require__(3);
|
5352 |
|
5353 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5354 |
|
5355 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5356 |
|
5357 | var Phone = (0, _styledComponents2.default)(function (_ref) {
|
5358 | var className = _ref.className;
|
5359 |
|
5360 | return _react2.default.createElement(
|
5361 | 'svg',
|
5362 | {
|
5363 | className: className,
|
5364 | version: '1.1',
|
5365 | xmlns: 'http://www.w3.org/2000/svg',
|
5366 | viewBox: '0 0 600 600' },
|
5367 | _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' }),
|
5368 | _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' }),
|
5369 | _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' }),
|
5370 | _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' }),
|
5371 | _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' }),
|
5372 | _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' }),
|
5373 | _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' }),
|
5374 | _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' }),
|
5375 | _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' }),
|
5376 | _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' }),
|
5377 | _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' }),
|
5378 | _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' })
|
5379 | );
|
5380 | })(_templateObject, function (props) {
|
5381 | return props.animated && _SRC.Wiggle;
|
5382 | }, function (props) {
|
5383 | return props.theme.colors.rocketBlue;
|
5384 | });
|
5385 |
|
5386 |
|
5387 | exports.default = Phone;
|
5388 |
|
5389 | }),
|
5390 |
|
5391 | (function(module, exports, __webpack_require__) {
|
5392 |
|
5393 | "use strict";
|
5394 |
|
5395 |
|
5396 | Object.defineProperty(exports, "__esModule", {
|
5397 | value: true
|
5398 | });
|
5399 |
|
5400 | var _react = __webpack_require__(2);
|
5401 |
|
5402 | var _react2 = _interopRequireDefault(_react);
|
5403 |
|
5404 | var _propTypes = __webpack_require__(0);
|
5405 |
|
5406 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5407 |
|
5408 | var _PressIcon = __webpack_require__(6);
|
5409 |
|
5410 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
5411 |
|
5412 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5413 |
|
5414 | var Default = function Default(_ref) {
|
5415 | var className = _ref.className;
|
5416 | return _react2.default.createElement(
|
5417 | _PressIcon2.default,
|
5418 | { className: className, box: '0 0 750 472' },
|
5419 | _react2.default.createElement('path', { d: 'M0,462a10,10,0,0,0,10,10H740a10,10,0,0,0,10-10V144H0Z' }),
|
5420 | _react2.default.createElement('path', { d: 'M750,10A10,10,0,0,0,740,0H10A10,10,0,0,0,0,10V73H750Z' })
|
5421 | );
|
5422 | };
|
5423 |
|
5424 | Default.propTypes = {
|
5425 | className: _propTypes2.default.string
|
5426 | };
|
5427 |
|
5428 | exports.default = Default;
|
5429 |
|
5430 | }),
|
5431 |
|
5432 | (function(module, exports, __webpack_require__) {
|
5433 |
|
5434 | "use strict";
|
5435 |
|
5436 |
|
5437 | Object.defineProperty(exports, "__esModule", {
|
5438 | value: true
|
5439 | });
|
5440 |
|
5441 | var _react = __webpack_require__(2);
|
5442 |
|
5443 | var _react2 = _interopRequireDefault(_react);
|
5444 |
|
5445 | var _propTypes = __webpack_require__(0);
|
5446 |
|
5447 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5448 |
|
5449 | var _PressIcon = __webpack_require__(6);
|
5450 |
|
5451 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
5452 |
|
5453 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5454 |
|
5455 | 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; }
|
5456 |
|
5457 | var FastCompany = function FastCompany(_ref) {
|
5458 | var className = _ref.className,
|
5459 | props = _objectWithoutProperties(_ref, ['className']);
|
5460 |
|
5461 | return _react2.default.createElement(
|
5462 | _PressIcon2.default,
|
5463 | { className: className, onClick: function onClick() {
|
5464 | return props.onClick('fast_company');
|
5465 | }, box: '0 0 225 40' },
|
5466 | _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' }),
|
5467 | _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' }),
|
5468 | _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' }),
|
5469 | _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' }),
|
5470 | _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' }),
|
5471 | _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' }),
|
5472 | _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' }),
|
5473 | _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' }),
|
5474 | _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' })
|
5475 | );
|
5476 | };
|
5477 |
|
5478 | FastCompany.propTypes = {
|
5479 | className: _propTypes2.default.string
|
5480 | };
|
5481 |
|
5482 | exports.default = FastCompany;
|
5483 |
|
5484 | }),
|
5485 |
|
5486 | (function(module, exports, __webpack_require__) {
|
5487 |
|
5488 | "use strict";
|
5489 |
|
5490 |
|
5491 | Object.defineProperty(exports, "__esModule", {
|
5492 | value: true
|
5493 | });
|
5494 |
|
5495 | var _react = __webpack_require__(2);
|
5496 |
|
5497 | var _react2 = _interopRequireDefault(_react);
|
5498 |
|
5499 | var _propTypes = __webpack_require__(0);
|
5500 |
|
5501 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5502 |
|
5503 | var _PressIcon = __webpack_require__(6);
|
5504 |
|
5505 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
5506 |
|
5507 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5508 |
|
5509 | 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; }
|
5510 |
|
5511 | var LATimes = function LATimes(_ref) {
|
5512 | var className = _ref.className,
|
5513 | props = _objectWithoutProperties(_ref, ['className']);
|
5514 |
|
5515 | return _react2.default.createElement(
|
5516 | _PressIcon2.default,
|
5517 | { className: className, onClick: function onClick() {
|
5518 | return props.onClick('la_times');
|
5519 | }, box: '0 0 720 110' },
|
5520 | _react2.default.createElement('path', { d: 'M10.8,83.9' }),
|
5521 | _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' }),
|
5522 | _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' }),
|
5523 | _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' }),
|
5524 | _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' }),
|
5525 | _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' }),
|
5526 | _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' }),
|
5527 | _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' }),
|
5528 | _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' }),
|
5529 | _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' }),
|
5530 | _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' }),
|
5531 | _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' }),
|
5532 | _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' }),
|
5533 | _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' }),
|
5534 | _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' }),
|
5535 | _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' }),
|
5536 | _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' }),
|
5537 | _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' })
|
5538 | );
|
5539 | };
|
5540 |
|
5541 | LATimes.propTypes = {
|
5542 | className: _propTypes2.default.string
|
5543 | };
|
5544 |
|
5545 | exports.default = LATimes;
|
5546 |
|
5547 | }),
|
5548 |
|
5549 | (function(module, exports, __webpack_require__) {
|
5550 |
|
5551 | "use strict";
|
5552 |
|
5553 |
|
5554 | Object.defineProperty(exports, "__esModule", {
|
5555 | value: true
|
5556 | });
|
5557 |
|
5558 | var _react = __webpack_require__(2);
|
5559 |
|
5560 | var _react2 = _interopRequireDefault(_react);
|
5561 |
|
5562 | var _propTypes = __webpack_require__(0);
|
5563 |
|
5564 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5565 |
|
5566 | var _PressIcon = __webpack_require__(6);
|
5567 |
|
5568 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
5569 |
|
5570 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5571 |
|
5572 | 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; }
|
5573 |
|
5574 | var NewYorkTimes = function NewYorkTimes(_ref) {
|
5575 | var className = _ref.className,
|
5576 | props = _objectWithoutProperties(_ref, ['className']);
|
5577 |
|
5578 | return _react2.default.createElement(
|
5579 | _PressIcon2.default,
|
5580 | { className: className, onClick: function onClick() {
|
5581 | return props.onClick('new_york_times');
|
5582 | }, box: '0 0 620 100' },
|
5583 | _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'
|
5584 | }),
|
5585 | _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' }),
|
5586 | _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' }),
|
5587 | _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' }),
|
5588 | _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' }),
|
5589 | _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' }),
|
5590 | _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' }),
|
5591 | _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 ' }),
|
5592 | _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 ' }),
|
5593 | _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 ' }),
|
5594 | _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' }),
|
5595 | _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' }),
|
5596 | _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' }),
|
5597 | _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' }),
|
5598 | _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' }),
|
5599 | _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' }),
|
5600 | _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' })
|
5601 | );
|
5602 | };
|
5603 |
|
5604 | NewYorkTimes.propTypes = {
|
5605 | className: _propTypes2.default.string
|
5606 | };
|
5607 |
|
5608 | exports.default = NewYorkTimes;
|
5609 |
|
5610 | }),
|
5611 |
|
5612 | (function(module, exports, __webpack_require__) {
|
5613 |
|
5614 | "use strict";
|
5615 |
|
5616 |
|
5617 | Object.defineProperty(exports, "__esModule", {
|
5618 | value: true
|
5619 | });
|
5620 |
|
5621 | var _react = __webpack_require__(2);
|
5622 |
|
5623 | var _react2 = _interopRequireDefault(_react);
|
5624 |
|
5625 | var _propTypes = __webpack_require__(0);
|
5626 |
|
5627 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5628 |
|
5629 | var _PressIcon = __webpack_require__(6);
|
5630 |
|
5631 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
5632 |
|
5633 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5634 |
|
5635 | 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; }
|
5636 |
|
5637 | var NewYorkPost = function NewYorkPost(_ref) {
|
5638 | var className = _ref.className,
|
5639 | props = _objectWithoutProperties(_ref, ['className']);
|
5640 |
|
5641 | return _react2.default.createElement(
|
5642 | _PressIcon2.default,
|
5643 | { className: className, onClick: function onClick() {
|
5644 | return props.onClick('new_york_post');
|
5645 | }, box: '0 0 600 120' },
|
5646 | _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' }),
|
5647 | _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' }),
|
5648 | _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' }),
|
5649 | _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' }),
|
5650 | _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' }),
|
5651 | _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' }),
|
5652 | _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' }),
|
5653 | _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' }),
|
5654 | _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' }),
|
5655 | _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' }),
|
5656 | _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' }),
|
5657 | _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' }),
|
5658 | _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' }),
|
5659 | _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' }),
|
5660 | _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' }),
|
5661 | _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' }),
|
5662 | _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' })
|
5663 | );
|
5664 | };
|
5665 |
|
5666 | NewYorkPost.propTypes = {
|
5667 | className: _propTypes2.default.string
|
5668 | };
|
5669 |
|
5670 | exports.default = NewYorkPost;
|
5671 |
|
5672 | }),
|
5673 |
|
5674 | (function(module, exports, __webpack_require__) {
|
5675 |
|
5676 | "use strict";
|
5677 |
|
5678 |
|
5679 | Object.defineProperty(exports, "__esModule", {
|
5680 | value: true
|
5681 | });
|
5682 |
|
5683 | var _react = __webpack_require__(2);
|
5684 |
|
5685 | var _react2 = _interopRequireDefault(_react);
|
5686 |
|
5687 | var _propTypes = __webpack_require__(0);
|
5688 |
|
5689 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5690 |
|
5691 | var _PressIcon = __webpack_require__(6);
|
5692 |
|
5693 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
5694 |
|
5695 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5696 |
|
5697 | 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; }
|
5698 |
|
5699 | var ParentsMagazine = function ParentsMagazine(_ref) {
|
5700 | var className = _ref.className,
|
5701 | props = _objectWithoutProperties(_ref, ['className']);
|
5702 |
|
5703 | return _react2.default.createElement(
|
5704 | _PressIcon2.default,
|
5705 | { className: className, onClick: function onClick() {
|
5706 | return props.onClick('parents_magazine');
|
5707 | }, box: '0 0 225 75' },
|
5708 | _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' }),
|
5709 | _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' }),
|
5710 | _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' }),
|
5711 | _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' }),
|
5712 | _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' }),
|
5713 | _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' }),
|
5714 | _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' })
|
5715 | );
|
5716 | };
|
5717 |
|
5718 | ParentsMagazine.propTypes = {
|
5719 | className: _propTypes2.default.string
|
5720 | };
|
5721 |
|
5722 | exports.default = ParentsMagazine;
|
5723 |
|
5724 | }),
|
5725 |
|
5726 | (function(module, exports, __webpack_require__) {
|
5727 |
|
5728 | "use strict";
|
5729 |
|
5730 |
|
5731 | Object.defineProperty(exports, "__esModule", {
|
5732 | value: true
|
5733 | });
|
5734 |
|
5735 | var _react = __webpack_require__(2);
|
5736 |
|
5737 | var _react2 = _interopRequireDefault(_react);
|
5738 |
|
5739 | var _propTypes = __webpack_require__(0);
|
5740 |
|
5741 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5742 |
|
5743 | var _PressIcon = __webpack_require__(6);
|
5744 |
|
5745 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
5746 |
|
5747 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5748 |
|
5749 | 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; }
|
5750 |
|
5751 | var PeopleMagazine = function PeopleMagazine(_ref) {
|
5752 | var className = _ref.className,
|
5753 | props = _objectWithoutProperties(_ref, ['className']);
|
5754 |
|
5755 | return _react2.default.createElement(
|
5756 | _PressIcon2.default,
|
5757 | { className: className, onClick: function onClick() {
|
5758 | return props.onClick('people_magazine');
|
5759 | }, box: '0 0 3000 1200' },
|
5760 | _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' })
|
5761 | );
|
5762 | };
|
5763 |
|
5764 | PeopleMagazine.propTypes = {
|
5765 | className: _propTypes2.default.string
|
5766 | };
|
5767 |
|
5768 | exports.default = PeopleMagazine;
|
5769 |
|
5770 | }),
|
5771 |
|
5772 | (function(module, exports, __webpack_require__) {
|
5773 |
|
5774 | "use strict";
|
5775 |
|
5776 |
|
5777 | Object.defineProperty(exports, "__esModule", {
|
5778 | value: true
|
5779 | });
|
5780 |
|
5781 | var _react = __webpack_require__(2);
|
5782 |
|
5783 | var _react2 = _interopRequireDefault(_react);
|
5784 |
|
5785 | var _propTypes = __webpack_require__(0);
|
5786 |
|
5787 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5788 |
|
5789 | var _PressIcon = __webpack_require__(6);
|
5790 |
|
5791 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
5792 |
|
5793 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5794 |
|
5795 | 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; }
|
5796 |
|
5797 | var TechCrunch = function TechCrunch(_ref) {
|
5798 | var className = _ref.className,
|
5799 | props = _objectWithoutProperties(_ref, ['className']);
|
5800 |
|
5801 | return _react2.default.createElement(
|
5802 | _PressIcon2.default,
|
5803 | { className: className, onClick: function onClick() {
|
5804 | return props.onClick('tech_crunch');
|
5805 | }, box: '0 0 1700 300' },
|
5806 | _react2.default.createElement(
|
5807 | 'g',
|
5808 | null,
|
5809 | _react2.default.createElement('path', { d: 'M659.49,126.35v95.81h-35v-95.81h-35.36V95.85h105.73v30.49H659.49z' }),
|
5810 | _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' }),
|
5811 | _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' }),
|
5812 | _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' }),
|
5813 | _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' }),
|
5814 | _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' }),
|
5815 | _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' }),
|
5816 | _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' }),
|
5817 | _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' }),
|
5818 | _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' })
|
5819 | ),
|
5820 | _react2.default.createElement(
|
5821 | 'g',
|
5822 | null,
|
5823 | _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 ' }),
|
5824 | _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 ' }),
|
5825 | _react2.default.createElement('rect', { x: '371.11', y: '41.77', width: '144.31', height: '72.15' })
|
5826 | )
|
5827 | );
|
5828 | };
|
5829 |
|
5830 | TechCrunch.propTypes = {
|
5831 | className: _propTypes2.default.string
|
5832 | };
|
5833 |
|
5834 | exports.default = TechCrunch;
|
5835 |
|
5836 | }),
|
5837 |
|
5838 | (function(module, exports, __webpack_require__) {
|
5839 |
|
5840 | "use strict";
|
5841 |
|
5842 |
|
5843 | Object.defineProperty(exports, "__esModule", {
|
5844 | value: true
|
5845 | });
|
5846 |
|
5847 | var _react = __webpack_require__(2);
|
5848 |
|
5849 | var _react2 = _interopRequireDefault(_react);
|
5850 |
|
5851 | var _propTypes = __webpack_require__(0);
|
5852 |
|
5853 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5854 |
|
5855 | var _PressIcon = __webpack_require__(6);
|
5856 |
|
5857 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
5858 |
|
5859 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5860 |
|
5861 | 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; }
|
5862 |
|
5863 | var TodayShow = function TodayShow(_ref) {
|
5864 | var className = _ref.className,
|
5865 | props = _objectWithoutProperties(_ref, ['className']);
|
5866 |
|
5867 | return _react2.default.createElement(
|
5868 | _PressIcon2.default,
|
5869 | { className: className, onClick: function onClick() {
|
5870 | return props.onClick('today_show');
|
5871 | }, box: '0 0 715 172' },
|
5872 | _react2.default.createElement(
|
5873 | 'g',
|
5874 | null,
|
5875 | _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 ' }),
|
5876 | _react2.default.createElement(
|
5877 | 'g',
|
5878 | null,
|
5879 | _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' }),
|
5880 | _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' })
|
5881 | ),
|
5882 | _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' }),
|
5883 | _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 ' })
|
5884 | ),
|
5885 | _react2.default.createElement(
|
5886 | 'g',
|
5887 | null,
|
5888 | _react2.default.createElement(
|
5889 | 'g',
|
5890 | null,
|
5891 | _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' }),
|
5892 | _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' }),
|
5893 | _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' })
|
5894 | )
|
5895 | )
|
5896 | );
|
5897 | };
|
5898 |
|
5899 | TodayShow.propTypes = {
|
5900 | className: _propTypes2.default.string
|
5901 | };
|
5902 |
|
5903 | exports.default = TodayShow;
|
5904 |
|
5905 | }),
|
5906 |
|
5907 | (function(module, exports, __webpack_require__) {
|
5908 |
|
5909 | "use strict";
|
5910 |
|
5911 |
|
5912 | Object.defineProperty(exports, "__esModule", {
|
5913 | value: true
|
5914 | });
|
5915 | exports.BaseRuler = undefined;
|
5916 |
|
5917 | 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']);
|
5918 |
|
5919 | var _react = __webpack_require__(2);
|
5920 |
|
5921 | var _react2 = _interopRequireDefault(_react);
|
5922 |
|
5923 | var _propTypes = __webpack_require__(0);
|
5924 |
|
5925 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5926 |
|
5927 | var _styledComponents = __webpack_require__(1);
|
5928 |
|
5929 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5930 |
|
5931 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
5932 |
|
5933 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
5934 |
|
5935 | var BaseRuler = function BaseRuler(props) {
|
5936 | return _react2.default.createElement(
|
5937 | 'svg',
|
5938 | Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 27 12' }, props),
|
5939 | _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' }),
|
5940 | _react2.default.createElement('circle', { cx: '4', cy: '7.9', r: '1.25' }),
|
5941 | _react2.default.createElement('line', { x1: '4', y1: '0.5', x2: '4', y2: '3.5' }),
|
5942 | _react2.default.createElement('line', { x1: '8', y1: '0.5', x2: '8', y2: '3.5' }),
|
5943 | _react2.default.createElement('line', { x1: '12', y1: '0.5', x2: '12', y2: '3.5' }),
|
5944 | _react2.default.createElement('line', { x1: '16', y1: '0.5', x2: '16', y2: '3.5' }),
|
5945 | _react2.default.createElement('line', { x1: '20', y1: '0.5', x2: '20', y2: '3.5' }),
|
5946 | _react2.default.createElement('line', { x1: '24', y1: '0.5', x2: '24', y2: '3.5' })
|
5947 | );
|
5948 | };
|
5949 |
|
5950 | var Ruler = (0, _styledComponents2.default)(BaseRuler)(_templateObject, function (props) {
|
5951 | return props.width;
|
5952 | }, function (props) {
|
5953 | return props.theme.colors.navy;
|
5954 | }, function (props) {
|
5955 | return props.theme.colors.navy;
|
5956 | });
|
5957 |
|
5958 | Ruler.propTypes = {
|
5959 | theme: _propTypes2.default.shape({
|
5960 | colors: _propTypes2.default.shape({
|
5961 | navy: _propTypes2.default.string
|
5962 | })
|
5963 | }),
|
5964 | width: _propTypes2.default.string
|
5965 | };
|
5966 |
|
5967 | Ruler.defaultProps = {
|
5968 | width: '27px'
|
5969 |
|
5970 | };exports.default = Ruler;
|
5971 | exports.BaseRuler = BaseRuler;
|
5972 |
|
5973 | }),
|
5974 |
|
5975 | (function(module, exports, __webpack_require__) {
|
5976 |
|
5977 | "use strict";
|
5978 |
|
5979 |
|
5980 | Object.defineProperty(exports, "__esModule", {
|
5981 | value: true
|
5982 | });
|
5983 | exports.SearchIcon = undefined;
|
5984 |
|
5985 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n display: inline-block;\n\n svg {\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 1.5;\n }\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\n .screenReader {\n font-size: 0;\n }\n\n ', '\n'], ['\n position: relative;\n display: inline-block;\n\n svg {\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 1.5;\n }\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\n .screenReader {\n font-size: 0;\n }\n\n ', '\n']),
|
5986 | _templateObject2 = _taggedTemplateLiteral(['\n svg {\n width: ', ';\n > g text {\n font-size: .7rem;\n }\n }\n '], ['\n svg {\n width: ', ';\n > g text {\n font-size: .7rem;\n }\n }\n ']);
|
5987 |
|
5988 | var _react = __webpack_require__(2);
|
5989 |
|
5990 | var _react2 = _interopRequireDefault(_react);
|
5991 |
|
5992 | var _propTypes = __webpack_require__(0);
|
5993 |
|
5994 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
5995 |
|
5996 | var _styledComponents = __webpack_require__(1);
|
5997 |
|
5998 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
5999 |
|
6000 | var _SRC = __webpack_require__(3);
|
6001 |
|
6002 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6003 |
|
6004 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6005 |
|
6006 | var BaseSearchIcon = function BaseSearchIcon(_ref) {
|
6007 | var className = _ref.className;
|
6008 |
|
6009 | return _react2.default.createElement(
|
6010 | 'div',
|
6011 | { className: className },
|
6012 | _react2.default.createElement(
|
6013 | _SRC.Default,
|
6014 | { displayTarget: 'belowLaptop' },
|
6015 | _react2.default.createElement(
|
6016 | 'svg',
|
6017 | { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '17', viewBox: '0 0 17 17' },
|
6018 | _react2.default.createElement(
|
6019 | 'g',
|
6020 | { fill: 'none', fillRule: 'evenodd', stroke: '#0073D1', strokeWidth: '1.5', transform: 'translate(1 1)' },
|
6021 | _react2.default.createElement('circle', { cx: '6', cy: '6', r: '6' }),
|
6022 | _react2.default.createElement('path', { strokeLinecap: 'round', d: 'M10.761 11.01l4.121 3.893' })
|
6023 | )
|
6024 | )
|
6025 | ),
|
6026 | _react2.default.createElement(
|
6027 | _SRC.Laptop,
|
6028 | null,
|
6029 | _react2.default.createElement(
|
6030 | 'svg',
|
6031 | { xmlns: 'http://www.w3.org/2000/svg', width: '19', height: '19', viewBox: '0 0 19 19' },
|
6032 | _react2.default.createElement(
|
6033 | 'g',
|
6034 | { fill: 'none', fillRule: 'evenodd', stroke: '#0073D1', strokeWidth: '1.5', transform: 'translate(1 1)' },
|
6035 | _react2.default.createElement('circle', { cx: '6.75', cy: '6.75', r: '6.75' }),
|
6036 | _react2.default.createElement('path', { strokeLinecap: 'round', d: 'M12.106 12.387l4.637 4.379' })
|
6037 | )
|
6038 | )
|
6039 | )
|
6040 | );
|
6041 | };
|
6042 |
|
6043 | var SearchIcon = (0, _styledComponents2.default)(BaseSearchIcon)(_templateObject, function (props) {
|
6044 | return props.width.mobile;
|
6045 | }, function (props) {
|
6046 | return props.theme.colors.rocketBlue;
|
6047 | }, function (props) {
|
6048 | return props.theme.colors.rocketBlue;
|
6049 | }, function (props) {
|
6050 | return props.theme.colors.white;
|
6051 | }, function (props) {
|
6052 | return props.theme.fonts.primaryFont;
|
6053 | }, function (props) {
|
6054 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject2, function (props) {
|
6055 | return props.width.desktop;
|
6056 | });
|
6057 | });
|
6058 |
|
6059 | SearchIcon.propTypes = {
|
6060 | theme: _propTypes2.default.shape({
|
6061 | colors: _propTypes2.default.shape({
|
6062 | rocketBlue: _propTypes2.default.string,
|
6063 | white: _propTypes2.default.string
|
6064 | }),
|
6065 | fonts: _propTypes2.default.shape({
|
6066 | primaryFont: _propTypes2.default.string
|
6067 | })
|
6068 | }),
|
6069 | width: _propTypes2.default.shape({
|
6070 | desktop: _propTypes2.default.string,
|
6071 | mobile: _propTypes2.default.string
|
6072 | })
|
6073 | };
|
6074 |
|
6075 | SearchIcon.defaultProps = {
|
6076 | width: {
|
6077 | desktop: '2.1rem',
|
6078 | mobile: '1.8rem'
|
6079 | }
|
6080 |
|
6081 |
|
6082 | };exports.default = SearchIcon;
|
6083 | exports.SearchIcon = SearchIcon;
|
6084 |
|
6085 | }),
|
6086 |
|
6087 | (function(module, exports, __webpack_require__) {
|
6088 |
|
6089 | "use strict";
|
6090 |
|
6091 |
|
6092 | Object.defineProperty(exports, "__esModule", {
|
6093 | value: true
|
6094 | });
|
6095 | exports.BaseXIcon = undefined;
|
6096 |
|
6097 | 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']);
|
6098 |
|
6099 | var _react = __webpack_require__(2);
|
6100 |
|
6101 | var _react2 = _interopRequireDefault(_react);
|
6102 |
|
6103 | var _propTypes = __webpack_require__(0);
|
6104 |
|
6105 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6106 |
|
6107 | var _styledComponents = __webpack_require__(1);
|
6108 |
|
6109 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6110 |
|
6111 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6112 |
|
6113 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6114 |
|
6115 | var BaseXIcon = function BaseXIcon(_ref) {
|
6116 | var className = _ref.className,
|
6117 | onClick = _ref.onClick;
|
6118 |
|
6119 | return _react2.default.createElement(
|
6120 | 'svg',
|
6121 | { className: className, onClick: onClick, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 15 15' },
|
6122 | _react2.default.createElement('line', { x1: '0', y1: '0', x2: '15', y2: '15' }),
|
6123 | _react2.default.createElement('line', { x1: '0', y1: '15', x2: '15', y2: '0' })
|
6124 | );
|
6125 | };
|
6126 |
|
6127 | var XIcon = (0, _styledComponents2.default)(BaseXIcon)(_templateObject, function (props) {
|
6128 | return props.width;
|
6129 | }, function (props) {
|
6130 | return props.stroke || props.theme.colors.rocketBlue;
|
6131 | });
|
6132 |
|
6133 | XIcon.propTypes = {
|
6134 | theme: _propTypes2.default.shape({
|
6135 | colors: _propTypes2.default.shape({
|
6136 | rocketBlue: _propTypes2.default.string
|
6137 | })
|
6138 | }),
|
6139 | width: _propTypes2.default.string
|
6140 | };
|
6141 |
|
6142 | XIcon.defaultProps = {
|
6143 | width: '10px'
|
6144 |
|
6145 |
|
6146 | };exports.default = XIcon;
|
6147 | exports.BaseXIcon = BaseXIcon;
|
6148 |
|
6149 | }),
|
6150 |
|
6151 | (function(module, exports, __webpack_require__) {
|
6152 |
|
6153 | "use strict";
|
6154 |
|
6155 |
|
6156 | Object.defineProperty(exports, "__esModule", {
|
6157 | value: true
|
6158 | });
|
6159 |
|
6160 | var _react = __webpack_require__(2);
|
6161 |
|
6162 | var _react2 = _interopRequireDefault(_react);
|
6163 |
|
6164 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6165 |
|
6166 | var InfoIcon = function InfoIcon(_ref) {
|
6167 | var size = _ref.size;
|
6168 | return _react2.default.createElement(
|
6169 | "svg",
|
6170 | { width: size, height: size, viewBox: "0 0 18 18", version: "1.1" },
|
6171 | _react2.default.createElement(
|
6172 | "g",
|
6173 | { id: "Gift-message-Enhanced", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
|
6174 | _react2.default.createElement(
|
6175 | "g",
|
6176 | { id: "mobile---pdp", transform: "translate(-194.000000, -1189.000000)", stroke: "#0073D1" },
|
6177 | _react2.default.createElement(
|
6178 | "g",
|
6179 | { id: "info-icon", transform: "translate(195.000000, 1190.000000)" },
|
6180 | _react2.default.createElement("circle", { id: "Oval", cx: "8", cy: "8", r: "8" }),
|
6181 | _react2.default.createElement("path", { d: "M8,6.5 L8,13", id: "Line", strokeLinecap: "square" }),
|
6182 | _react2.default.createElement("rect", { id: "Rectangle", x: "8", y: "4", width: "0.2", height: "0.2" })
|
6183 | )
|
6184 | )
|
6185 | )
|
6186 | );
|
6187 | };
|
6188 |
|
6189 | InfoIcon.defaultProps = {
|
6190 | size: '18px'
|
6191 | };
|
6192 |
|
6193 | exports.default = InfoIcon;
|
6194 |
|
6195 | }),
|
6196 |
|
6197 | (function(module, exports, __webpack_require__) {
|
6198 |
|
6199 | "use strict";
|
6200 |
|
6201 |
|
6202 | Object.defineProperty(exports, "__esModule", {
|
6203 | value: true
|
6204 | });
|
6205 |
|
6206 | var _AIcon = __webpack_require__(101);
|
6207 |
|
6208 | Object.defineProperty(exports, 'AIcon', {
|
6209 | enumerable: true,
|
6210 | get: function get() {
|
6211 | return _interopRequireDefault(_AIcon).default;
|
6212 | }
|
6213 | });
|
6214 |
|
6215 | var _GrayAIcon = __webpack_require__(102);
|
6216 |
|
6217 | Object.defineProperty(exports, 'GrayAIcon', {
|
6218 | enumerable: true,
|
6219 | get: function get() {
|
6220 | return _interopRequireDefault(_GrayAIcon).default;
|
6221 | }
|
6222 | });
|
6223 |
|
6224 | var _NavyAIcon = __webpack_require__(103);
|
6225 |
|
6226 | Object.defineProperty(exports, 'NavyAIcon', {
|
6227 | enumerable: true,
|
6228 | get: function get() {
|
6229 | return _interopRequireDefault(_NavyAIcon).default;
|
6230 | }
|
6231 | });
|
6232 |
|
6233 | var _WhiteAIcon = __webpack_require__(104);
|
6234 |
|
6235 | Object.defineProperty(exports, 'WhiteAIcon', {
|
6236 | enumerable: true,
|
6237 | get: function get() {
|
6238 | return _interopRequireDefault(_WhiteAIcon).default;
|
6239 | }
|
6240 | });
|
6241 |
|
6242 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6243 |
|
6244 | }),
|
6245 |
|
6246 | (function(module, exports, __webpack_require__) {
|
6247 |
|
6248 | "use strict";
|
6249 |
|
6250 |
|
6251 | Object.defineProperty(exports, "__esModule", {
|
6252 | value: true
|
6253 | });
|
6254 |
|
6255 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
6256 |
|
6257 | var _propTypes = __webpack_require__(0);
|
6258 |
|
6259 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6260 |
|
6261 | var _styledComponents = __webpack_require__(1);
|
6262 |
|
6263 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6264 |
|
6265 | var _AIcon = __webpack_require__(14);
|
6266 |
|
6267 | var _AIcon2 = _interopRequireDefault(_AIcon);
|
6268 |
|
6269 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6270 |
|
6271 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6272 |
|
6273 | var AIcon = (0, _styledComponents2.default)(_AIcon2.default)(_templateObject, function (props) {
|
6274 | return props.theme.colors.rocketBlue;
|
6275 | });
|
6276 |
|
6277 | AIcon.propTypes = {
|
6278 | theme: _propTypes2.default.shape({
|
6279 | colors: _propTypes2.default.shape({
|
6280 | rocketBlue: _propTypes2.default.string
|
6281 | })
|
6282 | })
|
6283 |
|
6284 |
|
6285 | };exports.default = AIcon;
|
6286 |
|
6287 | }),
|
6288 |
|
6289 | (function(module, exports, __webpack_require__) {
|
6290 |
|
6291 | "use strict";
|
6292 |
|
6293 |
|
6294 | Object.defineProperty(exports, "__esModule", {
|
6295 | value: true
|
6296 | });
|
6297 |
|
6298 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
6299 |
|
6300 | var _propTypes = __webpack_require__(0);
|
6301 |
|
6302 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6303 |
|
6304 | var _styledComponents = __webpack_require__(1);
|
6305 |
|
6306 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6307 |
|
6308 | var _AIcon = __webpack_require__(14);
|
6309 |
|
6310 | var _AIcon2 = _interopRequireDefault(_AIcon);
|
6311 |
|
6312 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6313 |
|
6314 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6315 |
|
6316 | var GrayAIcon = (0, _styledComponents2.default)(_AIcon2.default)(_templateObject, function (props) {
|
6317 | return props.theme.colors.gray[3];
|
6318 | });
|
6319 |
|
6320 | GrayAIcon.propTypes = {
|
6321 | theme: _propTypes2.default.shape({
|
6322 | colors: _propTypes2.default.shape({
|
6323 | gray: _propTypes2.default.array
|
6324 | })
|
6325 | })
|
6326 |
|
6327 |
|
6328 | };exports.default = GrayAIcon;
|
6329 |
|
6330 | }),
|
6331 |
|
6332 | (function(module, exports, __webpack_require__) {
|
6333 |
|
6334 | "use strict";
|
6335 |
|
6336 |
|
6337 | Object.defineProperty(exports, "__esModule", {
|
6338 | value: true
|
6339 | });
|
6340 |
|
6341 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
6342 |
|
6343 | var _propTypes = __webpack_require__(0);
|
6344 |
|
6345 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6346 |
|
6347 | var _styledComponents = __webpack_require__(1);
|
6348 |
|
6349 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6350 |
|
6351 | var _AIcon = __webpack_require__(14);
|
6352 |
|
6353 | var _AIcon2 = _interopRequireDefault(_AIcon);
|
6354 |
|
6355 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6356 |
|
6357 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6358 |
|
6359 | var NavyAIcon = (0, _styledComponents2.default)(_AIcon2.default)(_templateObject, function (props) {
|
6360 | return props.theme.colors.navy;
|
6361 | });
|
6362 |
|
6363 | NavyAIcon.propTypes = {
|
6364 | theme: _propTypes2.default.shape({
|
6365 | colors: _propTypes2.default.shape({
|
6366 | navy: _propTypes2.default.string
|
6367 | })
|
6368 | })
|
6369 |
|
6370 |
|
6371 | };exports.default = NavyAIcon;
|
6372 |
|
6373 | }),
|
6374 |
|
6375 | (function(module, exports, __webpack_require__) {
|
6376 |
|
6377 | "use strict";
|
6378 |
|
6379 |
|
6380 | Object.defineProperty(exports, "__esModule", {
|
6381 | value: true
|
6382 | });
|
6383 |
|
6384 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
6385 |
|
6386 | var _propTypes = __webpack_require__(0);
|
6387 |
|
6388 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6389 |
|
6390 | var _styledComponents = __webpack_require__(1);
|
6391 |
|
6392 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6393 |
|
6394 | var _AIcon = __webpack_require__(14);
|
6395 |
|
6396 | var _AIcon2 = _interopRequireDefault(_AIcon);
|
6397 |
|
6398 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6399 |
|
6400 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6401 |
|
6402 | var WhiteAIcon = (0, _styledComponents2.default)(_AIcon2.default)(_templateObject, function (props) {
|
6403 | return props.theme.colors.white;
|
6404 | });
|
6405 |
|
6406 | WhiteAIcon.propTypes = {
|
6407 | theme: _propTypes2.default.shape({
|
6408 | colors: _propTypes2.default.shape({
|
6409 | white: _propTypes2.default.string
|
6410 | })
|
6411 | })
|
6412 |
|
6413 |
|
6414 | };exports.default = WhiteAIcon;
|
6415 |
|
6416 | }),
|
6417 |
|
6418 | (function(module, exports, __webpack_require__) {
|
6419 |
|
6420 | "use strict";
|
6421 |
|
6422 |
|
6423 | Object.defineProperty(exports, "__esModule", {
|
6424 | value: true
|
6425 | });
|
6426 |
|
6427 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
6428 |
|
6429 | var _propTypes = __webpack_require__(0);
|
6430 |
|
6431 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6432 |
|
6433 | var _styledComponents = __webpack_require__(1);
|
6434 |
|
6435 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6436 |
|
6437 | var _Checkmark = __webpack_require__(15);
|
6438 |
|
6439 | var _Checkmark2 = _interopRequireDefault(_Checkmark);
|
6440 |
|
6441 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6442 |
|
6443 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6444 |
|
6445 | var BlueCheckmark = (0, _styledComponents2.default)(_Checkmark2.default)(_templateObject, function (props) {
|
6446 | return props.theme.colors.rocketBlue;
|
6447 | });
|
6448 |
|
6449 | BlueCheckmark.propTypes = {
|
6450 | theme: _propTypes2.default.shape({
|
6451 | colors: _propTypes2.default.shape({
|
6452 | rocketBlue: _propTypes2.default.string
|
6453 | })
|
6454 | })
|
6455 |
|
6456 |
|
6457 | };exports.default = BlueCheckmark;
|
6458 |
|
6459 | }),
|
6460 |
|
6461 | (function(module, exports, __webpack_require__) {
|
6462 |
|
6463 | "use strict";
|
6464 |
|
6465 |
|
6466 | Object.defineProperty(exports, "__esModule", {
|
6467 | value: true
|
6468 | });
|
6469 |
|
6470 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
6471 |
|
6472 | var _propTypes = __webpack_require__(0);
|
6473 |
|
6474 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6475 |
|
6476 | var _styledComponents = __webpack_require__(1);
|
6477 |
|
6478 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6479 |
|
6480 | var _Checkmark = __webpack_require__(15);
|
6481 |
|
6482 | var _Checkmark2 = _interopRequireDefault(_Checkmark);
|
6483 |
|
6484 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6485 |
|
6486 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6487 |
|
6488 | var GrayCheckmark = (0, _styledComponents2.default)(_Checkmark2.default)(_templateObject, function (props) {
|
6489 | return props.theme.colors.loading;
|
6490 | });
|
6491 |
|
6492 | GrayCheckmark.propTypes = {
|
6493 | theme: _propTypes2.default.shape({
|
6494 | colors: _propTypes2.default.shape({
|
6495 | loading: _propTypes2.default.string
|
6496 | })
|
6497 | })
|
6498 |
|
6499 |
|
6500 | };exports.default = GrayCheckmark;
|
6501 |
|
6502 | }),
|
6503 |
|
6504 | (function(module, exports, __webpack_require__) {
|
6505 |
|
6506 | "use strict";
|
6507 |
|
6508 |
|
6509 | Object.defineProperty(exports, "__esModule", {
|
6510 | value: true
|
6511 | });
|
6512 |
|
6513 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
6514 |
|
6515 | var _propTypes = __webpack_require__(0);
|
6516 |
|
6517 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6518 |
|
6519 | var _styledComponents = __webpack_require__(1);
|
6520 |
|
6521 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6522 |
|
6523 | var _Checkmark = __webpack_require__(15);
|
6524 |
|
6525 | var _Checkmark2 = _interopRequireDefault(_Checkmark);
|
6526 |
|
6527 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6528 |
|
6529 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6530 |
|
6531 | var NavyCheckmark = (0, _styledComponents2.default)(_Checkmark2.default)(_templateObject, function (props) {
|
6532 | return props.theme.colors.navy;
|
6533 | });
|
6534 |
|
6535 | NavyCheckmark.propTypes = {
|
6536 | theme: _propTypes2.default.shape({
|
6537 | colors: _propTypes2.default.shape({
|
6538 | navy: _propTypes2.default.string
|
6539 | })
|
6540 | })
|
6541 |
|
6542 |
|
6543 | };exports.default = NavyCheckmark;
|
6544 |
|
6545 | }),
|
6546 |
|
6547 | (function(module, exports, __webpack_require__) {
|
6548 |
|
6549 | "use strict";
|
6550 |
|
6551 |
|
6552 | Object.defineProperty(exports, "__esModule", {
|
6553 | value: true
|
6554 | });
|
6555 |
|
6556 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
|
6557 |
|
6558 | var _propTypes = __webpack_require__(0);
|
6559 |
|
6560 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6561 |
|
6562 | var _styledComponents = __webpack_require__(1);
|
6563 |
|
6564 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6565 |
|
6566 | var _Checkmark = __webpack_require__(15);
|
6567 |
|
6568 | var _Checkmark2 = _interopRequireDefault(_Checkmark);
|
6569 |
|
6570 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6571 |
|
6572 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6573 |
|
6574 | var WhiteCheckmark = (0, _styledComponents2.default)(_Checkmark2.default)(_templateObject, function (props) {
|
6575 | return props.theme.colors.white;
|
6576 | });
|
6577 |
|
6578 | WhiteCheckmark.propTypes = {
|
6579 | theme: _propTypes2.default.shape({
|
6580 | colors: _propTypes2.default.shape({
|
6581 | white: _propTypes2.default.string
|
6582 | })
|
6583 | })
|
6584 |
|
6585 |
|
6586 | };exports.default = WhiteCheckmark;
|
6587 |
|
6588 | }),
|
6589 |
|
6590 | (function(module, exports, __webpack_require__) {
|
6591 |
|
6592 | "use strict";
|
6593 |
|
6594 |
|
6595 | Object.defineProperty(exports, "__esModule", {
|
6596 | value: true
|
6597 | });
|
6598 |
|
6599 | var _CircleChevron = __webpack_require__(110);
|
6600 |
|
6601 | Object.defineProperty(exports, 'CircleChevron', {
|
6602 | enumerable: true,
|
6603 | get: function get() {
|
6604 | return _interopRequireDefault(_CircleChevron).default;
|
6605 | }
|
6606 | });
|
6607 |
|
6608 | var _YellowCircleChevron = __webpack_require__(111);
|
6609 |
|
6610 | Object.defineProperty(exports, 'YellowCircleChevron', {
|
6611 | enumerable: true,
|
6612 | get: function get() {
|
6613 | return _interopRequireDefault(_YellowCircleChevron).default;
|
6614 | }
|
6615 | });
|
6616 |
|
6617 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6618 |
|
6619 | }),
|
6620 |
|
6621 | (function(module, exports, __webpack_require__) {
|
6622 |
|
6623 | "use strict";
|
6624 |
|
6625 |
|
6626 | Object.defineProperty(exports, "__esModule", {
|
6627 | value: true
|
6628 | });
|
6629 |
|
6630 | 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']);
|
6631 |
|
6632 | var _propTypes = __webpack_require__(0);
|
6633 |
|
6634 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6635 |
|
6636 | var _styledComponents = __webpack_require__(1);
|
6637 |
|
6638 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6639 |
|
6640 | var _CircleChevron = __webpack_require__(34);
|
6641 |
|
6642 | var _CircleChevron2 = _interopRequireDefault(_CircleChevron);
|
6643 |
|
6644 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6645 |
|
6646 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6647 |
|
6648 | var CircleChevron = (0, _styledComponents2.default)(_CircleChevron2.default)(_templateObject, function (props) {
|
6649 | return props.theme.colors.lightBlue[2];
|
6650 | }, function (props) {
|
6651 | return props.theme.colors.white;
|
6652 | });
|
6653 |
|
6654 | CircleChevron.propTypes = {
|
6655 | theme: _propTypes2.default.shape({
|
6656 | colors: _propTypes2.default.shape({
|
6657 | lightBlue: _propTypes2.default.array,
|
6658 | white: _propTypes2.default.string
|
6659 | })
|
6660 | }),
|
6661 | width: _propTypes2.default.string
|
6662 | };
|
6663 |
|
6664 | CircleChevron.defaultProps = {
|
6665 | width: '6rem'
|
6666 |
|
6667 |
|
6668 | };exports.default = CircleChevron;
|
6669 |
|
6670 | }),
|
6671 |
|
6672 | (function(module, exports, __webpack_require__) {
|
6673 |
|
6674 | "use strict";
|
6675 |
|
6676 |
|
6677 | Object.defineProperty(exports, "__esModule", {
|
6678 | value: true
|
6679 | });
|
6680 |
|
6681 | 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']);
|
6682 |
|
6683 | var _propTypes = __webpack_require__(0);
|
6684 |
|
6685 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6686 |
|
6687 | var _styledComponents = __webpack_require__(1);
|
6688 |
|
6689 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6690 |
|
6691 | var _CircleChevron = __webpack_require__(34);
|
6692 |
|
6693 | var _CircleChevron2 = _interopRequireDefault(_CircleChevron);
|
6694 |
|
6695 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6696 |
|
6697 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6698 |
|
6699 | var YellowCircleChevron = (0, _styledComponents2.default)(_CircleChevron2.default)(_templateObject, function (props) {
|
6700 | return props.theme.colors.yellow;
|
6701 | }, function (props) {
|
6702 | return props.theme.colors.rocketBlue;
|
6703 | });
|
6704 |
|
6705 | YellowCircleChevron.propTypes = {
|
6706 | theme: _propTypes2.default.shape({
|
6707 | colors: _propTypes2.default.shape({
|
6708 | rocketBlue: _propTypes2.default.array,
|
6709 | yellow: _propTypes2.default.string
|
6710 | })
|
6711 | }),
|
6712 | width: _propTypes2.default.string
|
6713 | };
|
6714 |
|
6715 | YellowCircleChevron.defaultProps = {
|
6716 | width: '6rem'
|
6717 |
|
6718 |
|
6719 | };exports.default = YellowCircleChevron;
|
6720 |
|
6721 | }),
|
6722 |
|
6723 | (function(module, exports, __webpack_require__) {
|
6724 |
|
6725 | "use strict";
|
6726 |
|
6727 |
|
6728 | Object.defineProperty(exports, "__esModule", {
|
6729 | value: true
|
6730 | });
|
6731 |
|
6732 | var _Close = __webpack_require__(113);
|
6733 |
|
6734 | Object.defineProperty(exports, 'Close', {
|
6735 | enumerable: true,
|
6736 | get: function get() {
|
6737 | return _interopRequireDefault(_Close).default;
|
6738 | }
|
6739 | });
|
6740 |
|
6741 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6742 |
|
6743 | }),
|
6744 |
|
6745 | (function(module, exports, __webpack_require__) {
|
6746 |
|
6747 | "use strict";
|
6748 |
|
6749 |
|
6750 | Object.defineProperty(exports, "__esModule", {
|
6751 | value: true
|
6752 | });
|
6753 |
|
6754 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
6755 |
|
6756 | var _propTypes = __webpack_require__(0);
|
6757 |
|
6758 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6759 |
|
6760 | var _styledComponents = __webpack_require__(1);
|
6761 |
|
6762 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6763 |
|
6764 | var _Close = __webpack_require__(114);
|
6765 |
|
6766 | var _Close2 = _interopRequireDefault(_Close);
|
6767 |
|
6768 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6769 |
|
6770 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6771 |
|
6772 | var Close = (0, _styledComponents2.default)(_Close2.default)(_templateObject, function (props) {
|
6773 | return props.theme.colors.rocketBlue;
|
6774 | });
|
6775 |
|
6776 | Close.propTypes = {
|
6777 | className: _propTypes2.default.string
|
6778 |
|
6779 |
|
6780 | };exports.default = Close;
|
6781 |
|
6782 | }),
|
6783 |
|
6784 | (function(module, exports, __webpack_require__) {
|
6785 |
|
6786 | "use strict";
|
6787 |
|
6788 |
|
6789 | Object.defineProperty(exports, "__esModule", {
|
6790 | value: true
|
6791 | });
|
6792 |
|
6793 | 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']);
|
6794 |
|
6795 | var _react = __webpack_require__(2);
|
6796 |
|
6797 | var _react2 = _interopRequireDefault(_react);
|
6798 |
|
6799 | var _propTypes = __webpack_require__(0);
|
6800 |
|
6801 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6802 |
|
6803 | var _styledComponents = __webpack_require__(1);
|
6804 |
|
6805 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6806 |
|
6807 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6808 |
|
6809 | 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; }
|
6810 |
|
6811 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6812 |
|
6813 | var BaseClose = (0, _styledComponents2.default)(function (_ref) {
|
6814 | var className = _ref.className,
|
6815 | props = _objectWithoutProperties(_ref, ['className']);
|
6816 |
|
6817 | return _react2.default.createElement(
|
6818 | 'svg',
|
6819 | Object.assign({
|
6820 | className: className,
|
6821 | version: '1.1',
|
6822 | viewBox: '0 0 800 800'
|
6823 | }, props),
|
6824 | _react2.default.createElement(
|
6825 | 'text',
|
6826 | null,
|
6827 | 'Close'
|
6828 | ),
|
6829 | _react2.default.createElement('line', { x1: '50', y1: '50', x2: '750', y2: '750' }),
|
6830 | _react2.default.createElement('line', { x1: '750', y1: '50', x2: '50', y2: '750' })
|
6831 | );
|
6832 | })(_templateObject, function (props) {
|
6833 | return props.strokeWidth;
|
6834 | }, function (props) {
|
6835 | return props.width;
|
6836 | });
|
6837 |
|
6838 | BaseClose.propTypes = {
|
6839 | strokeWidth: _propTypes2.default.number,
|
6840 | width: _propTypes2.default.string
|
6841 | };
|
6842 |
|
6843 | BaseClose.defaultProps = {
|
6844 | strokeWidth: 80,
|
6845 | width: '2.5rem'
|
6846 |
|
6847 |
|
6848 | };exports.default = BaseClose;
|
6849 |
|
6850 | }),
|
6851 |
|
6852 | (function(module, exports, __webpack_require__) {
|
6853 |
|
6854 | "use strict";
|
6855 |
|
6856 |
|
6857 | Object.defineProperty(exports, "__esModule", {
|
6858 | value: true
|
6859 | });
|
6860 |
|
6861 | var _BlueHamburger = __webpack_require__(116);
|
6862 |
|
6863 | Object.defineProperty(exports, 'BlueHamburger', {
|
6864 | enumerable: true,
|
6865 | get: function get() {
|
6866 | return _interopRequireDefault(_BlueHamburger).default;
|
6867 | }
|
6868 | });
|
6869 |
|
6870 | var _GrayHamburger = __webpack_require__(117);
|
6871 |
|
6872 | Object.defineProperty(exports, 'GrayHamburger', {
|
6873 | enumerable: true,
|
6874 | get: function get() {
|
6875 | return _interopRequireDefault(_GrayHamburger).default;
|
6876 | }
|
6877 | });
|
6878 |
|
6879 | var _Hamburger = __webpack_require__(118);
|
6880 |
|
6881 | Object.defineProperty(exports, 'Hamburger', {
|
6882 | enumerable: true,
|
6883 | get: function get() {
|
6884 | return _interopRequireDefault(_Hamburger).default;
|
6885 | }
|
6886 | });
|
6887 |
|
6888 | var _NavyHamburger = __webpack_require__(119);
|
6889 |
|
6890 | Object.defineProperty(exports, 'NavyHamburger', {
|
6891 | enumerable: true,
|
6892 | get: function get() {
|
6893 | return _interopRequireDefault(_NavyHamburger).default;
|
6894 | }
|
6895 | });
|
6896 |
|
6897 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6898 |
|
6899 | }),
|
6900 |
|
6901 | (function(module, exports, __webpack_require__) {
|
6902 |
|
6903 | "use strict";
|
6904 |
|
6905 |
|
6906 | Object.defineProperty(exports, "__esModule", {
|
6907 | value: true
|
6908 | });
|
6909 |
|
6910 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
6911 |
|
6912 | var _propTypes = __webpack_require__(0);
|
6913 |
|
6914 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6915 |
|
6916 | var _styledComponents = __webpack_require__(1);
|
6917 |
|
6918 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6919 |
|
6920 | var _Hamburger = __webpack_require__(16);
|
6921 |
|
6922 | var _Hamburger2 = _interopRequireDefault(_Hamburger);
|
6923 |
|
6924 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6925 |
|
6926 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6927 |
|
6928 | var BlueHamburger = (0, _styledComponents2.default)(_Hamburger2.default)(_templateObject, function (props) {
|
6929 | return props.theme.colors.rocketBlue;
|
6930 | });
|
6931 |
|
6932 | BlueHamburger.propTypes = {
|
6933 | theme: _propTypes2.default.shape({
|
6934 | colors: _propTypes2.default.shape({
|
6935 | white: _propTypes2.default.string
|
6936 | })
|
6937 | })
|
6938 |
|
6939 |
|
6940 | };exports.default = BlueHamburger;
|
6941 |
|
6942 | }),
|
6943 |
|
6944 | (function(module, exports, __webpack_require__) {
|
6945 |
|
6946 | "use strict";
|
6947 |
|
6948 |
|
6949 | Object.defineProperty(exports, "__esModule", {
|
6950 | value: true
|
6951 | });
|
6952 |
|
6953 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
6954 |
|
6955 | var _propTypes = __webpack_require__(0);
|
6956 |
|
6957 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
6958 |
|
6959 | var _styledComponents = __webpack_require__(1);
|
6960 |
|
6961 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
6962 |
|
6963 | var _Hamburger = __webpack_require__(16);
|
6964 |
|
6965 | var _Hamburger2 = _interopRequireDefault(_Hamburger);
|
6966 |
|
6967 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
6968 |
|
6969 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
6970 |
|
6971 | var GrayHamburger = (0, _styledComponents2.default)(_Hamburger2.default)(_templateObject, function (props) {
|
6972 | return props.theme.colors.loading;
|
6973 | });
|
6974 |
|
6975 | GrayHamburger.propTypes = {
|
6976 | theme: _propTypes2.default.shape({
|
6977 | colors: _propTypes2.default.shape({
|
6978 | white: _propTypes2.default.string
|
6979 | })
|
6980 | })
|
6981 |
|
6982 |
|
6983 | };exports.default = GrayHamburger;
|
6984 |
|
6985 | }),
|
6986 |
|
6987 | (function(module, exports, __webpack_require__) {
|
6988 |
|
6989 | "use strict";
|
6990 |
|
6991 |
|
6992 | Object.defineProperty(exports, "__esModule", {
|
6993 | value: true
|
6994 | });
|
6995 |
|
6996 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
6997 |
|
6998 | var _propTypes = __webpack_require__(0);
|
6999 |
|
7000 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7001 |
|
7002 | var _styledComponents = __webpack_require__(1);
|
7003 |
|
7004 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7005 |
|
7006 | var _Hamburger = __webpack_require__(16);
|
7007 |
|
7008 | var _Hamburger2 = _interopRequireDefault(_Hamburger);
|
7009 |
|
7010 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7011 |
|
7012 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7013 |
|
7014 | var Hamburger = (0, _styledComponents2.default)(_Hamburger2.default)(_templateObject, function (props) {
|
7015 | return props.theme.colors.white;
|
7016 | });
|
7017 |
|
7018 | Hamburger.propTypes = {
|
7019 | theme: _propTypes2.default.shape({
|
7020 | colors: _propTypes2.default.shape({
|
7021 | white: _propTypes2.default.string
|
7022 | })
|
7023 | })
|
7024 |
|
7025 |
|
7026 | };exports.default = Hamburger;
|
7027 |
|
7028 | }),
|
7029 |
|
7030 | (function(module, exports, __webpack_require__) {
|
7031 |
|
7032 | "use strict";
|
7033 |
|
7034 |
|
7035 | Object.defineProperty(exports, "__esModule", {
|
7036 | value: true
|
7037 | });
|
7038 |
|
7039 | var _templateObject = _taggedTemplateLiteral(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
|
7040 |
|
7041 | var _propTypes = __webpack_require__(0);
|
7042 |
|
7043 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7044 |
|
7045 | var _styledComponents = __webpack_require__(1);
|
7046 |
|
7047 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7048 |
|
7049 | var _Hamburger = __webpack_require__(16);
|
7050 |
|
7051 | var _Hamburger2 = _interopRequireDefault(_Hamburger);
|
7052 |
|
7053 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7054 |
|
7055 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7056 |
|
7057 | var NavyHamburger = (0, _styledComponents2.default)(_Hamburger2.default)(_templateObject, function (props) {
|
7058 | return props.theme.colors.navy;
|
7059 | });
|
7060 |
|
7061 | NavyHamburger.propTypes = {
|
7062 | theme: _propTypes2.default.shape({
|
7063 | colors: _propTypes2.default.shape({
|
7064 | white: _propTypes2.default.string
|
7065 | })
|
7066 | })
|
7067 |
|
7068 |
|
7069 | };exports.default = NavyHamburger;
|
7070 |
|
7071 | }),
|
7072 |
|
7073 | (function(module, exports, __webpack_require__) {
|
7074 |
|
7075 | "use strict";
|
7076 |
|
7077 |
|
7078 | Object.defineProperty(exports, "__esModule", {
|
7079 | value: true
|
7080 | });
|
7081 |
|
7082 | var _Highlighter = __webpack_require__(121);
|
7083 |
|
7084 | Object.defineProperty(exports, 'Highlighter', {
|
7085 | enumerable: true,
|
7086 | get: function get() {
|
7087 | return _interopRequireDefault(_Highlighter).default;
|
7088 | }
|
7089 | });
|
7090 |
|
7091 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7092 |
|
7093 | }),
|
7094 |
|
7095 | (function(module, exports, __webpack_require__) {
|
7096 |
|
7097 | "use strict";
|
7098 |
|
7099 |
|
7100 | Object.defineProperty(exports, "__esModule", {
|
7101 | value: true
|
7102 | });
|
7103 | exports.Highlighter = undefined;
|
7104 |
|
7105 | 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; }; }();
|
7106 |
|
7107 | var _templateObject = _taggedTemplateLiteral(['\n to {\n stroke-dashoffset: 0;\n }\n'], ['\n to {\n stroke-dashoffset: 0;\n }\n']),
|
7108 | _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']);
|
7109 |
|
7110 | var _react = __webpack_require__(2);
|
7111 |
|
7112 | var _react2 = _interopRequireDefault(_react);
|
7113 |
|
7114 | var _propTypes = __webpack_require__(0);
|
7115 |
|
7116 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7117 |
|
7118 | var _styledComponents = __webpack_require__(1);
|
7119 |
|
7120 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7121 |
|
7122 | var _classnames = __webpack_require__(8);
|
7123 |
|
7124 | var _classnames2 = _interopRequireDefault(_classnames);
|
7125 |
|
7126 | var _defaultProps = __webpack_require__(122);
|
7127 |
|
7128 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7129 |
|
7130 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7131 |
|
7132 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
7133 |
|
7134 | 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; }
|
7135 |
|
7136 | 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; }
|
7137 |
|
7138 | var Highlighter = exports.Highlighter = function (_React$Component) {
|
7139 | _inherits(Highlighter, _React$Component);
|
7140 |
|
7141 | function Highlighter(props) {
|
7142 | _classCallCheck(this, Highlighter);
|
7143 |
|
7144 | var _this = _possibleConstructorReturn(this, (Highlighter.__proto__ || Object.getPrototypeOf(Highlighter)).call(this, props));
|
7145 |
|
7146 | _this.state = { points: '' };
|
7147 | return _this;
|
7148 | }
|
7149 |
|
7150 | _createClass(Highlighter, [{
|
7151 | key: 'componentWillMount',
|
7152 | value: function componentWillMount() {
|
7153 | var pointCollection = this.props.pointCollection;
|
7154 |
|
7155 | var index = Math.floor(Math.random() * 3);
|
7156 | this.setState({ points: pointCollection[index].join(' ') });
|
7157 | }
|
7158 | }, {
|
7159 | key: 'render',
|
7160 | value: function render() {
|
7161 | var _props = this.props,
|
7162 | highlighterClass = _props.className,
|
7163 | highlight = _props.highlight;
|
7164 |
|
7165 | var className = (0, _classnames2.default)(highlighterClass, {
|
7166 | 'highlight': highlight
|
7167 | });
|
7168 | return _react2.default.createElement(
|
7169 | 'svg',
|
7170 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 120 30' },
|
7171 | _react2.default.createElement('polyline', {
|
7172 | points: this.state.points
|
7173 | })
|
7174 | );
|
7175 | }
|
7176 | }]);
|
7177 |
|
7178 | return Highlighter;
|
7179 | }(_react2.default.Component);
|
7180 |
|
7181 | Highlighter.defaultProps = {
|
7182 | pointCollection: _defaultProps.pointCollection,
|
7183 | highlight: false
|
7184 | };
|
7185 |
|
7186 | Highlighter.propTypes = {
|
7187 | pointCollection: _propTypes2.default.array,
|
7188 | highlight: _propTypes2.default.bool
|
7189 | };
|
7190 |
|
7191 | var dash = (0, _styledComponents.keyframes)(_templateObject);
|
7192 |
|
7193 | exports.default = (0, _styledComponents2.default)(Highlighter)(_templateObject2, dash);
|
7194 |
|
7195 | }),
|
7196 |
|
7197 | (function(module, exports, __webpack_require__) {
|
7198 |
|
7199 | "use strict";
|
7200 |
|
7201 |
|
7202 | Object.defineProperty(exports, "__esModule", {
|
7203 | value: true
|
7204 | });
|
7205 | 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]];
|
7206 |
|
7207 | }),
|
7208 |
|
7209 | (function(module, exports, __webpack_require__) {
|
7210 |
|
7211 | "use strict";
|
7212 |
|
7213 |
|
7214 | Object.defineProperty(exports, "__esModule", {
|
7215 | value: true
|
7216 | });
|
7217 |
|
7218 | var _GrayLogo = __webpack_require__(124);
|
7219 |
|
7220 | Object.defineProperty(exports, 'GrayLogo', {
|
7221 | enumerable: true,
|
7222 | get: function get() {
|
7223 | return _interopRequireDefault(_GrayLogo).default;
|
7224 | }
|
7225 | });
|
7226 |
|
7227 | var _Logo = __webpack_require__(125);
|
7228 |
|
7229 | Object.defineProperty(exports, 'Logo', {
|
7230 | enumerable: true,
|
7231 | get: function get() {
|
7232 | return _interopRequireDefault(_Logo).default;
|
7233 | }
|
7234 | });
|
7235 |
|
7236 | var _NavyLogo = __webpack_require__(126);
|
7237 |
|
7238 | Object.defineProperty(exports, 'NavyLogo', {
|
7239 | enumerable: true,
|
7240 | get: function get() {
|
7241 | return _interopRequireDefault(_NavyLogo).default;
|
7242 | }
|
7243 | });
|
7244 |
|
7245 | var _WhiteLogo = __webpack_require__(127);
|
7246 |
|
7247 | Object.defineProperty(exports, 'WhiteLogo', {
|
7248 | enumerable: true,
|
7249 | get: function get() {
|
7250 | return _interopRequireDefault(_WhiteLogo).default;
|
7251 | }
|
7252 | });
|
7253 |
|
7254 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7255 |
|
7256 | }),
|
7257 |
|
7258 | (function(module, exports, __webpack_require__) {
|
7259 |
|
7260 | "use strict";
|
7261 |
|
7262 |
|
7263 | Object.defineProperty(exports, "__esModule", {
|
7264 | value: true
|
7265 | });
|
7266 |
|
7267 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
7268 |
|
7269 | var _propTypes = __webpack_require__(0);
|
7270 |
|
7271 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7272 |
|
7273 | var _styledComponents = __webpack_require__(1);
|
7274 |
|
7275 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7276 |
|
7277 | var _Logo = __webpack_require__(17);
|
7278 |
|
7279 | var _Logo2 = _interopRequireDefault(_Logo);
|
7280 |
|
7281 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7282 |
|
7283 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7284 |
|
7285 | var GrayLogo = (0, _styledComponents2.default)(_Logo2.default)(_templateObject, function (props) {
|
7286 | return props.theme.colors.gray[4];
|
7287 | });
|
7288 |
|
7289 | GrayLogo.propTypes = {
|
7290 | theme: _propTypes2.default.shape({
|
7291 | colors: _propTypes2.default.shape({
|
7292 | gray: _propTypes2.default.array
|
7293 | })
|
7294 | }),
|
7295 | maxWidth: _propTypes2.default.string
|
7296 |
|
7297 |
|
7298 | };exports.default = GrayLogo;
|
7299 |
|
7300 |
|
7301 |
|
7302 |
|
7303 |
|
7304 | }),
|
7305 |
|
7306 | (function(module, exports, __webpack_require__) {
|
7307 |
|
7308 | "use strict";
|
7309 |
|
7310 |
|
7311 | Object.defineProperty(exports, "__esModule", {
|
7312 | value: true
|
7313 | });
|
7314 |
|
7315 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
7316 |
|
7317 | var _propTypes = __webpack_require__(0);
|
7318 |
|
7319 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7320 |
|
7321 | var _styledComponents = __webpack_require__(1);
|
7322 |
|
7323 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7324 |
|
7325 | var _Logo = __webpack_require__(17);
|
7326 |
|
7327 | var _Logo2 = _interopRequireDefault(_Logo);
|
7328 |
|
7329 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7330 |
|
7331 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7332 |
|
7333 | var Logo = (0, _styledComponents2.default)(_Logo2.default)(_templateObject, function (props) {
|
7334 | return props.theme.colors.rocketBlue;
|
7335 | });
|
7336 |
|
7337 | Logo.propTypes = {
|
7338 | theme: _propTypes2.default.shape({
|
7339 | color: _propTypes2.default.shape({
|
7340 | rocketBlue: _propTypes2.default.string
|
7341 | })
|
7342 | }),
|
7343 | maxWidth: _propTypes2.default.string
|
7344 |
|
7345 |
|
7346 | };exports.default = Logo;
|
7347 |
|
7348 |
|
7349 |
|
7350 |
|
7351 |
|
7352 | }),
|
7353 |
|
7354 | (function(module, exports, __webpack_require__) {
|
7355 |
|
7356 | "use strict";
|
7357 |
|
7358 |
|
7359 | Object.defineProperty(exports, "__esModule", {
|
7360 | value: true
|
7361 | });
|
7362 |
|
7363 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
7364 |
|
7365 | var _propTypes = __webpack_require__(0);
|
7366 |
|
7367 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7368 |
|
7369 | var _styledComponents = __webpack_require__(1);
|
7370 |
|
7371 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7372 |
|
7373 | var _Logo = __webpack_require__(17);
|
7374 |
|
7375 | var _Logo2 = _interopRequireDefault(_Logo);
|
7376 |
|
7377 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7378 |
|
7379 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7380 |
|
7381 | var NavyLogo = (0, _styledComponents2.default)(_Logo2.default)(_templateObject, function (props) {
|
7382 | return props.theme.colors.navy;
|
7383 | });
|
7384 |
|
7385 | NavyLogo.propTypes = {
|
7386 | theme: _propTypes2.default.shape({
|
7387 | colors: _propTypes2.default.shape({
|
7388 | navy: _propTypes2.default.string
|
7389 | })
|
7390 | }),
|
7391 | maxWidth: _propTypes2.default.string
|
7392 |
|
7393 |
|
7394 | };exports.default = NavyLogo;
|
7395 |
|
7396 |
|
7397 |
|
7398 |
|
7399 |
|
7400 | }),
|
7401 |
|
7402 | (function(module, exports, __webpack_require__) {
|
7403 |
|
7404 | "use strict";
|
7405 |
|
7406 |
|
7407 | Object.defineProperty(exports, "__esModule", {
|
7408 | value: true
|
7409 | });
|
7410 |
|
7411 | var _templateObject = _taggedTemplateLiteral(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
|
7412 |
|
7413 | var _propTypes = __webpack_require__(0);
|
7414 |
|
7415 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7416 |
|
7417 | var _styledComponents = __webpack_require__(1);
|
7418 |
|
7419 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7420 |
|
7421 | var _Logo = __webpack_require__(17);
|
7422 |
|
7423 | var _Logo2 = _interopRequireDefault(_Logo);
|
7424 |
|
7425 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7426 |
|
7427 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7428 |
|
7429 | var WhiteLogo = (0, _styledComponents2.default)(_Logo2.default)(_templateObject, function (props) {
|
7430 | return props.theme.colors.white;
|
7431 | });
|
7432 |
|
7433 | WhiteLogo.propTypes = {
|
7434 | theme: _propTypes2.default.shape({
|
7435 | colors: _propTypes2.default.shape({
|
7436 | white: _propTypes2.default.string
|
7437 | })
|
7438 | }),
|
7439 | maxWidth: _propTypes2.default.string
|
7440 |
|
7441 |
|
7442 | };exports.default = WhiteLogo;
|
7443 |
|
7444 |
|
7445 |
|
7446 |
|
7447 |
|
7448 | }),
|
7449 |
|
7450 | (function(module, exports, __webpack_require__) {
|
7451 |
|
7452 | "use strict";
|
7453 |
|
7454 |
|
7455 | Object.defineProperty(exports, "__esModule", {
|
7456 | value: true
|
7457 | });
|
7458 |
|
7459 | var _templateObject = _taggedTemplateLiteral(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
7460 |
|
7461 | var _propTypes = __webpack_require__(0);
|
7462 |
|
7463 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7464 |
|
7465 | var _styledComponents = __webpack_require__(1);
|
7466 |
|
7467 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7468 |
|
7469 | var _Spinner = __webpack_require__(18);
|
7470 |
|
7471 | var _Spinner2 = _interopRequireDefault(_Spinner);
|
7472 |
|
7473 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7474 |
|
7475 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7476 |
|
7477 | var BlueSpinner = (0, _styledComponents2.default)(_Spinner2.default)(_templateObject, function (props) {
|
7478 | return props.theme.colors.rocketBlue;
|
7479 | });
|
7480 |
|
7481 | BlueSpinner.propTypes = {
|
7482 | theme: _propTypes2.default.shape({
|
7483 | colors: _propTypes2.default.shape({
|
7484 | rocketBlue: _propTypes2.default.string
|
7485 | })
|
7486 | })
|
7487 |
|
7488 |
|
7489 | };exports.default = BlueSpinner;
|
7490 |
|
7491 | }),
|
7492 |
|
7493 | (function(module, exports, __webpack_require__) {
|
7494 |
|
7495 | "use strict";
|
7496 |
|
7497 |
|
7498 | Object.defineProperty(exports, "__esModule", {
|
7499 | value: true
|
7500 | });
|
7501 |
|
7502 | var _templateObject = _taggedTemplateLiteral(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
7503 |
|
7504 | var _propTypes = __webpack_require__(0);
|
7505 |
|
7506 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7507 |
|
7508 | var _styledComponents = __webpack_require__(1);
|
7509 |
|
7510 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7511 |
|
7512 | var _Spinner = __webpack_require__(18);
|
7513 |
|
7514 | var _Spinner2 = _interopRequireDefault(_Spinner);
|
7515 |
|
7516 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7517 |
|
7518 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7519 |
|
7520 | var GraySpinner = (0, _styledComponents2.default)(_Spinner2.default)(_templateObject, function (props) {
|
7521 | return props.theme.colors.loading;
|
7522 | });
|
7523 |
|
7524 | GraySpinner.propTypes = {
|
7525 | theme: _propTypes2.default.shape({
|
7526 | colors: _propTypes2.default.shape({
|
7527 | loading: _propTypes2.default.string
|
7528 | })
|
7529 | })
|
7530 |
|
7531 |
|
7532 | };exports.default = GraySpinner;
|
7533 |
|
7534 | }),
|
7535 |
|
7536 | (function(module, exports, __webpack_require__) {
|
7537 |
|
7538 | "use strict";
|
7539 |
|
7540 |
|
7541 | Object.defineProperty(exports, "__esModule", {
|
7542 | value: true
|
7543 | });
|
7544 |
|
7545 | var _templateObject = _taggedTemplateLiteral(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
7546 |
|
7547 | var _propTypes = __webpack_require__(0);
|
7548 |
|
7549 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7550 |
|
7551 | var _styledComponents = __webpack_require__(1);
|
7552 |
|
7553 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7554 |
|
7555 | var _Spinner = __webpack_require__(18);
|
7556 |
|
7557 | var _Spinner2 = _interopRequireDefault(_Spinner);
|
7558 |
|
7559 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7560 |
|
7561 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7562 |
|
7563 | var NavySpinner = (0, _styledComponents2.default)(_Spinner2.default)(_templateObject, function (props) {
|
7564 | return props.theme.colors.navy;
|
7565 | });
|
7566 |
|
7567 | NavySpinner.propTypes = {
|
7568 | theme: _propTypes2.default.shape({
|
7569 | colors: _propTypes2.default.shape({
|
7570 | navy: _propTypes2.default.string
|
7571 | })
|
7572 | })
|
7573 |
|
7574 |
|
7575 | };exports.default = NavySpinner;
|
7576 |
|
7577 | }),
|
7578 |
|
7579 | (function(module, exports, __webpack_require__) {
|
7580 |
|
7581 | "use strict";
|
7582 |
|
7583 |
|
7584 | Object.defineProperty(exports, "__esModule", {
|
7585 | value: true
|
7586 | });
|
7587 |
|
7588 | var _templateObject = _taggedTemplateLiteral(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
|
7589 |
|
7590 | var _propTypes = __webpack_require__(0);
|
7591 |
|
7592 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7593 |
|
7594 | var _styledComponents = __webpack_require__(1);
|
7595 |
|
7596 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7597 |
|
7598 | var _Spinner = __webpack_require__(18);
|
7599 |
|
7600 | var _Spinner2 = _interopRequireDefault(_Spinner);
|
7601 |
|
7602 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7603 |
|
7604 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7605 |
|
7606 | var WhiteSpinner = (0, _styledComponents2.default)(_Spinner2.default)(_templateObject, function (props) {
|
7607 | return props.theme.colors.white;
|
7608 | });
|
7609 |
|
7610 | WhiteSpinner.propTypes = {
|
7611 | theme: _propTypes2.default.shape({
|
7612 | colors: _propTypes2.default.shape({
|
7613 | white: _propTypes2.default.string
|
7614 | })
|
7615 | })
|
7616 |
|
7617 |
|
7618 | };exports.default = WhiteSpinner;
|
7619 |
|
7620 | }),
|
7621 |
|
7622 | (function(module, exports, __webpack_require__) {
|
7623 |
|
7624 | "use strict";
|
7625 |
|
7626 |
|
7627 | Object.defineProperty(exports, "__esModule", {
|
7628 | value: true
|
7629 | });
|
7630 |
|
7631 | var _backgroundImage = __webpack_require__(133);
|
7632 |
|
7633 | Object.defineProperty(exports, 'BackgroundImage', {
|
7634 | enumerable: true,
|
7635 | get: function get() {
|
7636 | return _interopRequireDefault(_backgroundImage).default;
|
7637 | }
|
7638 | });
|
7639 |
|
7640 | var _inlineImage = __webpack_require__(136);
|
7641 |
|
7642 | Object.defineProperty(exports, 'InlineImage', {
|
7643 | enumerable: true,
|
7644 | get: function get() {
|
7645 | return _interopRequireDefault(_inlineImage).default;
|
7646 | }
|
7647 | });
|
7648 |
|
7649 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7650 |
|
7651 | }),
|
7652 |
|
7653 | (function(module, exports, __webpack_require__) {
|
7654 |
|
7655 | "use strict";
|
7656 |
|
7657 |
|
7658 | Object.defineProperty(exports, "__esModule", {
|
7659 | value: true
|
7660 | });
|
7661 |
|
7662 | 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; }; }();
|
7663 |
|
7664 | 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']);
|
7665 |
|
7666 | var _react = __webpack_require__(2);
|
7667 |
|
7668 | var _react2 = _interopRequireDefault(_react);
|
7669 |
|
7670 | var _propTypes = __webpack_require__(0);
|
7671 |
|
7672 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7673 |
|
7674 | var _styledComponents = __webpack_require__(1);
|
7675 |
|
7676 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
7677 |
|
7678 | var _reactSizeme = __webpack_require__(134);
|
7679 |
|
7680 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7681 |
|
7682 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
7683 |
|
7684 | 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; }
|
7685 |
|
7686 | 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; }
|
7687 |
|
7688 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
7689 |
|
7690 | __webpack_require__(135);
|
7691 |
|
7692 | var StyledBackgroundImage = _styledComponents2.default.section(_templateObject, function (props) {
|
7693 | return props.src;
|
7694 | }, function (props) {
|
7695 | return props.defaultPaddingTop;
|
7696 | });
|
7697 |
|
7698 | var BackgroundImage = function (_React$Component) {
|
7699 | _inherits(BackgroundImage, _React$Component);
|
7700 |
|
7701 | function BackgroundImage(props) {
|
7702 | _classCallCheck(this, BackgroundImage);
|
7703 |
|
7704 | var _this = _possibleConstructorReturn(this, (BackgroundImage.__proto__ || Object.getPrototypeOf(BackgroundImage)).call(this, props));
|
7705 |
|
7706 | _this.setResponsiveBackground = function () {
|
7707 | var _this$props = _this.props,
|
7708 | width = _this$props.size.width,
|
7709 | src = _this$props.src,
|
7710 | inSources = _this$props.sources;
|
7711 |
|
7712 | var sources = Object.assign({}, inSources, { 0: src });
|
7713 | var currentSrc = _this.state.currentSrc;
|
7714 |
|
7715 | if (sources) {
|
7716 | var newSrc = sources[Object.keys(sources).sort(function (keyA, keyB) {
|
7717 | return keyA - keyB;
|
7718 | }).reverse().find(function (key) {
|
7719 | return key < width;
|
7720 | })];
|
7721 | if (currentSrc !== newSrc) {
|
7722 | var image = new Image();
|
7723 | image.src = newSrc;
|
7724 | image.onload = function () {
|
7725 | var defaultPaddingTop = image.height !== 0 && image.width !== 0 ? image.height / image.width * 100 : 0;
|
7726 | _this.setState({
|
7727 | currentSrc: newSrc,
|
7728 | defaultPaddingTop: defaultPaddingTop
|
7729 | });
|
7730 | };
|
7731 | }
|
7732 | }
|
7733 | };
|
7734 |
|
7735 | _this.state = {
|
7736 | currentSrc: undefined,
|
7737 | defaultPaddingTop: undefined
|
7738 | };
|
7739 | return _this;
|
7740 | }
|
7741 |
|
7742 | _createClass(BackgroundImage, [{
|
7743 | key: 'componentDidMount',
|
7744 | value: function componentDidMount() {
|
7745 | this.setResponsiveBackground();
|
7746 | }
|
7747 | }, {
|
7748 | key: 'componentDidUpdate',
|
7749 | value: function componentDidUpdate() {
|
7750 | this.setResponsiveBackground();
|
7751 | }
|
7752 | }, {
|
7753 | key: 'render',
|
7754 | value: function render() {
|
7755 | var children = this.props.children;
|
7756 | var _state = this.state,
|
7757 | currentSrc = _state.currentSrc,
|
7758 | defaultPaddingTop = _state.defaultPaddingTop;
|
7759 |
|
7760 | return _react2.default.createElement(
|
7761 | StyledBackgroundImage,
|
7762 | Object.assign({}, this.props, { src: currentSrc, defaultPaddingTop: defaultPaddingTop }),
|
7763 | _react2.default.createElement('div', null),
|
7764 | _react2.default.createElement(
|
7765 | 'article',
|
7766 | null,
|
7767 | children
|
7768 | )
|
7769 | );
|
7770 | }
|
7771 | }]);
|
7772 |
|
7773 | return BackgroundImage;
|
7774 | }(_react2.default.Component);
|
7775 |
|
7776 | BackgroundImage.propTypes = {
|
7777 | src: _propTypes2.default.string,
|
7778 | sizes: _propTypes2.default.object,
|
7779 | srcSet: _propTypes2.default.oneOfType([function (props, propName, componentName) {
|
7780 | if (props[propName] && !props['sizes']) {
|
7781 | 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.');
|
7782 | }
|
7783 | }, _propTypes2.default.object])
|
7784 |
|
7785 |
|
7786 | };exports.default = (0, _reactSizeme.withSize)()(BackgroundImage);
|
7787 |
|
7788 | }),
|
7789 |
|
7790 | (function(module, exports) {
|
7791 |
|
7792 | module.exports = require("react-sizeme");
|
7793 |
|
7794 | }),
|
7795 |
|
7796 | (function(module, exports) {
|
7797 |
|
7798 | module.exports = require("jspolyfill-array.prototype.find");
|
7799 |
|
7800 | }),
|
7801 |
|
7802 | (function(module, exports, __webpack_require__) {
|
7803 |
|
7804 | "use strict";
|
7805 |
|
7806 |
|
7807 | Object.defineProperty(exports, "__esModule", {
|
7808 | value: true
|
7809 | });
|
7810 |
|
7811 | var _react = __webpack_require__(2);
|
7812 |
|
7813 | var _react2 = _interopRequireDefault(_react);
|
7814 |
|
7815 | var _propTypes = __webpack_require__(0);
|
7816 |
|
7817 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7818 |
|
7819 | var _sizes = __webpack_require__(137);
|
7820 |
|
7821 | var _sizes2 = _interopRequireDefault(_sizes);
|
7822 |
|
7823 | var _sourceSet = __webpack_require__(138);
|
7824 |
|
7825 | var _sourceSet2 = _interopRequireDefault(_sourceSet);
|
7826 |
|
7827 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7828 |
|
7829 | 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; }
|
7830 |
|
7831 | var InlineImage = function InlineImage(_ref) {
|
7832 | var alt = _ref.alt,
|
7833 | src = _ref.src,
|
7834 | inSizes = _ref.sizes,
|
7835 | inSources = _ref.srcSet,
|
7836 | lazyLoad = _ref.lazyLoad,
|
7837 | props = _objectWithoutProperties(_ref, ['alt', 'src', 'sizes', 'srcSet', 'lazyLoad']);
|
7838 |
|
7839 | var srcSet = undefined;
|
7840 | if (inSources) {
|
7841 | srcSet = new _sourceSet2.default(inSources).toString();
|
7842 | }
|
7843 | var sizesStr = undefined;
|
7844 | if (inSizes) {
|
7845 | sizesStr = new _sizes2.default(inSizes).toString();
|
7846 | }
|
7847 | if (!lazyLoad) {
|
7848 | return _react2.default.createElement('img', Object.assign({
|
7849 | alt: alt,
|
7850 | src: src,
|
7851 | srcSet: srcSet,
|
7852 | sizes: sizesStr
|
7853 | }, props));
|
7854 | } else {
|
7855 | return _react2.default.createElement('img', Object.assign({
|
7856 | alt: alt,
|
7857 | 'data-src': src,
|
7858 | srcSet: srcSet,
|
7859 | sizes: sizesStr
|
7860 | }, props));
|
7861 | }
|
7862 | };
|
7863 |
|
7864 | InlineImage.defaultProps = {
|
7865 | alt: ''
|
7866 | };
|
7867 |
|
7868 | InlineImage.propTypes = {
|
7869 | alt: _propTypes2.default.string.isRequired,
|
7870 | lazyLoad: _propTypes2.default.string,
|
7871 | src: _propTypes2.default.string.isRequired,
|
7872 | sizes: _propTypes2.default.object,
|
7873 | srcSet: _propTypes2.default.oneOfType([function (props, propName, componentName) {
|
7874 | if (props[propName] && !props['sizes']) {
|
7875 | 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.');
|
7876 | }
|
7877 | }, _propTypes2.default.object])
|
7878 |
|
7879 |
|
7880 | };exports.default = InlineImage;
|
7881 |
|
7882 | }),
|
7883 |
|
7884 | (function(module, exports, __webpack_require__) {
|
7885 |
|
7886 | "use strict";
|
7887 |
|
7888 |
|
7889 | Object.defineProperty(exports, "__esModule", {
|
7890 | value: true
|
7891 | });
|
7892 |
|
7893 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
7894 |
|
7895 | var Sizes = function Sizes(inSizes) {
|
7896 | var _this = this;
|
7897 |
|
7898 | _classCallCheck(this, Sizes);
|
7899 |
|
7900 | this.toString = function () {
|
7901 | var output = '';
|
7902 | for (var breakpoint in _this.sizes) {
|
7903 | var width = _this.sizes[breakpoint];
|
7904 | if (breakpoint !== 'default') {
|
7905 | output = '' + output + breakpoint + ' ' + width + ',\n';
|
7906 | } else {
|
7907 | output = output + ' ' + width;
|
7908 | }
|
7909 | }
|
7910 | if (Object.keys(_this.sizes).includes('default')) {
|
7911 | return output;
|
7912 | } else {
|
7913 | return output.slice(0, -2);
|
7914 | }
|
7915 | };
|
7916 |
|
7917 | this.sizes = inSizes;
|
7918 | };
|
7919 |
|
7920 | exports.default = Sizes;
|
7921 |
|
7922 | }),
|
7923 |
|
7924 | (function(module, exports, __webpack_require__) {
|
7925 |
|
7926 | "use strict";
|
7927 |
|
7928 |
|
7929 | Object.defineProperty(exports, "__esModule", {
|
7930 | value: true
|
7931 | });
|
7932 |
|
7933 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
7934 |
|
7935 | var SourceSet = function SourceSet(sources) {
|
7936 | var _this = this;
|
7937 |
|
7938 | _classCallCheck(this, SourceSet);
|
7939 |
|
7940 | this.toString = function () {
|
7941 | var output = "";
|
7942 | for (var width in _this.sources) {
|
7943 | output = "" + output + _this.sources[width] + " " + width + ",\n";
|
7944 | }
|
7945 | return output.slice(0, -2);
|
7946 | };
|
7947 |
|
7948 | this.sources = sources;
|
7949 | };
|
7950 |
|
7951 | exports.default = SourceSet;
|
7952 |
|
7953 | }),
|
7954 |
|
7955 | (function(module, exports, __webpack_require__) {
|
7956 |
|
7957 | "use strict";
|
7958 |
|
7959 |
|
7960 | Object.defineProperty(exports, "__esModule", {
|
7961 | value: true
|
7962 | });
|
7963 |
|
7964 | var _ul = __webpack_require__(140);
|
7965 |
|
7966 | Object.defineProperty(exports, 'UL', {
|
7967 | enumerable: true,
|
7968 | get: function get() {
|
7969 | return _interopRequireDefault(_ul).default;
|
7970 | }
|
7971 | });
|
7972 |
|
7973 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
7974 |
|
7975 | }),
|
7976 |
|
7977 | (function(module, exports, __webpack_require__) {
|
7978 |
|
7979 | "use strict";
|
7980 |
|
7981 |
|
7982 | Object.defineProperty(exports, "__esModule", {
|
7983 | value: true
|
7984 | });
|
7985 |
|
7986 | 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']),
|
7987 | _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']);
|
7988 |
|
7989 | var _react = __webpack_require__(2);
|
7990 |
|
7991 | var _react2 = _interopRequireDefault(_react);
|
7992 |
|
7993 | var _propTypes = __webpack_require__(0);
|
7994 |
|
7995 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
7996 |
|
7997 | var _styledComponents = __webpack_require__(1);
|
7998 |
|
7999 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8000 |
|
8001 | var _theme = __webpack_require__(7);
|
8002 |
|
8003 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8004 |
|
8005 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8006 |
|
8007 | var inline = (0, _styledComponents.css)(_templateObject);
|
8008 |
|
8009 | var UL = (0, _styledComponents2.default)(function (_ref) {
|
8010 | var className = _ref.className,
|
8011 | children = _ref.children;
|
8012 |
|
8013 | return _react2.default.createElement(
|
8014 | 'ul',
|
8015 | { className: className },
|
8016 | children
|
8017 | );
|
8018 | })(_templateObject2, function (props) {
|
8019 | return props.inline ? inline : 'flex-direction: column;';
|
8020 | }, function (props) {
|
8021 | return props.color;
|
8022 | }, function (props) {
|
8023 | return props.image ? 'list-style-image: url(' + props.image + ');' : '';
|
8024 | }, function (props) {
|
8025 | return props.leftPad ? 'padding-left: ' + props.leftPad : '';
|
8026 | }, function (props) {
|
8027 | return props.type;
|
8028 | }, function (props) {
|
8029 | return props.outside ? 'outside' : 'inside';
|
8030 | }, function (props) {
|
8031 | return props.fontSize;
|
8032 | }, function (props) {
|
8033 | return props.direction === 'row';
|
8034 | }, function (props) {
|
8035 | return props.itemHeight;
|
8036 | });
|
8037 |
|
8038 | UL.propTypes = {
|
8039 | color: _propTypes2.default.string,
|
8040 | itemHeight: _propTypes2.default.string,
|
8041 | inline: _propTypes2.default.bool,
|
8042 | image: _propTypes2.default.string,
|
8043 | fontSize: _propTypes2.default.string,
|
8044 | leftPad: _propTypes2.default.string,
|
8045 | outside: _propTypes2.default.bool,
|
8046 | type: _propTypes2.default.string
|
8047 | };
|
8048 |
|
8049 | UL.defaultProps = {
|
8050 | color: _theme.theme.colors.rocketBlue,
|
8051 | itemHeight: 'auto',
|
8052 | fontSize: '1.6rem',
|
8053 | leftPad: '4rem',
|
8054 | outside: true,
|
8055 | type: 'disc'
|
8056 |
|
8057 |
|
8058 | };exports.default = UL;
|
8059 |
|
8060 | }),
|
8061 |
|
8062 | (function(module, exports, __webpack_require__) {
|
8063 |
|
8064 | "use strict";
|
8065 |
|
8066 |
|
8067 | Object.defineProperty(exports, "__esModule", {
|
8068 | value: true
|
8069 | });
|
8070 |
|
8071 | var _Link = __webpack_require__(142);
|
8072 |
|
8073 | Object.keys(_Link).forEach(function (key) {
|
8074 | if (key === "default" || key === "__esModule") return;
|
8075 | Object.defineProperty(exports, key, {
|
8076 | enumerable: true,
|
8077 | get: function get() {
|
8078 | return _Link[key];
|
8079 | }
|
8080 | });
|
8081 | });
|
8082 |
|
8083 | var _NavyLink = __webpack_require__(143);
|
8084 |
|
8085 | Object.defineProperty(exports, 'NavyLink', {
|
8086 | enumerable: true,
|
8087 | get: function get() {
|
8088 | return _interopRequireDefault(_NavyLink).default;
|
8089 | }
|
8090 | });
|
8091 |
|
8092 | var _WhiteLink = __webpack_require__(144);
|
8093 |
|
8094 | Object.defineProperty(exports, 'WhiteLink', {
|
8095 | enumerable: true,
|
8096 | get: function get() {
|
8097 | return _interopRequireDefault(_WhiteLink).default;
|
8098 | }
|
8099 | });
|
8100 |
|
8101 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8102 |
|
8103 | }),
|
8104 |
|
8105 | (function(module, exports, __webpack_require__) {
|
8106 |
|
8107 | "use strict";
|
8108 |
|
8109 |
|
8110 | Object.defineProperty(exports, "__esModule", {
|
8111 | value: true
|
8112 | });
|
8113 | exports.LinkStyles = exports.Link = undefined;
|
8114 |
|
8115 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n &:active, &:focus, &:hover {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover {\n color: ', ';\n ', '\n }\n']),
|
8116 | _templateObject2 = _taggedTemplateLiteral(['\n ', '\n ', '\n'], ['\n ', '\n ', '\n']),
|
8117 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']);
|
8118 |
|
8119 | var _propTypes = __webpack_require__(0);
|
8120 |
|
8121 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8122 |
|
8123 | var _styledComponents = __webpack_require__(1);
|
8124 |
|
8125 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8126 |
|
8127 | var _Link = __webpack_require__(26);
|
8128 |
|
8129 | var _Link2 = _interopRequireDefault(_Link);
|
8130 |
|
8131 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8132 |
|
8133 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8134 |
|
8135 | var BlueStyles = (0, _styledComponents.css)(_templateObject, function (props) {
|
8136 | return props.theme.colors.rocketBlue;
|
8137 | }, function (props) {
|
8138 | return props.theme.colors.navy;
|
8139 | }, function (props) {
|
8140 | return props.underline ? 'border-bottom-color: ' + props.theme.colors.navy + ';' : '';
|
8141 | });
|
8142 |
|
8143 | var LinkStyles = (0, _styledComponents.css)(_templateObject2, _Link.BaseStyles, BlueStyles);
|
8144 |
|
8145 | var Link = (0, _styledComponents2.default)(_Link2.default)(_templateObject3, BlueStyles);
|
8146 |
|
8147 | Link.propTypes = {
|
8148 | theme: _propTypes2.default.shape({
|
8149 | colors: _propTypes2.default.shape({
|
8150 | rocketBlue: _propTypes2.default.string
|
8151 | })
|
8152 | }),
|
8153 | uppercase: _propTypes2.default.bool,
|
8154 | underline: _propTypes2.default.bool
|
8155 | };
|
8156 |
|
8157 | Link.defaultProps = {
|
8158 | underline: true
|
8159 |
|
8160 | };exports.Link = Link;
|
8161 | exports.LinkStyles = LinkStyles;
|
8162 |
|
8163 | }),
|
8164 |
|
8165 | (function(module, exports, __webpack_require__) {
|
8166 |
|
8167 | "use strict";
|
8168 |
|
8169 |
|
8170 | Object.defineProperty(exports, "__esModule", {
|
8171 | value: true
|
8172 | });
|
8173 |
|
8174 | 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']);
|
8175 |
|
8176 | var _propTypes = __webpack_require__(0);
|
8177 |
|
8178 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8179 |
|
8180 | var _styledComponents = __webpack_require__(1);
|
8181 |
|
8182 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8183 |
|
8184 | var _Link = __webpack_require__(26);
|
8185 |
|
8186 | var _Link2 = _interopRequireDefault(_Link);
|
8187 |
|
8188 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8189 |
|
8190 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8191 |
|
8192 | var NavyLink = (0, _styledComponents2.default)(_Link2.default)(_templateObject, function (props) {
|
8193 | return props.theme.colors.navy;
|
8194 | }, function (props) {
|
8195 | return props.theme.colors.navy;
|
8196 | }, function (props) {
|
8197 | return props.underline ? 'border-bottom-color: ' + props.theme.colors.navy + ';' : '';
|
8198 | });
|
8199 |
|
8200 | NavyLink.propTypes = {
|
8201 | theme: _propTypes2.default.shape({
|
8202 | colors: _propTypes2.default.shape({
|
8203 | navy: _propTypes2.default.string
|
8204 | })
|
8205 | }),
|
8206 | underline: _propTypes2.default.bool.isRequired
|
8207 | };
|
8208 |
|
8209 | NavyLink.defaultProps = {
|
8210 | underline: true
|
8211 |
|
8212 |
|
8213 | };exports.default = NavyLink;
|
8214 |
|
8215 | }),
|
8216 |
|
8217 | (function(module, exports, __webpack_require__) {
|
8218 |
|
8219 | "use strict";
|
8220 |
|
8221 |
|
8222 | Object.defineProperty(exports, "__esModule", {
|
8223 | value: true
|
8224 | });
|
8225 |
|
8226 | 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']);
|
8227 |
|
8228 | var _propTypes = __webpack_require__(0);
|
8229 |
|
8230 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8231 |
|
8232 | var _styledComponents = __webpack_require__(1);
|
8233 |
|
8234 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8235 |
|
8236 | var _Link = __webpack_require__(26);
|
8237 |
|
8238 | var _Link2 = _interopRequireDefault(_Link);
|
8239 |
|
8240 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8241 |
|
8242 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8243 |
|
8244 | var WhiteLink = (0, _styledComponents2.default)(_Link2.default)(_templateObject, function (props) {
|
8245 | return props.theme.colors.white;
|
8246 | }, function (props) {
|
8247 | return props.theme.colors.white;
|
8248 | }, function (props) {
|
8249 | return props.underline ? 'border-bottom-color: ' + props.theme.colors.white + ';' : '';
|
8250 | });
|
8251 |
|
8252 | WhiteLink.propTypes = {
|
8253 | theme: _propTypes2.default.shape({
|
8254 | colors: _propTypes2.default.shape({
|
8255 | white: _propTypes2.default.string
|
8256 | })
|
8257 | }),
|
8258 | underline: _propTypes2.default.bool.isRequired
|
8259 | };
|
8260 |
|
8261 | WhiteLink.defaultProps = {
|
8262 | underline: true
|
8263 |
|
8264 |
|
8265 | };exports.default = WhiteLink;
|
8266 |
|
8267 | }),
|
8268 |
|
8269 | (function(module, exports, __webpack_require__) {
|
8270 |
|
8271 | "use strict";
|
8272 |
|
8273 |
|
8274 | Object.defineProperty(exports, "__esModule", {
|
8275 | value: true
|
8276 | });
|
8277 |
|
8278 | 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']);
|
8279 |
|
8280 | var _styledComponents = __webpack_require__(1);
|
8281 |
|
8282 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8283 |
|
8284 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8285 |
|
8286 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8287 |
|
8288 | var BlockQuote = _styledComponents2.default.blockquote(_templateObject, function (props) {
|
8289 | return props.theme.colors.navy;
|
8290 | }, function (props) {
|
8291 | return props.theme.fonts.primaryFont;
|
8292 | }, function (props) {
|
8293 | return props.fontSize;
|
8294 | }, function (props) {
|
8295 | return props.theme.colors.navy;
|
8296 | });
|
8297 |
|
8298 | BlockQuote.propTypes = {};
|
8299 |
|
8300 | BlockQuote.defaultProps = {
|
8301 | fontSize: '1.8rem'
|
8302 |
|
8303 |
|
8304 | };exports.default = BlockQuote;
|
8305 |
|
8306 | }),
|
8307 |
|
8308 | (function(module, exports, __webpack_require__) {
|
8309 |
|
8310 | "use strict";
|
8311 |
|
8312 |
|
8313 | Object.defineProperty(exports, "__esModule", {
|
8314 | value: true
|
8315 | });
|
8316 |
|
8317 | 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']);
|
8318 |
|
8319 | var _propTypes = __webpack_require__(0);
|
8320 |
|
8321 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8322 |
|
8323 | var _styledComponents = __webpack_require__(1);
|
8324 |
|
8325 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8326 |
|
8327 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8328 |
|
8329 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8330 |
|
8331 | var Caption = _styledComponents2.default.span(_templateObject, function (props) {
|
8332 | return props.center ? 'text-align: center;' : '';
|
8333 | }, function (props) {
|
8334 | return props.uppercase ? 'uppercase' : 'inherit';
|
8335 | }, function (props) {
|
8336 | return props.theme.colors.navy;
|
8337 | }, function (props) {
|
8338 | return props.theme.fonts.primaryFont;
|
8339 | }, function (props) {
|
8340 | return props.fontSize;
|
8341 | });
|
8342 |
|
8343 | Caption.propTypes = {
|
8344 | theme: _propTypes2.default.shape({
|
8345 | fonts: _propTypes2.default.shape({
|
8346 | primaryFont: _propTypes2.default.string
|
8347 | }),
|
8348 | colors: _propTypes2.default.shape({
|
8349 | navy: _propTypes2.default.string
|
8350 | })
|
8351 | })
|
8352 | };
|
8353 |
|
8354 | Caption.defaultProps = {
|
8355 | fontSize: '1.4rem'
|
8356 |
|
8357 |
|
8358 | };exports.default = Caption;
|
8359 |
|
8360 | }),
|
8361 |
|
8362 | (function(module, exports, __webpack_require__) {
|
8363 |
|
8364 | "use strict";
|
8365 |
|
8366 |
|
8367 | Object.defineProperty(exports, "__esModule", {
|
8368 | value: true
|
8369 | });
|
8370 |
|
8371 | var _templateObject = _taggedTemplateLiteral(['\n ', '\n letter-spacing: ', ';\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n ', '\n font-weight: 500;\n line-height: ', ';\n ', '\n margin: ', ';\n'], ['\n ', '\n letter-spacing: ', ';\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n ', '\n font-weight: 500;\n line-height: ', ';\n ', '\n margin: ', ';\n']),
|
8372 | _templateObject2 = _taggedTemplateLiteral(['\n font-size: ', ';\n '], ['\n font-size: ', ';\n ']),
|
8373 | _templateObject3 = _taggedTemplateLiteral(['\n line-height: ', ';\n '], ['\n line-height: ', ';\n ']);
|
8374 |
|
8375 | var _propTypes = __webpack_require__(0);
|
8376 |
|
8377 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8378 |
|
8379 | var _styledComponents = __webpack_require__(1);
|
8380 |
|
8381 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8382 |
|
8383 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8384 |
|
8385 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8386 |
|
8387 | var H1 = _styledComponents2.default.h1(_templateObject, function (props) {
|
8388 | return props.center ? 'text-align: center;' : '';
|
8389 | }, function (props) {
|
8390 | return props.letterSpacing;
|
8391 | }, function (props) {
|
8392 | return props.lowercase ? 'inherit' : 'uppercase';
|
8393 | }, function (props) {
|
8394 | return props.theme.colors.navy;
|
8395 | }, function (props) {
|
8396 | return props.theme.fonts.headerFont;
|
8397 | }, function (props) {
|
8398 | return props.fontSizes.mobile;
|
8399 | }, function (props) {
|
8400 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2, function (props) {
|
8401 | return props.fontSizes.desktop;
|
8402 | });
|
8403 | }, function (props) {
|
8404 | return props.lineHeights.mobile;
|
8405 | }, function (props) {
|
8406 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3, function (props) {
|
8407 | return props.lineHeights.desktop;
|
8408 | });
|
8409 | }, function (props) {
|
8410 | return props.margin;
|
8411 | });
|
8412 |
|
8413 | H1.propTypes = {
|
8414 | letterSpacing: _propTypes2.default.string,
|
8415 | fontSizes: _propTypes2.default.shape({
|
8416 | desktop: _propTypes2.default.string,
|
8417 | mobile: _propTypes2.default.string
|
8418 | }),
|
8419 | lineHeights: _propTypes2.default.shape({
|
8420 | desktop: _propTypes2.default.number,
|
8421 | mobile: _propTypes2.default.number
|
8422 | }),
|
8423 | margin: _propTypes2.default.string,
|
8424 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
8425 | theme: _propTypes2.default.shape({
|
8426 | fonts: _propTypes2.default.shape({
|
8427 | headerFont: _propTypes2.default.string
|
8428 | }),
|
8429 | colors: _propTypes2.default.shape({
|
8430 | navy: _propTypes2.default.string
|
8431 | })
|
8432 | }),
|
8433 | lowercase: _propTypes2.default.bool
|
8434 | };
|
8435 |
|
8436 | H1.defaultProps = {
|
8437 | letterSpacing: '.1rem',
|
8438 | fontSizes: {
|
8439 | desktop: '4.2rem',
|
8440 | mobile: '3.2rem'
|
8441 | },
|
8442 | lineHeights: {
|
8443 | desktop: 1.0476190476190477,
|
8444 | mobile: 1.3
|
8445 | },
|
8446 | margin: '5.5rem 0'
|
8447 | };
|
8448 |
|
8449 | exports.default = H1;
|
8450 |
|
8451 | }),
|
8452 |
|
8453 | (function(module, exports, __webpack_require__) {
|
8454 |
|
8455 | "use strict";
|
8456 |
|
8457 |
|
8458 | Object.defineProperty(exports, "__esModule", {
|
8459 | value: true
|
8460 | });
|
8461 |
|
8462 | var _templateObject = _taggedTemplateLiteral(['\n ', '\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n ', '\n font-weight: 500;\n line-height: 1.0625;\n margin: ', ';\n'], ['\n ', '\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n ', '\n font-weight: 500;\n line-height: 1.0625;\n margin: ', ';\n']),
|
8463 | _templateObject2 = _taggedTemplateLiteral(['\n font-size: ', ';\n '], ['\n font-size: ', ';\n ']);
|
8464 |
|
8465 | var _propTypes = __webpack_require__(0);
|
8466 |
|
8467 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8468 |
|
8469 | var _styledComponents = __webpack_require__(1);
|
8470 |
|
8471 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8472 |
|
8473 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8474 |
|
8475 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8476 |
|
8477 | var H2 = _styledComponents2.default.h2(_templateObject, function (props) {
|
8478 | return props.center ? 'text-align: center;' : '';
|
8479 | }, function (props) {
|
8480 | return props.lowercase ? 'inherit' : 'uppercase';
|
8481 | }, function (props) {
|
8482 | return props.theme.colors.navy;
|
8483 | }, function (props) {
|
8484 | return props.theme.fonts.headerFont;
|
8485 | }, function (props) {
|
8486 | return props.fontSizes.mobile;
|
8487 | }, function (props) {
|
8488 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2, function (props) {
|
8489 | return props.fontSizes.desktop;
|
8490 | });
|
8491 | }, function (props) {
|
8492 | return props.margin;
|
8493 | });
|
8494 | H2.propTypes = {
|
8495 | center: _propTypes2.default.bool,
|
8496 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
8497 | theme: _propTypes2.default.shape({
|
8498 | fonts: _propTypes2.default.shape({
|
8499 | headerFont: _propTypes2.default.string
|
8500 | }),
|
8501 | colors: _propTypes2.default.shape({
|
8502 | navy: _propTypes2.default.string
|
8503 | })
|
8504 | }),
|
8505 | lowercase: _propTypes2.default.bool
|
8506 | };
|
8507 |
|
8508 | H2.defaultProps = {
|
8509 | fontSizes: {
|
8510 | desktop: '3.2rem',
|
8511 | mobile: '2.4rem'
|
8512 | },
|
8513 | margin: '2.6rem 0'
|
8514 | };
|
8515 |
|
8516 | exports.default = H2;
|
8517 |
|
8518 | }),
|
8519 |
|
8520 | (function(module, exports, __webpack_require__) {
|
8521 |
|
8522 | "use strict";
|
8523 |
|
8524 |
|
8525 | Object.defineProperty(exports, "__esModule", {
|
8526 | value: true
|
8527 | });
|
8528 |
|
8529 | 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 margin: ', ';\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 margin: ', ';\n']);
|
8530 |
|
8531 | var _propTypes = __webpack_require__(0);
|
8532 |
|
8533 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8534 |
|
8535 | var _styledComponents = __webpack_require__(1);
|
8536 |
|
8537 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8538 |
|
8539 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8540 |
|
8541 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8542 |
|
8543 | var H3 = _styledComponents2.default.h3(_templateObject, function (props) {
|
8544 | return props.lowercase ? 'inherit' : 'uppercase';
|
8545 | }, function (props) {
|
8546 | return props.theme.colors.navy;
|
8547 | }, function (props) {
|
8548 | return props.theme.fonts.headerFont;
|
8549 | }, function (props) {
|
8550 | return props.fontSize;
|
8551 | }, function (props) {
|
8552 | return props.margin;
|
8553 | });
|
8554 |
|
8555 | H3.propTypes = {
|
8556 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
8557 | theme: _propTypes2.default.shape({
|
8558 | fonts: _propTypes2.default.shape({
|
8559 | headerFont: _propTypes2.default.string
|
8560 | }),
|
8561 | colors: _propTypes2.default.shape({
|
8562 | navy: _propTypes2.default.string
|
8563 | })
|
8564 | }),
|
8565 | lowercase: _propTypes2.default.bool
|
8566 | };
|
8567 |
|
8568 | H3.defaultProps = {
|
8569 | fontSize: '2.4rem',
|
8570 | margin: '2.4rem 0'
|
8571 |
|
8572 |
|
8573 | };exports.default = H3;
|
8574 |
|
8575 | }),
|
8576 |
|
8577 | (function(module, exports, __webpack_require__) {
|
8578 |
|
8579 | "use strict";
|
8580 |
|
8581 |
|
8582 | Object.defineProperty(exports, "__esModule", {
|
8583 | value: true
|
8584 | });
|
8585 |
|
8586 | 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: ', ';\n line-height: 1;\n text-transform: ', '\n margin: ', ';\n'], ['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: ', ';\n line-height: 1;\n text-transform: ', '\n margin: ', ';\n']);
|
8587 |
|
8588 | var _propTypes = __webpack_require__(0);
|
8589 |
|
8590 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8591 |
|
8592 | var _styledComponents = __webpack_require__(1);
|
8593 |
|
8594 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8595 |
|
8596 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8597 |
|
8598 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8599 |
|
8600 | var H4 = _styledComponents2.default.h4(_templateObject, function (props) {
|
8601 | return props.theme.colors.navy;
|
8602 | }, function (props) {
|
8603 | return props.theme.fonts.primaryFont;
|
8604 | }, function (props) {
|
8605 | return props.fontSize;
|
8606 | }, function (props) {
|
8607 | return props.italic ? 'italic' : 'normal';
|
8608 | }, function (props) {
|
8609 | return props.uppercase ? 'uppercase' : 'none';
|
8610 | }, function (props) {
|
8611 | return props.margin;
|
8612 | });
|
8613 |
|
8614 | H4.propTypes = {
|
8615 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
8616 | theme: _propTypes2.default.shape({
|
8617 | fonts: _propTypes2.default.shape({
|
8618 | primaryFont: _propTypes2.default.string
|
8619 | }),
|
8620 | colors: _propTypes2.default.shape({
|
8621 | navy: _propTypes2.default.string
|
8622 | }),
|
8623 | margin: _propTypes2.default.string,
|
8624 | italic: _propTypes2.default.bool,
|
8625 | uppercase: _propTypes2.default.bool
|
8626 | })
|
8627 | };
|
8628 |
|
8629 | H4.defaultProps = {
|
8630 | fontSize: '1.8rem',
|
8631 | margin: '2.3rem 0',
|
8632 | italic: true,
|
8633 | uppercase: false
|
8634 |
|
8635 |
|
8636 | };exports.default = H4;
|
8637 |
|
8638 | }),
|
8639 |
|
8640 | (function(module, exports, __webpack_require__) {
|
8641 |
|
8642 | "use strict";
|
8643 |
|
8644 |
|
8645 | Object.defineProperty(exports, "__esModule", {
|
8646 | value: true
|
8647 | });
|
8648 |
|
8649 | 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 margin: ', ';\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 margin: ', ';\n']);
|
8650 |
|
8651 | var _propTypes = __webpack_require__(0);
|
8652 |
|
8653 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8654 |
|
8655 | var _styledComponents = __webpack_require__(1);
|
8656 |
|
8657 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8658 |
|
8659 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8660 |
|
8661 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8662 |
|
8663 | var H5 = _styledComponents2.default.h5(_templateObject, function (props) {
|
8664 | return props.theme.colors.navy;
|
8665 | }, function (props) {
|
8666 | return props.theme.fonts.primaryFont;
|
8667 | }, function (props) {
|
8668 | return props.fontSize;
|
8669 | }, function (props) {
|
8670 | return props.margin;
|
8671 | });
|
8672 |
|
8673 | H5.propTypes = {
|
8674 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
8675 | theme: _propTypes2.default.shape({
|
8676 | fonts: _propTypes2.default.shape({
|
8677 | primaryFont: _propTypes2.default.string
|
8678 | }),
|
8679 | colors: _propTypes2.default.shape({
|
8680 | navy: _propTypes2.default.string
|
8681 | })
|
8682 | })
|
8683 | };
|
8684 |
|
8685 | H5.defaultProps = {
|
8686 | fontSize: '1.6rem',
|
8687 | margin: '2.6rem 0'
|
8688 |
|
8689 |
|
8690 | };exports.default = H5;
|
8691 |
|
8692 | }),
|
8693 |
|
8694 | (function(module, exports, __webpack_require__) {
|
8695 |
|
8696 | "use strict";
|
8697 |
|
8698 |
|
8699 | Object.defineProperty(exports, "__esModule", {
|
8700 | value: true
|
8701 | });
|
8702 |
|
8703 | 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 margin: ', ';\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 margin: ', ';\n']);
|
8704 |
|
8705 | var _propTypes = __webpack_require__(0);
|
8706 |
|
8707 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8708 |
|
8709 | var _styledComponents = __webpack_require__(1);
|
8710 |
|
8711 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8712 |
|
8713 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8714 |
|
8715 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8716 |
|
8717 | var H6 = _styledComponents2.default.h6(_templateObject, function (props) {
|
8718 | return props.theme.colors.navy;
|
8719 | }, function (props) {
|
8720 | return props.theme.fonts.primaryFont;
|
8721 | }, function (props) {
|
8722 | return props.fontSize;
|
8723 | }, function (props) {
|
8724 | return props.margin;
|
8725 | });
|
8726 |
|
8727 | H6.propTypes = {
|
8728 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object]),
|
8729 | theme: _propTypes2.default.shape({
|
8730 | fonts: _propTypes2.default.shape({
|
8731 | primaryFont: _propTypes2.default.string
|
8732 | }),
|
8733 | colors: _propTypes2.default.shape({
|
8734 | navy: _propTypes2.default.string
|
8735 | })
|
8736 | })
|
8737 | };
|
8738 |
|
8739 | H6.defaultProps = {
|
8740 | fontSize: '1.4rem',
|
8741 | margin: '3.2rem 0'
|
8742 |
|
8743 |
|
8744 | };exports.default = H6;
|
8745 |
|
8746 | }),
|
8747 |
|
8748 | (function(module, exports, __webpack_require__) {
|
8749 |
|
8750 | "use strict";
|
8751 |
|
8752 |
|
8753 | Object.defineProperty(exports, "__esModule", {
|
8754 | value: true
|
8755 | });
|
8756 |
|
8757 | var _templateObject = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n white-space: pre;\n'], ['\n ', '\n ', '\n ', '\n white-space: pre;\n']);
|
8758 |
|
8759 | var _propTypes = __webpack_require__(0);
|
8760 |
|
8761 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8762 |
|
8763 | var _styledComponents = __webpack_require__(1);
|
8764 |
|
8765 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8766 |
|
8767 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8768 |
|
8769 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8770 |
|
8771 | var MarkedText = _styledComponents2.default.span(_templateObject, function (props) {
|
8772 | return props.underline && 'text-decoration: underline;';
|
8773 | }, function (props) {
|
8774 | return props.bold && 'font-weight: bold;';
|
8775 | }, function (props) {
|
8776 | return props.italic && 'font-style: italic;';
|
8777 | });
|
8778 |
|
8779 | MarkedText.propTypes = {
|
8780 | bold: _propTypes2.default.bool,
|
8781 | italic: _propTypes2.default.bool,
|
8782 | underline: _propTypes2.default.bool
|
8783 |
|
8784 |
|
8785 | };exports.default = MarkedText;
|
8786 |
|
8787 | }),
|
8788 |
|
8789 | (function(module, exports, __webpack_require__) {
|
8790 |
|
8791 | "use strict";
|
8792 |
|
8793 |
|
8794 | Object.defineProperty(exports, "__esModule", {
|
8795 | value: true
|
8796 | });
|
8797 |
|
8798 | 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']);
|
8799 |
|
8800 | var _propTypes = __webpack_require__(0);
|
8801 |
|
8802 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8803 |
|
8804 | var _styledComponents = __webpack_require__(1);
|
8805 |
|
8806 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8807 |
|
8808 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8809 |
|
8810 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8811 |
|
8812 | var Serif = _styledComponents2.default.span(_templateObject, function (props) {
|
8813 | return props.theme.colors.navy;
|
8814 | }, function (props) {
|
8815 | return props.theme.fonts.secondaryFont;
|
8816 | }, function (props) {
|
8817 | return props.fontSize;
|
8818 | });
|
8819 |
|
8820 | Serif.propTypes = {
|
8821 | children: _propTypes2.default.string,
|
8822 | theme: _propTypes2.default.shape({
|
8823 | fonts: _propTypes2.default.shape({
|
8824 | secondaryFont: _propTypes2.default.string
|
8825 | }),
|
8826 | colors: _propTypes2.default.shape({
|
8827 | navy: _propTypes2.default.string
|
8828 | })
|
8829 | })
|
8830 | };
|
8831 |
|
8832 | Serif.defaultProps = {
|
8833 | fontSize: '2.4rem'
|
8834 |
|
8835 |
|
8836 | };exports.default = Serif;
|
8837 |
|
8838 | }),
|
8839 |
|
8840 | (function(module, exports, __webpack_require__) {
|
8841 |
|
8842 | "use strict";
|
8843 |
|
8844 |
|
8845 | Object.defineProperty(exports, "__esModule", {
|
8846 | value: true
|
8847 | });
|
8848 |
|
8849 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
8850 |
|
8851 | var _propTypes = __webpack_require__(0);
|
8852 |
|
8853 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8854 |
|
8855 | var _styledComponents = __webpack_require__(1);
|
8856 |
|
8857 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8858 |
|
8859 | var _Hr = __webpack_require__(19);
|
8860 |
|
8861 | var _Hr2 = _interopRequireDefault(_Hr);
|
8862 |
|
8863 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8864 |
|
8865 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8866 |
|
8867 | var BlueHr = (0, _styledComponents2.default)(_Hr2.default)(_templateObject, function (props) {
|
8868 | return props.theme.colors.rocketBlue;
|
8869 | });
|
8870 |
|
8871 | BlueHr.propTypes = {
|
8872 | theme: _propTypes2.default.shape({
|
8873 | colors: _propTypes2.default.shape({
|
8874 | rocketBlue: _propTypes2.default.string
|
8875 | })
|
8876 | })
|
8877 |
|
8878 |
|
8879 | };exports.default = BlueHr;
|
8880 |
|
8881 | }),
|
8882 |
|
8883 | (function(module, exports, __webpack_require__) {
|
8884 |
|
8885 | "use strict";
|
8886 |
|
8887 |
|
8888 | Object.defineProperty(exports, "__esModule", {
|
8889 | value: true
|
8890 | });
|
8891 |
|
8892 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
8893 |
|
8894 | var _propTypes = __webpack_require__(0);
|
8895 |
|
8896 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8897 |
|
8898 | var _styledComponents = __webpack_require__(1);
|
8899 |
|
8900 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8901 |
|
8902 | var _Hr = __webpack_require__(19);
|
8903 |
|
8904 | var _Hr2 = _interopRequireDefault(_Hr);
|
8905 |
|
8906 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8907 |
|
8908 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8909 |
|
8910 | var Hr = (0, _styledComponents2.default)(_Hr2.default)(_templateObject, function (props) {
|
8911 | return props.theme.colors.gray[4];
|
8912 | });
|
8913 |
|
8914 | Hr.propTypes = {
|
8915 | theme: _propTypes2.default.shape({
|
8916 | colors: _propTypes2.default.shape({
|
8917 | gray: _propTypes2.default.array
|
8918 | })
|
8919 | })
|
8920 |
|
8921 |
|
8922 | };exports.default = Hr;
|
8923 |
|
8924 | }),
|
8925 |
|
8926 | (function(module, exports, __webpack_require__) {
|
8927 |
|
8928 | "use strict";
|
8929 |
|
8930 |
|
8931 | Object.defineProperty(exports, "__esModule", {
|
8932 | value: true
|
8933 | });
|
8934 |
|
8935 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
8936 |
|
8937 | var _propTypes = __webpack_require__(0);
|
8938 |
|
8939 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8940 |
|
8941 | var _styledComponents = __webpack_require__(1);
|
8942 |
|
8943 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8944 |
|
8945 | var _Hr = __webpack_require__(19);
|
8946 |
|
8947 | var _Hr2 = _interopRequireDefault(_Hr);
|
8948 |
|
8949 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8950 |
|
8951 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8952 |
|
8953 | var NavyHr = (0, _styledComponents2.default)(_Hr2.default)(_templateObject, function (props) {
|
8954 | return props.theme.colors.navy;
|
8955 | });
|
8956 |
|
8957 | NavyHr.propTypes = {
|
8958 | theme: _propTypes2.default.shape({
|
8959 | colors: _propTypes2.default.shape({
|
8960 | navy: _propTypes2.default.string
|
8961 | })
|
8962 | })
|
8963 |
|
8964 |
|
8965 | };exports.default = NavyHr;
|
8966 |
|
8967 | }),
|
8968 |
|
8969 | (function(module, exports, __webpack_require__) {
|
8970 |
|
8971 | "use strict";
|
8972 |
|
8973 |
|
8974 | Object.defineProperty(exports, "__esModule", {
|
8975 | value: true
|
8976 | });
|
8977 |
|
8978 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
|
8979 |
|
8980 | var _propTypes = __webpack_require__(0);
|
8981 |
|
8982 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
8983 |
|
8984 | var _styledComponents = __webpack_require__(1);
|
8985 |
|
8986 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
8987 |
|
8988 | var _Hr = __webpack_require__(19);
|
8989 |
|
8990 | var _Hr2 = _interopRequireDefault(_Hr);
|
8991 |
|
8992 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
8993 |
|
8994 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
8995 |
|
8996 | var WhiteHr = (0, _styledComponents2.default)(_Hr2.default)(_templateObject, function (props) {
|
8997 | return props.theme.colors.white;
|
8998 | });
|
8999 |
|
9000 | WhiteHr.propTypes = {
|
9001 | theme: _propTypes2.default.shape({
|
9002 | colors: _propTypes2.default.shape({
|
9003 | white: _propTypes2.default.string
|
9004 | })
|
9005 | })
|
9006 |
|
9007 |
|
9008 | };exports.default = WhiteHr;
|
9009 |
|
9010 | }),
|
9011 |
|
9012 | (function(module, exports, __webpack_require__) {
|
9013 |
|
9014 | "use strict";
|
9015 |
|
9016 |
|
9017 | Object.defineProperty(exports, "__esModule", {
|
9018 | value: true
|
9019 | });
|
9020 |
|
9021 | var _video = __webpack_require__(160);
|
9022 |
|
9023 | Object.defineProperty(exports, 'Video', {
|
9024 | enumerable: true,
|
9025 | get: function get() {
|
9026 | return _interopRequireDefault(_video).default;
|
9027 | }
|
9028 | });
|
9029 |
|
9030 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9031 |
|
9032 | }),
|
9033 |
|
9034 | (function(module, exports, __webpack_require__) {
|
9035 |
|
9036 | "use strict";
|
9037 |
|
9038 |
|
9039 | Object.defineProperty(exports, "__esModule", {
|
9040 | value: true
|
9041 | });
|
9042 |
|
9043 | 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; }; }();
|
9044 |
|
9045 | var _templateObject = _taggedTemplateLiteral([''], ['']);
|
9046 |
|
9047 | var _react = __webpack_require__(2);
|
9048 |
|
9049 | var _react2 = _interopRequireDefault(_react);
|
9050 |
|
9051 | var _styledComponents = __webpack_require__(1);
|
9052 |
|
9053 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9054 |
|
9055 | var _propTypes = __webpack_require__(0);
|
9056 |
|
9057 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
9058 |
|
9059 | var _sources = __webpack_require__(161);
|
9060 |
|
9061 | var _sources2 = _interopRequireDefault(_sources);
|
9062 |
|
9063 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9064 |
|
9065 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9066 |
|
9067 | 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; }
|
9068 |
|
9069 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
9070 |
|
9071 | 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; }
|
9072 |
|
9073 | 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; }
|
9074 |
|
9075 | var Video = function (_React$Component) {
|
9076 | _inherits(Video, _React$Component);
|
9077 |
|
9078 | function Video(props) {
|
9079 | _classCallCheck(this, Video);
|
9080 |
|
9081 | var _this = _possibleConstructorReturn(this, (Video.__proto__ || Object.getPrototypeOf(Video)).call(this, props));
|
9082 |
|
9083 | _this.setVideoRef = function (element) {
|
9084 | _this.video = element;
|
9085 | };
|
9086 |
|
9087 | _this.video = null;
|
9088 | return _this;
|
9089 | }
|
9090 |
|
9091 | _createClass(Video, [{
|
9092 | key: 'componentDidMount',
|
9093 | value: function componentDidMount() {
|
9094 | if (this.video) {
|
9095 | this.video.load();
|
9096 | this.video.play();
|
9097 | }
|
9098 | }
|
9099 | }, {
|
9100 | key: 'render',
|
9101 | value: function render() {
|
9102 | var _props = this.props,
|
9103 | children = _props.children,
|
9104 | inSources = _props.sources,
|
9105 | props = _objectWithoutProperties(_props, ['children', 'sources']);
|
9106 |
|
9107 | var sources = [];
|
9108 | if (inSources) {
|
9109 | sources = new _sources2.default(inSources).render();
|
9110 | }
|
9111 | return _react2.default.createElement(
|
9112 | 'video',
|
9113 | props,
|
9114 | sources.map(function (source, key) {
|
9115 | return source;
|
9116 | }),
|
9117 | children && children
|
9118 | );
|
9119 | }
|
9120 | }]);
|
9121 |
|
9122 | return Video;
|
9123 | }(_react2.default.Component);
|
9124 |
|
9125 | Video.propTypes = {
|
9126 | sources: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.array])
|
9127 | };
|
9128 |
|
9129 | Video.defaultProps = {
|
9130 | autoPlay: true,
|
9131 | playsInline: true,
|
9132 | loop: true,
|
9133 | muted: true
|
9134 |
|
9135 |
|
9136 | };exports.default = (0, _styledComponents2.default)(Video)(_templateObject);
|
9137 |
|
9138 | }),
|
9139 |
|
9140 | (function(module, exports, __webpack_require__) {
|
9141 |
|
9142 | "use strict";
|
9143 |
|
9144 |
|
9145 | Object.defineProperty(exports, "__esModule", {
|
9146 | value: true
|
9147 | });
|
9148 |
|
9149 | var _react = __webpack_require__(2);
|
9150 |
|
9151 | var _react2 = _interopRequireDefault(_react);
|
9152 |
|
9153 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9154 |
|
9155 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
9156 |
|
9157 | var Sources = function Sources(inSources) {
|
9158 | var _this = this;
|
9159 |
|
9160 | _classCallCheck(this, Sources);
|
9161 |
|
9162 | this.createSourceElement = function (source) {
|
9163 | var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
9164 |
|
9165 | try {
|
9166 | if (typeof source === 'string') {
|
9167 | var acceptedFormats = ['webm', 'ogv', 'mp4', 'mov', 'flv'];
|
9168 | var test = /\.([0-9a-z]{1,5})$/;
|
9169 | var result = test.exec(source);
|
9170 | var format = result[1];
|
9171 | if (!acceptedFormats.includes(format)) {
|
9172 | console.warn('An invalid file extension was provided for ' + source);
|
9173 | }
|
9174 | if (format === 'ogv') {
|
9175 | format = 'ogg';
|
9176 | }
|
9177 | return _react2.default.createElement('source', { src: source, type: 'video/' + format, key: key });
|
9178 | } else {
|
9179 | console.warn('A string was not provided as a source for ' + source);
|
9180 | }
|
9181 | } catch (err) {
|
9182 | console.error(err);
|
9183 | }
|
9184 | };
|
9185 |
|
9186 | this.render = function () {
|
9187 | try {
|
9188 | var output = [];
|
9189 | if (Array.isArray(_this.sources)) {
|
9190 | output = _this.sources.map(function (source, index) {
|
9191 | return _this.createSourceElement(source, index);
|
9192 | });
|
9193 | } else {
|
9194 | output = [_this.createSourceElement(_this.sources)];
|
9195 | }
|
9196 | return output;
|
9197 | } catch (err) {
|
9198 | console.error(err);
|
9199 | }
|
9200 | };
|
9201 |
|
9202 | this.sources = inSources;
|
9203 | };
|
9204 |
|
9205 | exports.default = Sources;
|
9206 |
|
9207 | }),
|
9208 |
|
9209 | (function(module, exports, __webpack_require__) {
|
9210 |
|
9211 | "use strict";
|
9212 |
|
9213 |
|
9214 | Object.defineProperty(exports, "__esModule", {
|
9215 | value: true
|
9216 | });
|
9217 |
|
9218 | var _customerQuotes = __webpack_require__(163);
|
9219 |
|
9220 | Object.defineProperty(exports, 'CustomerQuotes', {
|
9221 | enumerable: true,
|
9222 | get: function get() {
|
9223 | return _interopRequireDefault(_customerQuotes).default;
|
9224 | }
|
9225 | });
|
9226 |
|
9227 | var _DefaultAddress = __webpack_require__(165);
|
9228 |
|
9229 | Object.defineProperty(exports, 'DefaultAddress', {
|
9230 | enumerable: true,
|
9231 | get: function get() {
|
9232 | return _interopRequireDefault(_DefaultAddress).default;
|
9233 | }
|
9234 | });
|
9235 |
|
9236 | var _DefaultPayment = __webpack_require__(166);
|
9237 |
|
9238 | Object.defineProperty(exports, 'DefaultPayment', {
|
9239 | enumerable: true,
|
9240 | get: function get() {
|
9241 | return _interopRequireDefault(_DefaultPayment).default;
|
9242 | }
|
9243 | });
|
9244 |
|
9245 | var _pressQuotes = __webpack_require__(167);
|
9246 |
|
9247 | Object.defineProperty(exports, 'PressQuotes', {
|
9248 | enumerable: true,
|
9249 | get: function get() {
|
9250 | return _interopRequireDefault(_pressQuotes).default;
|
9251 | }
|
9252 | });
|
9253 |
|
9254 | var _textCarousel = __webpack_require__(170);
|
9255 |
|
9256 | Object.defineProperty(exports, 'TextCarousel', {
|
9257 | enumerable: true,
|
9258 | get: function get() {
|
9259 | return _interopRequireDefault(_textCarousel).default;
|
9260 | }
|
9261 | });
|
9262 |
|
9263 | var _markdown = __webpack_require__(172);
|
9264 |
|
9265 | Object.defineProperty(exports, 'MirageMarkdown', {
|
9266 | enumerable: true,
|
9267 | get: function get() {
|
9268 | return _interopRequireDefault(_markdown).default;
|
9269 | }
|
9270 | });
|
9271 |
|
9272 | var _valuePropSection = __webpack_require__(174);
|
9273 |
|
9274 | Object.defineProperty(exports, 'ValuePropSection', {
|
9275 | enumerable: true,
|
9276 | get: function get() {
|
9277 | return _interopRequireDefault(_valuePropSection).default;
|
9278 | }
|
9279 | });
|
9280 |
|
9281 | var _aboutUs = __webpack_require__(176);
|
9282 |
|
9283 | Object.keys(_aboutUs).forEach(function (key) {
|
9284 | if (key === "default" || key === "__esModule") return;
|
9285 | Object.defineProperty(exports, key, {
|
9286 | enumerable: true,
|
9287 | get: function get() {
|
9288 | return _aboutUs[key];
|
9289 | }
|
9290 | });
|
9291 | });
|
9292 |
|
9293 | var _accordion = __webpack_require__(179);
|
9294 |
|
9295 | Object.keys(_accordion).forEach(function (key) {
|
9296 | if (key === "default" || key === "__esModule") return;
|
9297 | Object.defineProperty(exports, key, {
|
9298 | enumerable: true,
|
9299 | get: function get() {
|
9300 | return _accordion[key];
|
9301 | }
|
9302 | });
|
9303 | });
|
9304 |
|
9305 | var _animatedIcons = __webpack_require__(181);
|
9306 |
|
9307 | Object.keys(_animatedIcons).forEach(function (key) {
|
9308 | if (key === "default" || key === "__esModule") return;
|
9309 | Object.defineProperty(exports, key, {
|
9310 | enumerable: true,
|
9311 | get: function get() {
|
9312 | return _animatedIcons[key];
|
9313 | }
|
9314 | });
|
9315 | });
|
9316 |
|
9317 | var _card = __webpack_require__(188);
|
9318 |
|
9319 | Object.keys(_card).forEach(function (key) {
|
9320 | if (key === "default" || key === "__esModule") return;
|
9321 | Object.defineProperty(exports, key, {
|
9322 | enumerable: true,
|
9323 | get: function get() {
|
9324 | return _card[key];
|
9325 | }
|
9326 | });
|
9327 | });
|
9328 |
|
9329 | var _contentful = __webpack_require__(190);
|
9330 |
|
9331 | Object.keys(_contentful).forEach(function (key) {
|
9332 | if (key === "default" || key === "__esModule") return;
|
9333 | Object.defineProperty(exports, key, {
|
9334 | enumerable: true,
|
9335 | get: function get() {
|
9336 | return _contentful[key];
|
9337 | }
|
9338 | });
|
9339 | });
|
9340 |
|
9341 | var _clotheslineAnimation = __webpack_require__(197);
|
9342 |
|
9343 | Object.keys(_clotheslineAnimation).forEach(function (key) {
|
9344 | if (key === "default" || key === "__esModule") return;
|
9345 | Object.defineProperty(exports, key, {
|
9346 | enumerable: true,
|
9347 | get: function get() {
|
9348 | return _clotheslineAnimation[key];
|
9349 | }
|
9350 | });
|
9351 | });
|
9352 |
|
9353 | var _emailCapture = __webpack_require__(199);
|
9354 |
|
9355 | Object.keys(_emailCapture).forEach(function (key) {
|
9356 | if (key === "default" || key === "__esModule") return;
|
9357 | Object.defineProperty(exports, key, {
|
9358 | enumerable: true,
|
9359 | get: function get() {
|
9360 | return _emailCapture[key];
|
9361 | }
|
9362 | });
|
9363 | });
|
9364 |
|
9365 | var _footer = __webpack_require__(202);
|
9366 |
|
9367 | Object.keys(_footer).forEach(function (key) {
|
9368 | if (key === "default" || key === "__esModule") return;
|
9369 | Object.defineProperty(exports, key, {
|
9370 | enumerable: true,
|
9371 | get: function get() {
|
9372 | return _footer[key];
|
9373 | }
|
9374 | });
|
9375 | });
|
9376 |
|
9377 | var _header = __webpack_require__(204);
|
9378 |
|
9379 | Object.keys(_header).forEach(function (key) {
|
9380 | if (key === "default" || key === "__esModule") return;
|
9381 | Object.defineProperty(exports, key, {
|
9382 | enumerable: true,
|
9383 | get: function get() {
|
9384 | return _header[key];
|
9385 | }
|
9386 | });
|
9387 | });
|
9388 |
|
9389 | var _images = __webpack_require__(226);
|
9390 |
|
9391 | Object.keys(_images).forEach(function (key) {
|
9392 | if (key === "default" || key === "__esModule") return;
|
9393 | Object.defineProperty(exports, key, {
|
9394 | enumerable: true,
|
9395 | get: function get() {
|
9396 | return _images[key];
|
9397 | }
|
9398 | });
|
9399 | });
|
9400 |
|
9401 | var _inputs = __webpack_require__(28);
|
9402 |
|
9403 | Object.keys(_inputs).forEach(function (key) {
|
9404 | if (key === "default" || key === "__esModule") return;
|
9405 | Object.defineProperty(exports, key, {
|
9406 | enumerable: true,
|
9407 | get: function get() {
|
9408 | return _inputs[key];
|
9409 | }
|
9410 | });
|
9411 | });
|
9412 |
|
9413 | var _layout = __webpack_require__(256);
|
9414 |
|
9415 | Object.keys(_layout).forEach(function (key) {
|
9416 | if (key === "default" || key === "__esModule") return;
|
9417 | Object.defineProperty(exports, key, {
|
9418 | enumerable: true,
|
9419 | get: function get() {
|
9420 | return _layout[key];
|
9421 | }
|
9422 | });
|
9423 | });
|
9424 |
|
9425 | var _product = __webpack_require__(263);
|
9426 |
|
9427 | Object.keys(_product).forEach(function (key) {
|
9428 | if (key === "default" || key === "__esModule") return;
|
9429 | Object.defineProperty(exports, key, {
|
9430 | enumerable: true,
|
9431 | get: function get() {
|
9432 | return _product[key];
|
9433 | }
|
9434 | });
|
9435 | });
|
9436 |
|
9437 | var _productTile = __webpack_require__(265);
|
9438 |
|
9439 | Object.keys(_productTile).forEach(function (key) {
|
9440 | if (key === "default" || key === "__esModule") return;
|
9441 | Object.defineProperty(exports, key, {
|
9442 | enumerable: true,
|
9443 | get: function get() {
|
9444 | return _productTile[key];
|
9445 | }
|
9446 | });
|
9447 | });
|
9448 |
|
9449 | var _sections = __webpack_require__(31);
|
9450 |
|
9451 | Object.keys(_sections).forEach(function (key) {
|
9452 | if (key === "default" || key === "__esModule") return;
|
9453 | Object.defineProperty(exports, key, {
|
9454 | enumerable: true,
|
9455 | get: function get() {
|
9456 | return _sections[key];
|
9457 | }
|
9458 | });
|
9459 | });
|
9460 |
|
9461 | var _socialMedia = __webpack_require__(275);
|
9462 |
|
9463 | Object.keys(_socialMedia).forEach(function (key) {
|
9464 | if (key === "default" || key === "__esModule") return;
|
9465 | Object.defineProperty(exports, key, {
|
9466 | enumerable: true,
|
9467 | get: function get() {
|
9468 | return _socialMedia[key];
|
9469 | }
|
9470 | });
|
9471 | });
|
9472 |
|
9473 | var _video = __webpack_require__(278);
|
9474 |
|
9475 | Object.keys(_video).forEach(function (key) {
|
9476 | if (key === "default" || key === "__esModule") return;
|
9477 | Object.defineProperty(exports, key, {
|
9478 | enumerable: true,
|
9479 | get: function get() {
|
9480 | return _video[key];
|
9481 | }
|
9482 | });
|
9483 | });
|
9484 |
|
9485 | var _paymentRequestForm = __webpack_require__(280);
|
9486 |
|
9487 | Object.keys(_paymentRequestForm).forEach(function (key) {
|
9488 | if (key === "default" || key === "__esModule") return;
|
9489 | Object.defineProperty(exports, key, {
|
9490 | enumerable: true,
|
9491 | get: function get() {
|
9492 | return _paymentRequestForm[key];
|
9493 | }
|
9494 | });
|
9495 | });
|
9496 |
|
9497 | var _couponCode = __webpack_require__(283);
|
9498 |
|
9499 | Object.keys(_couponCode).forEach(function (key) {
|
9500 | if (key === "default" || key === "__esModule") return;
|
9501 | Object.defineProperty(exports, key, {
|
9502 | enumerable: true,
|
9503 | get: function get() {
|
9504 | return _couponCode[key];
|
9505 | }
|
9506 | });
|
9507 | });
|
9508 |
|
9509 | var _referralSection = __webpack_require__(288);
|
9510 |
|
9511 | Object.keys(_referralSection).forEach(function (key) {
|
9512 | if (key === "default" || key === "__esModule") return;
|
9513 | Object.defineProperty(exports, key, {
|
9514 | enumerable: true,
|
9515 | get: function get() {
|
9516 | return _referralSection[key];
|
9517 | }
|
9518 | });
|
9519 | });
|
9520 |
|
9521 | var _confetti = __webpack_require__(298);
|
9522 |
|
9523 | Object.keys(_confetti).forEach(function (key) {
|
9524 | if (key === "default" || key === "__esModule") return;
|
9525 | Object.defineProperty(exports, key, {
|
9526 | enumerable: true,
|
9527 | get: function get() {
|
9528 | return _confetti[key];
|
9529 | }
|
9530 | });
|
9531 | });
|
9532 |
|
9533 | var _giftModal = __webpack_require__(300);
|
9534 |
|
9535 | Object.keys(_giftModal).forEach(function (key) {
|
9536 | if (key === "default" || key === "__esModule") return;
|
9537 | Object.defineProperty(exports, key, {
|
9538 | enumerable: true,
|
9539 | get: function get() {
|
9540 | return _giftModal[key];
|
9541 | }
|
9542 | });
|
9543 | });
|
9544 |
|
9545 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9546 |
|
9547 | }),
|
9548 |
|
9549 | (function(module, exports, __webpack_require__) {
|
9550 |
|
9551 | "use strict";
|
9552 |
|
9553 |
|
9554 | Object.defineProperty(exports, "__esModule", {
|
9555 | value: true
|
9556 | });
|
9557 |
|
9558 | 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; }; }();
|
9559 |
|
9560 | 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']),
|
9561 | _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']),
|
9562 | _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']),
|
9563 | _templateObject4 = _taggedTemplateLiteral(['\n height: 30rem;\n'], ['\n height: 30rem;\n']),
|
9564 | _templateObject5 = _taggedTemplateLiteral(['\n order: 2;\n '], ['\n order: 2;\n ']),
|
9565 | _templateObject6 = _taggedTemplateLiteral(['\n order: 1;\n '], ['\n order: 1;\n ']),
|
9566 | _templateObject7 = _taggedTemplateLiteral(['\n order: 4;\n '], ['\n order: 4;\n ']),
|
9567 | _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']),
|
9568 | _templateObject9 = _taggedTemplateLiteral(['\n margin-top: 6rem;\n '], ['\n margin-top: 6rem;\n ']),
|
9569 | _templateObject10 = _taggedTemplateLiteral(['\n order: 2;\n '], ['\n order: 2;\n ']);
|
9570 |
|
9571 | var _react = __webpack_require__(2);
|
9572 |
|
9573 | var _react2 = _interopRequireDefault(_react);
|
9574 |
|
9575 | var _styledComponents = __webpack_require__(1);
|
9576 |
|
9577 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9578 |
|
9579 | var _reactTransitionGroup = __webpack_require__(12);
|
9580 |
|
9581 | var _SRC = __webpack_require__(3);
|
9582 |
|
9583 | var _defaultProps = __webpack_require__(164);
|
9584 |
|
9585 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
9586 |
|
9587 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9588 |
|
9589 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
9590 |
|
9591 | 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; }
|
9592 |
|
9593 | 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; }
|
9594 |
|
9595 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9596 |
|
9597 | var FadeIn = (0, _styledComponents.keyframes)(_templateObject);
|
9598 |
|
9599 | var FadeOut = (0, _styledComponents.keyframes)(_templateObject2);
|
9600 |
|
9601 | var CustomerQuote = function (_React$Component) {
|
9602 | _inherits(CustomerQuote, _React$Component);
|
9603 |
|
9604 | function CustomerQuote() {
|
9605 | _classCallCheck(this, CustomerQuote);
|
9606 |
|
9607 | return _possibleConstructorReturn(this, (CustomerQuote.__proto__ || Object.getPrototypeOf(CustomerQuote)).apply(this, arguments));
|
9608 | }
|
9609 |
|
9610 | _createClass(CustomerQuote, [{
|
9611 | key: 'render',
|
9612 | value: function render() {
|
9613 | var _props = this.props,
|
9614 | className = _props.className,
|
9615 | quote = _props.quote,
|
9616 | index = _props.index;
|
9617 |
|
9618 |
|
9619 | var leftConfettiUrl = 'https://res.cloudinary.com/roa-canon/image/upload/v1563820550/web/CONFETTI_static_left.png';
|
9620 | var rightConfettiUrl = 'https://res.cloudinary.com/roa-canon/image/upload/v1563820550/web/CONFETTI_static_right.png';
|
9621 |
|
9622 | return _react2.default.createElement(
|
9623 | _SRC.FlexRow,
|
9624 | {
|
9625 | constrained: true,
|
9626 | element: 'aside',
|
9627 | className: className,
|
9628 | 'aria-hidden': true },
|
9629 | _react2.default.createElement(_SRC.FlexCol, {
|
9630 | element: 'img',
|
9631 | key: 'cutsomerQuoteLeftConfetti',
|
9632 | mobile: { width: 2 },
|
9633 | desktop: { width: 3 },
|
9634 | alt: 'confetti',
|
9635 | className: 'confetti',
|
9636 | src: leftConfettiUrl }),
|
9637 | _react2.default.createElement(
|
9638 | _SRC.FlexCol,
|
9639 | { className: 'quote', key: 'cutsomeQuoteBody', mobile: { width: 4 }, desktop: { width: 6 } },
|
9640 | _react2.default.createElement(
|
9641 | _reactTransitionGroup.CSSTransitionGroup,
|
9642 | {
|
9643 | transitionName: 'fader',
|
9644 | transitionEnterTimeout: 3000,
|
9645 | transitionLeaveTimeout: 3000 },
|
9646 | quote && _react2.default.createElement(
|
9647 | 'div',
|
9648 | { key: index, className: 'quote_controller' },
|
9649 | quote && quote.quote && _react2.default.createElement(
|
9650 | _SRC.H2,
|
9651 | { lowercase: true },
|
9652 | quote.quote
|
9653 | ),
|
9654 | quote && quote.signature && _react2.default.createElement(
|
9655 | _SRC.H3,
|
9656 | { lowercase: true },
|
9657 | quote.signature
|
9658 | )
|
9659 | )
|
9660 | )
|
9661 | ),
|
9662 | _react2.default.createElement(_SRC.FlexCol, {
|
9663 | element: 'img',
|
9664 | key: 'cutsomerQuoteRightConfetti',
|
9665 | mobile: { width: 2 },
|
9666 | desktop: { width: 3 },
|
9667 | alt: 'confetti',
|
9668 | className: 'confetti',
|
9669 | src: rightConfettiUrl })
|
9670 | );
|
9671 | }
|
9672 | }]);
|
9673 |
|
9674 | return CustomerQuote;
|
9675 | }(_react2.default.Component);
|
9676 |
|
9677 | var StyledCustomerQuote = (0, _styledComponents2.default)(CustomerQuote)(_templateObject3, function (props) {
|
9678 | return props.theme.media.tablet(_templateObject4);
|
9679 | }, _SRC.H2, _SRC.H3, function (props) {
|
9680 | return props.theme.media.phoneMax(_templateObject5);
|
9681 | }, FadeIn, FadeOut, function (props) {
|
9682 | return props.theme.media.tablet(_templateObject6);
|
9683 | }, function (props) {
|
9684 | return props.theme.media.tablet(_templateObject7);
|
9685 | });
|
9686 |
|
9687 | var BaseCustomerQuotes = function (_React$Component2) {
|
9688 | _inherits(BaseCustomerQuotes, _React$Component2);
|
9689 |
|
9690 | function BaseCustomerQuotes(props) {
|
9691 | _classCallCheck(this, BaseCustomerQuotes);
|
9692 |
|
9693 | var _this2 = _possibleConstructorReturn(this, (BaseCustomerQuotes.__proto__ || Object.getPrototypeOf(BaseCustomerQuotes)).call(this, props));
|
9694 |
|
9695 | _this2.quoteTimer = function () {
|
9696 | _this2.timer = setInterval(function () {
|
9697 | var index = _this2.state.index;
|
9698 | var quotes = _this2.props.quotes;
|
9699 |
|
9700 | if (index === quotes.length - 1) {
|
9701 | _this2.setState({
|
9702 | index: 0,
|
9703 | quote: quotes[0]
|
9704 | });
|
9705 | } else {
|
9706 | _this2.setState({
|
9707 | index: index + 1,
|
9708 | quote: quotes[index + 1]
|
9709 | });
|
9710 | }
|
9711 | }, 8000);
|
9712 | };
|
9713 |
|
9714 | _this2.state = {
|
9715 | index: 0,
|
9716 | quote: {
|
9717 | quote: undefined,
|
9718 | signature: undefined
|
9719 | }
|
9720 | };
|
9721 | return _this2;
|
9722 | }
|
9723 |
|
9724 | _createClass(BaseCustomerQuotes, [{
|
9725 | key: 'componentDidMount',
|
9726 | value: function componentDidMount() {
|
9727 | var quotes = this.props.quotes;
|
9728 |
|
9729 | this.setState({ quote: quotes[0] });
|
9730 | this.quoteTimer();
|
9731 | }
|
9732 | }, {
|
9733 | key: 'componentWillUnmount',
|
9734 | value: function componentWillUnmount() {
|
9735 | clearInterval(this.timer);
|
9736 | }
|
9737 | }, {
|
9738 | key: 'render',
|
9739 | value: function render() {
|
9740 | var _props2 = this.props,
|
9741 | className = _props2.className,
|
9742 | header = _props2.header,
|
9743 | quotes = _props2.quotes;
|
9744 | var _state = this.state,
|
9745 | index = _state.index,
|
9746 | quote = _state.quote;
|
9747 |
|
9748 |
|
9749 | return _react2.default.createElement(
|
9750 | _SRC.FlexRow,
|
9751 | {
|
9752 | element: 'section',
|
9753 | className: className,
|
9754 | align: 'flex-start' },
|
9755 | _react2.default.createElement(
|
9756 | _SRC.FlexCol,
|
9757 | { key: 'customerQuoteHeader', mobile: { width: 4 }, desktop: { width: 12 } },
|
9758 | _react2.default.createElement(
|
9759 | _SRC.H1,
|
9760 | null,
|
9761 | header
|
9762 | )
|
9763 | ),
|
9764 | _react2.default.createElement(StyledCustomerQuote, {
|
9765 | quote: quote,
|
9766 | index: index }),
|
9767 | quotes.map(function (quote, i) {
|
9768 | return _react2.default.createElement(
|
9769 | 'blockquote',
|
9770 | { key: 'customerQuoteBlock-' + i },
|
9771 | _react2.default.createElement(
|
9772 | 'p',
|
9773 | null,
|
9774 | quote.quote
|
9775 | ),
|
9776 | _react2.default.createElement(
|
9777 | 'cite',
|
9778 | null,
|
9779 | _react2.default.createElement(
|
9780 | 'p',
|
9781 | null,
|
9782 | quote.signature
|
9783 | )
|
9784 | )
|
9785 | );
|
9786 | })
|
9787 | );
|
9788 | }
|
9789 | }]);
|
9790 |
|
9791 | return BaseCustomerQuotes;
|
9792 | }(_react2.default.Component);
|
9793 |
|
9794 | var CustomerQuotes = (0, _styledComponents2.default)(BaseCustomerQuotes)(_templateObject8, function (props) {
|
9795 | return props.theme.media.tablet(_templateObject9);
|
9796 | }, _SRC.H1, _SRC.H2, _SRC.H3, _SRC.H2, _SRC.H3, function (props) {
|
9797 | return props.theme.colors.rocketBlue;
|
9798 | }, function (props) {
|
9799 | return props.theme.media.tablet(_templateObject10);
|
9800 | }, _SRC.H1);
|
9801 |
|
9802 | CustomerQuotes.defaultProps = Object.assign({}, _defaultProps2.default, {
|
9803 | padding: true,
|
9804 | constrained: true
|
9805 |
|
9806 |
|
9807 | });exports.default = CustomerQuotes;
|
9808 |
|
9809 | }),
|
9810 |
|
9811 | (function(module, exports, __webpack_require__) {
|
9812 |
|
9813 | "use strict";
|
9814 |
|
9815 |
|
9816 | Object.defineProperty(exports, "__esModule", {
|
9817 | value: true
|
9818 | });
|
9819 | exports.default = {
|
9820 | "header": "WHAT AWESOME PARENTS (LIKE YOU!) ARE SAYING",
|
9821 | "quotes": [{
|
9822 | quote: "“These are real clothes to LIVE and PLAY in! My son is full of personality and wears Rockets of Awesome to reflect that.”",
|
9823 | signature: "Andrea, Dallas TX"
|
9824 | }, {
|
9825 | 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!”",
|
9826 | signature: "Maddie, Cincinnati OH"
|
9827 | }, {
|
9828 | 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!”",
|
9829 | signature: "Courtney, Philadelphia PA"
|
9830 | }, {
|
9831 | quote: "“It’s great to see my kids feel so confident that what they’re wearing expresses who they are as individuals.”",
|
9832 | signature: "Robin, Brooklyn NY"
|
9833 | }]
|
9834 | };
|
9835 |
|
9836 | }),
|
9837 |
|
9838 | (function(module, exports, __webpack_require__) {
|
9839 |
|
9840 | "use strict";
|
9841 |
|
9842 |
|
9843 | Object.defineProperty(exports, "__esModule", {
|
9844 | value: true
|
9845 | });
|
9846 | exports.BaseDefaultAddress = undefined;
|
9847 |
|
9848 | 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']),
|
9849 | _templateObject2 = _taggedTemplateLiteral(['\n padding-right: 5rem;\n '], ['\n padding-right: 5rem;\n ']);
|
9850 |
|
9851 | var _react = __webpack_require__(2);
|
9852 |
|
9853 | var _react2 = _interopRequireDefault(_react);
|
9854 |
|
9855 | var _propTypes = __webpack_require__(0);
|
9856 |
|
9857 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
9858 |
|
9859 | var _styledComponents = __webpack_require__(1);
|
9860 |
|
9861 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9862 |
|
9863 | var _Label = __webpack_require__(9);
|
9864 |
|
9865 | var _Label2 = _interopRequireDefault(_Label);
|
9866 |
|
9867 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9868 |
|
9869 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9870 |
|
9871 | var BaseDefaultAddress = function BaseDefaultAddress(_ref) {
|
9872 | var _ref$address = _ref.address,
|
9873 | first_name = _ref$address.first_name,
|
9874 | last_name = _ref$address.last_name,
|
9875 | address1 = _ref$address.address1,
|
9876 | address2 = _ref$address.address2,
|
9877 | city = _ref$address.city,
|
9878 | state = _ref$address.state,
|
9879 | zipcode = _ref$address.zipcode,
|
9880 | className = _ref.className;
|
9881 |
|
9882 | return _react2.default.createElement(
|
9883 | 'section',
|
9884 | { className: className },
|
9885 | _react2.default.createElement(
|
9886 | _Label.LowercaseLabel,
|
9887 | null,
|
9888 | first_name,
|
9889 | ' ',
|
9890 | last_name
|
9891 | ),
|
9892 | _react2.default.createElement(
|
9893 | _Label.LowercaseLabel,
|
9894 | null,
|
9895 | address1
|
9896 | ),
|
9897 | address2 && _react2.default.createElement(
|
9898 | _Label.LowercaseLabel,
|
9899 | null,
|
9900 | address2
|
9901 | ),
|
9902 | _react2.default.createElement(
|
9903 | _Label.LowercaseLabel,
|
9904 | null,
|
9905 | city,
|
9906 | ', ',
|
9907 | state,
|
9908 | ' ',
|
9909 | zipcode
|
9910 | )
|
9911 | );
|
9912 | };
|
9913 |
|
9914 | var DefaultAddress = (0, _styledComponents2.default)(BaseDefaultAddress)(_templateObject, _Label2.default, function (props) {
|
9915 | return props.theme.media.tablet(_templateObject2);
|
9916 | });
|
9917 | DefaultAddress.propTypes = {
|
9918 | address: _propTypes2.default.shape({
|
9919 | first_name: _propTypes2.default.string.isRequired,
|
9920 | last_name: _propTypes2.default.string.isRequired,
|
9921 | address1: _propTypes2.default.string.isRequired,
|
9922 | address2: _propTypes2.default.string,
|
9923 | city: _propTypes2.default.string.isRequired,
|
9924 | state: _propTypes2.default.string.isRequired,
|
9925 | zipcode: _propTypes2.default.string.isRequired
|
9926 | })
|
9927 |
|
9928 |
|
9929 | };exports.default = DefaultAddress;
|
9930 | exports.BaseDefaultAddress = BaseDefaultAddress;
|
9931 |
|
9932 | }),
|
9933 |
|
9934 | (function(module, exports, __webpack_require__) {
|
9935 |
|
9936 | "use strict";
|
9937 |
|
9938 |
|
9939 | Object.defineProperty(exports, "__esModule", {
|
9940 | value: true
|
9941 | });
|
9942 | exports.cardData = exports.BaseDefaultPayment = undefined;
|
9943 |
|
9944 | 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']),
|
9945 | _templateObject2 = _taggedTemplateLiteral(['\n padding-right: 5rem;\n '], ['\n padding-right: 5rem;\n ']);
|
9946 |
|
9947 | var _react = __webpack_require__(2);
|
9948 |
|
9949 | var _react2 = _interopRequireDefault(_react);
|
9950 |
|
9951 | var _propTypes = __webpack_require__(0);
|
9952 |
|
9953 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
9954 |
|
9955 | var _styledComponents = __webpack_require__(1);
|
9956 |
|
9957 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
9958 |
|
9959 | var _Label = __webpack_require__(9);
|
9960 |
|
9961 | var _Label2 = _interopRequireDefault(_Label);
|
9962 |
|
9963 | var _CardIcon = __webpack_require__(33);
|
9964 |
|
9965 | var _CardIcon2 = _interopRequireDefault(_CardIcon);
|
9966 |
|
9967 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
9968 |
|
9969 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
9970 |
|
9971 | var prettyBrand = function prettyBrand(brand) {
|
9972 | return '' + brand.charAt(0).toUpperCase() + brand.slice(1);
|
9973 | };
|
9974 | var cardData = function cardData(brand, last_4_digits) {
|
9975 | return prettyBrand(brand) + ' ending in ****' + last_4_digits;
|
9976 | };
|
9977 |
|
9978 | var BaseDefaultPayment = function BaseDefaultPayment(_ref) {
|
9979 | var _ref$card = _ref.card,
|
9980 | brand = _ref$card.brand,
|
9981 | exp_month = _ref$card.exp_month,
|
9982 | exp_year = _ref$card.exp_year,
|
9983 | last_4_digits = _ref$card.last_4_digits,
|
9984 | className = _ref.className;
|
9985 |
|
9986 | return _react2.default.createElement(
|
9987 | 'section',
|
9988 | { className: className },
|
9989 | _react2.default.createElement(_CardIcon2.default, { brand: brand }),
|
9990 | _react2.default.createElement(
|
9991 | 'aside',
|
9992 | null,
|
9993 | _react2.default.createElement(
|
9994 | _Label.LowercaseLabel,
|
9995 | null,
|
9996 | cardData(brand, last_4_digits)
|
9997 | ),
|
9998 | _react2.default.createElement(
|
9999 | _Label.LowercaseLabel,
|
10000 | null,
|
10001 | 'expires ',
|
10002 | exp_month,
|
10003 | '/',
|
10004 | exp_year
|
10005 | )
|
10006 | )
|
10007 | );
|
10008 | };
|
10009 |
|
10010 | var DefaultPayment = (0, _styledComponents2.default)(BaseDefaultPayment)(_templateObject, _CardIcon2.default, _Label2.default, function (props) {
|
10011 | return props.theme.media.tablet(_templateObject2);
|
10012 | });
|
10013 |
|
10014 | DefaultPayment.propTypes = {
|
10015 | card: _propTypes2.default.shape({
|
10016 | brand: _propTypes2.default.string,
|
10017 | exp_month: _propTypes2.default.string,
|
10018 | exp_year: _propTypes2.default.string,
|
10019 | last_4_digits: _propTypes2.default.string
|
10020 | }).isRequired
|
10021 |
|
10022 |
|
10023 | };exports.default = DefaultPayment;
|
10024 | exports.BaseDefaultPayment = BaseDefaultPayment;
|
10025 | exports.cardData = cardData;
|
10026 |
|
10027 | }),
|
10028 |
|
10029 | (function(module, exports, __webpack_require__) {
|
10030 |
|
10031 | "use strict";
|
10032 |
|
10033 |
|
10034 | Object.defineProperty(exports, "__esModule", {
|
10035 | value: true
|
10036 | });
|
10037 |
|
10038 | 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; }; }();
|
10039 |
|
10040 | 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 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 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']),
|
10041 | _templateObject2 = _taggedTemplateLiteral(['\n margin-top: 6rem;\n '], ['\n margin-top: 6rem;\n ']);
|
10042 |
|
10043 | var _react = __webpack_require__(2);
|
10044 |
|
10045 | var _react2 = _interopRequireDefault(_react);
|
10046 |
|
10047 | var _styledComponents = __webpack_require__(1);
|
10048 |
|
10049 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10050 |
|
10051 | var _SRC = __webpack_require__(3);
|
10052 |
|
10053 | var _PressIcon = __webpack_require__(24);
|
10054 |
|
10055 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
10056 |
|
10057 | var _IconRow = __webpack_require__(168);
|
10058 |
|
10059 | var _IconRow2 = _interopRequireDefault(_IconRow);
|
10060 |
|
10061 | var _defaultProps = __webpack_require__(169);
|
10062 |
|
10063 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
10064 |
|
10065 | var _reactResponsive = __webpack_require__(27);
|
10066 |
|
10067 | var _reactResponsive2 = _interopRequireDefault(_reactResponsive);
|
10068 |
|
10069 | var _reactTransitionGroup = __webpack_require__(12);
|
10070 |
|
10071 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10072 |
|
10073 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10074 |
|
10075 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
10076 |
|
10077 | 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; }
|
10078 |
|
10079 | 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; }
|
10080 |
|
10081 | var BasePressQuotes = function (_React$Component) {
|
10082 | _inherits(BasePressQuotes, _React$Component);
|
10083 |
|
10084 | function BasePressQuotes(props) {
|
10085 | _classCallCheck(this, BasePressQuotes);
|
10086 |
|
10087 | var _this = _possibleConstructorReturn(this, (BasePressQuotes.__proto__ || Object.getPrototypeOf(BasePressQuotes)).call(this, props));
|
10088 |
|
10089 | _this.onClick = function (index) {
|
10090 | return function () {
|
10091 | _this.setState({ index: index });
|
10092 | clearInterval(_this.timer);
|
10093 | _this.quoteTimer();
|
10094 | };
|
10095 | };
|
10096 |
|
10097 | _this.onClickChevronLeft = function () {
|
10098 | var quotes = _this.props.quotes;
|
10099 | var index = _this.state.index;
|
10100 |
|
10101 | if (index === 0) {
|
10102 | _this.setState({ index: quotes.length - 1 });
|
10103 | clearInterval(_this.timer);
|
10104 | _this.quoteTimer(quotes.length - 1);
|
10105 | } else {
|
10106 | _this.setState({ index: index - 1 });
|
10107 | clearInterval(_this.timer);
|
10108 | _this.quoteTimer();
|
10109 | }
|
10110 | };
|
10111 |
|
10112 | _this.onClickChevronRight = function () {
|
10113 | var index = _this.state.index;
|
10114 | var quotes = _this.props.quotes;
|
10115 |
|
10116 |
|
10117 | if (index === quotes.length - 1) {
|
10118 | _this.setState({ index: 0 });
|
10119 | clearInterval(_this.timer);
|
10120 | _this.quoteTimer();
|
10121 | } else {
|
10122 | _this.setState({ index: index + 1 });
|
10123 | clearInterval(_this.timer);
|
10124 | _this.quoteTimer();
|
10125 | }
|
10126 | };
|
10127 |
|
10128 | _this.updateIndex = function () {
|
10129 | var quotes = _this.props.quotes;
|
10130 | var index = _this.state.index;
|
10131 |
|
10132 |
|
10133 | if (index === quotes.length - 1) {
|
10134 | _this.setState({ index: 0 });
|
10135 | } else {
|
10136 | _this.setState({ index: index + 1 });
|
10137 | }
|
10138 | };
|
10139 |
|
10140 | _this.quoteTimer = function () {
|
10141 | _this.timer = setInterval(_this.updateIndex, 5000);
|
10142 | };
|
10143 |
|
10144 | _this.state = {
|
10145 | index: 0
|
10146 | };
|
10147 | return _this;
|
10148 | }
|
10149 |
|
10150 | _createClass(BasePressQuotes, [{
|
10151 | key: 'componentWillUnmount',
|
10152 | value: function componentWillUnmount() {
|
10153 | clearInterval(this.timer);
|
10154 | }
|
10155 | }, {
|
10156 | key: 'componentWillMount',
|
10157 | value: function componentWillMount() {
|
10158 | this.setState({ index: 0 });
|
10159 | this.quoteTimer();
|
10160 | }
|
10161 | }, {
|
10162 | key: 'render',
|
10163 | value: function render() {
|
10164 | var _props = this.props,
|
10165 | className = _props.className,
|
10166 | header = _props.header,
|
10167 | headerLabel = _props.headerLabel,
|
10168 | theme = _props.theme,
|
10169 | quotes = _props.quotes;
|
10170 | var index = this.state.index;
|
10171 |
|
10172 | return _react2.default.createElement(
|
10173 | _SRC.FlexRow,
|
10174 | {
|
10175 | constrained: true,
|
10176 | element: 'section',
|
10177 | className: className },
|
10178 | _react2.default.createElement(
|
10179 | _SRC.FlexCol,
|
10180 | { mobile: { width: 4 }, desktop: { width: 12 } },
|
10181 | _react2.default.createElement(
|
10182 | _SRC.H1,
|
10183 | { 'aria-label': headerLabel },
|
10184 | header
|
10185 | )
|
10186 | ),
|
10187 | _react2.default.createElement(
|
10188 | _SRC.FlexCol,
|
10189 | {
|
10190 | className: 'quote_controller',
|
10191 | mobile: { width: 4 },
|
10192 | desktop: { span: 1, width: 10 } },
|
10193 | _react2.default.createElement(_SRC.Chevron, { left: true, onClick: this.onClickChevronLeft }),
|
10194 | _react2.default.createElement(
|
10195 | _reactTransitionGroup.CSSTransitionGroup,
|
10196 | {
|
10197 | 'aria-hidden': true,
|
10198 | transitionName: 'quote',
|
10199 | transitionEnterTimeout: 500,
|
10200 | transitionLeaveTimeout: 1 },
|
10201 | _react2.default.createElement(
|
10202 | _SRC.H2,
|
10203 | { lowercase: true, key: index },
|
10204 | quotes[index].quote
|
10205 | )
|
10206 | ),
|
10207 | _react2.default.createElement(_SRC.Chevron, { right: true, onClick: this.onClickChevronRight })
|
10208 | ),
|
10209 | _react2.default.createElement(
|
10210 | _SRC.FlexCol,
|
10211 | { mobile: { width: 4 }, desktop: { span: 1, width: 10 } },
|
10212 | _react2.default.createElement(
|
10213 | _reactResponsive2.default,
|
10214 | { query: theme.breakpoints.aboveTabletMax },
|
10215 | _react2.default.createElement(_IconRow2.default, {
|
10216 | quotes: quotes,
|
10217 | onClick: this.onClick,
|
10218 | selected: index })
|
10219 | )
|
10220 | ),
|
10221 | _react2.default.createElement(
|
10222 | _SRC.FlexCol,
|
10223 | { mobile: { width: 4 }, desktop: { span: 1, width: 10 } },
|
10224 | _react2.default.createElement(
|
10225 | _reactResponsive2.default,
|
10226 | { query: '(max-device-width: 959px)' },
|
10227 | _react2.default.createElement(_PressIcon2.default, {
|
10228 | key: index,
|
10229 | brand: quotes[index].id,
|
10230 | selected: true })
|
10231 | )
|
10232 | ),
|
10233 | quotes.map(function (_ref, index) {
|
10234 | var quote = _ref.quote,
|
10235 | name = _ref.name;
|
10236 |
|
10237 | return _react2.default.createElement(
|
10238 | 'blockquote',
|
10239 | { key: index },
|
10240 | quote,
|
10241 | _react2.default.createElement(
|
10242 | 'cite',
|
10243 | null,
|
10244 | name
|
10245 | )
|
10246 | );
|
10247 | })
|
10248 | );
|
10249 | }
|
10250 | }]);
|
10251 |
|
10252 | return BasePressQuotes;
|
10253 | }(_react2.default.Component);
|
10254 |
|
10255 | var PressQuotes = (0, _styledComponents2.default)(BasePressQuotes)(_templateObject, function (props) {
|
10256 | return props.theme.media.tablet(_templateObject2);
|
10257 | }, _SRC.H1, _SRC.H2, _SRC.H1, _SRC.H2, function (props) {
|
10258 | return props.theme.colors.rocketBlue;
|
10259 | }, _SRC.Chevron, _PressIcon2.default, function (props) {
|
10260 | return props.theme.colors.rocketBlue;
|
10261 | });
|
10262 |
|
10263 | PressQuotes.defaultProps = Object.assign({}, _defaultProps2.default, {
|
10264 | padding: true,
|
10265 | constrained: true
|
10266 |
|
10267 |
|
10268 | });exports.default = (0, _styledComponents.withTheme)(PressQuotes);
|
10269 |
|
10270 | }),
|
10271 |
|
10272 | (function(module, exports, __webpack_require__) {
|
10273 |
|
10274 | "use strict";
|
10275 |
|
10276 |
|
10277 | Object.defineProperty(exports, "__esModule", {
|
10278 | value: true
|
10279 | });
|
10280 |
|
10281 | 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']);
|
10282 |
|
10283 | var _react = __webpack_require__(2);
|
10284 |
|
10285 | var _react2 = _interopRequireDefault(_react);
|
10286 |
|
10287 | var _propTypes = __webpack_require__(0);
|
10288 |
|
10289 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10290 |
|
10291 | var _styledComponents = __webpack_require__(1);
|
10292 |
|
10293 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10294 |
|
10295 | var _PressIcon = __webpack_require__(24);
|
10296 |
|
10297 | var _PressIcon2 = _interopRequireDefault(_PressIcon);
|
10298 |
|
10299 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10300 |
|
10301 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10302 |
|
10303 | var IconRow = (0, _styledComponents2.default)(function (_ref) {
|
10304 | var className = _ref.className,
|
10305 | onClick = _ref.onClick,
|
10306 | quotes = _ref.quotes,
|
10307 | selected = _ref.selected;
|
10308 |
|
10309 | return _react2.default.createElement(
|
10310 | 'div',
|
10311 | { className: className },
|
10312 | quotes.map(function (icon, index) {
|
10313 | var iconSelected = index === selected;
|
10314 | return _react2.default.createElement(_PressIcon2.default, {
|
10315 | key: index,
|
10316 | brand: quotes[index].id,
|
10317 | onClick: onClick(index),
|
10318 | selected: iconSelected });
|
10319 | })
|
10320 | );
|
10321 | })(_templateObject, _PressIcon2.default);
|
10322 |
|
10323 | IconRow.propTypes = {
|
10324 | iconsPerRow: _propTypes2.default.number
|
10325 |
|
10326 |
|
10327 | };exports.default = IconRow;
|
10328 |
|
10329 | }),
|
10330 |
|
10331 | (function(module, exports, __webpack_require__) {
|
10332 |
|
10333 | "use strict";
|
10334 |
|
10335 |
|
10336 | Object.defineProperty(exports, "__esModule", {
|
10337 | value: true
|
10338 | });
|
10339 | exports.default = {
|
10340 | header: 'BUZZZZZZZZZ',
|
10341 | headerLabel: 'What\'s the buzz?',
|
10342 | quotes: [{
|
10343 | id: 'new_york_times',
|
10344 | quote: '“Materials and details are thoughtful, and the clothes are wildly cute.”',
|
10345 | name: 'The New York Times'
|
10346 | }, {
|
10347 | id: 'today_show',
|
10348 | quote: '“The clothing is so stylish and so affordable...and the softest quality.”',
|
10349 | name: 'Today Show'
|
10350 | }, {
|
10351 | id: 'people_magazine',
|
10352 | quote: '“They\'ll be at the top of their playground game with these clothes.”',
|
10353 | name: 'People Magazine'
|
10354 | }, {
|
10355 | id: 'tech_crunch',
|
10356 | quote: '“Rockets of Awesome is a total no brainer.”',
|
10357 | name: 'Tech Crunch'
|
10358 | }, {
|
10359 | id: 'fast_company',
|
10360 | quote: '“Shopping for kids’ clothes can be fun.”',
|
10361 | name: 'Fast Company'
|
10362 | }, {
|
10363 | id: 'parents_magazine',
|
10364 | quote: '“You can’t buy these clothes in stores.”',
|
10365 | name: 'Parent\'s Magazine'
|
10366 | }, {
|
10367 | id: 'la_times',
|
10368 | quote: '“Obsessively kid friendly.”',
|
10369 | name: 'The L.A. Times'
|
10370 | }, {
|
10371 | id: 'new_york_post',
|
10372 | 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.\'',
|
10373 | name: 'The New York Post'
|
10374 | }]
|
10375 | };
|
10376 |
|
10377 | }),
|
10378 |
|
10379 | (function(module, exports, __webpack_require__) {
|
10380 |
|
10381 | "use strict";
|
10382 |
|
10383 |
|
10384 | Object.defineProperty(exports, "__esModule", {
|
10385 | value: true
|
10386 | });
|
10387 |
|
10388 | 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; }; }();
|
10389 |
|
10390 | var _templateObject = _taggedTemplateLiteral(['\n ', '\n ', ' {\n text-align: center;\n margin: 0 0 1rem 0;\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 font-weight: normal;\n letter-spacing: normal;\n font-stretch: normal;\n font-size: ', ';\n ', '\n }\n ', ' {\n flex-basis: 2.4rem;\n min-width: 2.4rem;\n height: 2.4rem;\n stroke-width: .7rem;\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 .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'], ['\n ', '\n ', ' {\n text-align: center;\n margin: 0 0 1rem 0;\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 font-weight: normal;\n letter-spacing: normal;\n font-stretch: normal;\n font-size: ', ';\n ', '\n }\n ', ' {\n flex-basis: 2.4rem;\n min-width: 2.4rem;\n height: 2.4rem;\n stroke-width: .7rem;\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 .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']),
|
10391 | _templateObject2 = _taggedTemplateLiteral(['\n margin-top: 6rem;\n '], ['\n margin-top: 6rem;\n ']),
|
10392 | _templateObject3 = _taggedTemplateLiteral(['\n font-size: ', ';\n '], ['\n font-size: ', ';\n ']);
|
10393 |
|
10394 | var _react = __webpack_require__(2);
|
10395 |
|
10396 | var _react2 = _interopRequireDefault(_react);
|
10397 |
|
10398 | var _styledComponents = __webpack_require__(1);
|
10399 |
|
10400 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10401 |
|
10402 | var _SRC = __webpack_require__(3);
|
10403 |
|
10404 | var _defaultProps = __webpack_require__(171);
|
10405 |
|
10406 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
10407 |
|
10408 | var _reactTransitionGroup = __webpack_require__(12);
|
10409 |
|
10410 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10411 |
|
10412 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10413 |
|
10414 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
10415 |
|
10416 | 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; }
|
10417 |
|
10418 | 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; }
|
10419 |
|
10420 | var BaseTextCarousel = function (_React$Component) {
|
10421 | _inherits(BaseTextCarousel, _React$Component);
|
10422 |
|
10423 | function BaseTextCarousel(props) {
|
10424 | _classCallCheck(this, BaseTextCarousel);
|
10425 |
|
10426 | var _this = _possibleConstructorReturn(this, (BaseTextCarousel.__proto__ || Object.getPrototypeOf(BaseTextCarousel)).call(this, props));
|
10427 |
|
10428 | _this.onClickChevronLeft = function () {
|
10429 | var quotes = _this.props.quotes;
|
10430 | var index = _this.state.index;
|
10431 |
|
10432 | if (index === 0) {
|
10433 | _this.setState({ index: quotes.length - 1 });
|
10434 | clearInterval(_this.timer);
|
10435 | _this.quoteTimer(quotes.length - 1);
|
10436 | } else {
|
10437 | _this.setState({ index: index - 1 });
|
10438 | clearInterval(_this.timer);
|
10439 | _this.quoteTimer();
|
10440 | }
|
10441 | };
|
10442 |
|
10443 | _this.onClickChevronRight = function () {
|
10444 | var index = _this.state.index;
|
10445 | var quotes = _this.props.quotes;
|
10446 |
|
10447 |
|
10448 | if (index === quotes.length - 1) {
|
10449 | _this.setState({ index: 0 });
|
10450 | clearInterval(_this.timer);
|
10451 | _this.quoteTimer();
|
10452 | } else {
|
10453 | _this.setState({ index: index + 1 });
|
10454 | clearInterval(_this.timer);
|
10455 | _this.quoteTimer();
|
10456 | }
|
10457 | };
|
10458 |
|
10459 | _this.updateIndex = function () {
|
10460 | var quotes = _this.props.quotes;
|
10461 | var index = _this.state.index;
|
10462 |
|
10463 |
|
10464 | if (index === quotes.length - 1) {
|
10465 | _this.setState({ index: 0 });
|
10466 | } else {
|
10467 | _this.setState({ index: index + 1 });
|
10468 | }
|
10469 | };
|
10470 |
|
10471 | _this.quoteTimer = function () {
|
10472 | _this.timer = setInterval(_this.updateIndex, 5000);
|
10473 | };
|
10474 |
|
10475 | _this.state = {
|
10476 | index: 0
|
10477 | };
|
10478 | return _this;
|
10479 | }
|
10480 |
|
10481 | _createClass(BaseTextCarousel, [{
|
10482 | key: 'componentWillUnmount',
|
10483 | value: function componentWillUnmount() {
|
10484 | clearInterval(this.timer);
|
10485 | }
|
10486 | }, {
|
10487 | key: 'componentWillMount',
|
10488 | value: function componentWillMount() {
|
10489 | this.setState({ index: 0 });
|
10490 | this.quoteTimer();
|
10491 | }
|
10492 | }, {
|
10493 | key: 'render',
|
10494 | value: function render() {
|
10495 | var _props = this.props,
|
10496 | className = _props.className,
|
10497 | quotes = _props.quotes;
|
10498 | var index = this.state.index;
|
10499 |
|
10500 | return _react2.default.createElement(
|
10501 | _SRC.FlexRow,
|
10502 | {
|
10503 | constrained: true,
|
10504 | element: 'section',
|
10505 | className: className },
|
10506 | _react2.default.createElement(
|
10507 | _SRC.FlexCol,
|
10508 | {
|
10509 | className: 'quote_controller',
|
10510 | mobile: { width: 4 },
|
10511 | desktop: { span: 1, width: 10 } },
|
10512 | _react2.default.createElement(_SRC.Chevron, { left: true, onClick: this.onClickChevronLeft }),
|
10513 | _react2.default.createElement(
|
10514 | _reactTransitionGroup.CSSTransitionGroup,
|
10515 | {
|
10516 | 'aria-hidden': true,
|
10517 | transitionName: 'quote',
|
10518 | transitionEnterTimeout: 500,
|
10519 | transitionLeaveTimeout: 1 },
|
10520 | _react2.default.createElement(
|
10521 | _SRC.P,
|
10522 | { key: index },
|
10523 | quotes[index].quote
|
10524 | )
|
10525 | ),
|
10526 | _react2.default.createElement(_SRC.Chevron, { right: true, onClick: this.onClickChevronRight })
|
10527 | )
|
10528 | );
|
10529 | }
|
10530 | }]);
|
10531 |
|
10532 | return BaseTextCarousel;
|
10533 | }(_react2.default.Component);
|
10534 |
|
10535 | var TextCarousel = (0, _styledComponents2.default)(BaseTextCarousel)(_templateObject, function (props) {
|
10536 | return props.theme.media.tablet(_templateObject2);
|
10537 | }, _SRC.P, _SRC.P, function (props) {
|
10538 | return props.theme.colors.navy;
|
10539 | }, function (props) {
|
10540 | return props.fontSizes.mobile;
|
10541 | }, function (props) {
|
10542 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3, function (props) {
|
10543 | return props.fontSizes.desktop;
|
10544 | });
|
10545 | }, _SRC.Chevron);
|
10546 |
|
10547 | TextCarousel.defaultProps = Object.assign({}, _defaultProps2.default, {
|
10548 | fontSizes: {
|
10549 | desktop: '2.0rem',
|
10550 | mobile: '1.6rem'
|
10551 | },
|
10552 | padding: true,
|
10553 | constrained: true
|
10554 |
|
10555 |
|
10556 | });exports.default = (0, _styledComponents.withTheme)(TextCarousel);
|
10557 |
|
10558 | }),
|
10559 |
|
10560 | (function(module, exports, __webpack_require__) {
|
10561 |
|
10562 | "use strict";
|
10563 |
|
10564 |
|
10565 | Object.defineProperty(exports, "__esModule", {
|
10566 | value: true
|
10567 | });
|
10568 | exports.default = {
|
10569 | quotes: [{
|
10570 | id: 'stephanie',
|
10571 | quote: '“Great colors, super soft fabric...styles you can’t find anywhere else!” - Stephanie',
|
10572 | name: 'Stephanie'
|
10573 | }, {
|
10574 | id: 'hollie',
|
10575 | quote: '“The cutest and most unique clothes! Obsessed!” - Hollie',
|
10576 | name: 'Hollie'
|
10577 | }, {
|
10578 | id: 'allison',
|
10579 | quote: '“All of the designs are unique and thoughtful. Wish they made mom clothes too!” - Allison',
|
10580 | name: 'Allison'
|
10581 | }]
|
10582 | };
|
10583 |
|
10584 | }),
|
10585 |
|
10586 | (function(module, exports, __webpack_require__) {
|
10587 |
|
10588 | "use strict";
|
10589 |
|
10590 |
|
10591 | Object.defineProperty(exports, "__esModule", {
|
10592 | value: true
|
10593 | });
|
10594 |
|
10595 | var _templateObject = _taggedTemplateLiteral(['\n ', '\n'], ['\n ', '\n']),
|
10596 | _templateObject2 = _taggedTemplateLiteral(['\n ', ' {\n font-size: 3.4rem;\n }\n ', ' {\n font-style: normal;\n }\n '], ['\n ', ' {\n font-size: 3.4rem;\n }\n ', ' {\n font-style: normal;\n }\n ']);
|
10597 |
|
10598 | var _react = __webpack_require__(2);
|
10599 |
|
10600 | var _react2 = _interopRequireDefault(_react);
|
10601 |
|
10602 | var _propTypes = __webpack_require__(0);
|
10603 |
|
10604 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
10605 |
|
10606 | var _styledComponents = __webpack_require__(1);
|
10607 |
|
10608 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10609 |
|
10610 | var _reactMarkdown = __webpack_require__(173);
|
10611 |
|
10612 | var _reactMarkdown2 = _interopRequireDefault(_reactMarkdown);
|
10613 |
|
10614 | var _SRC = __webpack_require__(3);
|
10615 |
|
10616 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10617 |
|
10618 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10619 |
|
10620 | 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; }
|
10621 |
|
10622 | var headerRenderer = function headerRenderer(_ref) {
|
10623 | var level = _ref.level,
|
10624 | children = _ref.children,
|
10625 | props = _objectWithoutProperties(_ref, ['level', 'children']);
|
10626 |
|
10627 | var headers = [_SRC.H1, _SRC.H2, _SRC.H3, _SRC.H4, _SRC.H5, _SRC.H6];
|
10628 | return _react2.default.createElement(headers[level - 1], props, children);
|
10629 | };
|
10630 |
|
10631 | var MirageMarkdown = (0, _styledComponents2.default)(function (_ref2) {
|
10632 | var className = _ref2.className,
|
10633 | children = _ref2.children,
|
10634 | props = _objectWithoutProperties(_ref2, ['className', 'children']);
|
10635 |
|
10636 | return _react2.default.createElement(_reactMarkdown2.default, { className: className, source: children, renderers: {
|
10637 | link: _SRC.Link,
|
10638 | thematicBreak: _SRC.Hr,
|
10639 | paragraph: _SRC.P,
|
10640 | heading: headerRenderer,
|
10641 | image: _SRC.InlineImage
|
10642 | } });
|
10643 | })(_templateObject, function (props) {
|
10644 | return props.theme.breakpointsVerbose.belowTabletMax(_templateObject2, _SRC.H1, _SRC.H4);
|
10645 | });
|
10646 |
|
10647 | MirageMarkdown.propTypes = {
|
10648 | children: _propTypes2.default.string
|
10649 |
|
10650 |
|
10651 | };exports.default = MirageMarkdown;
|
10652 |
|
10653 | }),
|
10654 |
|
10655 | (function(module, exports) {
|
10656 |
|
10657 | module.exports = require("react-markdown");
|
10658 |
|
10659 | }),
|
10660 |
|
10661 | (function(module, exports, __webpack_require__) {
|
10662 |
|
10663 | "use strict";
|
10664 |
|
10665 |
|
10666 | Object.defineProperty(exports, "__esModule", {
|
10667 | value: true
|
10668 | });
|
10669 |
|
10670 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n text-align: center;\n text-transform: uppercase;\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n ', ' {\n font-size: 24px;\n\n ', '\n\n margin: 0 auto;\n margin-bottom: 40px;\n }\n ', ' {\n text-align: center;\n max-width: 275px;\n margin: 0 auto;\n font-size: 16px;\n }\n .image {\n display: flex;\n margin: auto;\n min-height: 76px;\n text-align: center;\n }\n .flexDiv {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around;\n }\n .innerFlexDiv {\n margin-bottom: 60px;\n\n /* Remove margin-bottom for last section above phone */\n &:last-child {\n margin-bottom: 0;\n }\n\n /* Remove margin-bottom for last 3 sections above tablet */\n ', '\n }\n .textTitle {\n font-weight: bold;\n }\n'], ['\n ', ' {\n text-align: center;\n text-transform: uppercase;\n @media (max-width: 958px) { font-size: 3.4rem; }\n }\n ', ' {\n font-size: 24px;\n\n ', '\n\n margin: 0 auto;\n margin-bottom: 40px;\n }\n ', ' {\n text-align: center;\n max-width: 275px;\n margin: 0 auto;\n font-size: 16px;\n }\n .image {\n display: flex;\n margin: auto;\n min-height: 76px;\n text-align: center;\n }\n .flexDiv {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-around;\n }\n .innerFlexDiv {\n margin-bottom: 60px;\n\n /* Remove margin-bottom for last section above phone */\n &:last-child {\n margin-bottom: 0;\n }\n\n /* Remove margin-bottom for last 3 sections above tablet */\n ', '\n }\n .textTitle {\n font-weight: bold;\n }\n']),
|
10671 | _templateObject2 = _taggedTemplateLiteral(['\n font-size: 32px;\n '], ['\n font-size: 32px;\n ']),
|
10672 | _templateObject3 = _taggedTemplateLiteral(['\n &:nth-last-child(-n + 3) {\n margin-bottom: 0;\n }\n '], ['\n &:nth-last-child(-n + 3) {\n margin-bottom: 0;\n }\n ']);
|
10673 |
|
10674 | var _react = __webpack_require__(2);
|
10675 |
|
10676 | var _react2 = _interopRequireDefault(_react);
|
10677 |
|
10678 | var _styledComponents = __webpack_require__(1);
|
10679 |
|
10680 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10681 |
|
10682 | var _SRC = __webpack_require__(3);
|
10683 |
|
10684 | var _defaultProps = __webpack_require__(175);
|
10685 |
|
10686 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
10687 |
|
10688 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10689 |
|
10690 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10691 |
|
10692 | 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; }
|
10693 |
|
10694 | var LightningSvg = function LightningSvg() {
|
10695 | return _react2.default.createElement(
|
10696 | 'svg',
|
10697 | { xmlns: 'http://www.w3.org/2000/svg', width: '72', height: '72', viewBox: '0 0 72 72', style: { margin: 'auto' } },
|
10698 | _react2.default.createElement(
|
10699 | 'g',
|
10700 | { fill: 'none', 'fill-rule': 'nonzero' },
|
10701 | _react2.default.createElement('path', { fill: '#F0FF02', d: 'M12.524 34.448L22.94 50.56l2.827-20.69' }),
|
10702 | _react2.default.createElement('path', { fill: '#F0FF02', d: 'M25.766 29.87L22.94 50.56l-9.796 3.31 22.612 17.997-13.112-16.31L35.11 52.26zM51.11 1.915L70.545.83l-9.128 19.247 10.323-.564L57.423 44.62l6.123-20.013-12.802 1.566z' }),
|
10703 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M66.955 0c.18.17.544.42.51.5-.608 1.408.424.731 1.265.591-.23 1.012-.323 1.846-.621 2.6-1.301 3.261-2.638 6.508-4.01 9.741-.647 1.525-1.413 3-2.078 4.518-.23.54-.335 1.146-.61 2.127l6.15-2.008c.754-.246 1.5-.628 2.268-.688.575.01 1.123.25 1.522.665.312.335.548 1.084.383 1.463-.929 2.146-1.977 4.244-3.006 6.347-1.53 3.125-3.036 6.262-4.637 9.353-.949 1.834-2.102 3.563-3.079 5.382-.766 1.424-1.39 2.92-2.103 4.372-1.28 2.605-2.584 5.199-3.866 7.796-.614 1.246-1.222 1.408-2.98.8.593-6.328 1.187-12.634 1.797-19.127-2.751.61-5.274 1.146-7.778 1.73-2.646.613-5.274 1.3-7.931 1.867-.672.145-1.147-.117-1.802-.777-1.438-1.445-.89-2.864-.755-4.368.154-1.702.317-3.4.477-5.1.287-3.027.56-6.058.867-9.082.289-2.855.644-5.7.917-8.556.165-1.765.147-3.55.367-5.305.064-.505.624-1.298 1.034-1.351 2.72-.35 5.464-.488 8.188-.803 1.239-.142 2.435-.63 3.67-.782C55.657 1.351 60.211.881 64.76.358A7.902 7.902 0 0 0 66.038 0h.917zM40.102 6.48c-.062 1.605-.137 3.226-.316 4.827-.459 4.107-.986 8.206-1.475 12.309-.42 3.533-.837 7.067-1.222 10.602a19.77 19.77 0 0 0-.011 2.149l18.025-4.036c.24.817.706 1.605.644 2.33-.229 2.91-.646 5.803-.986 8.713-.055.459-.114.917-.126 1.376 0 .392.048.787.101 1.534 2.213-6.698 4.304-13.029 6.42-19.426-.305-.055-.51-.154-.687-.117-2.867.556-5.73 1.124-8.59 1.704-1.103.229-2.194.522-3.307.687-.277.042-.802-.201-.882-.43-.266-.762-.629-1.606-.507-2.36.385-2.378 1.027-4.712 1.463-7.08.436-2.37.688-4.763 1.126-7.13.206-1.128.793-2.192.942-3.32.204-1.548.156-3.13.23-4.87-1.016.084-2.358.174-3.695.318l-7.147 2.22zm11.587 4.664l-.388 2.311c3.32-.438 6.42-.944 9.534-1.215 1.236-.108 2.112-.298 2.367-1.633.085-.44.197-.876.344-1.515l-11.857 2.052zm.387-1.672c2.236-.493 4.022-.928 5.827-1.268a46.763 46.763 0 0 1 5.06-.754c1.764-.133 2.135-.372 2.383-2.385l-12.908 1.89c-.084.577-.21 1.465-.362 2.517zm17.594 9.83c-.917.255-1.582.42-2.228.62-1.493.458-2.981.917-4.465 1.419-1.376.477-2.674 1.282-4.166.287-.262-.175-.764-.028-1.147.032-2.185.341-4.356.853-6.56.997-1.426.096-1.605.787-1.72 1.95l19.553-3.44.733-1.865zM50.72 17.468c1.288-.282 2.435-.647 3.604-.766 1.922-.197 3.864-.215 5.79-.367a1.18 1.18 0 0 0 .865-.545c.247-.58.32-1.232.518-2.064-2.653.433-5.12.873-7.601 1.217-.897.127-1.823.021-2.874.021l-.302 2.513v-.009zM67.022 1.924L52.53 3.529c.113.763.23 1.504.296 1.99 4.389-1.387 8.98-1.387 13.627-2.451l.569-1.144zM50.112 20.98c2.925-.4 5.858-.74 8.756-1.254.477-.085.931-.885 1.183-1.447.19-.42.04-.993.04-1.573-.46.527-.712 1.066-1.033 1.119-2.185.36-4.39.864-6.58.834-1.819-.025-2.52.516-2.367 2.32zm9 3.73l.066.202c.951.115 2.063-.04 2.8.422.657.422.884 1.518 1.375 2.472.862-.286 2.094-.34 2.692-.979.894-.956 1.341-2.33 2.075-3.703l-9.009 1.587zm1.822 8.657l1.922.229 1.804-4.343-2.706.624c-.355 1.22-.653 2.238-1.02 3.49zm-2.71 7.583l.438.183 2.98-5.483c-.447 0-1.19-.14-1.263.021-.761 1.731-1.45 3.51-2.155 5.279zm-7.48-14.779c.044.202.085.404.128.606l7.719-1.463c-.037-.209-.074-.415-.108-.624l-7.74 1.481zM21.653 57.449c1.506 1.71 2.949 3.315 4.37 4.95 2.082 2.39 4.194 4.756 6.173 7.228.266.335-.174 1.231-.34 2.167-1.497-.755-2.751-1.335-3.964-2.011-1.862-1.046-3.669-2.174-5.53-3.24-2.502-1.44-5.045-2.814-7.52-4.29-2.538-1.512-5.01-3.135-7.539-4.667-.857-.52-1.86-.814-2.678-1.376-.608-.421-1.027-1.12-1.53-1.696.805-.564.716-1.88 2.264-1.956 2.405-.115 4.787-.762 7.17-1.181-2.394-2.752-4.675-5.4-7-8.026-1.227-1.375-2.523-2.682-3.795-4.028a7.604 7.604 0 0 1-.879-1.062c-1.146-1.786-.733-2.621 1.3-3.155 3.018-.796 6.001-1.72 9.007-2.566 1.897-.532 3.82-.968 5.705-1.541 1.578-.482 3.098-1.147 4.676-1.633.715-.229 1.605-.44 2.23-.206.46.17.634 1.094.95 1.672 1.337 2.43 2.69 4.854 4.017 7.287 2.115 3.868 4.206 7.748 6.322 11.616.794 1.447.207 3.006-1.403 3.534C30.109 54.43 26.55 55.562 23 56.73c-.422.135-.796.42-1.348.718zm2.868-7.232l-11.024-16.51-11.264 3.375-.346.51c.688.506 1.509.917 2.078 1.54 2.178 2.408 4.207 4.955 6.431 7.317 1.752 1.86 3.807 3.458 4.375 6.122l-9.703 1.963 17.078 9.805c-.129-.674-.085-1.084-.25-1.206-.743-.537-1.582-.94-2.316-1.488a182.487 182.487 0 0 1-5.645-4.37c-.8-.647-.434-3 .458-3.332 3.245-1.204 6.49-2.394 10.128-3.726zm-4.95-10.486c.743.986 1.447 1.917 1.898 2.522l6.191-2.467-1.242-1.984-6.847 1.929zm-4.112-6.57l-.073.65c.642.43 1.45 1.357 1.899 1.208 2.169-.72 4.244-1.73 6.553-2.722-1.591-.557.053-1.099.011-1.676l-8.39 2.54zm3.231 5.251l6.71-2.235-.57-2.257-7.153 2.727c.438.777.766 1.334 1.013 1.765zm13.563 10.73l.477.687-3.036 2.848 4.293-1.215-2.43-4.387c-.393.459-.636.945-1.026 1.133-.99.477-2.089.738-3.059 1.247-.396.209-.573.835-.85 1.273.458.057.97.277 1.357.14 1.447-.512 2.853-1.142 4.274-1.727zm-2.008-4.523l-6.125 1.585 1.523 2.064 5.643-2.227c-.459-.64-.84-1.146-1.041-1.422zm-2.981-3.898c.314 1.743-1.218 1.305-2.025 1.74-.876.473-1.853.76-2.967 1.198l.802 1.004 6.389-1.543c-1.055-.507-.16-2.385-2.19-2.387l-.01-.012zM17.02 57.461l4.762 3.517.184-.31-2.956-3.95-1.99.742zm4.618-4.358l-6.923 2.582-.064.326 1.686.557c1.22-2.336 3.969-1.676 5.31-3.467l-.009.002z' })
|
10704 | )
|
10705 | );
|
10706 | };
|
10707 |
|
10708 | var CloudsSvg = function CloudsSvg() {
|
10709 | return _react2.default.createElement(
|
10710 | 'svg',
|
10711 | { xmlns: 'http://www.w3.org/2000/svg', width: '117', height: '49', viewBox: '0 0 117 49', style: { margin: 'auto' } },
|
10712 | _react2.default.createElement(
|
10713 | 'g',
|
10714 | { fill: 'none', 'fill-rule': 'nonzero' },
|
10715 | _react2.default.createElement('path', { fill: '#F0FF02', d: 'M59.85 9.083l7.772 14.14h8.401l6.46 3.488 4.06 5.059h27.815s.731-3.287-.634-5.264c0 0-.788-1.835-2.543-2.067l-5.629-.731s-1.855-7.645-2.842-8.31c-.987-.666-3.491-2.658-6.565-2.658-3.074 0-7.204 3.837-7.204 3.837-1.482-3.327-1.799-6.699-4.446-9.98-2.648-3.282-6.99-6.37-10.542-6.37-.629-.127-6.56-1.22-10.848 2.876a11.553 11.553 0 0 0-3.254 5.98z' }),
|
10716 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M.895 48.832c-1.1-1.05-1.063-2.214-.546-3.567 1.267-3.322 2.3-6.74 3.676-10.017 1.519-3.625 3.876-6.74 7.574-8.303 1.646-.695 3.684-.458 5.91-.682.2-.763.458-2.053.87-3.29 1.065-3.212.687-6.825 2.608-9.782 3.233-4.983 7.314-8.988 13.137-10.834 1.895-.6 3.774-1.299 5.712-1.706.992-.207 2.116.049 3.152.244 2.414.47 4.876.816 7.19 1.63 1.82.644 3.412 1.922 5.119 2.897 1.158.66 2.338 1.282 3.683 2.018.244-.324.5-.87.924-1.219 1.35-1.116 2.76-2.16 4.145-3.23 1.872-1.445 4.188-1.543 6.365-2.013.887-.193 1.882-.044 2.803.102.873.139.805-.31.732-.863h.611v1.002c.449-.117.783-.324.976-.244 1.574.751 3.198 1.446 4.65 2.396.766.5 1.074 1.722 1.846 2.195 1.695 1.006 2.682 2.437 3.564 4.144.644 1.258 1.687 2.226 1.873 3.815.131 1.126 1.006 2.162 1.462 3.076.897-.487 1.773-.843 2.497-1.394 2.328-1.767 5.07-1.653 7.464-.897 3.676 1.16 4.342 4.993 5.607 8.081.273.673.441 1.136 1.048 1.329.92.26 1.873.382 2.828.36 1.202.02 2.63.91 3.516 1.844.885.933 2.437 1.587 2.381 3.474-.017.558.57 2.291 2.168 2.03v.307c-.63.408-1.231 1.112-1.89 1.168-1.799.151-3.622 0-5.434.025-4.32.073-8.637.19-12.957.275-.426 0-.858-.141-1.284-.124-1.729.07-3.455.175-5.183.273-.651.039-1.3.097-1.884.141.075 1.114.078 2.011.212 2.891.117.754.243 1.278 1.443 1.114 2.513-.348 5.205-.909 7.206 1.497.056.068.285-.031.414 0 .451.142 1.03.18 1.314.488 1.973 2.104 3.543 4.439 3.733 7.477-.975 1.53-2.709 1.009-4.079 1.087-3.474.195-6.967.056-10.453.039-4.144-.022-8.289-.083-12.433-.078-3.293 0-6.582.105-9.88.112-3.004 0-6.007-.083-9.02-.068-2.504.012-5.005.156-7.506.16-1.921 0-3.842-.177-5.763-.168-3.842.022-7.684.18-11.526.166-3.396-.012-6.792-.244-10.19-.263-2.27-.022-4.544.214-6.814.192-4.156-.043-8.31-.212-12.465-.243-.273 0-.55.626-.826.963l-.28-.027zm40.109-16.465c.183-1.029.275-1.707.431-2.382.759-3.262 1.775-6.406 4.408-8.708 1.936-1.687 4.322-2.165 6.76-1.98 1.811.137 2.843-.34 2.796-2.193-.073-2.853 1.127-5.261 2.316-7.72-.212-.245-.365-.55-.612-.7-2.289-1.388-4.632-2.682-6.884-4.145-2.904-1.872-6.197-1.996-9.442-2.194-3.827-.224-7.07 1.59-10.2 3.513-3.437 2.104-5.923 5.197-8.468 8.225-.12.144-.337.203-.63.37l1 .425c-.717.975-.897 2.223-1.543 4.354-.883 2.925-1.28 5.85-1.502 8.866-.034.461-.85.866-1.506 1.487l-.293-1.306a8.669 8.669 0 0 1-1.363-.098 7.033 7.033 0 0 0-5.202.848c-2.438 1.463-4.269 3.762-5.444 6.363-1.543 3.413-2.813 6.95-4.163 10.449-.098.258.114.633.126.69 1.422-.064 2.682-.171 3.947-.171 5.008 0 10.017.046 15.024.02 3.104-.015 6.207-.188 9.31-.19 5.242 0 10.483.072 15.722.119 2.745.024 5.487.097 8.23.075 3.657-.027 7.313-.141 10.97-.185a957.22 957.22 0 0 1 10.585-.059c2.617 0 5.233.018 7.85.054 1.978.021 3.954.063 5.929.124 1.026.032 2.052.188 3.076.161 2.267-.056 4.53-.19 7.165-.31.058-.526.305-1.325.197-2.076-.346-2.423-2.437-3.17-4.239-4.188-2.48-1.388-4.976-1.117-7.557-.213-.63.222-1.475-.165-1.81-.214.223-1.685.515-2.945.513-4.205 0-1.024-.563-1.858-1.797-1.826-1.801.041-3.6.144-5.402.153-1.57 0-3.142-.104-4.715-.11-2.681 0-5.387-.029-8.076.062-3.245.107-6.485.404-9.727.487-2.465.054-4.934-.146-7.401-.18-2.558-.034-5.12 0-7.677 0-.39-1.687 1.007-1.677 1.733-1.707 1.887-.075 3.764.04 5.673-.112 3.04-.244 6.114-.034 9.174-.027h8.583c1.521 0 3.045.027 4.564 0 3.376-.083 6.752-.192 10.129-.3 1.029-.034 2.055-.1 3.284-.16-1.768-3.413-4.313-5.866-7.63-6.692-3.801-.949-7.933-1.724-11.52 1.562-.326-.51-.777-.884-.79-1.275-.094-3-1.004-5.802-2.237-8.466-.975-2.082-1.982-4.22-4.086-5.695-2.153 3.17-1.414 6.88-2.29 10.188-2.437 0-4.953-.602-6.976.134-3.398 1.236-5.12 4.317-6.007 7.823-.28 1.175-.392 2.589-2.306 3.235zm72.227-1.066a5.69 5.69 0 0 1-.385-.743c-.95-2.972-4.022-6.129-8.02-4.503-.244.098-1.002-.526-1.2-.96-1.138-2.516-1.984-5.185-3.327-7.577-.763-1.353-2.27-2.194-4.113-2.111-2.116.097-3.873.702-5.402 2.272-1.219 1.248-3.096 1.246-3.579-.383-1.287-4.376-3.588-8.113-6.757-11.414-2.058-2.142-4.569-3.169-7.333-3.452-1.587-.156-3.274.442-4.876.84-3.471.855-6.423 2.522-8.369 5.813.897 1.114 2.043 2.15 2.704 3.438 1.158 2.257 2.045 4.656 2.984 7.02.265.67.27 1.439.487 2.131.259.807.87 2.036 1.59 1.558 1.32-.88 2.567-.368 3.84-.47 1.218-.1 2.474-.444 3.644-.244 1.68.31 3.322.8 4.897 1.462.615.244.939 1.205 1.55 1.463 1.951.82 3.224 2.223 4.172 4.074.417.816 1.058 1.896 1.796 2.086 1.288.334 2.728.093 4.106.054 3.734-.105 7.47-.27 11.214-.334 3.369-.066 6.757-.02 10.377-.02z' })
|
10717 | )
|
10718 | );
|
10719 | };
|
10720 |
|
10721 | var StarSvg = function StarSvg() {
|
10722 | return _react2.default.createElement(
|
10723 | 'svg',
|
10724 | { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '76', viewBox: '0 0 80 76', style: { margin: 'auto' } },
|
10725 | _react2.default.createElement(
|
10726 | 'g',
|
10727 | { fill: 'none', 'fill-rule': 'nonzero' },
|
10728 | _react2.default.createElement('path', { fill: '#F0FF02', d: 'M31.176 21.173L38.936 0l8.714 23.496 21.187 3.106-14.29 16.201 7.336 23.804-22.948-16.445L17.11 65.603l7.414-26.46L9.79 27.518' }),
|
10729 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M0 51.198c1.713-3.106 5.063-3.445 7.903-4.613.682-.28 1.517-.189 2.653-.307-.387.83-.519 1.777-.951 1.941-3.168 1.208-6.397 2.26-9.605 3.363v-.384zM20.952 65.091c-.37-1.845-1.055-3.695-1.037-5.536.027-2.707.6-5.408.858-8.118.24-2.549.368-5.111.566-7.664.035-.316.095-.63.182-.935L6.694 27.674c.724-.096 1.284-.16 1.284-.17-.285-2.913 2.419-2.178 3.659-2.595 4.143-1.39 8.455-2.275 12.71-3.335.567-.142 1.181-.091 1.77-.153 4.779-.503 4.866-5.095 6.8-7.996 1.592-2.387 2.514-5.208 3.845-7.78 1.165-2.25 3.732-2.264 5.109-.166 2.819 4.305 5.686 8.558 8.521 12.836.102.157.255.335.25.498-.05 1.9 1.418 2.019 2.708 2.296 4.699 1.008 9.405 1.991 14.108 2.988.671.143 1.365.228 2.005.471 1.99.79 2.255 2.569.748 4.096-3.998 4.046-7.939 8.15-11.939 12.194-.696.703-1.58 1.222-2.312 1.777.253.269.785.567.865.958.821 3.987 1.556 7.991 2.339 11.987.455 2.364 1.154 4.703 1.379 7.088.105 1.092-.665 2.276-1.215 3.941L38.705 54.11 21.77 65.28l-.817-.189zm1.639-3.256c1.329-.762 2.896-1.554 4.35-2.516 2.783-1.837 5.643-3.6 8.192-5.719 2.244-1.856 4.683-1.322 6.556-.348 4.38 2.276 8.444 5.166 12.646 7.791 1.068.665 2.171 1.272 3.259 1.905l.455-.344-3.504-19.796c.325-.343.624-.71.892-1.099.564-.947.91-2.091 1.634-2.87 3.151-3.344 6.416-6.582 9.63-9.87.657-.683 1.267-1.4 2.134-2.362-5.14-.983-9.992-1.834-14.79-2.885-1.22-.267-2.6-.91-3.384-1.82-2.114-2.467-3.998-5.136-5.88-7.794-1.925-2.73-3.739-5.523-5.616-8.308-.6 1.229-1.074 2.253-1.593 3.252-1.536 2.937-3.6 5.718-4.498 8.838-1.013 3.515-3.511 4.778-6.349 5.688-3.013.97-6.196 1.409-9.297 2.116-2.503.57-4.974 1.193-7.632 1.82 3.452 3.605 6.612 7.146 10.041 10.406 2.503 2.39 3.928 4.931 3.3 8.486a40.53 40.53 0 0 0-.521 5.966c-.09 3.056-.025 6.107-.025 9.463zM58.593 10.717l7.978-8.956c.992 1.534 1.158 2.303-.262 3.272-1.195.817-1.846 2.399-2.822 3.573-1.137 1.365-2.337 2.73-4.334 2.653l-.56-.542zM69.993 46.192l.798-1.752c2.754 1.137 5.462 2.22 8.108 3.426.414.19.896 1.15.746 1.445-.227.442-1.153.988-1.492.838-2.72-1.227-5.37-2.592-8.16-3.957zM15.566 3.937c2.444-.501 2.556 1.499 3.35 2.776 1.072 1.722 2.198 3.413 3.301 5.113l-.416.534c-.632-.095-1.395 0-1.873-.323-1.349-.91-4.373-6.708-4.362-8.1z' }),
|
10730 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M39.331 75.964c-1.804-1.352-1.975-7.837-.27-10.36 1.456 1.786 1.63 8.448.27 10.36z' })
|
10731 | )
|
10732 | );
|
10733 | };
|
10734 |
|
10735 | var ShirtsSvg = function ShirtsSvg() {
|
10736 | return _react2.default.createElement(
|
10737 | 'svg',
|
10738 | { xmlns: 'http://www.w3.org/2000/svg', width: '153', height: '57', viewBox: '0 0 153 57', style: { margin: 'auto' } },
|
10739 | _react2.default.createElement(
|
10740 | 'g',
|
10741 | { fill: 'none', 'fill-rule': 'nonzero' },
|
10742 | _react2.default.createElement('path', { fill: '#F0FF02', d: 'M90.113 12.395l20.336-9.592c7.691 14.97 14.77 13.262 21.412-.256l19.02 9.56-5.16 6.786-8.577.66-3.025 32.259h-25.79l.645-31.633-12.703 1.147-6.158-8.931z' }),
|
10743 | _react2.default.createElement('path', { fill: '#F0FF02', d: 'M137.74 51.812h-6.086l5.49-32.26z' }),
|
10744 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M33.965 37.961c.505-1.85 1.156-3.555 1.375-5.301.204-1.604.426-3.494-1.295-4.537-2.301-1.394-4.7-2.621-7.094-3.889-1.458-.777-3.617.062-3.66 1.44-.065 2.16-1.542 3.143-3.245 3.701-2.18.719-3.7-.172-5.243-3.016-.354-.657-1.03-1.14-1.542-1.705-.327-.83-.283-1.592-1.85-.697-2.467 1.415-5.086 2.587-7.645 3.858-.667.33-1.345.635-2.005.947 1.187 1.702 2.264 1.187 3.479.592 2.328-1.141 4.728-2.159 7.167-3.232.37 3.368 4.447 6.223 7.531 5.776 2.73-.395 3.945-2.393 5.243-4.336.617-.925 1.19-1.144 2.193-.54 1.496.904 3.056 1.712 4.626 2.49 1.2.597 1.829 1.331 1.261 2.747-.31.91-.57 1.837-.777 2.776l-2.843-1.367c-.617 1.027-1.607 1.931-1.629 2.862-.148 5.65-.074 11.307-.074 17.367-6.168 0-11.852.03-17.536-.065-.394 0-1.11-.925-1.113-1.425 0-4.842.099-9.687.185-14.529.022-1.196.265-2.501-1.344-2.88-2.06-.49-3.498.148-4.571 2.384-.45-2.671-.814-4.84-1.234-7.26L0 31.932c.7 2.205 1.283 4.336 2.097 6.378.179.453 1.339.974 1.749.793 1.064-.472 1.964-1.32 3.084-2.128.132.348.227.71.284 1.079.015 4.78.027 9.56 0 14.335 0 2.596 1.097 3.784 3.673 3.762 1.495 0 2.994-.09 4.49-.17 4.839-.25 9.764.571 14.893-1.233V36.894l3.695 1.067zM112.389.308c.369.28.715.59 1.036.926.515.616 1.267 1.233 1.394 1.949.518 2.896 2.304 4.675 4.589 6.319 1.61 1.16 3.084 1.425 4.718.537.996-.534 2.16-1.135 2.711-2.039 1.323-2.202 2.32-4.598 3.504-7.035 4.123-.91 7.574 1.875 11.315 3.701 3.044 1.471 5.986 3.149 9.008 4.67 1.78.894 2.776 2.38 2.16 4.184a94.452 94.452 0 0 1-3.865 9.897c-.268.58-2.131.867-3.05.59-1.653-.494-3.146-1.524-4.712-2.31a9.286 9.286 0 0 0-1.182-.392c-.11 1.754-.25 3.333-.308 4.915-.086 2.428-.173 4.86-.148 7.291.034 3.482.197 6.96.247 10.443.046 3.29.16 6.593-.087 9.869-.052.7-1.505 1.81-2.35 1.85-4.66.185-9.329.111-13.998.099-5.243 0-10.504-.065-15.757-.084-1.017 0-1.656-.222-2.232-1.307-1.42-2.668-.981-5.505-1.135-8.278-.148-2.704-.087-5.421-.056-8.132.025-2.366.173-4.734.194-7.094 0-.703-.286-1.406-.33-2.118-.13-2.224-.206-4.45-.308-7.057-1.881.642-3.337 1.148-4.799 1.626-.67.235-1.355.424-2.05.564-1.657.308-1.678.26-1.506-1.234-.65-.456-1.486-.721-1.68-1.233-1.234-3.167-2.298-6.387-3.575-10.026l1.305.629.154-1.696c2.005-.994 3.784-1.888 5.576-2.758 4.376-2.125 8.765-4.23 13.132-6.377.36-.176.617-.59.903-.892l1.182.003zM96.555 22.02c.666-.433 1.36-.822 2.076-1.166.752-.308 1.61-.376 2.356-.7 2.877-1.255 5.011.074 5.06 3.146.062 3.531.18 7.06.272 10.59.157 5.922.37 11.843.429 17.768 0 1.366.644 1.505 1.662 1.542 3.562.108 7.124.308 10.686.333 6.06.055 12.12.015 18.643.015V19.121l1.573 1.37c.336-.617.617-1.114.9-1.66l6.897 3.46c.724-1.757 1.468-3.392 2.078-5.091.617-1.749 1.132-3.547 1.69-5.323a22.239 22.239 0 0 0-2.159-1.302c-1.76-.81-3.608-1.446-5.332-2.328-3.593-1.85-7.124-3.818-10.701-5.7a1.209 1.209 0 0 0-1.068.031c-.212.164-.262.676-.225 1.012.041.29.128.57.256.833-.826 1.15-1.699 1.893-1.958 2.81-.722 2.562-2.81 4.625-5.33 5.078-6.257 1.148-11.5-4.585-12.16-9.514l-19.463 9.351c1.29 3.328 2.526 6.526 3.818 9.872zM48.968 29.508c-1.304.706-2.606 1.419-3.913 2.116-1.453.777-2.868.339-3.451-1.194-.83-2.159-1.783-4.351-2.178-6.615-.17-.965.645-2.71 1.5-3.152 4.258-2.183 8.675-4.065 13.05-6.023 1.117-.5 2.283-.888 3.307-1.283.595 1.542 1.212 3.223 1.9 4.873.182.334.474.596.826.74 2.208.993 4.28.965 6.662.052 1.795-.684.87-2.081 1.566-2.985.617-.83.593-2.159.941-3.652l1.394 1.08c1.194-.114 2.079-.487 2.643-.207 3.7 1.832 7.272 3.886 10.967 5.712 3.241 1.6 2.933 2.316 2.467 6.492-.123 1.076-.54 2.119-.826 3.176-.78 2.9-3.744 3.572-6.372 1.505-.598-.468-1.379-.709-2.384-1.205.345 9.045.666 17.501.987 25.955-2.18.231-4.22.54-6.267.641-3.7.188-7.402.198-11.08.398-1.423.077-2.829.463-4.241.71H49.76c-.731-3.331-1.101-6.653-.265-10.051.243-.984-.142-2.113-.133-3.174.03-4.231.12-8.466.133-12.697 0-.416-.377-.836-.577-1.252.456-.247.98-.768 1.357-.679a2.51 2.51 0 0 1 1.49 1.108c.268.49.17 1.215.135 1.832-.216 4.286-.52 8.57-.669 12.86-.108 3.143-.022 6.291-.022 9.527l24.244-.944V47.79c-.015-2.701 0-5.406-.074-8.105-.086-3.485-.278-6.963-.34-10.445-.02-1.36 1.561-2.53 2.906-2.128 1.7.502 3.337 1.2 5.206 1.89.552-1.872 1.212-3.654 1.542-5.499.108-.598-.484-1.653-1.055-1.986-2.776-1.613-5.678-3.053-8.53-4.558l-4.605-2.44c-.287 1.29-.38 2.209-.7 3.035-.722 1.85-1.218 3.982-3.7 4.318-1.9.256-3.581.524-5.66-.4-2.193-.979-3.725-1.82-4.259-4.21-.056-.26-1.19-.571-1.65-.398-1.733.647-3.41 1.449-5.08 2.257-2.689 1.301-5.353 2.655-7.99 3.966l2.328 6.366 5.752-2.045c-.271.965-.426 1.539-.577 2.1z' }),
|
10745 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M33.965 37.961l-3.701-1.067v17.848c-5.13 1.81-10.054.99-14.893 1.233-1.496.08-2.995.158-4.49.17-2.576.021-3.683-1.166-3.674-3.763.019-4.777 0-9.56 0-14.334a5.308 5.308 0 0 0-.283-1.08c-1.114.808-2.014 1.656-3.084 2.128-.41.182-1.57-.339-1.749-.792C1.283 36.268.701 34.137 0 31.932l2.353-1.816c.407 2.42.771 4.589 1.234 7.26 1.073-2.236 2.51-2.875 4.57-2.385 1.61.38 1.367 1.684 1.345 2.881-.086 4.842-.191 9.687-.185 14.529 0 .496.718 1.419 1.113 1.425 5.684.095 11.371.064 17.536.064 0-6.06-.074-11.719.074-17.366.022-.925 1.018-1.85 1.628-2.862l2.844 1.367c.207-.94.467-1.866.777-2.776.568-1.416-.062-2.159-1.261-2.748-1.567-.777-3.127-1.585-4.626-2.489-1.003-.617-1.567-.385-2.193.54-1.314 1.943-2.529 3.941-5.243 4.336-3.084.447-7.161-2.409-7.531-5.776-2.464 1.094-4.864 2.097-7.192 3.238-1.215.595-2.292 1.11-3.479-.592.66-.309 1.339-.617 2.005-.947 2.56-1.27 5.175-2.443 7.642-3.858 1.567-.895 1.523-.133 1.85.697.525.564 1.2 1.048 1.542 1.705 1.542 2.844 3.063 3.735 5.243 3.016 1.696-.558 3.18-1.542 3.245-3.7.043-1.379 2.202-2.218 3.66-1.44 2.378 1.267 4.778 2.494 7.094 3.888 1.72 1.043 1.499 2.933 1.295 4.537-.219 1.746-.87 3.439-1.375 5.301z' })
|
10746 | )
|
10747 | );
|
10748 | };
|
10749 |
|
10750 | var WashingMachineSvg = function WashingMachineSvg() {
|
10751 | return _react2.default.createElement(
|
10752 | 'svg',
|
10753 | { xmlns: 'http://www.w3.org/2000/svg', width: '66', height: '72', viewBox: '0 0 66 72', style: { margin: 'auto' } },
|
10754 | _react2.default.createElement(
|
10755 | 'g',
|
10756 | { fill: 'none', 'fill-rule': 'nonzero' },
|
10757 | _react2.default.createElement('path', { fill: '#F0FF02', d: 'M3.148 2.374L35.446 17.18l-33.23 1.81M16.228 46.79c-.06 2.877 10.355.37 9.43-4.243-.444-2.194 6.873 8.54 6.873 8.54s4.108-5.94 4.441-3.448c.145 1.081 13.479 2.382 13.982.9-3.388 5.261-7.106 9.893-12.057 12.177 0 0-10.883 1.592-11.968 1.467-6.455-.743-11.397-12.623-12.529-12.62' }),
|
10758 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M65.354 68.208l-.597 1.226c-2.067-2.317-1.342-5.069-1.348-7.758 0-3.849-.332-7.694-.45-11.543-.05-1.595.143-3.197.112-4.792-.04-2.014-.228-4.028-.297-6.043-.097-2.749-.134-5.497-.206-8.246-.035-1.217-.132-2.434-.128-3.65 0-.59.165-1.18.125-1.687-.2-2.427-.404-4.851-.57-6.869H2.34v50.071h9.165c1.748 0 3.496-.028 5.244-.034 4.434-.023 8.871-.023 13.309-.067 2.798-.028 5.6-.154 8.399-.167 2.1 0 4.205.133 6.307.145 1.563 0 3.127-.113 4.69-.129 4.31-.05 8.615-.104 12.92-.082.548 0 1.52.4 1.564.71.154 1.197-1.078 1.26-1.726 1.26-4.234.12-8.474.092-12.71.101H39.302c-4.515 0-9.03-.047-13.543-.022-.77 0-1.535.271-2.305.42H7.192c-1.191-.105-2.38-.262-3.571-.297-2.051-.057-2.64-.495-2.714-2.522A412.18 412.18 0 0 1 .65 56.885C.591 51.154.591 45.42.563 39.689c-.016-3.247-.047-6.494-.056-9.74 0-2.69.028-5.36 0-8.064-.028-4.6-.079-9.2-.154-13.8 0-.452-.231-.9-.353-1.347v-.946c.155-.408.271-.83.347-1.26C.453 3.305.497 2.07.56.903 1.607.74 2.423.484 3.236.484c2.158 0 4.316.17 6.47.132C14.1.541 18.49.27 22.88.257 28.39.244 33.896.43 39.4.484 42.02.509 44.64.43 47.26.377c2.77-.054 5.5-.155 8.25-.208 1.781-.029 3.567.016 5.35 0 .819 0 1.366.157.812 1.283 1.251-.457 1.742 0 1.73 1.2 0 1.315.053 2.63.115 3.944.247 4.975.538 9.952.745 14.93.106 2.56.056 5.125.087 7.688.044 3.297.092 6.597.144 9.898.087 5.428.166 10.857.288 16.285 0 .274.372.542.572.816v11.995zm-3.612-66.12c-.603-.04-1.22-.132-1.835-.122-3.515.05-7.033.154-10.548.186-3.992.031-7.986.031-11.982 0-3.096-.023-6.192-.158-9.29-.145-4.172 0-8.34.141-12.508.182-4 .038-8 0-11.995.082-.498.01-1.395.555-1.395.886-.106 2.333-.028 4.675-.022 7.014v6.869h59.747c.404-2.57-.419-5.274.41-8.013-.654-.385-.5-.41-.582-6.938z' }),
|
10759 | _react2.default.createElement('path', { fill: '#FFF', d: 'M0 6.805c.131.447.374.894.38 1.345.081 4.597.14 9.194.176 13.791.02 2.686 0 5.353 0 8.054 0 3.244.043 6.487.06 9.73.03 5.724.03 11.452.094 17.176.04 3.778.133 7.557.276 11.335.081 2.022.714 2.46 2.923 2.52 1.283.034 2.562.191 3.845.295H0V6.805z' }),
|
10760 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M25.67 27.482c1.445-1.577 3.465-1.473 5.26-1.7a13.87 13.87 0 0 1 5.267.243c1.667.457 3.074 1.845 4.737 2.353 1.583.482 2.61 1.476 3.654 2.56.899.947 1.851 1.865 2.56 2.943a25.897 25.897 0 0 1 3.65 8.753c.145.77.19 1.556.13 2.337-.087 1.672.026 3.429-.457 4.987-.61 1.978-1.453 4.006-2.688 5.633-2.776 3.659-6.097 6.85-10.69 8.037-2.193.568-4.652 1.022-6.826.63a25.27 25.27 0 0 1-8.4-3.106c-2.118-1.287-4.327-2.773-5.593-5.293-.817-1.627-2.033-3.1-2.212-4.949-.131-1.387-1.137-2.583-.626-4.147.313-.9-.11-2.01-.05-3.015.09-1.578.031-3.233.535-4.681 1.204-3.47 3.03-6.665 5.81-9.071 1.418-1.227 3.317-1.893 5.03-2.767.226-.116.64.168.91.253zM37.36 42.77c.025.362-.05.75.084 1.037 1.376 2.905 6.417 4.785 9.4 3.533 2.462-1.04 2.421-1.328 1.958-3.996-.555-3.189-1.567-6.097-3.519-8.687-.379-.504-.46-1.24-.846-1.734-1.356-1.754-3.246-2.82-5.213-3.684-1.726-.754-3.519-1.48-5.354-1.83-1.32-.255-2.764.092-4.145.234-.981.1-2.003.167-2.911.504-1.128.423-2.105 1.262-3.243 1.644-2.362.753-4.041 2.479-5.207 4.365-1.45 2.343-3.152 4.731-3.08 7.79.041 1.789-.116 3.58-.084 5.363 0 .365.379.977.683 1.047 1.566.356 3.195.946 4.7.722a4.249 4.249 0 0 0 3.107-2.372c.403-.83.94-1.586 1.589-2.24.495-.507 1.21-.794 1.826-1.182.263.577.567 1.135.774 1.731.113.316-.04.77.11 1.063.329.631.651 1.555 1.197 1.764 1.798.684 5.326-1.483 5.674-3.442.275-1.498 1.074-1.905 2.5-1.63zM16.393 50.78c.677 6.498 9.575 13.528 19.369 11.292 6.748-1.546 12.964-8.832 12.266-13.13-.921.09-1.84.217-2.76.264-.987.054-2.05.272-2.949 0a28.26 28.26 0 0 1-4.552-2.012c-.627-.315-1.125-.946-1.457-1.224-1.172.994-2.108 1.669-2.904 2.482-2.29 2.353-5.452 1.596-6.432-1.17h-1.567c-.172.199-.595.653-.98 1.136-.386.482-.793 1.053-1.188 1.577a1.947 1.947 0 0 0-1.275.202c-.802.35-1.567.946-2.41 1.006-.996.085-2.02-.25-3.16-.423zM51.954 6.836c1.397-.178 2.263.412 2.321 1.594.068 1.43-1.65 2.913-2.992 2.8-1.343-.114-2.607-1.109-2.542-1.977.126-1.664 1.257-2.512 3.213-2.417z' })
|
10761 | )
|
10762 | );
|
10763 | };
|
10764 |
|
10765 | var CashSvg = function CashSvg() {
|
10766 | return _react2.default.createElement(
|
10767 | 'svg',
|
10768 | { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '72', viewBox: '0 0 80 72', style: { margin: 'auto' } },
|
10769 | _react2.default.createElement(
|
10770 | 'g',
|
10771 | { fill: 'none', 'fill-rule': 'nonzero' },
|
10772 | _react2.default.createElement('path', { fill: '#F0FF02', d: 'M62.446 29.381l-3.735-9.705c.394.164-6.8 3.822-7.878 6.302-1.24 2.86.807 6.574.807 6.574l1.353.168 9.453-3.339zM75.645 72l1.324-10.316c.268.323-7.8.133-9.925 1.805-2.45 1.937-2.415 6.167-2.415 6.167l1.114.791L75.645 72zM79.64 42.974l-10.11-2.45c.358-.23-.723 7.768.704 10.063 1.647 2.648 5.866 3.077 5.866 3.077l.908-1.017 2.631-9.673zM55.773.52l-9.651 3.874c.161-.397 3.93 6.739 6.425 7.778 2.88 1.198 6.56-.907 6.56-.907l.15-1.356-3.484-9.39zM9.702 45.425L19.905 43.4c-.23.359-2.606-7.352-4.869-8.837-2.606-1.711-6.616-.323-6.616-.323l-.393 1.292 1.675 9.893zM17.186 61.69l10.235 1.86c-.345.252.272-7.794-1.291-10.008-1.795-2.548-6.035-2.732-6.035-2.732l-.845 1.072-2.064 9.809zM24.173 30.605l-2.26 10.15c-.236-.351 7.778.585 10.051-.884 2.615-1.695 2.967-5.921 2.967-5.921l-1.03-.888-9.728-2.457zM0 14.755l2.525 10.106c-.368-.213 7.216-2.967 8.585-5.298 1.582-2.687 0-6.626 0-6.626l-1.32-.322L0 14.755z' }),
|
10773 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M63.702 28.487c.246 2.153-1.743 1.872-2.783 2.26-2.86 1.069-5.85 1.808-8.795 2.647-2.04.585-4.097 1.118-6.564 1.786 1.857.436 3.29.833 4.746 1.1 2.483.46 4.979.853 7.475 1.247 3.2.5 6.409.969 9.608 1.47 1.692.274 3.368.664 5.057.968 1.688.303 3.338.432 4.969.813.52.123.91.808 1.359 1.234l-.294.416 1.443-.394c-.093 1.008-.126 1.821-.252 2.622-.42 2.612-.868 5.218-1.32 7.823-.82 4.766-1.645 9.53-2.473 14.294-.094.526-.168 1.056-.259 1.582-.49 2.906-1.488 3.606-4.43 3.138-4.746-.759-9.495-1.469-14.235-2.26-3.68-.604-7.345-1.291-11.02-1.937-3.674-.646-7.322-1.205-10.977-1.873-2.173-.397-4.336-1.356-6.473-1.291-2.441.09-4.614-.82-6.942-1.004-1-.127-1.99-.316-2.967-.565.245-1.347.49-2.406.62-3.481.322-2.803.555-5.621.946-8.417.28-2.008.82-3.984 1.123-5.993.12-.788-.093-1.614-.155-2.444-.816.105-1.626.252-2.428.44-3.05.861-6.086 1.769-9.04 2.63L1.117 16.997l1.34-2.396c2.26-.626 4.788-1.34 7.32-2.027 5.66-1.544 11.332-3.045 16.982-4.624 3.058-.852 6.067-1.863 9.118-2.735 1.757-.5 3.552-.807 5.328-1.291 3.467-.969 6.916-2.008 10.37-3.019.73-.197 1.47-.54 2.209-.581.465-.026.968.394 1.753.762l.752-.681c.565 1.488 1.127 2.757 1.53 4.074.666 2.18 1.24 4.385 1.834 6.587.646 2.389 1.282 4.78 1.909 7.174.79 3.01 1.591 6.015 2.337 9.04.09.372-.145.824-.236 1.24-1.178-.407-1.672-1.165-1.75-2.467-.064-1.075-.645-2.111-.968-3.177-.3-1.007-1.017-1.01-1.766-.684-2.838 1.227-4.24 3.955-3.723 6.984.171 1.004.785 1.017 1.501.858 2.254-.5 4.498-1.03 6.745-1.546zM24.154 39.713a9.89 9.89 0 0 0-.504 1.492c-.387 2.321-.73 4.649-1.088 6.974-.261 1.698-.52 3.396-.794 5.166.568 0 1.094-.165 1.346.029 1.44 1.097 3.006 2.124 4.146 3.496.784.946.859 2.454 1.42 3.63.495 1.042.527 2.46 2.419 2.411 1.795-.048 3.613.413 5.408.72 2.002.346 3.971.882 5.983 1.124 1.792.216 3.5.788 5.285 1.023 2.137.284 4.249.746 6.377 1.098 2.324.384 4.675.646 6.977 1.117 2.302.472 3.287.3 4.52-1.378.2-.268.233-.646.407-.97.484-.832.865-1.781 1.53-2.44 2.06-2.037 4.843-1.97 7.559-2.425.397-3.09 1.46-6.221 1.078-9.292-.646-.1-1.182 0-1.443-.242a46.574 46.574 0 0 1-3.952-3.697c-1.372-1.508-2.49-3.196-2.583-5.366-.058-1.324-1.275-1.204-2.102-1.514-.361-.14-.833.032-1.217-.075-1.072-.297-2.102-.81-3.187-.968-1.856-.281-3.764-.24-5.618-.546-5.408-.894-10.797-1.918-16.201-2.848-2.238-.384-4.498-.645-6.542-.94-.384 1.163-.51 2.477-1.181 3.391-1.502 2.047-3.72 2.78-6.258 2.8-1.4 0-2.027-.427-1.856-1.841a15.42 15.42 0 0 1 1.679-.08c3.203.187 5.411-1.444 5.68-4.52l-4.547-1.431c-.452 1.45-1.291-.068-2.17-.2l.627 1.172-.86-.065-.338 5.195zM8.498 35.461c.62-.24 1.078-.598 1.46-.53 1.824.323 3.838.081 5.327 1.573.775.778 1.51 1.614 2.353 2.299.76.63 1.58 1.317 2.49 1.578.571.168 1.359-.4 1.876-.578.352-2.418.684-4.69 1.02-6.974.623.123 1.136.375 1.291.233 1.837-1.673 3.807-.646 5.715-.323 2.664.458 5.292 1.114 7.965 1.488 1.343.18 2.706.124 4.03-.164 2.906-.646 5.78-1.405 8.627-2.26 1.036-.307 2.26-.753 2.857-1.537.504-.646.23-1.889.323-2.864.087-.865.045-1.795.355-2.583 1.053-2.68 3.552-3.842 5.896-5.408l-2.806-8.976c-.662.352-1 .7-1.272.646-3.839-.668-7.426-1.876-9.854-5.185-.646-.888-1.291-1.176-2.28-.895-3.131.895-6.26 1.799-9.401 2.66a765.597 765.597 0 0 1-10.097 2.703c-1.546.404-3.135.668-4.662 1.137-2.864.878-5.695 1.86-8.543 2.796.823 3.09.898 3.8-.058 5.243a12.553 12.553 0 0 1-2.393 2.77c-1.688 1.398-2.84 1.37-4.126-.022.733 2.305 1.42 4.365 2.04 6.457.643 2.167 1.218 4.359 1.867 6.716zm69.717 7.358c-2.505-.462-4.823-.936-7.167-1.256-.304-.042-1.098.872-1.014 1.085.523 1.32.997 2.796 1.937 3.787 1.392 1.466 3.164 2.583 4.962 3.975.482-2.832.879-5.25 1.282-7.591zM57.087 8.969c-.646-2.34-1.337-4.772-1.98-7.07-2.524.684-4.784 1.207-7 1.872-.968.297-1.007 1.033-.296 1.702.71.668 1.446 1.514 2.334 1.937a29.103 29.103 0 0 0 4.633 1.543c.65.162 1.401.016 2.309.016zm15.717 60.735c.084-.061.759-.297.856-.68.387-1.538.6-3.117.868-4.682.162-.97-.404-1.395-1.24-1.453a6.196 6.196 0 0 0-6.39 4.843c-.077.358.417 1.165.756 1.24 1.508.332 3.055.461 5.15.732zM5.166 15.472l-1.937.969c.064.796.183 1.587.358 2.366.287 1.04.746 2.037 1.256 3.397 1.466-1.033 2.815-1.899 4.062-2.89 1.11-.878 1.291-2.993.516-4.559l-4.255.717zm16.421 38.954c-.287 2.448-.53 4.488-.79 6.716 2.017.365 3.767.704 5.53.968.28-.03.535-.17.713-.387-.352-1.36-.452-2.938-1.243-3.994-.913-1.21-2.447-1.97-4.21-3.303zm-4.63-13.099c-1.356-3.429-3.955-4.242-6.916-4.52-.907-.08-1.094.3-.862.988.562 1.656 1.198 3.287 1.88 5.14l5.898-1.608z' }),
|
10774 | _react2.default.createElement('path', { fill: '#0073D1', d: 'M50.662 45.28c.926.726 1.533 1.12 2.008 1.636.135.146-.036.717-.226.969a.852.852 0 0 1-.817.18c-1.902-1.4-3.752-1.045-5.605.204-.08 1.853.917 2.741 2.76 3.474 3.32 1.324 4.74 3.49 2.583 6.822-1.633-.8-1.827 1.027-2.744 1.537-.488.275-.836.807-1.246 1.22l-.72-2.095a21.665 21.665 0 0 1-2.131-1.265c-.236-.172-.223-.682-.323-1.037a3.552 3.552 0 0 1 1.065-.184c1.137.168 2.26.588 3.39.556.533-.017 1.292-.753 1.489-1.324.161-.436-.23-1.27-.63-1.666-.539-.54-1.323-.837-2.008-1.23-.733-.42-1.614-.695-2.183-1.27-1.953-1.966-.946-5.556 1.815-6.185 1.308-.298 2.083-.595 1.937-2.083-.035-.323.259-.668.394-.988 2.04.39.966 2.121 1.192 2.728zM33.578 30.198c-.7-.068-1.614-.103-2.528-.268-.268-.048-.468-.452-.7-.694.284-.246.533-.617.862-.717.988-.297 2.115-.3 2.98-.784.594-.323 1.088-1.26 1.143-1.96.032-.4-.84-1.146-1.405-1.27-1.23-.267-2.524-.222-3.787-.322a3.506 3.506 0 0 1-1.21-.252c-2.383-1.156-2.864-4.594-.727-6.244 1.075-.83 1.595-1.447.856-2.706-.14-.236-.02-.623-.02-1.017 1.937-.494 1.753 1.418 2.49 2.134.665.039 1.333-.051 1.888.162.366.246.576.667.552 1.107-.067.281-.671.5-1.075.623-1.085.323-2.26.446-3.26.91-.556.253-.87 1.03-1.337 1.615.723 1.698 2.027 2.131 3.997 2.025 3.035-.159 4.843.432 5.353 3.551.106.646.523 1.366-.798 1.614-.5.09-.762 1.57-1.117 2.419-.226.545-.426 1.104-.645 1.656l-1.512-1.582z' })
|
10775 | )
|
10776 | );
|
10777 | };
|
10778 |
|
10779 | var FounderSvg = function FounderSvg() {
|
10780 | return _react2.default.createElement(
|
10781 | 'svg',
|
10782 | { xmlns: 'http://www.w3.org/2000/svg', width: '81', height: '72', viewBox: '0 0 81 72', style: { margin: 'auto' } },
|
10783 | _react2.default.createElement(
|
10784 | 'g',
|
10785 | { fill: 'none', 'fill-rule': 'nonzero' },
|
10786 | _react2.default.createElement('path', { fill: '#F0FF02', d: 'M36.745 13.2c-1.874-2.05-7.284-7.4-15.408-8.224a18.32 18.32 0 0 0-7.845.728c-5.827 1.913-8.847 6.343-9.595 7.497a17.966 17.966 0 0 0-1.936 4.101c-1.81 5.57-.364 10.646.462 12.924a69.395 69.395 0 0 0 6.164 11.257 69.736 69.736 0 0 0 8.214 10.04l3.09 2.92 5.14-4.09 25-1.73 7.096 8.66s13.94-7.306 18.3-13.974c1.14-1.745 5.835-9.942 4.359-20.81-.43-3.171-1.945-14.344-11.156-19.714A21.292 21.292 0 0 0 56.757.045 20.897 20.897 0 0 0 46.17 3.88' }),
|
10787 | _react2.default.createElement('path', { fill: '#FFF', d: 'M44.618 48.145c.26 1.868.624 2.017 2.123 1.12a2.384 2.384 0 0 1 1.71-.112c1.257.376 2.742.62 3.641 1.454 1.902 1.777 4.449 3.194 4.648 6.273a.639.639 0 0 0 .095.263c-2.552 1.81-5.065 3.606-7.595 5.382-2.673 1.874-5.36 3.729-8.043 5.603-.034.023-.11 0-.135.017-.697.678-1.274 1.815-2.417 1.4-.818-.299-1.424-1.145-2.177-1.68-1.936-1.356-3.922-2.648-5.853-4.015-1.157-.818-2.224-1.765-3.378-2.591-1.093-.785-2.242-1.49-3.362-2.222-.866-.56-1.78-1.056-2.586-1.68-.263-.208-.468-.87-.333-1.141.644-1.305 1.173-2.824 2.21-3.737 1.12-.992 2.706-1.617 4.202-1.998 1.777-.46 3.665-.482 5.503-.717.283-.075.557-.183.815-.322l3.72 4.219 2.088.56c.647-.63 1.594-1.549 2.52-2.47.281-.28.528-.656.864-.866.98-.611 1.434-1.401.905-2.695h.888l-.053-.045z' }),
|
10788 | _react2.default.createElement('path', { fill: '#FFF', d: 'M39.297 52.633c-1.493-1.322-2.619-2.297-3.723-3.3-.966-.88-1.622-1.844-.454-3.205 2.345.675 4.844 1.193 7.284-.255 1.494 1.68 1.454 1.734-.112 3.362-1.148 1.168-2.174 2.45-2.995 3.398z' }),
|
10789 | _react2.default.createElement('path', { fill: '#0071CE', d: 'M15.21 7.864l.319 1.014-2.723 2.889-.535-.225c-.681 1.275-1.342 2.485-1.961 3.715-.289.55-.53 1.122-.723 1.712a97.846 97.846 0 0 0-1.098 3.945 1.698 1.698 0 0 0 0 .812c.395 1.516.358 1.56-1.522 1.334.085-.883.073-1.796.28-2.66.527-2.277.609-4.689 2.424-6.558.782-.804.997-2.134 1.7-3.042.841-1.081 1.906-1.992 2.925-2.92.163-.145.594 0 .902.023l.012-.039z' }),
|
10790 | _react2.default.createElement('path', { fill: '#0071CE', d: 'M15.182 7.903l1.134-1.008c.205.238.56.473.56.708 0 .395-.23.793-.414 1.337-.476-.41-.871-.745-1.266-1.079.014.003-.014.042-.014.042z' }),
|
10791 | _react2.default.createElement('path', { fill: '#FFF', d: 'M30.778 30.77l5.875-1.92 9.55 5.559 2.045 1.782-4.33 8.78-8.798 1.157-4.342-4.948z' }),
|
10792 | _react2.default.createElement('path', { fill: '#0071CE', d: 'M39.06 10.68c.96-1.418 1.68-2.78 2.68-3.883A22.821 22.821 0 0 1 45.5 3.55a15.781 15.781 0 0 1 5.138-2.415 18.465 18.465 0 0 1 6.57-.64c1.543.138 3.098.15 4.648.217h.109c.776 1.454 2.418.53 3.516 1.297 1.146.801 2.62 1.12 3.782 1.908a20.028 20.028 0 0 1 6.471 7.21c.522.965 1.144 1.895 1.525 2.914.336.894.428 1.886.577 2.841.096.62.144 1.245.143 1.872 0 1.515-.04 3.03-.107 4.544-.095 2.193-.14 4.393-.375 6.57-.196 1.834-.46 3.661-1.368 5.364-1.12 2.118-1.93 4.416-3.095 6.511a42.099 42.099 0 0 1-4.037 6.164 79.912 79.912 0 0 1-6.648 7.191c-1.524 1.46-3.387 2.566-5.116 3.808a580.426 580.426 0 0 1-7.166 5.076c-2.491 1.729-5.043 3.362-7.503 5.14-1.252.897-2.373 1.976-3.362 2.802l-6.034-4.443c-2.595-1.925-5.152-3.886-7.808-5.723-1.961-1.348-4.22-2.315-6.105-3.763a55.19 55.19 0 0 1-6.331-5.749c-1.824-1.916-3.281-4.177-5.057-6.14a16.154 16.154 0 0 1-3.628-6.54c-.28-.963-1.104-1.759-1.58-2.684A16.448 16.448 0 0 1 .7 29.136c.017-2.277.28-4.7-.4-6.8-.782-2.445.21-4.63.224-6.927 0-1.578 1.224-3.205 2.093-4.701a18.916 18.916 0 0 1 2.801-3.813c1.824-1.844 3.693-3.693 6.365-4.368.818-.207 1.56-.7 2.362-.995.26-.095.6.028 1.143.07a3.188 3.188 0 0 1 1.664-.736C18.69.622 20.41.703 22.132.51c2.634-.3 5.155.3 7.536 1.289 1.544.641 2.948 1.68 4.312 2.67a14.305 14.305 0 0 1 2.69 2.546c.87 1.09 1.546 2.348 2.39 3.665zm5.628 37.507H43.8c.529 1.302.075 2.084-.905 2.695-.337.21-.56.58-.863.866-.942.921-1.888 1.84-2.536 2.47l-2.084-.56-3.723-4.219c-.258.14-.532.248-.816.322-1.837.236-3.723.258-5.502.717-1.485.381-3.082 1.006-4.202 1.998-1.037.913-1.563 2.432-2.21 3.737-.135.28.07.933.333 1.14.807.636 1.72 1.121 2.586 1.681 1.12.732 2.28 1.438 3.362 2.222 1.154.826 2.221 1.773 3.381 2.591 1.93 1.368 3.922 2.66 5.85 4.015.753.527 1.358 1.373 2.176 1.681 1.144.417 1.72-.72 2.418-1.4.025-.026.101 0 .135-.018 2.684-1.863 5.37-3.717 8.043-5.603 2.521-1.776 5.043-3.572 7.595-5.381a.737.737 0 0 1-.095-.264c-.2-3.082-2.746-4.482-4.648-6.272-.891-.841-2.376-1.08-3.642-1.454a2.384 2.384 0 0 0-1.709.112c-1.499.885-1.863.736-2.124-1.121h6.256a2.09 2.09 0 0 0 .16-.616c.115-3.606.246-7.214.3-10.823.028-1.916.17-3.883-.182-5.74a13.492 13.492 0 0 0-5.769-8.848 5.062 5.062 0 0 0-1.4-.616c-1.295-.4-2.662-1.165-3.892-.997-.863.117-1.527.526-2.286-.16-.076-.07-.32-.028-.445.04-1.718.935-3.533 1.75-5.16 2.87-1.75 1.183-3.643 2.31-4.203 4.64-.152.645-.56 1.227-.717 1.872-.255.972-.603 1.98-.56 2.958.109 2.734.422 5.458.604 8.19.166 2.495.26 4.994.395 7.633l6.03-.613c-.53-1.379-.743-2.592-1.401-3.488-1.614-2.241-2.738-4.443-2.41-7.374.213-2.065.06-4.151-.45-6.163-.281-1.163.487-1.572.84-1.589 2.132-.087 3.857-.941 5.418-2.445l-.703-1.631.608-1.518c.37.56.792 1.039 1.008 1.59.84 2.144 1.76 4.203 4.085 5.184.472.166.92.394 1.333.678 1.435 1.12 3.023 1.339 4.788 1.098.4-.053.886.538 1.334.84-1.054 1.015 0 2.099.045 3.082.168 3.003-.656 5.444-2.724 7.61-.56.585-.706 1.624-.882 2.484-.123.602.022 1.26.048 1.897zM17.93 2.24c-2.947.33-5.802 1.19-8.262 2.841-4.05 2.723-6.46 6.665-7.6 11.369-.362 1.496-.981 3.208-.56 4.541.59 1.92.56 3.86.63 5.715.14 3.309.54 6.522 1.924 9.48 1.365 2.914 3.051 5.682 4.72 8.439 1.122 1.84 2.265 3.729 3.75 5.25 1.12 1.149 1.843 2.71 3.602 3.362 1.157.431 2.003 1.68 3.132 2.717 1.466-3.286 3.02-5.992 6.788-6.698 0-.297.017-.77 0-1.241a336.92 336.92 0 0 0-.193-4.104c-.148-2.743-.342-5.486-.445-8.231-.045-1.16.092-2.326.145-3.488.082-.359-.196-.774-.12-1.101.361-1.558.588-3.205 1.291-4.606 1.373-2.729 3.841-4.483 6.394-5.993 2.207-1.31 4.673-1.512 7.236-1.384 2.205.115 4.354.35 6.189 1.572 1.084.723 1.96 1.804 2.801 2.838 2.006 2.488 3.328 5.29 3.413 8.55.061 2.379.12 4.763.061 7.136-.084 3.309-.28 6.617-.426 9.943 2.74 1.608 5.385 3.336 5.75 7.04 3.058-1.855 5.602-3.838 7.589-6.402a75.297 75.297 0 0 0 4.941-7.09c2.628-4.345 5.06-8.808 5.31-14.07.041-.84.053-1.706.114-2.555.073-1.017.407-2.076.213-3.031-.18-.88.115-1.68.13-2.49a17.93 17.93 0 0 0-2.802-9.983c-1.258-2.045-2.746-3.807-4.68-5.163-3.294-2.303-7.084-3.163-10.973-3.34-3.95-.179-7.844.214-11.315 2.455-.412.28-.729.79-1.166.902-1.655.431-2.583 1.524-3.21 3.031-.2.474-.675.84-1.017 1.247a1.4 1.4 0 0 0-.317.445c-.213.746-.258 1.583-.633 2.228-.233.395-.964.706-1.451.68-.398-.022-.944-.529-1.12-.946-.404-1.037-.536-2.135-1.497-2.953-.532-.454-.56-1.48-1.1-1.961-1.121-1.003-2.441-1.802-3.67-2.696-.561-.417-1.068-1.098-1.699-1.249a42.52 42.52 0 0 0-6.09-1.059l-5.777.053zm12.848 28.523c.182.524.585 1.216.639 1.933.112 1.532 0 3.082.056 4.617.056 1.927.23 3.844 1.476 5.446 1.42 1.824 5.463 3.082 7.674 2.424 3.28-.978 5.507-3.029 6.006-6.486a8.88 8.88 0 0 0-.426-4.295c-.218-.56-1.77-.608-2.714-.885a2.079 2.079 0 0 1-.28-.045c-2.522-1.165-5.438-1.762-6.562-4.628l-5.87 1.919zm8.55 21.852c.821-.947 1.846-2.241 2.981-3.407 1.569-1.619 1.605-1.664.112-3.362-2.426 1.449-4.925.93-7.27.255-1.168 1.362-.513 2.326.454 3.205 1.095 1.029 2.23 2.004 3.723 3.326v-.017z' })
|
10793 | )
|
10794 | );
|
10795 | };
|
10796 |
|
10797 | var SvgMap = {
|
10798 | 'LightningSvg': LightningSvg,
|
10799 | 'CloudsSvg': CloudsSvg,
|
10800 | 'StarSvg': StarSvg,
|
10801 | 'ShirtsSvg': ShirtsSvg,
|
10802 | 'WashingMachineSvg': WashingMachineSvg,
|
10803 | 'CashSvg': CashSvg,
|
10804 | 'FounderSvg': FounderSvg
|
10805 | };
|
10806 |
|
10807 | var BaseValuePropSection = function BaseValuePropSection(_ref) {
|
10808 | var className = _ref.className,
|
10809 | header = _ref.header,
|
10810 | sections = _ref.sections,
|
10811 | footer = _ref.footer,
|
10812 | props = _objectWithoutProperties(_ref, ['className', 'header', 'sections', 'footer']);
|
10813 |
|
10814 | return _react2.default.createElement(
|
10815 | 'section',
|
10816 | { className: className },
|
10817 | _react2.default.createElement(
|
10818 | _SRC.FlexCol,
|
10819 | { mobile: { width: 4 }, desktop: { width: 6, span: 3 } },
|
10820 | _react2.default.createElement(
|
10821 | _SRC.H1,
|
10822 | null,
|
10823 | header
|
10824 | )
|
10825 | ),
|
10826 | _react2.default.createElement(
|
10827 | _SRC.FlexCol,
|
10828 | { className: 'flexDiv', mobile: { width: 4 }, desktop: { width: 10, span: 1 } },
|
10829 | sections.map(function (section, i) {
|
10830 | var SvgTag = SvgMap[section.svg];
|
10831 | return _react2.default.createElement(
|
10832 | _SRC.FlexCol,
|
10833 | { className: 'innerFlexDiv', mobile: { width: 4 }, tablet: { width: 5 }, desktop: { width: 3 }, key: 'value-prop-' + i },
|
10834 | _react2.default.createElement(
|
10835 | 'div',
|
10836 | null,
|
10837 | _react2.default.createElement(
|
10838 | 'div',
|
10839 | { className: 'image' },
|
10840 | _react2.default.createElement(SvgTag, null)
|
10841 | ),
|
10842 | _react2.default.createElement(
|
10843 | _SRC.P,
|
10844 | { className: 'textTitle' },
|
10845 | section.title
|
10846 | ),
|
10847 | _react2.default.createElement(
|
10848 | _SRC.P,
|
10849 | null,
|
10850 | section.body
|
10851 | )
|
10852 | )
|
10853 | );
|
10854 | })
|
10855 | )
|
10856 | );
|
10857 | };
|
10858 |
|
10859 | var ValuePropSection = (0, _styledComponents2.default)(BaseValuePropSection)(_templateObject, _SRC.H1, _SRC.H1, function (props) {
|
10860 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
10861 | }, _SRC.P, function (props) {
|
10862 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject3);
|
10863 | });
|
10864 |
|
10865 | ValuePropSection.defaultProps = Object.assign({}, _defaultProps2.default, {
|
10866 | padding: true,
|
10867 | constrained: true
|
10868 |
|
10869 |
|
10870 | });exports.default = ValuePropSection;
|
10871 |
|
10872 | }),
|
10873 |
|
10874 | (function(module, exports, __webpack_require__) {
|
10875 |
|
10876 | "use strict";
|
10877 |
|
10878 |
|
10879 | Object.defineProperty(exports, "__esModule", {
|
10880 | value: true
|
10881 | });
|
10882 | exports.default = {
|
10883 | "header": "What makes us awesome",
|
10884 | "sections": [{
|
10885 | "title": "Bold, Bright, Unique Styles",
|
10886 | "body": "Magical kids' clothes you can't find anywhere else – designed by us",
|
10887 | "svg": "LightningSvg"
|
10888 | }, {
|
10889 | "title": "Soft & Stretchy Everything",
|
10890 | "body": "Comfy clothes = happy people",
|
10891 | "svg": "CloudsSvg"
|
10892 | }, {
|
10893 | "title": "Next-level Details",
|
10894 | "body": "Itch-free tags, soft lining, minimal seams. We could go on…",
|
10895 | "svg": "StarSvg"
|
10896 | }, {
|
10897 | "title": "Focus on Fit",
|
10898 | "body": "We design single sizes 2 - 14",
|
10899 | "svg": "ShirtsSvg"
|
10900 | }, {
|
10901 | "title": "100% Washer Friendly",
|
10902 | "body": "Including the sequins",
|
10903 | "svg": "WashingMachineSvg"
|
10904 | }, {
|
10905 | "title": "20% off 4+ Items",
|
10906 | "body": "Automatic savings every single day",
|
10907 | "svg": "CashSvg"
|
10908 | }, {
|
10909 | "title": "Female Founder",
|
10910 | "body": "(Trust her, she’s a mom!)",
|
10911 | "svg": "FounderSvg"
|
10912 | }]
|
10913 | };
|
10914 |
|
10915 | }),
|
10916 |
|
10917 | (function(module, exports, __webpack_require__) {
|
10918 |
|
10919 | "use strict";
|
10920 |
|
10921 |
|
10922 | Object.defineProperty(exports, "__esModule", {
|
10923 | value: true
|
10924 | });
|
10925 |
|
10926 | var _aboutUs = __webpack_require__(177);
|
10927 |
|
10928 | Object.defineProperty(exports, 'AboutUs', {
|
10929 | enumerable: true,
|
10930 | get: function get() {
|
10931 | return _interopRequireDefault(_aboutUs).default;
|
10932 | }
|
10933 | });
|
10934 |
|
10935 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10936 |
|
10937 | }),
|
10938 |
|
10939 | (function(module, exports, __webpack_require__) {
|
10940 |
|
10941 | "use strict";
|
10942 |
|
10943 |
|
10944 | Object.defineProperty(exports, "__esModule", {
|
10945 | value: true
|
10946 | });
|
10947 |
|
10948 | 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']);
|
10949 |
|
10950 | var _react = __webpack_require__(2);
|
10951 |
|
10952 | var _react2 = _interopRequireDefault(_react);
|
10953 |
|
10954 | var _styledComponents = __webpack_require__(1);
|
10955 |
|
10956 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
10957 |
|
10958 | var _SRC = __webpack_require__(3);
|
10959 |
|
10960 | var _defaultProps = __webpack_require__(178);
|
10961 |
|
10962 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
10963 |
|
10964 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
10965 |
|
10966 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10967 |
|
10968 | 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; }
|
10969 |
|
10970 | var BaseAboutUs = function BaseAboutUs(_ref) {
|
10971 | var className = _ref.className,
|
10972 | header = _ref.header,
|
10973 | sections = _ref.sections,
|
10974 | footer = _ref.footer,
|
10975 | props = _objectWithoutProperties(_ref, ['className', 'header', 'sections', 'footer']);
|
10976 |
|
10977 | return _react2.default.createElement(
|
10978 | 'section',
|
10979 | { className: className },
|
10980 | _react2.default.createElement(
|
10981 | _SRC.FlexCol,
|
10982 | { mobile: { width: 4 }, desktop: { width: 6, span: 3 } },
|
10983 | _react2.default.createElement(
|
10984 | _SRC.H1,
|
10985 | null,
|
10986 | header
|
10987 | )
|
10988 | ),
|
10989 | _react2.default.createElement(
|
10990 | _SRC.FlexCol,
|
10991 | { className: 'flexDiv', mobile: { width: 4 }, desktop: { width: 10, span: 1 } },
|
10992 | sections.map(function (section, i) {
|
10993 | return _react2.default.createElement(
|
10994 | _SRC.FlexCol,
|
10995 | { mobile: { width: 4 }, desktop: { width: 4 }, key: 'about-us-' + i },
|
10996 | _react2.default.createElement(
|
10997 | 'div',
|
10998 | null,
|
10999 | _react2.default.createElement(
|
11000 | _SRC.H2,
|
11001 | null,
|
11002 | section.title
|
11003 | ),
|
11004 | _react2.default.createElement(
|
11005 | _SRC.P,
|
11006 | null,
|
11007 | section.body
|
11008 | )
|
11009 | )
|
11010 | );
|
11011 | })
|
11012 | ),
|
11013 | _react2.default.createElement(
|
11014 | _SRC.FlexCol,
|
11015 | { mobile: { width: 4 }, desktop: { width: 12 } },
|
11016 | _react2.default.createElement(
|
11017 | _SRC.H2,
|
11018 | null,
|
11019 | footer
|
11020 | )
|
11021 | )
|
11022 | );
|
11023 | };
|
11024 |
|
11025 | var AboutUs = (0, _styledComponents2.default)(BaseAboutUs)(_templateObject, _SRC.H1, _SRC.H2, _SRC.H1, _SRC.H2, function (props) {
|
11026 | return props.theme.colors.rocketBlue;
|
11027 | }, _SRC.P);
|
11028 |
|
11029 | AboutUs.defaultProps = Object.assign({}, _defaultProps2.default, {
|
11030 | padding: true,
|
11031 | constrained: true
|
11032 |
|
11033 |
|
11034 | });exports.default = AboutUs;
|
11035 |
|
11036 | }),
|
11037 |
|
11038 | (function(module, exports, __webpack_require__) {
|
11039 |
|
11040 | "use strict";
|
11041 |
|
11042 |
|
11043 | Object.defineProperty(exports, "__esModule", {
|
11044 | value: true
|
11045 | });
|
11046 | exports.default = {
|
11047 | "header": "We believe in simplifying the lives of parents and celebrating real life with kids.",
|
11048 | "sections": [{
|
11049 | "title": "KIDS ARE AWESOME",
|
11050 | "body": "And we want to celebrate them! Quirks, preferences and all—with clothes that express who they are as individuals."
|
11051 | }, {
|
11052 | "title": "PARENTS ARE SUPERHEROES",
|
11053 | "body": "We’ll make your life easier, so you can get back to being the best snack-schlepper, soccer-practice-chauffeur..."
|
11054 | }, {
|
11055 | "title": "SHOPPING SHOULD BE EASY",
|
11056 | "body": "You shouldn’t have to go to a million sites and stores to find awesome clothes you AND your kids will love."
|
11057 | }],
|
11058 | "footer": "BECAUSE IT’S MORE FUN WHEN EVERYONE WINS!"
|
11059 | };
|
11060 |
|
11061 | }),
|
11062 |
|
11063 | (function(module, exports, __webpack_require__) {
|
11064 |
|
11065 | "use strict";
|
11066 |
|
11067 |
|
11068 | Object.defineProperty(exports, "__esModule", {
|
11069 | value: true
|
11070 | });
|
11071 |
|
11072 | var _accordion = __webpack_require__(180);
|
11073 |
|
11074 | Object.defineProperty(exports, 'Accordion', {
|
11075 | enumerable: true,
|
11076 | get: function get() {
|
11077 | return _interopRequireDefault(_accordion).default;
|
11078 | }
|
11079 | });
|
11080 |
|
11081 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11082 |
|
11083 | }),
|
11084 |
|
11085 | (function(module, exports, __webpack_require__) {
|
11086 |
|
11087 | "use strict";
|
11088 |
|
11089 |
|
11090 | Object.defineProperty(exports, "__esModule", {
|
11091 | value: true
|
11092 | });
|
11093 | exports.BaseAccordion = undefined;
|
11094 |
|
11095 | 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; }; }();
|
11096 |
|
11097 | 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']),
|
11098 | _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']),
|
11099 | _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']);
|
11100 |
|
11101 | var _react = __webpack_require__(2);
|
11102 |
|
11103 | var _react2 = _interopRequireDefault(_react);
|
11104 |
|
11105 | var _propTypes = __webpack_require__(0);
|
11106 |
|
11107 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11108 |
|
11109 | var _styledComponents = __webpack_require__(1);
|
11110 |
|
11111 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11112 |
|
11113 | var _reactTransitionGroup = __webpack_require__(12);
|
11114 |
|
11115 | var _SRC = __webpack_require__(3);
|
11116 |
|
11117 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11118 |
|
11119 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11120 |
|
11121 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
11122 |
|
11123 | 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; }
|
11124 |
|
11125 | 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; }
|
11126 |
|
11127 | var accordionTransition = {
|
11128 | enter: 'accordionEnter',
|
11129 | leave: 'accordionLeave'
|
11130 | };
|
11131 |
|
11132 | var BaseAccordion = exports.BaseAccordion = function (_React$Component) {
|
11133 | _inherits(BaseAccordion, _React$Component);
|
11134 |
|
11135 | function BaseAccordion(props) {
|
11136 | _classCallCheck(this, BaseAccordion);
|
11137 |
|
11138 | var _this = _possibleConstructorReturn(this, (BaseAccordion.__proto__ || Object.getPrototypeOf(BaseAccordion)).call(this, props));
|
11139 |
|
11140 | _this.toggleAccordion = function () {
|
11141 | _this.setState({ open: !_this.state.open });
|
11142 | };
|
11143 |
|
11144 | _this.state = {
|
11145 | open: false
|
11146 | };
|
11147 | return _this;
|
11148 | }
|
11149 |
|
11150 | _createClass(BaseAccordion, [{
|
11151 | key: 'render',
|
11152 | value: function render() {
|
11153 | var _props = this.props,
|
11154 | className = _props.className,
|
11155 | children = _props.children,
|
11156 | ignoreErrors = _props.ignoreErrors,
|
11157 | label = _props.label,
|
11158 | toggleElement = _props.toggleElement;
|
11159 | var open = this.state.open;
|
11160 |
|
11161 | var ToggleElement = _react2.default.createElement(toggleElement.type, Object.assign({}, toggleElement.props, {
|
11162 | className: toggleElement.props.className ? toggleElement.props.className + ' toggleElement' : 'toggleElement',
|
11163 | onClick: this.toggleAccordion
|
11164 | }), [toggleElement.props.children, _react2.default.createElement(_SRC.Chevron, { key: 'toggleChevron', down: !open, up: open, ignoreErrors: ignoreErrors })]);
|
11165 |
|
11166 | return _react2.default.createElement(
|
11167 | 'div',
|
11168 | {
|
11169 | className: className,
|
11170 | role: 'region',
|
11171 | 'aria-labelledby': label },
|
11172 | ToggleElement,
|
11173 | _react2.default.createElement(
|
11174 | _reactTransitionGroup.CSSTransitionGroup,
|
11175 | {
|
11176 | transitionName: accordionTransition,
|
11177 | className: 'drawer',
|
11178 | transitionEnterTimeout: 500,
|
11179 | transitionLeaveTimeout: 500 },
|
11180 | open && children
|
11181 | )
|
11182 | );
|
11183 | }
|
11184 | }]);
|
11185 |
|
11186 | return BaseAccordion;
|
11187 | }(_react2.default.Component);
|
11188 |
|
11189 | var openDrawer = (0, _styledComponents.keyframes)(_templateObject);
|
11190 |
|
11191 | var closeDrawer = (0, _styledComponents.keyframes)(_templateObject2);
|
11192 |
|
11193 | var Accordion = (0, _styledComponents2.default)(BaseAccordion)(_templateObject3, _SRC.Chevron, openDrawer, closeDrawer);
|
11194 |
|
11195 | Accordion.propTypes = {
|
11196 | className: _propTypes2.default.string,
|
11197 | children: _propTypes2.default.element.isRequired,
|
11198 | ignoreErrors: _propTypes2.default.bool,
|
11199 | label: _propTypes2.default.string
|
11200 |
|
11201 |
|
11202 | };exports.default = Accordion;
|
11203 |
|
11204 | }),
|
11205 |
|
11206 | (function(module, exports, __webpack_require__) {
|
11207 |
|
11208 | "use strict";
|
11209 |
|
11210 |
|
11211 | Object.defineProperty(exports, "__esModule", {
|
11212 | value: true
|
11213 | });
|
11214 |
|
11215 | var _animatedBalloon = __webpack_require__(182);
|
11216 |
|
11217 | Object.defineProperty(exports, 'AnimatedBalloon', {
|
11218 | enumerable: true,
|
11219 | get: function get() {
|
11220 | return _interopRequireDefault(_animatedBalloon).default;
|
11221 | }
|
11222 | });
|
11223 |
|
11224 | var _animatedCloudA = __webpack_require__(184);
|
11225 |
|
11226 | Object.defineProperty(exports, 'AnimatedCloudA', {
|
11227 | enumerable: true,
|
11228 | get: function get() {
|
11229 | return _interopRequireDefault(_animatedCloudA).default;
|
11230 | }
|
11231 | });
|
11232 |
|
11233 | var _animatedCloudB = __webpack_require__(185);
|
11234 |
|
11235 | Object.defineProperty(exports, 'AnimatedCloudB', {
|
11236 | enumerable: true,
|
11237 | get: function get() {
|
11238 | return _interopRequireDefault(_animatedCloudB).default;
|
11239 | }
|
11240 | });
|
11241 |
|
11242 | var _animatedCloudC = __webpack_require__(186);
|
11243 |
|
11244 | Object.defineProperty(exports, 'AnimatedCloudC', {
|
11245 | enumerable: true,
|
11246 | get: function get() {
|
11247 | return _interopRequireDefault(_animatedCloudC).default;
|
11248 | }
|
11249 | });
|
11250 |
|
11251 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11252 |
|
11253 | }),
|
11254 |
|
11255 | (function(module, exports, __webpack_require__) {
|
11256 |
|
11257 | "use strict";
|
11258 |
|
11259 |
|
11260 | Object.defineProperty(exports, "__esModule", {
|
11261 | value: true
|
11262 | });
|
11263 |
|
11264 | 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; }; }();
|
11265 |
|
11266 | var _react = __webpack_require__(2);
|
11267 |
|
11268 | var _react2 = _interopRequireDefault(_react);
|
11269 |
|
11270 | var _propTypes = __webpack_require__(0);
|
11271 |
|
11272 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11273 |
|
11274 | var _TweenMax = __webpack_require__(20);
|
11275 |
|
11276 | var _cloudinary = __webpack_require__(4);
|
11277 |
|
11278 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
11279 |
|
11280 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11281 |
|
11282 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
11283 |
|
11284 | 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; }
|
11285 |
|
11286 | 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; }
|
11287 |
|
11288 | var AnimatedBalloon = function (_React$Component) {
|
11289 | _inherits(AnimatedBalloon, _React$Component);
|
11290 |
|
11291 | function AnimatedBalloon(props) {
|
11292 | _classCallCheck(this, AnimatedBalloon);
|
11293 |
|
11294 | var _this = _possibleConstructorReturn(this, (AnimatedBalloon.__proto__ || Object.getPrototypeOf(AnimatedBalloon)).call(this, props));
|
11295 |
|
11296 | _this.setBalloonRef = function (element) {
|
11297 | _this.animatedBalloon = element;
|
11298 | };
|
11299 |
|
11300 | _this.animatedBalloon = null;
|
11301 | _this.timeline = null;
|
11302 | return _this;
|
11303 | }
|
11304 |
|
11305 | _createClass(AnimatedBalloon, [{
|
11306 | key: 'componentDidMount',
|
11307 | value: function componentDidMount() {
|
11308 | var desktopAnimation = this.props.desktopAnimation;
|
11309 |
|
11310 | if (this.animatedBalloon && desktopAnimation) {
|
11311 | this.timeline = new _TweenMax.TimelineLite({ onComplete: function onComplete() {
|
11312 | this.restart();
|
11313 | } });
|
11314 | this.timeline.to(this.animatedBalloon, 0, { transform: 'translate(150%, 0%)' }).to(this.animatedBalloon, 3, { transform: 'translate(10%, -50%) rotate(-25deg)' }).to(this.animatedBalloon, 5, {
|
11315 | transform: 'translate(10%, -200%) rotate(25deg)',
|
11316 | ease: _TweenMax.Linear.easeNone
|
11317 | }).to(this.animatedBalloon, 4, { transform: 'translate(150%, -250%) rotate(65deg)' }).to(this.animatedBalloon, 5, { transform: 'translate(150%, -250%) rotate(45deg)' });
|
11318 | } else {
|
11319 | this.timeline = new _TweenMax.TimelineLite({ onComplete: function onComplete() {
|
11320 | this.restart();
|
11321 | } });
|
11322 | this.timeline.to(this.animatedBalloon, 0, { transform: 'translate(250%, 0%)' }).to(this.animatedBalloon, 3, { transform: 'translate(10%, -50%) rotate(-25deg)' }).to(this.animatedBalloon, 5, {
|
11323 | transform: 'translate(10%, -200%) rotate(25deg)',
|
11324 | ease: _TweenMax.Linear.easeNone
|
11325 | }).to(this.animatedBalloon, 4, { transform: 'translate(250%, -250%) rotate(65deg)' }).to(this.animatedBalloon, 5, { transform: 'translate(250%, -250%) rotate(45deg)' });
|
11326 | }
|
11327 | }
|
11328 | }, {
|
11329 | key: 'render',
|
11330 | value: function render() {
|
11331 | return _react2.default.createElement('img', {
|
11332 | alt: 'Ballon',
|
11333 | 'aria-hidden': true,
|
11334 | ref: this.setBalloonRef,
|
11335 | style: {
|
11336 | position: 'absolute',
|
11337 | bottom: 0,
|
11338 | right: 0,
|
11339 | width: this.props.width,
|
11340 | maxWidth: '254px'
|
11341 | },
|
11342 | src: _cloudinary2.default.url('web/BALLOON') });
|
11343 | }
|
11344 | }]);
|
11345 |
|
11346 | return AnimatedBalloon;
|
11347 | }(_react2.default.Component);
|
11348 |
|
11349 | exports.default = AnimatedBalloon;
|
11350 |
|
11351 |
|
11352 | AnimatedBalloon.defaultProps = {
|
11353 | desktopAnimation: false,
|
11354 | width: '15%'
|
11355 | };
|
11356 |
|
11357 | AnimatedBalloon.propTypes = {
|
11358 | desktopAnimation: _propTypes2.default.bool,
|
11359 | width: _propTypes2.default.string
|
11360 | };
|
11361 |
|
11362 | }),
|
11363 |
|
11364 | (function(module, exports) {
|
11365 |
|
11366 | module.exports = require("cloudinary-core");
|
11367 |
|
11368 | }),
|
11369 |
|
11370 | (function(module, exports, __webpack_require__) {
|
11371 |
|
11372 | "use strict";
|
11373 |
|
11374 |
|
11375 | Object.defineProperty(exports, "__esModule", {
|
11376 | value: true
|
11377 | });
|
11378 | exports.BaseAnimatedCloudA = undefined;
|
11379 |
|
11380 | 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; }; }();
|
11381 |
|
11382 | var _templateObject = _taggedTemplateLiteral(['\n position: absolute;\n top: 30%;;\n left: 0px;\n width: auto;\n height: 100px;\n max-width: 684px;\n ', '\n > img {\n height: 100%;\n }\n'], ['\n position: absolute;\n top: 30%;;\n left: 0px;\n width: auto;\n height: 100px;\n max-width: 684px;\n ', '\n > img {\n height: 100%;\n }\n']),
|
11383 | _templateObject2 = _taggedTemplateLiteral(['\n height: 150px;\n '], ['\n height: 150px;\n ']);
|
11384 |
|
11385 | var _styledComponents = __webpack_require__(1);
|
11386 |
|
11387 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11388 |
|
11389 | var _react = __webpack_require__(2);
|
11390 |
|
11391 | var _react2 = _interopRequireDefault(_react);
|
11392 |
|
11393 | var _propTypes = __webpack_require__(0);
|
11394 |
|
11395 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11396 |
|
11397 | var _TweenMax = __webpack_require__(20);
|
11398 |
|
11399 | var _cloudinary = __webpack_require__(4);
|
11400 |
|
11401 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
11402 |
|
11403 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11404 |
|
11405 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11406 |
|
11407 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
11408 |
|
11409 | 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; }
|
11410 |
|
11411 | 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; }
|
11412 |
|
11413 | var BaseAnimatedCloudA = exports.BaseAnimatedCloudA = function (_React$Component) {
|
11414 | _inherits(BaseAnimatedCloudA, _React$Component);
|
11415 |
|
11416 | function BaseAnimatedCloudA(props) {
|
11417 | _classCallCheck(this, BaseAnimatedCloudA);
|
11418 |
|
11419 | var _this = _possibleConstructorReturn(this, (BaseAnimatedCloudA.__proto__ || Object.getPrototypeOf(BaseAnimatedCloudA)).call(this, props));
|
11420 |
|
11421 | _this.setBalloonRef = function (element) {
|
11422 | _this.animatedCloud = element;
|
11423 | };
|
11424 |
|
11425 | _this.animatedCloud = null;
|
11426 | _this.timeline = null;
|
11427 | return _this;
|
11428 | }
|
11429 |
|
11430 | _createClass(BaseAnimatedCloudA, [{
|
11431 | key: 'componentDidMount',
|
11432 | value: function componentDidMount() {
|
11433 | if (this.animatedCloud) {
|
11434 | this.timeline = new _TweenMax.TimelineLite({ onComplete: function onComplete() {
|
11435 | this.restart();
|
11436 | } });
|
11437 | this.timeline.to(this.animatedCloud, 0, {
|
11438 | transform: 'translate(0%, 0%)',
|
11439 | ease: _TweenMax.Linear.easeNone
|
11440 | }).to(this.animatedCloud, 30, {
|
11441 | transform: 'translate(100vw, 0%)',
|
11442 | ease: _TweenMax.Linear.easeNone
|
11443 | }).to(this.animatedCloud, 0, {
|
11444 | transform: 'translate(-100vw, 0%)',
|
11445 | ease: _TweenMax.Linear.easeNone
|
11446 | }).to(this.animatedCloud, 30, {
|
11447 | transform: 'translate(0%, 0%)',
|
11448 | ease: _TweenMax.Linear.easeNone
|
11449 | });
|
11450 | }
|
11451 | }
|
11452 | }, {
|
11453 | key: 'render',
|
11454 | value: function render() {
|
11455 | var className = this.props.className;
|
11456 |
|
11457 | return _react2.default.createElement(
|
11458 | 'div',
|
11459 | {
|
11460 | className: className,
|
11461 | ref: this.setBalloonRef },
|
11462 | _react2.default.createElement('img', {
|
11463 | 'aria-hidden': true,
|
11464 | alt: 'Cloud',
|
11465 | src: _cloudinary2.default.url('web/CLOUD_A') })
|
11466 | );
|
11467 | }
|
11468 | }]);
|
11469 |
|
11470 | return BaseAnimatedCloudA;
|
11471 | }(_react2.default.Component);
|
11472 |
|
11473 | BaseAnimatedCloudA.defaultProps = {
|
11474 | width: '15%'
|
11475 | };
|
11476 |
|
11477 | BaseAnimatedCloudA.propTypes = {
|
11478 | width: _propTypes2.default.string
|
11479 | };
|
11480 |
|
11481 | var AnimatedCloudA = (0, _styledComponents2.default)(BaseAnimatedCloudA)(_templateObject, function (props) {
|
11482 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
11483 | });
|
11484 |
|
11485 |
|
11486 | exports.default = AnimatedCloudA;
|
11487 |
|
11488 | }),
|
11489 |
|
11490 | (function(module, exports, __webpack_require__) {
|
11491 |
|
11492 | "use strict";
|
11493 |
|
11494 |
|
11495 | Object.defineProperty(exports, "__esModule", {
|
11496 | value: true
|
11497 | });
|
11498 | exports.BaseAnimatedCloudB = undefined;
|
11499 |
|
11500 | 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; }; }();
|
11501 |
|
11502 | var _templateObject = _taggedTemplateLiteral(['\n position: absolute;\n right: 0;\n top: 30%;\n width: auto;\n height: 100px;\n transform: translate(50%, 50%);\n ', '\n > img {\n height: 100%;\n }\n'], ['\n position: absolute;\n right: 0;\n top: 30%;\n width: auto;\n height: 100px;\n transform: translate(50%, 50%);\n ', '\n > img {\n height: 100%;\n }\n']),
|
11503 | _templateObject2 = _taggedTemplateLiteral(['\n top: 40%;\n '], ['\n top: 40%;\n ']);
|
11504 |
|
11505 | var _styledComponents = __webpack_require__(1);
|
11506 |
|
11507 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11508 |
|
11509 | var _react = __webpack_require__(2);
|
11510 |
|
11511 | var _react2 = _interopRequireDefault(_react);
|
11512 |
|
11513 | var _propTypes = __webpack_require__(0);
|
11514 |
|
11515 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11516 |
|
11517 | var _TweenMax = __webpack_require__(20);
|
11518 |
|
11519 | var _cloudinary = __webpack_require__(4);
|
11520 |
|
11521 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
11522 |
|
11523 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11524 |
|
11525 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11526 |
|
11527 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
11528 |
|
11529 | 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; }
|
11530 |
|
11531 | 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; }
|
11532 |
|
11533 | var BaseAnimatedCloudB = exports.BaseAnimatedCloudB = function (_React$Component) {
|
11534 | _inherits(BaseAnimatedCloudB, _React$Component);
|
11535 |
|
11536 | function BaseAnimatedCloudB(props) {
|
11537 | _classCallCheck(this, BaseAnimatedCloudB);
|
11538 |
|
11539 | var _this = _possibleConstructorReturn(this, (BaseAnimatedCloudB.__proto__ || Object.getPrototypeOf(BaseAnimatedCloudB)).call(this, props));
|
11540 |
|
11541 | _this.setBalloonRef = function (element) {
|
11542 | _this.animatedCloud = element;
|
11543 | };
|
11544 |
|
11545 | _this.animatedCloud = null;
|
11546 | _this.timeline = null;
|
11547 | return _this;
|
11548 | }
|
11549 |
|
11550 | _createClass(BaseAnimatedCloudB, [{
|
11551 | key: 'componentDidMount',
|
11552 | value: function componentDidMount() {
|
11553 | if (this.animatedCloud) {
|
11554 | this.timeline = new _TweenMax.TimelineLite({ onComplete: function onComplete() {
|
11555 | this.restart();
|
11556 | } });
|
11557 | this.timeline.to(this.animatedCloud, 0, { transform: 'translate(50%, 50%)' }).to(this.animatedCloud, 40, {
|
11558 | transform: 'translate(-100vw, 50%)',
|
11559 | ease: _TweenMax.Linear.easeNone
|
11560 | });
|
11561 | }
|
11562 | }
|
11563 | }, {
|
11564 | key: 'render',
|
11565 | value: function render() {
|
11566 | var className = this.props.className;
|
11567 |
|
11568 | return _react2.default.createElement(
|
11569 | 'div',
|
11570 | {
|
11571 | className: className,
|
11572 | ref: this.setBalloonRef },
|
11573 | _react2.default.createElement('img', {
|
11574 | 'aria-hidden': true,
|
11575 | alt: 'Cloud',
|
11576 | src: _cloudinary2.default.url('web/CLOUD_B') })
|
11577 | );
|
11578 | }
|
11579 | }]);
|
11580 |
|
11581 | return BaseAnimatedCloudB;
|
11582 | }(_react2.default.Component);
|
11583 |
|
11584 | BaseAnimatedCloudB.defaultProps = {
|
11585 | width: '15%'
|
11586 | };
|
11587 |
|
11588 | BaseAnimatedCloudB.propTypes = {
|
11589 | width: _propTypes2.default.string
|
11590 | };
|
11591 |
|
11592 | var AnimatedCloudB = (0, _styledComponents2.default)(BaseAnimatedCloudB)(_templateObject, function (props) {
|
11593 | return props.theme.breakpointsVerbose.aboveDesktop(_templateObject2);
|
11594 | });
|
11595 |
|
11596 |
|
11597 | exports.default = AnimatedCloudB;
|
11598 |
|
11599 | }),
|
11600 |
|
11601 | (function(module, exports, __webpack_require__) {
|
11602 |
|
11603 | "use strict";
|
11604 |
|
11605 |
|
11606 | Object.defineProperty(exports, "__esModule", {
|
11607 | value: true
|
11608 | });
|
11609 | exports.BaseAnimatedCloudC = undefined;
|
11610 |
|
11611 | 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; }; }();
|
11612 |
|
11613 | var _templateObject = _taggedTemplateLiteral(['\n position: absolute;\n bottom: 12%;\n left: 0;\n width: auto;\n max-width: 692px;\n height: 100px;\n ', '\n ', '\n svg {\n height: 100%;\n }\n .body {\n fill: ', ';\n }\n\n .outline {\n fill: #373535;\n }\n'], ['\n position: absolute;\n bottom: 12%;\n left: 0;\n width: auto;\n max-width: 692px;\n height: 100px;\n ', '\n ', '\n svg {\n height: 100%;\n }\n .body {\n fill: ', ';\n }\n\n .outline {\n fill: #373535;\n }\n']),
|
11614 | _templateObject2 = _taggedTemplateLiteral(['\n height: 150px;\n '], ['\n height: 150px;\n ']),
|
11615 | _templateObject3 = _taggedTemplateLiteral(['\n height: 120px;\n '], ['\n height: 120px;\n ']);
|
11616 |
|
11617 | var _styledComponents = __webpack_require__(1);
|
11618 |
|
11619 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11620 |
|
11621 | var _react = __webpack_require__(2);
|
11622 |
|
11623 | var _react2 = _interopRequireDefault(_react);
|
11624 |
|
11625 | var _TweenMax = __webpack_require__(20);
|
11626 |
|
11627 | var _defaultProps = __webpack_require__(187);
|
11628 |
|
11629 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11630 |
|
11631 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11632 |
|
11633 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
11634 |
|
11635 | 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; }
|
11636 |
|
11637 | 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; }
|
11638 |
|
11639 | var BaseAnimatedCloudC = exports.BaseAnimatedCloudC = function (_React$Component) {
|
11640 | _inherits(BaseAnimatedCloudC, _React$Component);
|
11641 |
|
11642 | function BaseAnimatedCloudC(props) {
|
11643 | _classCallCheck(this, BaseAnimatedCloudC);
|
11644 |
|
11645 | var _this = _possibleConstructorReturn(this, (BaseAnimatedCloudC.__proto__ || Object.getPrototypeOf(BaseAnimatedCloudC)).call(this, props));
|
11646 |
|
11647 | _this.setBalloonRef = function (element) {
|
11648 | _this.animatedCloud = element;
|
11649 | };
|
11650 |
|
11651 | _this.animatedCloud = null;
|
11652 | _this.timeline = null;
|
11653 | return _this;
|
11654 | }
|
11655 |
|
11656 | _createClass(BaseAnimatedCloudC, [{
|
11657 | key: 'componentDidMount',
|
11658 | value: function componentDidMount() {
|
11659 | if (this.animatedCloud) {
|
11660 | this.timeline = new _TweenMax.TimelineLite({ onComplete: function onComplete() {
|
11661 | this.restart();
|
11662 | } });
|
11663 | this.timeline.to(this.animatedCloud, 0, { transform: 'translateX(-120%)' }).to(this.animatedCloud, 40, {
|
11664 | ease: _TweenMax.Linear.easeNone,
|
11665 | transform: 'translateX(300%)'
|
11666 | });
|
11667 | }
|
11668 | }
|
11669 | }, {
|
11670 | key: 'render',
|
11671 | value: function render() {
|
11672 | var className = this.props.className;
|
11673 | var bodyShape = _defaultProps.CloudCProps.bodyShape,
|
11674 | outlineShape = _defaultProps.CloudCProps.outlineShape;
|
11675 |
|
11676 | return _react2.default.createElement(
|
11677 | 'div',
|
11678 | {
|
11679 | ref: this.setBalloonRef,
|
11680 | className: className },
|
11681 | _react2.default.createElement(
|
11682 | 'svg',
|
11683 | {
|
11684 | 'aria-hidden': true,
|
11685 | x: '0px',
|
11686 | y: '0px',
|
11687 | viewBox: '0 0 648 330.3' },
|
11688 | _react2.default.createElement('path', {
|
11689 | className: 'body',
|
11690 | d: bodyShape }),
|
11691 | _react2.default.createElement('path', {
|
11692 | className: 'outline',
|
11693 | d: outlineShape })
|
11694 | )
|
11695 | );
|
11696 | }
|
11697 | }]);
|
11698 |
|
11699 | return BaseAnimatedCloudC;
|
11700 | }(_react2.default.Component);
|
11701 |
|
11702 | var AnimatedCloudC = (0, _styledComponents2.default)(BaseAnimatedCloudC)(_templateObject, function (props) {
|
11703 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
11704 | }, function (props) {
|
11705 | return props.theme.breakpointsVerbose.aboveDesktop(_templateObject3);
|
11706 | }, function (props) {
|
11707 | return props.theme.colors.white;
|
11708 | });
|
11709 |
|
11710 |
|
11711 | exports.default = AnimatedCloudC;
|
11712 |
|
11713 | }),
|
11714 |
|
11715 | (function(module, exports, __webpack_require__) {
|
11716 |
|
11717 | "use strict";
|
11718 |
|
11719 |
|
11720 | Object.defineProperty(exports, "__esModule", {
|
11721 | value: true
|
11722 | });
|
11723 | var CloudCProps = exports.CloudCProps = {
|
11724 | bodyShape: "M68.3,237.2c-6.9,2.3-14.4,4.5-21.6,7.2\n C24.6,252.7,8,266.9,2.4,290.6c-2.3,9.7-2.1,20.1-2.4,30.3\n c-0.2,7.3,1.2,7.8,8.2,7.1c14-1.4,28-3.2,42-3.6c22.4-0.6,44.8-0.3,67.1-0.2\n c13.2,0,26.5,0,39.7,0.3c12.1,0.2,24.1,1.2,36.2,1.1c19.5-0.1,39-1,58.5-1\n c23,0,46,0.5,69,0.9c25.2,0.4,50.5,0.4,75.7,1.2c29.6,1,59.3,3.4,88.9,3.7\n c20.7,0.2,41.4-2.4,62.1-3.3c20.1-0.9,40.3-0.9,60.4-2.1\n c12.3-0.8,24.5-3.1,36.8-4.9c1.3-0.2,3.5-2,3.5-3c-0.3-8.8-0.5-17.6-1.7-26.2\n c-3.7-25.8-15.6-38.2-40.8-42.1c-11.3-1.7-22.9-1.6-34.1-2.4\n c-2.9-12.1-6-24-8.4-36.1c-1.9-9.6-6-18-11.8-25.6\n c-12.2-16.1-26.4-29.3-47.5-32.5c-11.6-1.8-23.2-3.8-33.9-5.5\n c-2.7-13.9-5-28.7-8.7-43.2c-2.3-8.9-6.7-17.2-10.4-25.7\n c-7.7-17.7-18.6-33-33.4-45.6c-16.2-13.7-35.8-19.7-55.4-25.9\n c-24.5-7.7-49.7-8-74.2-3c-34.7,7-64.6,23.8-86.4,52.6\n c-12.9,17-24.3,34.9-26.6,56.9c-0.5,4.8-1.2,9.5-1.8,14.4\n c-1.7,0.3-3.2,0.8-4.8,0.9c-18.6,1-35.8,7.3-52.3,15.3\n c-22.4,10.9-38.1,28.3-43,53.3C70,209.8,69.7,223.4,68.3,237.2",
|
11725 | outlineShape: "M463.4,153.4c-0.5-8.7-0.9-16.4-1.5-24.1\n c-1.4-18.2-10-34.2-16.7-50.7C438.7,62.8,429,49,416,38\n c-22.3-18.9-48.9-28.4-77.4-31.7c-25.5-2.9-50.8-0.9-75.1,8.6\n c-24.1,9.4-44,24.7-59.7,44.7c-15.6,19.9-27.3,42-25.1,68.7\n c0.1,1.2-0.5,2.5-0.7,3.3c-7.9,0.9-15.7,0.7-22.7,2.8c-13.5,4-27,8.4-39.9,14.1\n c-18.2,8-30.7,22.4-36.9,41.1c-4.3,13-6.5,26.6-4.9,40.5c0.3,2.9,0.5,5.9,0,8.6\n c-0.3,1.6-2.1,3.7-3.6,4.2c-4.2,1.3-8.6,1.6-12.8,2.7c-23.8,6-41.8,18.7-49.7,43\n c-3.6,11.1-4.4,22.4-2.3,34.2c3.2,0,5.9,0.2,8.5,0c10.9-1.2,21.9-3.5,32.8-3.7\n c23-0.3,46,0.6,69,1c14.6,0.2,29.2,0.1,43.7,0.5c9.7,0.3,19.4,2,29.1,1.9\n c19-0.1,38-1.5,57-1.6c24.5-0.1,49,0.3,73.6,0.7c26.3,0.4,52.6,0.5,78.9,1.4\n c24.2,0.8,48.3,3.3,72.5,3.6c21.4,0.2,42.8-1.4,64.1-2.6\n c19.4-1.1,38.8-2.9,58.2-3.8c11-0.5,22-0.1,32.7-3.9c3.7-1.3,7.9-1.5,11.8-1.4\n c4.6,0.1,5.5-2.1,5.8-6c1.4-16.2-3.8-30.7-12.3-43.9c-2.3-3.5-6.9-6.1-11.1-7.7\n c-14.5-5.7-29.8-6.5-45.1-5.4c-6,0.4-7.9-1.7-9-7.5c-3.5-18.5-5.1-37.6-15.7-54.3\n c-17.1-27-45.1-40-80.2-36.7C467.3,153.8,465.3,153.5,463.4,153.4 M68.3,237.2\n c1.4-13.9,1.7-27.4,4.3-40.6c4.9-25,20.5-42.4,43-53.3\n c16.4-8,33.7-14.3,52.3-15.3c1.5-0.1,3-0.6,4.8-0.9c0.6-4.9,1.3-9.6,1.8-14.4\n c2.4-22,13.8-39.9,26.6-56.9c21.8-28.7,51.7-45.5,86.4-52.6\n c24.6-5,49.7-4.7,74.2,3c19.6,6.1,39.2,12.1,55.4,25.9\n c14.8,12.6,25.7,27.9,33.4,45.6c3.7,8.5,8.1,16.9,10.4,25.7\n c3.7,14.5,6,29.3,8.7,43.2c10.7,1.7,22.3,3.7,33.9,5.5\n c21.1,3.2,35.3,16.4,47.5,32.5c5.8,7.7,9.9,16,11.8,25.6\n c2.4,12.1,5.6,24,8.4,36.1c11.2,0.7,22.8,0.6,34.1,2.4\n c25.3,3.8,37.1,16.3,40.8,42.1c1.2,8.6,1.4,17.5,1.7,26.2\n c0,1-2.2,2.7-3.5,3c-12.2,1.8-24.4,4.2-36.8,4.9c-20.1,1.2-40.3,1.2-60.4,2.1\n c-20.7,0.9-41.4,3.5-62.1,3.3c-29.6-0.3-59.3-2.7-88.9-3.7\n c-25.2-0.8-50.4-0.8-75.7-1.2c-23-0.3-46-0.9-69-0.9c-19.5,0-39,1-58.5,1\n c-12.1,0-24.1-0.9-36.2-1.1c-13.2-0.3-26.5-0.3-39.7-0.3\n c-22.4,0-44.8-0.4-67.1,0.2c-14,0.4-28,2.1-42,3.6c-7,0.7-8.4,0.2-8.2-7.1\n c0.3-10.1,0.1-20.5,2.4-30.3c5.6-23.8,22.2-37.9,44.3-46.2\n C53.9,241.7,61.4,239.5,68.3,237.2"
|
11726 | };
|
11727 |
|
11728 | }),
|
11729 |
|
11730 | (function(module, exports, __webpack_require__) {
|
11731 |
|
11732 | "use strict";
|
11733 |
|
11734 |
|
11735 | Object.defineProperty(exports, "__esModule", {
|
11736 | value: true
|
11737 | });
|
11738 |
|
11739 | var _card = __webpack_require__(189);
|
11740 |
|
11741 | Object.defineProperty(exports, 'Card', {
|
11742 | enumerable: true,
|
11743 | get: function get() {
|
11744 | return _interopRequireDefault(_card).default;
|
11745 | }
|
11746 | });
|
11747 |
|
11748 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11749 |
|
11750 | }),
|
11751 |
|
11752 | (function(module, exports, __webpack_require__) {
|
11753 |
|
11754 | "use strict";
|
11755 |
|
11756 |
|
11757 | Object.defineProperty(exports, "__esModule", {
|
11758 | value: true
|
11759 | });
|
11760 |
|
11761 | 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']),
|
11762 | _templateObject2 = _taggedTemplateLiteral(['max-width: ', ';'], ['max-width: ', ';']),
|
11763 | _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']);
|
11764 |
|
11765 | var _react = __webpack_require__(2);
|
11766 |
|
11767 | var _react2 = _interopRequireDefault(_react);
|
11768 |
|
11769 | var _propTypes = __webpack_require__(0);
|
11770 |
|
11771 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11772 |
|
11773 | var _styledComponents = __webpack_require__(1);
|
11774 |
|
11775 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11776 |
|
11777 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11778 |
|
11779 | 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; }
|
11780 |
|
11781 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11782 |
|
11783 | var cardHover = (0, _styledComponents.css)(_templateObject);
|
11784 | var constrainedWidth = (0, _styledComponents.css)(_templateObject2, function (props) {
|
11785 | return props.maxWidth;
|
11786 | });
|
11787 |
|
11788 | var Card = (0, _styledComponents2.default)(function (_ref) {
|
11789 | var children = _ref.children,
|
11790 | element = _ref.element,
|
11791 | props = _objectWithoutProperties(_ref, ['children', 'element']);
|
11792 |
|
11793 | delete props.maxWidth;
|
11794 | delete props.constrained;
|
11795 |
|
11796 | return _react2.default.createElement(element, props, children);
|
11797 | })(_templateObject3, function (props) {
|
11798 | return props.element === 'a' ? cardHover : '';
|
11799 | }, function (props) {
|
11800 | return props.constrained ? constrainedWidth : '';
|
11801 | });
|
11802 | Card.propTypes = {
|
11803 | constrained: _propTypes2.default.bool,
|
11804 | element: _propTypes2.default.node,
|
11805 | maxWidth: _propTypes2.default.string
|
11806 | };
|
11807 |
|
11808 | Card.defaultProps = {
|
11809 | element: 'a',
|
11810 | maxWidth: '29.5rem'
|
11811 |
|
11812 | };exports.default = Card;
|
11813 |
|
11814 | }),
|
11815 |
|
11816 | (function(module, exports, __webpack_require__) {
|
11817 |
|
11818 | "use strict";
|
11819 |
|
11820 |
|
11821 | Object.defineProperty(exports, "__esModule", {
|
11822 | value: true
|
11823 | });
|
11824 |
|
11825 | var _button = __webpack_require__(191);
|
11826 |
|
11827 | Object.keys(_button).forEach(function (key) {
|
11828 | if (key === "default" || key === "__esModule") return;
|
11829 | Object.defineProperty(exports, key, {
|
11830 | enumerable: true,
|
11831 | get: function get() {
|
11832 | return _button[key];
|
11833 | }
|
11834 | });
|
11835 | });
|
11836 |
|
11837 | var _image = __webpack_require__(193);
|
11838 |
|
11839 | Object.keys(_image).forEach(function (key) {
|
11840 | if (key === "default" || key === "__esModule") return;
|
11841 | Object.defineProperty(exports, key, {
|
11842 | enumerable: true,
|
11843 | get: function get() {
|
11844 | return _image[key];
|
11845 | }
|
11846 | });
|
11847 | });
|
11848 |
|
11849 | var _video = __webpack_require__(195);
|
11850 |
|
11851 | Object.keys(_video).forEach(function (key) {
|
11852 | if (key === "default" || key === "__esModule") return;
|
11853 | Object.defineProperty(exports, key, {
|
11854 | enumerable: true,
|
11855 | get: function get() {
|
11856 | return _video[key];
|
11857 | }
|
11858 | });
|
11859 | });
|
11860 |
|
11861 | }),
|
11862 |
|
11863 | (function(module, exports, __webpack_require__) {
|
11864 |
|
11865 | "use strict";
|
11866 |
|
11867 |
|
11868 | Object.defineProperty(exports, "__esModule", {
|
11869 | value: true
|
11870 | });
|
11871 |
|
11872 | var _contentfulButton = __webpack_require__(192);
|
11873 |
|
11874 | Object.defineProperty(exports, 'ContentfulButton', {
|
11875 | enumerable: true,
|
11876 | get: function get() {
|
11877 | return _interopRequireDefault(_contentfulButton).default;
|
11878 | }
|
11879 | });
|
11880 |
|
11881 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11882 |
|
11883 | }),
|
11884 |
|
11885 | (function(module, exports, __webpack_require__) {
|
11886 |
|
11887 | "use strict";
|
11888 |
|
11889 |
|
11890 | Object.defineProperty(exports, "__esModule", {
|
11891 | value: true
|
11892 | });
|
11893 |
|
11894 | var _templateObject = _taggedTemplateLiteral(['\n max-width: 290px;\n width: calc(100% - 20px);\n flex: 0 0 auto;\n margin-bottom: 20px;\n &:hover {\n text-decoration: underline;\n }\n ', '\n '], ['\n max-width: 290px;\n width: calc(100% - 20px);\n flex: 0 0 auto;\n margin-bottom: 20px;\n &:hover {\n text-decoration: underline;\n }\n ', '\n ']),
|
11895 | _templateObject2 = _taggedTemplateLiteral(['\n font-size: 1.4rem;\n height: 3.5rem;\n '], ['\n font-size: 1.4rem;\n height: 3.5rem;\n ']),
|
11896 | _templateObject3 = _taggedTemplateLiteral(['\n flex: 1 1 100%;\n width: calc(100% - 20px);\n text-decoration: underline;\n text-align: center;\n '], ['\n flex: 1 1 100%;\n width: calc(100% - 20px);\n text-decoration: underline;\n text-align: center;\n ']),
|
11897 | _templateObject4 = _taggedTemplateLiteral(['\n box-sizing: border-box;\n padding: 0 20px;\n height: 50px;\n object-fit: contain;\n display: inline-flex;\n color: ', ';\n background-color: ', ';\n font-family: $din-medium-font;\n font-size: 18px;\n font-weight: 500;\n justify-content: center;\n align-items: center;\n text-transform: uppercase;\n margin-left: 10px;\n margin-right: 10px;\n ', '\n\n &:hover {\n color: ', ';\n }\n &:last-of-type {\n ', '\n }\n &:before {\n content: ', ';\n }\n'], ['\n box-sizing: border-box;\n padding: 0 20px;\n height: 50px;\n object-fit: contain;\n display: inline-flex;\n color: ', ';\n background-color: ', ';\n font-family: $din-medium-font;\n font-size: 18px;\n font-weight: 500;\n justify-content: center;\n align-items: center;\n text-transform: uppercase;\n margin-left: 10px;\n margin-right: 10px;\n ', '\n\n &:hover {\n color: ', ';\n }\n &:last-of-type {\n ', '\n }\n &:before {\n content: ', ';\n }\n']),
|
11898 | _templateObject5 = _taggedTemplateLiteral(['\n margin-bottom: 0;\n '], ['\n margin-bottom: 0;\n ']);
|
11899 |
|
11900 | var _react = __webpack_require__(2);
|
11901 |
|
11902 | var _react2 = _interopRequireDefault(_react);
|
11903 |
|
11904 | var _propTypes = __webpack_require__(0);
|
11905 |
|
11906 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
11907 |
|
11908 | var _styledComponents = __webpack_require__(1);
|
11909 |
|
11910 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
11911 |
|
11912 | var _SRC = __webpack_require__(3);
|
11913 |
|
11914 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11915 |
|
11916 | 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; }
|
11917 |
|
11918 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
11919 |
|
11920 | var setWidth = function setWidth(_ref) {
|
11921 | var _ref$fields$width = _ref.fields.width,
|
11922 | width = _ref$fields$width === undefined ? 'Fit Text' : _ref$fields$width;
|
11923 |
|
11924 | var WIDTH = {
|
11925 | 'Fit Text': (0, _styledComponents.css)(_templateObject, function (props) {
|
11926 | return props.theme.breakpointsVerbose.belowTablet(_templateObject2);
|
11927 | }),
|
11928 | 'Full Width': (0, _styledComponents.css)(_templateObject3)
|
11929 | };
|
11930 | return WIDTH[width];
|
11931 | };
|
11932 |
|
11933 | var ContentfulButton = (0, _styledComponents2.default)(function (_ref2) {
|
11934 | var _ref2$fields = _ref2.fields,
|
11935 | buttonText = _ref2$fields.buttonText,
|
11936 | route = _ref2$fields.route,
|
11937 | color = _ref2$fields.color,
|
11938 | sys = _ref2.sys,
|
11939 | renderLink = _ref2.renderLink,
|
11940 | props = _objectWithoutProperties(_ref2, ['fields', 'sys', 'renderLink']);
|
11941 |
|
11942 | return renderLink(Object.assign({ target: route, children: buttonText }, props));
|
11943 | })(_templateObject4, function (props) {
|
11944 | return props.fields.color ? props.fields.color : props.theme.colors.navy;
|
11945 | }, function (props) {
|
11946 | return props.fields.backgroundColor ? props.fields.backgroundColor : props.theme.colors.yellow;
|
11947 | }, function (props) {
|
11948 | return setWidth(props);
|
11949 | }, function (props) {
|
11950 | return props.fields.color ? props.fields.color : props.theme.colors.navy;
|
11951 | }, function (props) {
|
11952 | return props.theme.breakpointsVerbose.belowTablet(_templateObject5);
|
11953 | }, function (props) {
|
11954 | return props.theme.colors.navy;
|
11955 | });
|
11956 |
|
11957 | ContentfulButton.propTypes = {
|
11958 | className: _propTypes2.default.string,
|
11959 | fields: _propTypes2.default.shape({
|
11960 | backgroundColor: _propTypes2.default.string,
|
11961 | buttonText: _propTypes2.default.string,
|
11962 | color: _propTypes2.default.string,
|
11963 | route: _propTypes2.default.string,
|
11964 | width: _propTypes2.default.string
|
11965 | }),
|
11966 | renderLink: _propTypes2.default.func
|
11967 | };
|
11968 |
|
11969 | ContentfulButton.defaultProps = {
|
11970 | renderLink: function renderLink(inProps) {
|
11971 | var target = inProps.target,
|
11972 | children = inProps.children,
|
11973 | props = _objectWithoutProperties(inProps, ['target', 'children']);
|
11974 |
|
11975 | return _react2.default.createElement(
|
11976 | _SRC.Link,
|
11977 | Object.assign({
|
11978 | href: target,
|
11979 | underline: false
|
11980 | }, props),
|
11981 | children
|
11982 | );
|
11983 | }
|
11984 |
|
11985 |
|
11986 | };exports.default = ContentfulButton;
|
11987 |
|
11988 | }),
|
11989 |
|
11990 | (function(module, exports, __webpack_require__) {
|
11991 |
|
11992 | "use strict";
|
11993 |
|
11994 |
|
11995 | Object.defineProperty(exports, "__esModule", {
|
11996 | value: true
|
11997 | });
|
11998 |
|
11999 | var _contentfulImage = __webpack_require__(194);
|
12000 |
|
12001 | Object.defineProperty(exports, 'ContentfulImage', {
|
12002 | enumerable: true,
|
12003 | get: function get() {
|
12004 | return _interopRequireDefault(_contentfulImage).default;
|
12005 | }
|
12006 | });
|
12007 |
|
12008 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12009 |
|
12010 | }),
|
12011 |
|
12012 | (function(module, exports, __webpack_require__) {
|
12013 |
|
12014 | "use strict";
|
12015 |
|
12016 |
|
12017 | Object.defineProperty(exports, "__esModule", {
|
12018 | value: true
|
12019 | });
|
12020 |
|
12021 | var _react = __webpack_require__(2);
|
12022 |
|
12023 | var _react2 = _interopRequireDefault(_react);
|
12024 |
|
12025 | var _propTypes = __webpack_require__(0);
|
12026 |
|
12027 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12028 |
|
12029 | var _SRC = __webpack_require__(3);
|
12030 |
|
12031 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12032 |
|
12033 | var ContentfulImage = function ContentfulImage(_ref) {
|
12034 | var className = _ref.className,
|
12035 | _ref$fields = _ref.fields,
|
12036 | description = _ref$fields.description,
|
12037 | url = _ref$fields.file.url;
|
12038 |
|
12039 | return _react2.default.createElement(_SRC.InlineImage, {
|
12040 | className: className,
|
12041 | alt: description,
|
12042 | src: url });
|
12043 | };
|
12044 | ContentfulImage.propTypes = {
|
12045 | fields: _propTypes2.default.shape({
|
12046 | description: _propTypes2.default.string,
|
12047 | file: _propTypes2.default.shape({
|
12048 | url: _propTypes2.default.string
|
12049 | })
|
12050 | })
|
12051 |
|
12052 | };exports.default = ContentfulImage;
|
12053 |
|
12054 | }),
|
12055 |
|
12056 | (function(module, exports, __webpack_require__) {
|
12057 |
|
12058 | "use strict";
|
12059 |
|
12060 |
|
12061 | Object.defineProperty(exports, "__esModule", {
|
12062 | value: true
|
12063 | });
|
12064 |
|
12065 | var _contentfulVideo = __webpack_require__(196);
|
12066 |
|
12067 | Object.defineProperty(exports, 'ContentfulVideo', {
|
12068 | enumerable: true,
|
12069 | get: function get() {
|
12070 | return _interopRequireDefault(_contentfulVideo).default;
|
12071 | }
|
12072 | });
|
12073 |
|
12074 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12075 |
|
12076 | }),
|
12077 |
|
12078 | (function(module, exports, __webpack_require__) {
|
12079 |
|
12080 | "use strict";
|
12081 |
|
12082 |
|
12083 | Object.defineProperty(exports, "__esModule", {
|
12084 | value: true
|
12085 | });
|
12086 |
|
12087 | var _react = __webpack_require__(2);
|
12088 |
|
12089 | var _react2 = _interopRequireDefault(_react);
|
12090 |
|
12091 | var _propTypes = __webpack_require__(0);
|
12092 |
|
12093 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12094 |
|
12095 | var _SRC = __webpack_require__(3);
|
12096 |
|
12097 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12098 |
|
12099 | 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; }
|
12100 |
|
12101 | var ContentfulVideo = function ContentfulVideo(_ref) {
|
12102 | var className = _ref.className,
|
12103 | _ref$fields = _ref.fields,
|
12104 | description = _ref$fields.description,
|
12105 | url = _ref$fields.file.url,
|
12106 | props = _objectWithoutProperties(_ref, ['className', 'fields']);
|
12107 |
|
12108 | return _react2.default.createElement(_SRC.Video, Object.assign({}, props, { sources: url }));
|
12109 | };
|
12110 |
|
12111 | ContentfulVideo.propTypes = {
|
12112 | fields: _propTypes2.default.object,
|
12113 | className: _propTypes2.default.string
|
12114 |
|
12115 |
|
12116 | };exports.default = ContentfulVideo;
|
12117 |
|
12118 | }),
|
12119 |
|
12120 | (function(module, exports, __webpack_require__) {
|
12121 |
|
12122 | "use strict";
|
12123 |
|
12124 |
|
12125 | Object.defineProperty(exports, "__esModule", {
|
12126 | value: true
|
12127 | });
|
12128 |
|
12129 | var _clotheslineAnimation = __webpack_require__(198);
|
12130 |
|
12131 | Object.defineProperty(exports, 'ClotheslineAnimation', {
|
12132 | enumerable: true,
|
12133 | get: function get() {
|
12134 | return _interopRequireDefault(_clotheslineAnimation).default;
|
12135 | }
|
12136 | });
|
12137 |
|
12138 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12139 |
|
12140 | }),
|
12141 |
|
12142 | (function(module, exports, __webpack_require__) {
|
12143 |
|
12144 | "use strict";
|
12145 |
|
12146 |
|
12147 | Object.defineProperty(exports, "__esModule", {
|
12148 | value: true
|
12149 | });
|
12150 |
|
12151 | var _templateObject = _taggedTemplateLiteral(['\nposition: relative;\noverflow: hidden;\nwhite-space: nowrap;\n ', ' {\n width: 100%;\n ', '\n }\n'], ['\nposition: relative;\noverflow: hidden;\nwhite-space: nowrap;\n ', ' {\n width: 100%;\n ', '\n }\n']),
|
12152 | _templateObject2 = _taggedTemplateLiteral(['\n width: 50%;\n '], ['\n width: 50%;\n ']);
|
12153 |
|
12154 | var _propTypes = __webpack_require__(0);
|
12155 |
|
12156 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12157 |
|
12158 | var _react = __webpack_require__(2);
|
12159 |
|
12160 | var _react2 = _interopRequireDefault(_react);
|
12161 |
|
12162 | var _styledComponents = __webpack_require__(1);
|
12163 |
|
12164 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12165 |
|
12166 | var _SRC = __webpack_require__(3);
|
12167 |
|
12168 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12169 |
|
12170 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12171 |
|
12172 | var ClotheslineAnimation = (0, _styledComponents2.default)(function (_ref) {
|
12173 | var className = _ref.className;
|
12174 |
|
12175 | return _react2.default.createElement(
|
12176 | 'div',
|
12177 | { className: className },
|
12178 | _react2.default.createElement(_SRC.Clothesline, { key: 1 }),
|
12179 | _react2.default.createElement(_SRC.Clothesline, { key: 2 }),
|
12180 | _react2.default.createElement(_SRC.Clothesline, { key: 3 })
|
12181 | );
|
12182 | })(_templateObject, _SRC.Clothesline, function (props) {
|
12183 | return function (props) {
|
12184 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
12185 | };
|
12186 | });
|
12187 |
|
12188 | ClotheslineAnimation.propTypes = {
|
12189 | className: _propTypes2.default.string
|
12190 |
|
12191 |
|
12192 | };exports.default = ClotheslineAnimation;
|
12193 |
|
12194 | }),
|
12195 |
|
12196 | (function(module, exports, __webpack_require__) {
|
12197 |
|
12198 | "use strict";
|
12199 |
|
12200 |
|
12201 | Object.defineProperty(exports, "__esModule", {
|
12202 | value: true
|
12203 | });
|
12204 |
|
12205 | var _emailCapture = __webpack_require__(200);
|
12206 |
|
12207 | Object.defineProperty(exports, 'EmailCapture', {
|
12208 | enumerable: true,
|
12209 | get: function get() {
|
12210 | return _interopRequireDefault(_emailCapture).default;
|
12211 | }
|
12212 | });
|
12213 |
|
12214 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12215 |
|
12216 | }),
|
12217 |
|
12218 | (function(module, exports, __webpack_require__) {
|
12219 |
|
12220 | "use strict";
|
12221 |
|
12222 |
|
12223 | Object.defineProperty(exports, "__esModule", {
|
12224 | value: true
|
12225 | });
|
12226 |
|
12227 | 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; }; }();
|
12228 |
|
12229 | var _templateObject = _taggedTemplateLiteral(['\n border: 2px solid ', ';\n background-color: ', ';\n max-width: 400px;\n padding: 0px 2rem;\n'], ['\n border: 2px solid ', ';\n background-color: ', ';\n max-width: 400px;\n padding: 0px 2rem;\n']),
|
12230 | _templateObject2 = _taggedTemplateLiteral(['\n border: 2px solid ', ';\n background-color: ', ';\n padding: 0px 2rem;\n max-width: 400px;\n\n ', '\n'], ['\n border: 2px solid ', ';\n background-color: ', ';\n padding: 0px 2rem;\n max-width: 400px;\n\n ', '\n']),
|
12231 | _templateObject3 = _taggedTemplateLiteral(['\n padding: 0.5rem;\n '], ['\n padding: 0.5rem;\n ']),
|
12232 | _templateObject4 = _taggedTemplateLiteral(['\n display: flex;\n min-width: 175px;\n align-items: center;\n justify-content: center;\n border: 1px dashed ', ';\n background-color: ', ';\n ', '\n ', '\n'], ['\n display: flex;\n min-width: 175px;\n align-items: center;\n justify-content: center;\n border: 1px dashed ', ';\n background-color: ', ';\n ', '\n ', '\n']),
|
12233 | _templateObject5 = _taggedTemplateLiteral(['\n margin-bottom: 2rem;\n '], ['\n margin-bottom: 2rem;\n ']),
|
12234 | _templateObject6 = _taggedTemplateLiteral(['\n margin: 0 2rem 2rem 2rem;\n '], ['\n margin: 0 2rem 2rem 2rem;\n ']),
|
12235 | _templateObject7 = _taggedTemplateLiteral(['\n display: flex;\n justify-content: center;\n width: 100%;\n box-sizing: border-box;\n padding: 2em;\n\n background-image: url(\'', '\');\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n\n ', ' {\n text-align: center;\n }\n\n ', ' {\n ', '\n ', '\n }\n'], ['\n display: flex;\n justify-content: center;\n width: 100%;\n box-sizing: border-box;\n padding: 2em;\n\n background-image: url(\'', '\');\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n\n ', ' {\n text-align: center;\n }\n\n ', ' {\n ', '\n ', '\n }\n']),
|
12236 | _templateObject8 = _taggedTemplateLiteral(['\n margin-bottom: 5.5rem;\n '], ['\n margin-bottom: 5.5rem;\n ']),
|
12237 | _templateObject9 = _taggedTemplateLiteral(['\n margin: 0 2rem 5.5rem 2rem;\n '], ['\n margin: 0 2rem 5.5rem 2rem;\n ']);
|
12238 |
|
12239 | var _react = __webpack_require__(2);
|
12240 |
|
12241 | var _react2 = _interopRequireDefault(_react);
|
12242 |
|
12243 | var _propTypes = __webpack_require__(0);
|
12244 |
|
12245 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12246 |
|
12247 | var _styledComponents = __webpack_require__(1);
|
12248 |
|
12249 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12250 |
|
12251 | var _SRC = __webpack_require__(3);
|
12252 |
|
12253 | var _emailCaptureForm = __webpack_require__(201);
|
12254 |
|
12255 | var _emailCaptureForm2 = _interopRequireDefault(_emailCaptureForm);
|
12256 |
|
12257 | var _cloudinary = __webpack_require__(4);
|
12258 |
|
12259 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
12260 |
|
12261 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12262 |
|
12263 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
12264 |
|
12265 | 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; }
|
12266 |
|
12267 | 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; }
|
12268 |
|
12269 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12270 |
|
12271 | var SubscriptionBox = _styledComponents2.default.div(_templateObject, function (props) {
|
12272 | return props.theme.colors.electricBlue;
|
12273 | }, function (props) {
|
12274 | return props.theme.colors.white;
|
12275 | });
|
12276 |
|
12277 | var ConfirmationBox = _styledComponents2.default.div(_templateObject2, function (props) {
|
12278 | return props.theme.colors.electricBlue;
|
12279 | }, function (props) {
|
12280 | return props.theme.colors.yellow;
|
12281 | }, function (props) {
|
12282 | return props.theme.breakpointsVerbose.belowTabletMax(_templateObject3);
|
12283 | });
|
12284 |
|
12285 | var PromoCodeBox = _styledComponents2.default.div(_templateObject4, function (props) {
|
12286 | return props.theme.colors.gray5;
|
12287 | }, function (props) {
|
12288 | return props.theme.colors.white;
|
12289 | }, function (props) {
|
12290 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject5);
|
12291 | }, function (props) {
|
12292 | return props.theme.breakpointsVerbose.belowTabletMax(_templateObject6);
|
12293 | });
|
12294 |
|
12295 | var DAYS_TIL_EXPIRATION = 30;
|
12296 | var DATE_FORMAT_OPTIONS = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
|
12297 |
|
12298 | var BaseEmailCapture = function (_React$Component) {
|
12299 | _inherits(BaseEmailCapture, _React$Component);
|
12300 |
|
12301 | function BaseEmailCapture(props) {
|
12302 | _classCallCheck(this, BaseEmailCapture);
|
12303 |
|
12304 | var _this = _possibleConstructorReturn(this, (BaseEmailCapture.__proto__ || Object.getPrototypeOf(BaseEmailCapture)).call(this, props));
|
12305 |
|
12306 | _this.dateDisplay = function () {
|
12307 | var expireDate = new Date();
|
12308 | expireDate.setDate(expireDate.getDate() + DAYS_TIL_EXPIRATION);
|
12309 | return expireDate.toLocaleDateString('en-US', DATE_FORMAT_OPTIONS);
|
12310 | };
|
12311 |
|
12312 | _this.submitEmail = function (event) {
|
12313 | event.preventDefault();
|
12314 |
|
12315 | var emailSubmit = _this.props.emailSubmit;
|
12316 |
|
12317 | var email = event.target[0].value;
|
12318 |
|
12319 | if (email && email !== "") {
|
12320 | _this.setState({ emailSubmitted: true }, emailSubmit(email));
|
12321 | } else {
|
12322 | _this.setState({ errorMessage: 'Please enter your email address' });
|
12323 | }
|
12324 | };
|
12325 |
|
12326 | _this.state = { emailSubmitted: false };
|
12327 | return _this;
|
12328 | }
|
12329 |
|
12330 | _createClass(BaseEmailCapture, [{
|
12331 | key: 'render',
|
12332 | value: function render() {
|
12333 | var _state = this.state,
|
12334 | emailSubmitted = _state.emailSubmitted,
|
12335 | errorMessage = _state.errorMessage;
|
12336 | var _props = this.props,
|
12337 | className = _props.className,
|
12338 | promoCode = _props.promoCode;
|
12339 |
|
12340 |
|
12341 | return _react2.default.createElement(
|
12342 | 'div',
|
12343 | { className: className },
|
12344 | !emailSubmitted && _react2.default.createElement(
|
12345 | SubscriptionBox,
|
12346 | null,
|
12347 | _react2.default.createElement(
|
12348 | _SRC.H3,
|
12349 | { lowercase: true },
|
12350 | 'Sign up for Awesome + get 10% off your first purchase',
|
12351 | _react2.default.createElement(
|
12352 | 'span',
|
12353 | { role: 'img', 'aria-label': 'rocket' },
|
12354 | ' \uD83D\uDE80'
|
12355 | )
|
12356 | ),
|
12357 | _react2.default.createElement(_emailCaptureForm2.default, { onEmailSubmit: this.submitEmail, errorMessage: errorMessage })
|
12358 | ),
|
12359 | emailSubmitted && _react2.default.createElement(
|
12360 | ConfirmationBox,
|
12361 | null,
|
12362 | _react2.default.createElement(
|
12363 | _SRC.H3,
|
12364 | { lowercase: true },
|
12365 | 'Thanks! Your code for 10% off your first purchase is:'
|
12366 | ),
|
12367 | _react2.default.createElement(
|
12368 | _SRC.FlexCol,
|
12369 | { mobile: { width: 4 }, desktop: { width: 8, span: 2 } },
|
12370 | _react2.default.createElement(
|
12371 | PromoCodeBox,
|
12372 | null,
|
12373 | _react2.default.createElement(
|
12374 | _SRC.H3,
|
12375 | null,
|
12376 | promoCode
|
12377 | )
|
12378 | ),
|
12379 | _react2.default.createElement(
|
12380 | _SRC.P,
|
12381 | null,
|
12382 | 'For new customers only. Cannot be used on subscription orders. Offer expires on ',
|
12383 | this.dateDisplay(),
|
12384 | '.'
|
12385 | )
|
12386 | )
|
12387 | )
|
12388 | );
|
12389 | }
|
12390 | }]);
|
12391 |
|
12392 | return BaseEmailCapture;
|
12393 | }(_react2.default.Component);
|
12394 |
|
12395 | var EmailCapture = (0, _styledComponents2.default)(BaseEmailCapture)(_templateObject7, _cloudinary2.default.url('web/box/d_flat_rate_return_header'), _SRC.H3, _SRC.P, function (props) {
|
12396 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject8);
|
12397 | }, function (props) {
|
12398 | return props.theme.breakpointsVerbose.belowTabletMax(_templateObject9);
|
12399 | });
|
12400 |
|
12401 | EmailCapture.propTypes = {
|
12402 | className: _propTypes2.default.string
|
12403 |
|
12404 |
|
12405 | };exports.default = EmailCapture;
|
12406 |
|
12407 | }),
|
12408 |
|
12409 | (function(module, exports, __webpack_require__) {
|
12410 |
|
12411 | "use strict";
|
12412 |
|
12413 |
|
12414 | Object.defineProperty(exports, "__esModule", {
|
12415 | value: true
|
12416 | });
|
12417 |
|
12418 | 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; }; }();
|
12419 |
|
12420 | var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n\n ', ' {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n padding-bottom: 3rem;\n }\n'], ['\n display: flex;\n\n ', ' {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n padding-bottom: 3rem;\n }\n']);
|
12421 |
|
12422 | var _react = __webpack_require__(2);
|
12423 |
|
12424 | var _react2 = _interopRequireDefault(_react);
|
12425 |
|
12426 | var _styledComponents = __webpack_require__(1);
|
12427 |
|
12428 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12429 |
|
12430 | var _SRC = __webpack_require__(3);
|
12431 |
|
12432 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12433 |
|
12434 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12435 |
|
12436 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
12437 |
|
12438 | 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; }
|
12439 |
|
12440 | 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; }
|
12441 |
|
12442 | var BaseEmailCaptureForm = function (_React$Component) {
|
12443 | _inherits(BaseEmailCaptureForm, _React$Component);
|
12444 |
|
12445 | function BaseEmailCaptureForm() {
|
12446 | _classCallCheck(this, BaseEmailCaptureForm);
|
12447 |
|
12448 | return _possibleConstructorReturn(this, (BaseEmailCaptureForm.__proto__ || Object.getPrototypeOf(BaseEmailCaptureForm)).apply(this, arguments));
|
12449 | }
|
12450 |
|
12451 | _createClass(BaseEmailCaptureForm, [{
|
12452 | key: 'render',
|
12453 | value: function render() {
|
12454 | var _props = this.props,
|
12455 | className = _props.className,
|
12456 | onEmailSubmit = _props.onEmailSubmit,
|
12457 | errorMessage = _props.errorMessage;
|
12458 |
|
12459 |
|
12460 | return _react2.default.createElement(
|
12461 | 'div',
|
12462 | { className: className },
|
12463 | _react2.default.createElement(
|
12464 | _SRC.FlexCol,
|
12465 | { mobile: { width: 4 }, desktop: { width: 6, span: 3 } },
|
12466 | _react2.default.createElement(
|
12467 | 'form',
|
12468 | { onSubmit: onEmailSubmit },
|
12469 | _react2.default.createElement(_SRC.Input, {
|
12470 | style: { width: '100%', boxSizing: 'border-box' },
|
12471 | label: 'ENTER YOUR EMAIL',
|
12472 | errorMessage: errorMessage
|
12473 | }),
|
12474 | _react2.default.createElement(
|
12475 | _SRC.YellowButton,
|
12476 | { style: { marginTop: '1rem', transform: 'none' }, type: 'submit', width: '242px' },
|
12477 | 'Sign Up'
|
12478 | )
|
12479 | )
|
12480 | )
|
12481 | );
|
12482 | }
|
12483 | }]);
|
12484 |
|
12485 | return BaseEmailCaptureForm;
|
12486 | }(_react2.default.Component);
|
12487 |
|
12488 | BaseEmailCaptureForm.defaultProps = {
|
12489 | errorMessage: null
|
12490 | };
|
12491 |
|
12492 | var EmailCaptureForm = (0, _styledComponents2.default)(BaseEmailCaptureForm)(_templateObject, _SRC.FlexCol);
|
12493 |
|
12494 | exports.default = EmailCaptureForm;
|
12495 |
|
12496 | }),
|
12497 |
|
12498 | (function(module, exports, __webpack_require__) {
|
12499 |
|
12500 | "use strict";
|
12501 |
|
12502 |
|
12503 | Object.defineProperty(exports, "__esModule", {
|
12504 | value: true
|
12505 | });
|
12506 |
|
12507 | var _Footer = __webpack_require__(203);
|
12508 |
|
12509 | Object.defineProperty(exports, 'Footer', {
|
12510 | enumerable: true,
|
12511 | get: function get() {
|
12512 | return _interopRequireDefault(_Footer).default;
|
12513 | }
|
12514 | });
|
12515 |
|
12516 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12517 |
|
12518 | }),
|
12519 |
|
12520 | (function(module, exports, __webpack_require__) {
|
12521 |
|
12522 | "use strict";
|
12523 |
|
12524 |
|
12525 | Object.defineProperty(exports, "__esModule", {
|
12526 | value: true
|
12527 | });
|
12528 |
|
12529 | 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']),
|
12530 | _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 ']);
|
12531 |
|
12532 | var _react = __webpack_require__(2);
|
12533 |
|
12534 | var _react2 = _interopRequireDefault(_react);
|
12535 |
|
12536 | var _propTypes = __webpack_require__(0);
|
12537 |
|
12538 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12539 |
|
12540 | var _styledComponents = __webpack_require__(1);
|
12541 |
|
12542 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12543 |
|
12544 | var _SRC = __webpack_require__(3);
|
12545 |
|
12546 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12547 |
|
12548 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12549 |
|
12550 | var LINKS = {
|
12551 | 'faq': 'https://support.rocketsofawesome.com/hc/en-us',
|
12552 | 'facebook': 'https://www.facebook.com/Rocketsofawesome',
|
12553 | 'twitter': 'https://twitter.com/rocketsofawesom',
|
12554 | 'instagram': 'https://www.instagram.com/rocketsofawesome',
|
12555 | 'snapchat': 'https://www.snapchat.com/add/rocketsofawesom',
|
12556 | 'contact-us': 'https://support.rocketsofawesome.com/hc/en-us/articles/115015922347'
|
12557 | };
|
12558 |
|
12559 | var BaseFooter = function BaseFooter(_ref) {
|
12560 | var className = _ref.className,
|
12561 | isNotSubscriber = _ref.isNotSubscriber,
|
12562 | isSubscriptionMember = _ref.isSubscriptionMember,
|
12563 | homepageUrl = _ref.homepageUrl,
|
12564 | referralAmount = _ref.referralAmount;
|
12565 | return _react2.default.createElement(
|
12566 | 'footer',
|
12567 | { className: className, id: 'global-footer' },
|
12568 | _react2.default.createElement(
|
12569 | _SRC.FlexRow,
|
12570 | { constrained: true },
|
12571 | _react2.default.createElement(
|
12572 | _SRC.FlexCol,
|
12573 | { mobile: { width: 4 }, desktop: { width: 6 } },
|
12574 | _react2.default.createElement(
|
12575 | _SRC.FlexRow,
|
12576 | { constrained: true },
|
12577 | _react2.default.createElement(
|
12578 | _SRC.FlexCol,
|
12579 | { gutter: '15px', mobile: { width: 2 }, desktop: { width: 3 } },
|
12580 | _react2.default.createElement(
|
12581 | _SRC.H5,
|
12582 | null,
|
12583 | 'MORE'
|
12584 | ),
|
12585 | _react2.default.createElement(
|
12586 | 'ul',
|
12587 | null,
|
12588 | isNotSubscriber && _react2.default.createElement(
|
12589 | 'li',
|
12590 | null,
|
12591 | _react2.default.createElement(
|
12592 | _SRC.WhiteLink,
|
12593 | { light: true, href: homepageUrl + '/subscribe-and-save' },
|
12594 | 'Subscribe + Save'
|
12595 | )
|
12596 | ),
|
12597 | _react2.default.createElement(
|
12598 | 'li',
|
12599 | null,
|
12600 | _react2.default.createElement(
|
12601 | _SRC.WhiteLink,
|
12602 | { light: true, href: homepageUrl + '/about', target: '_blank' },
|
12603 | 'About Us'
|
12604 | )
|
12605 | ),
|
12606 | _react2.default.createElement(
|
12607 | 'li',
|
12608 | null,
|
12609 | _react2.default.createElement(
|
12610 | _SRC.WhiteLink,
|
12611 | { light: true, href: 'https://news.rocketsofawesome.com/', target: '_blank' },
|
12612 | 'The Awesome News'
|
12613 | )
|
12614 | ),
|
12615 | _react2.default.createElement(
|
12616 | 'li',
|
12617 | null,
|
12618 | _react2.default.createElement(
|
12619 | _SRC.WhiteLink,
|
12620 | { light: true, href: 'https://rocketsofawesome.recruiterbox.com/', target: '_blank' },
|
12621 | 'Careers'
|
12622 | )
|
12623 | )
|
12624 | )
|
12625 | ),
|
12626 | _react2.default.createElement(
|
12627 | _SRC.FlexCol,
|
12628 | { gutter: '15px', mobile: { width: 2 }, desktop: { width: 3 } },
|
12629 | _react2.default.createElement(
|
12630 | _SRC.H5,
|
12631 | null,
|
12632 | 'SUPPORT'
|
12633 | ),
|
12634 | _react2.default.createElement(
|
12635 | 'ul',
|
12636 | null,
|
12637 | _react2.default.createElement(
|
12638 | 'li',
|
12639 | null,
|
12640 | _react2.default.createElement(
|
12641 | _SRC.WhiteLink,
|
12642 | { light: true, href: LINKS['faq'], target: '_blank' },
|
12643 | 'Help'
|
12644 | )
|
12645 | )
|
12646 | )
|
12647 | ),
|
12648 | _react2.default.createElement(
|
12649 | _SRC.FlexCol,
|
12650 | { gutter: '15px', mobile: { width: 4 }, desktop: { width: 6 } },
|
12651 | _react2.default.createElement('div', { className: 'mobileSeparator' }),
|
12652 | _react2.default.createElement(
|
12653 | _SRC.H5,
|
12654 | null,
|
12655 | 'CUSTOMER SERVICE'
|
12656 | ),
|
12657 | _react2.default.createElement(
|
12658 | 'ul',
|
12659 | null,
|
12660 | _react2.default.createElement(
|
12661 | 'li',
|
12662 | null,
|
12663 | _react2.default.createElement(
|
12664 | _SRC.WhiteLink,
|
12665 | { light: true, href: 'tel:+1-877-ROCKETS' },
|
12666 | '1-877-ROCKETS '
|
12667 | ),
|
12668 | _react2.default.createElement(
|
12669 | 'span',
|
12670 | null,
|
12671 | '\xA0\xA0[M-F 9am-5pm ET]'
|
12672 | )
|
12673 | ),
|
12674 | _react2.default.createElement(
|
12675 | 'li',
|
12676 | null,
|
12677 | _react2.default.createElement(
|
12678 | _SRC.WhiteLink,
|
12679 | { light: true, href: 'mailto:help@rocketsofawesome.com' },
|
12680 | 'help@rocketsofawesome.com'
|
12681 | )
|
12682 | )
|
12683 | ),
|
12684 | _react2.default.createElement('div', { className: 'mobileSeparator' })
|
12685 | )
|
12686 | ),
|
12687 | _react2.default.createElement(
|
12688 | _SRC.FlexRow,
|
12689 | { constrained: true, className: 'socialLinks' },
|
12690 | _react2.default.createElement(
|
12691 | _SRC.FlexCol,
|
12692 | { gutter: '15px', mobile: { width: 4 }, desktop: { width: 12 } },
|
12693 | _react2.default.createElement(
|
12694 | 'div',
|
12695 | null,
|
12696 | _react2.default.createElement(
|
12697 | 'a',
|
12698 | { href: LINKS['instagram'], target: '_blank' },
|
12699 | _react2.default.createElement(_SRC.InlineImage, { src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/q_auto:good/web/social/instagram.png', alt: 'instagram' })
|
12700 | ),
|
12701 | _react2.default.createElement(
|
12702 | 'a',
|
12703 | { href: LINKS['facebook'], target: '_blank' },
|
12704 | _react2.default.createElement(_SRC.InlineImage, { src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/q_auto:good/web/social/facebook.png', alt: 'facebook' })
|
12705 | ),
|
12706 | _react2.default.createElement(
|
12707 | 'a',
|
12708 | { href: LINKS['twitter'], target: '_blank' },
|
12709 | _react2.default.createElement(_SRC.InlineImage, { src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/q_auto:good/web/social/twitter.png', alt: 'twitter' })
|
12710 | ),
|
12711 | _react2.default.createElement(
|
12712 | 'a',
|
12713 | { href: LINKS['snapchat'], target: '_blank' },
|
12714 | _react2.default.createElement(_SRC.InlineImage, { src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/q_auto:good/web/social/snapchat.png', alt: 'snapchat' })
|
12715 | )
|
12716 | )
|
12717 | )
|
12718 | )
|
12719 | ),
|
12720 | isSubscriptionMember && _react2.default.createElement(
|
12721 | _SRC.FlexCol,
|
12722 | {
|
12723 | className: 'referrals',
|
12724 | gutter: '15px',
|
12725 | mobile: { width: 4 },
|
12726 | desktop: { width: 4, span: 1 } },
|
12727 | _react2.default.createElement(
|
12728 | _SRC.H2,
|
12729 | null,
|
12730 | 'TELL A FRIEND, GET $',
|
12731 | referralAmount
|
12732 | ),
|
12733 | _react2.default.createElement(
|
12734 | _SRC.P,
|
12735 | null,
|
12736 | 'Get $',
|
12737 | referralAmount,
|
12738 | ' when your friend makes their ',
|
12739 | _react2.default.createElement('br', null),
|
12740 | 'first purchase\u2014they\u2019ll get $',
|
12741 | referralAmount,
|
12742 | ' too!'
|
12743 | ),
|
12744 | _react2.default.createElement(
|
12745 | 'div',
|
12746 | { className: 'referralButton' },
|
12747 | _react2.default.createElement(
|
12748 | _SRC.ButtonLink,
|
12749 | { href: '/invite', kind: 'pink', width: '100%', maxWidth: '290px' },
|
12750 | 'GET $',
|
12751 | referralAmount
|
12752 | )
|
12753 | )
|
12754 | )
|
12755 | ),
|
12756 | _react2.default.createElement(
|
12757 | 'div',
|
12758 | { className: 'footerBottom' },
|
12759 | _react2.default.createElement('div', { className: 'desktopSeparator' }),
|
12760 | _react2.default.createElement(
|
12761 | _SRC.FlexRow,
|
12762 | { constrained: true },
|
12763 | _react2.default.createElement(
|
12764 | _SRC.FlexCol,
|
12765 | { mobile: { width: 4 }, desktop: { width: 6 } },
|
12766 | _react2.default.createElement(
|
12767 | _SRC.P,
|
12768 | { fontSize: '1.4rem' },
|
12769 | '\xA9 ',
|
12770 | new Date().getFullYear(),
|
12771 | ' Rockets of Awesome. All Rights Reserved'
|
12772 | )
|
12773 | ),
|
12774 | _react2.default.createElement(
|
12775 | _SRC.FlexCol,
|
12776 | {
|
12777 | className: 'commonLinks',
|
12778 | mobile: { width: 4 },
|
12779 | desktop: { width: 6 } },
|
12780 | _react2.default.createElement(
|
12781 | _SRC.WhiteLink,
|
12782 | { light: true, href: homepageUrl + '/terms', target: '_blank' },
|
12783 | 'Terms & Conditions'
|
12784 | ),
|
12785 | _react2.default.createElement(
|
12786 | _SRC.WhiteLink,
|
12787 | { light: true, href: homepageUrl + '/privacy', target: '_blank' },
|
12788 | 'Privacy Policy'
|
12789 | ),
|
12790 | _react2.default.createElement(
|
12791 | _SRC.WhiteLink,
|
12792 | { light: true, href: homepageUrl + '/accessibility', target: '_blank' },
|
12793 | 'Accessibility'
|
12794 | )
|
12795 | )
|
12796 | )
|
12797 | )
|
12798 | );
|
12799 | };
|
12800 |
|
12801 | var Footer = (0, _styledComponents2.default)(BaseFooter)(_templateObject, function (props) {
|
12802 | return props.theme.colors.rocketBlue;
|
12803 | }, function (props) {
|
12804 | return props.theme.colors.white;
|
12805 | }, function (props) {
|
12806 | return props.theme.fonts.primaryFont;
|
12807 | }, function (props) {
|
12808 | return props.theme.colors.gray4;
|
12809 | }, function (props) {
|
12810 | return props.theme.colors.white;
|
12811 | }, function (props) {
|
12812 | return props.theme.colors.white;
|
12813 | }, function (props) {
|
12814 | return props.theme.colors.white;
|
12815 | }, function (props) {
|
12816 | return props.theme.media.tablet(_templateObject2, function (props) {
|
12817 | return props.theme.colors.gray4;
|
12818 | });
|
12819 | });
|
12820 |
|
12821 | Footer.propTypes = {
|
12822 | className: _propTypes2.default.string,
|
12823 | isNotSubscriber: _propTypes2.default.bool,
|
12824 | isSubscriptionMember: _propTypes2.default.bool,
|
12825 | referralAmount: _propTypes2.default.number
|
12826 |
|
12827 |
|
12828 | };exports.default = Footer;
|
12829 |
|
12830 | }),
|
12831 |
|
12832 | (function(module, exports, __webpack_require__) {
|
12833 |
|
12834 | "use strict";
|
12835 |
|
12836 |
|
12837 | Object.defineProperty(exports, "__esModule", {
|
12838 | value: true
|
12839 | });
|
12840 |
|
12841 | var _desktopHeader = __webpack_require__(205);
|
12842 |
|
12843 | Object.keys(_desktopHeader).forEach(function (key) {
|
12844 | if (key === "default" || key === "__esModule") return;
|
12845 | Object.defineProperty(exports, key, {
|
12846 | enumerable: true,
|
12847 | get: function get() {
|
12848 | return _desktopHeader[key];
|
12849 | }
|
12850 | });
|
12851 | });
|
12852 |
|
12853 | var _mobileHeader = __webpack_require__(214);
|
12854 |
|
12855 | Object.keys(_mobileHeader).forEach(function (key) {
|
12856 | if (key === "default" || key === "__esModule") return;
|
12857 | Object.defineProperty(exports, key, {
|
12858 | enumerable: true,
|
12859 | get: function get() {
|
12860 | return _mobileHeader[key];
|
12861 | }
|
12862 | });
|
12863 | });
|
12864 |
|
12865 | var _status = __webpack_require__(220);
|
12866 |
|
12867 | Object.keys(_status).forEach(function (key) {
|
12868 | if (key === "default" || key === "__esModule") return;
|
12869 | Object.defineProperty(exports, key, {
|
12870 | enumerable: true,
|
12871 | get: function get() {
|
12872 | return _status[key];
|
12873 | }
|
12874 | });
|
12875 | });
|
12876 |
|
12877 | var _promos = __webpack_require__(222);
|
12878 |
|
12879 | Object.keys(_promos).forEach(function (key) {
|
12880 | if (key === "default" || key === "__esModule") return;
|
12881 | Object.defineProperty(exports, key, {
|
12882 | enumerable: true,
|
12883 | get: function get() {
|
12884 | return _promos[key];
|
12885 | }
|
12886 | });
|
12887 | });
|
12888 |
|
12889 | }),
|
12890 |
|
12891 | (function(module, exports, __webpack_require__) {
|
12892 |
|
12893 | "use strict";
|
12894 |
|
12895 |
|
12896 | Object.defineProperty(exports, "__esModule", {
|
12897 | value: true
|
12898 | });
|
12899 |
|
12900 | var _desktopHeader = __webpack_require__(206);
|
12901 |
|
12902 | Object.defineProperty(exports, 'DesktopHeader', {
|
12903 | enumerable: true,
|
12904 | get: function get() {
|
12905 | return _interopRequireDefault(_desktopHeader).default;
|
12906 | }
|
12907 | });
|
12908 |
|
12909 | var _accountLinks = __webpack_require__(207);
|
12910 |
|
12911 | Object.keys(_accountLinks).forEach(function (key) {
|
12912 | if (key === "default" || key === "__esModule") return;
|
12913 | Object.defineProperty(exports, key, {
|
12914 | enumerable: true,
|
12915 | get: function get() {
|
12916 | return _accountLinks[key];
|
12917 | }
|
12918 | });
|
12919 | });
|
12920 |
|
12921 | var _headerLink = __webpack_require__(209);
|
12922 |
|
12923 | Object.keys(_headerLink).forEach(function (key) {
|
12924 | if (key === "default" || key === "__esModule") return;
|
12925 | Object.defineProperty(exports, key, {
|
12926 | enumerable: true,
|
12927 | get: function get() {
|
12928 | return _headerLink[key];
|
12929 | }
|
12930 | });
|
12931 | });
|
12932 |
|
12933 | var _megaMenu = __webpack_require__(212);
|
12934 |
|
12935 | Object.keys(_megaMenu).forEach(function (key) {
|
12936 | if (key === "default" || key === "__esModule") return;
|
12937 | Object.defineProperty(exports, key, {
|
12938 | enumerable: true,
|
12939 | get: function get() {
|
12940 | return _megaMenu[key];
|
12941 | }
|
12942 | });
|
12943 | });
|
12944 |
|
12945 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12946 |
|
12947 | }),
|
12948 |
|
12949 | (function(module, exports, __webpack_require__) {
|
12950 |
|
12951 | "use strict";
|
12952 |
|
12953 |
|
12954 | Object.defineProperty(exports, "__esModule", {
|
12955 | value: true
|
12956 | });
|
12957 |
|
12958 | 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']);
|
12959 |
|
12960 | var _propTypes = __webpack_require__(0);
|
12961 |
|
12962 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
12963 |
|
12964 | var _styledComponents = __webpack_require__(1);
|
12965 |
|
12966 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
12967 |
|
12968 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
12969 |
|
12970 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
12971 |
|
12972 | var DesktopHeader = _styledComponents2.default.header(_templateObject, function (props) {
|
12973 | return props.theme.colors.white;
|
12974 | }, function (props) {
|
12975 | return props.position;
|
12976 | });
|
12977 |
|
12978 | DesktopHeader.propTypes = {
|
12979 | position: _propTypes2.default.string
|
12980 | };
|
12981 |
|
12982 | DesktopHeader.defaultProps = {
|
12983 | position: 'static'
|
12984 |
|
12985 |
|
12986 | };exports.default = DesktopHeader;
|
12987 |
|
12988 | }),
|
12989 |
|
12990 | (function(module, exports, __webpack_require__) {
|
12991 |
|
12992 | "use strict";
|
12993 |
|
12994 |
|
12995 | Object.defineProperty(exports, "__esModule", {
|
12996 | value: true
|
12997 | });
|
12998 |
|
12999 | var _subMenu = __webpack_require__(208);
|
13000 |
|
13001 | Object.defineProperty(exports, 'SubMenu', {
|
13002 | enumerable: true,
|
13003 | get: function get() {
|
13004 | return _interopRequireDefault(_subMenu).default;
|
13005 | }
|
13006 | });
|
13007 |
|
13008 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13009 |
|
13010 | }),
|
13011 |
|
13012 | (function(module, exports, __webpack_require__) {
|
13013 |
|
13014 | "use strict";
|
13015 |
|
13016 |
|
13017 | Object.defineProperty(exports, "__esModule", {
|
13018 | value: true
|
13019 | });
|
13020 | exports.BaseSubMenu = undefined;
|
13021 |
|
13022 | 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; }; }();
|
13023 |
|
13024 | 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']),
|
13025 | _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']),
|
13026 | _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']);
|
13027 |
|
13028 | var _react = __webpack_require__(2);
|
13029 |
|
13030 | var _react2 = _interopRequireDefault(_react);
|
13031 |
|
13032 | var _styledComponents = __webpack_require__(1);
|
13033 |
|
13034 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13035 |
|
13036 | var _reactTransitionGroup = __webpack_require__(12);
|
13037 |
|
13038 | var _SRC = __webpack_require__(3);
|
13039 |
|
13040 | var _propTypes = __webpack_require__(0);
|
13041 |
|
13042 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13043 |
|
13044 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13045 |
|
13046 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
13047 |
|
13048 | 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; }
|
13049 |
|
13050 | 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; }
|
13051 |
|
13052 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13053 |
|
13054 | var transition = {
|
13055 | enter: 'enter',
|
13056 | leave: 'leave'
|
13057 | };
|
13058 |
|
13059 | var slideDown = (0, _styledComponents.keyframes)(_templateObject);
|
13060 | var position = (0, _styledComponents.css)(_templateObject2);
|
13061 |
|
13062 | var BaseSubMenu = exports.BaseSubMenu = function (_React$Component) {
|
13063 | _inherits(BaseSubMenu, _React$Component);
|
13064 |
|
13065 | function BaseSubMenu() {
|
13066 | _classCallCheck(this, BaseSubMenu);
|
13067 |
|
13068 | return _possibleConstructorReturn(this, (BaseSubMenu.__proto__ || Object.getPrototypeOf(BaseSubMenu)).apply(this, arguments));
|
13069 | }
|
13070 |
|
13071 | _createClass(BaseSubMenu, [{
|
13072 | key: 'render',
|
13073 | value: function render() {
|
13074 | var _props = this.props,
|
13075 | className = _props.className,
|
13076 | childCount = _props.childCount,
|
13077 | open = _props.open,
|
13078 | signOut = _props.signOut,
|
13079 | isSubscriptionMember = _props.isSubscriptionMember,
|
13080 | renderLink = _props.renderLink;
|
13081 |
|
13082 | return _react2.default.createElement(
|
13083 | _reactTransitionGroup.CSSTransitionGroup,
|
13084 | {
|
13085 | transitionName: transition,
|
13086 | transitionEnterTimeout: 250,
|
13087 | transitionLeaveTimeout: 250,
|
13088 | className: className },
|
13089 | open && _react2.default.createElement(
|
13090 | 'nav',
|
13091 | { className: 'subMenu' },
|
13092 | isSubscriptionMember && _react2.default.createElement(
|
13093 | 'div',
|
13094 | null,
|
13095 | _react2.default.createElement(
|
13096 | _SRC.Link,
|
13097 | {
|
13098 | uppercase: true,
|
13099 | underline: false,
|
13100 | target: '/style-file',
|
13101 | renderLink: renderLink },
|
13102 | 'Style File'
|
13103 | ),
|
13104 | _react2.default.createElement(
|
13105 | _SRC.Link,
|
13106 | {
|
13107 | uppercase: true,
|
13108 | underline: false,
|
13109 | target: '/deliveries',
|
13110 | renderLink: renderLink },
|
13111 | 'Manage Deliveries'
|
13112 | )
|
13113 | ),
|
13114 | _react2.default.createElement(
|
13115 | _SRC.Link,
|
13116 | {
|
13117 | uppercase: true,
|
13118 | underline: false,
|
13119 | target: '/orders',
|
13120 | renderLink: renderLink },
|
13121 | 'Order History'
|
13122 | ),
|
13123 | _react2.default.createElement(
|
13124 | _SRC.Link,
|
13125 | {
|
13126 | uppercase: true,
|
13127 | underline: false,
|
13128 | target: '/account',
|
13129 | renderLink: renderLink },
|
13130 | 'My Account'
|
13131 | ),
|
13132 | isSubscriptionMember && childCount < 4 && _react2.default.createElement(
|
13133 | _SRC.Link,
|
13134 | {
|
13135 | uppercase: true,
|
13136 | underline: false,
|
13137 | target: '/add-kid',
|
13138 | renderLink: renderLink },
|
13139 | 'Add a Child'
|
13140 | ),
|
13141 | _react2.default.createElement(
|
13142 | _SRC.Link,
|
13143 | {
|
13144 | uppercase: true,
|
13145 | underline: false,
|
13146 | onClick: signOut },
|
13147 | 'Log Out'
|
13148 | )
|
13149 | )
|
13150 | );
|
13151 | }
|
13152 | }]);
|
13153 |
|
13154 | return BaseSubMenu;
|
13155 | }(_react2.default.Component);
|
13156 |
|
13157 | var SubMenu = (0, _styledComponents2.default)(BaseSubMenu)(_templateObject3, function (props) {
|
13158 | return !props.inline ? position : '';
|
13159 | }, function (props) {
|
13160 | return props.theme.colors.rocketBlue;
|
13161 | }, function (props) {
|
13162 | return props.theme.colors.white;
|
13163 | }, _SRC.Link, function (props) {
|
13164 | return props.theme.colors.rocketBlue;
|
13165 | }, function (props) {
|
13166 | return props.theme.colors.white;
|
13167 | }, slideDown);
|
13168 |
|
13169 | SubMenu.propTypes = {
|
13170 | open: _propTypes2.default.bool,
|
13171 | currentPath: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.string]),
|
13172 | signOut: _propTypes2.default.func,
|
13173 | childCount: _propTypes2.default.number,
|
13174 | isSubscriptionMember: _propTypes2.default.bool
|
13175 | };
|
13176 |
|
13177 | SubMenu.defaultProps = {
|
13178 | childCount: 0,
|
13179 | isSubscriptionMember: false,
|
13180 | signOut: function signOut() {
|
13181 | return alert('Signing Out');
|
13182 | }
|
13183 |
|
13184 |
|
13185 | };exports.default = SubMenu;
|
13186 |
|
13187 | }),
|
13188 |
|
13189 | (function(module, exports, __webpack_require__) {
|
13190 |
|
13191 | "use strict";
|
13192 |
|
13193 |
|
13194 | Object.defineProperty(exports, "__esModule", {
|
13195 | value: true
|
13196 | });
|
13197 |
|
13198 | var _headerLink = __webpack_require__(210);
|
13199 |
|
13200 | Object.defineProperty(exports, 'HeaderLink', {
|
13201 | enumerable: true,
|
13202 | get: function get() {
|
13203 | return _interopRequireDefault(_headerLink).default;
|
13204 | }
|
13205 | });
|
13206 |
|
13207 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13208 |
|
13209 | }),
|
13210 |
|
13211 | (function(module, exports, __webpack_require__) {
|
13212 |
|
13213 | "use strict";
|
13214 |
|
13215 |
|
13216 | Object.defineProperty(exports, "__esModule", {
|
13217 | value: true
|
13218 | });
|
13219 | exports.BaseHeaderLink = undefined;
|
13220 |
|
13221 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n ', '\n ', '\n display: flex;\n cursor: pointer;\n height: 6rem;\n align-items: center;\n text-decoration: none;\n letter-spacing: 0.1rem;\n border-bottom: 0px;\n @media(max-width: 1039px){\n font-size: 1rem;\n }\n &:active, &:visited {\n color: ', ';\n }\n > span {\n z-index: 1;\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 ', '\n display: flex;\n cursor: pointer;\n height: 6rem;\n align-items: center;\n text-decoration: none;\n letter-spacing: 0.1rem;\n border-bottom: 0px;\n @media(max-width: 1039px){\n font-size: 1rem;\n }\n &:active, &:visited {\n color: ', ';\n }\n > span {\n z-index: 1;\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']);
|
13222 |
|
13223 | var _propTypes = __webpack_require__(0);
|
13224 |
|
13225 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13226 |
|
13227 | var _styledComponents = __webpack_require__(1);
|
13228 |
|
13229 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13230 |
|
13231 | var _SRC = __webpack_require__(3);
|
13232 |
|
13233 | var _headerLink = __webpack_require__(211);
|
13234 |
|
13235 | var _headerLink2 = _interopRequireDefault(_headerLink);
|
13236 |
|
13237 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13238 |
|
13239 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13240 |
|
13241 |
|
13242 | var HeaderLink = (0, _styledComponents2.default)(_headerLink2.default)(_templateObject, function (props) {
|
13243 | return props.spacing ? 'margin: 0 1.5rem;' : '';
|
13244 | }, function (props) {
|
13245 | return props.spacing ? 'padding: 0 1rem;' : '';
|
13246 | }, function (props) {
|
13247 | return props.theme.colors.rocketBlue;
|
13248 | }, _SRC.Highlighter);
|
13249 |
|
13250 | HeaderLink.defaultProps = {
|
13251 | highlightable: true,
|
13252 | highlightOn: 'hover',
|
13253 | spacing: true
|
13254 | };
|
13255 |
|
13256 | HeaderLink.propTypes = {
|
13257 | highlightable: _propTypes2.default.bool,
|
13258 | highlightOn: _propTypes2.default.string,
|
13259 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
13260 | };
|
13261 |
|
13262 | exports.BaseHeaderLink = _headerLink2.default;
|
13263 | exports.default = HeaderLink;
|
13264 |
|
13265 | }),
|
13266 |
|
13267 | (function(module, exports, __webpack_require__) {
|
13268 |
|
13269 | "use strict";
|
13270 |
|
13271 |
|
13272 | Object.defineProperty(exports, "__esModule", {
|
13273 | value: true
|
13274 | });
|
13275 |
|
13276 | 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; }; }();
|
13277 |
|
13278 | var _react = __webpack_require__(2);
|
13279 |
|
13280 | var _react2 = _interopRequireDefault(_react);
|
13281 |
|
13282 | var _SRC = __webpack_require__(3);
|
13283 |
|
13284 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13285 |
|
13286 | 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; }
|
13287 |
|
13288 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
13289 |
|
13290 | 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; }
|
13291 |
|
13292 | 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; }
|
13293 |
|
13294 | var BaseHeaderLink = function (_React$Component) {
|
13295 | _inherits(BaseHeaderLink, _React$Component);
|
13296 |
|
13297 | function BaseHeaderLink(props) {
|
13298 | _classCallCheck(this, BaseHeaderLink);
|
13299 |
|
13300 | var _this = _possibleConstructorReturn(this, (BaseHeaderLink.__proto__ || Object.getPrototypeOf(BaseHeaderLink)).call(this, props));
|
13301 |
|
13302 | _this.enter = function () {
|
13303 | var onMouseEnter = _this.props.onMouseEnter;
|
13304 |
|
13305 | _this.setState({ hover: true });
|
13306 | onMouseEnter && onMouseEnter();
|
13307 | };
|
13308 |
|
13309 | _this.leave = function () {
|
13310 | var onMouseLeave = _this.props.onMouseLeave;
|
13311 |
|
13312 | _this.setState({ hover: false });
|
13313 | onMouseLeave && onMouseLeave();
|
13314 | };
|
13315 |
|
13316 | _this.state = {
|
13317 | hover: false,
|
13318 | active: false
|
13319 | };
|
13320 | return _this;
|
13321 | }
|
13322 |
|
13323 | _createClass(BaseHeaderLink, [{
|
13324 | key: 'render',
|
13325 | value: function render() {
|
13326 | var _props = this.props,
|
13327 | className = _props.className,
|
13328 | children = _props.children,
|
13329 | highlightable = _props.highlightable,
|
13330 | highlightOn = _props.highlightOn,
|
13331 | props = _objectWithoutProperties(_props, ['className', 'children', 'highlightable', 'highlightOn']);
|
13332 |
|
13333 | var highlight = this.state[highlightOn];
|
13334 | delete props.spacing;
|
13335 | return _react2.default.createElement(
|
13336 | _SRC.Link,
|
13337 | Object.assign({}, props, {
|
13338 | className: className,
|
13339 | onMouseEnter: this.enter,
|
13340 | onMouseLeave: this.leave,
|
13341 | light: true,
|
13342 | underline: false,
|
13343 | uppercase: true }),
|
13344 | highlightable && _react2.default.createElement(_SRC.Highlighter, { highlight: highlight }),
|
13345 | _react2.default.createElement(
|
13346 | 'span',
|
13347 | null,
|
13348 | children
|
13349 | )
|
13350 | );
|
13351 | }
|
13352 | }]);
|
13353 |
|
13354 | return BaseHeaderLink;
|
13355 | }(_react2.default.Component);
|
13356 |
|
13357 | exports.default = BaseHeaderLink;
|
13358 |
|
13359 | }),
|
13360 |
|
13361 | (function(module, exports, __webpack_require__) {
|
13362 |
|
13363 | "use strict";
|
13364 |
|
13365 |
|
13366 | Object.defineProperty(exports, "__esModule", {
|
13367 | value: true
|
13368 | });
|
13369 |
|
13370 | var _megaMenuLink = __webpack_require__(213);
|
13371 |
|
13372 | Object.defineProperty(exports, 'MegaMenuLink', {
|
13373 | enumerable: true,
|
13374 | get: function get() {
|
13375 | return _interopRequireDefault(_megaMenuLink).default;
|
13376 | }
|
13377 | });
|
13378 |
|
13379 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13380 |
|
13381 | }),
|
13382 |
|
13383 | (function(module, exports, __webpack_require__) {
|
13384 |
|
13385 | "use strict";
|
13386 |
|
13387 |
|
13388 | Object.defineProperty(exports, "__esModule", {
|
13389 | value: true
|
13390 | });
|
13391 |
|
13392 | var _react = __webpack_require__(2);
|
13393 |
|
13394 | var _react2 = _interopRequireDefault(_react);
|
13395 |
|
13396 | var _propTypes = __webpack_require__(0);
|
13397 |
|
13398 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13399 |
|
13400 | var _SRC = __webpack_require__(3);
|
13401 |
|
13402 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13403 |
|
13404 | var MegaMenuLink = function MegaMenuLink(_ref) {
|
13405 | var clearMenuImage = _ref.clearMenuImage,
|
13406 | id = _ref.id,
|
13407 | link = _ref.link,
|
13408 | renderLink = _ref.renderLink,
|
13409 | setMenuImage = _ref.setMenuImage;
|
13410 |
|
13411 | return _react2.default.createElement(
|
13412 | _SRC.NavyLink,
|
13413 | {
|
13414 | key: id,
|
13415 | target: link.target,
|
13416 | onMouseEnter: setMenuImage(link.src),
|
13417 | onMouseLeave: clearMenuImage,
|
13418 | onFocus: setMenuImage(link.src),
|
13419 | onBlur: clearMenuImage,
|
13420 | light: true,
|
13421 | underline: false,
|
13422 | renderLink: renderLink },
|
13423 | link.text
|
13424 | );
|
13425 | };
|
13426 |
|
13427 | MegaMenuLink.propTypes = {
|
13428 | clearMenuImage: _propTypes2.default.func.isRequired,
|
13429 | id: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number]).isRequired,
|
13430 | link: _propTypes2.default.object.isRequired,
|
13431 | renderLink: _propTypes2.default.func,
|
13432 | setMenuImage: _propTypes2.default.func.isRequired
|
13433 |
|
13434 |
|
13435 | };exports.default = MegaMenuLink;
|
13436 |
|
13437 | }),
|
13438 |
|
13439 | (function(module, exports, __webpack_require__) {
|
13440 |
|
13441 | "use strict";
|
13442 |
|
13443 |
|
13444 | Object.defineProperty(exports, "__esModule", {
|
13445 | value: true
|
13446 | });
|
13447 |
|
13448 | var _links = __webpack_require__(215);
|
13449 |
|
13450 | Object.keys(_links).forEach(function (key) {
|
13451 | if (key === "default" || key === "__esModule") return;
|
13452 | Object.defineProperty(exports, key, {
|
13453 | enumerable: true,
|
13454 | get: function get() {
|
13455 | return _links[key];
|
13456 | }
|
13457 | });
|
13458 | });
|
13459 |
|
13460 | var _mobileHeader = __webpack_require__(219);
|
13461 |
|
13462 | Object.defineProperty(exports, 'MobileHeader', {
|
13463 | enumerable: true,
|
13464 | get: function get() {
|
13465 | return _interopRequireDefault(_mobileHeader).default;
|
13466 | }
|
13467 | });
|
13468 |
|
13469 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13470 |
|
13471 | }),
|
13472 |
|
13473 | (function(module, exports, __webpack_require__) {
|
13474 |
|
13475 | "use strict";
|
13476 |
|
13477 |
|
13478 | Object.defineProperty(exports, "__esModule", {
|
13479 | value: true
|
13480 | });
|
13481 |
|
13482 | var _mobileLinkSecondary = __webpack_require__(216);
|
13483 |
|
13484 | Object.defineProperty(exports, 'MobileLinkSecondary', {
|
13485 | enumerable: true,
|
13486 | get: function get() {
|
13487 | return _interopRequireDefault(_mobileLinkSecondary).default;
|
13488 | }
|
13489 | });
|
13490 |
|
13491 | var _mobileLinkTertiary = __webpack_require__(217);
|
13492 |
|
13493 | Object.defineProperty(exports, 'MobileLinkTertiary', {
|
13494 | enumerable: true,
|
13495 | get: function get() {
|
13496 | return _interopRequireDefault(_mobileLinkTertiary).default;
|
13497 | }
|
13498 | });
|
13499 |
|
13500 | var _mobileLinkTop = __webpack_require__(218);
|
13501 |
|
13502 | Object.defineProperty(exports, 'MobileLinkTop', {
|
13503 | enumerable: true,
|
13504 | get: function get() {
|
13505 | return _interopRequireDefault(_mobileLinkTop).default;
|
13506 | }
|
13507 | });
|
13508 |
|
13509 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13510 |
|
13511 | }),
|
13512 |
|
13513 | (function(module, exports, __webpack_require__) {
|
13514 |
|
13515 | "use strict";
|
13516 |
|
13517 |
|
13518 | Object.defineProperty(exports, "__esModule", {
|
13519 | value: true
|
13520 | });
|
13521 |
|
13522 | 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']);
|
13523 |
|
13524 | var _propTypes = __webpack_require__(0);
|
13525 |
|
13526 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13527 |
|
13528 | var _styledComponents = __webpack_require__(1);
|
13529 |
|
13530 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13531 |
|
13532 | var _SRC = __webpack_require__(3);
|
13533 |
|
13534 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13535 |
|
13536 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13537 |
|
13538 | var MobileLinkSecondary = (0, _styledComponents2.default)(_SRC.Link)(_templateObject, function (props) {
|
13539 | return props.background;
|
13540 | }, function (props) {
|
13541 | return props.theme.colors.rocketBlue;
|
13542 | });
|
13543 |
|
13544 | MobileLinkSecondary.propTypes = {
|
13545 | background: _propTypes2.default.string,
|
13546 | className: _propTypes2.default.string,
|
13547 | fontSize: _propTypes2.default.string,
|
13548 | fontFamily: _propTypes2.default.string,
|
13549 | light: _propTypes2.default.bool,
|
13550 | uppercase: _propTypes2.default.bool,
|
13551 | underline: _propTypes2.default.bool
|
13552 | };
|
13553 |
|
13554 | MobileLinkSecondary.defaultProps = {
|
13555 | background: 'transparent',
|
13556 | fontSize: '1.6rem',
|
13557 | light: true,
|
13558 | uppercase: true,
|
13559 | underline: false
|
13560 |
|
13561 |
|
13562 | };exports.default = MobileLinkSecondary;
|
13563 |
|
13564 | }),
|
13565 |
|
13566 | (function(module, exports, __webpack_require__) {
|
13567 |
|
13568 | "use strict";
|
13569 |
|
13570 |
|
13571 | Object.defineProperty(exports, "__esModule", {
|
13572 | value: true
|
13573 | });
|
13574 |
|
13575 | 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']);
|
13576 |
|
13577 | var _propTypes = __webpack_require__(0);
|
13578 |
|
13579 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13580 |
|
13581 | var _styledComponents = __webpack_require__(1);
|
13582 |
|
13583 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13584 |
|
13585 | var _SRC = __webpack_require__(3);
|
13586 |
|
13587 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13588 |
|
13589 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13590 |
|
13591 | var MobileLinkTertiary = (0, _styledComponents2.default)(_SRC.Link)(_templateObject, function (props) {
|
13592 | return props.background;
|
13593 | }, function (props) {
|
13594 | return props.theme.colors.rocketBlue;
|
13595 | });
|
13596 |
|
13597 | MobileLinkTertiary.propTypes = {
|
13598 | background: _propTypes2.default.string,
|
13599 | className: _propTypes2.default.string,
|
13600 | fontSize: _propTypes2.default.string,
|
13601 | fontFamily: _propTypes2.default.string,
|
13602 | uppercase: _propTypes2.default.bool,
|
13603 | underline: _propTypes2.default.bool
|
13604 | };
|
13605 |
|
13606 | MobileLinkTertiary.defaultProps = {
|
13607 | background: 'transparent',
|
13608 | fontSize: '1.6rem',
|
13609 | fontStyle: 'italic',
|
13610 | light: true,
|
13611 | underline: false
|
13612 |
|
13613 |
|
13614 | };exports.default = MobileLinkTertiary;
|
13615 |
|
13616 | }),
|
13617 |
|
13618 | (function(module, exports, __webpack_require__) {
|
13619 |
|
13620 | "use strict";
|
13621 |
|
13622 |
|
13623 | Object.defineProperty(exports, "__esModule", {
|
13624 | value: true
|
13625 | });
|
13626 |
|
13627 | 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']);
|
13628 |
|
13629 | var _propTypes = __webpack_require__(0);
|
13630 |
|
13631 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13632 |
|
13633 | var _styledComponents = __webpack_require__(1);
|
13634 |
|
13635 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13636 |
|
13637 | var _theme = __webpack_require__(7);
|
13638 |
|
13639 | var _SRC = __webpack_require__(3);
|
13640 |
|
13641 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13642 |
|
13643 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13644 |
|
13645 | var MobileLinkTop = (0, _styledComponents2.default)(_SRC.Link)(_templateObject, function (props) {
|
13646 | return props.background;
|
13647 | }, function (props) {
|
13648 | return props.theme.colors.rocketBlue;
|
13649 | });
|
13650 |
|
13651 | MobileLinkTop.propTypes = {
|
13652 | background: _propTypes2.default.string,
|
13653 | className: _propTypes2.default.string,
|
13654 | fontSize: _propTypes2.default.string,
|
13655 | fontFamily: _propTypes2.default.string,
|
13656 | uppercase: _propTypes2.default.bool,
|
13657 | underline: _propTypes2.default.bool
|
13658 | };
|
13659 |
|
13660 | MobileLinkTop.defaultProps = {
|
13661 | background: 'transparent',
|
13662 | fontSize: '2.6rem',
|
13663 | fontFamily: _theme.theme.fonts.headerFont,
|
13664 | uppercase: true,
|
13665 | underline: false
|
13666 |
|
13667 |
|
13668 | };exports.default = MobileLinkTop;
|
13669 |
|
13670 | }),
|
13671 |
|
13672 | (function(module, exports, __webpack_require__) {
|
13673 |
|
13674 | "use strict";
|
13675 |
|
13676 |
|
13677 | Object.defineProperty(exports, "__esModule", {
|
13678 | value: true
|
13679 | });
|
13680 |
|
13681 | 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 0.5rem 0 1rem;\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 0.5rem 0 1rem;\n box-sizing: border-box;\n']);
|
13682 |
|
13683 | var _styledComponents = __webpack_require__(1);
|
13684 |
|
13685 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13686 |
|
13687 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13688 |
|
13689 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13690 |
|
13691 | var MobileHeader = _styledComponents2.default.header(_templateObject, function (props) {
|
13692 | return props.theme.colors.white;
|
13693 | });
|
13694 |
|
13695 |
|
13696 | exports.default = MobileHeader;
|
13697 |
|
13698 | }),
|
13699 |
|
13700 | (function(module, exports, __webpack_require__) {
|
13701 |
|
13702 | "use strict";
|
13703 |
|
13704 |
|
13705 | Object.defineProperty(exports, "__esModule", {
|
13706 | value: true
|
13707 | });
|
13708 |
|
13709 | var _status = __webpack_require__(221);
|
13710 |
|
13711 | Object.defineProperty(exports, 'Status', {
|
13712 | enumerable: true,
|
13713 | get: function get() {
|
13714 | return _interopRequireDefault(_status).default;
|
13715 | }
|
13716 | });
|
13717 |
|
13718 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13719 |
|
13720 | }),
|
13721 |
|
13722 | (function(module, exports, __webpack_require__) {
|
13723 |
|
13724 | "use strict";
|
13725 |
|
13726 |
|
13727 | Object.defineProperty(exports, "__esModule", {
|
13728 | value: true
|
13729 | });
|
13730 |
|
13731 | var _templateObject = _taggedTemplateLiteral(['\n 0%{\n background-position: 0% 50%;\n }\n 50%{\n background-position: 100% 50%;\n }\n 100%{\n background-position: 0% 50%;\n }\n'], ['\n 0%{\n background-position: 0% 50%;\n }\n 50%{\n background-position: 100% 50%;\n }\n 100%{\n background-position: 0% 50%;\n }\n']),
|
13732 | _templateObject2 = _taggedTemplateLiteral(['\n background-color: ', ';\n color: ', ';\n'], ['\n background-color: ', ';\n color: ', ';\n']),
|
13733 | _templateObject3 = _taggedTemplateLiteral(['\n background-color: ', ';\n color: ', ';\n font-style: italic;\n'], ['\n background-color: ', ';\n color: ', ';\n font-style: italic;\n']),
|
13734 | _templateObject4 = _taggedTemplateLiteral(['\nbackground-color: ', ';\ncolor: ', ';\nfont-style: italic;\n'], ['\nbackground-color: ', ';\ncolor: ', ';\nfont-style: italic;\n']),
|
13735 | _templateObject5 = _taggedTemplateLiteral(['\n background: linear-gradient(270deg, #f37a7f, #ffb36f, #fff366, #c6e472,\n#a1dddb, #c787a9, #f37a7f, #ffb36f, #fff366, #c6e472,\n#a1dddb, #c787a9);\n ', '\n background-size: 400% 400%;\n animation: ', ' 30s ease-in-out infinite;\n'], ['\n background: linear-gradient(270deg, #f37a7f, #ffb36f, #fff366, #c6e472,\n#a1dddb, #c787a9, #f37a7f, #ffb36f, #fff366, #c6e472,\n#a1dddb, #c787a9);\n ', '\n background-size: 400% 400%;\n animation: ', ' 30s ease-in-out infinite;\n']),
|
13736 | _templateObject6 = _taggedTemplateLiteral(['\n background-size: 200% 200%;\n '], ['\n background-size: 200% 200%;\n ']),
|
13737 | _templateObject7 = _taggedTemplateLiteral(['\n .container {\n height: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n ', '\n font-size: 1.1rem;\n ', '\n }\n ', '\n'], ['\n .container {\n height: 3rem;\n display: flex;\n align-items: center;\n justify-content: center;\n ', '\n font-size: 1.1rem;\n ', '\n }\n ', '\n']),
|
13738 | _templateObject8 = _taggedTemplateLiteral(['\n font-size: ', ';\n '], ['\n font-size: ', ';\n ']);
|
13739 |
|
13740 | var _react = __webpack_require__(2);
|
13741 |
|
13742 | var _react2 = _interopRequireDefault(_react);
|
13743 |
|
13744 | var _propTypes = __webpack_require__(0);
|
13745 |
|
13746 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13747 |
|
13748 | var _styledComponents = __webpack_require__(1);
|
13749 |
|
13750 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13751 |
|
13752 | var _P = __webpack_require__(35);
|
13753 |
|
13754 | var _SRC = __webpack_require__(3);
|
13755 |
|
13756 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13757 |
|
13758 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13759 |
|
13760 | var animateRainbow = (0, _styledComponents.keyframes)(_templateObject);
|
13761 |
|
13762 | var message = (0, _styledComponents.css)(_templateObject2, function (props) {
|
13763 | return props.theme.colors.rocketBlue;
|
13764 | }, function (props) {
|
13765 | return props.theme.colors.white;
|
13766 | });
|
13767 |
|
13768 | var notification = (0, _styledComponents.css)(_templateObject2, function (props) {
|
13769 | return props.theme.colors.yellow;
|
13770 | }, function (props) {
|
13771 | return props.theme.colors.navy;
|
13772 | });
|
13773 |
|
13774 | var error = (0, _styledComponents.css)(_templateObject3, function (props) {
|
13775 | return props.theme.colors.red;
|
13776 | }, function (props) {
|
13777 | return props.theme.colors.white;
|
13778 | });
|
13779 |
|
13780 | var promo_blue = (0, _styledComponents.css)(_templateObject4, function (props) {
|
13781 | return props.theme.colors.lightBlue[0];
|
13782 | }, function (props) {
|
13783 | return props.theme.colors.rocketBlue;
|
13784 | });
|
13785 |
|
13786 | var promo_pink = (0, _styledComponents.css)(_templateObject4, function (props) {
|
13787 | return props.theme.colors.pink;
|
13788 | }, function (props) {
|
13789 | return props.theme.colors.navy;
|
13790 | });
|
13791 |
|
13792 | var promo_rainbow = (0, _styledComponents.css)(_templateObject5, function (props) {
|
13793 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject6);
|
13794 | }, animateRainbow);
|
13795 |
|
13796 | var setTypeStyle = function setTypeStyle(_ref) {
|
13797 | var type = _ref.type;
|
13798 |
|
13799 | var types = {
|
13800 | 'error': error,
|
13801 | 'message': message,
|
13802 | 'notification': notification,
|
13803 | 'promo_blue': promo_blue,
|
13804 | 'promo_pink': promo_pink,
|
13805 | 'promo_rainbow': promo_rainbow
|
13806 | };
|
13807 |
|
13808 | return types[type];
|
13809 | };
|
13810 |
|
13811 | var Status = (0, _styledComponents2.default)(function (_ref2) {
|
13812 | var className = _ref2.className,
|
13813 | children = _ref2.children,
|
13814 | dismissable = _ref2.dismissable;
|
13815 |
|
13816 | return _react2.default.createElement(
|
13817 | 'div',
|
13818 | { className: className },
|
13819 | _react2.default.createElement(
|
13820 | _SRC.FlexRow,
|
13821 | null,
|
13822 | _react2.default.createElement(
|
13823 | _SRC.FlexCol,
|
13824 | {
|
13825 | className: 'container',
|
13826 | mobile: { width: 4 },
|
13827 | desktop: { width: 10, span: 1 } },
|
13828 | children
|
13829 | )
|
13830 | )
|
13831 | );
|
13832 | })(_templateObject7, _P.pStyle, function (props) {
|
13833 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject8, function (props) {
|
13834 | return props.fontSize;
|
13835 | });
|
13836 | }, function (props) {
|
13837 | return setTypeStyle(props);
|
13838 | });
|
13839 |
|
13840 | var statusTypeCheck = function statusTypeCheck(props, propName, componentName) {
|
13841 | var types = ['message', 'promo', 'notification', 'error'];
|
13842 | if (!types.includes(props[propName])) {
|
13843 | return new Error('Invalid type prop supplied for ' + componentName + ' please choose one of the following: ' + types.toString());
|
13844 | }
|
13845 | };
|
13846 |
|
13847 | Status.propTypes = {
|
13848 | type: statusTypeCheck,
|
13849 | dismissable: _propTypes2.default.bool
|
13850 | };
|
13851 |
|
13852 | Status.defaultProps = {
|
13853 | type: 'notification',
|
13854 | fontSize: '1.6rem'
|
13855 |
|
13856 |
|
13857 | };exports.default = Status;
|
13858 |
|
13859 | }),
|
13860 |
|
13861 | (function(module, exports, __webpack_require__) {
|
13862 |
|
13863 | "use strict";
|
13864 |
|
13865 |
|
13866 | Object.defineProperty(exports, "__esModule", {
|
13867 | value: true
|
13868 | });
|
13869 |
|
13870 | var _shop = __webpack_require__(223);
|
13871 |
|
13872 | Object.keys(_shop).forEach(function (key) {
|
13873 | if (key === "default" || key === "__esModule") return;
|
13874 | Object.defineProperty(exports, key, {
|
13875 | enumerable: true,
|
13876 | get: function get() {
|
13877 | return _shop[key];
|
13878 | }
|
13879 | });
|
13880 | });
|
13881 |
|
13882 | }),
|
13883 |
|
13884 | (function(module, exports, __webpack_require__) {
|
13885 |
|
13886 | "use strict";
|
13887 |
|
13888 |
|
13889 | Object.defineProperty(exports, "__esModule", {
|
13890 | value: true
|
13891 | });
|
13892 |
|
13893 | var _persistantPricing = __webpack_require__(224);
|
13894 |
|
13895 | Object.keys(_persistantPricing).forEach(function (key) {
|
13896 | if (key === "default" || key === "__esModule") return;
|
13897 | Object.defineProperty(exports, key, {
|
13898 | enumerable: true,
|
13899 | get: function get() {
|
13900 | return _persistantPricing[key];
|
13901 | }
|
13902 | });
|
13903 | });
|
13904 |
|
13905 | }),
|
13906 |
|
13907 | (function(module, exports, __webpack_require__) {
|
13908 |
|
13909 | "use strict";
|
13910 |
|
13911 |
|
13912 | Object.defineProperty(exports, "__esModule", {
|
13913 | value: true
|
13914 | });
|
13915 |
|
13916 | var _persistantPricing = __webpack_require__(225);
|
13917 |
|
13918 | Object.defineProperty(exports, 'PersistantPricing', {
|
13919 | enumerable: true,
|
13920 | get: function get() {
|
13921 | return _interopRequireDefault(_persistantPricing).default;
|
13922 | }
|
13923 | });
|
13924 |
|
13925 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13926 |
|
13927 | }),
|
13928 |
|
13929 | (function(module, exports, __webpack_require__) {
|
13930 |
|
13931 | "use strict";
|
13932 |
|
13933 |
|
13934 | Object.defineProperty(exports, "__esModule", {
|
13935 | value: true
|
13936 | });
|
13937 |
|
13938 | var _templateObject = _taggedTemplateLiteral(['\n 0% {\n transform: translateY(0px);\n }\n 4.167% {\n transform: translateY(30px);\n }\n 29.167% {\n transform: translateY(30px);\n }\n 37.5% {\n transform: translateY(90px);\n }\n 62.5% {\n transform: translateY(90px);\n }\n 70.834%{\n transform: translateY(150px);\n }\n 95.834% {\n transform: translateY(150px);\n }\n 100%{\n transform: translateY(180px);\n }\n '], ['\n 0% {\n transform: translateY(0px);\n }\n 4.167% {\n transform: translateY(30px);\n }\n 29.167% {\n transform: translateY(30px);\n }\n 37.5% {\n transform: translateY(90px);\n }\n 62.5% {\n transform: translateY(90px);\n }\n 70.834%{\n transform: translateY(150px);\n }\n 95.834% {\n transform: translateY(150px);\n }\n 100%{\n transform: translateY(180px);\n }\n ']),
|
13939 | _templateObject2 = _taggedTemplateLiteral(['\nwidth: 100%;\nheight: ', 'rem;\nposition: relative;\noverflow: hidden;\nbox-sizing: border-box;\n& * {\n box-sizing: border-box;\n}\n div {\n width: 100%;\n position: absolute;\n bottom: 100%;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n animation-name: ', ';\n animation-duration: ', 's\n animation-iteration-count: infinite;\n animation-fill-mode: backwards;\n animation-timing-function: ease-in-out;\n animation-delay: 0.01s;\n > * {\n flex: 1 1 100%;\n text-align: center;\n }\n span {\n margin-left: 0.5rem;\n }\n ', ' {\n line-height: 3rem;\n padding-top: ', 'rem;\n height: ', 'rem;\n font-weight: 300;\n font-size: 1.1rem;\n ', '\n }\n }\n'], ['\nwidth: 100%;\nheight: ', 'rem;\nposition: relative;\noverflow: hidden;\nbox-sizing: border-box;\n& * {\n box-sizing: border-box;\n}\n div {\n width: 100%;\n position: absolute;\n bottom: 100%;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n animation-name: ', ';\n animation-duration: ', 's\n animation-iteration-count: infinite;\n animation-fill-mode: backwards;\n animation-timing-function: ease-in-out;\n animation-delay: 0.01s;\n > * {\n flex: 1 1 100%;\n text-align: center;\n }\n span {\n margin-left: 0.5rem;\n }\n ', ' {\n line-height: 3rem;\n padding-top: ', 'rem;\n height: ', 'rem;\n font-weight: 300;\n font-size: 1.1rem;\n ', '\n }\n }\n']),
|
13940 | _templateObject3 = _taggedTemplateLiteral(['\n font-size: 1.6rem;\n '], ['\n font-size: 1.6rem;\n ']);
|
13941 |
|
13942 | var _react = __webpack_require__(2);
|
13943 |
|
13944 | var _react2 = _interopRequireDefault(_react);
|
13945 |
|
13946 | var _propTypes = __webpack_require__(0);
|
13947 |
|
13948 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
13949 |
|
13950 | var _styledComponents = __webpack_require__(1);
|
13951 |
|
13952 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
13953 |
|
13954 | var _SRC = __webpack_require__(3);
|
13955 |
|
13956 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13957 |
|
13958 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
13959 |
|
13960 |
|
13961 | var animateContainer = (0, _styledComponents.keyframes)(_templateObject);
|
13962 |
|
13963 | var PersistantPricing = (0, _styledComponents2.default)(function (_ref) {
|
13964 | var className = _ref.className,
|
13965 | children = _ref.children;
|
13966 |
|
13967 | return _react2.default.createElement(
|
13968 | 'div',
|
13969 | { className: className },
|
13970 | _react2.default.createElement(
|
13971 | 'div',
|
13972 | null,
|
13973 | children
|
13974 | )
|
13975 | );
|
13976 | })(_templateObject2, function (props) {
|
13977 | return props.height / 10;
|
13978 | }, animateContainer, function (props) {
|
13979 | return props.duration;
|
13980 | }, _SRC.P, function (props) {
|
13981 | return props.height / 10;
|
13982 | }, function (props) {
|
13983 | return props.height / 10 * 2;
|
13984 | }, function (props) {
|
13985 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3);
|
13986 | });
|
13987 |
|
13988 | PersistantPricing.propTypes = {
|
13989 | height: _propTypes2.default.number,
|
13990 | children: _propTypes2.default.array
|
13991 | };
|
13992 |
|
13993 | PersistantPricing.defaultProps = {
|
13994 | children: [_react2.default.createElement(
|
13995 | _SRC.P,
|
13996 | { key: 'message1' },
|
13997 | 'Did you know? Buy 4+ Items, Get 20% Off. Every day. ',
|
13998 | _react2.default.createElement(
|
13999 | 'span',
|
14000 | { role: 'img', 'aria-label': 'confetti' },
|
14001 | '\uD83C\uDF89'
|
14002 | )
|
14003 | ), _react2.default.createElement(
|
14004 | _SRC.P,
|
14005 | { key: 'message2' },
|
14006 | 'You\u2019re welcome! Buy 4+ Items, Get 20% Off. Every day. ',
|
14007 | _react2.default.createElement(
|
14008 | 'span',
|
14009 | { role: 'img', 'aria-label': 'crown' },
|
14010 | '\uD83D\uDC51'
|
14011 | )
|
14012 | ), _react2.default.createElement(
|
14013 | _SRC.P,
|
14014 | { key: 'message3' },
|
14015 | 'We\u2019re about to make your life 20% easier \u2026',
|
14016 | _react2.default.createElement(
|
14017 | 'span',
|
14018 | { role: 'img', 'aria-label': 'smiling face with smiling eyes' },
|
14019 | '\uD83D\uDE0A'
|
14020 | ),
|
14021 | _react2.default.createElement(
|
14022 | 'span',
|
14023 | { role: 'img', 'aria-label': 'confetti' },
|
14024 | '\uD83C\uDF89'
|
14025 | ),
|
14026 | _react2.default.createElement(
|
14027 | 'span',
|
14028 | { role: 'img', 'aria-label': 'hearts' },
|
14029 | '\uD83D\uDC95'
|
14030 | )
|
14031 | )],
|
14032 | duration: 12,
|
14033 | height: 30
|
14034 |
|
14035 |
|
14036 | };exports.default = PersistantPricing;
|
14037 |
|
14038 | }),
|
14039 |
|
14040 | (function(module, exports, __webpack_require__) {
|
14041 |
|
14042 | "use strict";
|
14043 |
|
14044 |
|
14045 | Object.defineProperty(exports, "__esModule", {
|
14046 | value: true
|
14047 | });
|
14048 |
|
14049 | var _thumbnails = __webpack_require__(227);
|
14050 |
|
14051 | Object.defineProperty(exports, 'Thumbnails', {
|
14052 | enumerable: true,
|
14053 | get: function get() {
|
14054 | return _interopRequireDefault(_thumbnails).default;
|
14055 | }
|
14056 | });
|
14057 |
|
14058 | var _slider = __webpack_require__(228);
|
14059 |
|
14060 | Object.keys(_slider).forEach(function (key) {
|
14061 | if (key === "default" || key === "__esModule") return;
|
14062 | Object.defineProperty(exports, key, {
|
14063 | enumerable: true,
|
14064 | get: function get() {
|
14065 | return _slider[key];
|
14066 | }
|
14067 | });
|
14068 | });
|
14069 |
|
14070 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14071 |
|
14072 | }),
|
14073 |
|
14074 | (function(module, exports, __webpack_require__) {
|
14075 |
|
14076 | "use strict";
|
14077 |
|
14078 |
|
14079 | Object.defineProperty(exports, "__esModule", {
|
14080 | value: true
|
14081 | });
|
14082 |
|
14083 | 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']);
|
14084 |
|
14085 | var _react = __webpack_require__(2);
|
14086 |
|
14087 | var _react2 = _interopRequireDefault(_react);
|
14088 |
|
14089 | var _propTypes = __webpack_require__(0);
|
14090 |
|
14091 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14092 |
|
14093 | var _styledComponents = __webpack_require__(1);
|
14094 |
|
14095 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14096 |
|
14097 | var _classnames = __webpack_require__(8);
|
14098 |
|
14099 | var _classnames2 = _interopRequireDefault(_classnames);
|
14100 |
|
14101 | var _SRC = __webpack_require__(3);
|
14102 |
|
14103 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14104 |
|
14105 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14106 |
|
14107 | var Thumbnails = (0, _styledComponents2.default)(function (_ref) {
|
14108 | var className = _ref.className,
|
14109 | active = _ref.active,
|
14110 | thumbnails = _ref.thumbnails,
|
14111 | onClick = _ref.onClick;
|
14112 |
|
14113 | return _react2.default.createElement(
|
14114 | 'div',
|
14115 | { className: className },
|
14116 | thumbnails && thumbnails.map(function (thumbnail, index) {
|
14117 | var classes = (0, _classnames2.default)('roa-thumbnail', {
|
14118 | 'active': thumbnail.src.includes(active)
|
14119 | });
|
14120 | return _react2.default.createElement(_SRC.InlineImage, {
|
14121 | key: index,
|
14122 | role: 'button',
|
14123 | className: classes,
|
14124 | src: thumbnail.src,
|
14125 | alt: thumbnail.alt,
|
14126 | onClick: onClick(index) });
|
14127 | })
|
14128 | );
|
14129 | })(_templateObject, function (props) {
|
14130 | return props.theme.colors.rocketBlue;
|
14131 | });
|
14132 |
|
14133 | Thumbnails.propTypes = {
|
14134 | className: _propTypes2.default.string,
|
14135 | thumbnails: _propTypes2.default.array.isRequired,
|
14136 | onClick: _propTypes2.default.func.isRequired
|
14137 |
|
14138 |
|
14139 | };exports.default = Thumbnails;
|
14140 |
|
14141 | }),
|
14142 |
|
14143 | (function(module, exports, __webpack_require__) {
|
14144 |
|
14145 | "use strict";
|
14146 |
|
14147 |
|
14148 | Object.defineProperty(exports, "__esModule", {
|
14149 | value: true
|
14150 | });
|
14151 |
|
14152 | var _slider = __webpack_require__(229);
|
14153 |
|
14154 | Object.defineProperty(exports, 'ROASlider', {
|
14155 | enumerable: true,
|
14156 | get: function get() {
|
14157 | return _interopRequireDefault(_slider).default;
|
14158 | }
|
14159 | });
|
14160 |
|
14161 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14162 |
|
14163 | }),
|
14164 |
|
14165 | (function(module, exports, __webpack_require__) {
|
14166 |
|
14167 | "use strict";
|
14168 |
|
14169 |
|
14170 | Object.defineProperty(exports, "__esModule", {
|
14171 | value: true
|
14172 | });
|
14173 |
|
14174 | var _templateObject = _taggedTemplateLiteral(['\nposition: relative;\n\n.slick-track {\n & > * {\n padding: 0;\n }\n}\n\n.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\na {\n position: relative;\n width: 100%;\n padding-bottom: 150%;\n img {\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none\n width: 100%;\n }\n}\n\n', ' {\n display: none;\n ', '\n'], ['\nposition: relative;\n\n.slick-track {\n & > * {\n padding: 0;\n }\n}\n\n.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\na {\n position: relative;\n width: 100%;\n padding-bottom: 150%;\n img {\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none\n width: 100%;\n }\n}\n\n', ' {\n display: none;\n ', '\n']),
|
14175 | _templateObject2 = _taggedTemplateLiteral(['\n display: inline-block;\n position: absolute;\n top: 50%;\n &:first-of-type {\n left: 0;\n }\n &:last-of-type {\n right: 0;\n }\n '], ['\n display: inline-block;\n position: absolute;\n top: 50%;\n &:first-of-type {\n left: 0;\n }\n &:last-of-type {\n right: 0;\n }\n ']);
|
14176 |
|
14177 | var _propTypes = __webpack_require__(0);
|
14178 |
|
14179 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14180 |
|
14181 | var _styledComponents = __webpack_require__(1);
|
14182 |
|
14183 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14184 |
|
14185 | var _slider = __webpack_require__(230);
|
14186 |
|
14187 | var _slider2 = _interopRequireDefault(_slider);
|
14188 |
|
14189 | var _SRC = __webpack_require__(3);
|
14190 |
|
14191 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14192 |
|
14193 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14194 |
|
14195 | var ROASlider = (0, _styledComponents2.default)(_slider2.default)(_templateObject, function (props) {
|
14196 | return props.theme.colors.navy;
|
14197 | }, function (props) {
|
14198 | return props.theme.colors.navy;
|
14199 | }, _SRC.Chevron, function (props) {
|
14200 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject2);
|
14201 | });
|
14202 |
|
14203 | ROASlider.propTypes = {
|
14204 | theme: _propTypes2.default.shape({
|
14205 | colors: _propTypes2.default.shape({
|
14206 | navy: _propTypes2.default.string
|
14207 | })
|
14208 | })
|
14209 |
|
14210 |
|
14211 | };exports.default = ROASlider;
|
14212 |
|
14213 | }),
|
14214 |
|
14215 | (function(module, exports, __webpack_require__) {
|
14216 |
|
14217 | "use strict";
|
14218 |
|
14219 |
|
14220 | Object.defineProperty(exports, "__esModule", {
|
14221 | value: true
|
14222 | });
|
14223 | exports.BaseROASlider = undefined;
|
14224 |
|
14225 | 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; }; }();
|
14226 |
|
14227 | var _react = __webpack_require__(2);
|
14228 |
|
14229 | var _react2 = _interopRequireDefault(_react);
|
14230 |
|
14231 | var _propTypes = __webpack_require__(0);
|
14232 |
|
14233 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14234 |
|
14235 | var _reactSlick = __webpack_require__(36);
|
14236 |
|
14237 | var _reactSlick2 = _interopRequireDefault(_reactSlick);
|
14238 |
|
14239 | var _cloudinary = __webpack_require__(4);
|
14240 |
|
14241 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
14242 |
|
14243 | var _SRC = __webpack_require__(3);
|
14244 |
|
14245 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14246 |
|
14247 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
14248 |
|
14249 | 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; }
|
14250 |
|
14251 | 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; }
|
14252 |
|
14253 | var BaseROASlider = exports.BaseROASlider = function (_Component) {
|
14254 | _inherits(BaseROASlider, _Component);
|
14255 |
|
14256 | function BaseROASlider(props) {
|
14257 | _classCallCheck(this, BaseROASlider);
|
14258 |
|
14259 | var _this = _possibleConstructorReturn(this, (BaseROASlider.__proto__ || Object.getPrototypeOf(BaseROASlider)).call(this, props));
|
14260 |
|
14261 | _this.onMouseEnter = function () {
|
14262 | _this.slider && _this.slider.slickGoTo(1, true);
|
14263 | };
|
14264 |
|
14265 | _this.onMouseLeave = function () {
|
14266 | _this.slider && _this.slider.slickGoTo(0, true);
|
14267 | };
|
14268 |
|
14269 | _this.setSlider = function (element) {
|
14270 | _this.slider = element;
|
14271 | };
|
14272 |
|
14273 | _this.prevSlide = function () {
|
14274 | _this.slider && _this.slider.slickPrev();
|
14275 | };
|
14276 |
|
14277 | _this.nextSlide = function () {
|
14278 | _this.slider && _this.slider.slickNext();
|
14279 | };
|
14280 |
|
14281 | _this.config = {
|
14282 | infinite: true,
|
14283 | arrows: false,
|
14284 | slidesToShow: 1,
|
14285 | responsive: [{
|
14286 | breakpoint: 769,
|
14287 | settings: {
|
14288 | dots: true,
|
14289 | dotsClass: 'dots'
|
14290 | }
|
14291 | }],
|
14292 | afterChange: function afterChange() {
|
14293 |
|
14294 |
|
14295 | if (_this.slider && _this.slider.innerSlider) {
|
14296 | _this.slider.innerSlider.clickable = true;
|
14297 | }
|
14298 | }
|
14299 | };
|
14300 | if (props.sliderLazyLoad) {
|
14301 | _this.config.lazyLoad = props.sliderLazyLoad;
|
14302 | }
|
14303 |
|
14304 | _this.slider = null;
|
14305 | return _this;
|
14306 | }
|
14307 |
|
14308 | _createClass(BaseROASlider, [{
|
14309 | key: 'render',
|
14310 | value: function render() {
|
14311 | var _props = this.props,
|
14312 | className = _props.className,
|
14313 | images = _props.images,
|
14314 | renderLink = _props.renderLink,
|
14315 | target = _props.target,
|
14316 | lazyLoad = _props.lazyLoad;
|
14317 |
|
14318 | var Link = renderLink;
|
14319 | return _react2.default.createElement(
|
14320 | 'div',
|
14321 | {
|
14322 | className: className,
|
14323 | onMouseEnter: this.onMouseEnter,
|
14324 | onMouseLeave: this.onMouseLeave },
|
14325 | _react2.default.createElement(
|
14326 | _reactSlick2.default,
|
14327 | Object.assign({
|
14328 | className: 'roa-slider',
|
14329 | ref: this.setSlider
|
14330 | }, this.config),
|
14331 | images.map(function (image, index) {
|
14332 | if (renderLink && target) {
|
14333 | return _react2.default.createElement(
|
14334 | Link,
|
14335 | { target: target, key: index },
|
14336 | _react2.default.createElement(_SRC.InlineImage, {
|
14337 | alt: image.alt,
|
14338 | src: _cloudinary2.default.url(image.src, {
|
14339 | transformation: 'plp_product_shot',
|
14340 | format: 'jpg'
|
14341 | }),
|
14342 | lazyLoad: lazyLoad
|
14343 | })
|
14344 | );
|
14345 | } else {
|
14346 | return _react2.default.createElement(_SRC.InlineImage, {
|
14347 | key: index,
|
14348 | alt: image.alt,
|
14349 | src: _cloudinary2.default.url(image.src, {
|
14350 | transformation: 'plp_product_shot',
|
14351 | format: 'jpg'
|
14352 | })
|
14353 | });
|
14354 | }
|
14355 | })
|
14356 | ),
|
14357 | images.length > 1 && _react2.default.createElement(
|
14358 | 'div',
|
14359 | null,
|
14360 | _react2.default.createElement(_SRC.Chevron, { left: true, onClick: this.prevSlide }),
|
14361 | _react2.default.createElement(_SRC.Chevron, { right: true, onClick: this.nextSlide })
|
14362 | )
|
14363 | );
|
14364 | }
|
14365 | }]);
|
14366 |
|
14367 | return BaseROASlider;
|
14368 | }(_react.Component);
|
14369 |
|
14370 | BaseROASlider.propTypes = {
|
14371 | className: _propTypes2.default.string,
|
14372 | images: _propTypes2.default.array,
|
14373 | sliderLazyLoad: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string])
|
14374 | };
|
14375 |
|
14376 | BaseROASlider.defaultProps = {
|
14377 | sliderLazyLoad: 'progressive'
|
14378 |
|
14379 |
|
14380 | };exports.default = BaseROASlider;
|
14381 |
|
14382 | }),
|
14383 |
|
14384 | (function(module, exports, __webpack_require__) {
|
14385 |
|
14386 | "use strict";
|
14387 |
|
14388 |
|
14389 | Object.defineProperty(exports, "__esModule", {
|
14390 | value: true
|
14391 | });
|
14392 |
|
14393 | var _Button = __webpack_require__(232);
|
14394 |
|
14395 | Object.keys(_Button).forEach(function (key) {
|
14396 | if (key === "default" || key === "__esModule") return;
|
14397 | Object.defineProperty(exports, key, {
|
14398 | enumerable: true,
|
14399 | get: function get() {
|
14400 | return _Button[key];
|
14401 | }
|
14402 | });
|
14403 | });
|
14404 |
|
14405 | var _ImageButton = __webpack_require__(238);
|
14406 |
|
14407 | Object.keys(_ImageButton).forEach(function (key) {
|
14408 | if (key === "default" || key === "__esModule") return;
|
14409 | Object.defineProperty(exports, key, {
|
14410 | enumerable: true,
|
14411 | get: function get() {
|
14412 | return _ImageButton[key];
|
14413 | }
|
14414 | });
|
14415 | });
|
14416 |
|
14417 | }),
|
14418 |
|
14419 | (function(module, exports, __webpack_require__) {
|
14420 |
|
14421 | "use strict";
|
14422 |
|
14423 |
|
14424 | Object.defineProperty(exports, "__esModule", {
|
14425 | value: true
|
14426 | });
|
14427 |
|
14428 | var _BlueBorderButton = __webpack_require__(233);
|
14429 |
|
14430 | Object.defineProperty(exports, 'BlueBorderButton', {
|
14431 | enumerable: true,
|
14432 | get: function get() {
|
14433 | return _interopRequireDefault(_BlueBorderButton).default;
|
14434 | }
|
14435 | });
|
14436 |
|
14437 | var _Button = __webpack_require__(234);
|
14438 |
|
14439 | Object.defineProperty(exports, 'Button', {
|
14440 | enumerable: true,
|
14441 | get: function get() {
|
14442 | return _interopRequireDefault(_Button).default;
|
14443 | }
|
14444 | });
|
14445 |
|
14446 | var _WhiteBorderButton = __webpack_require__(235);
|
14447 |
|
14448 | Object.defineProperty(exports, 'WhiteBorderButton', {
|
14449 | enumerable: true,
|
14450 | get: function get() {
|
14451 | return _interopRequireDefault(_WhiteBorderButton).default;
|
14452 | }
|
14453 | });
|
14454 |
|
14455 | var _YellowButton = __webpack_require__(236);
|
14456 |
|
14457 | Object.defineProperty(exports, 'YellowButton', {
|
14458 | enumerable: true,
|
14459 | get: function get() {
|
14460 | return _interopRequireDefault(_YellowButton).default;
|
14461 | }
|
14462 | });
|
14463 |
|
14464 | var _ButtonLink = __webpack_require__(237);
|
14465 |
|
14466 | Object.defineProperty(exports, 'ButtonLink', {
|
14467 | enumerable: true,
|
14468 | get: function get() {
|
14469 | return _interopRequireDefault(_ButtonLink).default;
|
14470 | }
|
14471 | });
|
14472 |
|
14473 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14474 |
|
14475 | }),
|
14476 |
|
14477 | (function(module, exports, __webpack_require__) {
|
14478 |
|
14479 | "use strict";
|
14480 |
|
14481 |
|
14482 | Object.defineProperty(exports, "__esModule", {
|
14483 | value: true
|
14484 | });
|
14485 | exports.selected = exports.disabledOrLoading = exports.defaultStyle = undefined;
|
14486 |
|
14487 | 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']),
|
14488 | _templateObject2 = _taggedTemplateLiteral(['\n color: ', ';\n border-color: ', ';\n'], ['\n color: ', ';\n border-color: ', ';\n']),
|
14489 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
|
14490 | _templateObject4 = _taggedTemplateLiteral(['\n background-color: rgba(255, 255, 255, 0);\n ', '\n'], ['\n background-color: rgba(255, 255, 255, 0);\n ', '\n']);
|
14491 |
|
14492 | var _propTypes = __webpack_require__(0);
|
14493 |
|
14494 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14495 |
|
14496 | var _styledComponents = __webpack_require__(1);
|
14497 |
|
14498 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14499 |
|
14500 | var _Button = __webpack_require__(13);
|
14501 |
|
14502 | var _Button2 = _interopRequireDefault(_Button);
|
14503 |
|
14504 | var _Checkmark = __webpack_require__(10);
|
14505 |
|
14506 | var _Spinner = __webpack_require__(11);
|
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 | var defaultStyle = exports.defaultStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
14513 | return props.theme.colors.rocketBlue;
|
14514 | }, function (props) {
|
14515 | return props.theme.colors.rocketBlue;
|
14516 | }, function (props) {
|
14517 | return props.theme.colors.rocketBlueHover;
|
14518 | }, function (props) {
|
14519 | return props.theme.colors.rocketBlueHover;
|
14520 | });
|
14521 | var disabledOrLoading = exports.disabledOrLoading = (0, _styledComponents.css)(_templateObject2, function (props) {
|
14522 | return props.theme.colors.loading;
|
14523 | }, function (props) {
|
14524 | return props.theme.colors.loading;
|
14525 | });
|
14526 | var selected = exports.selected = (0, _styledComponents.css)(_templateObject2, function (props) {
|
14527 | return props.theme.colors.navy;
|
14528 | }, function (props) {
|
14529 | return props.theme.colors.navy;
|
14530 | });
|
14531 |
|
14532 | var colorButton = (0, _styledComponents.css)(_templateObject3, function (props) {
|
14533 | return !props.selected && !props.disabled && !props.loading && defaultStyle;
|
14534 | }, function (props) {
|
14535 | return props.selected && selected;
|
14536 | }, function (props) {
|
14537 | return props.disabled && disabledOrLoading;
|
14538 | }, function (props) {
|
14539 | return props.loading && disabledOrLoading;
|
14540 | });
|
14541 |
|
14542 | var BlueBorderButton = (0, _styledComponents2.default)(_Button2.default)(_templateObject4, function (props) {
|
14543 | return colorButton;
|
14544 | });
|
14545 |
|
14546 | BlueBorderButton.propTypes = {
|
14547 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
14548 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
14549 | theme: _propTypes2.default.shape({
|
14550 | colors: _propTypes2.default.shape({
|
14551 | white: _propTypes2.default.string
|
14552 | })
|
14553 | })
|
14554 | };
|
14555 |
|
14556 | BlueBorderButton.defaultProps = {
|
14557 | checkmark: _Checkmark.NavyCheckmark,
|
14558 | spinner: _Spinner.GraySpinner
|
14559 |
|
14560 |
|
14561 | };exports.default = BlueBorderButton;
|
14562 |
|
14563 | }),
|
14564 |
|
14565 | (function(module, exports, __webpack_require__) {
|
14566 |
|
14567 | "use strict";
|
14568 |
|
14569 |
|
14570 | Object.defineProperty(exports, "__esModule", {
|
14571 | value: true
|
14572 | });
|
14573 | exports.selected = exports.disabledOrLoading = exports.defaultStyle = undefined;
|
14574 |
|
14575 | var _templateObject = _taggedTemplateLiteral(['\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n'], ['\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n']),
|
14576 | _templateObject2 = _taggedTemplateLiteral(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']),
|
14577 | _templateObject3 = _taggedTemplateLiteral(['\n background-color: ', '\n'], ['\n background-color: ', '\n']),
|
14578 | _templateObject4 = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
|
14579 | _templateObject5 = _taggedTemplateLiteral(['\n color: ', ';\n border-color: transparent;\n\n ', '\n'], ['\n color: ', ';\n border-color: transparent;\n\n ', '\n']);
|
14580 |
|
14581 | var _propTypes = __webpack_require__(0);
|
14582 |
|
14583 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14584 |
|
14585 | var _styledComponents = __webpack_require__(1);
|
14586 |
|
14587 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14588 |
|
14589 | var _Spinner = __webpack_require__(11);
|
14590 |
|
14591 | var _Checkmark = __webpack_require__(10);
|
14592 |
|
14593 | var _Button = __webpack_require__(13);
|
14594 |
|
14595 | var _Button2 = _interopRequireDefault(_Button);
|
14596 |
|
14597 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14598 |
|
14599 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14600 |
|
14601 | var defaultStyle = exports.defaultStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
14602 | return props.theme.colors.rocketBlue;
|
14603 | }, function (props) {
|
14604 | return props.theme.colors.rocketBlueHover;
|
14605 | });
|
14606 | var disabledOrLoading = exports.disabledOrLoading = (0, _styledComponents.css)(_templateObject2, function (props) {
|
14607 | return props.theme.colors.loading;
|
14608 | });
|
14609 | var selected = exports.selected = (0, _styledComponents.css)(_templateObject3, function (props) {
|
14610 | return props.theme.colors.navy;
|
14611 | });
|
14612 |
|
14613 | var backgroundColor = (0, _styledComponents.css)(_templateObject4, function (props) {
|
14614 | return !props.selected && !props.disabled && !props.loading && defaultStyle;
|
14615 | }, function (props) {
|
14616 | return props.selected && selected;
|
14617 | }, function (props) {
|
14618 | return props.disabled && disabledOrLoading;
|
14619 | }, function (props) {
|
14620 | return props.loading && disabledOrLoading;
|
14621 | });
|
14622 |
|
14623 | var Button = (0, _styledComponents2.default)(_Button2.default)(_templateObject5, function (props) {
|
14624 | return props.theme.colors.white;
|
14625 | }, function (props) {
|
14626 | return backgroundColor;
|
14627 | });
|
14628 |
|
14629 | Button.propTypes = {
|
14630 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
14631 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
14632 | theme: _propTypes2.default.shape({
|
14633 | colors: _propTypes2.default.shape({
|
14634 | rocketBlue: _propTypes2.default.string,
|
14635 | white: _propTypes2.default.string
|
14636 | })
|
14637 | })
|
14638 | };
|
14639 |
|
14640 | Button.defaultProps = {
|
14641 | checkmark: _Checkmark.WhiteCheckmark,
|
14642 | spinner: _Spinner.WhiteSpinner
|
14643 |
|
14644 |
|
14645 | };exports.default = Button;
|
14646 |
|
14647 | }),
|
14648 |
|
14649 | (function(module, exports, __webpack_require__) {
|
14650 |
|
14651 | "use strict";
|
14652 |
|
14653 |
|
14654 | Object.defineProperty(exports, "__esModule", {
|
14655 | value: true
|
14656 | });
|
14657 | exports.selected = exports.disabledOrLoading = exports.colorButton = undefined;
|
14658 |
|
14659 | 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']),
|
14660 | _templateObject2 = _taggedTemplateLiteral(['\n color: ', ';\n border-color: ', ';\n'], ['\n color: ', ';\n border-color: ', ';\n']),
|
14661 | _templateObject3 = _taggedTemplateLiteral(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
|
14662 | _templateObject4 = _taggedTemplateLiteral(['\n background-color: rgba(255, 255, 255, 0);\n ', '\n'], ['\n background-color: rgba(255, 255, 255, 0);\n ', '\n']);
|
14663 |
|
14664 | var _propTypes = __webpack_require__(0);
|
14665 |
|
14666 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14667 |
|
14668 | var _styledComponents = __webpack_require__(1);
|
14669 |
|
14670 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14671 |
|
14672 | var _Button = __webpack_require__(13);
|
14673 |
|
14674 | var _Button2 = _interopRequireDefault(_Button);
|
14675 |
|
14676 | var _Checkmark = __webpack_require__(10);
|
14677 |
|
14678 | var _Spinner = __webpack_require__(11);
|
14679 |
|
14680 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14681 |
|
14682 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14683 |
|
14684 | var defaultStyle = (0, _styledComponents.css)(_templateObject, function (props) {
|
14685 | return props.theme.colors.white;
|
14686 | }, function (props) {
|
14687 | return props.theme.colors.white;
|
14688 | });
|
14689 |
|
14690 | var disabledOrLoading = (0, _styledComponents.css)(_templateObject2, function (props) {
|
14691 | return props.theme.colors.loading;
|
14692 | }, function (props) {
|
14693 | return props.theme.colors.loading;
|
14694 | });
|
14695 |
|
14696 | var selected = (0, _styledComponents.css)(_templateObject2, function (props) {
|
14697 | return props.theme.colors.navy;
|
14698 | }, function (props) {
|
14699 | return props.theme.colors.navy;
|
14700 | });
|
14701 |
|
14702 | var colorButton = (0, _styledComponents.css)(_templateObject3, function (props) {
|
14703 | return !props.selected && !props.disabled && !props.loading && defaultStyle;
|
14704 | }, function (props) {
|
14705 | return props.selected && selected;
|
14706 | }, function (props) {
|
14707 | return props.disabled && disabledOrLoading;
|
14708 | }, function (props) {
|
14709 | return props.loading && disabledOrLoading;
|
14710 | });
|
14711 |
|
14712 | var WhiteBorderButton = (0, _styledComponents2.default)(_Button2.default)(_templateObject4, function (props) {
|
14713 | return colorButton;
|
14714 | });
|
14715 |
|
14716 | WhiteBorderButton.propTypes = {
|
14717 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
14718 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
14719 | theme: _propTypes2.default.shape({
|
14720 | colors: _propTypes2.default.shape({
|
14721 | white: _propTypes2.default.string
|
14722 | })
|
14723 | })
|
14724 | };
|
14725 |
|
14726 | WhiteBorderButton.defaultProps = {
|
14727 | checkmark: _Checkmark.NavyCheckmark,
|
14728 | spinner: _Spinner.GraySpinner
|
14729 |
|
14730 |
|
14731 | };exports.default = WhiteBorderButton;
|
14732 | exports.colorButton = colorButton;
|
14733 | exports.disabledOrLoading = disabledOrLoading;
|
14734 | exports.selected = selected;
|
14735 |
|
14736 | }),
|
14737 |
|
14738 | (function(module, exports, __webpack_require__) {
|
14739 |
|
14740 | "use strict";
|
14741 |
|
14742 |
|
14743 | Object.defineProperty(exports, "__esModule", {
|
14744 | value: true
|
14745 | });
|
14746 |
|
14747 | 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']);
|
14748 |
|
14749 | var _propTypes = __webpack_require__(0);
|
14750 |
|
14751 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14752 |
|
14753 | var _styledComponents = __webpack_require__(1);
|
14754 |
|
14755 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14756 |
|
14757 | var _Button = __webpack_require__(13);
|
14758 |
|
14759 | var _Button2 = _interopRequireDefault(_Button);
|
14760 |
|
14761 | var _Checkmark = __webpack_require__(10);
|
14762 |
|
14763 | var _Spinner = __webpack_require__(11);
|
14764 |
|
14765 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14766 |
|
14767 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14768 |
|
14769 | var YellowButton = (0, _styledComponents2.default)(_Button2.default)(_templateObject, function (props) {
|
14770 | return props.theme.colors.navy;
|
14771 | }, function (props) {
|
14772 | return props.theme.colors.yellow;
|
14773 | }, function (props) {
|
14774 | return props.theme.colors.yellowHover;
|
14775 | });
|
14776 |
|
14777 | YellowButton.propTypes = {
|
14778 | checkmark: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
14779 | spinner: _propTypes2.default.oneOfType([_propTypes2.default.object, _propTypes2.default.func]).isRequired,
|
14780 | theme: _propTypes2.default.shape({
|
14781 | colors: _propTypes2.default.shape({
|
14782 | navy: _propTypes2.default.string,
|
14783 | yellow: _propTypes2.default.string
|
14784 | })
|
14785 | })
|
14786 | };
|
14787 |
|
14788 | YellowButton.defaultProps = {
|
14789 | checkmark: _Checkmark.NavyCheckmark,
|
14790 | spinner: _Spinner.NavySpinner
|
14791 |
|
14792 |
|
14793 | };exports.default = YellowButton;
|
14794 |
|
14795 | }),
|
14796 |
|
14797 | (function(module, exports, __webpack_require__) {
|
14798 |
|
14799 | "use strict";
|
14800 |
|
14801 |
|
14802 | Object.defineProperty(exports, "__esModule", {
|
14803 | value: true
|
14804 | });
|
14805 |
|
14806 | var _templateObject = _taggedTemplateLiteral(['max-width: ', ''], ['max-width: ', '']),
|
14807 | _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']);
|
14808 |
|
14809 | var _react = __webpack_require__(2);
|
14810 |
|
14811 | var _react2 = _interopRequireDefault(_react);
|
14812 |
|
14813 | var _styledComponents = __webpack_require__(1);
|
14814 |
|
14815 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14816 |
|
14817 | var _Button = __webpack_require__(13);
|
14818 |
|
14819 | var _Button2 = _interopRequireDefault(_Button);
|
14820 |
|
14821 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14822 |
|
14823 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14824 |
|
14825 | 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; }
|
14826 |
|
14827 | var textColor = function textColor(props) {
|
14828 | switch (props.kind) {
|
14829 | case 'pink':
|
14830 | return props.theme.colors.navy;
|
14831 | case 'blue':
|
14832 | return props.theme.colors.white;
|
14833 | default:
|
14834 | return props.theme.colors.white;
|
14835 | }
|
14836 | };
|
14837 |
|
14838 | var bgColor = function bgColor(props) {
|
14839 | switch (props.kind) {
|
14840 | case 'pink':
|
14841 | return props.theme.colors.lightPink;
|
14842 | case 'blue':
|
14843 | return props.theme.colors.rocketBlue;
|
14844 | default:
|
14845 | return props.theme.colors.rocketBlue;
|
14846 | }
|
14847 | };
|
14848 |
|
14849 | var Link = function Link(_ref) {
|
14850 | var renderLink = _ref.renderLink,
|
14851 | children = _ref.children,
|
14852 | props = _objectWithoutProperties(_ref, ['renderLink', 'children']);
|
14853 |
|
14854 | if (renderLink) {
|
14855 | return renderLink(Object.assign({}, props, { children: children }));
|
14856 | }
|
14857 | return _react2.default.createElement(
|
14858 | 'a',
|
14859 | props,
|
14860 | children
|
14861 | );
|
14862 | };
|
14863 |
|
14864 | var BaseButtonLink = _Button2.default.withComponent(Link);
|
14865 | var setMaxWidth = (0, _styledComponents.css)(_templateObject, function (props) {
|
14866 | return props.maxWidth;
|
14867 | });
|
14868 | var ButtonLink = (0, _styledComponents2.default)(BaseButtonLink)(_templateObject2, function (props) {
|
14869 | return textColor(props);
|
14870 | }, function (props) {
|
14871 | return bgColor(props);
|
14872 | }, function (props) {
|
14873 | return props.maxWidth && setMaxWidth;
|
14874 | });
|
14875 |
|
14876 | exports.default = ButtonLink;
|
14877 |
|
14878 | }),
|
14879 |
|
14880 | (function(module, exports, __webpack_require__) {
|
14881 |
|
14882 | "use strict";
|
14883 |
|
14884 |
|
14885 | Object.defineProperty(exports, "__esModule", {
|
14886 | value: true
|
14887 | });
|
14888 |
|
14889 | var _ImageButtonWhite = __webpack_require__(239);
|
14890 |
|
14891 | Object.defineProperty(exports, 'ImageButtonWhite', {
|
14892 | enumerable: true,
|
14893 | get: function get() {
|
14894 | return _interopRequireDefault(_ImageButtonWhite).default;
|
14895 | }
|
14896 | });
|
14897 |
|
14898 | var _ImageButtonBlue = __webpack_require__(240);
|
14899 |
|
14900 | Object.defineProperty(exports, 'ImageButtonBlue', {
|
14901 | enumerable: true,
|
14902 | get: function get() {
|
14903 | return _interopRequireDefault(_ImageButtonBlue).default;
|
14904 | }
|
14905 | });
|
14906 |
|
14907 | var _ImageButtonBlack = __webpack_require__(241);
|
14908 |
|
14909 | Object.defineProperty(exports, 'ImageButtonBlack', {
|
14910 | enumerable: true,
|
14911 | get: function get() {
|
14912 | return _interopRequireDefault(_ImageButtonBlack).default;
|
14913 | }
|
14914 | });
|
14915 |
|
14916 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14917 |
|
14918 | }),
|
14919 |
|
14920 | (function(module, exports, __webpack_require__) {
|
14921 |
|
14922 | "use strict";
|
14923 |
|
14924 |
|
14925 | Object.defineProperty(exports, "__esModule", {
|
14926 | value: true
|
14927 | });
|
14928 |
|
14929 | 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']);
|
14930 |
|
14931 | var _propTypes = __webpack_require__(0);
|
14932 |
|
14933 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14934 |
|
14935 | var _styledComponents = __webpack_require__(1);
|
14936 |
|
14937 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14938 |
|
14939 | var _ImageButton = __webpack_require__(29);
|
14940 |
|
14941 | var _ImageButton2 = _interopRequireDefault(_ImageButton);
|
14942 |
|
14943 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14944 |
|
14945 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14946 |
|
14947 | var ImageButtonWhite = (0, _styledComponents2.default)(_ImageButton2.default)(_templateObject, function (props) {
|
14948 | return props.theme.colors.white;
|
14949 | }, function (props) {
|
14950 | return props.theme.colors.rocketBlue;
|
14951 | }, function (props) {
|
14952 | return props.theme.colors.rocketBlue;
|
14953 | });
|
14954 |
|
14955 | ImageButtonWhite.propTypes = {
|
14956 | theme: _propTypes2.default.shape({
|
14957 | colors: _propTypes2.default.shape({
|
14958 | rocketBlue: _propTypes2.default.string,
|
14959 | white: _propTypes2.default.string
|
14960 | })
|
14961 | })
|
14962 |
|
14963 |
|
14964 | };exports.default = ImageButtonWhite;
|
14965 |
|
14966 | }),
|
14967 |
|
14968 | (function(module, exports, __webpack_require__) {
|
14969 |
|
14970 | "use strict";
|
14971 |
|
14972 |
|
14973 | Object.defineProperty(exports, "__esModule", {
|
14974 | value: true
|
14975 | });
|
14976 |
|
14977 | 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']);
|
14978 |
|
14979 | var _propTypes = __webpack_require__(0);
|
14980 |
|
14981 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
14982 |
|
14983 | var _styledComponents = __webpack_require__(1);
|
14984 |
|
14985 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
14986 |
|
14987 | var _ImageButton = __webpack_require__(29);
|
14988 |
|
14989 | var _ImageButton2 = _interopRequireDefault(_ImageButton);
|
14990 |
|
14991 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
14992 |
|
14993 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
14994 |
|
14995 | var ImageButtonBlue = (0, _styledComponents2.default)(_ImageButton2.default)(_templateObject, function (props) {
|
14996 | return props.theme.colors.rocketBlue;
|
14997 | }, function (props) {
|
14998 | return props.theme.colors.white;
|
14999 | }, function (props) {
|
15000 | return props.theme.colors.white;
|
15001 | });
|
15002 |
|
15003 | ImageButtonBlue.propTypes = {
|
15004 | theme: _propTypes2.default.shape({
|
15005 | colors: _propTypes2.default.shape({
|
15006 | rocketBlue: _propTypes2.default.string,
|
15007 | white: _propTypes2.default.string
|
15008 | })
|
15009 | })
|
15010 |
|
15011 |
|
15012 | };exports.default = ImageButtonBlue;
|
15013 |
|
15014 | }),
|
15015 |
|
15016 | (function(module, exports, __webpack_require__) {
|
15017 |
|
15018 | "use strict";
|
15019 |
|
15020 |
|
15021 | Object.defineProperty(exports, "__esModule", {
|
15022 | value: true
|
15023 | });
|
15024 |
|
15025 | 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']);
|
15026 |
|
15027 | var _propTypes = __webpack_require__(0);
|
15028 |
|
15029 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15030 |
|
15031 | var _styledComponents = __webpack_require__(1);
|
15032 |
|
15033 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15034 |
|
15035 | var _ImageButton = __webpack_require__(29);
|
15036 |
|
15037 | var _ImageButton2 = _interopRequireDefault(_ImageButton);
|
15038 |
|
15039 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15040 |
|
15041 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15042 |
|
15043 | var ImageButtonBlack = (0, _styledComponents2.default)(_ImageButton2.default)(_templateObject, function (props) {
|
15044 | return props.theme.colors.black;
|
15045 | }, function (props) {
|
15046 | return props.theme.colors.white;
|
15047 | }, function (props) {
|
15048 | return props.theme.colors.yellow;
|
15049 | });
|
15050 |
|
15051 | ImageButtonBlack.propTypes = {
|
15052 | theme: _propTypes2.default.shape({
|
15053 | colors: _propTypes2.default.shape({
|
15054 | black: _propTypes2.default.string,
|
15055 | yellow: _propTypes2.default.string,
|
15056 | white: _propTypes2.default.string
|
15057 | })
|
15058 | })
|
15059 |
|
15060 |
|
15061 | };exports.default = ImageButtonBlack;
|
15062 |
|
15063 | }),
|
15064 |
|
15065 | (function(module, exports, __webpack_require__) {
|
15066 |
|
15067 | "use strict";
|
15068 |
|
15069 |
|
15070 | Object.defineProperty(exports, "__esModule", {
|
15071 | value: true
|
15072 | });
|
15073 | exports.CheckboxBase = undefined;
|
15074 |
|
15075 | 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; }; }();
|
15076 |
|
15077 | 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']),
|
15078 | _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']),
|
15079 | _templateObject3 = _taggedTemplateLiteral(['\n animation: ', ' 0.25s linear forwards;\n\n fill: ', ';\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n fill: ', ';\n']),
|
15080 | _templateObject4 = _taggedTemplateLiteral(['\n animation: ', ' 0.25s linear forwards;\n\n stroke-linecap: round;\n stroke-dashoffset: 200;\n fill: none;\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n stroke-linecap: round;\n stroke-dashoffset: 200;\n fill: none;\n']),
|
15081 | _templateObject5 = _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']),
|
15082 | _templateObject6 = _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']),
|
15083 | _templateObject7 = _taggedTemplateLiteral(['\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:checked + ', ' ', ' {\n fill: ', ';\n }\n\n input:checked + ', ' ', ' {\n stroke: ', ';\n stroke-dasharray: 200;\n stroke-dashoffset: 0;\n }\n\n .showAnimation:focused + ', ' ', ' {\n stroke-width: 40;\n }\n\n .showAnimation:checked + ', ' ', ' {\n ', '\n }\n\n .showAnimation:checked + ', ' ', ' {\n ', '\n }\n .showAnimation:not(:checked) + ', ' ', ' {\n ', '\n }\n }\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:checked + ', ' ', ' {\n fill: ', ';\n }\n\n input:checked + ', ' ', ' {\n stroke: ', ';\n stroke-dasharray: 200;\n stroke-dashoffset: 0;\n }\n\n .showAnimation:focused + ', ' ', ' {\n stroke-width: 40;\n }\n\n .showAnimation:checked + ', ' ', ' {\n ', '\n }\n\n .showAnimation:checked + ', ' ', ' {\n ', '\n }\n .showAnimation:not(:checked) + ', ' ', ' {\n ', '\n }\n }\n']);
|
15084 |
|
15085 | var _react = __webpack_require__(2);
|
15086 |
|
15087 | var _react2 = _interopRequireDefault(_react);
|
15088 |
|
15089 | var _propTypes = __webpack_require__(0);
|
15090 |
|
15091 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15092 |
|
15093 | var _styledComponents = __webpack_require__(1);
|
15094 |
|
15095 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15096 |
|
15097 | var _CheckboxSVG = __webpack_require__(243);
|
15098 |
|
15099 | var _CheckboxSVG2 = _interopRequireDefault(_CheckboxSVG);
|
15100 |
|
15101 | var _Rect = __webpack_require__(30);
|
15102 |
|
15103 | var _Rect2 = _interopRequireDefault(_Rect);
|
15104 |
|
15105 | var _Check = __webpack_require__(37);
|
15106 |
|
15107 | var _Check2 = _interopRequireDefault(_Check);
|
15108 |
|
15109 | var _Label = __webpack_require__(9);
|
15110 |
|
15111 | var _Label2 = _interopRequireDefault(_Label);
|
15112 |
|
15113 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15114 |
|
15115 | 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; }
|
15116 |
|
15117 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15118 |
|
15119 | 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; }
|
15120 |
|
15121 | 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; }
|
15122 |
|
15123 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15124 |
|
15125 | var rectFillOut = (0, _styledComponents.keyframes)(_templateObject);
|
15126 |
|
15127 | var rectFillIn = (0, _styledComponents.keyframes)(_templateObject2);
|
15128 |
|
15129 | var rectChecked = (0, _styledComponents.css)(_templateObject3, rectFillIn, function (props) {
|
15130 | return props.theme.colors.rocketBlue;
|
15131 | });
|
15132 |
|
15133 | var rectUnchecked = (0, _styledComponents.css)(_templateObject4, rectFillOut);
|
15134 |
|
15135 | var checkDash = (0, _styledComponents.keyframes)(_templateObject5);
|
15136 |
|
15137 | var checkAnimation = (0, _styledComponents.css)(_templateObject6, checkDash, function (props) {
|
15138 | return props.theme.colors.white;
|
15139 | });
|
15140 |
|
15141 | var CheckboxBase = function (_React$Component) {
|
15142 | _inherits(CheckboxBase, _React$Component);
|
15143 |
|
15144 | function CheckboxBase() {
|
15145 | var _ref;
|
15146 |
|
15147 | var _temp, _this, _ret;
|
15148 |
|
15149 | _classCallCheck(this, CheckboxBase);
|
15150 |
|
15151 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
15152 | args[_key] = arguments[_key];
|
15153 | }
|
15154 |
|
15155 | return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = CheckboxBase.__proto__ || Object.getPrototypeOf(CheckboxBase)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
|
15156 | showAnimation: false
|
15157 | }, _this.onClick = function () {
|
15158 | if (_this.props.input && _this.props.input.onClick) {
|
15159 | var onClick = _this.props.input.onClick;
|
15160 |
|
15161 | onClick();
|
15162 | }
|
15163 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
15164 | }
|
15165 |
|
15166 | _createClass(CheckboxBase, [{
|
15167 | key: 'render',
|
15168 | value: function render() {
|
15169 | var _props = this.props,
|
15170 | className = _props.className,
|
15171 | input = _props.input,
|
15172 | children = _props.children,
|
15173 | label = _props.label,
|
15174 | width = _props.width,
|
15175 | props = _objectWithoutProperties(_props, ['className', 'input', 'children', 'label', 'width']);
|
15176 |
|
15177 | var showAnimation = this.state.showAnimation ? 'showAnimation' : '';
|
15178 | return _react2.default.createElement(
|
15179 | _Label2.default,
|
15180 | Object.assign({}, props, { lowercase: true, className: className }),
|
15181 | _react2.default.createElement('input', Object.assign({
|
15182 | className: showAnimation,
|
15183 | type: 'checkbox',
|
15184 | onClick: this.onClick
|
15185 | }, input)),
|
15186 | _react2.default.createElement(_CheckboxSVG2.default, { width: width }),
|
15187 | label ? label : children
|
15188 | );
|
15189 | }
|
15190 | }]);
|
15191 |
|
15192 | return CheckboxBase;
|
15193 | }(_react2.default.Component);
|
15194 |
|
15195 | CheckboxBase.propTypes = {
|
15196 | className: _propTypes2.default.string,
|
15197 | input: _propTypes2.default.shape({
|
15198 | value: _propTypes2.default.bool
|
15199 | }).isRequired,
|
15200 | label: _propTypes2.default.string
|
15201 | };
|
15202 |
|
15203 | var Checkbox = (0, _styledComponents2.default)(CheckboxBase)(_templateObject7, _CheckboxSVG2.default, _Rect2.default, function (props) {
|
15204 | return props.theme.colors.rocketBlue;
|
15205 | }, _CheckboxSVG2.default, _Check2.default, function (props) {
|
15206 | return props.theme.colors.white;
|
15207 | }, _CheckboxSVG2.default, _Rect2.default, _CheckboxSVG2.default, _Rect2.default, rectChecked, _CheckboxSVG2.default, _Check2.default, checkAnimation, _CheckboxSVG2.default, _Rect2.default, rectUnchecked);
|
15208 |
|
15209 | Checkbox.propTypes = {
|
15210 | className: _propTypes2.default.string,
|
15211 | input: _propTypes2.default.object.isRequired,
|
15212 | label: _propTypes2.default.string,
|
15213 | theme: _propTypes2.default.shape({
|
15214 | colors: _propTypes2.default.shape({
|
15215 | rocketBlue: _propTypes2.default.string,
|
15216 | white: _propTypes2.default.string
|
15217 | })
|
15218 | })
|
15219 |
|
15220 |
|
15221 | };exports.default = Checkbox;
|
15222 | exports.CheckboxBase = CheckboxBase;
|
15223 |
|
15224 | }),
|
15225 |
|
15226 | (function(module, exports, __webpack_require__) {
|
15227 |
|
15228 | "use strict";
|
15229 |
|
15230 |
|
15231 | Object.defineProperty(exports, "__esModule", {
|
15232 | value: true
|
15233 | });
|
15234 | exports.CheckboxSVG = undefined;
|
15235 |
|
15236 | 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; }; }();
|
15237 |
|
15238 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n margin-right: .9rem;\n'], ['\n width: ', ';\n margin-right: .9rem;\n']);
|
15239 |
|
15240 | var _react = __webpack_require__(2);
|
15241 |
|
15242 | var _react2 = _interopRequireDefault(_react);
|
15243 |
|
15244 | var _propTypes = __webpack_require__(0);
|
15245 |
|
15246 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15247 |
|
15248 | var _styledComponents = __webpack_require__(1);
|
15249 |
|
15250 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15251 |
|
15252 | var _Check = __webpack_require__(37);
|
15253 |
|
15254 | var _Check2 = _interopRequireDefault(_Check);
|
15255 |
|
15256 | var _Rect = __webpack_require__(30);
|
15257 |
|
15258 | var _Rect2 = _interopRequireDefault(_Rect);
|
15259 |
|
15260 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15261 |
|
15262 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15263 |
|
15264 | 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; }
|
15265 |
|
15266 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15267 |
|
15268 | 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; }
|
15269 |
|
15270 | 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; }
|
15271 |
|
15272 | var CheckboxSVG = function (_Component) {
|
15273 | _inherits(CheckboxSVG, _Component);
|
15274 |
|
15275 | function CheckboxSVG() {
|
15276 | _classCallCheck(this, CheckboxSVG);
|
15277 |
|
15278 | return _possibleConstructorReturn(this, (CheckboxSVG.__proto__ || Object.getPrototypeOf(CheckboxSVG)).apply(this, arguments));
|
15279 | }
|
15280 |
|
15281 | _createClass(CheckboxSVG, [{
|
15282 | key: 'render',
|
15283 | value: function render() {
|
15284 | var _props = this.props,
|
15285 | className = _props.className,
|
15286 | props = _objectWithoutProperties(_props, ['className']);
|
15287 |
|
15288 | return _react2.default.createElement(
|
15289 | 'svg',
|
15290 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 190 190' },
|
15291 | _react2.default.createElement(_Rect2.default, props),
|
15292 | _react2.default.createElement(_Check2.default, props)
|
15293 | );
|
15294 | }
|
15295 | }]);
|
15296 |
|
15297 | return CheckboxSVG;
|
15298 | }(_react.Component);
|
15299 |
|
15300 | var StyledCheckboxSVG = (0, _styledComponents2.default)(CheckboxSVG)(_templateObject, function (props) {
|
15301 | return props.width;
|
15302 | });
|
15303 |
|
15304 | StyledCheckboxSVG.propTypes = {
|
15305 | checked: _propTypes2.default.bool
|
15306 | };
|
15307 |
|
15308 | StyledCheckboxSVG.defaultProps = {
|
15309 | checked: false,
|
15310 | width: '2.5rem'
|
15311 | };
|
15312 |
|
15313 | exports.default = StyledCheckboxSVG;
|
15314 | exports.CheckboxSVG = CheckboxSVG;
|
15315 |
|
15316 | }),
|
15317 |
|
15318 | (function(module, exports, __webpack_require__) {
|
15319 |
|
15320 | "use strict";
|
15321 |
|
15322 |
|
15323 | Object.defineProperty(exports, "__esModule", {
|
15324 | value: true
|
15325 | });
|
15326 | exports.XCheckboxBase = undefined;
|
15327 |
|
15328 | 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; }; }();
|
15329 |
|
15330 | var _templateObject = _taggedTemplateLiteral(['\n && {\n display: flex;\n align-items: center;\n font-size: 1.4rem;\n font-weight: normal;\n\n input {\n width: 0;\n height: 0;\n margin-left: 0px;\n opacity: 0;\n }\n\n input:checked + ', ' ', ' {\n stroke: ', ';\n }\n }\n'], ['\n && {\n display: flex;\n align-items: center;\n font-size: 1.4rem;\n font-weight: normal;\n\n input {\n width: 0;\n height: 0;\n margin-left: 0px;\n opacity: 0;\n }\n\n input:checked + ', ' ', ' {\n stroke: ', ';\n }\n }\n']);
|
15331 |
|
15332 | var _react = __webpack_require__(2);
|
15333 |
|
15334 | var _react2 = _interopRequireDefault(_react);
|
15335 |
|
15336 | var _propTypes = __webpack_require__(0);
|
15337 |
|
15338 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15339 |
|
15340 | var _styledComponents = __webpack_require__(1);
|
15341 |
|
15342 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15343 |
|
15344 | var _XCheckboxSVG = __webpack_require__(245);
|
15345 |
|
15346 | var _XCheckboxSVG2 = _interopRequireDefault(_XCheckboxSVG);
|
15347 |
|
15348 | var _X = __webpack_require__(38);
|
15349 |
|
15350 | var _X2 = _interopRequireDefault(_X);
|
15351 |
|
15352 | var _Label = __webpack_require__(9);
|
15353 |
|
15354 | var _Label2 = _interopRequireDefault(_Label);
|
15355 |
|
15356 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15357 |
|
15358 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15359 |
|
15360 | 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; }
|
15361 |
|
15362 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15363 |
|
15364 | 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; }
|
15365 |
|
15366 | 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; }
|
15367 |
|
15368 | var XCheckboxBase = function (_React$Component) {
|
15369 | _inherits(XCheckboxBase, _React$Component);
|
15370 |
|
15371 | function XCheckboxBase() {
|
15372 | var _ref;
|
15373 |
|
15374 | var _temp, _this, _ret;
|
15375 |
|
15376 | _classCallCheck(this, XCheckboxBase);
|
15377 |
|
15378 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
15379 | args[_key] = arguments[_key];
|
15380 | }
|
15381 |
|
15382 | return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = XCheckboxBase.__proto__ || Object.getPrototypeOf(XCheckboxBase)).call.apply(_ref, [this].concat(args))), _this), _this.onClick = function () {
|
15383 | if (_this.props.input && _this.props.input.onClick) {
|
15384 | var onClick = _this.props.input.onClick;
|
15385 |
|
15386 | onClick();
|
15387 | }
|
15388 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
15389 | }
|
15390 |
|
15391 | _createClass(XCheckboxBase, [{
|
15392 | key: 'render',
|
15393 | value: function render() {
|
15394 | var _props = this.props,
|
15395 | className = _props.className,
|
15396 | input = _props.input,
|
15397 | children = _props.children,
|
15398 | label = _props.label,
|
15399 | width = _props.width,
|
15400 | props = _objectWithoutProperties(_props, ['className', 'input', 'children', 'label', 'width']);
|
15401 |
|
15402 | return _react2.default.createElement(
|
15403 | _Label2.default,
|
15404 | Object.assign({}, props, { lowercase: true, className: className }),
|
15405 | _react2.default.createElement('input', Object.assign({
|
15406 | type: 'checkbox',
|
15407 | onClick: this.onClick
|
15408 | }, input)),
|
15409 | _react2.default.createElement(_XCheckboxSVG2.default, { width: width }),
|
15410 | label ? label : children
|
15411 | );
|
15412 | }
|
15413 | }]);
|
15414 |
|
15415 | return XCheckboxBase;
|
15416 | }(_react2.default.Component);
|
15417 |
|
15418 | XCheckboxBase.propTypes = {
|
15419 | className: _propTypes2.default.string,
|
15420 | input: _propTypes2.default.oneOfType([_propTypes2.default.shape({
|
15421 | value: _propTypes2.default.bool.isRequired
|
15422 | }), _propTypes2.default.shape({
|
15423 | checked: _propTypes2.default.bool.isRequired
|
15424 | })]),
|
15425 | label: _propTypes2.default.string
|
15426 | };
|
15427 |
|
15428 | var XCheckbox = (0, _styledComponents2.default)(XCheckboxBase)(_templateObject, _XCheckboxSVG2.default, _X2.default, function (props) {
|
15429 | return props.theme.colors.rocketBlue;
|
15430 | });
|
15431 |
|
15432 | XCheckbox.propTypes = {
|
15433 | className: _propTypes2.default.string,
|
15434 | input: _propTypes2.default.object,
|
15435 | label: _propTypes2.default.string,
|
15436 | theme: _propTypes2.default.shape({
|
15437 | colors: _propTypes2.default.shape({
|
15438 | rocketBlue: _propTypes2.default.string,
|
15439 | white: _propTypes2.default.string
|
15440 | })
|
15441 | })
|
15442 |
|
15443 |
|
15444 | };exports.default = XCheckbox;
|
15445 | exports.XCheckboxBase = XCheckboxBase;
|
15446 |
|
15447 | }),
|
15448 |
|
15449 | (function(module, exports, __webpack_require__) {
|
15450 |
|
15451 | "use strict";
|
15452 |
|
15453 |
|
15454 | Object.defineProperty(exports, "__esModule", {
|
15455 | value: true
|
15456 | });
|
15457 | exports.XCheckboxSVG = undefined;
|
15458 |
|
15459 | 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; }; }();
|
15460 |
|
15461 | var _templateObject = _taggedTemplateLiteral(['\n width: ', ';\n margin-right: .9rem;\n'], ['\n width: ', ';\n margin-right: .9rem;\n']);
|
15462 |
|
15463 | var _react = __webpack_require__(2);
|
15464 |
|
15465 | var _react2 = _interopRequireDefault(_react);
|
15466 |
|
15467 | var _propTypes = __webpack_require__(0);
|
15468 |
|
15469 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15470 |
|
15471 | var _styledComponents = __webpack_require__(1);
|
15472 |
|
15473 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15474 |
|
15475 | var _X = __webpack_require__(38);
|
15476 |
|
15477 | var _X2 = _interopRequireDefault(_X);
|
15478 |
|
15479 | var _Rect = __webpack_require__(30);
|
15480 |
|
15481 | var _Rect2 = _interopRequireDefault(_Rect);
|
15482 |
|
15483 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15484 |
|
15485 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15486 |
|
15487 | 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; }
|
15488 |
|
15489 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15490 |
|
15491 | 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; }
|
15492 |
|
15493 | 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; }
|
15494 |
|
15495 | var XCheckboxSVG = function (_Component) {
|
15496 | _inherits(XCheckboxSVG, _Component);
|
15497 |
|
15498 | function XCheckboxSVG() {
|
15499 | _classCallCheck(this, XCheckboxSVG);
|
15500 |
|
15501 | return _possibleConstructorReturn(this, (XCheckboxSVG.__proto__ || Object.getPrototypeOf(XCheckboxSVG)).apply(this, arguments));
|
15502 | }
|
15503 |
|
15504 | _createClass(XCheckboxSVG, [{
|
15505 | key: 'render',
|
15506 | value: function render() {
|
15507 | var _props = this.props,
|
15508 | className = _props.className,
|
15509 | props = _objectWithoutProperties(_props, ['className']);
|
15510 |
|
15511 | return _react2.default.createElement(
|
15512 | 'svg',
|
15513 | { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 190 190' },
|
15514 | _react2.default.createElement(_Rect2.default, props),
|
15515 | _react2.default.createElement(_X2.default, props)
|
15516 | );
|
15517 | }
|
15518 | }]);
|
15519 |
|
15520 | return XCheckboxSVG;
|
15521 | }(_react.Component);
|
15522 |
|
15523 | var StyledXCheckboxSVG = (0, _styledComponents2.default)(XCheckboxSVG)(_templateObject, function (props) {
|
15524 | return props.width;
|
15525 | });
|
15526 |
|
15527 | StyledXCheckboxSVG.propTypes = {
|
15528 | checked: _propTypes2.default.bool
|
15529 | };
|
15530 |
|
15531 | StyledXCheckboxSVG.defaultProps = {
|
15532 | checked: false,
|
15533 | width: '2.5rem'
|
15534 | };
|
15535 |
|
15536 | exports.default = StyledXCheckboxSVG;
|
15537 | exports.XCheckboxSVG = XCheckboxSVG;
|
15538 |
|
15539 | }),
|
15540 |
|
15541 | (function(module, exports, __webpack_require__) {
|
15542 |
|
15543 | "use strict";
|
15544 |
|
15545 |
|
15546 | Object.defineProperty(exports, "__esModule", {
|
15547 | value: true
|
15548 | });
|
15549 |
|
15550 | var _CheckboxButton = __webpack_require__(247);
|
15551 |
|
15552 | Object.defineProperty(exports, 'CheckboxButton', {
|
15553 | enumerable: true,
|
15554 | get: function get() {
|
15555 | return _interopRequireDefault(_CheckboxButton).default;
|
15556 | }
|
15557 | });
|
15558 |
|
15559 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15560 |
|
15561 | }),
|
15562 |
|
15563 | (function(module, exports, __webpack_require__) {
|
15564 |
|
15565 | "use strict";
|
15566 |
|
15567 |
|
15568 | Object.defineProperty(exports, "__esModule", {
|
15569 | value: true
|
15570 | });
|
15571 |
|
15572 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n margin-left: 1rem;\n margin-right: 1rem;\n input {\n position: absolute;\n height: 0;\n width: 0;\n visibility: hidden;\n }\n\n .button {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 3.2rem;\n width: 6.4rem;\n border: 1px solid ', ';\n border-radius: 0.2rem;\n font-family: ', ';\n font-size: 1.6rem;\n font-weight: 100;\n color: ', ';\n transition: color 0.25s, background-color 0.25s;\n }\n\n input:checked + .button {\n background-color: ', ';\n color: ', ';\n }\n'], ['\n position: relative;\n margin-left: 1rem;\n margin-right: 1rem;\n input {\n position: absolute;\n height: 0;\n width: 0;\n visibility: hidden;\n }\n\n .button {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 3.2rem;\n width: 6.4rem;\n border: 1px solid ', ';\n border-radius: 0.2rem;\n font-family: ', ';\n font-size: 1.6rem;\n font-weight: 100;\n color: ', ';\n transition: color 0.25s, background-color 0.25s;\n }\n\n input:checked + .button {\n background-color: ', ';\n color: ', ';\n }\n']);
|
15573 |
|
15574 | var _styledComponents = __webpack_require__(1);
|
15575 |
|
15576 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15577 |
|
15578 | var _CheckboxButton = __webpack_require__(248);
|
15579 |
|
15580 | var _CheckboxButton2 = _interopRequireDefault(_CheckboxButton);
|
15581 |
|
15582 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15583 |
|
15584 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15585 |
|
15586 | var CheckboxButton = (0, _styledComponents2.default)(_CheckboxButton2.default)(_templateObject, function (props) {
|
15587 | return props.theme.colors.rocketBlue;
|
15588 | }, function (props) {
|
15589 | return props.theme.fonts.primaryFont;
|
15590 | }, function (props) {
|
15591 | return props.theme.colors.navy;
|
15592 | }, function (props) {
|
15593 | return props.theme.colors.rocketBlue;
|
15594 | }, function (props) {
|
15595 | return props.theme.colors.white;
|
15596 | });
|
15597 |
|
15598 |
|
15599 | exports.default = CheckboxButton;
|
15600 |
|
15601 | }),
|
15602 |
|
15603 | (function(module, exports, __webpack_require__) {
|
15604 |
|
15605 | "use strict";
|
15606 |
|
15607 |
|
15608 | Object.defineProperty(exports, "__esModule", {
|
15609 | value: true
|
15610 | });
|
15611 |
|
15612 | var _react = __webpack_require__(2);
|
15613 |
|
15614 | var _react2 = _interopRequireDefault(_react);
|
15615 |
|
15616 | var _propTypes = __webpack_require__(0);
|
15617 |
|
15618 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15619 |
|
15620 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15621 |
|
15622 | var BaseCheckboxButton = function BaseCheckboxButton(_ref) {
|
15623 | var className = _ref.className,
|
15624 | input = _ref.input,
|
15625 | children = _ref.children;
|
15626 |
|
15627 | return _react2.default.createElement(
|
15628 | 'label',
|
15629 | { className: className },
|
15630 | _react2.default.createElement('input', Object.assign({ type: 'checkbox' }, input)),
|
15631 | _react2.default.createElement(
|
15632 | 'div',
|
15633 | { className: 'button' },
|
15634 | children
|
15635 | )
|
15636 | );
|
15637 | };
|
15638 |
|
15639 | BaseCheckboxButton.propTypes = {
|
15640 | children: _propTypes2.default.node,
|
15641 | input: _propTypes2.default.object.isRequired
|
15642 | };
|
15643 |
|
15644 | exports.default = BaseCheckboxButton;
|
15645 |
|
15646 | }),
|
15647 |
|
15648 | (function(module, exports, __webpack_require__) {
|
15649 |
|
15650 | "use strict";
|
15651 |
|
15652 |
|
15653 | Object.defineProperty(exports, "__esModule", {
|
15654 | value: true
|
15655 | });
|
15656 |
|
15657 | var _roundRadioButton = __webpack_require__(250);
|
15658 |
|
15659 | Object.defineProperty(exports, 'RoundRadioButton', {
|
15660 | enumerable: true,
|
15661 | get: function get() {
|
15662 | return _interopRequireDefault(_roundRadioButton).default;
|
15663 | }
|
15664 | });
|
15665 |
|
15666 | var _squareRadioButton = __webpack_require__(251);
|
15667 |
|
15668 | Object.defineProperty(exports, 'SquareRadioButton', {
|
15669 | enumerable: true,
|
15670 | get: function get() {
|
15671 | return _interopRequireDefault(_squareRadioButton).default;
|
15672 | }
|
15673 | });
|
15674 |
|
15675 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15676 |
|
15677 | }),
|
15678 |
|
15679 | (function(module, exports, __webpack_require__) {
|
15680 |
|
15681 | "use strict";
|
15682 |
|
15683 |
|
15684 | Object.defineProperty(exports, "__esModule", {
|
15685 | value: true
|
15686 | });
|
15687 | exports.checked = exports.BaseRoundRadioButton = undefined;
|
15688 |
|
15689 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n border: 1px solid ', ';\n background-color: ', ';\n'], ['\n color: ', ';\n border: 1px solid ', ';\n background-color: ', ';\n']),
|
15690 | _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']);
|
15691 |
|
15692 | var _react = __webpack_require__(2);
|
15693 |
|
15694 | var _react2 = _interopRequireDefault(_react);
|
15695 |
|
15696 | var _propTypes = __webpack_require__(0);
|
15697 |
|
15698 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15699 |
|
15700 | var _styledComponents = __webpack_require__(1);
|
15701 |
|
15702 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15703 |
|
15704 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15705 |
|
15706 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15707 |
|
15708 | 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; }
|
15709 |
|
15710 | var BaseRoundRadioButton = function BaseRoundRadioButton(_ref) {
|
15711 | var children = _ref.children,
|
15712 | className = _ref.className,
|
15713 | input = _ref.input,
|
15714 | props = _objectWithoutProperties(_ref, ['children', 'className', 'input']);
|
15715 |
|
15716 | return _react2.default.createElement(
|
15717 | 'div',
|
15718 | { className: className },
|
15719 | _react2.default.createElement('input', Object.assign({ id: input.value, type: 'radio' }, input)),
|
15720 | _react2.default.createElement(
|
15721 | 'label',
|
15722 | { htmlFor: input.value },
|
15723 | children
|
15724 | )
|
15725 | );
|
15726 | };
|
15727 |
|
15728 | var checked = (0, _styledComponents.css)(_templateObject, function (props) {
|
15729 | return props.theme.colors.white;
|
15730 | }, function (props) {
|
15731 | return props.theme.colors.rocketBlue;
|
15732 | }, function (props) {
|
15733 | return props.theme.colors.rocketBlue;
|
15734 | });
|
15735 |
|
15736 | var RoundRadioButton = (0, _styledComponents2.default)(BaseRoundRadioButton)(_templateObject2, function (props) {
|
15737 | return props.theme.colors.navy;
|
15738 | }, function (props) {
|
15739 | return props.theme.colors.gray[5];
|
15740 | }, function (props) {
|
15741 | return props.theme.colors.gray[0];
|
15742 | }, function (props) {
|
15743 | return props.theme.fonts.primaryFont;
|
15744 | }, function (props) {
|
15745 | return checked;
|
15746 | });
|
15747 |
|
15748 | RoundRadioButton.propTypes = {
|
15749 | children: _propTypes2.default.node,
|
15750 | input: _propTypes2.default.object,
|
15751 | theme: _propTypes2.default.shape({
|
15752 | fonts: _propTypes2.default.shape({
|
15753 | primaryFont: _propTypes2.default.string.isRequired
|
15754 | }),
|
15755 | colors: _propTypes2.default.shape({
|
15756 | navy: _propTypes2.default.string.isRequired,
|
15757 | rocketBlue: _propTypes2.default.string.isRequired,
|
15758 | white: _propTypes2.default.string.isRequired,
|
15759 | gray: _propTypes2.default.array.isRequired
|
15760 | })
|
15761 | })
|
15762 |
|
15763 |
|
15764 | };exports.default = RoundRadioButton;
|
15765 | exports.BaseRoundRadioButton = BaseRoundRadioButton;
|
15766 | exports.checked = checked;
|
15767 |
|
15768 | }),
|
15769 |
|
15770 | (function(module, exports, __webpack_require__) {
|
15771 |
|
15772 | "use strict";
|
15773 |
|
15774 |
|
15775 | Object.defineProperty(exports, "__esModule", {
|
15776 | value: true
|
15777 | });
|
15778 |
|
15779 | 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']);
|
15780 |
|
15781 | var _react = __webpack_require__(2);
|
15782 |
|
15783 | var _react2 = _interopRequireDefault(_react);
|
15784 |
|
15785 | var _propTypes = __webpack_require__(0);
|
15786 |
|
15787 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15788 |
|
15789 | var _styledComponents = __webpack_require__(1);
|
15790 |
|
15791 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15792 |
|
15793 | var _classnames = __webpack_require__(8);
|
15794 |
|
15795 | var _classnames2 = _interopRequireDefault(_classnames);
|
15796 |
|
15797 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15798 |
|
15799 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
15800 |
|
15801 | var SquareRadioButton = (0, _styledComponents2.default)(function (_ref) {
|
15802 | var className = _ref.className,
|
15803 | children = _ref.children,
|
15804 | selected = _ref.selected,
|
15805 | input = _ref.input,
|
15806 | disabled = _ref.disabled;
|
15807 |
|
15808 | var classes = (0, _classnames2.default)(className, {
|
15809 | selected: selected,
|
15810 | disabled: disabled
|
15811 | });
|
15812 | return _react2.default.createElement(
|
15813 | 'label',
|
15814 | { className: classes },
|
15815 | children,
|
15816 | _react2.default.createElement('input', Object.assign({ type: 'radio' }, input))
|
15817 | );
|
15818 | })(_templateObject, function (props) {
|
15819 | return props.theme.fonts.primaryFont;
|
15820 | }, function (props) {
|
15821 | return props.theme.colors.navyBlue;
|
15822 | }, function (props) {
|
15823 | return props.theme.colors.rocketBlue;
|
15824 | }, function (props) {
|
15825 | return props.theme.colors.lightBlue[1];
|
15826 | }, function (props) {
|
15827 | return props.theme.colors.shadyLady;
|
15828 | }, function (props) {
|
15829 | return props.theme.colors.shadyLady;
|
15830 | }, function (props) {
|
15831 | return props.theme.colors.lightBlue[1];
|
15832 | });
|
15833 |
|
15834 | SquareRadioButton.propTypes = {
|
15835 | children: _propTypes2.default.node.isRequired,
|
15836 | className: _propTypes2.default.string,
|
15837 | input: _propTypes2.default.object,
|
15838 | disabled: _propTypes2.default.bool,
|
15839 | selected: _propTypes2.default.bool
|
15840 |
|
15841 |
|
15842 | };exports.default = SquareRadioButton;
|
15843 |
|
15844 | }),
|
15845 |
|
15846 | (function(module, exports, __webpack_require__) {
|
15847 |
|
15848 | "use strict";
|
15849 |
|
15850 |
|
15851 | Object.defineProperty(exports, "__esModule", {
|
15852 | value: true
|
15853 | });
|
15854 |
|
15855 | var _Input = __webpack_require__(253);
|
15856 |
|
15857 | Object.defineProperty(exports, 'Input', {
|
15858 | enumerable: true,
|
15859 | get: function get() {
|
15860 | return _interopRequireDefault(_Input).default;
|
15861 | }
|
15862 | });
|
15863 |
|
15864 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15865 |
|
15866 | }),
|
15867 |
|
15868 | (function(module, exports, __webpack_require__) {
|
15869 |
|
15870 | "use strict";
|
15871 |
|
15872 |
|
15873 | Object.defineProperty(exports, "__esModule", {
|
15874 | value: true
|
15875 | });
|
15876 |
|
15877 | 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; }; }();
|
15878 |
|
15879 | 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']),
|
15880 | _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']),
|
15881 | _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']),
|
15882 | _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']),
|
15883 | _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']),
|
15884 | _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']);
|
15885 |
|
15886 | var _react = __webpack_require__(2);
|
15887 |
|
15888 | var _react2 = _interopRequireDefault(_react);
|
15889 |
|
15890 | var _propTypes = __webpack_require__(0);
|
15891 |
|
15892 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
15893 |
|
15894 | var _reactInputMask = __webpack_require__(39);
|
15895 |
|
15896 | var _reactInputMask2 = _interopRequireDefault(_reactInputMask);
|
15897 |
|
15898 | var _styledComponents = __webpack_require__(1);
|
15899 |
|
15900 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
15901 |
|
15902 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15903 |
|
15904 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
15905 |
|
15906 | 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; }
|
15907 |
|
15908 | 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; }
|
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 | var domOnlyProps = function domOnlyProps(_ref) {
|
15915 | var initialValue = _ref.initialValue,
|
15916 | autofill = _ref.autofill,
|
15917 | onUpdate = _ref.onUpdate,
|
15918 | valid = _ref.valid,
|
15919 | invalid = _ref.invalid,
|
15920 | dirty = _ref.dirty,
|
15921 | pristine = _ref.pristine,
|
15922 | active = _ref.active,
|
15923 | touched = _ref.touched,
|
15924 | visited = _ref.visited,
|
15925 | autofilled = _ref.autofilled,
|
15926 | error = _ref.error,
|
15927 | fieldProps = _objectWithoutProperties(_ref, ['initialValue', 'autofill', 'onUpdate', 'valid', 'invalid', 'dirty', 'pristine', 'active', 'touched', 'visited', 'autofilled', 'error']);
|
15928 |
|
15929 | return fieldProps;
|
15930 | };
|
15931 |
|
15932 | var Label = _styledComponents2.default.label(_templateObject, function (props) {
|
15933 | return props.theme.fonts.primaryFont;
|
15934 | }, function (props) {
|
15935 | return props.theme.colors.navy;
|
15936 | });
|
15937 |
|
15938 | var Span = _styledComponents2.default.span(_templateObject2);
|
15939 |
|
15940 | var ErrorMessage = _styledComponents2.default.div(_templateObject3, function (props) {
|
15941 | return props.theme.colors.white;
|
15942 | }, function (props) {
|
15943 | return props.theme.colors.flameOrange;
|
15944 | }, function (props) {
|
15945 | return props.theme.fonts.primaryFont;
|
15946 | });
|
15947 |
|
15948 | var StyledInput = _styledComponents2.default.input(_templateObject4, function (props) {
|
15949 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.gray4;
|
15950 | }, function (props) {
|
15951 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.navy;
|
15952 | }, function (props) {
|
15953 | return props.theme.fonts.secondaryFont;
|
15954 | }, function (props) {
|
15955 | return props.theme.colors.rocketBlue;
|
15956 | }, function (props) {
|
15957 | return props.theme.colors.rocketBlue;
|
15958 | });
|
15959 |
|
15960 | var StyledInputElement = (0, _styledComponents2.default)(_reactInputMask2.default)(_templateObject5, function (props) {
|
15961 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.gray4;
|
15962 | }, function (props) {
|
15963 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.navy;
|
15964 | }, function (props) {
|
15965 | return props.theme.fonts.secondaryFont;
|
15966 | }, function (props) {
|
15967 | return props.theme.colors.rocketBlue;
|
15968 | }, function (props) {
|
15969 | return props.theme.colors.rocketBlue;
|
15970 | });
|
15971 |
|
15972 | var BaseInput = function (_React$Component) {
|
15973 | _inherits(BaseInput, _React$Component);
|
15974 |
|
15975 | function BaseInput() {
|
15976 | _classCallCheck(this, BaseInput);
|
15977 |
|
15978 | return _possibleConstructorReturn(this, (BaseInput.__proto__ || Object.getPrototypeOf(BaseInput)).apply(this, arguments));
|
15979 | }
|
15980 |
|
15981 | _createClass(BaseInput, [{
|
15982 | key: '_renderInput',
|
15983 | value: function _renderInput(props, error) {
|
15984 | if (props.mask) {
|
15985 | return _react2.default.createElement(StyledInputElement, Object.assign({ error: error }, domOnlyProps(props)));
|
15986 | }
|
15987 | return _react2.default.createElement(StyledInput, Object.assign({ error: error }, domOnlyProps(props)));
|
15988 | }
|
15989 | }, {
|
15990 | key: 'render',
|
15991 | value: function render() {
|
15992 | var _props = this.props,
|
15993 | label = _props.label,
|
15994 | sublabel = _props.sublabel,
|
15995 | formError = _props.formError,
|
15996 | errorMessage = _props.errorMessage,
|
15997 | className = _props.className,
|
15998 | inputProps = _objectWithoutProperties(_props, ['label', 'sublabel', 'formError', 'errorMessage', 'className']);
|
15999 |
|
16000 | return _react2.default.createElement(
|
16001 | 'div',
|
16002 | { className: className },
|
16003 | label && _react2.default.createElement(
|
16004 | Label,
|
16005 | null,
|
16006 | label,
|
16007 | sublabel && _react2.default.createElement(
|
16008 | Span,
|
16009 | null,
|
16010 | sublabel
|
16011 | )
|
16012 | ),
|
16013 | this._renderInput(inputProps, !!formError),
|
16014 | errorMessage && _react2.default.createElement(
|
16015 | ErrorMessage,
|
16016 | null,
|
16017 | errorMessage
|
16018 | )
|
16019 | );
|
16020 | }
|
16021 | }]);
|
16022 |
|
16023 | return BaseInput;
|
16024 | }(_react2.default.Component);
|
16025 |
|
16026 | BaseInput.propTypes = {
|
16027 | type: _propTypes2.default.string,
|
16028 | label: _propTypes2.default.string,
|
16029 | sublabel: _propTypes2.default.string,
|
16030 | onChange: _propTypes2.default.func,
|
16031 | value: _propTypes2.default.string,
|
16032 | placeholder: _propTypes2.default.string,
|
16033 | required: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string]),
|
16034 | formError: _propTypes2.default.bool,
|
16035 | errorMessage: _propTypes2.default.string,
|
16036 | mask: _propTypes2.default.string,
|
16037 | maxLength: _propTypes2.default.string,
|
16038 | className: _propTypes2.default.string
|
16039 | };
|
16040 |
|
16041 | BaseInput.defaultProps = {
|
16042 | type: 'text'
|
16043 | };
|
16044 |
|
16045 | var Input = (0, _styledComponents2.default)(BaseInput)(_templateObject6);
|
16046 |
|
16047 | exports.default = Input;
|
16048 |
|
16049 | }),
|
16050 |
|
16051 | (function(module, exports, __webpack_require__) {
|
16052 |
|
16053 | "use strict";
|
16054 |
|
16055 |
|
16056 | Object.defineProperty(exports, "__esModule", {
|
16057 | value: true
|
16058 | });
|
16059 |
|
16060 | var _InputSmall = __webpack_require__(255);
|
16061 |
|
16062 | Object.defineProperty(exports, 'InputSmall', {
|
16063 | enumerable: true,
|
16064 | get: function get() {
|
16065 | return _interopRequireDefault(_InputSmall).default;
|
16066 | }
|
16067 | });
|
16068 |
|
16069 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16070 |
|
16071 | }),
|
16072 |
|
16073 | (function(module, exports, __webpack_require__) {
|
16074 |
|
16075 | "use strict";
|
16076 |
|
16077 |
|
16078 | Object.defineProperty(exports, "__esModule", {
|
16079 | value: true
|
16080 | });
|
16081 |
|
16082 | 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; }; }();
|
16083 |
|
16084 | 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']),
|
16085 | _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']),
|
16086 | _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']),
|
16087 | _templateObject4 = _taggedTemplateLiteral(['\n border: 1px solid ', '!important;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n\n padding-left: 14px;\n padding-right: 14px;\n padding-top: 12.5px;\n padding-bottom: 8.5px;\n\n color: ', '!important;\n font-family: ', ';\n font-size: 16px;\n\n &::placeholder {\n color: ', ';\n font-family: ', ';\n font-size: 12px;\n font-weight: 400;\n letter-spacing: 0.36px;\n }\n\n &:focus {\n outline: none;\n border-color: ', ' !important;\n color: ', ' !important;\n }\n'], ['\n border: 1px solid ', '!important;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n\n padding-left: 14px;\n padding-right: 14px;\n padding-top: 12.5px;\n padding-bottom: 8.5px;\n\n color: ', '!important;\n font-family: ', ';\n font-size: 16px;\n\n &::placeholder {\n color: ', ';\n font-family: ', ';\n font-size: 12px;\n font-weight: 400;\n letter-spacing: 0.36px;\n }\n\n &:focus {\n outline: none;\n border-color: ', ' !important;\n color: ', ' !important;\n }\n']),
|
16088 | _templateObject5 = _taggedTemplateLiteral(['\n height: 100%;\n width: 100%;\n border: 1px solid ', '!important;\n box-sizing: border-box;\n\n padding-left: 14px;\n padding-right: 14px;\n padding-top: 12.5px;\n padding-bottom: 8.5px;\n\n color: ', '!important;\n font-family: ', ';\n font-size: 16px;\n\n &::placeholder {\n color: ', ';\n font-family: ', ';\n font-size: 12px;\n font-weight: 400;\n letter-spacing: 0.36px;\n }\n\n &:focus {\n outline: none;\n border-color: ', ' !important;\n color: ', ' !important;\n }\n'], ['\n height: 100%;\n width: 100%;\n border: 1px solid ', '!important;\n box-sizing: border-box;\n\n padding-left: 14px;\n padding-right: 14px;\n padding-top: 12.5px;\n padding-bottom: 8.5px;\n\n color: ', '!important;\n font-family: ', ';\n font-size: 16px;\n\n &::placeholder {\n color: ', ';\n font-family: ', ';\n font-size: 12px;\n font-weight: 400;\n letter-spacing: 0.36px;\n }\n\n &:focus {\n outline: none;\n border-color: ', ' !important;\n color: ', ' !important;\n }\n']),
|
16089 | _templateObject6 = _taggedTemplateLiteral(['\n position: relative;\n'], ['\n position: relative;\n']);
|
16090 |
|
16091 | var _react = __webpack_require__(2);
|
16092 |
|
16093 | var _react2 = _interopRequireDefault(_react);
|
16094 |
|
16095 | var _propTypes = __webpack_require__(0);
|
16096 |
|
16097 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16098 |
|
16099 | var _reactInputMask = __webpack_require__(39);
|
16100 |
|
16101 | var _reactInputMask2 = _interopRequireDefault(_reactInputMask);
|
16102 |
|
16103 | var _styledComponents = __webpack_require__(1);
|
16104 |
|
16105 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16106 |
|
16107 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16108 |
|
16109 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
16110 |
|
16111 | 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; }
|
16112 |
|
16113 | 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; }
|
16114 |
|
16115 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16116 |
|
16117 | 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; }
|
16118 |
|
16119 | var domOnlyProps = function domOnlyProps(_ref) {
|
16120 | var initialValue = _ref.initialValue,
|
16121 | autofill = _ref.autofill,
|
16122 | onUpdate = _ref.onUpdate,
|
16123 | valid = _ref.valid,
|
16124 | invalid = _ref.invalid,
|
16125 | dirty = _ref.dirty,
|
16126 | pristine = _ref.pristine,
|
16127 | active = _ref.active,
|
16128 | touched = _ref.touched,
|
16129 | visited = _ref.visited,
|
16130 | autofilled = _ref.autofilled,
|
16131 | error = _ref.error,
|
16132 | fieldProps = _objectWithoutProperties(_ref, ['initialValue', 'autofill', 'onUpdate', 'valid', 'invalid', 'dirty', 'pristine', 'active', 'touched', 'visited', 'autofilled', 'error']);
|
16133 |
|
16134 | return fieldProps;
|
16135 | };
|
16136 |
|
16137 | var Label = _styledComponents2.default.label(_templateObject, function (props) {
|
16138 | return props.theme.fonts.primaryFont;
|
16139 | }, function (props) {
|
16140 | return props.theme.colors.navy;
|
16141 | });
|
16142 |
|
16143 | var Span = _styledComponents2.default.span(_templateObject2);
|
16144 |
|
16145 | var ErrorMessage = _styledComponents2.default.div(_templateObject3, function (props) {
|
16146 | return props.theme.colors.white;
|
16147 | }, function (props) {
|
16148 | return props.theme.colors.flameOrange;
|
16149 | }, function (props) {
|
16150 | return props.theme.fonts.primaryFont;
|
16151 | });
|
16152 |
|
16153 | var StyledInputSmall = _styledComponents2.default.input(_templateObject4, function (props) {
|
16154 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.gray4;
|
16155 | }, function (props) {
|
16156 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.navy;
|
16157 | }, function (props) {
|
16158 | return props.theme.fonts.secondaryFont;
|
16159 | }, function (props) {
|
16160 | return props.theme.colors.navy;
|
16161 | }, function (props) {
|
16162 | return props.theme.fonts.primaryFont;
|
16163 | }, function (props) {
|
16164 | return props.theme.colors.rocketBlue;
|
16165 | }, function (props) {
|
16166 | return props.theme.colors.rocketBlue;
|
16167 | });
|
16168 |
|
16169 | var StyledInputSmallElement = (0, _styledComponents2.default)(_reactInputMask2.default)(_templateObject5, function (props) {
|
16170 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.gray4;
|
16171 | }, function (props) {
|
16172 | return props.error ? props.theme.colors.flameOrange : props.theme.colors.navy;
|
16173 | }, function (props) {
|
16174 | return props.theme.fonts.secondaryFont;
|
16175 | }, function (props) {
|
16176 | return props.theme.colors.navy;
|
16177 | }, function (props) {
|
16178 | return props.theme.fonts.primaryFont;
|
16179 | }, function (props) {
|
16180 | return props.theme.colors.rocketBlue;
|
16181 | }, function (props) {
|
16182 | return props.theme.colors.rocketBlue;
|
16183 | });
|
16184 |
|
16185 | var BaseInputSmall = function (_React$Component) {
|
16186 | _inherits(BaseInputSmall, _React$Component);
|
16187 |
|
16188 | function BaseInputSmall() {
|
16189 | _classCallCheck(this, BaseInputSmall);
|
16190 |
|
16191 | return _possibleConstructorReturn(this, (BaseInputSmall.__proto__ || Object.getPrototypeOf(BaseInputSmall)).apply(this, arguments));
|
16192 | }
|
16193 |
|
16194 | _createClass(BaseInputSmall, [{
|
16195 | key: '_renderInputSmall',
|
16196 | value: function _renderInputSmall(props, error) {
|
16197 | if (props.mask) {
|
16198 | return _react2.default.createElement(StyledInputSmallElement, Object.assign({ error: error }, domOnlyProps(props)));
|
16199 | }
|
16200 | return _react2.default.createElement(StyledInputSmall, Object.assign({ error: error }, domOnlyProps(props)));
|
16201 | }
|
16202 | }, {
|
16203 | key: 'render',
|
16204 | value: function render() {
|
16205 | var _props = this.props,
|
16206 | label = _props.label,
|
16207 | sublabel = _props.sublabel,
|
16208 | errorMessage = _props.errorMessage,
|
16209 | className = _props.className,
|
16210 | inputProps = _objectWithoutProperties(_props, ['label', 'sublabel', 'errorMessage', 'className']);
|
16211 |
|
16212 | var formError = errorMessage !== '';
|
16213 |
|
16214 | return _react2.default.createElement(
|
16215 | 'div',
|
16216 | { className: className },
|
16217 | label && _react2.default.createElement(
|
16218 | Label,
|
16219 | null,
|
16220 | label,
|
16221 | sublabel && _react2.default.createElement(
|
16222 | Span,
|
16223 | null,
|
16224 | sublabel
|
16225 | )
|
16226 | ),
|
16227 | this._renderInputSmall(inputProps, !!formError),
|
16228 | errorMessage && _react2.default.createElement(
|
16229 | ErrorMessage,
|
16230 | null,
|
16231 | errorMessage
|
16232 | )
|
16233 | );
|
16234 | }
|
16235 | }]);
|
16236 |
|
16237 | return BaseInputSmall;
|
16238 | }(_react2.default.Component);
|
16239 |
|
16240 | BaseInputSmall.propTypes = {
|
16241 | type: _propTypes2.default.string,
|
16242 | label: _propTypes2.default.string,
|
16243 | sublabel: _propTypes2.default.string,
|
16244 | onChange: _propTypes2.default.func,
|
16245 | value: _propTypes2.default.string,
|
16246 | placeholder: _propTypes2.default.string,
|
16247 | required: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.string]),
|
16248 | errorMessage: _propTypes2.default.string,
|
16249 | mask: _propTypes2.default.string,
|
16250 | maxLength: _propTypes2.default.string,
|
16251 | className: _propTypes2.default.string
|
16252 | };
|
16253 |
|
16254 | BaseInputSmall.defaultProps = {
|
16255 | type: 'text'
|
16256 | };
|
16257 |
|
16258 | var InputSmall = (0, _styledComponents2.default)(BaseInputSmall)(_templateObject6);
|
16259 |
|
16260 | exports.default = InputSmall;
|
16261 |
|
16262 | }),
|
16263 |
|
16264 | (function(module, exports, __webpack_require__) {
|
16265 |
|
16266 | "use strict";
|
16267 |
|
16268 |
|
16269 | Object.defineProperty(exports, "__esModule", {
|
16270 | value: true
|
16271 | });
|
16272 |
|
16273 | var _Duet = __webpack_require__(257);
|
16274 |
|
16275 | Object.defineProperty(exports, 'Duet', {
|
16276 | enumerable: true,
|
16277 | get: function get() {
|
16278 | return _interopRequireDefault(_Duet).default;
|
16279 | }
|
16280 | });
|
16281 |
|
16282 | var _FullBleed = __webpack_require__(258);
|
16283 |
|
16284 | Object.defineProperty(exports, 'FullBleed', {
|
16285 | enumerable: true,
|
16286 | get: function get() {
|
16287 | return _interopRequireDefault(_FullBleed).default;
|
16288 | }
|
16289 | });
|
16290 |
|
16291 | var _Quartet = __webpack_require__(259);
|
16292 |
|
16293 | Object.defineProperty(exports, 'Quartet', {
|
16294 | enumerable: true,
|
16295 | get: function get() {
|
16296 | return _interopRequireDefault(_Quartet).default;
|
16297 | }
|
16298 | });
|
16299 |
|
16300 | var _Solo = __webpack_require__(260);
|
16301 |
|
16302 | Object.defineProperty(exports, 'Solo', {
|
16303 | enumerable: true,
|
16304 | get: function get() {
|
16305 | return _interopRequireDefault(_Solo).default;
|
16306 | }
|
16307 | });
|
16308 |
|
16309 | var _Trio = __webpack_require__(261);
|
16310 |
|
16311 | Object.defineProperty(exports, 'Trio', {
|
16312 | enumerable: true,
|
16313 | get: function get() {
|
16314 | return _interopRequireDefault(_Trio).default;
|
16315 | }
|
16316 | });
|
16317 |
|
16318 | var _TrioWithLead = __webpack_require__(262);
|
16319 |
|
16320 | Object.defineProperty(exports, 'TrioWithLead', {
|
16321 | enumerable: true,
|
16322 | get: function get() {
|
16323 | return _interopRequireDefault(_TrioWithLead).default;
|
16324 | }
|
16325 | });
|
16326 |
|
16327 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16328 |
|
16329 | }),
|
16330 |
|
16331 | (function(module, exports, __webpack_require__) {
|
16332 |
|
16333 | "use strict";
|
16334 |
|
16335 |
|
16336 | Object.defineProperty(exports, "__esModule", {
|
16337 | value: true
|
16338 | });
|
16339 |
|
16340 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n margin-bottom: 2rem;\n }\n'], ['\n ', ' {\n margin-bottom: 2rem;\n }\n']);
|
16341 |
|
16342 | var _react = __webpack_require__(2);
|
16343 |
|
16344 | var _react2 = _interopRequireDefault(_react);
|
16345 |
|
16346 | var _styledComponents = __webpack_require__(1);
|
16347 |
|
16348 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16349 |
|
16350 | var _propTypes = __webpack_require__(0);
|
16351 |
|
16352 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16353 |
|
16354 | var _SRC = __webpack_require__(3);
|
16355 |
|
16356 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16357 |
|
16358 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16359 |
|
16360 | var BaseDuet = function BaseDuet(_ref) {
|
16361 | var children = _ref.children,
|
16362 | className = _ref.className,
|
16363 | constrained = _ref.constrained,
|
16364 | padding = _ref.padding;
|
16365 |
|
16366 | return _react2.default.createElement(
|
16367 | _SRC.FlexRow,
|
16368 | {
|
16369 | padding: padding,
|
16370 | constrained: constrained,
|
16371 | className: className },
|
16372 | children.map(function (child, index) {
|
16373 | return _react2.default.createElement(
|
16374 | _SRC.FlexCol,
|
16375 | {
|
16376 | key: index,
|
16377 | mobile: { width: 2 },
|
16378 | tablet: { width: 6 },
|
16379 | desktop: { width: 6 } },
|
16380 | child
|
16381 | );
|
16382 | })
|
16383 | );
|
16384 | };
|
16385 |
|
16386 | var Duet = (0, _styledComponents2.default)(BaseDuet)(_templateObject, _SRC.FlexCol);
|
16387 |
|
16388 | Duet.propTypes = {
|
16389 | children: _propTypes2.default.array,
|
16390 | className: _propTypes2.default.string,
|
16391 | constrained: _propTypes2.default.bool,
|
16392 | padding: _propTypes2.default.bool
|
16393 | };
|
16394 |
|
16395 | Duet.defaultProps = {
|
16396 | constrained: false,
|
16397 | padding: false
|
16398 | };
|
16399 |
|
16400 | exports.default = Duet;
|
16401 |
|
16402 | }),
|
16403 |
|
16404 | (function(module, exports, __webpack_require__) {
|
16405 |
|
16406 | "use strict";
|
16407 |
|
16408 |
|
16409 | Object.defineProperty(exports, "__esModule", {
|
16410 | value: true
|
16411 | });
|
16412 |
|
16413 | var _react = __webpack_require__(2);
|
16414 |
|
16415 | var _react2 = _interopRequireDefault(_react);
|
16416 |
|
16417 | var _SRC = __webpack_require__(3);
|
16418 |
|
16419 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16420 |
|
16421 | 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; }
|
16422 |
|
16423 | var FullBleed = function FullBleed(_ref) {
|
16424 | var className = _ref.className,
|
16425 | props = _objectWithoutProperties(_ref, ['className']);
|
16426 |
|
16427 | return _react2.default.createElement(
|
16428 | _SRC.FlexRow,
|
16429 | {
|
16430 | className: className,
|
16431 | padding: false },
|
16432 | _react2.default.createElement(_SRC.FlexCol, Object.assign({
|
16433 | nested: true,
|
16434 | mobile: {
|
16435 | width: 4
|
16436 | },
|
16437 | desktop: {
|
16438 | width: 12
|
16439 | }
|
16440 | }, props))
|
16441 | );
|
16442 | };
|
16443 |
|
16444 | exports.default = FullBleed;
|
16445 |
|
16446 | }),
|
16447 |
|
16448 | (function(module, exports, __webpack_require__) {
|
16449 |
|
16450 | "use strict";
|
16451 |
|
16452 |
|
16453 | Object.defineProperty(exports, "__esModule", {
|
16454 | value: true
|
16455 | });
|
16456 |
|
16457 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n margin-bottom: 2rem;\n }\n'], ['\n ', ' {\n margin-bottom: 2rem;\n }\n']);
|
16458 |
|
16459 | var _react = __webpack_require__(2);
|
16460 |
|
16461 | var _react2 = _interopRequireDefault(_react);
|
16462 |
|
16463 | var _styledComponents = __webpack_require__(1);
|
16464 |
|
16465 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16466 |
|
16467 | var _propTypes = __webpack_require__(0);
|
16468 |
|
16469 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16470 |
|
16471 | var _SRC = __webpack_require__(3);
|
16472 |
|
16473 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16474 |
|
16475 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16476 |
|
16477 | var BaseQuartet = function BaseQuartet(_ref) {
|
16478 | var children = _ref.children,
|
16479 | className = _ref.className,
|
16480 | constrained = _ref.constrained,
|
16481 | padding = _ref.padding;
|
16482 |
|
16483 | return _react2.default.createElement(
|
16484 | _SRC.FlexRow,
|
16485 | {
|
16486 | className: className,
|
16487 | constrained: constrained,
|
16488 | padding: padding },
|
16489 | children.map(function (child, index) {
|
16490 | return _react2.default.createElement(
|
16491 | _SRC.FlexCol,
|
16492 | {
|
16493 | mobile: { width: 1 },
|
16494 | tablet: { width: 3 },
|
16495 | desktop: { width: 3 },
|
16496 | key: index },
|
16497 | child
|
16498 | );
|
16499 | })
|
16500 | );
|
16501 | };
|
16502 |
|
16503 | var Quartet = (0, _styledComponents2.default)(BaseQuartet)(_templateObject, _SRC.FlexCol);
|
16504 |
|
16505 | Quartet.propTypes = {
|
16506 | children: _propTypes2.default.array,
|
16507 | constrained: _propTypes2.default.bool,
|
16508 | padding: _propTypes2.default.bool
|
16509 | };
|
16510 |
|
16511 | Quartet.defaultProps = {
|
16512 | constrained: false,
|
16513 | padding: false
|
16514 | };
|
16515 |
|
16516 | exports.default = Quartet;
|
16517 |
|
16518 | }),
|
16519 |
|
16520 | (function(module, exports, __webpack_require__) {
|
16521 |
|
16522 | "use strict";
|
16523 |
|
16524 |
|
16525 | Object.defineProperty(exports, "__esModule", {
|
16526 | value: true
|
16527 | });
|
16528 |
|
16529 | var _react = __webpack_require__(2);
|
16530 |
|
16531 | var _react2 = _interopRequireDefault(_react);
|
16532 |
|
16533 | var _propTypes = __webpack_require__(0);
|
16534 |
|
16535 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16536 |
|
16537 | var _SRC = __webpack_require__(3);
|
16538 |
|
16539 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16540 |
|
16541 | 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; }
|
16542 |
|
16543 | var Solo = function Solo(_ref) {
|
16544 | var className = _ref.className,
|
16545 | constrained = _ref.constrained,
|
16546 | padding = _ref.padding,
|
16547 | props = _objectWithoutProperties(_ref, ['className', 'constrained', 'padding']);
|
16548 |
|
16549 | return _react2.default.createElement(
|
16550 | _SRC.FlexRow,
|
16551 | {
|
16552 | constrained: constrained,
|
16553 | className: className,
|
16554 | padding: padding },
|
16555 | _react2.default.createElement(_SRC.FlexCol, Object.assign({
|
16556 | mobile: { width: 4 },
|
16557 | tablet: { width: 12 },
|
16558 | desktop: { width: 12 }
|
16559 | }, props))
|
16560 | );
|
16561 | };
|
16562 |
|
16563 | Solo.propTypes = {
|
16564 | className: _propTypes2.default.string,
|
16565 | constrained: _propTypes2.default.bool,
|
16566 | padding: _propTypes2.default.bool
|
16567 | };
|
16568 |
|
16569 | Solo.defaultProps = {
|
16570 | constrained: false,
|
16571 | padding: true
|
16572 | };
|
16573 |
|
16574 | exports.default = Solo;
|
16575 |
|
16576 | }),
|
16577 |
|
16578 | (function(module, exports, __webpack_require__) {
|
16579 |
|
16580 | "use strict";
|
16581 |
|
16582 |
|
16583 | Object.defineProperty(exports, "__esModule", {
|
16584 | value: true
|
16585 | });
|
16586 |
|
16587 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n margin-bottom: 2rem;\n }\n'], ['\n ', ' {\n margin-bottom: 2rem;\n }\n']);
|
16588 |
|
16589 | var _react = __webpack_require__(2);
|
16590 |
|
16591 | var _react2 = _interopRequireDefault(_react);
|
16592 |
|
16593 | var _styledComponents = __webpack_require__(1);
|
16594 |
|
16595 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16596 |
|
16597 | var _propTypes = __webpack_require__(0);
|
16598 |
|
16599 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16600 |
|
16601 | var _SRC = __webpack_require__(3);
|
16602 |
|
16603 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16604 |
|
16605 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16606 |
|
16607 | var BaseTrio = function BaseTrio(_ref) {
|
16608 | var children = _ref.children,
|
16609 | className = _ref.className,
|
16610 | constrained = _ref.constrained;
|
16611 |
|
16612 | return _react2.default.createElement(
|
16613 | _SRC.FlexRow,
|
16614 | {
|
16615 | className: className,
|
16616 | constrained: constrained,
|
16617 | padding: true },
|
16618 | children.map(function (child, index) {
|
16619 | return _react2.default.createElement(
|
16620 | _SRC.FlexCol,
|
16621 | {
|
16622 | key: index,
|
16623 | mobile: { width: 4 },
|
16624 | tablet: { width: 4 },
|
16625 | desktop: { width: 4 } },
|
16626 | child
|
16627 | );
|
16628 | })
|
16629 | );
|
16630 | };
|
16631 |
|
16632 | var Trio = (0, _styledComponents2.default)(BaseTrio)(_templateObject, _SRC.FlexCol);
|
16633 |
|
16634 | Trio.propTypes = {
|
16635 | children: _propTypes2.default.array,
|
16636 | constrained: _propTypes2.default.bool
|
16637 | };
|
16638 |
|
16639 | Trio.default = {
|
16640 | constrained: false
|
16641 | };
|
16642 | exports.default = Trio;
|
16643 |
|
16644 | }),
|
16645 |
|
16646 | (function(module, exports, __webpack_require__) {
|
16647 |
|
16648 | "use strict";
|
16649 |
|
16650 |
|
16651 | Object.defineProperty(exports, "__esModule", {
|
16652 | value: true
|
16653 | });
|
16654 |
|
16655 | 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; }; }();
|
16656 |
|
16657 | var _templateObject = _taggedTemplateLiteral(['\nmargin: 0 2rem;\n', '\n .roa-trio-lead{\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n }\n .roa-trio-lead-stacked {\n justify-content: space-between;\n display: flex;\n flex-direction: column;\n }\n .roa-trio-with-lead-wrapper {\n position: relative;\n\n a {\n margin-bottom: 30px;\n\n ', '\n }\n }\n'], ['\nmargin: 0 2rem;\n', '\n .roa-trio-lead{\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n }\n .roa-trio-lead-stacked {\n justify-content: space-between;\n display: flex;\n flex-direction: column;\n }\n .roa-trio-with-lead-wrapper {\n position: relative;\n\n a {\n margin-bottom: 30px;\n\n ', '\n }\n }\n']),
|
16658 | _templateObject2 = _taggedTemplateLiteral(['\n margin-bottom: 6rem;\n'], ['\n margin-bottom: 6rem;\n']),
|
16659 | _templateObject3 = _taggedTemplateLiteral(['\n margin-bottom: 38px;\n '], ['\n margin-bottom: 38px;\n ']);
|
16660 |
|
16661 | var _react = __webpack_require__(2);
|
16662 |
|
16663 | var _react2 = _interopRequireDefault(_react);
|
16664 |
|
16665 | var _styledComponents = __webpack_require__(1);
|
16666 |
|
16667 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16668 |
|
16669 | var _propTypes = __webpack_require__(0);
|
16670 |
|
16671 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16672 |
|
16673 | var _SRC = __webpack_require__(3);
|
16674 |
|
16675 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16676 |
|
16677 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16678 |
|
16679 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
16680 |
|
16681 | 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; }
|
16682 |
|
16683 | 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; }
|
16684 |
|
16685 | var BaseTrioWithLead = function (_React$Component) {
|
16686 | _inherits(BaseTrioWithLead, _React$Component);
|
16687 |
|
16688 | function BaseTrioWithLead() {
|
16689 | var _ref;
|
16690 |
|
16691 | var _temp, _this, _ret;
|
16692 |
|
16693 | _classCallCheck(this, BaseTrioWithLead);
|
16694 |
|
16695 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
16696 | args[_key] = arguments[_key];
|
16697 | }
|
16698 |
|
16699 | return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = BaseTrioWithLead.__proto__ || Object.getPrototypeOf(BaseTrioWithLead)).call.apply(_ref, [this].concat(args))), _this), _this.parseTrio = function (children, index, output) {
|
16700 | if (index < children.length && children.length >= 3) {
|
16701 | if (children[index]) {
|
16702 | output.push(_react2.default.createElement(
|
16703 | 'div',
|
16704 | { key: index, className: 'roa-trio-lead' },
|
16705 | _react2.default.createElement(
|
16706 | _SRC.FlexCol,
|
16707 | {
|
16708 | mobile: { width: 4 },
|
16709 | tablet: { width: 12 },
|
16710 | desktop: { width: 7 } },
|
16711 | _react2.default.createElement(
|
16712 | 'div',
|
16713 | { className: 'roa-trio-with-lead-wrapper' },
|
16714 | children[index]
|
16715 | )
|
16716 | ),
|
16717 | children[index + 1] && _react2.default.createElement(
|
16718 | _SRC.FlexCol,
|
16719 | {
|
16720 | className: 'roa-trio-lead-stacked',
|
16721 | mobile: { width: 4 },
|
16722 | tablet: { width: 12 },
|
16723 | desktop: { width: 4, span: 1 }
|
16724 | },
|
16725 | _react2.default.createElement(
|
16726 | 'div',
|
16727 | { className: 'roa-trio-with-lead-wrapper' },
|
16728 | children[index + 1]
|
16729 | ),
|
16730 | _react2.default.createElement(
|
16731 | 'div',
|
16732 | { className: 'roa-trio-with-lead-wrapper' },
|
16733 | children[index + 2] && children[index + 2]
|
16734 | )
|
16735 | )
|
16736 | ));
|
16737 | }
|
16738 | return _this.parseTrio(children.slice(0, 3), index + 3, output);
|
16739 | } else {
|
16740 | return output;
|
16741 | }
|
16742 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
16743 | }
|
16744 |
|
16745 | _createClass(BaseTrioWithLead, [{
|
16746 | key: 'render',
|
16747 | value: function render() {
|
16748 | var _props = this.props,
|
16749 | children = _props.children,
|
16750 | className = _props.className,
|
16751 | constrained = _props.constrained,
|
16752 | padding = _props.padding;
|
16753 |
|
16754 | return _react2.default.createElement(
|
16755 | _SRC.FlexRow,
|
16756 | {
|
16757 | className: className,
|
16758 | constrained: constrained,
|
16759 | padding: padding },
|
16760 | this.parseTrio(children, 0, [])
|
16761 | );
|
16762 | }
|
16763 | }]);
|
16764 |
|
16765 | return BaseTrioWithLead;
|
16766 | }(_react2.default.Component);
|
16767 |
|
16768 | var TrioWithLead = (0, _styledComponents2.default)(BaseTrioWithLead)(_templateObject, function (props) {
|
16769 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
16770 | }, function (props) {
|
16771 | return props.theme.breakpointsVerbose.aboveDesktop(_templateObject3);
|
16772 | });
|
16773 |
|
16774 | TrioWithLead.propTypes = {
|
16775 | children: _propTypes2.default.array,
|
16776 | constrained: _propTypes2.default.bool,
|
16777 | padding: _propTypes2.default.bool
|
16778 | };
|
16779 |
|
16780 | TrioWithLead.defaultProps = {
|
16781 | constrained: false,
|
16782 | padding: true
|
16783 | };
|
16784 |
|
16785 | exports.default = TrioWithLead;
|
16786 |
|
16787 | }),
|
16788 |
|
16789 | (function(module, exports, __webpack_require__) {
|
16790 |
|
16791 | "use strict";
|
16792 |
|
16793 |
|
16794 | Object.defineProperty(exports, "__esModule", {
|
16795 | value: true
|
16796 | });
|
16797 |
|
16798 | var _productInformation = __webpack_require__(264);
|
16799 |
|
16800 | Object.defineProperty(exports, 'ProductInformation', {
|
16801 | enumerable: true,
|
16802 | get: function get() {
|
16803 | return _interopRequireDefault(_productInformation).default;
|
16804 | }
|
16805 | });
|
16806 |
|
16807 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16808 |
|
16809 | }),
|
16810 |
|
16811 | (function(module, exports, __webpack_require__) {
|
16812 |
|
16813 | "use strict";
|
16814 |
|
16815 |
|
16816 | Object.defineProperty(exports, "__esModule", {
|
16817 | value: true
|
16818 | });
|
16819 |
|
16820 | 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']);
|
16821 |
|
16822 | var _react = __webpack_require__(2);
|
16823 |
|
16824 | var _react2 = _interopRequireDefault(_react);
|
16825 |
|
16826 | var _propTypes = __webpack_require__(0);
|
16827 |
|
16828 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16829 |
|
16830 | var _styledComponents = __webpack_require__(1);
|
16831 |
|
16832 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16833 |
|
16834 | var _SRC = __webpack_require__(3);
|
16835 |
|
16836 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16837 |
|
16838 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16839 |
|
16840 | var ProductInformation = (0, _styledComponents2.default)(function (_ref) {
|
16841 | var className = _ref.className,
|
16842 | description = _ref.description,
|
16843 | header = _ref.header,
|
16844 | price = _ref.price,
|
16845 | subheader = _ref.subheader;
|
16846 |
|
16847 | return _react2.default.createElement(
|
16848 | 'div',
|
16849 | { className: className },
|
16850 | subheader && _react2.default.createElement(
|
16851 | _SRC.H3,
|
16852 | null,
|
16853 | subheader
|
16854 | ),
|
16855 | _react2.default.createElement(
|
16856 | _SRC.H1,
|
16857 | null,
|
16858 | header
|
16859 | ),
|
16860 | _react2.default.createElement(
|
16861 | _SRC.H2,
|
16862 | null,
|
16863 | price
|
16864 | ),
|
16865 | _react2.default.createElement(_SRC.Hr, null),
|
16866 | description && _react2.default.createElement(
|
16867 | _SRC.P,
|
16868 | null,
|
16869 | description
|
16870 | )
|
16871 | );
|
16872 | })(_templateObject, _SRC.H1, _SRC.H2, _SRC.H3);
|
16873 | ProductInformation.propTypes = {
|
16874 | description: _propTypes2.default.string,
|
16875 | header: _propTypes2.default.string,
|
16876 | price: _propTypes2.default.string,
|
16877 | subheader: _propTypes2.default.string
|
16878 |
|
16879 | };exports.default = ProductInformation;
|
16880 |
|
16881 | }),
|
16882 |
|
16883 | (function(module, exports, __webpack_require__) {
|
16884 |
|
16885 | "use strict";
|
16886 |
|
16887 |
|
16888 | Object.defineProperty(exports, "__esModule", {
|
16889 | value: true
|
16890 | });
|
16891 |
|
16892 | var _colorPicker = __webpack_require__(266);
|
16893 |
|
16894 | Object.keys(_colorPicker).forEach(function (key) {
|
16895 | if (key === "default" || key === "__esModule") return;
|
16896 | Object.defineProperty(exports, key, {
|
16897 | enumerable: true,
|
16898 | get: function get() {
|
16899 | return _colorPicker[key];
|
16900 | }
|
16901 | });
|
16902 | });
|
16903 |
|
16904 | var _quickAdd = __webpack_require__(269);
|
16905 |
|
16906 | Object.keys(_quickAdd).forEach(function (key) {
|
16907 | if (key === "default" || key === "__esModule") return;
|
16908 | Object.defineProperty(exports, key, {
|
16909 | enumerable: true,
|
16910 | get: function get() {
|
16911 | return _quickAdd[key];
|
16912 | }
|
16913 | });
|
16914 | });
|
16915 |
|
16916 | }),
|
16917 |
|
16918 | (function(module, exports, __webpack_require__) {
|
16919 |
|
16920 | "use strict";
|
16921 |
|
16922 |
|
16923 | Object.defineProperty(exports, "__esModule", {
|
16924 | value: true
|
16925 | });
|
16926 |
|
16927 | var _colorPicker = __webpack_require__(267);
|
16928 |
|
16929 | Object.defineProperty(exports, 'ColorPicker', {
|
16930 | enumerable: true,
|
16931 | get: function get() {
|
16932 | return _interopRequireDefault(_colorPicker).default;
|
16933 | }
|
16934 | });
|
16935 |
|
16936 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16937 |
|
16938 | }),
|
16939 |
|
16940 | (function(module, exports, __webpack_require__) {
|
16941 |
|
16942 | "use strict";
|
16943 |
|
16944 |
|
16945 | Object.defineProperty(exports, "__esModule", {
|
16946 | value: true
|
16947 | });
|
16948 |
|
16949 | var _templateObject = _taggedTemplateLiteral(['\n font-size: 0;\n margin-left: 0.5rem;\n img {\n border-radius: 50%;\n height: 2rem;\n width: 2rem;\n padding: 0.2rem;\n border: 1px solid;\n border-color: transparent;\n &:hover {\n border-color: ', ';\n cursor: pointer;\n }\n }\n input:checked + img {\n border-color: ', ';\n }\n input {\n height: 0;\n width: 0;\n opacity: 0;\n position: absolute;\n }\n'], ['\n font-size: 0;\n margin-left: 0.5rem;\n img {\n border-radius: 50%;\n height: 2rem;\n width: 2rem;\n padding: 0.2rem;\n border: 1px solid;\n border-color: transparent;\n &:hover {\n border-color: ', ';\n cursor: pointer;\n }\n }\n input:checked + img {\n border-color: ', ';\n }\n input {\n height: 0;\n width: 0;\n opacity: 0;\n position: absolute;\n }\n']);
|
16950 |
|
16951 | var _propTypes = __webpack_require__(0);
|
16952 |
|
16953 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
16954 |
|
16955 | var _styledComponents = __webpack_require__(1);
|
16956 |
|
16957 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
16958 |
|
16959 | var _colorPicker = __webpack_require__(268);
|
16960 |
|
16961 | var _colorPicker2 = _interopRequireDefault(_colorPicker);
|
16962 |
|
16963 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
16964 |
|
16965 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
16966 |
|
16967 | var ColorPicker = (0, _styledComponents2.default)(_colorPicker2.default)(_templateObject, function (props) {
|
16968 | return props.theme.colors.gray[4];
|
16969 | }, function (props) {
|
16970 | return props.theme.colors.gray[6];
|
16971 | });
|
16972 |
|
16973 | ColorPicker.propTypes = {
|
16974 | theme: _propTypes2.default.shape({
|
16975 | colors: _propTypes2.default.shape({
|
16976 | gray: _propTypes2.default.array
|
16977 | })
|
16978 | })
|
16979 |
|
16980 |
|
16981 | };exports.default = ColorPicker;
|
16982 |
|
16983 | }),
|
16984 |
|
16985 | (function(module, exports, __webpack_require__) {
|
16986 |
|
16987 | "use strict";
|
16988 |
|
16989 |
|
16990 | Object.defineProperty(exports, "__esModule", {
|
16991 | value: true
|
16992 | });
|
16993 |
|
16994 | var _react = __webpack_require__(2);
|
16995 |
|
16996 | var _react2 = _interopRequireDefault(_react);
|
16997 |
|
16998 | var _propTypes = __webpack_require__(0);
|
16999 |
|
17000 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17001 |
|
17002 | var _SRC = __webpack_require__(3);
|
17003 |
|
17004 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17005 |
|
17006 | var ColorPicker = function ColorPicker(_ref) {
|
17007 | var alt = _ref.alt,
|
17008 | className = _ref.className,
|
17009 | input = _ref.input,
|
17010 | src = _ref.src;
|
17011 |
|
17012 | return _react2.default.createElement(
|
17013 | 'label',
|
17014 | { className: className },
|
17015 | input.value,
|
17016 | _react2.default.createElement('input', Object.assign({ type: 'radio' }, input)),
|
17017 | _react2.default.createElement(_SRC.InlineImage, { src: src, alt: alt })
|
17018 | );
|
17019 | };
|
17020 |
|
17021 | ColorPicker.propTypes = {
|
17022 | alt: _propTypes2.default.string,
|
17023 | className: _propTypes2.default.string,
|
17024 | input: _propTypes2.default.object,
|
17025 | src: _propTypes2.default.string
|
17026 | };
|
17027 |
|
17028 | exports.default = ColorPicker;
|
17029 |
|
17030 | }),
|
17031 |
|
17032 | (function(module, exports, __webpack_require__) {
|
17033 |
|
17034 | "use strict";
|
17035 |
|
17036 |
|
17037 | Object.defineProperty(exports, "__esModule", {
|
17038 | value: true
|
17039 | });
|
17040 |
|
17041 | var _quickAddSize = __webpack_require__(270);
|
17042 |
|
17043 | Object.defineProperty(exports, 'QuickAddSize', {
|
17044 | enumerable: true,
|
17045 | get: function get() {
|
17046 | return _interopRequireDefault(_quickAddSize).default;
|
17047 | }
|
17048 | });
|
17049 |
|
17050 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17051 |
|
17052 | }),
|
17053 |
|
17054 | (function(module, exports, __webpack_require__) {
|
17055 |
|
17056 | "use strict";
|
17057 |
|
17058 |
|
17059 | Object.defineProperty(exports, "__esModule", {
|
17060 | value: true
|
17061 | });
|
17062 |
|
17063 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n input {\n position: absolute;\n height: 0;\n width: 0;\n visibility: hidden;\n }\n input:checked + label {\n background-color: ', ';\n color: ', ';\n text-decoration: none;\n &:hover {\n background-color: ', ';\n color: ', ';\n text-decoration: none;\n }\n }\n\n input:disabled + label {\n color: ', ';\n &:hover {\n color: ', ';\n background-color: transparent;\n cursor: not-allowed;\n }\n }\n\n label {\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-family: ', ';\n font-size: 1.4rem;\n border-radius: 1.5rem;\n color: $navy-blue;\n height: 2.8rem;\n line-height: 2.8rem;\n margin: 0.6rem;\n padding: 0 0.6rem;\n min-width: 2.8rem;\n width: auto;\n text-decoration: none;\n\n &:hover {\n background-color: ', ';\n color: ', ';\n cursor: pointer;\n text-decoration: none;\n }\n }\n'], ['\n position: relative;\n input {\n position: absolute;\n height: 0;\n width: 0;\n visibility: hidden;\n }\n input:checked + label {\n background-color: ', ';\n color: ', ';\n text-decoration: none;\n &:hover {\n background-color: ', ';\n color: ', ';\n text-decoration: none;\n }\n }\n\n input:disabled + label {\n color: ', ';\n &:hover {\n color: ', ';\n background-color: transparent;\n cursor: not-allowed;\n }\n }\n\n label {\n box-sizing: border-box;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-family: ', ';\n font-size: 1.4rem;\n border-radius: 1.5rem;\n color: $navy-blue;\n height: 2.8rem;\n line-height: 2.8rem;\n margin: 0.6rem;\n padding: 0 0.6rem;\n min-width: 2.8rem;\n width: auto;\n text-decoration: none;\n\n &:hover {\n background-color: ', ';\n color: ', ';\n cursor: pointer;\n text-decoration: none;\n }\n }\n']);
|
17064 |
|
17065 | var _propTypes = __webpack_require__(0);
|
17066 |
|
17067 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17068 |
|
17069 | var _styledComponents = __webpack_require__(1);
|
17070 |
|
17071 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17072 |
|
17073 | var _quickAddSize = __webpack_require__(271);
|
17074 |
|
17075 | var _quickAddSize2 = _interopRequireDefault(_quickAddSize);
|
17076 |
|
17077 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17078 |
|
17079 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17080 |
|
17081 | var QuickAddSize = (0, _styledComponents2.default)(_quickAddSize2.default)(_templateObject, function (props) {
|
17082 | return props.theme.colors.navy;
|
17083 | }, function (props) {
|
17084 | return props.theme.colors.white;
|
17085 | }, function (props) {
|
17086 | return props.theme.colors.navy;
|
17087 | }, function (props) {
|
17088 | return props.theme.colors.white;
|
17089 | }, function (props) {
|
17090 | return props.theme.colors.loading;
|
17091 | }, function (props) {
|
17092 | return props.theme.colors.loading;
|
17093 | }, function (props) {
|
17094 | return props.theme.fonts.primaryFont;
|
17095 | }, function (props) {
|
17096 | return props.theme.colors.rocketBlue;
|
17097 | }, function (props) {
|
17098 | return props.theme.colors.white;
|
17099 | });
|
17100 |
|
17101 | QuickAddSize.propTypes = {
|
17102 | theme: _propTypes2.default.shape({
|
17103 | colors: _propTypes2.default.shape({
|
17104 | rocketBlue: _propTypes2.default.string,
|
17105 | loading: _propTypes2.default.string,
|
17106 | navy: _propTypes2.default.string,
|
17107 | white: _propTypes2.default.string
|
17108 | }),
|
17109 | fonts: _propTypes2.default.shape({
|
17110 | primaryFont: _propTypes2.default.string
|
17111 | })
|
17112 | })
|
17113 |
|
17114 |
|
17115 | };exports.default = QuickAddSize;
|
17116 |
|
17117 | }),
|
17118 |
|
17119 | (function(module, exports, __webpack_require__) {
|
17120 |
|
17121 | "use strict";
|
17122 |
|
17123 |
|
17124 | Object.defineProperty(exports, "__esModule", {
|
17125 | value: true
|
17126 | });
|
17127 |
|
17128 | var _react = __webpack_require__(2);
|
17129 |
|
17130 | var _react2 = _interopRequireDefault(_react);
|
17131 |
|
17132 | var _propTypes = __webpack_require__(0);
|
17133 |
|
17134 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17135 |
|
17136 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17137 |
|
17138 | var OS_FULL_TEXT = 'One Size';
|
17139 |
|
17140 | var QuickAddSize = function QuickAddSize(_ref) {
|
17141 | var _ref$checked = _ref.checked,
|
17142 | checked = _ref$checked === undefined ? false : _ref$checked,
|
17143 | children = _ref.children,
|
17144 | className = _ref.className,
|
17145 | id = _ref.id,
|
17146 | _ref$input = _ref.input,
|
17147 | input = _ref$input === undefined ? {} : _ref$input,
|
17148 | quickAdd = _ref.quickAdd;
|
17149 |
|
17150 | var label = '';
|
17151 | if (children === 'OS') {
|
17152 | label = OS_FULL_TEXT;
|
17153 | } else {
|
17154 | label = children;
|
17155 | }
|
17156 | return _react2.default.createElement(
|
17157 | 'div',
|
17158 | { className: className },
|
17159 | _react2.default.createElement('input', Object.assign({
|
17160 | id: input.name,
|
17161 | type: 'button'
|
17162 | }, input)),
|
17163 | _react2.default.createElement(
|
17164 | 'label',
|
17165 | {
|
17166 | htmlFor: input.name },
|
17167 | label
|
17168 | )
|
17169 | );
|
17170 | };
|
17171 |
|
17172 | QuickAddSize.propTypes = {
|
17173 | checked: _propTypes2.default.bool,
|
17174 | children: _propTypes2.default.string,
|
17175 | className: _propTypes2.default.string,
|
17176 | id: _propTypes2.default.string,
|
17177 | input: _propTypes2.default.object
|
17178 | };
|
17179 |
|
17180 | exports.default = QuickAddSize;
|
17181 |
|
17182 | }),
|
17183 |
|
17184 | (function(module, exports, __webpack_require__) {
|
17185 |
|
17186 | "use strict";
|
17187 |
|
17188 |
|
17189 | Object.defineProperty(exports, "__esModule", {
|
17190 | value: true
|
17191 | });
|
17192 |
|
17193 | var _templateObject = _taggedTemplateLiteral(['\n padding: 2.0rem 1.5rem;\n background-color: ', ';\n'], ['\n padding: 2.0rem 1.5rem;\n background-color: ', ';\n']);
|
17194 |
|
17195 | var _propTypes = __webpack_require__(0);
|
17196 |
|
17197 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17198 |
|
17199 | var _styledComponents = __webpack_require__(1);
|
17200 |
|
17201 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17202 |
|
17203 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17204 |
|
17205 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17206 |
|
17207 | var InformationalSection = _styledComponents2.default.section(_templateObject, function (props) {
|
17208 | return props.theme.colors.lightBlue[0];
|
17209 | });
|
17210 |
|
17211 | InformationalSection.propTypes = {
|
17212 | theme: _propTypes2.default.shape({
|
17213 | colors: _propTypes2.default.shape({
|
17214 | lightBlue: _propTypes2.default.array
|
17215 | })
|
17216 | })
|
17217 |
|
17218 |
|
17219 | };exports.default = InformationalSection;
|
17220 |
|
17221 | }),
|
17222 |
|
17223 | (function(module, exports, __webpack_require__) {
|
17224 |
|
17225 | "use strict";
|
17226 |
|
17227 |
|
17228 | Object.defineProperty(exports, "__esModule", {
|
17229 | value: true
|
17230 | });
|
17231 |
|
17232 | 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']),
|
17233 | _templateObject2 = _taggedTemplateLiteral(['\n margin-top: 4rem;\n '], ['\n margin-top: 4rem;\n ']);
|
17234 |
|
17235 | var _react = __webpack_require__(2);
|
17236 |
|
17237 | var _react2 = _interopRequireDefault(_react);
|
17238 |
|
17239 | var _propTypes = __webpack_require__(0);
|
17240 |
|
17241 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17242 |
|
17243 | var _styledComponents = __webpack_require__(1);
|
17244 |
|
17245 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17246 |
|
17247 | var _defaultProps = __webpack_require__(274);
|
17248 |
|
17249 | var _SRC = __webpack_require__(3);
|
17250 |
|
17251 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17252 |
|
17253 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17254 |
|
17255 | var SubscriptionSection = (0, _styledComponents2.default)(function (props) {
|
17256 | var className = props.className,
|
17257 | children = props.children;
|
17258 | var header = children.header,
|
17259 | details = children.details,
|
17260 | footer = children.footer;
|
17261 |
|
17262 | return _react2.default.createElement(
|
17263 | 'section',
|
17264 | { className: className },
|
17265 | _react2.default.createElement(
|
17266 | _SRC.FlexRow,
|
17267 | null,
|
17268 | _react2.default.createElement(
|
17269 | _SRC.FlexCol,
|
17270 | {
|
17271 | element: 'header',
|
17272 | key: 'SubscriptionSectionHeader',
|
17273 | mobile: { width: 4 },
|
17274 | desktop: { width: 8, span: 2 } },
|
17275 | _react2.default.createElement(
|
17276 | _SRC.H1,
|
17277 | null,
|
17278 | header.title
|
17279 | ),
|
17280 | _react2.default.createElement(_SRC.P, { dangerouslySetInnerHTML: { __html: header.content } })
|
17281 | ),
|
17282 | details.map(function (detail, index) {
|
17283 | var Icon = detail.icon;
|
17284 | return _react2.default.createElement(
|
17285 | _SRC.FlexCol,
|
17286 | {
|
17287 | element: 'aside',
|
17288 | className: 'trio',
|
17289 | key: 'SubscriptionSectionBody-' + index,
|
17290 | mobile: { width: 4 },
|
17291 | desktop: { width: 4 } },
|
17292 | detail.icon && _react2.default.createElement(Icon, { animated: true }),
|
17293 | _react2.default.createElement(
|
17294 | _SRC.H3,
|
17295 | null,
|
17296 | detail.header
|
17297 | ),
|
17298 | _react2.default.createElement(_SRC.P, { dangerouslySetInnerHTML: { __html: detail.content } })
|
17299 | );
|
17300 | }),
|
17301 | _react2.default.createElement(
|
17302 | _SRC.FlexCol,
|
17303 | {
|
17304 | element: 'footer',
|
17305 | key: 'SubscriptionSectionFooter',
|
17306 | mobile: { width: 4 },
|
17307 | desktop: { width: 12 } },
|
17308 | _react2.default.createElement(
|
17309 | _SRC.H3,
|
17310 | null,
|
17311 | _react2.default.createElement(
|
17312 | 'a',
|
17313 | { href: footer.link.href },
|
17314 | footer.link.text
|
17315 | )
|
17316 | )
|
17317 | )
|
17318 | )
|
17319 | );
|
17320 | })(_templateObject, function (props) {
|
17321 | return props.theme.colors.lightBlue[0];
|
17322 | }, _SRC.H1, function (props) {
|
17323 | return props.theme.media.tablet(_templateObject2);
|
17324 | }, _SRC.H3, _SRC.H3, function (props) {
|
17325 | return props.theme.colors.navy;
|
17326 | }, function (props) {
|
17327 | return props.theme.colors.navy;
|
17328 | });
|
17329 |
|
17330 | SubscriptionSection.propTypes = {
|
17331 | children: _propTypes2.default.object
|
17332 | };
|
17333 |
|
17334 | SubscriptionSection.defaultProps = Object.assign({}, _defaultProps.SubscriptionSectionProps);
|
17335 |
|
17336 |
|
17337 | exports.default = SubscriptionSection;
|
17338 |
|
17339 | }),
|
17340 |
|
17341 | (function(module, exports, __webpack_require__) {
|
17342 |
|
17343 | "use strict";
|
17344 |
|
17345 |
|
17346 | Object.defineProperty(exports, "__esModule", {
|
17347 | value: true
|
17348 | });
|
17349 | exports.SubscriptionSectionProps = undefined;
|
17350 |
|
17351 | var _SRC = __webpack_require__(3);
|
17352 |
|
17353 | var SubscriptionSectionProps = {
|
17354 | children: {
|
17355 | header: {
|
17356 | title: 'Subscribe + Save',
|
17357 | 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.'
|
17358 | },
|
17359 | details: [{
|
17360 | icon: _SRC.Pencil,
|
17361 | header: 'FIRST, TAKE A FUN QUIZ',
|
17362 | content: 'Tell us about your <b>child’s unique preferences</b> and we’ll pick out 8 styles that are totally them.'
|
17363 | }, {
|
17364 | icon: _SRC.Calendar,
|
17365 | header: 'GET BOXES ON YOUR SCHEDULE',
|
17366 | content: 'We make it <b>super convenient</b> to get more clothes exactly when you want. Pause or cancel your subscription anytime.'
|
17367 | }, {
|
17368 | icon: _SRC.BoxUpright,
|
17369 | header: 'SAVE BIG (LIKE REALLY BIG)',
|
17370 | content: 'Keep your entire box and <b>save up to 25%</b>—or only pay for the items you choose to keep.'
|
17371 | }],
|
17372 | footer: {
|
17373 | link: {
|
17374 | text: 'LEARN MORE →',
|
17375 | href: 'https://www.rocketsofawesome.com/?view=subscribe'
|
17376 | }
|
17377 | }
|
17378 | }
|
17379 | };
|
17380 | exports.SubscriptionSectionProps = SubscriptionSectionProps;
|
17381 |
|
17382 | }),
|
17383 |
|
17384 | (function(module, exports, __webpack_require__) {
|
17385 |
|
17386 | "use strict";
|
17387 |
|
17388 |
|
17389 | Object.defineProperty(exports, "__esModule", {
|
17390 | value: true
|
17391 | });
|
17392 |
|
17393 | var _instagram = __webpack_require__(276);
|
17394 |
|
17395 | Object.defineProperty(exports, 'Instagram', {
|
17396 | enumerable: true,
|
17397 | get: function get() {
|
17398 | return _interopRequireDefault(_instagram).default;
|
17399 | }
|
17400 | });
|
17401 |
|
17402 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17403 |
|
17404 | }),
|
17405 |
|
17406 | (function(module, exports, __webpack_require__) {
|
17407 |
|
17408 | "use strict";
|
17409 |
|
17410 |
|
17411 | Object.defineProperty(exports, "__esModule", {
|
17412 | value: true
|
17413 | });
|
17414 |
|
17415 | 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; }; }();
|
17416 |
|
17417 | 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']);
|
17418 |
|
17419 | var _react = __webpack_require__(2);
|
17420 |
|
17421 | var _react2 = _interopRequireDefault(_react);
|
17422 |
|
17423 | var _propTypes = __webpack_require__(0);
|
17424 |
|
17425 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17426 |
|
17427 | var _reactResponsive = __webpack_require__(27);
|
17428 |
|
17429 | var _reactResponsive2 = _interopRequireDefault(_reactResponsive);
|
17430 |
|
17431 | var _styledComponents = __webpack_require__(1);
|
17432 |
|
17433 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17434 |
|
17435 | var _reactSlick = __webpack_require__(36);
|
17436 |
|
17437 | var _reactSlick2 = _interopRequireDefault(_reactSlick);
|
17438 |
|
17439 | var _instafeed = __webpack_require__(277);
|
17440 |
|
17441 | var _instafeed2 = _interopRequireDefault(_instafeed);
|
17442 |
|
17443 | var _SRC = __webpack_require__(3);
|
17444 |
|
17445 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17446 |
|
17447 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17448 |
|
17449 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
17450 |
|
17451 | 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; }
|
17452 |
|
17453 | 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; }
|
17454 |
|
17455 | var _process$env = Object({"NODE_ENV":"production","PUBLIC_URL":"/mirage","REACT_APP_INSTAGRAM_CLIENT_ID":"573c73f61f5342549cfabb281c37f4de","REACT_APP_SHOW_BLOG_LINK":"true","REACT_APP_STRIPE_CLIENT_KEY":"pk_test_3ItMWhk2jkyFIs5J2sFomugK","REACT_APP_INSTAGRAM_ID":"ec19fa830eec4644912b431e68142681","REACT_APP_INSTAGRAM_SECRET":"5adbf9256b684dd7b4468949405b1369","REACT_APP_OUTFIT_NAV":"true","REACT_APP_CONTENTFUL_ACCESS_TOKEN":"281908e00bb3e99426c651bc8956bc83702a276f99f3410cb885c5f8ec292d66","REACT_APP_CLOUDINARY_DISTRIBUTION":"d2lknnt52h7uhg.cloudfront.net","REACT_APP_CONTENTFUL_SPACE_KEY":"efh696jqykjs","REACT_APP_INSTAGRAM_USER_ID":"2310062225","REACT_APP_CONTENTFUL_PREVIEW":"false","REACT_APP_INSTAGRAM_ACCESS_TOKEN":"2310062225.ec19fa8.cd6a9975960046529c78c64347ca9ea2"}),
|
17456 | REACT_APP_INSTAGRAM_ACCESS_TOKEN = _process$env.REACT_APP_INSTAGRAM_ACCESS_TOKEN,
|
17457 | REACT_APP_INSTAGRAM_CLIENT_ID = _process$env.REACT_APP_INSTAGRAM_CLIENT_ID,
|
17458 | REACT_APP_INSTAGRAM_USER_ID = _process$env.REACT_APP_INSTAGRAM_USER_ID;
|
17459 |
|
17460 | var BaseInstagram = function (_React$Component) {
|
17461 | _inherits(BaseInstagram, _React$Component);
|
17462 |
|
17463 | function BaseInstagram(props) {
|
17464 | _classCallCheck(this, BaseInstagram);
|
17465 |
|
17466 | var _this = _possibleConstructorReturn(this, (BaseInstagram.__proto__ || Object.getPrototypeOf(BaseInstagram)).call(this, props));
|
17467 |
|
17468 | _this._isMounted = false;
|
17469 |
|
17470 | _this.setInstragramPics = function (args) {
|
17471 | if (_this._isMounted) {
|
17472 | _this.setState({ instagramLoading: false, instagramPictures: args.data });
|
17473 | }
|
17474 | };
|
17475 |
|
17476 | _this.setInstagramRef = function (element) {
|
17477 | _this.instagramRef = element;
|
17478 | };
|
17479 |
|
17480 | _this.instagramRef = null;
|
17481 |
|
17482 | _this.config = {
|
17483 | infinite: false,
|
17484 | arrows: false,
|
17485 | className: 'slider',
|
17486 | centerMode: true,
|
17487 | slidesToShow: 1,
|
17488 | variableWidth: true
|
17489 | };
|
17490 | _this.state = {
|
17491 | instagramLoading: true,
|
17492 | instagramPictures: []
|
17493 | };
|
17494 | return _this;
|
17495 | }
|
17496 |
|
17497 | _createClass(BaseInstagram, [{
|
17498 | key: 'componentDidMount',
|
17499 | value: function componentDidMount() {
|
17500 | var _this2 = this;
|
17501 |
|
17502 | this._isMounted = true;
|
17503 | var _props = this.props,
|
17504 | limit = _props.limit,
|
17505 | clientId = _props.clientId,
|
17506 | userId = _props.userId,
|
17507 | accessToken = _props.accessToken;
|
17508 |
|
17509 |
|
17510 | try {
|
17511 | if (clientId && userId && accessToken) {
|
17512 | this.feed = new _instafeed2.default({
|
17513 | get: 'user',
|
17514 | target: this.instagramRef,
|
17515 | clientId: clientId,
|
17516 | userId: userId,
|
17517 | accessToken: accessToken,
|
17518 | resolution: 'standard_resolution',
|
17519 | limit: limit,
|
17520 | template: '<a class="image-link" aria-label="{{caption}}" href="{{link}}"><img src="{{image}}" aria-hidden /></a>',
|
17521 | success: function success(args) {
|
17522 | _this2.setInstragramPics(args);
|
17523 | }
|
17524 | }).run();
|
17525 | }
|
17526 | } catch (error) {
|
17527 | console.error('error: ' + error);
|
17528 | }
|
17529 | }
|
17530 | }, {
|
17531 | key: 'componentWillUnmount',
|
17532 | value: function componentWillUnmount() {
|
17533 | this._isMounted = false;
|
17534 | }
|
17535 | }, {
|
17536 | key: 'render',
|
17537 | value: function render() {
|
17538 | var _props2 = this.props,
|
17539 | className = _props2.className,
|
17540 | theme = _props2.theme;
|
17541 | var _state = this.state,
|
17542 | instagramLoading = _state.instagramLoading,
|
17543 | instagramPictures = _state.instagramPictures;
|
17544 |
|
17545 | return _react2.default.createElement(
|
17546 | 'div',
|
17547 | { className: className },
|
17548 | _react2.default.createElement(
|
17549 | _reactResponsive2.default,
|
17550 | { query: theme.breakpoints.aboveTabletMax },
|
17551 | _react2.default.createElement(
|
17552 | 'section',
|
17553 | { className: 'desktopContainer', ref: this.setInstagramRef },
|
17554 | _react2.default.createElement(_SRC.InlineImage, { 'aria-hidden': true, className: 'gif', alt: 'Fun and animated illustration of phone and Instagram photo', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1563995547/web/PHONE_STATIC.png' })
|
17555 | )
|
17556 | ),
|
17557 | _react2.default.createElement(
|
17558 | _reactResponsive2.default,
|
17559 | { query: '(max-device-width: 959px)' },
|
17560 | _react2.default.createElement(
|
17561 | 'div',
|
17562 | { className: 'mobileContainer' },
|
17563 | !instagramLoading && _react2.default.createElement(
|
17564 | _reactSlick2.default,
|
17565 | this.config,
|
17566 | instagramPictures.map(function (imageObject, i) {
|
17567 | return _react2.default.createElement(
|
17568 | 'a',
|
17569 | { key: 'imageObject-' + i, href: imageObject.link, target: '_blank' },
|
17570 | _react2.default.createElement('img', { className: 'mobileImg', src: imageObject.images.standard_resolution.url, alt: 'mobile instagram' })
|
17571 | );
|
17572 | })
|
17573 | ),
|
17574 | _react2.default.createElement(_SRC.InlineImage, { className: 'mobileGif', alt: 'Fun and animated illustration of phone and Instagram photo', src: 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/image/upload/v1563995547/web/PHONE_STATIC.png' }),
|
17575 | _react2.default.createElement('div', { ref: this.setInstagramRef, style: { display: 'none' }, 'aria-hidden': true })
|
17576 | )
|
17577 | )
|
17578 | );
|
17579 | }
|
17580 | }]);
|
17581 |
|
17582 | return BaseInstagram;
|
17583 | }(_react2.default.Component);
|
17584 |
|
17585 | var Instagram = (0, _styledComponents2.default)(BaseInstagram)(_templateObject);
|
17586 |
|
17587 | Instagram.propTypes = {
|
17588 | limit: _propTypes2.default.number,
|
17589 | clientId: _propTypes2.default.string,
|
17590 | userId: _propTypes2.default.string,
|
17591 | accessToken: _propTypes2.default.string,
|
17592 | theme: _propTypes2.default.object
|
17593 | };
|
17594 |
|
17595 | Instagram.defaultProps = {
|
17596 | limit: 4,
|
17597 | clientId: REACT_APP_INSTAGRAM_CLIENT_ID,
|
17598 | userId: REACT_APP_INSTAGRAM_USER_ID,
|
17599 | accessToken: REACT_APP_INSTAGRAM_ACCESS_TOKEN
|
17600 |
|
17601 |
|
17602 | };exports.default = (0, _styledComponents.withTheme)(Instagram);
|
17603 |
|
17604 | }),
|
17605 |
|
17606 | (function(module, exports) {
|
17607 |
|
17608 | module.exports = require("instafeed.js");
|
17609 |
|
17610 | }),
|
17611 |
|
17612 | (function(module, exports, __webpack_require__) {
|
17613 |
|
17614 | "use strict";
|
17615 |
|
17616 |
|
17617 | Object.defineProperty(exports, "__esModule", {
|
17618 | value: true
|
17619 | });
|
17620 |
|
17621 | var _backgroundVideo = __webpack_require__(279);
|
17622 |
|
17623 | Object.defineProperty(exports, 'BackgroundVideo', {
|
17624 | enumerable: true,
|
17625 | get: function get() {
|
17626 | return _interopRequireDefault(_backgroundVideo).default;
|
17627 | }
|
17628 | });
|
17629 |
|
17630 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17631 |
|
17632 | }),
|
17633 |
|
17634 | (function(module, exports, __webpack_require__) {
|
17635 |
|
17636 | "use strict";
|
17637 |
|
17638 |
|
17639 | Object.defineProperty(exports, "__esModule", {
|
17640 | value: true
|
17641 | });
|
17642 |
|
17643 | 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; }; }();
|
17644 |
|
17645 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n ', ' {\n width: 100%;\n object-fit: fill;\n }\n .roa-video-fallback {\n width: 100%;\n }\n > article {\n position: relative;\n }\n'], ['\n position: relative;\n ', ' {\n width: 100%;\n object-fit: fill;\n }\n .roa-video-fallback {\n width: 100%;\n }\n > article {\n position: relative;\n }\n']);
|
17646 |
|
17647 | var _react = __webpack_require__(2);
|
17648 |
|
17649 | var _react2 = _interopRequireDefault(_react);
|
17650 |
|
17651 | var _propTypes = __webpack_require__(0);
|
17652 |
|
17653 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17654 |
|
17655 | var _reactResponsive = __webpack_require__(27);
|
17656 |
|
17657 | var _reactResponsive2 = _interopRequireDefault(_reactResponsive);
|
17658 |
|
17659 | var _styledComponents = __webpack_require__(1);
|
17660 |
|
17661 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17662 |
|
17663 | var _SRC = __webpack_require__(3);
|
17664 |
|
17665 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17666 |
|
17667 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17668 |
|
17669 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
17670 |
|
17671 | 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; }
|
17672 |
|
17673 | 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; }
|
17674 |
|
17675 | var BaseBackgroundVideo = function (_React$Component) {
|
17676 | _inherits(BaseBackgroundVideo, _React$Component);
|
17677 |
|
17678 | function BaseBackgroundVideo() {
|
17679 | _classCallCheck(this, BaseBackgroundVideo);
|
17680 |
|
17681 | return _possibleConstructorReturn(this, (BaseBackgroundVideo.__proto__ || Object.getPrototypeOf(BaseBackgroundVideo)).apply(this, arguments));
|
17682 | }
|
17683 |
|
17684 | _createClass(BaseBackgroundVideo, [{
|
17685 | key: 'render',
|
17686 | value: function render() {
|
17687 | var _props = this.props,
|
17688 | className = _props.className,
|
17689 | children = _props.children,
|
17690 | mobileFallback = _props.mobileFallback,
|
17691 | desktopFallback = _props.desktopFallback,
|
17692 | sources = _props.sources,
|
17693 | theme = _props.theme;
|
17694 |
|
17695 | return _react2.default.createElement(
|
17696 | 'section',
|
17697 | { className: className },
|
17698 | _react2.default.createElement(
|
17699 | _reactResponsive2.default,
|
17700 | { query: theme.breakpoints.aboveTabletMax },
|
17701 | _react2.default.createElement(
|
17702 | _SRC.Video,
|
17703 | {
|
17704 | sources: sources.desktop,
|
17705 | 'aria-hidden': true },
|
17706 | desktopFallback && _react2.default.createElement(_SRC.InlineImage, desktopFallback)
|
17707 | )
|
17708 | ),
|
17709 | _react2.default.createElement(
|
17710 | _reactResponsive2.default,
|
17711 | { query: theme.breakpoints.belowTabletMax },
|
17712 | _react2.default.createElement(
|
17713 | _SRC.Video,
|
17714 | {
|
17715 | sources: sources.mobile,
|
17716 | 'aria-hidden': true },
|
17717 | mobileFallback && _react2.default.createElement(_SRC.InlineImage, Object.assign({
|
17718 | className: 'roa-video-fallback'
|
17719 | }, mobileFallback))
|
17720 | )
|
17721 | ),
|
17722 | _react2.default.createElement(
|
17723 | 'article',
|
17724 | null,
|
17725 | children
|
17726 | )
|
17727 | );
|
17728 | }
|
17729 | }]);
|
17730 |
|
17731 | return BaseBackgroundVideo;
|
17732 | }(_react2.default.Component);
|
17733 |
|
17734 | var BackgroundVideo = (0, _styledComponents2.default)(BaseBackgroundVideo)(_templateObject, _SRC.Video);
|
17735 |
|
17736 | BackgroundVideo.propTypes = {
|
17737 | sources: _propTypes2.default.object,
|
17738 | mobileFallback: _propTypes2.default.shape({
|
17739 | alt: _propTypes2.default.string,
|
17740 | src: _propTypes2.default.string
|
17741 | }),
|
17742 | desktopFallback: _propTypes2.default.shape({
|
17743 | alt: _propTypes2.default.string,
|
17744 | src: _propTypes2.default.string
|
17745 | }),
|
17746 | videoPosition: _propTypes2.default.string
|
17747 |
|
17748 |
|
17749 | };exports.default = (0, _styledComponents.withTheme)(BackgroundVideo);
|
17750 |
|
17751 | }),
|
17752 |
|
17753 | (function(module, exports, __webpack_require__) {
|
17754 |
|
17755 | "use strict";
|
17756 |
|
17757 |
|
17758 | Object.defineProperty(exports, "__esModule", {
|
17759 | value: true
|
17760 | });
|
17761 |
|
17762 | var _paymentRequestForm = __webpack_require__(281);
|
17763 |
|
17764 | Object.defineProperty(exports, 'PaymentRequestForm', {
|
17765 | enumerable: true,
|
17766 | get: function get() {
|
17767 | return _interopRequireDefault(_paymentRequestForm).default;
|
17768 | }
|
17769 | });
|
17770 |
|
17771 | var _StripeWrapper = __webpack_require__(282);
|
17772 |
|
17773 | Object.defineProperty(exports, 'StripeWrapper', {
|
17774 | enumerable: true,
|
17775 | get: function get() {
|
17776 | return _interopRequireDefault(_StripeWrapper).default;
|
17777 | }
|
17778 | });
|
17779 |
|
17780 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17781 |
|
17782 | }),
|
17783 |
|
17784 | (function(module, exports, __webpack_require__) {
|
17785 |
|
17786 | "use strict";
|
17787 |
|
17788 |
|
17789 | Object.defineProperty(exports, "__esModule", {
|
17790 | value: true
|
17791 | });
|
17792 | exports.PaymentRequestForm = undefined;
|
17793 |
|
17794 | var _regenerator = __webpack_require__(40);
|
17795 |
|
17796 | var _regenerator2 = _interopRequireDefault(_regenerator);
|
17797 |
|
17798 | 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; }; }();
|
17799 |
|
17800 | var _templateObject = _taggedTemplateLiteral(['\n margin: 0 10px;\n'], ['\n margin: 0 10px;\n']),
|
17801 | _templateObject2 = _taggedTemplateLiteral(['\n display: flex;\n align-items: center;\n min-width: 55%;\n'], ['\n display: flex;\n align-items: center;\n min-width: 55%;\n']);
|
17802 |
|
17803 | var _react = __webpack_require__(2);
|
17804 |
|
17805 | var _react2 = _interopRequireDefault(_react);
|
17806 |
|
17807 | var _styledComponents = __webpack_require__(1);
|
17808 |
|
17809 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
17810 |
|
17811 | var _propTypes = __webpack_require__(0);
|
17812 |
|
17813 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
17814 |
|
17815 | var _reactStripeElements = __webpack_require__(21);
|
17816 |
|
17817 | var _SRC = __webpack_require__(3);
|
17818 |
|
17819 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
17820 |
|
17821 | 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; }
|
17822 |
|
17823 | 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"); }); }; }
|
17824 |
|
17825 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
17826 |
|
17827 | 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; }
|
17828 |
|
17829 | 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; }
|
17830 |
|
17831 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
17832 |
|
17833 | var buildDisplayItems = function buildDisplayItems(order, pending) {
|
17834 | var displayItems = [{
|
17835 | label: 'Tax',
|
17836 | amount: Math.round(parseFloat(order.tax_total) * 100),
|
17837 | pending: pending
|
17838 | }, {
|
17839 | label: 'Shipping',
|
17840 | amount: pending ? Math.round(parseFloat(order.subtotal) >= 50 ? 0 : 500) : Math.round(parseFloat(order.shipping_cost) * 100),
|
17841 | pending: pending
|
17842 | }, {
|
17843 | label: 'Subtotal',
|
17844 | amount: Math.round(parseFloat(order.subtotal) * 100),
|
17845 | pending: pending
|
17846 | }];
|
17847 |
|
17848 | order.promotion_adjustments.forEach(function (adjustment) {
|
17849 | displayItems.push({ label: adjustment.label, amount: Math.round(parseFloat(adjustment.amount) * 100), pending: pending });
|
17850 | });
|
17851 |
|
17852 | return displayItems;
|
17853 | };
|
17854 |
|
17855 | var OrContainer = (0, _styledComponents2.default)(_SRC.P)(_templateObject);
|
17856 |
|
17857 | var Wrapper = _styledComponents2.default.div(_templateObject2);
|
17858 |
|
17859 | var PaymentRequestForm = exports.PaymentRequestForm = function (_React$Component) {
|
17860 | _inherits(PaymentRequestForm, _React$Component);
|
17861 |
|
17862 | function PaymentRequestForm(props) {
|
17863 | _classCallCheck(this, PaymentRequestForm);
|
17864 |
|
17865 |
|
17866 |
|
17867 | var _this = _possibleConstructorReturn(this, (PaymentRequestForm.__proto__ || Object.getPrototypeOf(PaymentRequestForm)).call(this, props));
|
17868 |
|
17869 | _initialiseProps.call(_this);
|
17870 |
|
17871 | var paymentRequest = props.stripe ? _this.createPaymentRequest() : null;
|
17872 |
|
17873 | _this.state = {
|
17874 | canMakePayment: false,
|
17875 | paymentRequest: paymentRequest
|
17876 | };
|
17877 | return _this;
|
17878 | }
|
17879 |
|
17880 | _createClass(PaymentRequestForm, [{
|
17881 | key: 'componentDidUpdate',
|
17882 | value: function componentDidUpdate(prevProps, prevState) {
|
17883 | if (this.props.stripe !== null && prevProps.stripe === null || this.props.order.total !== prevProps.order.total) {
|
17884 | var paymentRequest = this.createPaymentRequest();
|
17885 | this.setState({
|
17886 | canMakePayment: false,
|
17887 | paymentRequest: paymentRequest
|
17888 | });
|
17889 | }
|
17890 | }
|
17891 | }, {
|
17892 | key: 'render',
|
17893 | value: function render() {
|
17894 | if (!this.state.canMakePayment) {
|
17895 | return null;
|
17896 | }
|
17897 |
|
17898 | return _react2.default.createElement(
|
17899 | Wrapper,
|
17900 | null,
|
17901 | _react2.default.createElement(
|
17902 | OrContainer,
|
17903 | null,
|
17904 | 'OR'
|
17905 | ),
|
17906 | _react2.default.createElement(_reactStripeElements.PaymentRequestButtonElement, {
|
17907 | paymentRequest: this.state.paymentRequest,
|
17908 | className: this.props.className,
|
17909 | onClick: this.props.onClickPaymentRequestButton,
|
17910 | style: {
|
17911 |
|
17912 |
|
17913 | paymentRequestButton: {
|
17914 | theme: 'dark',
|
17915 | height: '50px'
|
17916 | }
|
17917 | }
|
17918 | })
|
17919 | );
|
17920 | }
|
17921 | }]);
|
17922 |
|
17923 | return PaymentRequestForm;
|
17924 | }(_react2.default.Component);
|
17925 |
|
17926 | var _initialiseProps = function _initialiseProps() {
|
17927 | var _this2 = this;
|
17928 |
|
17929 | this.createPaymentRequest = function () {
|
17930 | var _props = _this2.props,
|
17931 | order = _props.order,
|
17932 | stripe = _props.stripe,
|
17933 | submitCheckout = _props.submitCheckout,
|
17934 | setShippingAddress = _props.setShippingAddress;
|
17935 |
|
17936 | var paymentRequest = stripe.paymentRequest({
|
17937 | country: 'US',
|
17938 | currency: 'usd',
|
17939 | total: {
|
17940 | label: 'Total',
|
17941 | amount: Math.round(parseFloat(order.total) * 100),
|
17942 | pending: true
|
17943 | },
|
17944 | displayItems: buildDisplayItems(order, true),
|
17945 | requestPayerName: true,
|
17946 | requestPayerEmail: true,
|
17947 | requestPayerPhone: true,
|
17948 | requestShipping: true
|
17949 | });
|
17950 |
|
17951 | paymentRequest.on('token', function () {
|
17952 | var _ref2 = _asyncToGenerator( _regenerator2.default.mark(function _callee(_ref) {
|
17953 | var complete = _ref.complete,
|
17954 | token = _ref.token,
|
17955 | data = _objectWithoutProperties(_ref, ['complete', 'token']);
|
17956 |
|
17957 | return _regenerator2.default.wrap(function _callee$(_context) {
|
17958 | while (1) {
|
17959 | switch (_context.prev = _context.next) {
|
17960 | case 0:
|
17961 | _context.prev = 0;
|
17962 | _context.next = 3;
|
17963 | return submitCheckout(Object.assign({ token: token }, data));
|
17964 |
|
17965 | case 3:
|
17966 | _context.next = 7;
|
17967 | break;
|
17968 |
|
17969 | case 5:
|
17970 | _context.prev = 5;
|
17971 | _context.t0 = _context['catch'](0);
|
17972 |
|
17973 | case 7:
|
17974 |
|
17975 | complete('success');
|
17976 |
|
17977 | case 8:
|
17978 | case 'end':
|
17979 | return _context.stop();
|
17980 | }
|
17981 | }
|
17982 | }, _callee, _this2, [[0, 5]]);
|
17983 | }));
|
17984 |
|
17985 | return function (_x) {
|
17986 | return _ref2.apply(this, arguments);
|
17987 | };
|
17988 | }());
|
17989 |
|
17990 | paymentRequest.on('shippingaddresschange', function () {
|
17991 | var _ref4 = _asyncToGenerator( _regenerator2.default.mark(function _callee2(_ref3) {
|
17992 | var shippingAddress = _ref3.shippingAddress,
|
17993 | updateWith = _ref3.updateWith;
|
17994 |
|
17995 | var names, address, _order, shippingMethod;
|
17996 |
|
17997 | return _regenerator2.default.wrap(function _callee2$(_context2) {
|
17998 | while (1) {
|
17999 | switch (_context2.prev = _context2.next) {
|
18000 | case 0:
|
18001 | names = shippingAddress.recipient.split(' ');
|
18002 | address = {
|
18003 | first_name: names[0],
|
18004 | last_name: names.pop(),
|
18005 | address1: shippingAddress.addressLine[0],
|
18006 | address2: shippingAddress.addressLine.length > 1 ? shippingAddress.addressLine[1] : null,
|
18007 | city: shippingAddress.city,
|
18008 | zipcode: shippingAddress.postalCode,
|
18009 | state: shippingAddress.region,
|
18010 | phone: shippingAddress.phone,
|
18011 | default: false,
|
18012 | email: _this2.props.currentUserEmail || 'guest@example.com'
|
18013 | };
|
18014 |
|
18015 | if (!(shippingAddress.country !== 'US')) {
|
18016 | _context2.next = 6;
|
18017 | break;
|
18018 | }
|
18019 |
|
18020 | updateWith({ status: 'invalid_shipping_address' });
|
18021 | _context2.next = 17;
|
18022 | break;
|
18023 |
|
18024 | case 6:
|
18025 | _context2.prev = 6;
|
18026 | _context2.next = 9;
|
18027 | return setShippingAddress(address);
|
18028 |
|
18029 | case 9:
|
18030 | _order = _context2.sent;
|
18031 | shippingMethod = _order.shipping_methods[0];
|
18032 |
|
18033 | updateWith({
|
18034 | status: 'success',
|
18035 | total: {
|
18036 | label: 'Total',
|
18037 | amount: Math.round(parseFloat(_order.total) * 100),
|
18038 | pending: false
|
18039 | },
|
18040 | displayItems: buildDisplayItems(_order, false),
|
18041 | shippingOptions: [{
|
18042 | id: 'default',
|
18043 | label: shippingMethod.name,
|
18044 | amount: Math.round(parseFloat(shippingMethod.cost) * 100)
|
18045 | }]
|
18046 | });
|
18047 | _context2.next = 17;
|
18048 | break;
|
18049 |
|
18050 | case 14:
|
18051 | _context2.prev = 14;
|
18052 | _context2.t0 = _context2['catch'](6);
|
18053 |
|
18054 | updateWith({ status: 'fail' });
|
18055 |
|
18056 | case 17:
|
18057 | case 'end':
|
18058 | return _context2.stop();
|
18059 | }
|
18060 | }
|
18061 | }, _callee2, _this2, [[6, 14]]);
|
18062 | }));
|
18063 |
|
18064 | return function (_x2) {
|
18065 | return _ref4.apply(this, arguments);
|
18066 | };
|
18067 | }());
|
18068 |
|
18069 | paymentRequest.canMakePayment().then(function (result) {
|
18070 | _this2.setState({ canMakePayment: !!result });
|
18071 | });
|
18072 | return paymentRequest;
|
18073 | };
|
18074 | };
|
18075 |
|
18076 | PaymentRequestForm.propTypes = {
|
18077 | stripe: _propTypes2.default.object,
|
18078 | order: _propTypes2.default.object,
|
18079 | setShippingAddress: _propTypes2.default.func.isRequired,
|
18080 | submitCheckout: _propTypes2.default.func.isRequired,
|
18081 | className: _propTypes2.default.string,
|
18082 | currentUserEmail: _propTypes2.default.string,
|
18083 | onClickPaymentRequestButton: _propTypes2.default.func
|
18084 | };
|
18085 |
|
18086 | exports.default = (0, _reactStripeElements.injectStripe)(PaymentRequestForm);
|
18087 |
|
18088 | }),
|
18089 |
|
18090 | (function(module, exports, __webpack_require__) {
|
18091 |
|
18092 | "use strict";
|
18093 |
|
18094 |
|
18095 | Object.defineProperty(exports, "__esModule", {
|
18096 | value: true
|
18097 | });
|
18098 |
|
18099 | var _react = __webpack_require__(2);
|
18100 |
|
18101 | var _react2 = _interopRequireDefault(_react);
|
18102 |
|
18103 | var _reactStripeElements = __webpack_require__(21);
|
18104 |
|
18105 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18106 |
|
18107 | var StripeWrapper = function StripeWrapper(_ref) {
|
18108 | var children = _ref.children;
|
18109 | return _react2.default.createElement(
|
18110 | _reactStripeElements.StripeProvider,
|
18111 | { apiKey: "pk_test_3ItMWhk2jkyFIs5J2sFomugK" },
|
18112 | _react2.default.createElement(
|
18113 | _reactStripeElements.Elements,
|
18114 | null,
|
18115 | children
|
18116 | )
|
18117 | );
|
18118 | };
|
18119 |
|
18120 | exports.default = StripeWrapper;
|
18121 |
|
18122 | }),
|
18123 |
|
18124 | (function(module, exports, __webpack_require__) {
|
18125 |
|
18126 | "use strict";
|
18127 |
|
18128 |
|
18129 | Object.defineProperty(exports, "__esModule", {
|
18130 | value: true
|
18131 | });
|
18132 |
|
18133 | var _couponCodeWrapper = __webpack_require__(284);
|
18134 |
|
18135 | Object.defineProperty(exports, 'CouponCodeWrapper', {
|
18136 | enumerable: true,
|
18137 | get: function get() {
|
18138 | return _interopRequireDefault(_couponCodeWrapper).default;
|
18139 | }
|
18140 | });
|
18141 |
|
18142 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18143 |
|
18144 | }),
|
18145 |
|
18146 | (function(module, exports, __webpack_require__) {
|
18147 |
|
18148 | "use strict";
|
18149 |
|
18150 |
|
18151 | Object.defineProperty(exports, "__esModule", {
|
18152 | value: true
|
18153 | });
|
18154 |
|
18155 | 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; }; }();
|
18156 |
|
18157 | 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']),
|
18158 | _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']),
|
18159 | _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']),
|
18160 | _templateObject4 = _taggedTemplateLiteral(['\n width: 100%;\n padding-bottom: ', ';\n border-bottom: ', ';\n'], ['\n width: 100%;\n padding-bottom: ', ';\n border-bottom: ', ';\n']);
|
18161 |
|
18162 | var _react = __webpack_require__(2);
|
18163 |
|
18164 | var _react2 = _interopRequireDefault(_react);
|
18165 |
|
18166 | var _propTypes = __webpack_require__(0);
|
18167 |
|
18168 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18169 |
|
18170 | var _styledComponents = __webpack_require__(1);
|
18171 |
|
18172 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18173 |
|
18174 | var _couponCodeInput = __webpack_require__(285);
|
18175 |
|
18176 | var _couponCodeInput2 = _interopRequireDefault(_couponCodeInput);
|
18177 |
|
18178 | var _removeCouponCode = __webpack_require__(287);
|
18179 |
|
18180 | var _removeCouponCode2 = _interopRequireDefault(_removeCouponCode);
|
18181 |
|
18182 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18183 |
|
18184 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
18185 |
|
18186 | 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; }
|
18187 |
|
18188 | 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; }
|
18189 |
|
18190 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18191 |
|
18192 | var RemoveContainer = _styledComponents2.default.div(_templateObject);
|
18193 |
|
18194 | var RemoveWrapper = _styledComponents2.default.div(_templateObject2);
|
18195 |
|
18196 | var PromoLabel = _styledComponents2.default.div(_templateObject3, function (props) {
|
18197 | return props.theme.colors.navy;
|
18198 | }, function (props) {
|
18199 | return props.theme.fonts.primaryFont;
|
18200 | });
|
18201 |
|
18202 | var BaseCouponCodeWrapper = function (_React$Component) {
|
18203 | _inherits(BaseCouponCodeWrapper, _React$Component);
|
18204 |
|
18205 | function BaseCouponCodeWrapper(props) {
|
18206 | _classCallCheck(this, BaseCouponCodeWrapper);
|
18207 |
|
18208 | var _this = _possibleConstructorReturn(this, (BaseCouponCodeWrapper.__proto__ || Object.getPrototypeOf(BaseCouponCodeWrapper)).call(this, props));
|
18209 |
|
18210 | _this.handleCouponCodeChange = function (e) {
|
18211 | _this.setState({ couponCode: e.target.value });
|
18212 | };
|
18213 |
|
18214 | _this.state = { couponCode: '' };
|
18215 | return _this;
|
18216 | }
|
18217 |
|
18218 | _createClass(BaseCouponCodeWrapper, [{
|
18219 | key: 'componentDidMount',
|
18220 | value: function componentDidMount() {
|
18221 | var _props = this.props,
|
18222 | appliedPromotion = _props.appliedPromotion,
|
18223 | applyPromotion = _props.applyPromotion;
|
18224 |
|
18225 | if (appliedPromotion && !applyPromotion.expired) {
|
18226 | this.setState({
|
18227 | couponCode: appliedPromotion.value
|
18228 | });
|
18229 | applyPromotion(appliedPromotion.value);
|
18230 | }
|
18231 | }
|
18232 | }, {
|
18233 | key: 'render',
|
18234 | value: function render() {
|
18235 | var _props2 = this.props,
|
18236 | loading = _props2.loading,
|
18237 | promotion = _props2.promotion,
|
18238 | applyPromotion = _props2.applyPromotion,
|
18239 | removePromotion = _props2.removePromotion,
|
18240 | errorMessage = _props2.errorMessage,
|
18241 | promoHasBeenApplied = _props2.promoHasBeenApplied,
|
18242 | showToggle = _props2.showToggle,
|
18243 | className = _props2.className;
|
18244 | var couponCode = this.state.couponCode;
|
18245 |
|
18246 |
|
18247 | return _react2.default.createElement(
|
18248 | 'div',
|
18249 | { className: className },
|
18250 | !promoHasBeenApplied ? _react2.default.createElement(
|
18251 | 'div',
|
18252 | null,
|
18253 | _react2.default.createElement(_couponCodeInput2.default, {
|
18254 | couponCode: couponCode,
|
18255 | onChange: this.handleCouponCodeChange,
|
18256 | applyPromotion: applyPromotion,
|
18257 | removePromotion: removePromotion,
|
18258 | loading: loading,
|
18259 | errorMessage: errorMessage,
|
18260 | showToggle: showToggle
|
18261 | })
|
18262 | ) : _react2.default.createElement(
|
18263 | RemoveContainer,
|
18264 | null,
|
18265 | _react2.default.createElement(
|
18266 | RemoveWrapper,
|
18267 | null,
|
18268 | _react2.default.createElement(
|
18269 | PromoLabel,
|
18270 | null,
|
18271 | 'Promotion Applied'
|
18272 | )
|
18273 | ),
|
18274 | _react2.default.createElement(_removeCouponCode2.default, { removePromotion: removePromotion, promoHasBeenApplied: promoHasBeenApplied,
|
18275 | loading: loading, promotion: promotion.promotion_code_id })
|
18276 | )
|
18277 | );
|
18278 | }
|
18279 | }]);
|
18280 |
|
18281 | return BaseCouponCodeWrapper;
|
18282 | }(_react2.default.Component);
|
18283 |
|
18284 | BaseCouponCodeWrapper.propTypes = {
|
18285 | promotion: _propTypes2.default.object,
|
18286 | loading: _propTypes2.default.bool,
|
18287 | promoHasBeenApplied: _propTypes2.default.bool,
|
18288 | errorMessage: _propTypes2.default.string,
|
18289 | applyPromotion: _propTypes2.default.func,
|
18290 | removePromotion: _propTypes2.default.func,
|
18291 | appliedPromotion: _propTypes2.default.object,
|
18292 | showToggle: _propTypes2.default.bool,
|
18293 | showBorder: _propTypes2.default.bool
|
18294 | };
|
18295 |
|
18296 | var CouponCodeWrapper = (0, _styledComponents2.default)(BaseCouponCodeWrapper)(_templateObject4, function (props) {
|
18297 | return props.errorMessage ? '30px' : '20px';
|
18298 | }, function (props) {
|
18299 | return props.showBorder ? '1px solid #d5d5d5' : 'none';
|
18300 | });
|
18301 |
|
18302 | exports.default = CouponCodeWrapper;
|
18303 |
|
18304 | }),
|
18305 |
|
18306 | (function(module, exports, __webpack_require__) {
|
18307 |
|
18308 | "use strict";
|
18309 |
|
18310 |
|
18311 | Object.defineProperty(exports, "__esModule", {
|
18312 | value: true
|
18313 | });
|
18314 |
|
18315 | 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; }; }();
|
18316 |
|
18317 | 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']),
|
18318 | _templateObject2 = _taggedTemplateLiteral(['\n max-width: 100px;\n height: 100%;\n ', '\n'], ['\n max-width: 100px;\n height: 100%;\n ', '\n']),
|
18319 | _templateObject3 = _taggedTemplateLiteral(['\n max-width: 83px;\n '], ['\n max-width: 83px;\n ']),
|
18320 | _templateObject4 = _taggedTemplateLiteral(['\n margin-left: 0;\n'], ['\n margin-left: 0;\n']),
|
18321 | _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']),
|
18322 | _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']),
|
18323 | _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']);
|
18324 |
|
18325 | var _react = __webpack_require__(2);
|
18326 |
|
18327 | var _react2 = _interopRequireDefault(_react);
|
18328 |
|
18329 | var _propTypes = __webpack_require__(0);
|
18330 |
|
18331 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18332 |
|
18333 | var _styledComponents = __webpack_require__(1);
|
18334 |
|
18335 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18336 |
|
18337 | var _toggleIcon = __webpack_require__(286);
|
18338 |
|
18339 | var _toggleIcon2 = _interopRequireDefault(_toggleIcon);
|
18340 |
|
18341 | var _inputs = __webpack_require__(28);
|
18342 |
|
18343 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18344 |
|
18345 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
18346 |
|
18347 | 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; }
|
18348 |
|
18349 | 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; }
|
18350 |
|
18351 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18352 |
|
18353 | var AppliedInput = (0, _styledComponents2.default)(_inputs.Input)(_templateObject);
|
18354 |
|
18355 | var PromoButton = (0, _styledComponents2.default)(_inputs.Button)(_templateObject2, function (props) {
|
18356 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3);
|
18357 | });
|
18358 |
|
18359 | var StyledToggle = (0, _styledComponents2.default)(_toggleIcon2.default)(_templateObject4);
|
18360 |
|
18361 | var P = _styledComponents2.default.p(_templateObject5, function (props) {
|
18362 | return props.theme.fonts.primaryFont;
|
18363 | }, function (props) {
|
18364 | return props.theme.colors.rocketBlue;
|
18365 | });
|
18366 |
|
18367 | var ToggleContainer = _styledComponents2.default.div(_templateObject6);
|
18368 |
|
18369 | var ApplyContainer = _styledComponents2.default.div(_templateObject7);
|
18370 |
|
18371 | var CouponCodeInput = function (_React$Component) {
|
18372 | _inherits(CouponCodeInput, _React$Component);
|
18373 |
|
18374 | function CouponCodeInput() {
|
18375 | var _ref;
|
18376 |
|
18377 | var _temp, _this, _ret;
|
18378 |
|
18379 | _classCallCheck(this, CouponCodeInput);
|
18380 |
|
18381 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
18382 | args[_key] = arguments[_key];
|
18383 | }
|
18384 |
|
18385 | 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 () {
|
18386 | _this.setState({ show: !_this.state.show });
|
18387 | }, _this._removePromotion = function () {
|
18388 | _this.setState({
|
18389 | couponCode: '',
|
18390 | show: false
|
18391 | });
|
18392 | _this.props.removePromotion();
|
18393 | }, _this.applyPromotion = function () {
|
18394 | _this.props.applyPromotion(_this.props.couponCode);
|
18395 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
18396 | }
|
18397 |
|
18398 | _createClass(CouponCodeInput, [{
|
18399 | key: 'render',
|
18400 | value: function render() {
|
18401 | var _props = this.props,
|
18402 | errorMessage = _props.errorMessage,
|
18403 | loading = _props.loading,
|
18404 | couponCode = _props.couponCode,
|
18405 | onChange = _props.onChange,
|
18406 | _props$showToggle = _props.showToggle,
|
18407 | showToggle = _props$showToggle === undefined ? true : _props$showToggle;
|
18408 | var show = this.state.show;
|
18409 |
|
18410 |
|
18411 | return _react2.default.createElement(
|
18412 | 'div',
|
18413 | null,
|
18414 | showToggle && _react2.default.createElement(
|
18415 | ToggleContainer,
|
18416 | { onClick: this.toggle },
|
18417 | _react2.default.createElement(StyledToggle, {
|
18418 | show: show }),
|
18419 | _react2.default.createElement(
|
18420 | P,
|
18421 | { role: 'link', 'aria-label': 'add promo code' },
|
18422 | 'ADD PROMO CODE'
|
18423 | )
|
18424 | ),
|
18425 | (show || !showToggle) && _react2.default.createElement(
|
18426 | ApplyContainer,
|
18427 | { 'aria-live': 'polite' },
|
18428 | _react2.default.createElement(AppliedInput, {
|
18429 | type: 'text',
|
18430 | label: 'PROMO CODE',
|
18431 | value: couponCode,
|
18432 | onChange: onChange,
|
18433 | formError: !!errorMessage,
|
18434 | errorMessage: errorMessage }),
|
18435 | _react2.default.createElement(
|
18436 | PromoButton,
|
18437 | { loading: loading, onClick: this.applyPromotion },
|
18438 | 'APPLY'
|
18439 | )
|
18440 | )
|
18441 | );
|
18442 | }
|
18443 | }]);
|
18444 |
|
18445 | return CouponCodeInput;
|
18446 | }(_react2.default.Component);
|
18447 |
|
18448 | exports.default = CouponCodeInput;
|
18449 |
|
18450 |
|
18451 | CouponCodeInput.propTypes = {
|
18452 | couponCode: _propTypes2.default.string,
|
18453 | onChange: _propTypes2.default.func,
|
18454 | removePromotion: _propTypes2.default.func,
|
18455 | applyPromotion: _propTypes2.default.func,
|
18456 | errorMessage: _propTypes2.default.string,
|
18457 | loading: _propTypes2.default.bool,
|
18458 | showToggle: _propTypes2.default.bool
|
18459 | };
|
18460 |
|
18461 | }),
|
18462 |
|
18463 | (function(module, exports, __webpack_require__) {
|
18464 |
|
18465 | "use strict";
|
18466 |
|
18467 |
|
18468 | Object.defineProperty(exports, "__esModule", {
|
18469 | value: true
|
18470 | });
|
18471 |
|
18472 | 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; }; }();
|
18473 |
|
18474 | 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']),
|
18475 | _templateObject2 = _taggedTemplateLiteral(['\n stroke-width: 20;\n stroke: ', ';\n'], ['\n stroke-width: 20;\n stroke: ', ';\n']),
|
18476 | _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']);
|
18477 |
|
18478 | var _react = __webpack_require__(2);
|
18479 |
|
18480 | var _react2 = _interopRequireDefault(_react);
|
18481 |
|
18482 | var _propTypes = __webpack_require__(0);
|
18483 |
|
18484 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18485 |
|
18486 | var _styledComponents = __webpack_require__(1);
|
18487 |
|
18488 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18489 |
|
18490 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18491 |
|
18492 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
18493 |
|
18494 | 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; }
|
18495 |
|
18496 | 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; }
|
18497 |
|
18498 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18499 |
|
18500 | var IconLinePlus = _styledComponents2.default.line(_templateObject, function (props) {
|
18501 | return props.show ? 120 : 0;
|
18502 | }, function (props) {
|
18503 | return props.stroke;
|
18504 | });
|
18505 |
|
18506 | var IconLine = _styledComponents2.default.line(_templateObject2, function (props) {
|
18507 | return props.stroke;
|
18508 | });
|
18509 |
|
18510 | var BaseToggleIcon = function (_React$Component) {
|
18511 | _inherits(BaseToggleIcon, _React$Component);
|
18512 |
|
18513 | function BaseToggleIcon() {
|
18514 | _classCallCheck(this, BaseToggleIcon);
|
18515 |
|
18516 | return _possibleConstructorReturn(this, (BaseToggleIcon.__proto__ || Object.getPrototypeOf(BaseToggleIcon)).apply(this, arguments));
|
18517 | }
|
18518 |
|
18519 | _createClass(BaseToggleIcon, [{
|
18520 | key: 'render',
|
18521 | value: function render() {
|
18522 | var _props = this.props,
|
18523 | show = _props.show,
|
18524 | className = _props.className,
|
18525 | onClick = _props.onClick,
|
18526 | _props$stroke = _props.stroke,
|
18527 | stroke = _props$stroke === undefined ? '#0073d1' : _props$stroke;
|
18528 |
|
18529 | return _react2.default.createElement(
|
18530 | 'svg',
|
18531 | {
|
18532 | onClick: onClick,
|
18533 | className: className,
|
18534 | xmlns: 'http://www.w3.org/2000/svg',
|
18535 | viewBox: '0 0 120 120' },
|
18536 | _react2.default.createElement(IconLinePlus, {
|
18537 | show: show,
|
18538 | stroke: stroke,
|
18539 | x1: '60',
|
18540 | x2: '60',
|
18541 | y1: '60' }),
|
18542 | _react2.default.createElement(IconLinePlus, {
|
18543 | show: show,
|
18544 | stroke: stroke,
|
18545 | x1: '60',
|
18546 | y1: '60',
|
18547 | x2: '60',
|
18548 | y2: '120' }),
|
18549 | _react2.default.createElement(IconLine, {
|
18550 | stroke: stroke,
|
18551 | y1: '60',
|
18552 | x2: '120',
|
18553 | y2: '60' })
|
18554 | );
|
18555 | }
|
18556 | }]);
|
18557 |
|
18558 | return BaseToggleIcon;
|
18559 | }(_react2.default.Component);
|
18560 |
|
18561 | BaseToggleIcon.propTypes = {
|
18562 | show: _propTypes2.default.bool,
|
18563 | className: _propTypes2.default.string,
|
18564 | onClick: _propTypes2.default.func
|
18565 | };
|
18566 |
|
18567 | var ToggleIcon = (0, _styledComponents2.default)(BaseToggleIcon)(_templateObject3);
|
18568 |
|
18569 | exports.default = ToggleIcon;
|
18570 |
|
18571 | }),
|
18572 |
|
18573 | (function(module, exports, __webpack_require__) {
|
18574 |
|
18575 | "use strict";
|
18576 |
|
18577 |
|
18578 | Object.defineProperty(exports, "__esModule", {
|
18579 | value: true
|
18580 | });
|
18581 |
|
18582 | 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; }; }();
|
18583 |
|
18584 | 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']);
|
18585 |
|
18586 | var _react = __webpack_require__(2);
|
18587 |
|
18588 | var _react2 = _interopRequireDefault(_react);
|
18589 |
|
18590 | var _propTypes = __webpack_require__(0);
|
18591 |
|
18592 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18593 |
|
18594 | var _styledComponents = __webpack_require__(1);
|
18595 |
|
18596 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18597 |
|
18598 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18599 |
|
18600 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18601 |
|
18602 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
18603 |
|
18604 | 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; }
|
18605 |
|
18606 | 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; }
|
18607 |
|
18608 | var BaseRemoveCouponCode = function (_React$Component) {
|
18609 | _inherits(BaseRemoveCouponCode, _React$Component);
|
18610 |
|
18611 | function BaseRemoveCouponCode() {
|
18612 | var _ref;
|
18613 |
|
18614 | var _temp, _this, _ret;
|
18615 |
|
18616 | _classCallCheck(this, BaseRemoveCouponCode);
|
18617 |
|
18618 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
18619 | args[_key] = arguments[_key];
|
18620 | }
|
18621 |
|
18622 | return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = BaseRemoveCouponCode.__proto__ || Object.getPrototypeOf(BaseRemoveCouponCode)).call.apply(_ref, [this].concat(args))), _this), _this.removePromoCode = function () {
|
18623 | var _this$props = _this.props,
|
18624 | removePromotion = _this$props.removePromotion,
|
18625 | promotion = _this$props.promotion;
|
18626 |
|
18627 | removePromotion(promotion);
|
18628 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
18629 | }
|
18630 |
|
18631 | _createClass(BaseRemoveCouponCode, [{
|
18632 | key: 'render',
|
18633 | value: function render() {
|
18634 | var _props = this.props,
|
18635 | className = _props.className,
|
18636 | promoHasBeenApplied = _props.promoHasBeenApplied,
|
18637 | loading = _props.loading;
|
18638 |
|
18639 | return promoHasBeenApplied ? _react2.default.createElement(
|
18640 | 'div',
|
18641 | { className: className, loading: loading, onClick: this.removePromoCode },
|
18642 | 'REMOVE'
|
18643 | ) : null;
|
18644 | }
|
18645 | }]);
|
18646 |
|
18647 | return BaseRemoveCouponCode;
|
18648 | }(_react2.default.Component);
|
18649 |
|
18650 | BaseRemoveCouponCode.propTypes = {
|
18651 | removePromotion: _propTypes2.default.func,
|
18652 | promoHasBeenApplied: _propTypes2.default.bool,
|
18653 | loading: _propTypes2.default.bool,
|
18654 | promotion: _propTypes2.default.number,
|
18655 | className: _propTypes2.default.string
|
18656 | };
|
18657 |
|
18658 | var RemoveCouponCode = (0, _styledComponents2.default)(BaseRemoveCouponCode)(_templateObject, function (props) {
|
18659 | return props.theme.fonts.primaryFont;
|
18660 | }, function (props) {
|
18661 | return props.theme.colors.rocketBlue;
|
18662 | }, function (props) {
|
18663 | return props.loading ? .5 : 1;
|
18664 | });
|
18665 |
|
18666 | exports.default = RemoveCouponCode;
|
18667 |
|
18668 | }),
|
18669 |
|
18670 | (function(module, exports, __webpack_require__) {
|
18671 |
|
18672 | "use strict";
|
18673 |
|
18674 |
|
18675 | Object.defineProperty(exports, "__esModule", {
|
18676 | value: true
|
18677 | });
|
18678 |
|
18679 | var _referralSection = __webpack_require__(289);
|
18680 |
|
18681 | Object.defineProperty(exports, 'ReferralSection', {
|
18682 | enumerable: true,
|
18683 | get: function get() {
|
18684 | return _interopRequireDefault(_referralSection).default;
|
18685 | }
|
18686 | });
|
18687 |
|
18688 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18689 |
|
18690 | }),
|
18691 |
|
18692 | (function(module, exports, __webpack_require__) {
|
18693 |
|
18694 | "use strict";
|
18695 |
|
18696 |
|
18697 | Object.defineProperty(exports, "__esModule", {
|
18698 | value: true
|
18699 | });
|
18700 |
|
18701 | 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']),
|
18702 | _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']),
|
18703 | _templateObject3 = _taggedTemplateLiteral(['\n max-width: 290px;\n '], ['\n max-width: 290px;\n ']),
|
18704 | _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']),
|
18705 | _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']),
|
18706 | _templateObject6 = _taggedTemplateLiteral(['\n margin-top: 30px;\n'], ['\n margin-top: 30px;\n']),
|
18707 | _templateObject7 = _taggedTemplateLiteral(['\n margin-top: 20px;\n'], ['\n margin-top: 20px;\n']),
|
18708 | _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']),
|
18709 | _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 ']),
|
18710 | _templateObject10 = _taggedTemplateLiteral(['\n border-width: 30px;\n '], ['\n border-width: 30px;\n ']);
|
18711 |
|
18712 | var _react = __webpack_require__(2);
|
18713 |
|
18714 | var _react2 = _interopRequireDefault(_react);
|
18715 |
|
18716 | var _propTypes = __webpack_require__(0);
|
18717 |
|
18718 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18719 |
|
18720 | var _styledComponents = __webpack_require__(1);
|
18721 |
|
18722 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18723 |
|
18724 | var _SRC = __webpack_require__(3);
|
18725 |
|
18726 | var _browserDetection = __webpack_require__(41);
|
18727 |
|
18728 | var _browserDetection2 = _interopRequireDefault(_browserDetection);
|
18729 |
|
18730 | var _ReferralHeader = __webpack_require__(290);
|
18731 |
|
18732 | var _ReferralHeader2 = _interopRequireDefault(_ReferralHeader);
|
18733 |
|
18734 | var _EmailShareButton = __webpack_require__(291);
|
18735 |
|
18736 | var _EmailShareButton2 = _interopRequireDefault(_EmailShareButton);
|
18737 |
|
18738 | var _SmsButton = __webpack_require__(292);
|
18739 |
|
18740 | var _SmsButton2 = _interopRequireDefault(_SmsButton);
|
18741 |
|
18742 | var _ShareOptions = __webpack_require__(293);
|
18743 |
|
18744 | var _ShareOptions2 = _interopRequireDefault(_ShareOptions);
|
18745 |
|
18746 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18747 |
|
18748 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18749 |
|
18750 | var Container = _styledComponents2.default.div(_templateObject);
|
18751 |
|
18752 | var HorizontalRule = _styledComponents2.default.div(_templateObject2, function (props) {
|
18753 | return props.theme.media.phone(_templateObject3);
|
18754 | });
|
18755 |
|
18756 | var HRule = _styledComponents2.default.div(_templateObject4);
|
18757 |
|
18758 | var StyledP = (0, _styledComponents2.default)(_SRC.P)(_templateObject5);
|
18759 |
|
18760 | var StyledSmsButton = (0, _styledComponents2.default)(_SmsButton2.default)(_templateObject6);
|
18761 |
|
18762 | var StyledEmailButton = (0, _styledComponents2.default)(_EmailShareButton2.default)(_templateObject6);
|
18763 |
|
18764 | var StyledShareOptions = (0, _styledComponents2.default)(_ShareOptions2.default)(_templateObject7);
|
18765 |
|
18766 | var BaseReferralSection = function BaseReferralSection(_ref) {
|
18767 | var className = _ref.className,
|
18768 | referralValue = _ref.referralValue,
|
18769 | homepageUrl = _ref.homepageUrl,
|
18770 | referralClicked = _ref.referralClicked,
|
18771 | referralCode = _ref.referralCode,
|
18772 | email = _ref.email,
|
18773 | name = _ref.name;
|
18774 |
|
18775 | return _react2.default.createElement(
|
18776 | 'div',
|
18777 | { className: className },
|
18778 | _react2.default.createElement(
|
18779 | Container,
|
18780 | null,
|
18781 | _react2.default.createElement(_ReferralHeader2.default, { referralValue: referralValue, homepageUrl: homepageUrl }),
|
18782 | _browserDetection2.default.isMobile() && _react2.default.createElement(StyledSmsButton, {
|
18783 | referralValue: referralValue,
|
18784 | homepageUrl: homepageUrl,
|
18785 | referralClicked: referralClicked,
|
18786 | referralCode: referralCode }),
|
18787 | _react2.default.createElement(StyledEmailButton, {
|
18788 | email: email,
|
18789 | referralValue: referralValue,
|
18790 | homepageUrl: homepageUrl,
|
18791 | referralClicked: referralClicked,
|
18792 | referralCode: referralCode }),
|
18793 | _react2.default.createElement(
|
18794 | HorizontalRule,
|
18795 | null,
|
18796 | _react2.default.createElement(HRule, null),
|
18797 | _react2.default.createElement(
|
18798 | StyledP,
|
18799 | null,
|
18800 | 'or'
|
18801 | ),
|
18802 | _react2.default.createElement(HRule, null)
|
18803 | ),
|
18804 | _react2.default.createElement(
|
18805 | StyledP,
|
18806 | null,
|
18807 | 'Share your personal link!'
|
18808 | ),
|
18809 | _react2.default.createElement(StyledShareOptions, {
|
18810 | name: name,
|
18811 | homepageUrl: homepageUrl,
|
18812 | referralValue: referralValue,
|
18813 | referralClicked: referralClicked,
|
18814 | referralCode: referralCode })
|
18815 | )
|
18816 | );
|
18817 | };
|
18818 |
|
18819 | BaseReferralSection.propTypes = {
|
18820 | className: _propTypes2.default.string,
|
18821 | referralValue: _propTypes2.default.string,
|
18822 | homepageUrl: _propTypes2.default.string,
|
18823 | referralClicked: _propTypes2.default.func,
|
18824 | referralCode: _propTypes2.default.string,
|
18825 | email: _propTypes2.default.string,
|
18826 | name: _propTypes2.default.string
|
18827 | };
|
18828 |
|
18829 | var ReferralSection = (0, _styledComponents2.default)(BaseReferralSection)(_templateObject8, function (props) {
|
18830 | return props.theme.colors.white;
|
18831 | }, function (props) {
|
18832 | return props.theme.colors.lightPink;
|
18833 | }, function (props) {
|
18834 | return props.theme.media.tablet(_templateObject9);
|
18835 | }, function (props) {
|
18836 | return props.theme.media.tabletMax(_templateObject10);
|
18837 | });
|
18838 |
|
18839 | exports.default = ReferralSection;
|
18840 |
|
18841 | }),
|
18842 |
|
18843 | (function(module, exports, __webpack_require__) {
|
18844 |
|
18845 | "use strict";
|
18846 |
|
18847 |
|
18848 | Object.defineProperty(exports, "__esModule", {
|
18849 | value: true
|
18850 | });
|
18851 |
|
18852 | var _templateObject = _taggedTemplateLiteral(['\n color: ', ';\n'], ['\n color: ', ';\n']),
|
18853 | _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']);
|
18854 |
|
18855 | var _react = __webpack_require__(2);
|
18856 |
|
18857 | var _react2 = _interopRequireDefault(_react);
|
18858 |
|
18859 | var _propTypes = __webpack_require__(0);
|
18860 |
|
18861 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18862 |
|
18863 | var _styledComponents = __webpack_require__(1);
|
18864 |
|
18865 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
18866 |
|
18867 | var _SRC = __webpack_require__(3);
|
18868 |
|
18869 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18870 |
|
18871 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
18872 |
|
18873 | var TitlePink = _styledComponents2.default.span(_templateObject, function (props) {
|
18874 | return props.theme.colors.pink;
|
18875 | });
|
18876 |
|
18877 | var BaseHeader = function BaseHeader(_ref) {
|
18878 | var className = _ref.className,
|
18879 | referralValue = _ref.referralValue,
|
18880 | homepageUrl = _ref.homepageUrl;
|
18881 |
|
18882 | return _react2.default.createElement(
|
18883 | 'div',
|
18884 | { className: className },
|
18885 | _react2.default.createElement(
|
18886 | _SRC.H1,
|
18887 | null,
|
18888 | 'Tell a ',
|
18889 | _react2.default.createElement(
|
18890 | TitlePink,
|
18891 | null,
|
18892 | 'friend'
|
18893 | ),
|
18894 | ', get $',
|
18895 | referralValue
|
18896 | ),
|
18897 | _react2.default.createElement(
|
18898 | _SRC.P,
|
18899 | null,
|
18900 | 'Get $',
|
18901 | referralValue,
|
18902 | ' when your friend makes their first purchase\u2014they\u2019ll get $',
|
18903 | referralValue,
|
18904 | ' too!'
|
18905 | ),
|
18906 | _react2.default.createElement(
|
18907 | _SRC.Link,
|
18908 | {
|
18909 | target: '_blank',
|
18910 | rel: 'noopener noreferrer',
|
18911 | href: homepageUrl + '/referral-program' },
|
18912 | 'View details'
|
18913 | )
|
18914 | );
|
18915 | };
|
18916 |
|
18917 | BaseHeader.propTypes = {
|
18918 | className: _propTypes2.default.string,
|
18919 | referralValue: _propTypes2.default.string,
|
18920 | homepageUrl: _propTypes2.default.string
|
18921 | };
|
18922 |
|
18923 | var ReferralHeader = (0, _styledComponents2.default)(BaseHeader)(_templateObject2, function (props) {
|
18924 | return props.theme.fonts.primaryFont;
|
18925 | });
|
18926 | exports.default = ReferralHeader;
|
18927 |
|
18928 | }),
|
18929 |
|
18930 | (function(module, exports, __webpack_require__) {
|
18931 |
|
18932 | "use strict";
|
18933 |
|
18934 |
|
18935 | Object.defineProperty(exports, "__esModule", {
|
18936 | value: true
|
18937 | });
|
18938 |
|
18939 | var _react = __webpack_require__(2);
|
18940 |
|
18941 | var _react2 = _interopRequireDefault(_react);
|
18942 |
|
18943 | var _propTypes = __webpack_require__(0);
|
18944 |
|
18945 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
18946 |
|
18947 | var _browserDetection = __webpack_require__(41);
|
18948 |
|
18949 | var _browserDetection2 = _interopRequireDefault(_browserDetection);
|
18950 |
|
18951 | var _SRC = __webpack_require__(3);
|
18952 |
|
18953 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18954 |
|
18955 | var label = 'Invite Via Email';
|
18956 |
|
18957 | var toParams = function toParams(params) {
|
18958 | return Object.keys(params).map(function (key) {
|
18959 | return key + '=' + encodeURIComponent(params[key]);
|
18960 | }).join('&');
|
18961 | };
|
18962 |
|
18963 | var getShareUrl = function getShareUrl(email, params) {
|
18964 | if (!_browserDetection2.default.isMobile() && email && email.match(/@gmail\.com$/)) {
|
18965 | return gmailShareUrl(params);
|
18966 | }
|
18967 | return mailToShareUrl(params);
|
18968 | };
|
18969 |
|
18970 | var mailToShareUrl = function mailToShareUrl(message) {
|
18971 | return 'mailto:?' + toParams(message);
|
18972 | };
|
18973 |
|
18974 | var gmailShareUrl = function gmailShareUrl(message) {
|
18975 | var params = {
|
18976 | view: 'cm',
|
18977 | fs: 1,
|
18978 | su: message.subject,
|
18979 | body: message.body
|
18980 | };
|
18981 | return 'https://mail.google.com/mail/?' + toParams(params);
|
18982 | };
|
18983 |
|
18984 | var EmailShareButton = function EmailShareButton(_ref) {
|
18985 | var className = _ref.className,
|
18986 | referralClicked = _ref.referralClicked,
|
18987 | referralCode = _ref.referralCode,
|
18988 | referralValue = _ref.referralValue,
|
18989 | homepageUrl = _ref.homepageUrl,
|
18990 | email = _ref.email;
|
18991 |
|
18992 | 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';
|
18993 |
|
18994 | var message = {
|
18995 | subject: ' You’ve got to try Rockets of Awesome!',
|
18996 | body: body
|
18997 | };
|
18998 | var url = getShareUrl(email, message);
|
18999 | return _react2.default.createElement(
|
19000 | _SRC.ButtonLink,
|
19001 | { className: className, href: url, onClick: function onClick() {
|
19002 | return referralClicked('share_via_email', label);
|
19003 | } },
|
19004 | 'Invite Via Email'
|
19005 | );
|
19006 | };
|
19007 |
|
19008 | EmailShareButton.propTypes = {
|
19009 | className: _propTypes2.default.string,
|
19010 | referralClicked: _propTypes2.default.func,
|
19011 | referralCode: _propTypes2.default.string,
|
19012 | referralValue: _propTypes2.default.string,
|
19013 | homepageUrl: _propTypes2.default.string,
|
19014 | email: _propTypes2.default.string
|
19015 | };
|
19016 |
|
19017 | exports.default = EmailShareButton;
|
19018 |
|
19019 | }),
|
19020 |
|
19021 | (function(module, exports, __webpack_require__) {
|
19022 |
|
19023 | "use strict";
|
19024 |
|
19025 |
|
19026 | Object.defineProperty(exports, "__esModule", {
|
19027 | value: true
|
19028 | });
|
19029 |
|
19030 | var _react = __webpack_require__(2);
|
19031 |
|
19032 | var _react2 = _interopRequireDefault(_react);
|
19033 |
|
19034 | var _propTypes = __webpack_require__(0);
|
19035 |
|
19036 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
19037 |
|
19038 | var _SRC = __webpack_require__(3);
|
19039 |
|
19040 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19041 |
|
19042 | var SmsButton = function SmsButton(_ref) {
|
19043 | var className = _ref.className,
|
19044 | referralClicked = _ref.referralClicked,
|
19045 | referralCode = _ref.referralCode,
|
19046 | referralValue = _ref.referralValue,
|
19047 | homepageUrl = _ref.homepageUrl;
|
19048 |
|
19049 | 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);
|
19050 |
|
19051 | var sms_link = 'sms:?&body=' + encodeURIComponent(body);
|
19052 | return _react2.default.createElement(
|
19053 | _SRC.ButtonLink,
|
19054 | { className: className, href: sms_link, onClick: function onClick() {
|
19055 | return referralClicked('share_via_sms', 'Click Refer via SMS button');
|
19056 | } },
|
19057 | 'Invite Via Text'
|
19058 | );
|
19059 | };
|
19060 |
|
19061 | SmsButton.propTypes = {
|
19062 | className: _propTypes2.default.string,
|
19063 | referralClicked: _propTypes2.default.func,
|
19064 | referralCode: _propTypes2.default.string,
|
19065 | referralValue: _propTypes2.default.string,
|
19066 | homepageUrl: _propTypes2.default.string
|
19067 | };
|
19068 |
|
19069 | exports.default = SmsButton;
|
19070 |
|
19071 | }),
|
19072 |
|
19073 | (function(module, exports, __webpack_require__) {
|
19074 |
|
19075 | "use strict";
|
19076 |
|
19077 |
|
19078 | Object.defineProperty(exports, "__esModule", {
|
19079 | value: true
|
19080 | });
|
19081 |
|
19082 | 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; }; }();
|
19083 |
|
19084 | var _templateObject = _taggedTemplateLiteral(['\n max-width: 330px;\n margin: 0 auto;\n'], ['\n max-width: 330px;\n margin: 0 auto;\n']),
|
19085 | _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']),
|
19086 | _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']),
|
19087 | _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']),
|
19088 | _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']),
|
19089 | _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 ']);
|
19090 |
|
19091 | var _react = __webpack_require__(2);
|
19092 |
|
19093 | var _react2 = _interopRequireDefault(_react);
|
19094 |
|
19095 | var _styledComponents = __webpack_require__(1);
|
19096 |
|
19097 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
19098 |
|
19099 | var _propTypes = __webpack_require__(0);
|
19100 |
|
19101 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
19102 |
|
19103 | var _reactCopyToClipboard = __webpack_require__(294);
|
19104 |
|
19105 | var _reactCopyToClipboard2 = _interopRequireDefault(_reactCopyToClipboard);
|
19106 |
|
19107 | var _inputs = __webpack_require__(28);
|
19108 |
|
19109 | var _FacebookShare = __webpack_require__(295);
|
19110 |
|
19111 | var _FacebookShare2 = _interopRequireDefault(_FacebookShare);
|
19112 |
|
19113 | var _TwitterShare = __webpack_require__(296);
|
19114 |
|
19115 | var _TwitterShare2 = _interopRequireDefault(_TwitterShare);
|
19116 |
|
19117 | var _PinterestShare = __webpack_require__(297);
|
19118 |
|
19119 | var _PinterestShare2 = _interopRequireDefault(_PinterestShare);
|
19120 |
|
19121 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19122 |
|
19123 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
19124 |
|
19125 | 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; }
|
19126 |
|
19127 | 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; }
|
19128 |
|
19129 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
19130 |
|
19131 | var UrlField = _styledComponents2.default.div(_templateObject);
|
19132 |
|
19133 | var UrlInput = _styledComponents2.default.input(_templateObject2, function (props) {
|
19134 | return props.theme.colors.gray4;
|
19135 | }, function (props) {
|
19136 | return props.theme.fonts.primaryFont;
|
19137 | }, function (props) {
|
19138 | return props.theme.colors.navyBlue;
|
19139 | });
|
19140 |
|
19141 | var CopyButton = (0, _styledComponents2.default)(_inputs.Button)(_templateObject3, function (props) {
|
19142 | return props.theme.colors.lightBlue1;
|
19143 | }, function (props) {
|
19144 | return props.theme.colors.navyBlue;
|
19145 | }, function (props) {
|
19146 | return props.theme.colors.lightBlue1;
|
19147 | });
|
19148 |
|
19149 | var InputHelp = _styledComponents2.default.div(_templateObject4, function (props) {
|
19150 | return props.theme.colors.gray4;
|
19151 | }, function (props) {
|
19152 | return props.theme.fonts.primaryFont;
|
19153 | }, function (props) {
|
19154 | return props.theme.colors.navyBlue;
|
19155 | });
|
19156 |
|
19157 | var ShareButtons = _styledComponents2.default.div(_templateObject5, function (props) {
|
19158 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject6);
|
19159 | });
|
19160 |
|
19161 | var ShareOptions = function (_Component) {
|
19162 | _inherits(ShareOptions, _Component);
|
19163 |
|
19164 | function ShareOptions(props) {
|
19165 | _classCallCheck(this, ShareOptions);
|
19166 |
|
19167 | var _this = _possibleConstructorReturn(this, (ShareOptions.__proto__ || Object.getPrototypeOf(ShareOptions)).call(this, props));
|
19168 |
|
19169 | _this.state = { copied: false };
|
19170 | _this.onCopy = _this.onCopy.bind(_this);
|
19171 | _this.resetState = _this.resetState.bind(_this);
|
19172 | return _this;
|
19173 | }
|
19174 |
|
19175 | _createClass(ShareOptions, [{
|
19176 | key: 'onCopy',
|
19177 | value: function onCopy() {
|
19178 | this.setState({ copied: true });
|
19179 | setTimeout(this.resetState, 2500);
|
19180 | }
|
19181 | }, {
|
19182 | key: 'resetState',
|
19183 | value: function resetState() {
|
19184 | this.setState({ copied: false });
|
19185 | }
|
19186 | }, {
|
19187 | key: 'render',
|
19188 | value: function render() {
|
19189 | var _props = this.props,
|
19190 | className = _props.className,
|
19191 | showShareButtons = _props.showShareButtons,
|
19192 | homepageUrl = _props.homepageUrl,
|
19193 | referralCode = _props.referralCode,
|
19194 | name = _props.name,
|
19195 | referralClicked = _props.referralClicked,
|
19196 | referralValue = _props.referralValue;
|
19197 | var copied = this.state.copied;
|
19198 |
|
19199 | var url = homepageUrl + '?r=' + referralCode;
|
19200 |
|
19201 | return _react2.default.createElement(
|
19202 | 'div',
|
19203 | { className: className },
|
19204 | _react2.default.createElement(
|
19205 | UrlField,
|
19206 | null,
|
19207 | _react2.default.createElement(UrlInput, { type: 'text', readOnly: true, value: url }),
|
19208 | _react2.default.createElement(
|
19209 | _reactCopyToClipboard2.default,
|
19210 | { text: url, onCopy: this.onCopy },
|
19211 | _react2.default.createElement(
|
19212 | CopyButton,
|
19213 | null,
|
19214 | 'Copy'
|
19215 | )
|
19216 | )
|
19217 | ),
|
19218 | copied && _react2.default.createElement(
|
19219 | InputHelp,
|
19220 | null,
|
19221 | 'Link copied to clipboard'
|
19222 | ),
|
19223 | showShareButtons && _react2.default.createElement(
|
19224 | ShareButtons,
|
19225 | null,
|
19226 | _react2.default.createElement(_FacebookShare2.default, { url: url, referralClicked: referralClicked, name: name }),
|
19227 | _react2.default.createElement(_TwitterShare2.default, { url: url, referralValue: referralValue, referralClicked: referralClicked }),
|
19228 | _react2.default.createElement(_PinterestShare2.default, { url: url, referralValue: referralValue, referralClicked: referralClicked })
|
19229 | )
|
19230 | );
|
19231 | }
|
19232 | }]);
|
19233 |
|
19234 | return ShareOptions;
|
19235 | }(_react.Component);
|
19236 |
|
19237 | ShareOptions.defaultProps = {
|
19238 | showShareButtons: true
|
19239 | };
|
19240 |
|
19241 |
|
19242 | ShareOptions.propTypes = {
|
19243 | referralCode: _propTypes2.default.string.isRequired,
|
19244 | showShareButtons: _propTypes2.default.bool,
|
19245 | homePageUrl: _propTypes2.default.string,
|
19246 | referralClicked: _propTypes2.default.func,
|
19247 | name: _propTypes2.default.string,
|
19248 | referralValue: _propTypes2.default.string,
|
19249 | className: _propTypes2.default.string
|
19250 | };
|
19251 |
|
19252 | exports.default = ShareOptions;
|
19253 |
|
19254 | }),
|
19255 |
|
19256 | (function(module, exports) {
|
19257 |
|
19258 | module.exports = require("react-copy-to-clipboard");
|
19259 |
|
19260 | }),
|
19261 |
|
19262 | (function(module, exports, __webpack_require__) {
|
19263 |
|
19264 | "use strict";
|
19265 |
|
19266 |
|
19267 | Object.defineProperty(exports, "__esModule", {
|
19268 | value: true
|
19269 | });
|
19270 | exports.BaseFacebookShare = undefined;
|
19271 |
|
19272 | 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; }; }();
|
19273 |
|
19274 | 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']),
|
19275 | _templateObject2 = _taggedTemplateLiteral(['\n margin-left: 20px;\n '], ['\n margin-left: 20px;\n ']);
|
19276 |
|
19277 | var _react = __webpack_require__(2);
|
19278 |
|
19279 | var _react2 = _interopRequireDefault(_react);
|
19280 |
|
19281 | var _propTypes = __webpack_require__(0);
|
19282 |
|
19283 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
19284 |
|
19285 | var _styledComponents = __webpack_require__(1);
|
19286 |
|
19287 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
19288 |
|
19289 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19290 |
|
19291 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
19292 |
|
19293 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
19294 |
|
19295 | 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; }
|
19296 |
|
19297 | 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; }
|
19298 |
|
19299 | var BaseFacebookShare = exports.BaseFacebookShare = function (_React$Component) {
|
19300 | _inherits(BaseFacebookShare, _React$Component);
|
19301 |
|
19302 | function BaseFacebookShare(props) {
|
19303 | _classCallCheck(this, BaseFacebookShare);
|
19304 |
|
19305 | var _this = _possibleConstructorReturn(this, (BaseFacebookShare.__proto__ || Object.getPrototypeOf(BaseFacebookShare)).call(this, props));
|
19306 |
|
19307 | _this.handleClick = _this.handleClick.bind(_this);
|
19308 | return _this;
|
19309 | }
|
19310 |
|
19311 | _createClass(BaseFacebookShare, [{
|
19312 | key: 'handleClick',
|
19313 | value: function handleClick(_ref) {
|
19314 | var href = _ref.target.dataset.href;
|
19315 | var _props = this.props,
|
19316 | url = _props.url,
|
19317 | name = _props.name,
|
19318 | referralClicked = _props.referralClicked;
|
19319 |
|
19320 | referralClicked('share_via_facebook', 'Click to Refer via Facebook');
|
19321 | window.FB.ui({
|
19322 | method: 'share',
|
19323 | href: url + '&name=' + name
|
19324 | });
|
19325 | }
|
19326 | }, {
|
19327 | key: 'render',
|
19328 | value: function render() {
|
19329 | return _react2.default.createElement(
|
19330 | 'a',
|
19331 | {
|
19332 | className: this.props.className + ' facebook-jssdk',
|
19333 | onClick: this.handleClick },
|
19334 | 'Share on Facebook'
|
19335 | );
|
19336 | }
|
19337 | }]);
|
19338 |
|
19339 | return BaseFacebookShare;
|
19340 | }(_react2.default.Component);
|
19341 |
|
19342 | BaseFacebookShare.propTypes = {
|
19343 | referralClicked: _propTypes2.default.func.isRequired,
|
19344 | url: _propTypes2.default.string,
|
19345 | name: _propTypes2.default.string
|
19346 | };
|
19347 |
|
19348 | var FacebookShare = (0, _styledComponents2.default)(BaseFacebookShare)(_templateObject, function (props) {
|
19349 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
19350 | });
|
19351 |
|
19352 | exports.default = FacebookShare;
|
19353 |
|
19354 | }),
|
19355 |
|
19356 | (function(module, exports, __webpack_require__) {
|
19357 |
|
19358 | "use strict";
|
19359 |
|
19360 |
|
19361 | Object.defineProperty(exports, "__esModule", {
|
19362 | value: true
|
19363 | });
|
19364 |
|
19365 | 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']),
|
19366 | _templateObject2 = _taggedTemplateLiteral(['\n margin-left: 20px;\n '], ['\n margin-left: 20px;\n ']);
|
19367 |
|
19368 | var _react = __webpack_require__(2);
|
19369 |
|
19370 | var _react2 = _interopRequireDefault(_react);
|
19371 |
|
19372 | var _propTypes = __webpack_require__(0);
|
19373 |
|
19374 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
19375 |
|
19376 | var _styledComponents = __webpack_require__(1);
|
19377 |
|
19378 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
19379 |
|
19380 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19381 |
|
19382 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
19383 |
|
19384 | var BaseTwitterShare = function BaseTwitterShare(_ref) {
|
19385 | var className = _ref.className,
|
19386 | url = _ref.url,
|
19387 | referralValue = _ref.referralValue,
|
19388 | referralClicked = _ref.referralClicked;
|
19389 |
|
19390 | return _react2.default.createElement(
|
19391 | 'a',
|
19392 | {
|
19393 | className: className,
|
19394 | target: '_blank',
|
19395 | onClick: function onClick() {
|
19396 | return referralClicked('share_via_twitter', 'Click to Refer via Twitter');
|
19397 | },
|
19398 | 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 },
|
19399 | 'Share On Twitter'
|
19400 | );
|
19401 | };
|
19402 |
|
19403 | BaseTwitterShare.propTypes = {
|
19404 | referralClicked: _propTypes2.default.func.isRequired,
|
19405 | url: _propTypes2.default.string
|
19406 | };
|
19407 |
|
19408 | var TwitterShare = (0, _styledComponents2.default)(BaseTwitterShare)(_templateObject, function (props) {
|
19409 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
19410 | });
|
19411 |
|
19412 | exports.default = TwitterShare;
|
19413 |
|
19414 | }),
|
19415 |
|
19416 | (function(module, exports, __webpack_require__) {
|
19417 |
|
19418 | "use strict";
|
19419 |
|
19420 |
|
19421 | Object.defineProperty(exports, "__esModule", {
|
19422 | value: true
|
19423 | });
|
19424 | exports.BasePinterestShare = undefined;
|
19425 |
|
19426 | 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; }; }();
|
19427 |
|
19428 | 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']),
|
19429 | _templateObject2 = _taggedTemplateLiteral(['\n margin-left: 20px;\n '], ['\n margin-left: 20px;\n ']);
|
19430 |
|
19431 | var _react = __webpack_require__(2);
|
19432 |
|
19433 | var _react2 = _interopRequireDefault(_react);
|
19434 |
|
19435 | var _propTypes = __webpack_require__(0);
|
19436 |
|
19437 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
19438 |
|
19439 | var _styledComponents = __webpack_require__(1);
|
19440 |
|
19441 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
19442 |
|
19443 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19444 |
|
19445 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
19446 |
|
19447 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
19448 |
|
19449 | 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; }
|
19450 |
|
19451 | 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; }
|
19452 |
|
19453 | var BasePinterestShare = exports.BasePinterestShare = function (_React$Component) {
|
19454 | _inherits(BasePinterestShare, _React$Component);
|
19455 |
|
19456 | function BasePinterestShare(props) {
|
19457 | _classCallCheck(this, BasePinterestShare);
|
19458 |
|
19459 | var _this = _possibleConstructorReturn(this, (BasePinterestShare.__proto__ || Object.getPrototypeOf(BasePinterestShare)).call(this, props));
|
19460 |
|
19461 | _this.handleClick = _this.handleClick.bind(_this);
|
19462 | return _this;
|
19463 | }
|
19464 |
|
19465 | _createClass(BasePinterestShare, [{
|
19466 | key: 'componentDidMount',
|
19467 | value: function componentDidMount() {
|
19468 | var script = document.createElement('script');
|
19469 | script.type = 'text/javascript';
|
19470 | script.src = '//assets.pinterest.com/js/pinit.js';
|
19471 | document.querySelector('head').appendChild(script);
|
19472 | }
|
19473 | }, {
|
19474 | key: 'handleClick',
|
19475 | value: function handleClick() {
|
19476 | var _props = this.props,
|
19477 | url = _props.url,
|
19478 | referralClicked = _props.referralClicked,
|
19479 | referralValue = _props.referralValue;
|
19480 |
|
19481 | referralClicked('share_via_pinterest', 'Click to Refer via Pinterest');
|
19482 | window.PinUtils.pinOne({
|
19483 | 'url': url,
|
19484 | 'media': 'https://d2lknnt52h7uhg.cloudfront.net/roa-canon/v1521063498/web/social/pinterest-share.jpg',
|
19485 | '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.'
|
19486 | });
|
19487 | }
|
19488 | }, {
|
19489 | key: 'render',
|
19490 | value: function render() {
|
19491 | return _react2.default.createElement(
|
19492 | 'a',
|
19493 | {
|
19494 | className: this.props.className,
|
19495 | 'data-pin-custom': 'true',
|
19496 | 'data-pin-do': 'buttonBookmark',
|
19497 | onClick: this.handleClick },
|
19498 | 'Share on Pintrest'
|
19499 | );
|
19500 | }
|
19501 | }]);
|
19502 |
|
19503 | return BasePinterestShare;
|
19504 | }(_react2.default.Component);
|
19505 |
|
19506 | BasePinterestShare.propTypes = {
|
19507 | referralClicked: _propTypes2.default.func.isRequired,
|
19508 | url: _propTypes2.default.string,
|
19509 | referralValue: _propTypes2.default.string
|
19510 | };
|
19511 |
|
19512 | var PinterestShare = (0, _styledComponents2.default)(BasePinterestShare)(_templateObject, function (props) {
|
19513 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
19514 | });
|
19515 |
|
19516 | exports.default = PinterestShare;
|
19517 |
|
19518 | }),
|
19519 |
|
19520 | (function(module, exports, __webpack_require__) {
|
19521 |
|
19522 | "use strict";
|
19523 |
|
19524 |
|
19525 | Object.defineProperty(exports, "__esModule", {
|
19526 | value: true
|
19527 | });
|
19528 |
|
19529 | var _Confetti = __webpack_require__(299);
|
19530 |
|
19531 | Object.defineProperty(exports, 'Confetti', {
|
19532 | enumerable: true,
|
19533 | get: function get() {
|
19534 | return _interopRequireDefault(_Confetti).default;
|
19535 | }
|
19536 | });
|
19537 |
|
19538 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19539 |
|
19540 | }),
|
19541 |
|
19542 | (function(module, exports, __webpack_require__) {
|
19543 |
|
19544 | "use strict";
|
19545 |
|
19546 |
|
19547 | Object.defineProperty(exports, "__esModule", {
|
19548 | value: true
|
19549 | });
|
19550 |
|
19551 | 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; }; }();
|
19552 |
|
19553 | var _react = __webpack_require__(2);
|
19554 |
|
19555 | var _react2 = _interopRequireDefault(_react);
|
19556 |
|
19557 | var _propTypes = __webpack_require__(0);
|
19558 |
|
19559 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
19560 |
|
19561 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19562 |
|
19563 | 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; }
|
19564 |
|
19565 | 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; }
|
19566 |
|
19567 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
19568 |
|
19569 |
|
19570 |
|
19571 |
|
19572 |
|
19573 | var ConfettiParticle = function () {
|
19574 | function ConfettiParticle(_ref) {
|
19575 | var context = _ref.context,
|
19576 | width = _ref.width,
|
19577 | height = _ref.height,
|
19578 | color = _ref.color,
|
19579 | speed = _ref.speed;
|
19580 |
|
19581 | _classCallCheck(this, ConfettiParticle);
|
19582 |
|
19583 | this.context = context;
|
19584 | this.width = width;
|
19585 | this.height = height;
|
19586 | this.color = color;
|
19587 | this.diameter = 0;
|
19588 | this.tilt = 0;
|
19589 | this.tiltAngleIncrement = 0;
|
19590 | this.tiltAngle = 0;
|
19591 | this.particleSpeed = speed;
|
19592 | this.waveAngle = 0;
|
19593 | this.x = 0;
|
19594 | this.y = 0;
|
19595 | this.reset();
|
19596 | }
|
19597 |
|
19598 | _createClass(ConfettiParticle, [{
|
19599 | key: 'reset',
|
19600 | value: function reset() {
|
19601 | this.x = Math.random() * this.width;
|
19602 | this.y = Math.random() * this.height - this.height;
|
19603 | this.diameter = Math.random() * 6 + 4;
|
19604 | this.tilt = 0;
|
19605 | this.tiltAngleIncrement = Math.random() * 0.1 + 0.04;
|
19606 | this.tiltAngle = 0;
|
19607 | }
|
19608 | }, {
|
19609 | key: 'update',
|
19610 | value: function update() {
|
19611 | this.waveAngle += this.tiltAngleIncrement;
|
19612 | this.tiltAngle += this.tiltAngleIncrement;
|
19613 | this.tilt = Math.sin(this.tiltAngle) * 12;
|
19614 | this.x += Math.sin(this.waveAngle);
|
19615 | this.y += (Math.cos(this.waveAngle) + this.diameter + this.particleSpeed) * 0.4;
|
19616 | }
|
19617 | }, {
|
19618 | key: 'complete',
|
19619 | value: function complete() {
|
19620 | return this.y > this.height + 20;
|
19621 | }
|
19622 | }, {
|
19623 | key: 'draw',
|
19624 | value: function draw() {
|
19625 | var x = this.x + this.tilt;
|
19626 | this.context.beginPath();
|
19627 | this.context.lineWidth = this.diameter;
|
19628 | this.context.strokeStyle = this.color;
|
19629 | this.context.moveTo(x + this.diameter / 2, this.y);
|
19630 | this.context.lineTo(x, this.y + this.tilt + this.diameter / 2);
|
19631 | this.context.stroke();
|
19632 | }
|
19633 | }]);
|
19634 |
|
19635 | return ConfettiParticle;
|
19636 | }();
|
19637 |
|
19638 | var colorOptions = ['#44D7B6', '#76C2F3', '#F0FF02', '#FEACBE', '#FF511C', '#6236FF', '#0073D1'];
|
19639 |
|
19640 | var Confetti = function (_React$Component) {
|
19641 | _inherits(Confetti, _React$Component);
|
19642 |
|
19643 | function Confetti(props) {
|
19644 | _classCallCheck(this, Confetti);
|
19645 |
|
19646 | var _this = _possibleConstructorReturn(this, (Confetti.__proto__ || Object.getPrototypeOf(Confetti)).call(this, props));
|
19647 |
|
19648 | _this.setCanvasRef = _this.setCanvasRef.bind(_this);
|
19649 | _this.animate = _this.animate.bind(_this);
|
19650 | _this.setup = _this.setup.bind(_this);
|
19651 | return _this;
|
19652 | }
|
19653 |
|
19654 | _createClass(Confetti, [{
|
19655 | key: 'componentDidMount',
|
19656 | value: function componentDidMount() {
|
19657 | setTimeout(this.setup, 500);
|
19658 | }
|
19659 | }, {
|
19660 | key: 'setCanvasRef',
|
19661 | value: function setCanvasRef(canvas) {
|
19662 | this.canvas = canvas;
|
19663 | }
|
19664 | }, {
|
19665 | key: 'componentWillUnmount',
|
19666 | value: function componentWillUnmount() {
|
19667 | cancelAnimationFrame(this.animationId);
|
19668 | }
|
19669 | }, {
|
19670 | key: 'setup',
|
19671 | value: function setup() {
|
19672 | this.createParticles();
|
19673 | this.animate();
|
19674 | }
|
19675 |
|
19676 |
|
19677 |
|
19678 | }, {
|
19679 | key: 'createParticles',
|
19680 | value: function createParticles() {
|
19681 | var context = this.getContext();
|
19682 | var _props = this.props,
|
19683 | width = _props.width,
|
19684 | height = _props.height,
|
19685 | particleCount = _props.particleCount,
|
19686 | particleSpeed = _props.particleSpeed;
|
19687 |
|
19688 |
|
19689 | this.particles = [];
|
19690 |
|
19691 | for (var i = 0; i < particleCount; ++i) {
|
19692 | var index = Math.floor(Math.random() * colorOptions.length);
|
19693 | var color = colorOptions[index];
|
19694 | var particle = new ConfettiParticle({
|
19695 | context: context, width: width, height: height, color: color, speed: particleSpeed
|
19696 | });
|
19697 | this.particles.push(particle);
|
19698 | }
|
19699 | }
|
19700 | }, {
|
19701 | key: 'getContext',
|
19702 | value: function getContext() {
|
19703 | return this.canvas.getContext('2d');
|
19704 | }
|
19705 | }, {
|
19706 | key: 'animate',
|
19707 | value: function animate() {
|
19708 | var _props2 = this.props,
|
19709 | width = _props2.width,
|
19710 | height = _props2.height,
|
19711 | onComplete = _props2.onComplete;
|
19712 |
|
19713 | var context = this.getContext();
|
19714 | context.clearRect(0, 0, width, height);
|
19715 |
|
19716 | var complete = true;
|
19717 | var _iteratorNormalCompletion = true;
|
19718 | var _didIteratorError = false;
|
19719 | var _iteratorError = undefined;
|
19720 |
|
19721 | try {
|
19722 | for (var _iterator = this.particles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
19723 | var p = _step.value;
|
19724 |
|
19725 | p.width = width;
|
19726 | p.height = height;
|
19727 | p.update();
|
19728 | p.draw();
|
19729 | complete = complete && p.complete();
|
19730 | }
|
19731 | } catch (err) {
|
19732 | _didIteratorError = true;
|
19733 | _iteratorError = err;
|
19734 | } finally {
|
19735 | try {
|
19736 | if (!_iteratorNormalCompletion && _iterator.return) {
|
19737 | _iterator.return();
|
19738 | }
|
19739 | } finally {
|
19740 | if (_didIteratorError) {
|
19741 | throw _iteratorError;
|
19742 | }
|
19743 | }
|
19744 | }
|
19745 |
|
19746 | if (complete) {
|
19747 | onComplete();
|
19748 | } else {
|
19749 | this.animationId = requestAnimationFrame(this.animate);
|
19750 | }
|
19751 | }
|
19752 | }, {
|
19753 | key: 'render',
|
19754 | value: function render() {
|
19755 | var _props3 = this.props,
|
19756 | width = _props3.width,
|
19757 | height = _props3.height;
|
19758 |
|
19759 | return _react2.default.createElement('canvas', { ref: this.setCanvasRef, width: width, height: height });
|
19760 | }
|
19761 | }]);
|
19762 |
|
19763 | return Confetti;
|
19764 | }(_react2.default.Component);
|
19765 |
|
19766 | Confetti.propTypes = {
|
19767 | width: _propTypes2.default.number.isRequired,
|
19768 | height: _propTypes2.default.number.isRequired,
|
19769 | particleCount: _propTypes2.default.number,
|
19770 | particleSpeed: _propTypes2.default.number,
|
19771 | onComplete: _propTypes2.default.func
|
19772 | };
|
19773 |
|
19774 | Confetti.defaultProps = {
|
19775 | particleCount: 300,
|
19776 | particleSpeed: 1,
|
19777 | onComplete: function onComplete() {
|
19778 | return null;
|
19779 | }
|
19780 |
|
19781 |
|
19782 | };exports.default = Confetti;
|
19783 |
|
19784 | }),
|
19785 |
|
19786 | (function(module, exports, __webpack_require__) {
|
19787 |
|
19788 | "use strict";
|
19789 |
|
19790 |
|
19791 | Object.defineProperty(exports, "__esModule", {
|
19792 | value: true
|
19793 | });
|
19794 |
|
19795 | var _GiftModal = __webpack_require__(301);
|
19796 |
|
19797 | Object.defineProperty(exports, 'GiftModal', {
|
19798 | enumerable: true,
|
19799 | get: function get() {
|
19800 | return _interopRequireDefault(_GiftModal).default;
|
19801 | }
|
19802 | });
|
19803 |
|
19804 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19805 |
|
19806 | }),
|
19807 |
|
19808 | (function(module, exports, __webpack_require__) {
|
19809 |
|
19810 | "use strict";
|
19811 |
|
19812 |
|
19813 | Object.defineProperty(exports, "__esModule", {
|
19814 | value: true
|
19815 | });
|
19816 |
|
19817 | var _templateObject = _taggedTemplateLiteral(['\n border: 3px solid ', ';\n background-color: white;\n padding: 10px 20px;\n width: 320px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n box-sizing: border-box;\n text-align: center;\n'], ['\n border: 3px solid ', ';\n background-color: white;\n padding: 10px 20px;\n width: 320px;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n box-sizing: border-box;\n text-align: center;\n']),
|
19818 | _templateObject2 = _taggedTemplateLiteral(['\n float: right;\n cursor: pointer;\n margin-top: 10px;\n'], ['\n float: right;\n cursor: pointer;\n margin-top: 10px;\n']),
|
19819 | _templateObject3 = _taggedTemplateLiteral(['\n margin-bottom: 15px;\n'], ['\n margin-bottom: 15px;\n']),
|
19820 | _templateObject4 = _taggedTemplateLiteral(['\n max-width: 100%;\n margin-bottom: 15px;\n'], ['\n max-width: 100%;\n margin-bottom: 15px;\n']),
|
19821 | _templateObject5 = _taggedTemplateLiteral(['\n margin-top: 30px;\n margin-bottom: 10px;\n'], ['\n margin-top: 30px;\n margin-bottom: 10px;\n']);
|
19822 |
|
19823 | var _react = __webpack_require__(2);
|
19824 |
|
19825 | var _react2 = _interopRequireDefault(_react);
|
19826 |
|
19827 | var _propTypes = __webpack_require__(0);
|
19828 |
|
19829 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
19830 |
|
19831 | var _styledComponents = __webpack_require__(1);
|
19832 |
|
19833 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
19834 |
|
19835 | var _SRC = __webpack_require__(3);
|
19836 |
|
19837 | var _cloudinary = __webpack_require__(4);
|
19838 |
|
19839 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
19840 |
|
19841 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
19842 |
|
19843 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
19844 |
|
19845 | var Container = _styledComponents2.default.div(_templateObject, function (props) {
|
19846 | return props.theme.colors.rocketBlue;
|
19847 | });
|
19848 |
|
19849 | var CloseLink = _styledComponents2.default.a(_templateObject2);
|
19850 |
|
19851 | var Text = (0, _styledComponents2.default)(_SRC.P)(_templateObject3);
|
19852 |
|
19853 | var Image = (0, _styledComponents2.default)(_SRC.InlineImage)(_templateObject4);
|
19854 |
|
19855 | var Title = (0, _styledComponents2.default)(_SRC.H3)(_templateObject5);
|
19856 |
|
19857 | var GiftModal = function GiftModal(_ref) {
|
19858 | var onClose = _ref.onClose;
|
19859 | return _react2.default.createElement(
|
19860 | Container,
|
19861 | null,
|
19862 | _react2.default.createElement(
|
19863 | CloseLink,
|
19864 | { onClick: onClose },
|
19865 | _react2.default.createElement(_SRC.Close, { width: '1.5rem' })
|
19866 | ),
|
19867 | _react2.default.createElement(
|
19868 | Title,
|
19869 | null,
|
19870 | 'Sending a Gift?'
|
19871 | ),
|
19872 | _react2.default.createElement(Image, {
|
19873 | src: _cloudinary2.default.url('web/shop/gifting_pop_up.jpg'),
|
19874 | alt: 'Kid opening a box'
|
19875 | }),
|
19876 | _react2.default.createElement(
|
19877 | Text,
|
19878 | null,
|
19879 | 'At checkout, leave a message that will show on the packing slip without pricing. Need an exchange? It\u2019s free and easy via our friendly customer service team.'
|
19880 | ),
|
19881 | _react2.default.createElement(
|
19882 | Text,
|
19883 | null,
|
19884 | 'And don\u2019t forget, buy 4+ items to get 20% off your order!'
|
19885 | )
|
19886 | );
|
19887 | };
|
19888 |
|
19889 | GiftModal.propTypes = {
|
19890 | onClose: _propTypes2.default.func.isRequired
|
19891 | };
|
19892 |
|
19893 | exports.default = GiftModal;
|
19894 |
|
19895 | }),
|
19896 |
|
19897 | (function(module, exports, __webpack_require__) {
|
19898 |
|
19899 | "use strict";
|
19900 |
|
19901 |
|
19902 | Object.defineProperty(exports, "__esModule", {
|
19903 | value: true
|
19904 | });
|
19905 |
|
19906 | var _completeAccount = __webpack_require__(303);
|
19907 |
|
19908 | Object.keys(_completeAccount).forEach(function (key) {
|
19909 | if (key === "default" || key === "__esModule") return;
|
19910 | Object.defineProperty(exports, key, {
|
19911 | enumerable: true,
|
19912 | get: function get() {
|
19913 | return _completeAccount[key];
|
19914 | }
|
19915 | });
|
19916 | });
|
19917 |
|
19918 | var _contentful = __webpack_require__(306);
|
19919 |
|
19920 | Object.keys(_contentful).forEach(function (key) {
|
19921 | if (key === "default" || key === "__esModule") return;
|
19922 | Object.defineProperty(exports, key, {
|
19923 | enumerable: true,
|
19924 | get: function get() {
|
19925 | return _contentful[key];
|
19926 | }
|
19927 | });
|
19928 | });
|
19929 |
|
19930 | var _forms = __webpack_require__(331);
|
19931 |
|
19932 | Object.keys(_forms).forEach(function (key) {
|
19933 | if (key === "default" || key === "__esModule") return;
|
19934 | Object.defineProperty(exports, key, {
|
19935 | enumerable: true,
|
19936 | get: function get() {
|
19937 | return _forms[key];
|
19938 | }
|
19939 | });
|
19940 | });
|
19941 |
|
19942 | var _header = __webpack_require__(336);
|
19943 |
|
19944 | Object.keys(_header).forEach(function (key) {
|
19945 | if (key === "default" || key === "__esModule") return;
|
19946 | Object.defineProperty(exports, key, {
|
19947 | enumerable: true,
|
19948 | get: function get() {
|
19949 | return _header[key];
|
19950 | }
|
19951 | });
|
19952 | });
|
19953 |
|
19954 | var _images = __webpack_require__(352);
|
19955 |
|
19956 | Object.keys(_images).forEach(function (key) {
|
19957 | if (key === "default" || key === "__esModule") return;
|
19958 | Object.defineProperty(exports, key, {
|
19959 | enumerable: true,
|
19960 | get: function get() {
|
19961 | return _images[key];
|
19962 | }
|
19963 | });
|
19964 | });
|
19965 |
|
19966 | var _layout = __webpack_require__(355);
|
19967 |
|
19968 | Object.keys(_layout).forEach(function (key) {
|
19969 | if (key === "default" || key === "__esModule") return;
|
19970 | Object.defineProperty(exports, key, {
|
19971 | enumerable: true,
|
19972 | get: function get() {
|
19973 | return _layout[key];
|
19974 | }
|
19975 | });
|
19976 | });
|
19977 |
|
19978 | var _outfits = __webpack_require__(357);
|
19979 |
|
19980 | Object.keys(_outfits).forEach(function (key) {
|
19981 | if (key === "default" || key === "__esModule") return;
|
19982 | Object.defineProperty(exports, key, {
|
19983 | enumerable: true,
|
19984 | get: function get() {
|
19985 | return _outfits[key];
|
19986 | }
|
19987 | });
|
19988 | });
|
19989 |
|
19990 | var _persistentCart = __webpack_require__(362);
|
19991 |
|
19992 | Object.keys(_persistentCart).forEach(function (key) {
|
19993 | if (key === "default" || key === "__esModule") return;
|
19994 | Object.defineProperty(exports, key, {
|
19995 | enumerable: true,
|
19996 | get: function get() {
|
19997 | return _persistentCart[key];
|
19998 | }
|
19999 | });
|
20000 | });
|
20001 |
|
20002 | var _productTile = __webpack_require__(376);
|
20003 |
|
20004 | Object.keys(_productTile).forEach(function (key) {
|
20005 | if (key === "default" || key === "__esModule") return;
|
20006 | Object.defineProperty(exports, key, {
|
20007 | enumerable: true,
|
20008 | get: function get() {
|
20009 | return _productTile[key];
|
20010 | }
|
20011 | });
|
20012 | });
|
20013 |
|
20014 | var _searchModal = __webpack_require__(388);
|
20015 |
|
20016 | Object.keys(_searchModal).forEach(function (key) {
|
20017 | if (key === "default" || key === "__esModule") return;
|
20018 | Object.defineProperty(exports, key, {
|
20019 | enumerable: true,
|
20020 | get: function get() {
|
20021 | return _searchModal[key];
|
20022 | }
|
20023 | });
|
20024 | });
|
20025 |
|
20026 | var _socialMedia = __webpack_require__(390);
|
20027 |
|
20028 | Object.keys(_socialMedia).forEach(function (key) {
|
20029 | if (key === "default" || key === "__esModule") return;
|
20030 | Object.defineProperty(exports, key, {
|
20031 | enumerable: true,
|
20032 | get: function get() {
|
20033 | return _socialMedia[key];
|
20034 | }
|
20035 | });
|
20036 | });
|
20037 |
|
20038 | var _page = __webpack_require__(393);
|
20039 |
|
20040 | Object.defineProperty(exports, 'Page', {
|
20041 | enumerable: true,
|
20042 | get: function get() {
|
20043 | return _interopRequireDefault(_page).default;
|
20044 | }
|
20045 | });
|
20046 |
|
20047 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20048 |
|
20049 | }),
|
20050 |
|
20051 | (function(module, exports, __webpack_require__) {
|
20052 |
|
20053 | "use strict";
|
20054 |
|
20055 |
|
20056 | Object.defineProperty(exports, "__esModule", {
|
20057 | value: true
|
20058 | });
|
20059 |
|
20060 | var _guarantee = __webpack_require__(304);
|
20061 |
|
20062 | Object.defineProperty(exports, 'Guarantee', {
|
20063 | enumerable: true,
|
20064 | get: function get() {
|
20065 | return _interopRequireDefault(_guarantee).default;
|
20066 | }
|
20067 | });
|
20068 |
|
20069 | var _subscriptionShipping = __webpack_require__(305);
|
20070 |
|
20071 | Object.defineProperty(exports, 'SubscriptionShipping', {
|
20072 | enumerable: true,
|
20073 | get: function get() {
|
20074 | return _interopRequireDefault(_subscriptionShipping).default;
|
20075 | }
|
20076 | });
|
20077 |
|
20078 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20079 |
|
20080 | }),
|
20081 |
|
20082 | (function(module, exports, __webpack_require__) {
|
20083 |
|
20084 | "use strict";
|
20085 |
|
20086 |
|
20087 | Object.defineProperty(exports, "__esModule", {
|
20088 | value: true
|
20089 | });
|
20090 | exports.UnstyledGuarantee = undefined;
|
20091 |
|
20092 | 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']);
|
20093 |
|
20094 | var _react = __webpack_require__(2);
|
20095 |
|
20096 | var _react2 = _interopRequireDefault(_react);
|
20097 |
|
20098 | var _propTypes = __webpack_require__(0);
|
20099 |
|
20100 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
20101 |
|
20102 | var _styledComponents = __webpack_require__(1);
|
20103 |
|
20104 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
20105 |
|
20106 | var _typography = __webpack_require__(25);
|
20107 |
|
20108 | var _icons = __webpack_require__(23);
|
20109 |
|
20110 | var _sections = __webpack_require__(31);
|
20111 |
|
20112 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20113 |
|
20114 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
20115 |
|
20116 | var UnstyledGuarantee = function UnstyledGuarantee(_ref) {
|
20117 | var className = _ref.className,
|
20118 | children = _ref.children;
|
20119 |
|
20120 | return _react2.default.createElement(
|
20121 | _sections.InformationalSection,
|
20122 | { className: className },
|
20123 | _react2.default.createElement(
|
20124 | 'header',
|
20125 | null,
|
20126 | _react2.default.createElement(_icons.GuaranteeIcon, { animated: true }),
|
20127 | _react2.default.createElement(
|
20128 | _typography.Label,
|
20129 | null,
|
20130 | 'FIRST BOX GUARANTEE'
|
20131 | )
|
20132 | ),
|
20133 | _react2.default.createElement(
|
20134 | 'section',
|
20135 | null,
|
20136 | children
|
20137 | )
|
20138 | );
|
20139 | };
|
20140 |
|
20141 | var Guarantee = (0, _styledComponents2.default)(UnstyledGuarantee)(_templateObject, _icons.GuaranteeIcon);
|
20142 |
|
20143 | Guarantee.propTypes = {
|
20144 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.string, _propTypes2.default.object])
|
20145 |
|
20146 |
|
20147 | };exports.default = Guarantee;
|
20148 | exports.UnstyledGuarantee = UnstyledGuarantee;
|
20149 |
|
20150 | }),
|
20151 |
|
20152 | (function(module, exports, __webpack_require__) {
|
20153 |
|
20154 | "use strict";
|
20155 |
|
20156 |
|
20157 | Object.defineProperty(exports, "__esModule", {
|
20158 | value: true
|
20159 | });
|
20160 | exports.UnstyledSubscriptionShipping = undefined;
|
20161 |
|
20162 | 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']),
|
20163 | _templateObject2 = _taggedTemplateLiteral(['\n padding: 0;\n min-height: 8rem;\n '], ['\n padding: 0;\n min-height: 8rem;\n ']),
|
20164 | _templateObject3 = _taggedTemplateLiteral(['\n flex: 0 0 7rem;\n align-self: flex-end;\n '], ['\n flex: 0 0 7rem;\n align-self: flex-end;\n ']);
|
20165 |
|
20166 | var _react = __webpack_require__(2);
|
20167 |
|
20168 | var _react2 = _interopRequireDefault(_react);
|
20169 |
|
20170 | var _propTypes = __webpack_require__(0);
|
20171 |
|
20172 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
20173 |
|
20174 | var _styledComponents = __webpack_require__(1);
|
20175 |
|
20176 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
20177 |
|
20178 | var _typography = __webpack_require__(25);
|
20179 |
|
20180 | var _icons = __webpack_require__(23);
|
20181 |
|
20182 | var _sections = __webpack_require__(31);
|
20183 |
|
20184 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20185 |
|
20186 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
20187 |
|
20188 | var UnstyledSubscriptionShipping = function UnstyledSubscriptionShipping(_ref) {
|
20189 | var className = _ref.className;
|
20190 |
|
20191 | return _react2.default.createElement(
|
20192 | _sections.InformationalSection,
|
20193 | { className: className },
|
20194 | _react2.default.createElement(_icons.MailboxIcon, { animate: true }),
|
20195 | _react2.default.createElement(
|
20196 | 'aside',
|
20197 | null,
|
20198 | _react2.default.createElement(
|
20199 | _typography.P,
|
20200 | null,
|
20201 | 'Seasonal Shipments'
|
20202 | ),
|
20203 | _react2.default.createElement(
|
20204 | _typography.P,
|
20205 | null,
|
20206 | 'A box every 3 months. So easy. Simple to cancel anytime.'
|
20207 | )
|
20208 | )
|
20209 | );
|
20210 | };
|
20211 |
|
20212 | var SubscriptionShipping = (0, _styledComponents2.default)(UnstyledSubscriptionShipping)(_templateObject, function (props) {
|
20213 | return props.theme.media.tablet(_templateObject2);
|
20214 | }, _icons.MailboxIcon, function (props) {
|
20215 | return props.theme.media.tablet(_templateObject3);
|
20216 | }, _typography.P);
|
20217 |
|
20218 | SubscriptionShipping.propTypes = {
|
20219 | theme: _propTypes2.default.shape({
|
20220 | media: _propTypes2.default.shape({
|
20221 | tablet: _propTypes2.default.func
|
20222 | })
|
20223 | })
|
20224 |
|
20225 |
|
20226 | };exports.default = SubscriptionShipping;
|
20227 | exports.UnstyledSubscriptionShipping = UnstyledSubscriptionShipping;
|
20228 |
|
20229 | }),
|
20230 |
|
20231 | (function(module, exports, __webpack_require__) {
|
20232 |
|
20233 | "use strict";
|
20234 |
|
20235 |
|
20236 | Object.defineProperty(exports, "__esModule", {
|
20237 | value: true
|
20238 | });
|
20239 |
|
20240 | var _contentfulRenderer = __webpack_require__(307);
|
20241 |
|
20242 | Object.defineProperty(exports, 'ContentfulRenderer', {
|
20243 | enumerable: true,
|
20244 | get: function get() {
|
20245 | return _interopRequireDefault(_contentfulRenderer).default;
|
20246 | }
|
20247 | });
|
20248 |
|
20249 | var _assetLink = __webpack_require__(309);
|
20250 |
|
20251 | Object.keys(_assetLink).forEach(function (key) {
|
20252 | if (key === "default" || key === "__esModule") return;
|
20253 | Object.defineProperty(exports, key, {
|
20254 | enumerable: true,
|
20255 | get: function get() {
|
20256 | return _assetLink[key];
|
20257 | }
|
20258 | });
|
20259 | });
|
20260 |
|
20261 | var _contentRow = __webpack_require__(311);
|
20262 |
|
20263 | Object.keys(_contentRow).forEach(function (key) {
|
20264 | if (key === "default" || key === "__esModule") return;
|
20265 | Object.defineProperty(exports, key, {
|
20266 | enumerable: true,
|
20267 | get: function get() {
|
20268 | return _contentRow[key];
|
20269 | }
|
20270 | });
|
20271 | });
|
20272 |
|
20273 | var _landing = __webpack_require__(313);
|
20274 |
|
20275 | Object.keys(_landing).forEach(function (key) {
|
20276 | if (key === "default" || key === "__esModule") return;
|
20277 | Object.defineProperty(exports, key, {
|
20278 | enumerable: true,
|
20279 | get: function get() {
|
20280 | return _landing[key];
|
20281 | }
|
20282 | });
|
20283 | });
|
20284 |
|
20285 | var _productQuartet = __webpack_require__(315);
|
20286 |
|
20287 | Object.keys(_productQuartet).forEach(function (key) {
|
20288 | if (key === "default" || key === "__esModule") return;
|
20289 | Object.defineProperty(exports, key, {
|
20290 | enumerable: true,
|
20291 | get: function get() {
|
20292 | return _productQuartet[key];
|
20293 | }
|
20294 | });
|
20295 | });
|
20296 |
|
20297 | var _responsive = __webpack_require__(320);
|
20298 |
|
20299 | Object.keys(_responsive).forEach(function (key) {
|
20300 | if (key === "default" || key === "__esModule") return;
|
20301 | Object.defineProperty(exports, key, {
|
20302 | enumerable: true,
|
20303 | get: function get() {
|
20304 | return _responsive[key];
|
20305 | }
|
20306 | });
|
20307 | });
|
20308 |
|
20309 | var _touts = __webpack_require__(326);
|
20310 |
|
20311 | Object.keys(_touts).forEach(function (key) {
|
20312 | if (key === "default" || key === "__esModule") return;
|
20313 | Object.defineProperty(exports, key, {
|
20314 | enumerable: true,
|
20315 | get: function get() {
|
20316 | return _touts[key];
|
20317 | }
|
20318 | });
|
20319 | });
|
20320 |
|
20321 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20322 |
|
20323 | }),
|
20324 |
|
20325 | (function(module, exports, __webpack_require__) {
|
20326 |
|
20327 | "use strict";
|
20328 |
|
20329 |
|
20330 | Object.defineProperty(exports, "__esModule", {
|
20331 | value: true
|
20332 | });
|
20333 |
|
20334 | var _react = __webpack_require__(2);
|
20335 |
|
20336 | var _react2 = _interopRequireDefault(_react);
|
20337 |
|
20338 | var _propTypes = __webpack_require__(0);
|
20339 |
|
20340 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
20341 |
|
20342 | var _SRC = __webpack_require__(3);
|
20343 |
|
20344 | var Mirage = _interopRequireWildcard(_SRC);
|
20345 |
|
20346 | var _contentful = __webpack_require__(32);
|
20347 |
|
20348 | function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
20349 |
|
20350 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20351 |
|
20352 | var ASSET_RENDER_MAP = {
|
20353 | image: function image(item) {
|
20354 | return _react2.default.createElement(Mirage.ContentfulImage, item);
|
20355 | },
|
20356 | video: function video(item) {
|
20357 | return _react2.default.createElement(Mirage.ContentfulVideo, item);
|
20358 | }
|
20359 | };
|
20360 |
|
20361 | var ENTRY_RENDER_MAP = {
|
20362 | assetLink: function assetLink(props) {
|
20363 | return _react2.default.createElement(Mirage.ContentfulAssetLink, props);
|
20364 | },
|
20365 | heroButton: function heroButton(props) {
|
20366 | return _react2.default.createElement(Mirage.ContentfulButton, props);
|
20367 | },
|
20368 | mediaContainer: function mediaContainer(props) {
|
20369 | return _react2.default.createElement(Mirage.ContentfulContentRow, props);
|
20370 | },
|
20371 | responsiveImage: function responsiveImage(props) {
|
20372 | return _react2.default.createElement(Mirage.ContentfulResponsiveImages, props);
|
20373 | },
|
20374 | splitTout: function splitTout(props) {
|
20375 | return _react2.default.createElement(Mirage.ContentfulSplitTout, props);
|
20376 | },
|
20377 | tout: function tout(props) {
|
20378 | return _react2.default.createElement(Mirage.ContentfulTout, props);
|
20379 | },
|
20380 | video: function video(props) {
|
20381 | return _react2.default.createElement(Mirage.ContentfulResponsiveVideo, props);
|
20382 | },
|
20383 | page: function page(props) {
|
20384 | return _react2.default.createElement(Mirage.ContentfulLandingPage, props);
|
20385 | },
|
20386 | productQuartet: function productQuartet(props) {
|
20387 | return _react2.default.createElement(Mirage.ContentfulProductQuartet, props);
|
20388 | }
|
20389 | };
|
20390 |
|
20391 | var ContentfulRenderer = function ContentfulRenderer(props) {
|
20392 | try {
|
20393 | switch (props.sys.type) {
|
20394 | case 'Asset':
|
20395 | return ASSET_RENDER_MAP[(0, _contentful.getAssetType)(props)](props);
|
20396 | default:
|
20397 | return ENTRY_RENDER_MAP[(0, _contentful.getContentType)(props)](props);
|
20398 | }
|
20399 | } catch (err) {
|
20400 | console.warn('It appears that you are tying to render ' + (0, _contentful.getContentType)(props) + ' that doesn\'t exist in the RENDER_MAP');
|
20401 | return null;
|
20402 | }
|
20403 | };
|
20404 |
|
20405 | ContentfulRenderer.propTypes = {
|
20406 | sys: _propTypes2.default.shape({
|
20407 | type: _propTypes2.default.string
|
20408 | })
|
20409 | };
|
20410 |
|
20411 | exports.default = ContentfulRenderer;
|
20412 |
|
20413 | }),
|
20414 |
|
20415 | (function(module, exports) {
|
20416 |
|
20417 | module.exports = require("contentful");
|
20418 |
|
20419 | }),
|
20420 |
|
20421 | (function(module, exports, __webpack_require__) {
|
20422 |
|
20423 | "use strict";
|
20424 |
|
20425 |
|
20426 | Object.defineProperty(exports, "__esModule", {
|
20427 | value: true
|
20428 | });
|
20429 |
|
20430 | var _contentfulAssetLink = __webpack_require__(310);
|
20431 |
|
20432 | Object.defineProperty(exports, 'ContentfulAssetLink', {
|
20433 | enumerable: true,
|
20434 | get: function get() {
|
20435 | return _interopRequireDefault(_contentfulAssetLink).default;
|
20436 | }
|
20437 | });
|
20438 |
|
20439 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20440 |
|
20441 | }),
|
20442 |
|
20443 | (function(module, exports, __webpack_require__) {
|
20444 |
|
20445 | "use strict";
|
20446 |
|
20447 |
|
20448 | Object.defineProperty(exports, "__esModule", {
|
20449 | value: true
|
20450 | });
|
20451 |
|
20452 | var _templateObject = _taggedTemplateLiteral(['\n\n'], ['\n\n']);
|
20453 |
|
20454 | var _react = __webpack_require__(2);
|
20455 |
|
20456 | var _react2 = _interopRequireDefault(_react);
|
20457 |
|
20458 | var _propTypes = __webpack_require__(0);
|
20459 |
|
20460 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
20461 |
|
20462 | var _styledComponents = __webpack_require__(1);
|
20463 |
|
20464 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
20465 |
|
20466 | var _SRC = __webpack_require__(3);
|
20467 |
|
20468 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20469 |
|
20470 | 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; }
|
20471 |
|
20472 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
20473 |
|
20474 | var ContentfulAssetLink = (0, _styledComponents2.default)(function (_ref) {
|
20475 | var className = _ref.className,
|
20476 | _ref$fields = _ref.fields,
|
20477 | destination = _ref$fields.destination,
|
20478 | asset = _ref$fields.asset,
|
20479 | renderLink = _ref.renderLink;
|
20480 |
|
20481 | return renderLink({
|
20482 | className: className,
|
20483 | children: _react2.default.createElement(_SRC.ContentfulRenderer, asset),
|
20484 | target: destination
|
20485 | });
|
20486 | })(_templateObject);
|
20487 |
|
20488 | ContentfulAssetLink.propTypes = {
|
20489 | className: _propTypes2.default.string,
|
20490 | fields: _propTypes2.default.shape({
|
20491 | destination: _propTypes2.default.string,
|
20492 | asset: _propTypes2.default.object.isRequired
|
20493 | }),
|
20494 | renderLink: _propTypes2.default.func.isRequired
|
20495 | };
|
20496 |
|
20497 | ContentfulAssetLink.defaultProps = {
|
20498 | renderLink: function renderLink(_ref2) {
|
20499 | var children = _ref2.children,
|
20500 | target = _ref2.target,
|
20501 | props = _objectWithoutProperties(_ref2, ['children', 'target']);
|
20502 |
|
20503 | return _react2.default.createElement(
|
20504 | _SRC.Link,
|
20505 | Object.assign({
|
20506 | href: '' + target,
|
20507 | underline: false
|
20508 | }, props),
|
20509 | children
|
20510 | );
|
20511 | }
|
20512 |
|
20513 |
|
20514 | };exports.default = ContentfulAssetLink;
|
20515 |
|
20516 | }),
|
20517 |
|
20518 | (function(module, exports, __webpack_require__) {
|
20519 |
|
20520 | "use strict";
|
20521 |
|
20522 |
|
20523 | Object.defineProperty(exports, "__esModule", {
|
20524 | value: true
|
20525 | });
|
20526 |
|
20527 | var _contentfulContentRow = __webpack_require__(312);
|
20528 |
|
20529 | Object.defineProperty(exports, 'ContentfulContentRow', {
|
20530 | enumerable: true,
|
20531 | get: function get() {
|
20532 | return _interopRequireDefault(_contentfulContentRow).default;
|
20533 | }
|
20534 | });
|
20535 |
|
20536 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20537 |
|
20538 | }),
|
20539 |
|
20540 | (function(module, exports, __webpack_require__) {
|
20541 |
|
20542 | "use strict";
|
20543 |
|
20544 |
|
20545 | Object.defineProperty(exports, "__esModule", {
|
20546 | value: true
|
20547 | });
|
20548 |
|
20549 | var _templateObject = _taggedTemplateLiteral(['\n > div {\n position: relative;\n z-index: 1;\n padding-top: 2rem;\n }\n > ', ' , > ', ' {\n video {\n height: 100%;\n ', '\n }\n video, img {\n position: absolute;\n top: 0;\n z-index: 0;\n }\n article {\n display: flex;\n justify-content: flex-start;\n padding-top: 4rem;\n margin-bottom: 4rem;\n ', '\n }\n }\n'], ['\n > div {\n position: relative;\n z-index: 1;\n padding-top: 2rem;\n }\n > ', ' , > ', ' {\n video {\n height: 100%;\n ', '\n }\n video, img {\n position: absolute;\n top: 0;\n z-index: 0;\n }\n article {\n display: flex;\n justify-content: flex-start;\n padding-top: 4rem;\n margin-bottom: 4rem;\n ', '\n }\n }\n']),
|
20550 | _templateObject2 = _taggedTemplateLiteral(['\n height: 75%;\n '], ['\n height: 75%;\n ']),
|
20551 | _templateObject3 = _taggedTemplateLiteral(['\n padding-top: 2rem;\n margin-bottom: 6rem;\n '], ['\n padding-top: 2rem;\n margin-bottom: 6rem;\n ']);
|
20552 |
|
20553 | var _react = __webpack_require__(2);
|
20554 |
|
20555 | var _react2 = _interopRequireDefault(_react);
|
20556 |
|
20557 | var _styledComponents = __webpack_require__(1);
|
20558 |
|
20559 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
20560 |
|
20561 | var _propTypes = __webpack_require__(0);
|
20562 |
|
20563 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
20564 |
|
20565 | var _SRC = __webpack_require__(3);
|
20566 |
|
20567 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20568 |
|
20569 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
20570 |
|
20571 | 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; }
|
20572 |
|
20573 | var LAYOUT_RENDER_MAP = {
|
20574 | 'Duet': function Duet(entries, _ref) {
|
20575 | var sys = _ref.sys,
|
20576 | props = _objectWithoutProperties(_ref, ['sys']);
|
20577 |
|
20578 | return _react2.default.createElement(
|
20579 | 'div',
|
20580 | null,
|
20581 | _react2.default.createElement(
|
20582 | _SRC.Default,
|
20583 | { displayTarget: 'belowTabletMax' },
|
20584 | _react2.default.createElement(
|
20585 | _SRC.Solo,
|
20586 | null,
|
20587 | entries.map(function (entry, index) {
|
20588 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, entry, { key: sys.id + '-' + entry.sys.id + '-' + index }, props));
|
20589 | })
|
20590 | )
|
20591 | ),
|
20592 | _react2.default.createElement(
|
20593 | _SRC.TabletMax,
|
20594 | { laptopDisplay: 'block' },
|
20595 | _react2.default.createElement(
|
20596 | _SRC.Duet,
|
20597 | Object.assign({}, props, { key: sys.id }),
|
20598 | entries.map(function (entry, index) {
|
20599 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, entry, { key: sys.id + '-' + entry.sys.id + '-' + index }, props));
|
20600 | })
|
20601 | )
|
20602 | )
|
20603 | );
|
20604 | },
|
20605 | 'Full Bleed': function FullBleed(entries, _ref2) {
|
20606 | var sys = _ref2.sys,
|
20607 | props = _objectWithoutProperties(_ref2, ['sys']);
|
20608 |
|
20609 | return _react2.default.createElement(
|
20610 | _SRC.FullBleed,
|
20611 | Object.assign({}, props, { key: sys.id }),
|
20612 | entries.map(function (entry, index) {
|
20613 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, entry, { key: sys.id + '-' + entry.sys.id + '-' + index }));
|
20614 | })
|
20615 | );
|
20616 | },
|
20617 | 'Quartet': function Quartet(entries, _ref3) {
|
20618 | var sys = _ref3.sys,
|
20619 | props = _objectWithoutProperties(_ref3, ['sys']);
|
20620 |
|
20621 | return _react2.default.createElement(
|
20622 | 'div',
|
20623 | null,
|
20624 | _react2.default.createElement(
|
20625 | _SRC.Default,
|
20626 | null,
|
20627 | _react2.default.createElement(
|
20628 | _SRC.Solo,
|
20629 | null,
|
20630 | entries.map(function (entry, index) {
|
20631 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, entry, { key: sys.id + '-' + entry.sys.id + '-' + index }));
|
20632 | })
|
20633 | )
|
20634 | ),
|
20635 | _react2.default.createElement(
|
20636 | _SRC.Tablet,
|
20637 | { laptopDisplay: 'block' },
|
20638 | _react2.default.createElement(
|
20639 | _SRC.Quartet,
|
20640 | Object.assign({}, props, { key: sys.id }),
|
20641 | entries.map(function (entry, index) {
|
20642 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, entry, { key: sys.id + '-' + entry.sys.id + '-' + index }));
|
20643 | })
|
20644 | )
|
20645 | )
|
20646 | );
|
20647 | },
|
20648 | 'Solo': function Solo(entries, _ref4) {
|
20649 | var sys = _ref4.sys,
|
20650 | props = _objectWithoutProperties(_ref4, ['sys']);
|
20651 |
|
20652 | return _react2.default.createElement(
|
20653 | _SRC.Solo,
|
20654 | Object.assign({ padding: true }, props, { key: sys.id }),
|
20655 | entries.map(function (entry, index) {
|
20656 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, entry, { key: sys.id + '-' + entry.sys.id + '-' + index }));
|
20657 | })
|
20658 | );
|
20659 | },
|
20660 | 'Trio': function Trio(entries, _ref5) {
|
20661 | var sys = _ref5.sys,
|
20662 | props = _objectWithoutProperties(_ref5, ['sys']);
|
20663 |
|
20664 | return _react2.default.createElement(
|
20665 | 'div',
|
20666 | null,
|
20667 | _react2.default.createElement(
|
20668 | _SRC.Default,
|
20669 | null,
|
20670 | _react2.default.createElement(
|
20671 | _SRC.Solo,
|
20672 | null,
|
20673 | entries.map(function (entry, index) {
|
20674 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, entry, { key: sys.id + '-' + entry.sys.id + '-' + index }));
|
20675 | })
|
20676 | )
|
20677 | ),
|
20678 | _react2.default.createElement(
|
20679 | _SRC.Tablet,
|
20680 | { laptopDisplay: 'block' },
|
20681 | _react2.default.createElement(
|
20682 | _SRC.Trio,
|
20683 | Object.assign({}, props, { key: sys.id }),
|
20684 | entries.map(function (entry, index) {
|
20685 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, entry, { key: sys.id + '-' + entry.sys.id + '-' + index }));
|
20686 | })
|
20687 | )
|
20688 | )
|
20689 | );
|
20690 | },
|
20691 |
|
20692 | 'Trio With Lead': function TrioWithLead(entries, _ref6) {
|
20693 | var sys = _ref6.sys,
|
20694 | props = _objectWithoutProperties(_ref6, ['sys']);
|
20695 |
|
20696 | return _react2.default.createElement(
|
20697 | _SRC.TrioWithLead,
|
20698 | Object.assign({}, props, { key: sys.id }),
|
20699 | entries.map(function (entry, index) {
|
20700 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, entry, { key: sys.id + '-' + entry.sys.id + '-' + index }));
|
20701 | })
|
20702 | );
|
20703 | }
|
20704 | };
|
20705 | var BaseContentfulContentRow = function BaseContentfulContentRow(_ref7) {
|
20706 | var className = _ref7.className,
|
20707 | _ref7$fields = _ref7.fields,
|
20708 | background = _ref7$fields.background,
|
20709 | layout = _ref7$fields.layout,
|
20710 | entryElements = _ref7$fields.entryElements,
|
20711 | props = _objectWithoutProperties(_ref7, ['className', 'fields']);
|
20712 |
|
20713 | if (background) {
|
20714 | return _react2.default.createElement(
|
20715 | _SRC.ContentfulRenderer,
|
20716 | Object.assign({ className: className }, background),
|
20717 | LAYOUT_RENDER_MAP[layout](entryElements, props)
|
20718 | );
|
20719 | } else {
|
20720 | return LAYOUT_RENDER_MAP[layout](entryElements, props);
|
20721 | }
|
20722 | };
|
20723 |
|
20724 | var ContentfulContentRow = (0, _styledComponents2.default)(BaseContentfulContentRow)(_templateObject, _SRC.ContentfulResponsiveVideo, _SRC.ContentfulResponsiveImages, function (props) {
|
20725 | return props.theme.breakpointsVerbose.aboveDesktop(_templateObject2);
|
20726 | }, function (props) {
|
20727 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3);
|
20728 | });
|
20729 |
|
20730 | ContentfulContentRow.propTypes = {
|
20731 | className: _propTypes2.default.string,
|
20732 | fields: _propTypes2.default.shape({
|
20733 | layout: _propTypes2.default.string,
|
20734 | entryElements: _propTypes2.default.array
|
20735 | })
|
20736 |
|
20737 |
|
20738 | };exports.default = ContentfulContentRow;
|
20739 |
|
20740 | }),
|
20741 |
|
20742 | (function(module, exports, __webpack_require__) {
|
20743 |
|
20744 | "use strict";
|
20745 |
|
20746 |
|
20747 | Object.defineProperty(exports, "__esModule", {
|
20748 | value: true
|
20749 | });
|
20750 |
|
20751 | var _landing = __webpack_require__(314);
|
20752 |
|
20753 | Object.defineProperty(exports, 'ContentfulLandingPage', {
|
20754 | enumerable: true,
|
20755 | get: function get() {
|
20756 | return _interopRequireDefault(_landing).default;
|
20757 | }
|
20758 | });
|
20759 |
|
20760 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20761 |
|
20762 | }),
|
20763 |
|
20764 | (function(module, exports, __webpack_require__) {
|
20765 |
|
20766 | "use strict";
|
20767 |
|
20768 |
|
20769 | Object.defineProperty(exports, "__esModule", {
|
20770 | value: true
|
20771 | });
|
20772 |
|
20773 | var _react = __webpack_require__(2);
|
20774 |
|
20775 | var _react2 = _interopRequireDefault(_react);
|
20776 |
|
20777 | var _propTypes = __webpack_require__(0);
|
20778 |
|
20779 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
20780 |
|
20781 | var _SRC = __webpack_require__(3);
|
20782 |
|
20783 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20784 |
|
20785 | 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; }
|
20786 |
|
20787 | var ContentfulLandingPage = function ContentfulLandingPage(_ref) {
|
20788 | var className = _ref.className,
|
20789 | section = _ref.fields.section,
|
20790 | sys = _ref.sys,
|
20791 | props = _objectWithoutProperties(_ref, ['className', 'fields', 'sys']);
|
20792 |
|
20793 | return _react2.default.createElement(
|
20794 | 'section',
|
20795 | { style: { overflow: 'hidden' } },
|
20796 | section.map(function (element, index) {
|
20797 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({ key: index }, element, props));
|
20798 | })
|
20799 | );
|
20800 | };
|
20801 |
|
20802 | ContentfulLandingPage.propTypes = {
|
20803 | className: _propTypes2.default.string,
|
20804 | fields: _propTypes2.default.shape({
|
20805 | section: _propTypes2.default.array
|
20806 | })
|
20807 | };
|
20808 |
|
20809 | exports.default = ContentfulLandingPage;
|
20810 |
|
20811 | }),
|
20812 |
|
20813 | (function(module, exports, __webpack_require__) {
|
20814 |
|
20815 | "use strict";
|
20816 |
|
20817 |
|
20818 | Object.defineProperty(exports, "__esModule", {
|
20819 | value: true
|
20820 | });
|
20821 |
|
20822 | var _contentfulProductQuartet = __webpack_require__(316);
|
20823 |
|
20824 | Object.defineProperty(exports, 'ContentfulProductQuartet', {
|
20825 | enumerable: true,
|
20826 | get: function get() {
|
20827 | return _interopRequireDefault(_contentfulProductQuartet).default;
|
20828 | }
|
20829 | });
|
20830 |
|
20831 | var _productQuartet = __webpack_require__(319);
|
20832 |
|
20833 | Object.defineProperty(exports, 'ProductQuartet', {
|
20834 | enumerable: true,
|
20835 | get: function get() {
|
20836 | return _interopRequireDefault(_productQuartet).default;
|
20837 | }
|
20838 | });
|
20839 |
|
20840 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20841 |
|
20842 | }),
|
20843 |
|
20844 | (function(module, exports, __webpack_require__) {
|
20845 |
|
20846 | "use strict";
|
20847 |
|
20848 |
|
20849 | Object.defineProperty(exports, "__esModule", {
|
20850 | value: true
|
20851 | });
|
20852 |
|
20853 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n text-align: center;\n margin: 2rem 0;\n * {\n margin: 0;\n }\n }\n\n'], ['\n ', ' {\n text-align: center;\n margin: 2rem 0;\n * {\n margin: 0;\n }\n }\n\n']);
|
20854 |
|
20855 | var _propTypes = __webpack_require__(0);
|
20856 |
|
20857 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
20858 |
|
20859 | var _styledComponents = __webpack_require__(1);
|
20860 |
|
20861 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
20862 |
|
20863 | var _SRC = __webpack_require__(3);
|
20864 |
|
20865 | var _contentfulProductQuartet = __webpack_require__(317);
|
20866 |
|
20867 | var _contentfulProductQuartet2 = _interopRequireDefault(_contentfulProductQuartet);
|
20868 |
|
20869 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20870 |
|
20871 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
20872 |
|
20873 | var ContentfulProductQuartet = (0, _styledComponents2.default)(_contentfulProductQuartet2.default)(_templateObject, _SRC.MirageMarkdown);
|
20874 |
|
20875 | ContentfulProductQuartet.propTypes = {
|
20876 | products: _propTypes2.default.array
|
20877 |
|
20878 |
|
20879 | };exports.default = ContentfulProductQuartet;
|
20880 |
|
20881 | }),
|
20882 |
|
20883 | (function(module, exports, __webpack_require__) {
|
20884 |
|
20885 | "use strict";
|
20886 |
|
20887 |
|
20888 | Object.defineProperty(exports, "__esModule", {
|
20889 | value: true
|
20890 | });
|
20891 |
|
20892 | 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; }; }();
|
20893 |
|
20894 | var _react = __webpack_require__(2);
|
20895 |
|
20896 | var _react2 = _interopRequireDefault(_react);
|
20897 |
|
20898 | var _propTypes = __webpack_require__(0);
|
20899 |
|
20900 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
20901 |
|
20902 | var _SRC = __webpack_require__(3);
|
20903 |
|
20904 | var _defaultProps = __webpack_require__(318);
|
20905 |
|
20906 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
20907 |
|
20908 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
20909 |
|
20910 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
20911 |
|
20912 | 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; }
|
20913 |
|
20914 | 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; }
|
20915 |
|
20916 | var ContentfulProductQuartet = function (_Component) {
|
20917 | _inherits(ContentfulProductQuartet, _Component);
|
20918 |
|
20919 | function ContentfulProductQuartet() {
|
20920 | _classCallCheck(this, ContentfulProductQuartet);
|
20921 |
|
20922 | return _possibleConstructorReturn(this, (ContentfulProductQuartet.__proto__ || Object.getPrototypeOf(ContentfulProductQuartet)).apply(this, arguments));
|
20923 | }
|
20924 |
|
20925 | _createClass(ContentfulProductQuartet, [{
|
20926 | key: 'componentDidMount',
|
20927 | value: function componentDidMount() {
|
20928 | var _props = this.props,
|
20929 | productTaxon = _props.fields.productTaxon,
|
20930 | loadProducts = _props.loadProducts;
|
20931 |
|
20932 | loadProducts(productTaxon);
|
20933 | }
|
20934 | }, {
|
20935 | key: 'render',
|
20936 | value: function render() {
|
20937 | var _props2 = this.props,
|
20938 | className = _props2.className,
|
20939 | _props2$fields = _props2.fields,
|
20940 | description = _props2$fields.description,
|
20941 | productTaxon = _props2$fields.productTaxon,
|
20942 | renderQuartet = _props2.renderQuartet;
|
20943 |
|
20944 | return _react2.default.createElement(
|
20945 | 'div',
|
20946 | { className: className },
|
20947 | _react2.default.createElement(
|
20948 | _SRC.MirageMarkdown,
|
20949 | null,
|
20950 | description
|
20951 | ),
|
20952 | renderQuartet(productTaxon, this.props)
|
20953 | );
|
20954 | }
|
20955 | }]);
|
20956 |
|
20957 | return ContentfulProductQuartet;
|
20958 | }(_react.Component);
|
20959 |
|
20960 | exports.default = ContentfulProductQuartet;
|
20961 |
|
20962 |
|
20963 | ContentfulProductQuartet.propTypes = {
|
20964 | className: _propTypes2.default.string,
|
20965 | loadProducts: _propTypes2.default.func,
|
20966 | fields: _propTypes2.default.shape({
|
20967 | description: _propTypes2.default.string,
|
20968 | productTaxon: _propTypes2.default.string
|
20969 | })
|
20970 | };
|
20971 |
|
20972 | ContentfulProductQuartet.defaultProps = {
|
20973 | loadProducts: function loadProducts() {
|
20974 | console.warn('loadProducts function has not been passed to contentfulProductQuartet');
|
20975 | },
|
20976 | renderQuartet: function renderQuartet(taxon, props) {
|
20977 | return _react2.default.createElement(_SRC.ProductQuartet, Object.assign({ products: _defaultProps2.default }, props));
|
20978 | }
|
20979 | };
|
20980 |
|
20981 | }),
|
20982 |
|
20983 | (function(module, exports, __webpack_require__) {
|
20984 |
|
20985 | "use strict";
|
20986 |
|
20987 |
|
20988 | Object.defineProperty(exports, "__esModule", {
|
20989 | value: true
|
20990 | });
|
20991 | exports.default = [{
|
20992 | "_index": "colorways_development_20190706143737041",
|
20993 | "_type": "colorway",
|
20994 | "_id": "4419",
|
20995 | "_score": null,
|
20996 | "sort": [5860001],
|
20997 | "color_family": "blue",
|
20998 | "color": "Heather Navy",
|
20999 | "nav_taxons": ["shop/girls", "shop/girls/just-in", "featured-products/summer-2019", "shop/girls-best-sellers", "shop/girls-new-arrivals", "shop/girls-new-arrivals/graphics", "shop/girls", "shop/girls/tops", "shop/girls/tops/graphics-shop"],
|
21000 | "nav_categories": ["Girls", "Just In", "Girls New Arrivals", "Graphics", "Girls", "Tops", "Graphics Shop"],
|
21001 | "skus": [{
|
21002 | "size": ["6"],
|
21003 | "in_stock": true
|
21004 | }, {
|
21005 | "size": ["8"],
|
21006 | "in_stock": true
|
21007 | }, {
|
21008 | "size": ["7"],
|
21009 | "in_stock": true
|
21010 | }, {
|
21011 | "size": ["5"],
|
21012 | "in_stock": true
|
21013 | }, {
|
21014 | "size": ["12"],
|
21015 | "in_stock": true
|
21016 | }, {
|
21017 | "size": ["10"],
|
21018 | "in_stock": true
|
21019 | }, {
|
21020 | "size": ["3"],
|
21021 | "in_stock": true
|
21022 | }, {
|
21023 | "size": ["4"],
|
21024 | "in_stock": true
|
21025 | }],
|
21026 | "code": "5647-240",
|
21027 | "category": ["Tops", "Graphic Tees"],
|
21028 | "description": "We're dreaming of sweet treats this summer thanks to a Zelda flip sequin ice cream cone on our comfy tri-blend you've got to feel to believe!",
|
21029 | "details": "* 50% Polyester, 38% Cotton, 12% Rayon\r* Machine wash cold inside out\r* Only non-chlorine bleach\r* Tumble dry low\r* Cool iron if needed on reverse side only",
|
21030 | "id": "1751-5647-240",
|
21031 | "product_id": 1751,
|
21032 | "product_slug": "rainbow-sequin-zelda-tee",
|
21033 | "colorway_id": 4419,
|
21034 | "name": "Rainbow Sequin Zelda Tee",
|
21035 | "sort_order": [{
|
21036 | "shop": 2150003
|
21037 | }, {
|
21038 | "shop-girls-new-arrivals": 2150003
|
21039 | }, {
|
21040 | "shop-girls-new-arrivals-graphics": 2150003
|
21041 | }, {
|
21042 | "shop": 3300001
|
21043 | }, {
|
21044 | "shop-girls-best-sellers": 3300001
|
21045 | }, {
|
21046 | "shop": 450001
|
21047 | }, {
|
21048 | "shop-girls": 450001
|
21049 | }, {
|
21050 | "shop-girls-just-in": 450001
|
21051 | }, {
|
21052 | "shop": 480002
|
21053 | }, {
|
21054 | "shop-girls": 480002
|
21055 | }, {
|
21056 | "shop-girls-tops": 480002
|
21057 | }, {
|
21058 | "shop-girls-tops-graphics-shop": 480002
|
21059 | }, {
|
21060 | "featured-products": 5860001
|
21061 | }, {
|
21062 | "featured-products-summer-2019": 5860001
|
21063 | }],
|
21064 | "style_number": "5647",
|
21065 | "colorways": [{
|
21066 | "id": 4419,
|
21067 | "slug": "heathernavy",
|
21068 | "color": "Heather Navy",
|
21069 | "code": "5647-240",
|
21070 | "shots": [{
|
21071 | "id": 2688485,
|
21072 | "shot_type": "back",
|
21073 | "cloudinary_key": "production/catalog/cdwuwjsslhhgah2ajmr6"
|
21074 | }, {
|
21075 | "id": 2688487,
|
21076 | "shot_type": "detail",
|
21077 | "cloudinary_key": "production/catalog/vj9vd5bdrppry8uzfqoy"
|
21078 | }, {
|
21079 | "id": 2688486,
|
21080 | "shot_type": "front",
|
21081 | "cloudinary_key": "production/catalog/fnm4byyqsua0g0jj7dou"
|
21082 | }],
|
21083 | "skus": [{
|
21084 | "id": 19001,
|
21085 | "sku": "5647-240-L",
|
21086 | "size": "6",
|
21087 | "price": 22.5,
|
21088 | "cost_price": null,
|
21089 | "in_stock": true
|
21090 | }, {
|
21091 | "id": 19002,
|
21092 | "sku": "5647-240-E",
|
21093 | "size": "8",
|
21094 | "price": 22.5,
|
21095 | "cost_price": null,
|
21096 | "in_stock": true
|
21097 | }, {
|
21098 | "id": 19003,
|
21099 | "sku": "5647-240-M",
|
21100 | "size": "7",
|
21101 | "price": 22.5,
|
21102 | "cost_price": null,
|
21103 | "in_stock": true
|
21104 | }, {
|
21105 | "id": 19004,
|
21106 | "sku": "5647-240-K",
|
21107 | "size": "5",
|
21108 | "price": 22.5,
|
21109 | "cost_price": null,
|
21110 | "in_stock": true
|
21111 | }, {
|
21112 | "id": 19005,
|
21113 | "sku": "5647-240-O",
|
21114 | "size": "12",
|
21115 | "price": 22.5,
|
21116 | "cost_price": null,
|
21117 | "in_stock": true
|
21118 | }, {
|
21119 | "id": 19006,
|
21120 | "sku": "5647-240-N",
|
21121 | "size": "10",
|
21122 | "price": 22.5,
|
21123 | "cost_price": null,
|
21124 | "in_stock": true
|
21125 | }, {
|
21126 | "id": 19007,
|
21127 | "sku": "5647-240-H",
|
21128 | "size": "3",
|
21129 | "price": 22.5,
|
21130 | "cost_price": null,
|
21131 | "in_stock": true
|
21132 | }, {
|
21133 | "id": 19008,
|
21134 | "sku": "5647-240-I",
|
21135 | "size": "4",
|
21136 | "price": 22.5,
|
21137 | "cost_price": null,
|
21138 | "in_stock": true
|
21139 | }]
|
21140 | }]
|
21141 | }, {
|
21142 | "_index": "colorways_development_20190706143737041",
|
21143 | "_type": "colorway",
|
21144 | "_id": "4404",
|
21145 | "_score": null,
|
21146 | "sort": [5860002],
|
21147 | "color_family": "pink",
|
21148 | "color": "Pink Irridesent",
|
21149 | "nav_taxons": ["shop/girls", "shop/girls/just-in", "featured-products/summer-2019", "shop/girls", "shop/girls/dresses-and-skirts", "shop/girls-best-sellers", "shop/girls-new-arrivals", "shop/girls-new-arrivals/dresses-and-skirts", "shop/girls-new-arrivals", "shop/girls-new-arrivals/wow-styles-girls"],
|
21150 | "nav_categories": ["Girls", "Just In", "Girls", "Dresses and Skirts", "Girls New Arrivals", "Dresses and Skirts", "Girls New Arrivals", "Just In"],
|
21151 | "skus": [{
|
21152 | "size": ["4"],
|
21153 | "in_stock": true
|
21154 | }, {
|
21155 | "size": ["7"],
|
21156 | "in_stock": true
|
21157 | }, {
|
21158 | "size": ["12"],
|
21159 | "in_stock": true
|
21160 | }, {
|
21161 | "size": ["10"],
|
21162 | "in_stock": true
|
21163 | }, {
|
21164 | "size": ["5"],
|
21165 | "in_stock": true
|
21166 | }, {
|
21167 | "size": ["3"],
|
21168 | "in_stock": true
|
21169 | }, {
|
21170 | "size": ["6"],
|
21171 | "in_stock": true
|
21172 | }, {
|
21173 | "size": ["8"],
|
21174 | "in_stock": true
|
21175 | }],
|
21176 | "code": "7345-038",
|
21177 | "category": ["Bottoms", "Skirts"],
|
21178 | "description": "Iridescent hot pink paillettes make this her new favorite skirt. Machine washability makes it yours. Plus, a jersey waistband and lining makes it way comfy, and totally \"oops\" proof.",
|
21179 | "details": "* Skirt: 100% Polyester Lining: 100% Polyester\r* Machine wash cold, gentle cycle inside out\r* Only non-chlorine bleach\r* Tumble dry low\r* Cool iron if needed on reverse side only",
|
21180 | "id": "1740-7345-038",
|
21181 | "product_id": 1740,
|
21182 | "product_slug": "pink-paillette-sequin-skirt",
|
21183 | "colorway_id": 4404,
|
21184 | "name": "Pink Paillette Sequin Skirt",
|
21185 | "sort_order": [{
|
21186 | "shop": 630034
|
21187 | }, {
|
21188 | "shop-girls": 630034
|
21189 | }, {
|
21190 | "shop-girls-dresses-and-skirts": 630034
|
21191 | }, {
|
21192 | "shop": 3300004
|
21193 | }, {
|
21194 | "shop-girls-best-sellers": 3300004
|
21195 | }, {
|
21196 | "shop": 450002
|
21197 | }, {
|
21198 | "shop-girls": 450002
|
21199 | }, {
|
21200 | "shop-girls-just-in": 450002
|
21201 | }, {
|
21202 | "shop": 2090011
|
21203 | }, {
|
21204 | "shop-girls-new-arrivals": 2090011
|
21205 | }, {
|
21206 | "shop-girls-new-arrivals-wow-styles-girls": 2090011
|
21207 | }, {
|
21208 | "featured-products": 5860002
|
21209 | }, {
|
21210 | "featured-products-summer-2019": 5860002
|
21211 | }, {
|
21212 | "shop": 2170020
|
21213 | }, {
|
21214 | "shop-girls-new-arrivals": 2170020
|
21215 | }, {
|
21216 | "shop-girls-new-arrivals-dresses-and-skirts": 2170020
|
21217 | }],
|
21218 | "style_number": "7345",
|
21219 | "colorways": [{
|
21220 | "id": 4404,
|
21221 | "slug": "pinkirridesent",
|
21222 | "color": "Pink Irridesent",
|
21223 | "code": "7345-038",
|
21224 | "shots": [{
|
21225 | "id": 2692428,
|
21226 | "shot_type": "back",
|
21227 | "cloudinary_key": "production/catalog/vdj6k6biahzxtnixaqpr"
|
21228 | }, {
|
21229 | "id": 2692429,
|
21230 | "shot_type": "front",
|
21231 | "cloudinary_key": "production/catalog/hygnreprlm2lt0damufj"
|
21232 | }],
|
21233 | "skus": [{
|
21234 | "id": 18870,
|
21235 | "sku": "7345-038-I",
|
21236 | "size": "4",
|
21237 | "price": 34.5,
|
21238 | "cost_price": null,
|
21239 | "in_stock": true
|
21240 | }, {
|
21241 | "id": 18871,
|
21242 | "sku": "7345-038-M",
|
21243 | "size": "7",
|
21244 | "price": 34.5,
|
21245 | "cost_price": null,
|
21246 | "in_stock": true
|
21247 | }, {
|
21248 | "id": 18872,
|
21249 | "sku": "7345-038-O",
|
21250 | "size": "12",
|
21251 | "price": 34.5,
|
21252 | "cost_price": null,
|
21253 | "in_stock": true
|
21254 | }, {
|
21255 | "id": 18873,
|
21256 | "sku": "7345-038-N",
|
21257 | "size": "10",
|
21258 | "price": 34.5,
|
21259 | "cost_price": null,
|
21260 | "in_stock": true
|
21261 | }, {
|
21262 | "id": 18874,
|
21263 | "sku": "7345-038-K",
|
21264 | "size": "5",
|
21265 | "price": 34.5,
|
21266 | "cost_price": null,
|
21267 | "in_stock": true
|
21268 | }, {
|
21269 | "id": 18875,
|
21270 | "sku": "7345-038-H",
|
21271 | "size": "3",
|
21272 | "price": 34.5,
|
21273 | "cost_price": null,
|
21274 | "in_stock": true
|
21275 | }, {
|
21276 | "id": 18876,
|
21277 | "sku": "7345-038-L",
|
21278 | "size": "6",
|
21279 | "price": 34.5,
|
21280 | "cost_price": null,
|
21281 | "in_stock": true
|
21282 | }, {
|
21283 | "id": 18877,
|
21284 | "sku": "7345-038-E",
|
21285 | "size": "8",
|
21286 | "price": 34.5,
|
21287 | "cost_price": null,
|
21288 | "in_stock": true
|
21289 | }]
|
21290 | }]
|
21291 | }, {
|
21292 | "_index": "colorways_development_20190706143737041",
|
21293 | "_type": "colorway",
|
21294 | "_id": "4312",
|
21295 | "_score": null,
|
21296 | "sort": [5860003],
|
21297 | "color_family": "blue",
|
21298 | "color": "Blue",
|
21299 | "nav_taxons": ["shop/boys-new-arrivals", "shop/boys-new-arrivals/swim", "featured-products/summer-2019", "shop/boys", "shop/boys/swimwear", "shop/vacation"],
|
21300 | "nav_categories": ["Boys New Arrivals", "Swim", "Boys", "Swimwear"],
|
21301 | "skus": [{
|
21302 | "size": ["OS"],
|
21303 | "in_stock": true
|
21304 | }],
|
21305 | "code": "A222-C01",
|
21306 | "category": ["Swim", "Swim Accessories"],
|
21307 | "description": "AHHHHHHH! The coolest goggles on the planet are here.",
|
21308 | "details": "*90% silicone, 10% pc\r\n*UV protected & anti-fog lenses\r\n*Adjustable head strap",
|
21309 | "id": "1665-A222-C01",
|
21310 | "product_id": 1665,
|
21311 | "product_slug": "monster-goggle",
|
21312 | "colorway_id": 4312,
|
21313 | "name": "Monster Goggle",
|
21314 | "sort_order": [{
|
21315 | "shop": 230023
|
21316 | }, {
|
21317 | "shop-boys": 230023
|
21318 | }, {
|
21319 | "shop-boys-swimwear": 230023
|
21320 | }, {
|
21321 | "shop": 2350008
|
21322 | }, {
|
21323 | "shop-boys-new-arrivals": 2350008
|
21324 | }, {
|
21325 | "shop-boys-new-arrivals-swim": 2350008
|
21326 | }, {
|
21327 | "featured-products": 5860003
|
21328 | }, {
|
21329 | "featured-products-summer-2019": 5860003
|
21330 | }, {
|
21331 | "shop": 2780049
|
21332 | }, {
|
21333 | "shop-vacation": 2780049
|
21334 | }],
|
21335 | "style_number": "A222",
|
21336 | "colorways": [{
|
21337 | "id": 4312,
|
21338 | "slug": "blue",
|
21339 | "color": "Blue",
|
21340 | "code": "A222-C01",
|
21341 | "shots": [{
|
21342 | "id": 2707248,
|
21343 | "shot_type": "front",
|
21344 | "cloudinary_key": "production/catalog/uduxsics6nhvmvilwh16"
|
21345 | }],
|
21346 | "skus": [{
|
21347 | "id": 18009,
|
21348 | "sku": "A222-C01-A",
|
21349 | "size": "OS",
|
21350 | "price": 24.5,
|
21351 | "cost_price": null,
|
21352 | "in_stock": true
|
21353 | }]
|
21354 | }, {
|
21355 | "id": 4311,
|
21356 | "slug": "moss",
|
21357 | "color": "Moss",
|
21358 | "code": "A222-D07",
|
21359 | "shots": [{
|
21360 | "id": 2707247,
|
21361 | "shot_type": "front",
|
21362 | "cloudinary_key": "production/catalog/dyv8xevmgetyztwk3ald"
|
21363 | }],
|
21364 | "skus": [{
|
21365 | "id": 18008,
|
21366 | "sku": "A222-D07-A",
|
21367 | "size": "OS",
|
21368 | "price": 24.5,
|
21369 | "cost_price": null,
|
21370 | "in_stock": true
|
21371 | }]
|
21372 | }]
|
21373 | }, {
|
21374 | "_index": "colorways_production_20190708213725142",
|
21375 | "_type": "colorway",
|
21376 | "_id": "4484",
|
21377 | "_score": null,
|
21378 | "sort": [2090010],
|
21379 | "color_family": "green",
|
21380 | "color": "Pepper Green",
|
21381 | "nav_taxons": ["shop/girls", "shop/girls/just-in", "shop/camp-shop", "shop/girls-new-arrivals", "shop/girls-new-arrivals/shorts", "shop/girls", "shop/girls/bottoms", "shop/girls/bottoms/shorts", "shop/girls-new-arrivals", "shop/girls-new-arrivals/wow-styles-girls"],
|
21382 | "nav_categories": ["Girls", "Just In", "Girls New Arrivals", "Shorts", "Girls", "Bottoms", "Shorts", "Girls New Arrivals", "Just In"],
|
21383 | "skus": [{
|
21384 | "size": ["4"],
|
21385 | "in_stock": true
|
21386 | }, {
|
21387 | "size": ["6"],
|
21388 | "in_stock": true
|
21389 | }, {
|
21390 | "size": ["7"],
|
21391 | "in_stock": true
|
21392 | }, {
|
21393 | "size": ["10"],
|
21394 | "in_stock": true
|
21395 | }, {
|
21396 | "size": ["12"],
|
21397 | "in_stock": true
|
21398 | }, {
|
21399 | "size": ["5"],
|
21400 | "in_stock": true
|
21401 | }, {
|
21402 | "size": ["8"],
|
21403 | "in_stock": true
|
21404 | }, {
|
21405 | "size": ["3"],
|
21406 | "in_stock": true
|
21407 | }],
|
21408 | "code": "7254-300",
|
21409 | "category": ["Bottoms", "Shorts"],
|
21410 | "description": "If these don't scream \"summer camp, 1982\" we don't know what does. Made from supersoft and quick-drying terrycloth, with convenient side pockets and a cute embroidered pineapple, these shorts for sure have a place in her weekly rotation.",
|
21411 | "details": "* 65% Polyester, 35% Rayon\r* Machine wash cold gentle cycle\r* Only non-chlorine bleach\r* Tumble dry low\r* Cool iron if needed",
|
21412 | "id": "1809-7254-300",
|
21413 | "product_id": 1809,
|
21414 | "product_slug": "towel-terry-track-short",
|
21415 | "colorway_id": 4484,
|
21416 | "name": "Towel Terry Track Short",
|
21417 | "sort_order": [{
|
21418 | "shop": 600012
|
21419 | }, {
|
21420 | "shop-girls": 600012
|
21421 | }, {
|
21422 | "shop-girls-bottoms": 600012
|
21423 | }, {
|
21424 | "shop-girls-bottoms-shorts": 600012
|
21425 | }, {
|
21426 | "shop": 3580007
|
21427 | }, {
|
21428 | "shop-camp-shop": 3580007
|
21429 | }, {
|
21430 | "shop": 450004
|
21431 | }, {
|
21432 | "shop-girls": 450004
|
21433 | }, {
|
21434 | "shop-girls-just-in": 450004
|
21435 | }, {
|
21436 | "shop": 2090010
|
21437 | }, {
|
21438 | "shop-girls-new-arrivals": 2090010
|
21439 | }, {
|
21440 | "shop-girls-new-arrivals-wow-styles-girls": 2090010
|
21441 | }, {
|
21442 | "shop": 2190002
|
21443 | }, {
|
21444 | "shop-girls-new-arrivals": 2190002
|
21445 | }, {
|
21446 | "shop-girls-new-arrivals-shorts": 2190002
|
21447 | }],
|
21448 | "style_number": "7254",
|
21449 | "colorways": [{
|
21450 | "id": 4484,
|
21451 | "slug": "peppergreen",
|
21452 | "color": "Pepper Green",
|
21453 | "code": "7254-300",
|
21454 | "shots": [{
|
21455 | "id": 2736986,
|
21456 | "shot_type": "back",
|
21457 | "cloudinary_key": "production/catalog/mu8h3v2gdaw8bf9sp3ui"
|
21458 | }, {
|
21459 | "id": 2736987,
|
21460 | "shot_type": "front",
|
21461 | "cloudinary_key": "production/catalog/la6b2vceu6ivonfp3j8r"
|
21462 | }, {
|
21463 | "id": 2736988,
|
21464 | "shot_type": "on_model",
|
21465 | "cloudinary_key": "production/catalog/wpnzyaxvwis3wfrb3xpb"
|
21466 | }],
|
21467 | "skus": [{
|
21468 | "id": 19579,
|
21469 | "sku": "7254-300-I",
|
21470 | "size": "4",
|
21471 | "price": 22.5,
|
21472 | "cost_price": null,
|
21473 | "in_stock": true
|
21474 | }, {
|
21475 | "id": 19580,
|
21476 | "sku": "7254-300-L",
|
21477 | "size": "6",
|
21478 | "price": 22.5,
|
21479 | "cost_price": null,
|
21480 | "in_stock": true
|
21481 | }, {
|
21482 | "id": 19581,
|
21483 | "sku": "7254-300-M",
|
21484 | "size": "7",
|
21485 | "price": 22.5,
|
21486 | "cost_price": null,
|
21487 | "in_stock": true
|
21488 | }, {
|
21489 | "id": 19582,
|
21490 | "sku": "7254-300-N",
|
21491 | "size": "10",
|
21492 | "price": 22.5,
|
21493 | "cost_price": null,
|
21494 | "in_stock": true
|
21495 | }, {
|
21496 | "id": 19583,
|
21497 | "sku": "7254-300-O",
|
21498 | "size": "12",
|
21499 | "price": 22.5,
|
21500 | "cost_price": null,
|
21501 | "in_stock": true
|
21502 | }, {
|
21503 | "id": 19584,
|
21504 | "sku": "7254-300-K",
|
21505 | "size": "5",
|
21506 | "price": 22.5,
|
21507 | "cost_price": null,
|
21508 | "in_stock": true
|
21509 | }, {
|
21510 | "id": 19585,
|
21511 | "sku": "7254-300-E",
|
21512 | "size": "8",
|
21513 | "price": 22.5,
|
21514 | "cost_price": null,
|
21515 | "in_stock": true
|
21516 | }, {
|
21517 | "id": 19586,
|
21518 | "sku": "7254-300-H",
|
21519 | "size": "3",
|
21520 | "price": 22.5,
|
21521 | "cost_price": null,
|
21522 | "in_stock": true
|
21523 | }]
|
21524 | }, {
|
21525 | "id": 4485,
|
21526 | "slug": "clearskyblue",
|
21527 | "color": "Clear Sky Blue",
|
21528 | "code": "7254-2B5",
|
21529 | "shots": [{
|
21530 | "id": 2736998,
|
21531 | "shot_type": "back",
|
21532 | "cloudinary_key": "production/catalog/ysjye2byyklzm2qade0r"
|
21533 | }, {
|
21534 | "id": 2736999,
|
21535 | "shot_type": "front",
|
21536 | "cloudinary_key": "production/catalog/lyvrgfbajuuwq2w6jfxu"
|
21537 | }],
|
21538 | "skus": [{
|
21539 | "id": 19587,
|
21540 | "sku": "7254-2B5-I",
|
21541 | "size": "4",
|
21542 | "price": 22.5,
|
21543 | "cost_price": null,
|
21544 | "in_stock": true
|
21545 | }, {
|
21546 | "id": 19588,
|
21547 | "sku": "7254-2B5-O",
|
21548 | "size": "12",
|
21549 | "price": 22.5,
|
21550 | "cost_price": null,
|
21551 | "in_stock": true
|
21552 | }, {
|
21553 | "id": 19589,
|
21554 | "sku": "7254-2B5-L",
|
21555 | "size": "6",
|
21556 | "price": 22.5,
|
21557 | "cost_price": null,
|
21558 | "in_stock": true
|
21559 | }, {
|
21560 | "id": 19590,
|
21561 | "sku": "7254-2B5-N",
|
21562 | "size": "10",
|
21563 | "price": 22.5,
|
21564 | "cost_price": null,
|
21565 | "in_stock": true
|
21566 | }, {
|
21567 | "id": 19591,
|
21568 | "sku": "7254-2B5-K",
|
21569 | "size": "5",
|
21570 | "price": 22.5,
|
21571 | "cost_price": null,
|
21572 | "in_stock": true
|
21573 | }, {
|
21574 | "id": 19592,
|
21575 | "sku": "7254-2B5-M",
|
21576 | "size": "7",
|
21577 | "price": 22.5,
|
21578 | "cost_price": null,
|
21579 | "in_stock": true
|
21580 | }, {
|
21581 | "id": 19593,
|
21582 | "sku": "7254-2B5-E",
|
21583 | "size": "8",
|
21584 | "price": 22.5,
|
21585 | "cost_price": null,
|
21586 | "in_stock": true
|
21587 | }, {
|
21588 | "id": 19594,
|
21589 | "sku": "7254-2B5-H",
|
21590 | "size": "3",
|
21591 | "price": 22.5,
|
21592 | "cost_price": null,
|
21593 | "in_stock": false
|
21594 | }]
|
21595 | }]
|
21596 | }];
|
21597 |
|
21598 | }),
|
21599 |
|
21600 | (function(module, exports, __webpack_require__) {
|
21601 |
|
21602 | "use strict";
|
21603 |
|
21604 |
|
21605 | Object.defineProperty(exports, "__esModule", {
|
21606 | value: true
|
21607 | });
|
21608 |
|
21609 | var _react = __webpack_require__(2);
|
21610 |
|
21611 | var _react2 = _interopRequireDefault(_react);
|
21612 |
|
21613 | var _propTypes = __webpack_require__(0);
|
21614 |
|
21615 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
21616 |
|
21617 | var _SRC = __webpack_require__(3);
|
21618 |
|
21619 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21620 |
|
21621 | 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; }
|
21622 |
|
21623 | var ProductQuartet = function ProductQuartet(_ref) {
|
21624 | var className = _ref.className,
|
21625 | products = _ref.products,
|
21626 | props = _objectWithoutProperties(_ref, ['className', 'products']);
|
21627 |
|
21628 | return _react2.default.createElement(
|
21629 | 'div',
|
21630 | null,
|
21631 | _react2.default.createElement(
|
21632 | _SRC.Default,
|
21633 | { displayTarget: 'belowTabletMax' },
|
21634 | _react2.default.createElement(
|
21635 | _SRC.Duet,
|
21636 | null,
|
21637 | products.map(function (product, index) {
|
21638 | return _react2.default.createElement(_SRC.ProductTile, Object.assign({ product: product, key: index }, props));
|
21639 | })
|
21640 | )
|
21641 | ),
|
21642 | _react2.default.createElement(
|
21643 | _SRC.TabletMax,
|
21644 | { laptopDisplay: 'block' },
|
21645 | _react2.default.createElement(
|
21646 | _SRC.Quartet,
|
21647 | null,
|
21648 | products.map(function (product, index) {
|
21649 | return _react2.default.createElement(_SRC.ProductTile, Object.assign({ product: product, key: index }, props));
|
21650 | })
|
21651 | )
|
21652 | )
|
21653 | );
|
21654 | };
|
21655 |
|
21656 | ProductQuartet.propTypes = {
|
21657 | className: _propTypes2.default.string,
|
21658 | products: _propTypes2.default.array
|
21659 | };
|
21660 |
|
21661 | exports.default = ProductQuartet;
|
21662 |
|
21663 | }),
|
21664 |
|
21665 | (function(module, exports, __webpack_require__) {
|
21666 |
|
21667 | "use strict";
|
21668 |
|
21669 |
|
21670 | Object.defineProperty(exports, "__esModule", {
|
21671 | value: true
|
21672 | });
|
21673 |
|
21674 | var _images = __webpack_require__(321);
|
21675 |
|
21676 | Object.keys(_images).forEach(function (key) {
|
21677 | if (key === "default" || key === "__esModule") return;
|
21678 | Object.defineProperty(exports, key, {
|
21679 | enumerable: true,
|
21680 | get: function get() {
|
21681 | return _images[key];
|
21682 | }
|
21683 | });
|
21684 | });
|
21685 |
|
21686 | var _video = __webpack_require__(324);
|
21687 |
|
21688 | Object.keys(_video).forEach(function (key) {
|
21689 | if (key === "default" || key === "__esModule") return;
|
21690 | Object.defineProperty(exports, key, {
|
21691 | enumerable: true,
|
21692 | get: function get() {
|
21693 | return _video[key];
|
21694 | }
|
21695 | });
|
21696 | });
|
21697 |
|
21698 | }),
|
21699 |
|
21700 | (function(module, exports, __webpack_require__) {
|
21701 |
|
21702 | "use strict";
|
21703 |
|
21704 |
|
21705 | Object.defineProperty(exports, "__esModule", {
|
21706 | value: true
|
21707 | });
|
21708 |
|
21709 | var _contentfulResponsiveImages = __webpack_require__(322);
|
21710 |
|
21711 | Object.defineProperty(exports, 'ContentfulResponsiveImages', {
|
21712 | enumerable: true,
|
21713 | get: function get() {
|
21714 | return _interopRequireDefault(_contentfulResponsiveImages).default;
|
21715 | }
|
21716 | });
|
21717 |
|
21718 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21719 |
|
21720 | }),
|
21721 |
|
21722 | (function(module, exports, __webpack_require__) {
|
21723 |
|
21724 | "use strict";
|
21725 |
|
21726 |
|
21727 | Object.defineProperty(exports, "__esModule", {
|
21728 | value: true
|
21729 | });
|
21730 |
|
21731 | var _templateObject = _taggedTemplateLiteral(['\n width: 100%;\n position: relative;\n img, video {\n width: 100%;\n }\n'], ['\n width: 100%;\n position: relative;\n img, video {\n width: 100%;\n }\n']);
|
21732 |
|
21733 | var _propTypes = __webpack_require__(0);
|
21734 |
|
21735 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
21736 |
|
21737 | var _styledComponents = __webpack_require__(1);
|
21738 |
|
21739 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
21740 |
|
21741 | var _contentfulResponsiveImages = __webpack_require__(323);
|
21742 |
|
21743 | var _contentfulResponsiveImages2 = _interopRequireDefault(_contentfulResponsiveImages);
|
21744 |
|
21745 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21746 |
|
21747 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
21748 |
|
21749 | var ContentfulResponsiveImages = (0, _styledComponents2.default)(_contentfulResponsiveImages2.default)(_templateObject);
|
21750 |
|
21751 | ContentfulResponsiveImages.propTypes = {
|
21752 | className: _propTypes2.default.string,
|
21753 | children: _propTypes2.default.node,
|
21754 | fields: _propTypes2.default.shape({
|
21755 | defaultImage: _propTypes2.default.object,
|
21756 | mobileImage: _propTypes2.default.object
|
21757 | }),
|
21758 | theme: _propTypes2.default.object
|
21759 | };
|
21760 |
|
21761 | ContentfulResponsiveImages.defaultProps = {
|
21762 | fields: {
|
21763 | defaultImage: undefined,
|
21764 | mobileImage: undefined
|
21765 | }
|
21766 |
|
21767 |
|
21768 | };exports.default = (0, _styledComponents.withTheme)(ContentfulResponsiveImages);
|
21769 |
|
21770 | }),
|
21771 |
|
21772 | (function(module, exports, __webpack_require__) {
|
21773 |
|
21774 | "use strict";
|
21775 |
|
21776 |
|
21777 | Object.defineProperty(exports, "__esModule", {
|
21778 | value: true
|
21779 | });
|
21780 |
|
21781 | 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; }; }();
|
21782 |
|
21783 | var _react = __webpack_require__(2);
|
21784 |
|
21785 | var _react2 = _interopRequireDefault(_react);
|
21786 |
|
21787 | var _propTypes = __webpack_require__(0);
|
21788 |
|
21789 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
21790 |
|
21791 | var _SRC = __webpack_require__(3);
|
21792 |
|
21793 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21794 |
|
21795 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
21796 |
|
21797 | 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; }
|
21798 |
|
21799 | 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; }
|
21800 |
|
21801 | var ContentfulResponsiveImages = function (_Component) {
|
21802 | _inherits(ContentfulResponsiveImages, _Component);
|
21803 |
|
21804 | function ContentfulResponsiveImages() {
|
21805 | _classCallCheck(this, ContentfulResponsiveImages);
|
21806 |
|
21807 | return _possibleConstructorReturn(this, (ContentfulResponsiveImages.__proto__ || Object.getPrototypeOf(ContentfulResponsiveImages)).apply(this, arguments));
|
21808 | }
|
21809 |
|
21810 | _createClass(ContentfulResponsiveImages, [{
|
21811 | key: 'render',
|
21812 | value: function render() {
|
21813 | var _props = this.props,
|
21814 | children = _props.children,
|
21815 | className = _props.className,
|
21816 | _props$fields = _props.fields,
|
21817 | defaultImage = _props$fields.defaultImage,
|
21818 | mobileImage = _props$fields.mobileImage;
|
21819 |
|
21820 | if (mobileImage) {
|
21821 | return _react2.default.createElement(
|
21822 | 'div',
|
21823 | { className: className },
|
21824 | _react2.default.createElement(
|
21825 | 'picture',
|
21826 | null,
|
21827 | _react2.default.createElement('source', { srcset: defaultImage.fields.file.url, media: '(min-width: 800px)' }),
|
21828 | _react2.default.createElement(_SRC.InlineImage, { src: mobileImage.fields.file.url })
|
21829 | ),
|
21830 | children
|
21831 | );
|
21832 | } else if (defaultImage) {
|
21833 | return _react2.default.createElement(
|
21834 | 'div',
|
21835 | { className: className },
|
21836 | _react2.default.createElement(_SRC.ContentfulRenderer, defaultImage),
|
21837 | children
|
21838 | );
|
21839 | }
|
21840 | return _react2.default.createElement(
|
21841 | 'div',
|
21842 | { className: className },
|
21843 | children
|
21844 | );
|
21845 | }
|
21846 | }]);
|
21847 |
|
21848 | return ContentfulResponsiveImages;
|
21849 | }(_react.Component);
|
21850 |
|
21851 | exports.default = ContentfulResponsiveImages;
|
21852 |
|
21853 |
|
21854 | ContentfulResponsiveImages.propTypes = {
|
21855 | children: _propTypes2.default.node,
|
21856 | className: _propTypes2.default.string,
|
21857 | fields: _propTypes2.default.shape({
|
21858 | defaultImage: _propTypes2.default.object,
|
21859 | mobileImage: _propTypes2.default.object
|
21860 | })
|
21861 | };
|
21862 |
|
21863 | }),
|
21864 |
|
21865 | (function(module, exports, __webpack_require__) {
|
21866 |
|
21867 | "use strict";
|
21868 |
|
21869 |
|
21870 | Object.defineProperty(exports, "__esModule", {
|
21871 | value: true
|
21872 | });
|
21873 |
|
21874 | var _contentfulResponsiveVideo = __webpack_require__(325);
|
21875 |
|
21876 | Object.defineProperty(exports, 'ContentfulResponsiveVideo', {
|
21877 | enumerable: true,
|
21878 | get: function get() {
|
21879 | return _interopRequireDefault(_contentfulResponsiveVideo).default;
|
21880 | }
|
21881 | });
|
21882 |
|
21883 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21884 |
|
21885 | }),
|
21886 |
|
21887 | (function(module, exports, __webpack_require__) {
|
21888 |
|
21889 | "use strict";
|
21890 |
|
21891 |
|
21892 | Object.defineProperty(exports, "__esModule", {
|
21893 | value: true
|
21894 | });
|
21895 |
|
21896 | var _react = __webpack_require__(2);
|
21897 |
|
21898 | var _react2 = _interopRequireDefault(_react);
|
21899 |
|
21900 | var _propTypes = __webpack_require__(0);
|
21901 |
|
21902 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
21903 |
|
21904 | var _contentful = __webpack_require__(32);
|
21905 |
|
21906 | var _SRC = __webpack_require__(3);
|
21907 |
|
21908 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21909 |
|
21910 | var ContentfulResponsiveVideo = function ContentfulResponsiveVideo(_ref) {
|
21911 | var className = _ref.className,
|
21912 | children = _ref.children,
|
21913 | _ref$fields = _ref.fields,
|
21914 | desktopFallbackImage = _ref$fields.desktopFallbackImage,
|
21915 | mobileFallbackImage = _ref$fields.mobileFallbackImage,
|
21916 | mobileSources = _ref$fields.mobileSources,
|
21917 | desktopSources = _ref$fields.sources;
|
21918 |
|
21919 | var sources = {
|
21920 | desktop: desktopSources.map(function (source) {
|
21921 | return (0, _contentful.getUrl)(source);
|
21922 | })
|
21923 | };
|
21924 | if (mobileSources) {
|
21925 | sources.mobile = mobileSources.map(function (source) {
|
21926 | return (0, _contentful.getUrl)(source);
|
21927 | });
|
21928 | }
|
21929 | var desktopFallback = desktopFallbackImage ? {
|
21930 | alt: (0, _contentful.getAlt)(desktopFallbackImage),
|
21931 | src: (0, _contentful.getUrl)(desktopFallbackImage)
|
21932 | } : undefined;
|
21933 |
|
21934 | var mobileFallback = mobileFallbackImage ? {
|
21935 | alt: (0, _contentful.getAlt)(mobileFallbackImage),
|
21936 | src: (0, _contentful.getUrl)(mobileFallbackImage)
|
21937 | } : undefined;
|
21938 |
|
21939 | return _react2.default.createElement(
|
21940 | _SRC.BackgroundVideo,
|
21941 | {
|
21942 | className: className,
|
21943 | desktopFallback: desktopFallback,
|
21944 | mobileFallback: mobileFallback,
|
21945 | sources: sources },
|
21946 | children
|
21947 | );
|
21948 | };
|
21949 |
|
21950 | ContentfulResponsiveVideo.propTypes = {
|
21951 | fields: _propTypes2.default.object
|
21952 |
|
21953 |
|
21954 | };exports.default = ContentfulResponsiveVideo;
|
21955 |
|
21956 | }),
|
21957 |
|
21958 | (function(module, exports, __webpack_require__) {
|
21959 |
|
21960 | "use strict";
|
21961 |
|
21962 |
|
21963 | Object.defineProperty(exports, "__esModule", {
|
21964 | value: true
|
21965 | });
|
21966 |
|
21967 | var _contentfulSplitTout = __webpack_require__(327);
|
21968 |
|
21969 | Object.defineProperty(exports, 'ContentfulSplitTout', {
|
21970 | enumerable: true,
|
21971 | get: function get() {
|
21972 | return _interopRequireDefault(_contentfulSplitTout).default;
|
21973 | }
|
21974 | });
|
21975 |
|
21976 | var _contentfulTout = __webpack_require__(329);
|
21977 |
|
21978 | Object.defineProperty(exports, 'ContentfulTout', {
|
21979 | enumerable: true,
|
21980 | get: function get() {
|
21981 | return _interopRequireDefault(_contentfulTout).default;
|
21982 | }
|
21983 | });
|
21984 |
|
21985 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
21986 |
|
21987 | }),
|
21988 |
|
21989 | (function(module, exports, __webpack_require__) {
|
21990 |
|
21991 | "use strict";
|
21992 |
|
21993 |
|
21994 | Object.defineProperty(exports, "__esModule", {
|
21995 | value: true
|
21996 | });
|
21997 |
|
21998 | var _templateObject = _taggedTemplateLiteral(['\nbackground-color: ', ';\nborder: 1rem solid ', ';\nbox-sizing: border-box;\ndisplay: flex;\nflex-wrap: wrap;\nmargin-bottom: 2rem;\n\n.roa-split-tout-image-link {\n box-sizing: border-box;\n display: flex;\n width: 50%;\n}\n', ' {\n display: flex;\n flex: 1 1 100%;\n justify-content: center;\n > * {\n text-align: center;\n }\n}\n.roa-split-tout-link {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n font-size: 16px;\n font-weight: 600;\n height: 50px;\n justify-content: center;\n object-fit: contain;\n text-transform: uppercase;\n text-decoration: underline;\n width: 50%;\n ', ' {\n font-size: 1.6rem;\n color: ', ';\n &:hover {\n color: ', ';\n }\n}\n'], ['\nbackground-color: ', ';\nborder: 1rem solid ', ';\nbox-sizing: border-box;\ndisplay: flex;\nflex-wrap: wrap;\nmargin-bottom: 2rem;\n\n.roa-split-tout-image-link {\n box-sizing: border-box;\n display: flex;\n width: 50%;\n}\n', ' {\n display: flex;\n flex: 1 1 100%;\n justify-content: center;\n > * {\n text-align: center;\n }\n}\n.roa-split-tout-link {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n font-size: 16px;\n font-weight: 600;\n height: 50px;\n justify-content: center;\n object-fit: contain;\n text-transform: uppercase;\n text-decoration: underline;\n width: 50%;\n ', ' {\n font-size: 1.6rem;\n color: ', ';\n &:hover {\n color: ', ';\n }\n}\n']);
|
21999 |
|
22000 | var _propTypes = __webpack_require__(0);
|
22001 |
|
22002 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
22003 |
|
22004 | var _styledComponents = __webpack_require__(1);
|
22005 |
|
22006 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
22007 |
|
22008 | var _SRC = __webpack_require__(3);
|
22009 |
|
22010 | var _contentfulSplitTout = __webpack_require__(328);
|
22011 |
|
22012 | var _contentfulSplitTout2 = _interopRequireDefault(_contentfulSplitTout);
|
22013 |
|
22014 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22015 |
|
22016 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
22017 |
|
22018 | var ContentfulSplitTout = (0, _styledComponents2.default)(_contentfulSplitTout2.default)(_templateObject, function (props) {
|
22019 | return props.theme.colors.white;
|
22020 | }, function (props) {
|
22021 | return props.theme.colors.white;
|
22022 | }, _SRC.MirageMarkdown, _SRC.Link, function (props) {
|
22023 | return props.theme.colors.navy;
|
22024 | }, function (props) {
|
22025 | return props.theme.colors.navy;
|
22026 | });
|
22027 |
|
22028 | _contentfulSplitTout2.default.propTypes = {
|
22029 | className: _propTypes2.default.string,
|
22030 | fields: _propTypes2.default.shape({
|
22031 | description: _propTypes2.default.string,
|
22032 | imageLinks: _propTypes2.default.array
|
22033 | })
|
22034 |
|
22035 |
|
22036 | };exports.default = ContentfulSplitTout;
|
22037 |
|
22038 | }),
|
22039 |
|
22040 | (function(module, exports, __webpack_require__) {
|
22041 |
|
22042 | "use strict";
|
22043 |
|
22044 |
|
22045 | Object.defineProperty(exports, "__esModule", {
|
22046 | value: true
|
22047 | });
|
22048 |
|
22049 | var _react = __webpack_require__(2);
|
22050 |
|
22051 | var _react2 = _interopRequireDefault(_react);
|
22052 |
|
22053 | var _propTypes = __webpack_require__(0);
|
22054 |
|
22055 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
22056 |
|
22057 | var _SRC = __webpack_require__(3);
|
22058 |
|
22059 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22060 |
|
22061 | 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; }
|
22062 |
|
22063 | var BaseContentfulSplitTout = function BaseContentfulSplitTout(_ref) {
|
22064 | var className = _ref.className,
|
22065 | _ref$fields = _ref.fields,
|
22066 | description = _ref$fields.description,
|
22067 | imageLinks = _ref$fields.imageLinks,
|
22068 | renderLink = _ref.renderLink,
|
22069 | props = _objectWithoutProperties(_ref, ['className', 'fields', 'renderLink']);
|
22070 |
|
22071 | var links = { imageLinks: [], textLinks: [] };
|
22072 | imageLinks.map(function (imageLink, index) {
|
22073 | links.imageLinks[index] = _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({
|
22074 | key: index
|
22075 | }, Object.assign({
|
22076 | className: 'roa-split-tout-image-link'
|
22077 | }, imageLink)));
|
22078 | links.textLinks[index] = renderLink({
|
22079 | index: index,
|
22080 | target: imageLink.fields.destination,
|
22081 | children: imageLink.fields.linkText,
|
22082 | className: 'roa-split-tout-link'
|
22083 | });
|
22084 | return null;
|
22085 | });
|
22086 | return _react2.default.createElement(
|
22087 | 'div',
|
22088 | { className: className },
|
22089 | links.imageLinks,
|
22090 | _react2.default.createElement(
|
22091 | _SRC.MirageMarkdown,
|
22092 | null,
|
22093 | description
|
22094 | ),
|
22095 | links.textLinks
|
22096 | );
|
22097 | };
|
22098 |
|
22099 | BaseContentfulSplitTout.propTypes = {
|
22100 | className: _propTypes2.default.string,
|
22101 | fields: _propTypes2.default.shape({
|
22102 | description: _propTypes2.default.string,
|
22103 | imageLinks: _propTypes2.default.array
|
22104 | })
|
22105 | };
|
22106 |
|
22107 | BaseContentfulSplitTout.defaultProps = {
|
22108 | renderLink: function renderLink(_ref2) {
|
22109 | var children = _ref2.children,
|
22110 | index = _ref2.index,
|
22111 | target = _ref2.target,
|
22112 | props = _objectWithoutProperties(_ref2, ['children', 'index', 'target']);
|
22113 |
|
22114 | return _react2.default.createElement(
|
22115 | 'div',
|
22116 | Object.assign({}, props, { key: index }),
|
22117 | _react2.default.createElement(
|
22118 | _SRC.Link,
|
22119 | { href: target, underline: false },
|
22120 | children
|
22121 | )
|
22122 | );
|
22123 | }
|
22124 | };
|
22125 |
|
22126 | exports.default = BaseContentfulSplitTout;
|
22127 |
|
22128 | }),
|
22129 |
|
22130 | (function(module, exports, __webpack_require__) {
|
22131 |
|
22132 | "use strict";
|
22133 |
|
22134 |
|
22135 | Object.defineProperty(exports, "__esModule", {
|
22136 | value: true
|
22137 | });
|
22138 | exports.setBackgroundColor = undefined;
|
22139 |
|
22140 | var _templateObject = _taggedTemplateLiteral(['\n justify-content: center;\n align-items: center;\n '], ['\n justify-content: center;\n align-items: center;\n ']),
|
22141 | _templateObject2 = _taggedTemplateLiteral(['\n justify-content: center;\n align-items: flex-start;\n '], ['\n justify-content: center;\n align-items: flex-start;\n ']),
|
22142 | _templateObject3 = _taggedTemplateLiteral(['\n justify-content: center;\n align-items: flex-end;\n '], ['\n justify-content: center;\n align-items: flex-end;\n ']),
|
22143 | _templateObject4 = _taggedTemplateLiteral(['\n justify-content: flex-start;\n align-items: flex-start;\n '], ['\n justify-content: flex-start;\n align-items: flex-start;\n ']),
|
22144 | _templateObject5 = _taggedTemplateLiteral(['\n justify-content: flex-start;\n align-items: flex-end;\n '], ['\n justify-content: flex-start;\n align-items: flex-end;\n ']),
|
22145 | _templateObject6 = _taggedTemplateLiteral(['\n justify-content: flex-end;\n align-items: flex-start;\n '], ['\n justify-content: flex-end;\n align-items: flex-start;\n ']),
|
22146 | _templateObject7 = _taggedTemplateLiteral(['\n justify-content: flex-end;\n align-items: flex-end;\n '], ['\n justify-content: flex-end;\n align-items: flex-end;\n ']),
|
22147 | _templateObject8 = _taggedTemplateLiteral(['\n display: flex;\n width: 100%;\n position: relative;\n margin-bottom: 4rem;\n ', '\n ', '\n\n .roa-tout-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n min-height: 100%;\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n background-color: ', ';\n ', '\n\n ', '\n ', '\n }\n\n ', ' {\n > * {\n color: ', ';\n }\n }\n\n ', ' {\n ', '\n }\n\n .roa-tout-buttons {\n display: flex;\n flex-direction: column;\n align-items: center;\n align-items: center;\n flex-wrap: wrap;\n width: 100%;\n top: 100%;\n position: absolute;\n ', '\n ', '\n ', '\n }\n\n .default-shop-header {\n width: 100%;\n height: inherit;\n\n &.default-shop-header-search-empty {\n height: 600px;\n }\n\n color: ', ';\n background-color: #FFFFFF;\n background-size: 100% auto;\n background-position: 0 80%;\n padding: 0 19px;\n\n ', '\n\n .default-shop-header-title-wrapper {\n ', '\n\n font-weight: 100;\n text-align: center;\n\n margin-top: 32px;\n margin-bottom: 0;\n\n .default-shop-header-title {\n position: relative;\n display: flex;\n\n max-width: 1400px;\n height: 100%;\n margin: 0 auto;\n\n justify-content: center;\n align-items: center;\n\n font-family: ', ';\n font-size: 42px;\n line-height: 54px;\n letter-spacing: 2px;\n text-transform: uppercase;\n\n ', '\n }\n\n .default-shop-header-title-search {\n font-size: 32px;\n font-weight: 500;\n letter-spacing: normal;\n text-transform: none;\n\n ', '\n }\n }\n }\n\n .subtitle-search {\n margin-top: 16px;\n\n font-family: ', ';\n font-size: 16px;\n font-weight: 500;\n height: 21px;\n line-height: 23px;\n\n margin-bottom: 32px;\n }\n\n .suggestion-search {\n margin-top: 56px;\n margin-bottom: 480px;\n padding-left: 0;\n list-style: none;\n text-decoration: underline;\n text-align: center;\n }\n\n .suggestion-item {\n height: 28px;\n }\n\n .suggestion-link {\n font-size: 1.6rem;\n font-weight: 400;\n }\n\n .empty-search-emoji {\n text-decoration: none;\n display: inline-block;\n\n &::before { content: \'\0a0\'; }\n }\n'], ['\n display: flex;\n width: 100%;\n position: relative;\n margin-bottom: 4rem;\n ', '\n ', '\n\n .roa-tout-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n min-height: 100%;\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n background-color: ', ';\n ', '\n\n ', '\n ', '\n }\n\n ', ' {\n > * {\n color: ', ';\n }\n }\n\n ', ' {\n ', '\n }\n\n .roa-tout-buttons {\n display: flex;\n flex-direction: column;\n align-items: center;\n align-items: center;\n flex-wrap: wrap;\n width: 100%;\n top: 100%;\n position: absolute;\n ', '\n ', '\n ', '\n }\n\n .default-shop-header {\n width: 100%;\n height: inherit;\n\n &.default-shop-header-search-empty {\n height: 600px;\n }\n\n color: ', ';\n background-color: #FFFFFF;\n background-size: 100% auto;\n background-position: 0 80%;\n padding: 0 19px;\n\n ', '\n\n .default-shop-header-title-wrapper {\n ', '\n\n font-weight: 100;\n text-align: center;\n\n margin-top: 32px;\n margin-bottom: 0;\n\n .default-shop-header-title {\n position: relative;\n display: flex;\n\n max-width: 1400px;\n height: 100%;\n margin: 0 auto;\n\n justify-content: center;\n align-items: center;\n\n font-family: ', ';\n font-size: 42px;\n line-height: 54px;\n letter-spacing: 2px;\n text-transform: uppercase;\n\n ', '\n }\n\n .default-shop-header-title-search {\n font-size: 32px;\n font-weight: 500;\n letter-spacing: normal;\n text-transform: none;\n\n ', '\n }\n }\n }\n\n .subtitle-search {\n margin-top: 16px;\n\n font-family: ', ';\n font-size: 16px;\n font-weight: 500;\n height: 21px;\n line-height: 23px;\n\n margin-bottom: 32px;\n }\n\n .suggestion-search {\n margin-top: 56px;\n margin-bottom: 480px;\n padding-left: 0;\n list-style: none;\n text-decoration: underline;\n text-align: center;\n }\n\n .suggestion-item {\n height: 28px;\n }\n\n .suggestion-link {\n font-size: 1.6rem;\n font-weight: 400;\n }\n\n .empty-search-emoji {\n text-decoration: none;\n display: inline-block;\n\n &::before { content: \'\\00a0\'; }\n }\n']),
|
22148 | _templateObject9 = _taggedTemplateLiteral(['\n margin-bottom: 6rem;\n '], ['\n margin-bottom: 6rem;\n ']),
|
22149 | _templateObject10 = _taggedTemplateLiteral(['\n padding-bottom: 6rem;\n '], ['\n padding-bottom: 6rem;\n ']),
|
22150 | _templateObject11 = _taggedTemplateLiteral(['\n cursor: pointer;\n '], ['\n cursor: pointer;\n ']),
|
22151 | _templateObject12 = _taggedTemplateLiteral(['\n color: ', ';\n font-size: 3.6rem;\n font-weight: 100;\n margin: 0;\n ', '\n '], ['\n color: ', ';\n font-size: 3.6rem;\n font-weight: 100;\n margin: 0;\n ', '\n ']),
|
22152 | _templateObject13 = _taggedTemplateLiteral(['\n font-size: 8.2rem;\n '], ['\n font-size: 8.2rem;\n ']),
|
22153 | _templateObject14 = _taggedTemplateLiteral(['\n top: calc(100% - 2rem);\n '], ['\n top: calc(100% - 2rem);\n ']),
|
22154 | _templateObject15 = _taggedTemplateLiteral(['\n position: relative;\n margin-top: 4rem;\n '], ['\n position: relative;\n margin-top: 4rem;\n ']),
|
22155 | _templateObject16 = _taggedTemplateLiteral(['\n justify-content: center;\n flex-direction: row;\n '], ['\n justify-content: center;\n flex-direction: row;\n ']),
|
22156 | _templateObject17 = _taggedTemplateLiteral(['\n margin-top: 24px;\n margin-bottom: 8px;\n '], ['\n margin-top: 24px;\n margin-bottom: 8px;\n ']),
|
22157 | _templateObject18 = _taggedTemplateLiteral(['\n margin-top: 0px;\n '], ['\n margin-top: 0px;\n ']),
|
22158 | _templateObject19 = _taggedTemplateLiteral(['\n font-size: 36px;\n line-height: 46px;\n letter-spacing: 0px;\n margin-top: 0px;\n '], ['\n font-size: 36px;\n line-height: 46px;\n letter-spacing: 0px;\n margin-top: 0px;\n ']),
|
22159 | _templateObject20 = _taggedTemplateLiteral(['\n font-size: 24px;\n '], ['\n font-size: 24px;\n ']);
|
22160 |
|
22161 | var _propTypes = __webpack_require__(0);
|
22162 |
|
22163 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
22164 |
|
22165 | var _styledComponents = __webpack_require__(1);
|
22166 |
|
22167 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
22168 |
|
22169 | var _theme = __webpack_require__(7);
|
22170 |
|
22171 | var _SRC = __webpack_require__(3);
|
22172 |
|
22173 | var _contentfulTout = __webpack_require__(330);
|
22174 |
|
22175 | var _contentfulTout2 = _interopRequireDefault(_contentfulTout);
|
22176 |
|
22177 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22178 |
|
22179 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
22180 |
|
22181 | var setBackgroundColor = function setBackgroundColor(_ref) {
|
22182 | var _ref$fields = _ref.fields,
|
22183 | _ref$fields$backgroun = _ref$fields.backgroundColor,
|
22184 | backgroundColor = _ref$fields$backgroun === undefined ? '#FFFFFF' : _ref$fields$backgroun,
|
22185 | _ref$fields$backgroun2 = _ref$fields.backgroundTransparency,
|
22186 | backgroundTransparency = _ref$fields$backgroun2 === undefined ? '0.0' : _ref$fields$backgroun2;
|
22187 |
|
22188 | var c;
|
22189 | if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(backgroundColor)) {
|
22190 | c = backgroundColor.substring(1).split('');
|
22191 | if (c.length === 3) {
|
22192 | c = [c[0], c[0], c[1], c[1], c[2], c[2]];
|
22193 | }
|
22194 | c = '0x' + c.join('');
|
22195 | return 'rgba(' + [c >> 16 & 255, c >> 8 & 255, c & 255].join(',') + ',' + backgroundTransparency + ')';
|
22196 | }
|
22197 | throw new Error('Bad Hex');
|
22198 | };
|
22199 |
|
22200 | var textPosition = function textPosition(_ref2) {
|
22201 | var _ref2$fields$position = _ref2.fields.position,
|
22202 | position = _ref2$fields$position === undefined ? 'center' : _ref2$fields$position;
|
22203 |
|
22204 | var POSITIONS = {
|
22205 | center: (0, _styledComponents.css)(_templateObject),
|
22206 | centerTop: (0, _styledComponents.css)(_templateObject2),
|
22207 | centerBottom: (0, _styledComponents.css)(_templateObject3),
|
22208 | centerLeft: (0, _styledComponents.css)(_templateObject2),
|
22209 | centerRight: (0, _styledComponents.css)(_templateObject3),
|
22210 | topLeft: (0, _styledComponents.css)(_templateObject4),
|
22211 | topRight: (0, _styledComponents.css)(_templateObject5),
|
22212 | bottomLeft: (0, _styledComponents.css)(_templateObject6),
|
22213 | bottomRight: (0, _styledComponents.css)(_templateObject7)
|
22214 | };
|
22215 | return POSITIONS[position];
|
22216 | };
|
22217 |
|
22218 | var ContentfulTout = (0, _styledComponents2.default)(_contentfulTout2.default)(_templateObject8, function (props) {
|
22219 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject9);
|
22220 | }, function (props) {
|
22221 | return props.fields.hero && props.theme.breakpointsVerbose.belowTablet(_templateObject10);
|
22222 | }, function (props) {
|
22223 | return setBackgroundColor(props);
|
22224 | }, function (props) {
|
22225 | return textPosition(props);
|
22226 | }, function (props) {
|
22227 | return props.fields.hero && props.fields.destination && props.theme.breakpointsVerbose.belowTablet(_templateObject11);
|
22228 | }, function (props) {
|
22229 | return props.fields.hero && props.fields.destination && props.theme.breakpointsVerbose.aboveTablet(_templateObject11);
|
22230 | }, _SRC.MirageMarkdown, function (props) {
|
22231 | return props.fields.textColor ? props.fields.textColor : props.defaultColor;
|
22232 | }, _SRC.H1, function (props) {
|
22233 | return props.fields.hero && (0, _styledComponents.css)(_templateObject12, function (props) {
|
22234 | return props.fields.textColor ? props.fields.textColor : props.defaultColor;
|
22235 | }, props.theme.breakpointsVerbose.aboveTablet(_templateObject13));
|
22236 | }, function (props) {
|
22237 | return props.fields.hero && props.theme.breakpointsVerbose.belowTablet(_templateObject14);
|
22238 | }, function (props) {
|
22239 | return props.fields.hero && props.theme.breakpointsVerbose.aboveTablet(_templateObject15);
|
22240 | }, function (props) {
|
22241 | return props.theme.breakpointsVerbose.abovePhoneMax(_templateObject16);
|
22242 | }, function (props) {
|
22243 | return props.fields.textColor ? props.fields.textColor : props.defaultColor;
|
22244 | }, function (props) {
|
22245 | return props.theme.breakpointsVerbose.belowTablet(_templateObject17);
|
22246 | }, function (props) {
|
22247 | return props.theme.breakpointsVerbose.belowTablet(_templateObject18);
|
22248 | }, function (props) {
|
22249 | return props.theme.fonts.headerFont;
|
22250 | }, function (props) {
|
22251 | return props.theme.breakpointsVerbose.belowTablet(_templateObject19);
|
22252 | }, function (props) {
|
22253 | return props.theme.breakpointsVerbose.belowTablet(_templateObject20);
|
22254 | }, function (props) {
|
22255 | return props.theme.fonts.headerFont;
|
22256 | });
|
22257 |
|
22258 | ContentfulTout.propTypes = {
|
22259 | className: _propTypes2.default.string,
|
22260 | defaultColor: _propTypes2.default.string,
|
22261 | fields: _propTypes2.default.shape({
|
22262 | backgroundColor: _propTypes2.default.string,
|
22263 | backgroundTransparency: _propTypes2.default.number,
|
22264 | description: _propTypes2.default.string,
|
22265 | media: _propTypes2.default.object,
|
22266 | position: _propTypes2.default.string,
|
22267 | textColor: _propTypes2.default.string
|
22268 | })
|
22269 | };
|
22270 |
|
22271 | ContentfulTout.defaultProps = {
|
22272 | defaultColor: _theme.theme.colors.navy,
|
22273 | fields: {}
|
22274 |
|
22275 |
|
22276 | };exports.default = ContentfulTout;
|
22277 | exports.setBackgroundColor = setBackgroundColor;
|
22278 |
|
22279 | }),
|
22280 |
|
22281 | (function(module, exports, __webpack_require__) {
|
22282 |
|
22283 | "use strict";
|
22284 |
|
22285 |
|
22286 | Object.defineProperty(exports, "__esModule", {
|
22287 | value: true
|
22288 | });
|
22289 |
|
22290 | 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; }; }();
|
22291 |
|
22292 | var _react = __webpack_require__(2);
|
22293 |
|
22294 | var _react2 = _interopRequireDefault(_react);
|
22295 |
|
22296 | var _propTypes = __webpack_require__(0);
|
22297 |
|
22298 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
22299 |
|
22300 | var _SRC = __webpack_require__(3);
|
22301 |
|
22302 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22303 |
|
22304 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
22305 |
|
22306 | 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; }
|
22307 |
|
22308 | 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; }
|
22309 |
|
22310 | var BaseContentfulTout = function (_Component) {
|
22311 | _inherits(BaseContentfulTout, _Component);
|
22312 |
|
22313 | function BaseContentfulTout() {
|
22314 | var _ref;
|
22315 |
|
22316 | var _temp, _this, _ret;
|
22317 |
|
22318 | _classCallCheck(this, BaseContentfulTout);
|
22319 |
|
22320 | for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
22321 | args[_key] = arguments[_key];
|
22322 | }
|
22323 |
|
22324 | return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = BaseContentfulTout.__proto__ || Object.getPrototypeOf(BaseContentfulTout)).call.apply(_ref, [this].concat(args))), _this), _this.navigateToDestination = function (event) {
|
22325 | var _this$props$fields = _this.props.fields,
|
22326 | hero = _this$props$fields.hero,
|
22327 | destination = _this$props$fields.destination;
|
22328 |
|
22329 |
|
22330 |
|
22331 |
|
22332 | if (hero && destination && event && event.target && event.target.className && (event.target.className === 'roa-tout-overlay' || event.target.className === 'roa-tout-buttons')) {
|
22333 |
|
22334 | window.location.href = destination;
|
22335 | }
|
22336 | }, _this.renderContent = function () {
|
22337 | var _this$props = _this.props,
|
22338 | displayTitle = _this$props.displayTitle,
|
22339 | searchTerm = _this$props.searchTerm,
|
22340 | productsFound = _this$props.productsFound,
|
22341 | emptySearchSuggestions = _this$props.emptySearchSuggestions,
|
22342 | _this$props$fields2 = _this$props.fields,
|
22343 | description = _this$props$fields2.description,
|
22344 | heroButtons = _this$props$fields2.heroButtons,
|
22345 | media = _this$props$fields2.media;
|
22346 |
|
22347 |
|
22348 |
|
22349 | var defaultShopHeader = null;
|
22350 | var searchSubtitle = null;
|
22351 | var searchSuggestions = null;
|
22352 | if (searchTerm) {
|
22353 |
|
22354 | var refinedSearchTerm = searchTerm;
|
22355 | if (searchTerm.length > 30) {
|
22356 | refinedSearchTerm = searchTerm.substring(0, 30) + '...';
|
22357 | }
|
22358 |
|
22359 | var searchTitle = 'You searched \u2018' + refinedSearchTerm + '\u2019';
|
22360 | var searchClasses = 'default-shop-header-title default-shop-header-title-search';
|
22361 | if (!productsFound) {
|
22362 | searchTitle = 'Aw, shucks! 0 results for your search \u2018' + refinedSearchTerm + '\u2019';
|
22363 | searchSubtitle = _react2.default.createElement(
|
22364 | 'h2',
|
22365 | { className: 'subtitle-search' },
|
22366 | 'But look at what\u2019s trending!'
|
22367 | );
|
22368 | searchSuggestions = emptySearchSuggestions.map(function (link, id) {
|
22369 | return _react2.default.createElement(
|
22370 | 'li',
|
22371 | { className: 'suggestion-item' },
|
22372 | _react2.default.createElement(
|
22373 | _SRC.NavyLink,
|
22374 | { className: 'suggestion-link', href: link.target, underline: false },
|
22375 | link.text,
|
22376 | _react2.default.createElement(
|
22377 | 'span',
|
22378 | { className: 'empty-search-emoji' },
|
22379 | link.emoji
|
22380 | )
|
22381 | )
|
22382 | );
|
22383 | });
|
22384 | searchClasses += ' default-shop-header-title-search-empty';
|
22385 | }
|
22386 |
|
22387 | defaultShopHeader = _react2.default.createElement(
|
22388 | 'h1',
|
22389 | { className: searchClasses },
|
22390 | searchTitle
|
22391 | );
|
22392 | } else if (displayTitle) {
|
22393 | defaultShopHeader = _react2.default.createElement(
|
22394 | 'h1',
|
22395 | { className: 'default-shop-header-title' },
|
22396 | displayTitle
|
22397 | );
|
22398 | }
|
22399 |
|
22400 | if (defaultShopHeader) {
|
22401 | var defaultShopHeaderClasses = 'default-shop-header';
|
22402 |
|
22403 | if (searchTerm && !productsFound) {
|
22404 | defaultShopHeaderClasses += ' default-shop-header-search-empty';
|
22405 | }
|
22406 |
|
22407 | return _react2.default.createElement(
|
22408 | 'div',
|
22409 | { className: defaultShopHeaderClasses },
|
22410 | _react2.default.createElement(
|
22411 | 'div',
|
22412 | { className: 'default-shop-header-title-wrapper' },
|
22413 | defaultShopHeader,
|
22414 | searchTerm && searchSubtitle,
|
22415 | searchTerm && !productsFound && _react2.default.createElement(
|
22416 | 'ul',
|
22417 | { className: 'suggestion-search' },
|
22418 | searchSuggestions
|
22419 | )
|
22420 | )
|
22421 | );
|
22422 | } else {
|
22423 | return _react2.default.createElement(
|
22424 | _SRC.ContentfulRenderer,
|
22425 | media,
|
22426 | _react2.default.createElement(
|
22427 | 'div',
|
22428 | { className: 'roa-tout-overlay', onClick: _this.navigateToDestination },
|
22429 | _react2.default.createElement(
|
22430 | _SRC.MirageMarkdown,
|
22431 | null,
|
22432 | description
|
22433 | ),
|
22434 | _react2.default.createElement(
|
22435 | 'div',
|
22436 | { className: 'roa-tout-buttons' },
|
22437 | heroButtons && heroButtons.map(function (button) {
|
22438 | return _react2.default.createElement(_SRC.ContentfulRenderer, Object.assign({}, button, { key: button.sys.id }));
|
22439 | })
|
22440 | )
|
22441 | )
|
22442 | );
|
22443 | }
|
22444 | }, _temp), _possibleConstructorReturn(_this, _ret);
|
22445 | }
|
22446 |
|
22447 |
|
22448 |
|
22449 | _createClass(BaseContentfulTout, [{
|
22450 | key: 'render',
|
22451 | value: function render() {
|
22452 | var _props = this.props,
|
22453 | className = _props.className,
|
22454 | renderToutLink = _props.renderToutLink,
|
22455 | _props$fields = _props.fields,
|
22456 | hero = _props$fields.hero,
|
22457 | destination = _props$fields.destination;
|
22458 |
|
22459 |
|
22460 | var ToutLink = renderToutLink;
|
22461 |
|
22462 |
|
22463 | if (!hero && destination) {
|
22464 | return _react2.default.createElement(
|
22465 | ToutLink,
|
22466 | { className: className, destination: destination },
|
22467 | this.renderContent()
|
22468 | );
|
22469 | }
|
22470 |
|
22471 | return _react2.default.createElement(
|
22472 | 'div',
|
22473 | { className: className },
|
22474 | this.renderContent()
|
22475 | );
|
22476 | }
|
22477 | }]);
|
22478 |
|
22479 | return BaseContentfulTout;
|
22480 | }(_react.Component);
|
22481 |
|
22482 | BaseContentfulTout.propTypes = {
|
22483 | className: _propTypes2.default.string,
|
22484 | defaultColor: _propTypes2.default.string,
|
22485 | displayTitle: _propTypes2.default.string,
|
22486 | searchTerm: _propTypes2.default.string,
|
22487 | productsFound: _propTypes2.default.bool,
|
22488 | emptySearchSuggestions: _propTypes2.default.array,
|
22489 | fields: _propTypes2.default.shape({
|
22490 | backgroundColor: _propTypes2.default.string,
|
22491 | backgroundTransparency: _propTypes2.default.number,
|
22492 | description: _propTypes2.default.string,
|
22493 | media: _propTypes2.default.object,
|
22494 | position: _propTypes2.default.string,
|
22495 | textColor: _propTypes2.default.string
|
22496 | })
|
22497 | };
|
22498 |
|
22499 | BaseContentfulTout.defaultProps = {
|
22500 | emptySearchSuggestions: [],
|
22501 | renderToutLink: function renderToutLink(_ref2) {
|
22502 | var className = _ref2.className,
|
22503 | children = _ref2.children,
|
22504 | destination = _ref2.destination;
|
22505 | return _react2.default.createElement(
|
22506 | 'a',
|
22507 | { className: className, href: destination },
|
22508 | children
|
22509 | );
|
22510 | }
|
22511 | };
|
22512 |
|
22513 | exports.default = BaseContentfulTout;
|
22514 |
|
22515 | }),
|
22516 |
|
22517 | (function(module, exports, __webpack_require__) {
|
22518 |
|
22519 | "use strict";
|
22520 |
|
22521 |
|
22522 | Object.defineProperty(exports, "__esModule", {
|
22523 | value: true
|
22524 | });
|
22525 |
|
22526 | var _defaultSection = __webpack_require__(332);
|
22527 |
|
22528 | Object.keys(_defaultSection).forEach(function (key) {
|
22529 | if (key === "default" || key === "__esModule") return;
|
22530 | Object.defineProperty(exports, key, {
|
22531 | enumerable: true,
|
22532 | get: function get() {
|
22533 | return _defaultSection[key];
|
22534 | }
|
22535 | });
|
22536 | });
|
22537 |
|
22538 | var _sizePicker = __webpack_require__(334);
|
22539 |
|
22540 | Object.keys(_sizePicker).forEach(function (key) {
|
22541 | if (key === "default" || key === "__esModule") return;
|
22542 | Object.defineProperty(exports, key, {
|
22543 | enumerable: true,
|
22544 | get: function get() {
|
22545 | return _sizePicker[key];
|
22546 | }
|
22547 | });
|
22548 | });
|
22549 |
|
22550 | }),
|
22551 |
|
22552 | (function(module, exports, __webpack_require__) {
|
22553 |
|
22554 | "use strict";
|
22555 |
|
22556 |
|
22557 | Object.defineProperty(exports, "__esModule", {
|
22558 | value: true
|
22559 | });
|
22560 |
|
22561 | var _defaultSection = __webpack_require__(333);
|
22562 |
|
22563 | Object.defineProperty(exports, 'DefaultSection', {
|
22564 | enumerable: true,
|
22565 | get: function get() {
|
22566 | return _interopRequireDefault(_defaultSection).default;
|
22567 | }
|
22568 | });
|
22569 |
|
22570 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22571 |
|
22572 | }),
|
22573 |
|
22574 | (function(module, exports, __webpack_require__) {
|
22575 |
|
22576 | "use strict";
|
22577 |
|
22578 |
|
22579 | Object.defineProperty(exports, "__esModule", {
|
22580 | value: true
|
22581 | });
|
22582 |
|
22583 | 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']),
|
22584 | _templateObject2 = _taggedTemplateLiteral(['\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n '], ['\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n ']),
|
22585 | _templateObject3 = _taggedTemplateLiteral(['\n top: 1.5rem;\n '], ['\n top: 1.5rem;\n ']),
|
22586 | _templateObject4 = _taggedTemplateLiteral(['\n margin: 0 2rem;\n '], ['\n margin: 0 2rem;\n ']);
|
22587 |
|
22588 | var _styledComponents = __webpack_require__(1);
|
22589 |
|
22590 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
22591 |
|
22592 | var _propTypes = __webpack_require__(0);
|
22593 |
|
22594 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
22595 |
|
22596 | var _Label = __webpack_require__(9);
|
22597 |
|
22598 | var _SRC = __webpack_require__(3);
|
22599 |
|
22600 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22601 |
|
22602 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
22603 |
|
22604 | var DefaultSection = _styledComponents2.default.section(_templateObject, function (props) {
|
22605 | return props.theme.media.tablet(_templateObject2);
|
22606 | }, function (props) {
|
22607 | return props.theme.colors.gray[2];
|
22608 | }, _SRC.Link, _Label.styles, function (props) {
|
22609 | return props.theme.media.tablet(_templateObject3);
|
22610 | }, _SRC.DefaultAddress, _SRC.DefaultPayment, function (props) {
|
22611 | return props.theme.media.tablet(_templateObject4);
|
22612 | });
|
22613 |
|
22614 | DefaultSection.propTypes = {
|
22615 | theme: _propTypes2.default.shape({
|
22616 | colors: _propTypes2.default.shape({
|
22617 | gray: _propTypes2.default.array
|
22618 | })
|
22619 | })
|
22620 |
|
22621 |
|
22622 | };exports.default = DefaultSection;
|
22623 |
|
22624 | }),
|
22625 |
|
22626 | (function(module, exports, __webpack_require__) {
|
22627 |
|
22628 | "use strict";
|
22629 |
|
22630 |
|
22631 | Object.defineProperty(exports, "__esModule", {
|
22632 | value: true
|
22633 | });
|
22634 |
|
22635 | var _sizePicker = __webpack_require__(335);
|
22636 |
|
22637 | Object.defineProperty(exports, 'SizePicker', {
|
22638 | enumerable: true,
|
22639 | get: function get() {
|
22640 | return _interopRequireDefault(_sizePicker).default;
|
22641 | }
|
22642 | });
|
22643 |
|
22644 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22645 |
|
22646 | }),
|
22647 |
|
22648 | (function(module, exports, __webpack_require__) {
|
22649 |
|
22650 | "use strict";
|
22651 |
|
22652 |
|
22653 | Object.defineProperty(exports, "__esModule", {
|
22654 | value: true
|
22655 | });
|
22656 |
|
22657 | 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']);
|
22658 |
|
22659 | var _react = __webpack_require__(2);
|
22660 |
|
22661 | var _react2 = _interopRequireDefault(_react);
|
22662 |
|
22663 | var _propTypes = __webpack_require__(0);
|
22664 |
|
22665 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
22666 |
|
22667 | var _styledComponents = __webpack_require__(1);
|
22668 |
|
22669 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
22670 |
|
22671 | var _SRC = __webpack_require__(3);
|
22672 |
|
22673 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22674 |
|
22675 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
22676 |
|
22677 | var SizePicker = (0, _styledComponents2.default)(function (_ref) {
|
22678 | var className = _ref.className,
|
22679 | inputDisabled = _ref.inputDisabled,
|
22680 | variants = _ref.variants,
|
22681 | currentSize = _ref.currentSize,
|
22682 | onSizeSelect = _ref.onSizeSelect,
|
22683 | productId = _ref.productId;
|
22684 |
|
22685 | return _react2.default.createElement(
|
22686 | 'div',
|
22687 | { className: className },
|
22688 | variants.map(function (variant, index) {
|
22689 | return _react2.default.createElement(_SRC.SquareRadioButton, {
|
22690 | key: productId + '-' + index,
|
22691 | input: {
|
22692 | onChange: onSizeSelect,
|
22693 | value: variant.sku,
|
22694 | checked: currentSize === variant.sku,
|
22695 | disabled: inputDisabled && !variant.in_stock
|
22696 | },
|
22697 | disabled: !variant.in_stock,
|
22698 | selected: currentSize === variant.sku,
|
22699 | children: variant.size });
|
22700 | })
|
22701 | );
|
22702 | })(_templateObject, _SRC.SquareRadioButton);
|
22703 | SizePicker.propTypes = {
|
22704 | className: _propTypes2.default.string,
|
22705 | sizes: _propTypes2.default.array,
|
22706 | name: _propTypes2.default.string,
|
22707 | currentSize: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.number])
|
22708 |
|
22709 |
|
22710 | };exports.default = SizePicker;
|
22711 |
|
22712 | }),
|
22713 |
|
22714 | (function(module, exports, __webpack_require__) {
|
22715 |
|
22716 | "use strict";
|
22717 |
|
22718 |
|
22719 | Object.defineProperty(exports, "__esModule", {
|
22720 | value: true
|
22721 | });
|
22722 |
|
22723 | var _desktopNavigation = __webpack_require__(337);
|
22724 |
|
22725 | Object.keys(_desktopNavigation).forEach(function (key) {
|
22726 | if (key === "default" || key === "__esModule") return;
|
22727 | Object.defineProperty(exports, key, {
|
22728 | enumerable: true,
|
22729 | get: function get() {
|
22730 | return _desktopNavigation[key];
|
22731 | }
|
22732 | });
|
22733 | });
|
22734 |
|
22735 | var _mobileNavigation = __webpack_require__(345);
|
22736 |
|
22737 | Object.keys(_mobileNavigation).forEach(function (key) {
|
22738 | if (key === "default" || key === "__esModule") return;
|
22739 | Object.defineProperty(exports, key, {
|
22740 | enumerable: true,
|
22741 | get: function get() {
|
22742 | return _mobileNavigation[key];
|
22743 | }
|
22744 | });
|
22745 | });
|
22746 |
|
22747 | var _header = __webpack_require__(351);
|
22748 |
|
22749 | Object.defineProperty(exports, 'Header', {
|
22750 | enumerable: true,
|
22751 | get: function get() {
|
22752 | return _interopRequireDefault(_header).default;
|
22753 | }
|
22754 | });
|
22755 |
|
22756 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22757 |
|
22758 | }),
|
22759 |
|
22760 | (function(module, exports, __webpack_require__) {
|
22761 |
|
22762 | "use strict";
|
22763 |
|
22764 |
|
22765 | Object.defineProperty(exports, "__esModule", {
|
22766 | value: true
|
22767 | });
|
22768 |
|
22769 | var _desktopNavigation = __webpack_require__(338);
|
22770 |
|
22771 | Object.defineProperty(exports, 'DesktopNavigation', {
|
22772 | enumerable: true,
|
22773 | get: function get() {
|
22774 | return _interopRequireDefault(_desktopNavigation).default;
|
22775 | }
|
22776 | });
|
22777 |
|
22778 | var _megaMenu = __webpack_require__(340);
|
22779 |
|
22780 | Object.keys(_megaMenu).forEach(function (key) {
|
22781 | if (key === "default" || key === "__esModule") return;
|
22782 | Object.defineProperty(exports, key, {
|
22783 | enumerable: true,
|
22784 | get: function get() {
|
22785 | return _megaMenu[key];
|
22786 | }
|
22787 | });
|
22788 | });
|
22789 |
|
22790 | var _accountLinks = __webpack_require__(343);
|
22791 |
|
22792 | Object.keys(_accountLinks).forEach(function (key) {
|
22793 | if (key === "default" || key === "__esModule") return;
|
22794 | Object.defineProperty(exports, key, {
|
22795 | enumerable: true,
|
22796 | get: function get() {
|
22797 | return _accountLinks[key];
|
22798 | }
|
22799 | });
|
22800 | });
|
22801 |
|
22802 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22803 |
|
22804 | }),
|
22805 |
|
22806 | (function(module, exports, __webpack_require__) {
|
22807 |
|
22808 | "use strict";
|
22809 |
|
22810 |
|
22811 | Object.defineProperty(exports, "__esModule", {
|
22812 | value: true
|
22813 | });
|
22814 | exports.BaseDesktopNavigation = undefined;
|
22815 |
|
22816 | 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; }; }();
|
22817 |
|
22818 | 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 padding: 0 2rem;\n > li {\n list-style: none;\n display: inline-flex;\n align-items: center;\n height: 100%;\n &:first-of-type {\n flex-basis: 25%;\n width: 25%;\n max-width: 42rem;\n * {\n width: 100%;\n }\n }\n &:last-of-type > a > span > span {\n padding-left: 1rem;\n }\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: 100%;\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 .roa-bag-link > span {\n display: flex;\n justify-content: center;\n align-items: center;\n @media(max-width: 1009px){\n > span {\n display: none;\n }\n }\n\n }\n ', ' {\n margin-left: 0.5rem;\n }\n\n ', ' {\n margin-left: 0.5rem;\n }\n\n .divider-search {\n font-size: 2rem;\n color: #0073D1;\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 padding: 0 2rem;\n > li {\n list-style: none;\n display: inline-flex;\n align-items: center;\n height: 100%;\n &:first-of-type {\n flex-basis: 25%;\n width: 25%;\n max-width: 42rem;\n * {\n width: 100%;\n }\n }\n &:last-of-type > a > span > span {\n padding-left: 1rem;\n }\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: 100%;\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 .roa-bag-link > span {\n display: flex;\n justify-content: center;\n align-items: center;\n @media(max-width: 1009px){\n > span {\n display: none;\n }\n }\n\n }\n ', ' {\n margin-left: 0.5rem;\n }\n\n ', ' {\n margin-left: 0.5rem;\n }\n\n .divider-search {\n font-size: 2rem;\n color: #0073D1;\n }\n']);
|
22819 |
|
22820 | var _react = __webpack_require__(2);
|
22821 |
|
22822 | var _react2 = _interopRequireDefault(_react);
|
22823 |
|
22824 | var _propTypes = __webpack_require__(0);
|
22825 |
|
22826 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
22827 |
|
22828 | var _styledComponents = __webpack_require__(1);
|
22829 |
|
22830 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
22831 |
|
22832 | var _SRC = __webpack_require__(3);
|
22833 |
|
22834 | var _defaultProps = __webpack_require__(339);
|
22835 |
|
22836 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
22837 |
|
22838 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
22839 |
|
22840 | 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; }
|
22841 |
|
22842 | 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; }
|
22843 |
|
22844 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
22845 |
|
22846 | 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; }
|
22847 |
|
22848 | 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; }
|
22849 |
|
22850 | var _process$env = Object({"NODE_ENV":"production","PUBLIC_URL":"/mirage","REACT_APP_INSTAGRAM_CLIENT_ID":"573c73f61f5342549cfabb281c37f4de","REACT_APP_SHOW_BLOG_LINK":"true","REACT_APP_STRIPE_CLIENT_KEY":"pk_test_3ItMWhk2jkyFIs5J2sFomugK","REACT_APP_INSTAGRAM_ID":"ec19fa830eec4644912b431e68142681","REACT_APP_INSTAGRAM_SECRET":"5adbf9256b684dd7b4468949405b1369","REACT_APP_OUTFIT_NAV":"true","REACT_APP_CONTENTFUL_ACCESS_TOKEN":"281908e00bb3e99426c651bc8956bc83702a276f99f3410cb885c5f8ec292d66","REACT_APP_CLOUDINARY_DISTRIBUTION":"d2lknnt52h7uhg.cloudfront.net","REACT_APP_CONTENTFUL_SPACE_KEY":"efh696jqykjs","REACT_APP_INSTAGRAM_USER_ID":"2310062225","REACT_APP_CONTENTFUL_PREVIEW":"false","REACT_APP_INSTAGRAM_ACCESS_TOKEN":"2310062225.ec19fa8.cd6a9975960046529c78c64347ca9ea2"}),
|
22851 | REACT_APP_OUTFIT_NAV = _process$env.REACT_APP_OUTFIT_NAV,
|
22852 | REACT_APP_SHOW_BLOG_LINK = _process$env.REACT_APP_SHOW_BLOG_LINK;
|
22853 |
|
22854 | var BaseDesktopNavigation = exports.BaseDesktopNavigation = function (_React$Component) {
|
22855 | _inherits(BaseDesktopNavigation, _React$Component);
|
22856 |
|
22857 | function BaseDesktopNavigation(props) {
|
22858 | _classCallCheck(this, BaseDesktopNavigation);
|
22859 |
|
22860 | var _this = _possibleConstructorReturn(this, (BaseDesktopNavigation.__proto__ || Object.getPrototypeOf(BaseDesktopNavigation)).call(this, props));
|
22861 |
|
22862 | _this.closeDrawers = function () {
|
22863 | _this.setState({
|
22864 | boys: { visible: false },
|
22865 | girls: { visible: false }
|
22866 | });
|
22867 | };
|
22868 |
|
22869 | _this.openDrawer = function (currentSection) {
|
22870 | return function () {
|
22871 | _this.closeDrawers();
|
22872 | _this.setState(_defineProperty({}, currentSection, { visible: true }));
|
22873 | };
|
22874 | };
|
22875 |
|
22876 | _this.toggleDrawer = function (currentSection) {
|
22877 | return function () {
|
22878 | var visibility = _this.state[currentSection].visible;
|
22879 | _this.closeDrawers(currentSection, false);
|
22880 | _this.setState(_defineProperty({}, currentSection, { visible: !visibility }));
|
22881 | };
|
22882 | };
|
22883 |
|
22884 | _this.setHeaderRef = function (element) {
|
22885 | _this.header = element;
|
22886 | };
|
22887 |
|
22888 | _this.state = {
|
22889 | boys: {
|
22890 | visible: false
|
22891 | },
|
22892 | girls: {
|
22893 | visible: false
|
22894 | }
|
22895 | };
|
22896 | _this.header = undefined;
|
22897 | return _this;
|
22898 | }
|
22899 |
|
22900 | _createClass(BaseDesktopNavigation, [{
|
22901 | key: 'render',
|
22902 | value: function render() {
|
22903 | var _props = this.props,
|
22904 | className = _props.className,
|
22905 | animationLength = _props.animationLength,
|
22906 | renderLink = _props.renderLink,
|
22907 | isSubscriptionMember = _props.isSubscriptionMember,
|
22908 | highlightable = _props.highlightable,
|
22909 | girlsLinks = _props.girlsLinks,
|
22910 | boysLinks = _props.boysLinks,
|
22911 | bagCount = _props.bagCount,
|
22912 | homepageUrl = _props.homepageUrl,
|
22913 | clickBag = _props.clickBag,
|
22914 | clickSearch = _props.clickSearch,
|
22915 | outfitNav = _props.outfitNav,
|
22916 | showBlog = _props.showBlog,
|
22917 | showSearch = _props.showSearch,
|
22918 | props = _objectWithoutProperties(_props, ['className', 'animationLength', 'renderLink', 'isSubscriptionMember', 'highlightable', 'girlsLinks', 'boysLinks', 'bagCount', 'homepageUrl', 'clickBag', 'clickSearch', 'outfitNav', 'showBlog', 'showSearch']);
|
22919 |
|
22920 | var _state = this.state,
|
22921 | boysState = _state.boys,
|
22922 | girlsState = _state.girls;
|
22923 |
|
22924 |
|
22925 | return _react2.default.createElement(
|
22926 | _SRC.DesktopHeader,
|
22927 | Object.assign({
|
22928 | ref: this.setHeaderRef
|
22929 | }, props, {
|
22930 | className: className,
|
22931 | onMouseLeave: this.closeDrawers }),
|
22932 | _react2.default.createElement(
|
22933 | 'div',
|
22934 | { className: 'nav-wrapper' },
|
22935 | _react2.default.createElement(
|
22936 | _SRC.FlexRow,
|
22937 | {
|
22938 | constrained: true,
|
22939 | element: 'nav' },
|
22940 | _react2.default.createElement(
|
22941 | 'ol',
|
22942 | null,
|
22943 | _react2.default.createElement(
|
22944 | 'li',
|
22945 | null,
|
22946 | _react2.default.createElement(
|
22947 | _SRC.HeaderLink,
|
22948 | {
|
22949 | onMouseEnter: this.closeDrawers,
|
22950 | onFocus: this.closeDrawers,
|
22951 | href: homepageUrl,
|
22952 | highlightable: false,
|
22953 | renderLink: renderLink,
|
22954 | spacing: false },
|
22955 | _react2.default.createElement(
|
22956 | 'span',
|
22957 | { className: 'screenReader' },
|
22958 | 'Home'
|
22959 | ),
|
22960 | _react2.default.createElement(_SRC.Logo, null)
|
22961 | )
|
22962 | ),
|
22963 | _react2.default.createElement(
|
22964 | 'li',
|
22965 | null,
|
22966 | _react2.default.createElement(
|
22967 | _SRC.HeaderLink,
|
22968 | {
|
22969 | onMouseEnter: this.openDrawer('girls'),
|
22970 | onClick: this.toggleDrawer('girls'),
|
22971 | highlightable: highlightable,
|
22972 | 'aria-haspopup': true },
|
22973 | 'Girls'
|
22974 | ),
|
22975 | _react2.default.createElement(_SRC.MegaMenu, Object.assign({
|
22976 | className: 'megaMenu',
|
22977 | regions: girlsLinks.regions,
|
22978 | renderLink: renderLink,
|
22979 | animationLength: animationLength
|
22980 | }, girlsState))
|
22981 | ),
|
22982 | _react2.default.createElement(
|
22983 | 'li',
|
22984 | null,
|
22985 | _react2.default.createElement(
|
22986 | _SRC.HeaderLink,
|
22987 | {
|
22988 | onMouseEnter: this.openDrawer('boys'),
|
22989 | onClick: this.toggleDrawer('boys'),
|
22990 | highlightable: highlightable,
|
22991 | 'aria-haspopup': true },
|
22992 | 'Boys'
|
22993 | ),
|
22994 | _react2.default.createElement(_SRC.MegaMenu, Object.assign({
|
22995 | className: 'megaMenu',
|
22996 | regions: boysLinks.regions,
|
22997 | renderLink: renderLink,
|
22998 | animationLength: animationLength
|
22999 | }, boysState))
|
23000 | ),
|
23001 | outfitNav && _react2.default.createElement(
|
23002 | 'li',
|
23003 | null,
|
23004 | _react2.default.createElement(
|
23005 | _SRC.HeaderLink,
|
23006 | {
|
23007 | onMouseEnter: this.closeDrawers,
|
23008 | onFocus: this.closeDrawers,
|
23009 | href: homepageUrl + '/outfits',
|
23010 | highlightable: highlightable },
|
23011 | 'Outfits'
|
23012 | )
|
23013 | ),
|
23014 | !isSubscriptionMember && _react2.default.createElement(
|
23015 | 'li',
|
23016 | null,
|
23017 | _react2.default.createElement(
|
23018 | _SRC.HeaderLink,
|
23019 | {
|
23020 | onMouseEnter: this.closeDrawers,
|
23021 | onFocus: this.closeDrawers,
|
23022 | href: homepageUrl + '/subscribe-and-save',
|
23023 | highlightable: highlightable },
|
23024 | 'Subscribe + Save'
|
23025 | )
|
23026 | ),
|
23027 | isSubscriptionMember && _react2.default.createElement(
|
23028 | 'li',
|
23029 | null,
|
23030 | _react2.default.createElement(
|
23031 | _SRC.HeaderLink,
|
23032 | {
|
23033 | onMouseEnter: this.closeDrawers,
|
23034 | onFocus: this.closeDrawers,
|
23035 | highlightable: highlightable,
|
23036 | target: '/box',
|
23037 | renderLink: renderLink },
|
23038 | 'My Subscription'
|
23039 | )
|
23040 | ),
|
23041 | isSubscriptionMember && _react2.default.createElement(
|
23042 | 'li',
|
23043 | null,
|
23044 | _react2.default.createElement(
|
23045 | _SRC.HeaderLink,
|
23046 | {
|
23047 | onMouseEnter: this.closeDrawers,
|
23048 | onFocus: this.closeDrawers,
|
23049 | highlightable: highlightable,
|
23050 | target: '/invite',
|
23051 | renderLink: renderLink },
|
23052 | 'Free Clothes'
|
23053 | )
|
23054 | ),
|
23055 | showBlog && _react2.default.createElement(
|
23056 | 'span',
|
23057 | null,
|
23058 | '|'
|
23059 | ),
|
23060 | showBlog && _react2.default.createElement(
|
23061 | 'li',
|
23062 | null,
|
23063 | _react2.default.createElement(
|
23064 | _SRC.HeaderLink,
|
23065 | {
|
23066 | onMouseEnter: this.closeDrawers,
|
23067 | onFocus: this.closeDrawers,
|
23068 | highlightable: highlightable,
|
23069 | target: 'https://news.rocketsofawesome.com/',
|
23070 | renderLink: renderLink },
|
23071 | 'Blog'
|
23072 | )
|
23073 | ),
|
23074 | showSearch && _react2.default.createElement(
|
23075 | 'li',
|
23076 | { className: 'spacer' },
|
23077 | _react2.default.createElement(
|
23078 | _SRC.HeaderLink,
|
23079 | {
|
23080 | className: 'roa-bag-link',
|
23081 | justify: 'flex-end',
|
23082 | highlightable: false,
|
23083 | onClick: clickSearch,
|
23084 | 'aria-haspopup': true },
|
23085 | _react2.default.createElement(_SRC.SearchIcon, null)
|
23086 | )
|
23087 | ),
|
23088 | showSearch && _react2.default.createElement(
|
23089 | 'span',
|
23090 | { className: 'divider-search' },
|
23091 | '|'
|
23092 | ),
|
23093 | _react2.default.createElement(
|
23094 | 'li',
|
23095 | { className: !showSearch && 'spacer' },
|
23096 | _react2.default.createElement(_SRC.DesktopAccountLinks, Object.assign({
|
23097 | isSubscriptionMember: isSubscriptionMember,
|
23098 | highlightable: highlightable,
|
23099 | renderLink: renderLink
|
23100 | }, props))
|
23101 | ),
|
23102 | _react2.default.createElement(
|
23103 | 'li',
|
23104 | null,
|
23105 | _react2.default.createElement(
|
23106 | _SRC.HeaderLink,
|
23107 | {
|
23108 | className: 'roa-bag-link',
|
23109 | justify: 'flex-end',
|
23110 | highlightable: false,
|
23111 | onClick: clickBag,
|
23112 | 'aria-haspopup': true },
|
23113 | _react2.default.createElement(
|
23114 | 'span',
|
23115 | { 'aria-hidden': true },
|
23116 | 'Bag'
|
23117 | ),
|
23118 | _react2.default.createElement(_SRC.BagIcon, { count: bagCount })
|
23119 | )
|
23120 | )
|
23121 | )
|
23122 | )
|
23123 | )
|
23124 | );
|
23125 | }
|
23126 | }]);
|
23127 |
|
23128 | return BaseDesktopNavigation;
|
23129 | }(_react2.default.Component);
|
23130 |
|
23131 | var DesktopNavigation = (0, _styledComponents2.default)(BaseDesktopNavigation)(_templateObject, function (props) {
|
23132 | return props.theme.fonts.primaryFont;
|
23133 | }, _SRC.Logo, _SRC.BagIcon, _SRC.SearchIcon);
|
23134 |
|
23135 | BaseDesktopNavigation.propTypes = {
|
23136 | className: _propTypes2.default.string,
|
23137 | loggedIn: _propTypes2.default.bool,
|
23138 | animationLength: _propTypes2.default.number,
|
23139 | renderLink: _propTypes2.default.func,
|
23140 | isSubscriptionMember: _propTypes2.default.bool,
|
23141 | girlsLinks: _propTypes2.default.object,
|
23142 | boysLinks: _propTypes2.default.object,
|
23143 | bagCount: _propTypes2.default.number,
|
23144 | homepageUrl: _propTypes2.default.string,
|
23145 | clickBag: _propTypes2.default.func,
|
23146 | clickSearch: _propTypes2.default.func
|
23147 | };
|
23148 |
|
23149 | BaseDesktopNavigation.defaultProps = {
|
23150 | animationLength: 300,
|
23151 | renderLink: _defaultProps.renderLink,
|
23152 |
|
23153 | highlightable: true,
|
23154 | girlsLinks: _defaultProps.girls,
|
23155 | boysLinks: _defaultProps.boys,
|
23156 | homepageUrl: 'https://rocketsofawesome.com',
|
23157 | outfitNav: REACT_APP_OUTFIT_NAV,
|
23158 | showBlog: REACT_APP_SHOW_BLOG_LINK,
|
23159 | showSearch: false
|
23160 |
|
23161 |
|
23162 | };exports.default = DesktopNavigation;
|
23163 |
|
23164 | }),
|
23165 |
|
23166 | (function(module, exports, __webpack_require__) {
|
23167 |
|
23168 | "use strict";
|
23169 |
|
23170 |
|
23171 | Object.defineProperty(exports, "__esModule", {
|
23172 | value: true
|
23173 | });
|
23174 | exports.renderLink = exports.accountLinks = exports.boys = exports.girls = undefined;
|
23175 |
|
23176 | var _react = __webpack_require__(2);
|
23177 |
|
23178 | var _react2 = _interopRequireDefault(_react);
|
23179 |
|
23180 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23181 |
|
23182 | 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; }
|
23183 |
|
23184 | var girls = exports.girls = {
|
23185 | regions: {
|
23186 | left: [{
|
23187 | id: 'category',
|
23188 | title: 'Shop by Category',
|
23189 | 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' }]
|
23190 | }],
|
23191 | right: [{
|
23192 | id: 'story',
|
23193 | title: 'Shop by Story',
|
23194 | 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' }]
|
23195 | }]
|
23196 | }
|
23197 | };
|
23198 |
|
23199 | var boys = exports.boys = {
|
23200 | regions: {
|
23201 | left: [{
|
23202 | id: 'category',
|
23203 | title: 'Shop by Category',
|
23204 | 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' }]
|
23205 | }],
|
23206 | right: [{
|
23207 | id: 'story',
|
23208 | title: 'Shop by Story',
|
23209 | 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' }]
|
23210 | }]
|
23211 | }
|
23212 | };
|
23213 |
|
23214 | var accountLinks = exports.accountLinks = {
|
23215 | loggedOut: {
|
23216 | text: 'Login',
|
23217 | target: '/shop/login'
|
23218 | },
|
23219 | loggedIn: {
|
23220 | text: 'User',
|
23221 | submenu: []
|
23222 | }
|
23223 | };
|
23224 |
|
23225 | var renderLink = function renderLink(inProps) {
|
23226 | var target = inProps.target,
|
23227 | children = inProps.children,
|
23228 | props = _objectWithoutProperties(inProps, ['target', 'children']);
|
23229 |
|
23230 | return _react2.default.createElement(
|
23231 | 'a',
|
23232 | Object.assign({ href: target }, props),
|
23233 | children
|
23234 | );
|
23235 | };
|
23236 | exports.renderLink = renderLink;
|
23237 |
|
23238 | }),
|
23239 |
|
23240 | (function(module, exports, __webpack_require__) {
|
23241 |
|
23242 | "use strict";
|
23243 |
|
23244 |
|
23245 | Object.defineProperty(exports, "__esModule", {
|
23246 | value: true
|
23247 | });
|
23248 |
|
23249 | var _megaMenu = __webpack_require__(341);
|
23250 |
|
23251 | Object.defineProperty(exports, 'MegaMenu', {
|
23252 | enumerable: true,
|
23253 | get: function get() {
|
23254 | return _interopRequireDefault(_megaMenu).default;
|
23255 | }
|
23256 | });
|
23257 |
|
23258 | var _megaMenuSection = __webpack_require__(342);
|
23259 |
|
23260 | Object.defineProperty(exports, 'MegaMenuSection', {
|
23261 | enumerable: true,
|
23262 | get: function get() {
|
23263 | return _interopRequireDefault(_megaMenuSection).default;
|
23264 | }
|
23265 | });
|
23266 |
|
23267 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23268 |
|
23269 | }),
|
23270 |
|
23271 | (function(module, exports, __webpack_require__) {
|
23272 |
|
23273 | "use strict";
|
23274 |
|
23275 |
|
23276 | Object.defineProperty(exports, "__esModule", {
|
23277 | value: true
|
23278 | });
|
23279 | exports.BaseMegaMenu = undefined;
|
23280 |
|
23281 | 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; }; }();
|
23282 |
|
23283 | 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']),
|
23284 | _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']),
|
23285 | _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']);
|
23286 |
|
23287 | var _react = __webpack_require__(2);
|
23288 |
|
23289 | var _react2 = _interopRequireDefault(_react);
|
23290 |
|
23291 | var _propTypes = __webpack_require__(0);
|
23292 |
|
23293 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
23294 |
|
23295 | var _styledComponents = __webpack_require__(1);
|
23296 |
|
23297 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
23298 |
|
23299 | var _classnames = __webpack_require__(8);
|
23300 |
|
23301 | var _classnames2 = _interopRequireDefault(_classnames);
|
23302 |
|
23303 | var _SRC = __webpack_require__(3);
|
23304 |
|
23305 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23306 |
|
23307 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
23308 |
|
23309 | 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; }
|
23310 |
|
23311 | 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; }
|
23312 |
|
23313 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
23314 |
|
23315 | var FadeIn = (0, _styledComponents.keyframes)(_templateObject);
|
23316 |
|
23317 | var FadeOut = (0, _styledComponents.keyframes)(_templateObject2);
|
23318 |
|
23319 | var BaseMegaMenu = exports.BaseMegaMenu = function (_React$Component) {
|
23320 | _inherits(BaseMegaMenu, _React$Component);
|
23321 |
|
23322 | function BaseMegaMenu(props) {
|
23323 | _classCallCheck(this, BaseMegaMenu);
|
23324 |
|
23325 | var _this = _possibleConstructorReturn(this, (BaseMegaMenu.__proto__ || Object.getPrototypeOf(BaseMegaMenu)).call(this, props));
|
23326 |
|
23327 | _this.setRef = function (elem) {
|
23328 | _this.menu = elem;
|
23329 | };
|
23330 |
|
23331 | _this.setMenuImage = function (src) {
|
23332 | return function () {
|
23333 | _this.setState({ menuImage: src });
|
23334 | };
|
23335 | };
|
23336 |
|
23337 | _this.clearMenuImage = function () {
|
23338 | _this.setState({ menuImage: undefined });
|
23339 | };
|
23340 |
|
23341 | _this.state = {
|
23342 | closed: props.closed,
|
23343 | closing: props.closing,
|
23344 | menuImage: undefined
|
23345 | };
|
23346 | _this.menu = undefined;
|
23347 | return _this;
|
23348 | }
|
23349 |
|
23350 | _createClass(BaseMegaMenu, [{
|
23351 | key: 'componentDidUpdate',
|
23352 | value: function componentDidUpdate(prevProps) {
|
23353 | var _this2 = this;
|
23354 |
|
23355 | var _props = this.props,
|
23356 | currentlyVisible = _props.visible,
|
23357 | animationLength = _props.animationLength;
|
23358 |
|
23359 | if (!currentlyVisible && currentlyVisible !== prevProps.visible) {
|
23360 | this.setState({ closing: true });
|
23361 | setTimeout(function () {
|
23362 | _this2.setState({ closed: true });
|
23363 | }, animationLength);
|
23364 | } else if (currentlyVisible && currentlyVisible !== prevProps.visible) {
|
23365 | this.setState({ closed: false, closing: false });
|
23366 | }
|
23367 | }
|
23368 | }, {
|
23369 | key: 'render',
|
23370 | value: function render() {
|
23371 | var _this3 = this;
|
23372 |
|
23373 | var _props2 = this.props,
|
23374 | className = _props2.className,
|
23375 | regions = _props2.regions,
|
23376 | visible = _props2.visible,
|
23377 | renderLink = _props2.renderLink;
|
23378 | var _state = this.state,
|
23379 | src = _state.menuImage,
|
23380 | closing = _state.closing,
|
23381 | closed = _state.closed;
|
23382 |
|
23383 | var classes = (0, _classnames2.default)(className, {
|
23384 | 'opened': visible,
|
23385 | 'closed': closed,
|
23386 | 'closing': closing
|
23387 | });
|
23388 | return _react2.default.createElement(
|
23389 | 'div',
|
23390 | { ref: this.setRef, className: classes },
|
23391 | _react2.default.createElement(
|
23392 | _SRC.FlexRow,
|
23393 | { element: 'menu', constrained: true },
|
23394 | _react2.default.createElement(
|
23395 | _SRC.FlexCol,
|
23396 | { desktop: { width: 3, span: 2 } },
|
23397 | regions.left.map(function (section, id) {
|
23398 | return _react2.default.createElement(_SRC.MegaMenuSection, {
|
23399 | key: 'left-' + id,
|
23400 | section: section,
|
23401 | renderLink: renderLink,
|
23402 | setMenuImage: _this3.setMenuImage,
|
23403 | clearMenuImage: _this3.clearMenuImage });
|
23404 | })
|
23405 | ),
|
23406 | _react2.default.createElement(
|
23407 | _SRC.FlexCol,
|
23408 | { desktop: { width: 3 } },
|
23409 | regions.right.map(function (section, id) {
|
23410 | return _react2.default.createElement(_SRC.MegaMenuSection, {
|
23411 | key: 'right-' + id,
|
23412 | section: section,
|
23413 | renderLink: renderLink,
|
23414 | setMenuImage: _this3.setMenuImage,
|
23415 | clearMenuImage: _this3.clearMenuImage });
|
23416 | })
|
23417 | ),
|
23418 | _react2.default.createElement(
|
23419 | _SRC.FlexCol,
|
23420 | { desktop: { width: 4 } },
|
23421 | _react2.default.createElement(
|
23422 | 'div',
|
23423 | { className: 'imageContainer' },
|
23424 | src && _react2.default.createElement(_SRC.InlineImage, { 'aria-hidden': true, className: 'menuImage', src: src })
|
23425 | )
|
23426 | )
|
23427 | )
|
23428 | );
|
23429 | }
|
23430 | }]);
|
23431 |
|
23432 | return BaseMegaMenu;
|
23433 | }(_react2.default.Component);
|
23434 |
|
23435 | var MegaMenu = (0, _styledComponents2.default)(BaseMegaMenu)(_templateObject3, function (props) {
|
23436 | return props.theme.colors.white;
|
23437 | }, function (props) {
|
23438 | return props.theme.colors.rocketBlue;
|
23439 | }, function (props) {
|
23440 | return props.theme.colors.rocketBlue;
|
23441 | }, FadeOut, function (props) {
|
23442 | return props.animationLength / 1000;
|
23443 | }, FadeIn, function (props) {
|
23444 | return props.animationLength / 1000;
|
23445 | }, _SRC.NavyLink, function (props) {
|
23446 | return props.theme.colors.rocketBlue;
|
23447 | }, FadeIn, function (props) {
|
23448 | return props.animationLength / 1000;
|
23449 | });
|
23450 |
|
23451 | MegaMenu.propTypes = {
|
23452 | animationLength: _propTypes2.default.number,
|
23453 | className: _propTypes2.default.string,
|
23454 | closed: _propTypes2.default.bool,
|
23455 | closing: _propTypes2.default.bool,
|
23456 | regions: _propTypes2.default.shape({
|
23457 | left: _propTypes2.default.array,
|
23458 | right: _propTypes2.default.array
|
23459 | }),
|
23460 | visible: _propTypes2.default.bool,
|
23461 | renderLink: _propTypes2.default.func
|
23462 | };
|
23463 |
|
23464 | MegaMenu.defaultProps = {
|
23465 | closed: true,
|
23466 | closing: false,
|
23467 | animationLength: 300,
|
23468 | visible: false
|
23469 |
|
23470 |
|
23471 | };exports.default = MegaMenu;
|
23472 |
|
23473 | }),
|
23474 |
|
23475 | (function(module, exports, __webpack_require__) {
|
23476 |
|
23477 | "use strict";
|
23478 |
|
23479 |
|
23480 | Object.defineProperty(exports, "__esModule", {
|
23481 | value: true
|
23482 | });
|
23483 |
|
23484 | 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; }; }();
|
23485 |
|
23486 | 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']);
|
23487 |
|
23488 | var _react = __webpack_require__(2);
|
23489 |
|
23490 | var _react2 = _interopRequireDefault(_react);
|
23491 |
|
23492 | var _propTypes = __webpack_require__(0);
|
23493 |
|
23494 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
23495 |
|
23496 | var _styledComponents = __webpack_require__(1);
|
23497 |
|
23498 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
23499 |
|
23500 | var _SRC = __webpack_require__(3);
|
23501 |
|
23502 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23503 |
|
23504 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
23505 |
|
23506 | 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; }
|
23507 |
|
23508 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
23509 |
|
23510 | 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; }
|
23511 |
|
23512 | 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; }
|
23513 |
|
23514 | var BaseMegaMenuSection = function (_React$Component) {
|
23515 | _inherits(BaseMegaMenuSection, _React$Component);
|
23516 |
|
23517 | function BaseMegaMenuSection() {
|
23518 | _classCallCheck(this, BaseMegaMenuSection);
|
23519 |
|
23520 | return _possibleConstructorReturn(this, (BaseMegaMenuSection.__proto__ || Object.getPrototypeOf(BaseMegaMenuSection)).apply(this, arguments));
|
23521 | }
|
23522 |
|
23523 | _createClass(BaseMegaMenuSection, [{
|
23524 | key: 'render',
|
23525 | value: function render() {
|
23526 | var _props = this.props,
|
23527 | className = _props.className,
|
23528 | section = _props.section,
|
23529 | renderLink = _props.renderLink,
|
23530 | props = _objectWithoutProperties(_props, ['className', 'section', 'renderLink']);
|
23531 |
|
23532 | if (section) {
|
23533 | return _react2.default.createElement(
|
23534 | 'ol',
|
23535 | { className: className, key: section.id, id: section.id },
|
23536 | section.title && section.title !== '' && _react2.default.createElement(
|
23537 | _SRC.H4,
|
23538 | null,
|
23539 | section.title
|
23540 | ),
|
23541 | section.links.map(function (link, id) {
|
23542 | return _react2.default.createElement(
|
23543 | 'li',
|
23544 | { key: section + '-' + id },
|
23545 | _react2.default.createElement(_SRC.MegaMenuLink, Object.assign({
|
23546 | link: link,
|
23547 | renderLink: renderLink,
|
23548 | id: section + '-' + id
|
23549 | }, props))
|
23550 | );
|
23551 | })
|
23552 | );
|
23553 | } else {
|
23554 | return null;
|
23555 | }
|
23556 | }
|
23557 | }]);
|
23558 |
|
23559 | return BaseMegaMenuSection;
|
23560 | }(_react2.default.Component);
|
23561 |
|
23562 | var MegaMenuSection = (0, _styledComponents2.default)(BaseMegaMenuSection)(_templateObject);
|
23563 |
|
23564 | MegaMenuSection.propTypes = {
|
23565 | className: _propTypes2.default.string,
|
23566 | clearMenuImage: _propTypes2.default.func.isRequired,
|
23567 | section: _propTypes2.default.shape({
|
23568 | title: _propTypes2.default.string,
|
23569 | links: _propTypes2.default.array
|
23570 | }).isRequired,
|
23571 | setMenuImage: _propTypes2.default.func.isRequired,
|
23572 | rednerLink: _propTypes2.default.func
|
23573 |
|
23574 |
|
23575 | };exports.default = MegaMenuSection;
|
23576 |
|
23577 | }),
|
23578 |
|
23579 | (function(module, exports, __webpack_require__) {
|
23580 |
|
23581 | "use strict";
|
23582 |
|
23583 |
|
23584 | Object.defineProperty(exports, "__esModule", {
|
23585 | value: true
|
23586 | });
|
23587 |
|
23588 | var _desktopAccountLinks = __webpack_require__(344);
|
23589 |
|
23590 | Object.defineProperty(exports, 'DesktopAccountLinks', {
|
23591 | enumerable: true,
|
23592 | get: function get() {
|
23593 | return _interopRequireDefault(_desktopAccountLinks).default;
|
23594 | }
|
23595 | });
|
23596 |
|
23597 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23598 |
|
23599 | }),
|
23600 |
|
23601 | (function(module, exports, __webpack_require__) {
|
23602 |
|
23603 | "use strict";
|
23604 |
|
23605 |
|
23606 | Object.defineProperty(exports, "__esModule", {
|
23607 | value: true
|
23608 | });
|
23609 | exports.BaseAccountLinks = undefined;
|
23610 |
|
23611 | 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; }; }();
|
23612 |
|
23613 | 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']);
|
23614 |
|
23615 | var _react = __webpack_require__(2);
|
23616 |
|
23617 | var _react2 = _interopRequireDefault(_react);
|
23618 |
|
23619 | var _propTypes = __webpack_require__(0);
|
23620 |
|
23621 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
23622 |
|
23623 | var _styledComponents = __webpack_require__(1);
|
23624 |
|
23625 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
23626 |
|
23627 | var _classnames = __webpack_require__(8);
|
23628 |
|
23629 | var _classnames2 = _interopRequireDefault(_classnames);
|
23630 |
|
23631 | var _SRC = __webpack_require__(3);
|
23632 |
|
23633 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23634 |
|
23635 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
23636 |
|
23637 | 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; }
|
23638 |
|
23639 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
23640 |
|
23641 | 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; }
|
23642 |
|
23643 | 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; }
|
23644 |
|
23645 | var BaseAccountLinks = exports.BaseAccountLinks = function (_React$Component) {
|
23646 | _inherits(BaseAccountLinks, _React$Component);
|
23647 |
|
23648 | function BaseAccountLinks(props) {
|
23649 | _classCallCheck(this, BaseAccountLinks);
|
23650 |
|
23651 | var _this = _possibleConstructorReturn(this, (BaseAccountLinks.__proto__ || Object.getPrototypeOf(BaseAccountLinks)).call(this, props));
|
23652 |
|
23653 | _this.toggleSubmenu = function () {
|
23654 | var subMenuOpen = _this.state.subMenuOpen;
|
23655 |
|
23656 | _this.setState({ subMenuOpen: !subMenuOpen });
|
23657 | };
|
23658 |
|
23659 | _this.signOut = function () {
|
23660 | var signOut = _this.props.signOut;
|
23661 |
|
23662 | _this.toggleSubmenu();
|
23663 | signOut();
|
23664 | };
|
23665 |
|
23666 | _this.state = {
|
23667 | subMenuOpen: props.subMenuOpen
|
23668 | };
|
23669 | return _this;
|
23670 | }
|
23671 |
|
23672 | _createClass(BaseAccountLinks, [{
|
23673 | key: 'render',
|
23674 | value: function render() {
|
23675 | var _props = this.props,
|
23676 | className = _props.className,
|
23677 | highlightable = _props.highlightable,
|
23678 | isSubscriptionMember = _props.isSubscriptionMember,
|
23679 | loggedIn = _props.loggedIn,
|
23680 | renderLink = _props.renderLink,
|
23681 | name = _props.name,
|
23682 | props = _objectWithoutProperties(_props, ['className', 'highlightable', 'isSubscriptionMember', 'loggedIn', 'renderLink', 'name']);
|
23683 |
|
23684 | delete props.subMenuOpen;
|
23685 | delete props.signOut;
|
23686 | var subMenuOpen = this.state.subMenuOpen;
|
23687 |
|
23688 | if (loggedIn) {
|
23689 | var classes = (0, _classnames2.default)(className, {
|
23690 | 'active': subMenuOpen
|
23691 | });
|
23692 | return _react2.default.createElement(
|
23693 | 'div',
|
23694 | { className: classes },
|
23695 | _react2.default.createElement(
|
23696 | _SRC.HeaderLink,
|
23697 | {
|
23698 | onClick: this.toggleSubmenu,
|
23699 | highlightable: false },
|
23700 | name
|
23701 | ),
|
23702 | _react2.default.createElement(_SRC.SubMenu, Object.assign({
|
23703 | open: subMenuOpen,
|
23704 | renderLink: renderLink,
|
23705 | isSubscriptionMember: isSubscriptionMember,
|
23706 | signOut: this.signOut
|
23707 | }, props))
|
23708 | );
|
23709 | } else {
|
23710 | return _react2.default.createElement(
|
23711 | _SRC.HeaderLink,
|
23712 | Object.assign({
|
23713 | className: className,
|
23714 | target: '/shop/login',
|
23715 | renderLink: renderLink,
|
23716 | highlightable: highlightable
|
23717 | }, props),
|
23718 | 'Login'
|
23719 | );
|
23720 | }
|
23721 | }
|
23722 | }]);
|
23723 |
|
23724 | return BaseAccountLinks;
|
23725 | }(_react2.default.Component);
|
23726 |
|
23727 | var DesktopAccountLinks = (0, _styledComponents2.default)(BaseAccountLinks)(_templateObject, _SRC.HeaderLink, _SRC.HeaderLink, function (props) {
|
23728 | return props.theme.colors.rocketBlue;
|
23729 | });
|
23730 |
|
23731 | DesktopAccountLinks.propTypes = {
|
23732 | className: _propTypes2.default.string,
|
23733 | isSubscriptionMember: _propTypes2.default.bool,
|
23734 | loggedIn: _propTypes2.default.bool,
|
23735 | name: _propTypes2.default.string,
|
23736 | renderLink: _propTypes2.default.func,
|
23737 | subMenuOpen: _propTypes2.default.bool
|
23738 | };
|
23739 |
|
23740 | DesktopAccountLinks.defaultProps = {
|
23741 | subMenuOpen: false,
|
23742 |
|
23743 | highlightable: true
|
23744 |
|
23745 |
|
23746 | };exports.default = DesktopAccountLinks;
|
23747 |
|
23748 | }),
|
23749 |
|
23750 | (function(module, exports, __webpack_require__) {
|
23751 |
|
23752 | "use strict";
|
23753 |
|
23754 |
|
23755 | Object.defineProperty(exports, "__esModule", {
|
23756 | value: true
|
23757 | });
|
23758 |
|
23759 | var _menuDrawer = __webpack_require__(346);
|
23760 |
|
23761 | Object.keys(_menuDrawer).forEach(function (key) {
|
23762 | if (key === "default" || key === "__esModule") return;
|
23763 | Object.defineProperty(exports, key, {
|
23764 | enumerable: true,
|
23765 | get: function get() {
|
23766 | return _menuDrawer[key];
|
23767 | }
|
23768 | });
|
23769 | });
|
23770 |
|
23771 | var _accountLinks = __webpack_require__(348);
|
23772 |
|
23773 | Object.keys(_accountLinks).forEach(function (key) {
|
23774 | if (key === "default" || key === "__esModule") return;
|
23775 | Object.defineProperty(exports, key, {
|
23776 | enumerable: true,
|
23777 | get: function get() {
|
23778 | return _accountLinks[key];
|
23779 | }
|
23780 | });
|
23781 | });
|
23782 |
|
23783 | var _mobileNavigation = __webpack_require__(350);
|
23784 |
|
23785 | Object.defineProperty(exports, 'MobileNavigation', {
|
23786 | enumerable: true,
|
23787 | get: function get() {
|
23788 | return _interopRequireDefault(_mobileNavigation).default;
|
23789 | }
|
23790 | });
|
23791 |
|
23792 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23793 |
|
23794 | }),
|
23795 |
|
23796 | (function(module, exports, __webpack_require__) {
|
23797 |
|
23798 | "use strict";
|
23799 |
|
23800 |
|
23801 | Object.defineProperty(exports, "__esModule", {
|
23802 | value: true
|
23803 | });
|
23804 |
|
23805 | var _menuDrawer = __webpack_require__(347);
|
23806 |
|
23807 | Object.defineProperty(exports, 'MenuDrawer', {
|
23808 | enumerable: true,
|
23809 | get: function get() {
|
23810 | return _interopRequireDefault(_menuDrawer).default;
|
23811 | }
|
23812 | });
|
23813 |
|
23814 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23815 |
|
23816 | }),
|
23817 |
|
23818 | (function(module, exports, __webpack_require__) {
|
23819 |
|
23820 | "use strict";
|
23821 |
|
23822 |
|
23823 | Object.defineProperty(exports, "__esModule", {
|
23824 | value: true
|
23825 | });
|
23826 | exports.BaseMenuDrawer = undefined;
|
23827 |
|
23828 | 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; }; }();
|
23829 |
|
23830 | 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']),
|
23831 | _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']),
|
23832 | _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']);
|
23833 |
|
23834 | var _react = __webpack_require__(2);
|
23835 |
|
23836 | var _react2 = _interopRequireDefault(_react);
|
23837 |
|
23838 | var _propTypes = __webpack_require__(0);
|
23839 |
|
23840 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
23841 |
|
23842 | var _styledComponents = __webpack_require__(1);
|
23843 |
|
23844 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
23845 |
|
23846 | var _classnames = __webpack_require__(8);
|
23847 |
|
23848 | var _classnames2 = _interopRequireDefault(_classnames);
|
23849 |
|
23850 | var _SRC = __webpack_require__(3);
|
23851 |
|
23852 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23853 |
|
23854 | 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; }
|
23855 |
|
23856 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
23857 |
|
23858 | 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; }
|
23859 |
|
23860 | 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; }
|
23861 |
|
23862 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
23863 |
|
23864 | var overlayFadeIn = (0, _styledComponents.keyframes)(_templateObject);
|
23865 |
|
23866 | var overlayFadeOut = (0, _styledComponents.keyframes)(_templateObject2);
|
23867 |
|
23868 | var BaseMenuDrawer = exports.BaseMenuDrawer = function (_React$Component) {
|
23869 | _inherits(BaseMenuDrawer, _React$Component);
|
23870 |
|
23871 | function BaseMenuDrawer() {
|
23872 | _classCallCheck(this, BaseMenuDrawer);
|
23873 |
|
23874 | return _possibleConstructorReturn(this, (BaseMenuDrawer.__proto__ || Object.getPrototypeOf(BaseMenuDrawer)).apply(this, arguments));
|
23875 | }
|
23876 |
|
23877 | _createClass(BaseMenuDrawer, [{
|
23878 | key: 'render',
|
23879 | value: function render() {
|
23880 | var _props = this.props,
|
23881 | className = _props.className,
|
23882 | children = _props.children,
|
23883 | closeDrawer = _props.closeDrawer,
|
23884 | open = _props.open,
|
23885 | props = _objectWithoutProperties(_props, ['className', 'children', 'closeDrawer', 'open']);
|
23886 |
|
23887 | var classes = (0, _classnames2.default)(className, {
|
23888 | open: open
|
23889 | });
|
23890 | return _react2.default.createElement(
|
23891 | 'div',
|
23892 | { className: classes },
|
23893 | _react2.default.createElement(
|
23894 | 'nav',
|
23895 | props,
|
23896 | _react2.default.createElement(_SRC.Close, { onClick: closeDrawer }),
|
23897 | children
|
23898 | ),
|
23899 | _react2.default.createElement('div', { className: 'overlay', onClick: closeDrawer })
|
23900 | );
|
23901 | }
|
23902 | }]);
|
23903 |
|
23904 | return BaseMenuDrawer;
|
23905 | }(_react2.default.Component);
|
23906 |
|
23907 | var MenuDrawer = (0, _styledComponents2.default)(BaseMenuDrawer)(_templateObject3, function (props) {
|
23908 | return props.position;
|
23909 | }, overlayFadeIn, function (props) {
|
23910 | return props.theme.colors.rocketBlue;
|
23911 | }, function (props) {
|
23912 | return props.theme.colors.rocketBlue;
|
23913 | }, function (props) {
|
23914 | return props.theme.colors.rocketBlue;
|
23915 | }, function (props) {
|
23916 | return props.theme.colors.white;
|
23917 | }, overlayFadeOut, _SRC.Close);
|
23918 |
|
23919 | MenuDrawer.propTypes = {
|
23920 | open: _propTypes2.default.bool,
|
23921 | position: _propTypes2.default.string
|
23922 | };
|
23923 |
|
23924 | MenuDrawer.defaultProps = {
|
23925 | open: false,
|
23926 | position: 'fixed'
|
23927 |
|
23928 |
|
23929 | };exports.default = MenuDrawer;
|
23930 |
|
23931 | }),
|
23932 |
|
23933 | (function(module, exports, __webpack_require__) {
|
23934 |
|
23935 | "use strict";
|
23936 |
|
23937 |
|
23938 | Object.defineProperty(exports, "__esModule", {
|
23939 | value: true
|
23940 | });
|
23941 |
|
23942 | var _mobileAccountLinks = __webpack_require__(349);
|
23943 |
|
23944 | Object.defineProperty(exports, 'MobileAccountLinks', {
|
23945 | enumerable: true,
|
23946 | get: function get() {
|
23947 | return _interopRequireDefault(_mobileAccountLinks).default;
|
23948 | }
|
23949 | });
|
23950 |
|
23951 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23952 |
|
23953 | }),
|
23954 |
|
23955 | (function(module, exports, __webpack_require__) {
|
23956 |
|
23957 | "use strict";
|
23958 |
|
23959 |
|
23960 | Object.defineProperty(exports, "__esModule", {
|
23961 | value: true
|
23962 | });
|
23963 |
|
23964 | var _templateObject = _taggedTemplateLiteral(['\n margin-bottom: 3rem;\n'], ['\n margin-bottom: 3rem;\n']);
|
23965 |
|
23966 | var _react = __webpack_require__(2);
|
23967 |
|
23968 | var _react2 = _interopRequireDefault(_react);
|
23969 |
|
23970 | var _styledComponents = __webpack_require__(1);
|
23971 |
|
23972 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
23973 |
|
23974 | var _propTypes = __webpack_require__(0);
|
23975 |
|
23976 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
23977 |
|
23978 | var _SRC = __webpack_require__(3);
|
23979 |
|
23980 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
23981 |
|
23982 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
23983 |
|
23984 | var BaseAccountLinks = function BaseAccountLinks(_ref) {
|
23985 | var className = _ref.className,
|
23986 | renderLink = _ref.renderLink,
|
23987 | isSubscriptionMember = _ref.isSubscriptionMember,
|
23988 | signOut = _ref.signOut;
|
23989 |
|
23990 | return _react2.default.createElement(
|
23991 | 'div',
|
23992 | null,
|
23993 | _react2.default.createElement(
|
23994 | _SRC.Accordion,
|
23995 | {
|
23996 | className: className,
|
23997 | toggleElement: _react2.default.createElement(
|
23998 | _SRC.MobileLinkTop,
|
23999 | null,
|
24000 | 'Your Account'
|
24001 | ) },
|
24002 | _react2.default.createElement(
|
24003 | _SRC.UL,
|
24004 | { type: 'none', leftPad: '1rem' },
|
24005 | _react2.default.createElement(
|
24006 | 'li',
|
24007 | null,
|
24008 | _react2.default.createElement(
|
24009 | _SRC.MobileLinkSecondary,
|
24010 | {
|
24011 | target: '/account',
|
24012 | renderLink: renderLink },
|
24013 | 'Account Information'
|
24014 | )
|
24015 | ),
|
24016 | _react2.default.createElement(
|
24017 | 'li',
|
24018 | null,
|
24019 | _react2.default.createElement(
|
24020 | _SRC.MobileLinkSecondary,
|
24021 | {
|
24022 | target: '/account/shipping-address',
|
24023 | renderLink: renderLink },
|
24024 | 'Shipping Address'
|
24025 | )
|
24026 | ),
|
24027 | isSubscriptionMember && _react2.default.createElement(
|
24028 | 'li',
|
24029 | null,
|
24030 | _react2.default.createElement(
|
24031 | _SRC.MobileLinkSecondary,
|
24032 | {
|
24033 | target: '/deliveries',
|
24034 | renderLink: renderLink },
|
24035 | 'Manage Deliveries'
|
24036 | )
|
24037 | ),
|
24038 | _react2.default.createElement(
|
24039 | 'li',
|
24040 | null,
|
24041 | _react2.default.createElement(
|
24042 | _SRC.MobileLinkSecondary,
|
24043 | {
|
24044 | target: '/account/payment-method',
|
24045 | renderLink: renderLink },
|
24046 | 'Payment Method'
|
24047 | )
|
24048 | ),
|
24049 | _react2.default.createElement(
|
24050 | 'li',
|
24051 | null,
|
24052 | _react2.default.createElement(
|
24053 | _SRC.MobileLinkSecondary,
|
24054 | {
|
24055 | target: '/account/store-credit',
|
24056 | renderLink: renderLink },
|
24057 | 'Store Credit'
|
24058 | )
|
24059 | ),
|
24060 | isSubscriptionMember && _react2.default.createElement(
|
24061 | 'li',
|
24062 | null,
|
24063 | _react2.default.createElement(
|
24064 | _SRC.MobileLinkSecondary,
|
24065 | {
|
24066 | target: '/add-kid',
|
24067 | renderLink: renderLink },
|
24068 | 'Add a Child'
|
24069 | )
|
24070 | )
|
24071 | )
|
24072 | ),
|
24073 | _react2.default.createElement(
|
24074 | _SRC.MobileLinkTop,
|
24075 | {
|
24076 | className: 'roa-logout-link',
|
24077 | onClick: signOut },
|
24078 | 'Log out'
|
24079 | )
|
24080 | );
|
24081 | };
|
24082 |
|
24083 | var MobileAccountLinks = (0, _styledComponents2.default)(BaseAccountLinks)(_templateObject);
|
24084 |
|
24085 | MobileAccountLinks.propTypes = {
|
24086 | renderLink: _propTypes2.default.func,
|
24087 | isSubscriptionMember: _propTypes2.default.bool,
|
24088 | signOut: _propTypes2.default.func
|
24089 | };
|
24090 |
|
24091 | MobileAccountLinks.defaultProps = {
|
24092 | isSubscriptionMember: false,
|
24093 | signOut: function signOut() {
|
24094 | return alert('Signing out');
|
24095 | }
|
24096 |
|
24097 | };exports.default = MobileAccountLinks;
|
24098 |
|
24099 | }),
|
24100 |
|
24101 | (function(module, exports, __webpack_require__) {
|
24102 |
|
24103 | "use strict";
|
24104 |
|
24105 |
|
24106 | Object.defineProperty(exports, "__esModule", {
|
24107 | value: true
|
24108 | });
|
24109 | exports.BaseMobileNavigation = undefined;
|
24110 |
|
24111 | 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; }; }();
|
24112 |
|
24113 | var _templateObject = _taggedTemplateLiteral(['\n .link-home {\n margin-bottom: 0;\n padding: 0;\n }\n .screenReader {\n font-size: 0;\n }\n ', ' {\n padding: 0;\n max-width: 22.4rem;\n }\n ul ul {\n margin-bottom: 2rem;\n }\n ul ul ul {\n margin-bottom: 0;\n }\n .divider-search {\n margin-left: 7px;\n margin-right: 7px;\n\n font-size: 2rem;\n color: #0073D1;\n }\n\n .icons-search-bag {\n width: 72px;\n }\n'], ['\n .link-home {\n margin-bottom: 0;\n padding: 0;\n }\n .screenReader {\n font-size: 0;\n }\n ', ' {\n padding: 0;\n max-width: 22.4rem;\n }\n ul ul {\n margin-bottom: 2rem;\n }\n ul ul ul {\n margin-bottom: 0;\n }\n .divider-search {\n margin-left: 7px;\n margin-right: 7px;\n\n font-size: 2rem;\n color: #0073D1;\n }\n\n .icons-search-bag {\n width: 72px;\n }\n']);
|
24114 |
|
24115 | var _react = __webpack_require__(2);
|
24116 |
|
24117 | var _react2 = _interopRequireDefault(_react);
|
24118 |
|
24119 | var _propTypes = __webpack_require__(0);
|
24120 |
|
24121 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
24122 |
|
24123 | var _styledComponents = __webpack_require__(1);
|
24124 |
|
24125 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
24126 |
|
24127 | var _SRC = __webpack_require__(3);
|
24128 |
|
24129 | var _theme = __webpack_require__(7);
|
24130 |
|
24131 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24132 |
|
24133 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
24134 |
|
24135 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
24136 |
|
24137 | 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; }
|
24138 |
|
24139 | 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; }
|
24140 |
|
24141 | var _process$env = Object({"NODE_ENV":"production","PUBLIC_URL":"/mirage","REACT_APP_INSTAGRAM_CLIENT_ID":"573c73f61f5342549cfabb281c37f4de","REACT_APP_SHOW_BLOG_LINK":"true","REACT_APP_STRIPE_CLIENT_KEY":"pk_test_3ItMWhk2jkyFIs5J2sFomugK","REACT_APP_INSTAGRAM_ID":"ec19fa830eec4644912b431e68142681","REACT_APP_INSTAGRAM_SECRET":"5adbf9256b684dd7b4468949405b1369","REACT_APP_OUTFIT_NAV":"true","REACT_APP_CONTENTFUL_ACCESS_TOKEN":"281908e00bb3e99426c651bc8956bc83702a276f99f3410cb885c5f8ec292d66","REACT_APP_CLOUDINARY_DISTRIBUTION":"d2lknnt52h7uhg.cloudfront.net","REACT_APP_CONTENTFUL_SPACE_KEY":"efh696jqykjs","REACT_APP_INSTAGRAM_USER_ID":"2310062225","REACT_APP_CONTENTFUL_PREVIEW":"false","REACT_APP_INSTAGRAM_ACCESS_TOKEN":"2310062225.ec19fa8.cd6a9975960046529c78c64347ca9ea2"}),
|
24142 | REACT_APP_OUTFIT_NAV = _process$env.REACT_APP_OUTFIT_NAV,
|
24143 | REACT_APP_SHOW_BLOG_LINK = _process$env.REACT_APP_SHOW_BLOG_LINK;
|
24144 |
|
24145 | var BaseMobileNavigation = exports.BaseMobileNavigation = function (_React$Component) {
|
24146 | _inherits(BaseMobileNavigation, _React$Component);
|
24147 |
|
24148 | function BaseMobileNavigation(props) {
|
24149 | _classCallCheck(this, BaseMobileNavigation);
|
24150 |
|
24151 | var _this = _possibleConstructorReturn(this, (BaseMobileNavigation.__proto__ || Object.getPrototypeOf(BaseMobileNavigation)).call(this, props));
|
24152 |
|
24153 | _this.closeDrawer = function () {
|
24154 | _this.setState({ open: false });
|
24155 | };
|
24156 |
|
24157 | _this.openDrawer = function () {
|
24158 | _this.setState({ open: true });
|
24159 | };
|
24160 |
|
24161 | _this.state = { open: false };
|
24162 | return _this;
|
24163 | }
|
24164 |
|
24165 | _createClass(BaseMobileNavigation, [{
|
24166 | key: 'render',
|
24167 | value: function render() {
|
24168 | var _props = this.props,
|
24169 | boysLinks = _props.boysLinks,
|
24170 | girlsLinks = _props.girlsLinks,
|
24171 | className = _props.className,
|
24172 | drawerPosition = _props.drawerPosition,
|
24173 | loggedIn = _props.loggedIn,
|
24174 | homepageUrl = _props.homepageUrl,
|
24175 | renderLink = _props.renderLink,
|
24176 | isSubscriptionMember = _props.isSubscriptionMember,
|
24177 | bagCount = _props.bagCount,
|
24178 | clickBag = _props.clickBag,
|
24179 | clickSearch = _props.clickSearch,
|
24180 | showBlog = _props.showBlog,
|
24181 | showSearch = _props.showSearch,
|
24182 | outfitNav = _props.outfitNav,
|
24183 | signOut = _props.signOut;
|
24184 | var open = this.state.open;
|
24185 |
|
24186 |
|
24187 | return _react2.default.createElement(
|
24188 | 'div',
|
24189 | { className: className },
|
24190 | _react2.default.createElement(
|
24191 | _SRC.MobileHeader,
|
24192 | null,
|
24193 | _react2.default.createElement(_SRC.BlueHamburger, { onClick: this.openDrawer }),
|
24194 | _react2.default.createElement(
|
24195 | _SRC.MobileLinkTop,
|
24196 | {
|
24197 | className: 'link-home',
|
24198 | href: homepageUrl,
|
24199 | renderLink: renderLink },
|
24200 | _react2.default.createElement(
|
24201 | 'span',
|
24202 | { className: 'screenReader' },
|
24203 | 'Home'
|
24204 | ),
|
24205 | _react2.default.createElement(_SRC.Logo, null)
|
24206 | ),
|
24207 | _react2.default.createElement(
|
24208 | 'div',
|
24209 | { className: showSearch ? 'icons-search-bag' : undefined },
|
24210 | showSearch && _react2.default.createElement(
|
24211 | 'a',
|
24212 | { onClick: clickSearch },
|
24213 | _react2.default.createElement(_SRC.SearchIcon, null)
|
24214 | ),
|
24215 | showSearch && _react2.default.createElement(
|
24216 | 'span',
|
24217 | { className: 'divider-search' },
|
24218 | '|'
|
24219 | ),
|
24220 | _react2.default.createElement(
|
24221 | 'a',
|
24222 | { onClick: clickBag },
|
24223 | _react2.default.createElement(_SRC.BagIcon, { count: bagCount })
|
24224 | )
|
24225 | )
|
24226 | ),
|
24227 | _react2.default.createElement(
|
24228 | _SRC.MenuDrawer,
|
24229 | {
|
24230 | open: open,
|
24231 | closeDrawer: this.closeDrawer,
|
24232 | position: drawerPosition },
|
24233 | _react2.default.createElement(
|
24234 | _SRC.UL,
|
24235 | { leftPad: '1.4rem', type: 'none' },
|
24236 | _react2.default.createElement(
|
24237 | 'li',
|
24238 | null,
|
24239 | _react2.default.createElement(
|
24240 | _SRC.MobileLinkTop,
|
24241 | {
|
24242 | target: '/shop',
|
24243 | renderLink: renderLink },
|
24244 | 'Shop'
|
24245 | ),
|
24246 | _react2.default.createElement(
|
24247 | _SRC.UL,
|
24248 | {
|
24249 | leftPad: '1rem',
|
24250 | type: 'none' },
|
24251 | _react2.default.createElement(
|
24252 | 'li',
|
24253 | null,
|
24254 | _react2.default.createElement(
|
24255 | _SRC.Accordion,
|
24256 | {
|
24257 | toggleElement: _react2.default.createElement(
|
24258 | _SRC.MobileLinkSecondary,
|
24259 | null,
|
24260 | 'Boys'
|
24261 | ) },
|
24262 | _react2.default.createElement(
|
24263 | _SRC.UL,
|
24264 | {
|
24265 | type: 'none',
|
24266 | leftPad: '1rem' },
|
24267 | boysLinks && boysLinks.map(function (link, index) {
|
24268 | return _react2.default.createElement(
|
24269 | 'li',
|
24270 | { key: index },
|
24271 | _react2.default.createElement(
|
24272 | _SRC.MobileLinkTertiary,
|
24273 | { target: link.target, renderLink: renderLink },
|
24274 | link.text
|
24275 | )
|
24276 | );
|
24277 | })
|
24278 | )
|
24279 | )
|
24280 | ),
|
24281 | _react2.default.createElement(
|
24282 | 'li',
|
24283 | null,
|
24284 | _react2.default.createElement(
|
24285 | _SRC.Accordion,
|
24286 | {
|
24287 | toggleElement: _react2.default.createElement(
|
24288 | _SRC.MobileLinkSecondary,
|
24289 | null,
|
24290 | 'Girls'
|
24291 | ) },
|
24292 | _react2.default.createElement(
|
24293 | _SRC.UL,
|
24294 | { type: 'none', leftPad: '1rem' },
|
24295 | girlsLinks && girlsLinks.map(function (link, index) {
|
24296 | return _react2.default.createElement(
|
24297 | 'li',
|
24298 | { key: index },
|
24299 | _react2.default.createElement(
|
24300 | _SRC.MobileLinkTertiary,
|
24301 | {
|
24302 | target: link.target,
|
24303 | renderLink: renderLink },
|
24304 | link.text
|
24305 | )
|
24306 | );
|
24307 | })
|
24308 | )
|
24309 | )
|
24310 | )
|
24311 | )
|
24312 | ),
|
24313 | outfitNav && _react2.default.createElement(
|
24314 | 'li',
|
24315 | null,
|
24316 | _react2.default.createElement(
|
24317 | _SRC.MobileLinkTop,
|
24318 | {
|
24319 | href: homepageUrl + '/outfits' },
|
24320 | 'Outfits'
|
24321 | )
|
24322 | ),
|
24323 | !isSubscriptionMember && _react2.default.createElement(
|
24324 | 'li',
|
24325 | null,
|
24326 | _react2.default.createElement(
|
24327 | _SRC.MobileLinkTop,
|
24328 | {
|
24329 | href: homepageUrl + '/subscribe-and-save' },
|
24330 | 'Subscribe + Save'
|
24331 | )
|
24332 | ),
|
24333 | isSubscriptionMember && _react2.default.createElement(
|
24334 | 'div',
|
24335 | null,
|
24336 | _react2.default.createElement(
|
24337 | 'li',
|
24338 | null,
|
24339 | _react2.default.createElement(
|
24340 | _SRC.MobileLinkTop,
|
24341 | {
|
24342 | target: '/box',
|
24343 | renderLink: renderLink },
|
24344 | 'Box'
|
24345 | )
|
24346 | ),
|
24347 | _react2.default.createElement(
|
24348 | 'li',
|
24349 | null,
|
24350 | _react2.default.createElement(
|
24351 | _SRC.MobileLinkTop,
|
24352 | {
|
24353 | target: '/invite',
|
24354 | renderLink: renderLink,
|
24355 | background: _theme.theme.colors.lightPink },
|
24356 | 'Free Clothes'
|
24357 | )
|
24358 | ),
|
24359 | _react2.default.createElement(
|
24360 | 'li',
|
24361 | null,
|
24362 | _react2.default.createElement(
|
24363 | _SRC.MobileLinkTop,
|
24364 | {
|
24365 | target: '/style-file',
|
24366 | renderLink: renderLink },
|
24367 | 'Style File'
|
24368 | )
|
24369 | ),
|
24370 | _react2.default.createElement(
|
24371 | 'li',
|
24372 | null,
|
24373 | _react2.default.createElement(
|
24374 | _SRC.MobileLinkTop,
|
24375 | {
|
24376 | target: '/orders',
|
24377 | renderLink: renderLink },
|
24378 | 'Order History'
|
24379 | )
|
24380 | )
|
24381 | ),
|
24382 | !loggedIn && _react2.default.createElement(
|
24383 | 'li',
|
24384 | null,
|
24385 | _react2.default.createElement(
|
24386 | _SRC.MobileLinkTop,
|
24387 | {
|
24388 | target: '/shop/login',
|
24389 | renderLink: renderLink },
|
24390 | 'Login'
|
24391 | )
|
24392 | ),
|
24393 | showBlog && _react2.default.createElement(
|
24394 | 'li',
|
24395 | null,
|
24396 | _react2.default.createElement(
|
24397 | _SRC.MobileLinkTop,
|
24398 | { href: 'https://news.rocketsofawesome.com' },
|
24399 | 'Blog'
|
24400 | )
|
24401 | ),
|
24402 | loggedIn && _react2.default.createElement(_SRC.MobileAccountLinks, {
|
24403 | isSubscriptionMember: isSubscriptionMember,
|
24404 | renderLink: renderLink,
|
24405 | signOut: signOut })
|
24406 | )
|
24407 | )
|
24408 | );
|
24409 | }
|
24410 | }]);
|
24411 |
|
24412 | return BaseMobileNavigation;
|
24413 | }(_react2.default.Component);
|
24414 |
|
24415 | var MobileNavigation = (0, _styledComponents2.default)(BaseMobileNavigation)(_templateObject, _SRC.Logo);
|
24416 |
|
24417 | MobileNavigation.propTypes = {
|
24418 | drawerPosition: _propTypes2.default.string,
|
24419 | bagCount: _propTypes2.default.number,
|
24420 | homepageUrl: _propTypes2.default.string,
|
24421 | boysLinks: _propTypes2.default.array,
|
24422 | girlsLinks: _propTypes2.default.array,
|
24423 | className: _propTypes2.default.string,
|
24424 | loggedIn: _propTypes2.default.bool,
|
24425 | renderLink: _propTypes2.default.func,
|
24426 | isSubscriptionMember: _propTypes2.default.bool,
|
24427 | clickBag: _propTypes2.default.func,
|
24428 | clickSearch: _propTypes2.default.func
|
24429 | };
|
24430 |
|
24431 | MobileNavigation.defaultProps = {
|
24432 | drawerPosition: 'fixed',
|
24433 | homepageUrl: 'https://rocketsofawesome.com',
|
24434 | outfitNav: REACT_APP_OUTFIT_NAV,
|
24435 | showBlog: REACT_APP_SHOW_BLOG_LINK,
|
24436 | showSearch: false
|
24437 |
|
24438 |
|
24439 | };exports.default = MobileNavigation;
|
24440 |
|
24441 | }),
|
24442 |
|
24443 | (function(module, exports, __webpack_require__) {
|
24444 |
|
24445 | "use strict";
|
24446 |
|
24447 |
|
24448 | Object.defineProperty(exports, "__esModule", {
|
24449 | value: true
|
24450 | });
|
24451 |
|
24452 | 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; }; }();
|
24453 |
|
24454 | var _templateObject = _taggedTemplateLiteral(['\n position: ', ';\n z-index: 2;\n width: 100%;\n'], ['\n position: ', ';\n z-index: 2;\n width: 100%;\n']);
|
24455 |
|
24456 | var _react = __webpack_require__(2);
|
24457 |
|
24458 | var _react2 = _interopRequireDefault(_react);
|
24459 |
|
24460 | var _propTypes = __webpack_require__(0);
|
24461 |
|
24462 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
24463 |
|
24464 | var _styledComponents = __webpack_require__(1);
|
24465 |
|
24466 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
24467 |
|
24468 | var _SRC = __webpack_require__(3);
|
24469 |
|
24470 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24471 |
|
24472 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
24473 |
|
24474 | 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; }
|
24475 |
|
24476 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
24477 |
|
24478 | 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; }
|
24479 |
|
24480 | 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; }
|
24481 |
|
24482 | var BaseHeader = function (_Component) {
|
24483 | _inherits(BaseHeader, _Component);
|
24484 |
|
24485 | function BaseHeader(props) {
|
24486 | _classCallCheck(this, BaseHeader);
|
24487 |
|
24488 | var _this = _possibleConstructorReturn(this, (BaseHeader.__proto__ || Object.getPrototypeOf(BaseHeader)).call(this, props));
|
24489 |
|
24490 | _this.setMargin = function () {
|
24491 | var _this$props = _this.props,
|
24492 | setMargin = _this$props.setMargin,
|
24493 | basePxSize = _this$props.theme.basePxSize;
|
24494 |
|
24495 | var remHeight = _this.header.clientHeight / basePxSize;
|
24496 | setMargin(remHeight);
|
24497 | };
|
24498 |
|
24499 | _this.header = null;
|
24500 | return _this;
|
24501 | }
|
24502 |
|
24503 | _createClass(BaseHeader, [{
|
24504 | key: 'componentDidMount',
|
24505 | value: function componentDidMount() {
|
24506 | this.setMargin();
|
24507 | }
|
24508 | }, {
|
24509 | key: 'componentDidUpdate',
|
24510 | value: function componentDidUpdate() {
|
24511 | this.setMargin();
|
24512 | }
|
24513 | }, {
|
24514 | key: 'render',
|
24515 | value: function render() {
|
24516 | var _this2 = this;
|
24517 |
|
24518 | var _props = this.props,
|
24519 | above = _props.above,
|
24520 | below = _props.below,
|
24521 | className = _props.className,
|
24522 | desktopProps = _props.desktopProps,
|
24523 | mobileProps = _props.mobileProps,
|
24524 | setMargin = _props.setMargin,
|
24525 | props = _objectWithoutProperties(_props, ['above', 'below', 'className', 'desktopProps', 'mobileProps', 'setMargin']);
|
24526 |
|
24527 | return _react2.default.createElement(
|
24528 | 'div',
|
24529 | Object.assign({ className: className, ref: function ref(element) {
|
24530 | _this2.header = element;
|
24531 | } }, props),
|
24532 | above,
|
24533 | _react2.default.createElement(
|
24534 | _SRC.Default,
|
24535 | { displayTarget: 'belowMobileNav' },
|
24536 | _react2.default.createElement(_SRC.MobileNavigation, mobileProps)
|
24537 | ),
|
24538 | _react2.default.createElement(
|
24539 | _SRC.Default,
|
24540 | { displayTarget: 'aboveMobileNav' },
|
24541 | _react2.default.createElement(_SRC.DesktopNavigation, desktopProps)
|
24542 | ),
|
24543 | below
|
24544 | );
|
24545 | }
|
24546 | }]);
|
24547 |
|
24548 | return BaseHeader;
|
24549 | }(_react.Component);
|
24550 |
|
24551 | var Header = (0, _styledComponents2.default)(BaseHeader)(_templateObject, function (props) {
|
24552 | return props.position;
|
24553 | });
|
24554 |
|
24555 | Header.propTypes = {
|
24556 | className: _propTypes2.default.string,
|
24557 | above: _propTypes2.default.node,
|
24558 | below: _propTypes2.default.node,
|
24559 | desktopProps: _propTypes2.default.object,
|
24560 | mobileProps: _propTypes2.default.object
|
24561 | };
|
24562 |
|
24563 | Header.defaultProps = {
|
24564 | position: 'fixed',
|
24565 | setMargin: function setMargin() {}
|
24566 |
|
24567 |
|
24568 | };exports.default = (0, _styledComponents.withTheme)(Header);
|
24569 |
|
24570 | }),
|
24571 |
|
24572 | (function(module, exports, __webpack_require__) {
|
24573 |
|
24574 | "use strict";
|
24575 |
|
24576 |
|
24577 | Object.defineProperty(exports, "__esModule", {
|
24578 | value: true
|
24579 | });
|
24580 |
|
24581 | var _gallery = __webpack_require__(353);
|
24582 |
|
24583 | Object.defineProperty(exports, 'Gallery', {
|
24584 | enumerable: true,
|
24585 | get: function get() {
|
24586 | return _interopRequireDefault(_gallery).default;
|
24587 | }
|
24588 | });
|
24589 |
|
24590 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24591 |
|
24592 | }),
|
24593 |
|
24594 | (function(module, exports, __webpack_require__) {
|
24595 |
|
24596 | "use strict";
|
24597 |
|
24598 |
|
24599 | Object.defineProperty(exports, "__esModule", {
|
24600 | value: true
|
24601 | });
|
24602 | exports.Gallery = exports.BaseGallery = undefined;
|
24603 |
|
24604 | 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; }; }();
|
24605 |
|
24606 | var _templateObject = _taggedTemplateLiteral(['\n .imageZoom {\n z-index: 1;\n }\n ', ' {\n ', '\n }\n'], ['\n .imageZoom {\n z-index: 1;\n }\n ', ' {\n ', '\n }\n']),
|
24607 | _templateObject2 = _taggedTemplateLiteral(['\n width: 50%;\n '], ['\n width: 50%;\n ']);
|
24608 |
|
24609 | var _react = __webpack_require__(2);
|
24610 |
|
24611 | var _react2 = _interopRequireDefault(_react);
|
24612 |
|
24613 | var _propTypes = __webpack_require__(0);
|
24614 |
|
24615 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
24616 |
|
24617 | var _styledComponents = __webpack_require__(1);
|
24618 |
|
24619 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
24620 |
|
24621 | var _reactImageMagnify = __webpack_require__(354);
|
24622 |
|
24623 | var _reactImageMagnify2 = _interopRequireDefault(_reactImageMagnify);
|
24624 |
|
24625 | var _SRC = __webpack_require__(3);
|
24626 |
|
24627 | var _cloudinary = __webpack_require__(4);
|
24628 |
|
24629 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
24630 |
|
24631 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24632 |
|
24633 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
24634 |
|
24635 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
24636 |
|
24637 | 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; }
|
24638 |
|
24639 | 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; }
|
24640 |
|
24641 | var BaseGallery = exports.BaseGallery = function (_React$Component) {
|
24642 | _inherits(BaseGallery, _React$Component);
|
24643 |
|
24644 | function BaseGallery(props) {
|
24645 | _classCallCheck(this, BaseGallery);
|
24646 |
|
24647 | var _this = _possibleConstructorReturn(this, (BaseGallery.__proto__ || Object.getPrototypeOf(BaseGallery)).call(this, props));
|
24648 |
|
24649 | _this.thumbnailClick = function (index) {
|
24650 | return function () {
|
24651 | var images = _this.props.images;
|
24652 |
|
24653 | _this.setState({ activeImage: images[index] });
|
24654 | };
|
24655 | };
|
24656 |
|
24657 | _this.state = {
|
24658 | activeImage: props.images[props.activeImage]
|
24659 | };
|
24660 | _this.thumbnails = props.images.map(function (image) {
|
24661 | return {
|
24662 | src: _cloudinary2.default.url(image.src, {
|
24663 | transformation: 'pdp',
|
24664 | format: 'jpg'
|
24665 | }),
|
24666 | alt: image.alt
|
24667 | };
|
24668 | });
|
24669 | _this.config = {
|
24670 | infinite: true,
|
24671 | lazyLoad: 'progressive',
|
24672 | arrows: false,
|
24673 | slidesToShow: 1,
|
24674 | dots: true,
|
24675 | dotsClass: 'dots'
|
24676 | };
|
24677 | return _this;
|
24678 | }
|
24679 |
|
24680 | _createClass(BaseGallery, [{
|
24681 | key: 'render',
|
24682 | value: function render() {
|
24683 | var _props = this.props,
|
24684 | className = _props.className,
|
24685 | inImages = _props.images;
|
24686 | var activeImage = this.state.activeImage;
|
24687 |
|
24688 | var images = inImages.map(function (image) {
|
24689 | return {
|
24690 | src: _cloudinary2.default.url(image.src, {
|
24691 | transformation: 'pdp',
|
24692 | format: 'jpg'
|
24693 | }),
|
24694 | alt: image.alt
|
24695 | };
|
24696 | });
|
24697 | var smallImage = {
|
24698 | src: _cloudinary2.default.url(activeImage.src, {
|
24699 | transformation: 'pdp',
|
24700 | format: 'jpg'
|
24701 | }),
|
24702 | alt: activeImage.alt + ' Main Image',
|
24703 | isFluidWidth: true
|
24704 | };
|
24705 | var largeImage = {
|
24706 | src: _cloudinary2.default.url(activeImage.src, {
|
24707 | transformation: 'pdp_large',
|
24708 | format: 'jpg'
|
24709 | }),
|
24710 | alt: activeImage.alt + ' Main Enlarged Image',
|
24711 | width: 1440,
|
24712 | height: 1989
|
24713 | };
|
24714 | return _react2.default.createElement(
|
24715 | 'div',
|
24716 | { className: className },
|
24717 | _react2.default.createElement(
|
24718 | _SRC.Desktop,
|
24719 | { display: 'flex', className: 'roa-row' },
|
24720 | _react2.default.createElement(_SRC.FlexCol, {
|
24721 | active: activeImage.src,
|
24722 | element: _SRC.Thumbnails,
|
24723 | desktop: { width: 2 },
|
24724 | thumbnails: this.thumbnails,
|
24725 | onClick: this.thumbnailClick }),
|
24726 | _react2.default.createElement(
|
24727 | _SRC.FlexCol,
|
24728 | {
|
24729 | desktop: { width: 10 } },
|
24730 | _react2.default.createElement(_reactImageMagnify2.default, Object.assign({
|
24731 | className: 'imageZoom'
|
24732 | }, {
|
24733 | smallImage: Object.assign({}, smallImage),
|
24734 | largeImage: Object.assign({}, largeImage)
|
24735 | }))
|
24736 | )
|
24737 | ),
|
24738 | _react2.default.createElement(
|
24739 | _SRC.Default,
|
24740 | null,
|
24741 | _react2.default.createElement(_SRC.ROASlider, { className: 'slider', images: images })
|
24742 | )
|
24743 | );
|
24744 | }
|
24745 | }]);
|
24746 |
|
24747 | return BaseGallery;
|
24748 | }(_react2.default.Component);
|
24749 |
|
24750 | var Gallery = exports.Gallery = (0, _styledComponents2.default)(BaseGallery)(_templateObject, _SRC.ROASlider, function (props) {
|
24751 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject2);
|
24752 | });
|
24753 |
|
24754 | Gallery.propTypes = {
|
24755 | activeImage: _propTypes2.default.number.isRequired,
|
24756 | images: _propTypes2.default.array.isRequired
|
24757 | };
|
24758 |
|
24759 | Gallery.defaultProps = {
|
24760 | activeImage: 0
|
24761 |
|
24762 |
|
24763 |
|
24764 | };exports.default = (0, _styledComponents.withTheme)(Gallery);
|
24765 |
|
24766 | }),
|
24767 |
|
24768 | (function(module, exports) {
|
24769 |
|
24770 | module.exports = require("react-image-magnify");
|
24771 |
|
24772 | }),
|
24773 |
|
24774 | (function(module, exports, __webpack_require__) {
|
24775 |
|
24776 | "use strict";
|
24777 |
|
24778 |
|
24779 | Object.defineProperty(exports, "__esModule", {
|
24780 | value: true
|
24781 | });
|
24782 |
|
24783 | var _main = __webpack_require__(356);
|
24784 |
|
24785 | Object.defineProperty(exports, 'MainLayout', {
|
24786 | enumerable: true,
|
24787 | get: function get() {
|
24788 | return _interopRequireDefault(_main).default;
|
24789 | }
|
24790 | });
|
24791 |
|
24792 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24793 |
|
24794 | }),
|
24795 |
|
24796 | (function(module, exports, __webpack_require__) {
|
24797 |
|
24798 | "use strict";
|
24799 |
|
24800 |
|
24801 | Object.defineProperty(exports, "__esModule", {
|
24802 | value: true
|
24803 | });
|
24804 | exports.BaseMainLayout = undefined;
|
24805 |
|
24806 | 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; }; }();
|
24807 |
|
24808 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n overflow: auto;\n ', ' {\n width: 100%;\n top: 0;\n left: 0;\n }\n > article {\n position: relative;\n width: 100%;\n }\n'], ['\n position: relative;\n overflow: auto;\n ', ' {\n width: 100%;\n top: 0;\n left: 0;\n }\n > article {\n position: relative;\n width: 100%;\n }\n']);
|
24809 |
|
24810 | var _react = __webpack_require__(2);
|
24811 |
|
24812 | var _react2 = _interopRequireDefault(_react);
|
24813 |
|
24814 | var _styledComponents = __webpack_require__(1);
|
24815 |
|
24816 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
24817 |
|
24818 | var _propTypes = __webpack_require__(0);
|
24819 |
|
24820 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
24821 |
|
24822 | var _SRC = __webpack_require__(3);
|
24823 |
|
24824 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24825 |
|
24826 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
24827 |
|
24828 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
24829 |
|
24830 | 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; }
|
24831 |
|
24832 | 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; }
|
24833 |
|
24834 | var BaseMainLayout = exports.BaseMainLayout = function (_React$Component) {
|
24835 | _inherits(BaseMainLayout, _React$Component);
|
24836 |
|
24837 | function BaseMainLayout(props) {
|
24838 | _classCallCheck(this, BaseMainLayout);
|
24839 |
|
24840 | var _this = _possibleConstructorReturn(this, (BaseMainLayout.__proto__ || Object.getPrototypeOf(BaseMainLayout)).call(this, props));
|
24841 |
|
24842 | _this.setMargin = function (height) {
|
24843 | var contentTopMargin = _this.state.contentTopMargin;
|
24844 |
|
24845 | var currentMargin = parseFloat(contentTopMargin.replace('rem', ''));
|
24846 | if (height !== currentMargin) {
|
24847 | _this.setState({ contentTopMargin: height + 'rem' });
|
24848 | }
|
24849 | };
|
24850 |
|
24851 | _this.state = {
|
24852 | contentTopMargin: '6.2rem'
|
24853 | };
|
24854 | return _this;
|
24855 | }
|
24856 |
|
24857 | _createClass(BaseMainLayout, [{
|
24858 | key: 'render',
|
24859 | value: function render() {
|
24860 | var _props = this.props,
|
24861 | className = _props.className,
|
24862 | children = _props.children,
|
24863 | footerProps = _props.footerProps,
|
24864 | headerProps = _props.headerProps;
|
24865 | var contentTopMargin = this.state.contentTopMargin;
|
24866 |
|
24867 | return _react2.default.createElement(
|
24868 | 'main',
|
24869 | { className: className },
|
24870 | _react2.default.createElement(_SRC.Header, Object.assign({}, headerProps, { setMargin: this.setMargin })),
|
24871 | _react2.default.createElement(
|
24872 | 'article',
|
24873 | { style: { marginTop: contentTopMargin } },
|
24874 | children
|
24875 | ),
|
24876 | _react2.default.createElement(_SRC.Footer, footerProps)
|
24877 | );
|
24878 | }
|
24879 | }]);
|
24880 |
|
24881 | return BaseMainLayout;
|
24882 | }(_react2.default.Component);
|
24883 |
|
24884 | var MainLayout = (0, _styledComponents2.default)(BaseMainLayout)(_templateObject, _SRC.Header);
|
24885 |
|
24886 | MainLayout.propTypes = {
|
24887 | headerProps: _propTypes2.default.object
|
24888 |
|
24889 |
|
24890 | };exports.default = MainLayout;
|
24891 |
|
24892 | }),
|
24893 |
|
24894 | (function(module, exports, __webpack_require__) {
|
24895 |
|
24896 | "use strict";
|
24897 |
|
24898 |
|
24899 | Object.defineProperty(exports, "__esModule", {
|
24900 | value: true
|
24901 | });
|
24902 |
|
24903 | var _outfitCards = __webpack_require__(358);
|
24904 |
|
24905 | Object.keys(_outfitCards).forEach(function (key) {
|
24906 | if (key === "default" || key === "__esModule") return;
|
24907 | Object.defineProperty(exports, key, {
|
24908 | enumerable: true,
|
24909 | get: function get() {
|
24910 | return _outfitCards[key];
|
24911 | }
|
24912 | });
|
24913 | });
|
24914 |
|
24915 | var _outfitSizePicker = __webpack_require__(360);
|
24916 |
|
24917 | Object.keys(_outfitSizePicker).forEach(function (key) {
|
24918 | if (key === "default" || key === "__esModule") return;
|
24919 | Object.defineProperty(exports, key, {
|
24920 | enumerable: true,
|
24921 | get: function get() {
|
24922 | return _outfitSizePicker[key];
|
24923 | }
|
24924 | });
|
24925 | });
|
24926 |
|
24927 | }),
|
24928 |
|
24929 | (function(module, exports, __webpack_require__) {
|
24930 |
|
24931 | "use strict";
|
24932 |
|
24933 |
|
24934 | Object.defineProperty(exports, "__esModule", {
|
24935 | value: true
|
24936 | });
|
24937 |
|
24938 | var _outfitCards = __webpack_require__(359);
|
24939 |
|
24940 | Object.defineProperty(exports, 'OutfitCards', {
|
24941 | enumerable: true,
|
24942 | get: function get() {
|
24943 | return _interopRequireDefault(_outfitCards).default;
|
24944 | }
|
24945 | });
|
24946 |
|
24947 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24948 |
|
24949 | }),
|
24950 |
|
24951 | (function(module, exports, __webpack_require__) {
|
24952 |
|
24953 | "use strict";
|
24954 |
|
24955 |
|
24956 | Object.defineProperty(exports, "__esModule", {
|
24957 | value: true
|
24958 | });
|
24959 |
|
24960 | var _templateObject = _taggedTemplateLiteral(['\n ', ' {\n margin-bottom: 2rem;\n ', '\n }\n'], ['\n ', ' {\n margin-bottom: 2rem;\n ', '\n }\n']),
|
24961 | _templateObject2 = _taggedTemplateLiteral(['\n margin-bottom: 4rem;\n '], ['\n margin-bottom: 4rem;\n ']);
|
24962 |
|
24963 | var _react = __webpack_require__(2);
|
24964 |
|
24965 | var _react2 = _interopRequireDefault(_react);
|
24966 |
|
24967 | var _propTypes = __webpack_require__(0);
|
24968 |
|
24969 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
24970 |
|
24971 | var _styledComponents = __webpack_require__(1);
|
24972 |
|
24973 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
24974 |
|
24975 | var _SRC = __webpack_require__(3);
|
24976 |
|
24977 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
24978 |
|
24979 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
24980 |
|
24981 | var OutfitCards = (0, _styledComponents2.default)(function (_ref) {
|
24982 | var className = _ref.className,
|
24983 | element = _ref.element,
|
24984 | outfits = _ref.outfits;
|
24985 |
|
24986 | return _react2.default.createElement(
|
24987 | _SRC.FlexRow,
|
24988 | { constrained: true },
|
24989 | outfits.map(function (outfit, index) {
|
24990 | return _react2.default.createElement(
|
24991 | _SRC.FlexCol,
|
24992 | { className: className,
|
24993 | mobile: { width: 2 },
|
24994 | tablet: { width: 6 },
|
24995 | desktop: { width: 4 },
|
24996 | key: index },
|
24997 | _react2.default.createElement(
|
24998 | _SRC.Card,
|
24999 | outfit.card,
|
25000 | _react2.default.createElement(_SRC.InlineImage, outfit.image),
|
25001 | outfit.information
|
25002 | )
|
25003 | );
|
25004 | })
|
25005 | );
|
25006 | })(_templateObject, _SRC.Card, function (props) {
|
25007 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
25008 | });
|
25009 |
|
25010 | OutfitCards.propTypes = {
|
25011 | element: _propTypes2.default.node,
|
25012 | outfit: _propTypes2.default.array
|
25013 | };
|
25014 |
|
25015 | OutfitCards.defaultProps = {
|
25016 | element: 'a'
|
25017 |
|
25018 |
|
25019 | };exports.default = OutfitCards;
|
25020 |
|
25021 | }),
|
25022 |
|
25023 | (function(module, exports, __webpack_require__) {
|
25024 |
|
25025 | "use strict";
|
25026 |
|
25027 |
|
25028 | Object.defineProperty(exports, "__esModule", {
|
25029 | value: true
|
25030 | });
|
25031 |
|
25032 | var _outfitSizePicker = __webpack_require__(361);
|
25033 |
|
25034 | Object.defineProperty(exports, 'OutfitSizePicker', {
|
25035 | enumerable: true,
|
25036 | get: function get() {
|
25037 | return _interopRequireDefault(_outfitSizePicker).default;
|
25038 | }
|
25039 | });
|
25040 |
|
25041 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25042 |
|
25043 | }),
|
25044 |
|
25045 | (function(module, exports, __webpack_require__) {
|
25046 |
|
25047 | "use strict";
|
25048 |
|
25049 |
|
25050 | Object.defineProperty(exports, "__esModule", {
|
25051 | value: true
|
25052 | });
|
25053 |
|
25054 | var _templateObject = _taggedTemplateLiteral(['\n .roa-image-wrapper {\n margin-top: 1.5rem;\n margin-left: 1rem;\n width: 20%;\n flex: 0 0 auto;\n a {\n width: 100%;\n }\n img {\n width: 100%;\n }\n }\n ', ' {\n margin-bottom: 2rem;\n display: flex;\n }\n .roa-price-size-box {\n flex-direction: column;\n width: 80%;\n flex: 0 0 auto;\n }\n .roa-item-price {\n margin-left: 1rem;\n margin-bottom: 0rem;\n margin-top: 1.5rem;\n }\n .roa-product {\n display: flex;\n margin-top: 1rem;\n margin-bottom: 1rem;\n align-items: flex-start;\n ', '\n }\n'], ['\n .roa-image-wrapper {\n margin-top: 1.5rem;\n margin-left: 1rem;\n width: 20%;\n flex: 0 0 auto;\n a {\n width: 100%;\n }\n img {\n width: 100%;\n }\n }\n ', ' {\n margin-bottom: 2rem;\n display: flex;\n }\n .roa-price-size-box {\n flex-direction: column;\n width: 80%;\n flex: 0 0 auto;\n }\n .roa-item-price {\n margin-left: 1rem;\n margin-bottom: 0rem;\n margin-top: 1.5rem;\n }\n .roa-product {\n display: flex;\n margin-top: 1rem;\n margin-bottom: 1rem;\n align-items: flex-start;\n ', '\n }\n']),
|
25055 | _templateObject2 = _taggedTemplateLiteral(['\n padding-bottom: 2rem;\n border-bottom: 1px solid ', '\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\n > *:first-child {\n margin-right: auto;\n }\n &:last-of-type {\n border-bottom: none;\n }\n ']);
|
25056 |
|
25057 | var _react = __webpack_require__(2);
|
25058 |
|
25059 | var _react2 = _interopRequireDefault(_react);
|
25060 |
|
25061 | var _propTypes = __webpack_require__(0);
|
25062 |
|
25063 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
25064 |
|
25065 | var _styledComponents = __webpack_require__(1);
|
25066 |
|
25067 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
25068 |
|
25069 | var _SRC = __webpack_require__(3);
|
25070 |
|
25071 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25072 |
|
25073 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
25074 |
|
25075 | var OutfitProductImage = function OutfitProductImage(_ref) {
|
25076 | var product = _ref.product;
|
25077 | return _react2.default.createElement(_SRC.InlineImage, product.image);
|
25078 | };
|
25079 |
|
25080 | var OutfitSizePicker = (0, _styledComponents2.default)(function (_ref2) {
|
25081 | var className = _ref2.className,
|
25082 | currentSizes = _ref2.currentSizes,
|
25083 | element = _ref2.element,
|
25084 | products = _ref2.products,
|
25085 | onSizeSelect = _ref2.onSizeSelect,
|
25086 | renderProductLink = _ref2.renderProductLink;
|
25087 |
|
25088 | return _react2.default.createElement(
|
25089 | 'div',
|
25090 | { className: className },
|
25091 | Object.keys(products).map(function (size) {
|
25092 | var product = products[size];
|
25093 | var currentSize = currentSizes && product.id in currentSizes ? currentSizes[product.id] : undefined;
|
25094 |
|
25095 | return _react2.default.createElement(
|
25096 | 'div',
|
25097 | { className: 'roa-product', key: product.id },
|
25098 | _react2.default.createElement(
|
25099 | 'div',
|
25100 | { className: 'roa-image-wrapper' },
|
25101 | renderProductLink(product)
|
25102 | ),
|
25103 | _react2.default.createElement(
|
25104 | 'div',
|
25105 | { className: 'roa-price-size-box' },
|
25106 | _react2.default.createElement(
|
25107 | _SRC.Label,
|
25108 | { className: 'roa-item-price' },
|
25109 | product.price
|
25110 | ),
|
25111 | _react2.default.createElement(_SRC.SizePicker, {
|
25112 | productId: product.id,
|
25113 | variants: product.variants,
|
25114 | currentSize: currentSize,
|
25115 | inputDisabled: true,
|
25116 | onSizeSelect: onSizeSelect(product.id) })
|
25117 | )
|
25118 | );
|
25119 | })
|
25120 | );
|
25121 | })(_templateObject, _SRC.Label, function (props) {
|
25122 | return props.theme.breakpointsVerbose.belowLaptop(_templateObject2, props.theme.colors.gray[4]);
|
25123 | });
|
25124 |
|
25125 | OutfitSizePicker.propTypes = {
|
25126 | element: _propTypes2.default.shape({
|
25127 | type: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.node, _propTypes2.default.func]),
|
25128 | props: _propTypes2.default.object
|
25129 | }),
|
25130 | products: _propTypes2.default.array.isRequired,
|
25131 | className: _propTypes2.default.string
|
25132 | };
|
25133 |
|
25134 | OutfitSizePicker.defaultProps = {
|
25135 | renderProductLink: function renderProductLink(product) {
|
25136 | return _react2.default.createElement(
|
25137 | 'a',
|
25138 | { href: '#products/' + product.slug },
|
25139 | _react2.default.createElement(OutfitProductImage, { product: product })
|
25140 | );
|
25141 | }
|
25142 |
|
25143 |
|
25144 | };exports.default = OutfitSizePicker;
|
25145 |
|
25146 | }),
|
25147 |
|
25148 | (function(module, exports, __webpack_require__) {
|
25149 |
|
25150 | "use strict";
|
25151 |
|
25152 |
|
25153 | Object.defineProperty(exports, "__esModule", {
|
25154 | value: true
|
25155 | });
|
25156 |
|
25157 | var _progressBar = __webpack_require__(363);
|
25158 |
|
25159 | Object.keys(_progressBar).forEach(function (key) {
|
25160 | if (key === "default" || key === "__esModule") return;
|
25161 | Object.defineProperty(exports, key, {
|
25162 | enumerable: true,
|
25163 | get: function get() {
|
25164 | return _progressBar[key];
|
25165 | }
|
25166 | });
|
25167 | });
|
25168 |
|
25169 | var _progressBarText = __webpack_require__(365);
|
25170 |
|
25171 | Object.keys(_progressBarText).forEach(function (key) {
|
25172 | if (key === "default" || key === "__esModule") return;
|
25173 | Object.defineProperty(exports, key, {
|
25174 | enumerable: true,
|
25175 | get: function get() {
|
25176 | return _progressBarText[key];
|
25177 | }
|
25178 | });
|
25179 | });
|
25180 |
|
25181 | var _persistentCartProduct = __webpack_require__(367);
|
25182 |
|
25183 | Object.keys(_persistentCartProduct).forEach(function (key) {
|
25184 | if (key === "default" || key === "__esModule") return;
|
25185 | Object.defineProperty(exports, key, {
|
25186 | enumerable: true,
|
25187 | get: function get() {
|
25188 | return _persistentCartProduct[key];
|
25189 | }
|
25190 | });
|
25191 | });
|
25192 |
|
25193 | var _persistentCartProductList = __webpack_require__(369);
|
25194 |
|
25195 | Object.keys(_persistentCartProductList).forEach(function (key) {
|
25196 | if (key === "default" || key === "__esModule") return;
|
25197 | Object.defineProperty(exports, key, {
|
25198 | enumerable: true,
|
25199 | get: function get() {
|
25200 | return _persistentCartProductList[key];
|
25201 | }
|
25202 | });
|
25203 | });
|
25204 |
|
25205 | var _cartSidebar = __webpack_require__(371);
|
25206 |
|
25207 | Object.keys(_cartSidebar).forEach(function (key) {
|
25208 | if (key === "default" || key === "__esModule") return;
|
25209 | Object.defineProperty(exports, key, {
|
25210 | enumerable: true,
|
25211 | get: function get() {
|
25212 | return _cartSidebar[key];
|
25213 | }
|
25214 | });
|
25215 | });
|
25216 |
|
25217 | var _emptyCart = __webpack_require__(374);
|
25218 |
|
25219 | Object.keys(_emptyCart).forEach(function (key) {
|
25220 | if (key === "default" || key === "__esModule") return;
|
25221 | Object.defineProperty(exports, key, {
|
25222 | enumerable: true,
|
25223 | get: function get() {
|
25224 | return _emptyCart[key];
|
25225 | }
|
25226 | });
|
25227 | });
|
25228 |
|
25229 | }),
|
25230 |
|
25231 | (function(module, exports, __webpack_require__) {
|
25232 |
|
25233 | "use strict";
|
25234 |
|
25235 |
|
25236 | Object.defineProperty(exports, "__esModule", {
|
25237 | value: true
|
25238 | });
|
25239 |
|
25240 | var _progressBar = __webpack_require__(364);
|
25241 |
|
25242 | Object.defineProperty(exports, 'ProgressBar', {
|
25243 | enumerable: true,
|
25244 | get: function get() {
|
25245 | return _interopRequireDefault(_progressBar).default;
|
25246 | }
|
25247 | });
|
25248 |
|
25249 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25250 |
|
25251 | }),
|
25252 |
|
25253 | (function(module, exports, __webpack_require__) {
|
25254 |
|
25255 | "use strict";
|
25256 |
|
25257 |
|
25258 | Object.defineProperty(exports, "__esModule", {
|
25259 | value: true
|
25260 | });
|
25261 | exports.BaseProgressBar = undefined;
|
25262 |
|
25263 | 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; }; }();
|
25264 |
|
25265 | var _templateObject = _taggedTemplateLiteral(['\n background: linear-gradient(90deg, #32c5ff 0%, #0073d1 100%);\n position: absolute;\n top: 0;\n left: 0;\n width: ', '%;\n height: 100%;\n z-index: 2;\n border-radius: 50px;\n transition: width 300ms ease-out;\n'], ['\n background: linear-gradient(90deg, #32c5ff 0%, #0073d1 100%);\n position: absolute;\n top: 0;\n left: 0;\n width: ', '%;\n height: 100%;\n z-index: 2;\n border-radius: 50px;\n transition: width 300ms ease-out;\n']),
|
25266 | _templateObject2 = _taggedTemplateLiteral(['\n position: absolute;\n top: 50%;\n left: ', '%;\n transform: translate(', ', -50%);\n z-index: 3;\n transition: all 300ms ease-out;\n opacity: ', ';\n'], ['\n position: absolute;\n top: 50%;\n left: ', '%;\n transform: translate(', ', -50%);\n z-index: 3;\n transition: all 300ms ease-out;\n opacity: ', ';\n']),
|
25267 | _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 margin-top: 12px;\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 margin-top: 12px;\n position: relative;\n']);
|
25268 |
|
25269 | var _react = __webpack_require__(2);
|
25270 |
|
25271 | var _react2 = _interopRequireDefault(_react);
|
25272 |
|
25273 | var _propTypes = __webpack_require__(0);
|
25274 |
|
25275 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
25276 |
|
25277 | var _styledComponents = __webpack_require__(1);
|
25278 |
|
25279 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
25280 |
|
25281 | var _SRC = __webpack_require__(3);
|
25282 |
|
25283 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25284 |
|
25285 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
25286 |
|
25287 | 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; }
|
25288 |
|
25289 | 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; }
|
25290 |
|
25291 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
25292 |
|
25293 | var Filler = _styledComponents2.default.div(_templateObject, function (props) {
|
25294 | return props.percentage;
|
25295 | });
|
25296 |
|
25297 | var CloudContainer = _styledComponents2.default.div(_templateObject2, function (props) {
|
25298 | return props.percentage;
|
25299 | }, function (props) {
|
25300 | return props.percentage < 100 ? '-50%' : '-100%';
|
25301 | }, function (props) {
|
25302 | return props.percentage === 0 || props.percentage === 100 ? 0 : 1;
|
25303 | });
|
25304 |
|
25305 | var BaseProgressBar = exports.BaseProgressBar = function (_React$Component) {
|
25306 | _inherits(BaseProgressBar, _React$Component);
|
25307 |
|
25308 | function BaseProgressBar(props) {
|
25309 | _classCallCheck(this, BaseProgressBar);
|
25310 |
|
25311 | var _this = _possibleConstructorReturn(this, (BaseProgressBar.__proto__ || Object.getPrototypeOf(BaseProgressBar)).call(this, props));
|
25312 |
|
25313 | _this.state = {
|
25314 | percentage: 0
|
25315 | };
|
25316 | return _this;
|
25317 | }
|
25318 |
|
25319 | _createClass(BaseProgressBar, [{
|
25320 | key: 'componentDidMount',
|
25321 | value: function componentDidMount() {
|
25322 | var _this2 = this;
|
25323 |
|
25324 | setTimeout(function () {
|
25325 | _this2.setState({ percentage: _this2.props.percentage });
|
25326 | }, 500);
|
25327 | }
|
25328 | }, {
|
25329 | key: 'componentWillReceiveProps',
|
25330 | value: function componentWillReceiveProps(nextProps) {
|
25331 | this.setState({ percentage: nextProps.percentage });
|
25332 | }
|
25333 | }, {
|
25334 | key: 'render',
|
25335 | value: function render() {
|
25336 | var className = this.props.className;
|
25337 | var percentage = this.state.percentage;
|
25338 |
|
25339 | return _react2.default.createElement(
|
25340 | 'div',
|
25341 | { className: className },
|
25342 | _react2.default.createElement(Filler, { percentage: percentage }),
|
25343 | _react2.default.createElement(
|
25344 | CloudContainer,
|
25345 | { percentage: percentage },
|
25346 | _react2.default.createElement(_SRC.Cloud, null)
|
25347 | )
|
25348 | );
|
25349 | }
|
25350 | }]);
|
25351 |
|
25352 | return BaseProgressBar;
|
25353 | }(_react2.default.Component);
|
25354 |
|
25355 | var ProgressBar = (0, _styledComponents2.default)(BaseProgressBar)(_templateObject3);
|
25356 |
|
25357 | BaseProgressBar.propTypes = {
|
25358 | percentage: _propTypes2.default.number,
|
25359 | className: _propTypes2.default.string
|
25360 |
|
25361 |
|
25362 | };exports.default = ProgressBar;
|
25363 |
|
25364 | }),
|
25365 |
|
25366 | (function(module, exports, __webpack_require__) {
|
25367 |
|
25368 | "use strict";
|
25369 |
|
25370 |
|
25371 | Object.defineProperty(exports, "__esModule", {
|
25372 | value: true
|
25373 | });
|
25374 |
|
25375 | var _progressBarText = __webpack_require__(366);
|
25376 |
|
25377 | Object.defineProperty(exports, 'ProgressBarText', {
|
25378 | enumerable: true,
|
25379 | get: function get() {
|
25380 | return _interopRequireDefault(_progressBarText).default;
|
25381 | }
|
25382 | });
|
25383 |
|
25384 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25385 |
|
25386 | }),
|
25387 |
|
25388 | (function(module, exports, __webpack_require__) {
|
25389 |
|
25390 | "use strict";
|
25391 |
|
25392 |
|
25393 | Object.defineProperty(exports, "__esModule", {
|
25394 | value: true
|
25395 | });
|
25396 |
|
25397 | var _templateObject = _taggedTemplateLiteral(['\n padding: 0 20px;\n'], ['\n padding: 0 20px;\n']);
|
25398 |
|
25399 | var _react = __webpack_require__(2);
|
25400 |
|
25401 | var _react2 = _interopRequireDefault(_react);
|
25402 |
|
25403 | var _propTypes = __webpack_require__(0);
|
25404 |
|
25405 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
25406 |
|
25407 | var _accounting = __webpack_require__(22);
|
25408 |
|
25409 | var _accounting2 = _interopRequireDefault(_accounting);
|
25410 |
|
25411 | var _styledComponents = __webpack_require__(1);
|
25412 |
|
25413 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
25414 |
|
25415 | var _SRC = __webpack_require__(3);
|
25416 |
|
25417 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25418 |
|
25419 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
25420 |
|
25421 | var Container = _styledComponents2.default.div(_templateObject);
|
25422 |
|
25423 | var Message = function Message(_ref) {
|
25424 | var order = _ref.order,
|
25425 | itemsInBag = _ref.itemsInBag;
|
25426 |
|
25427 | var itemsLeft = 4 - itemsInBag;
|
25428 | var itemDescription = itemsLeft > 1 ? 'items' : 'item';
|
25429 |
|
25430 | if (itemsLeft === 4) {
|
25431 | return _react2.default.createElement(
|
25432 | _SRC.P,
|
25433 | null,
|
25434 | 'You\'re ',
|
25435 | itemsLeft,
|
25436 | ' ',
|
25437 | itemDescription,
|
25438 | ' away from automatically getting 20% off, every day!',
|
25439 | ' ',
|
25440 | _react2.default.createElement(
|
25441 | 'span',
|
25442 | { role: 'img', 'aria-label': 'hearts' },
|
25443 | '\uD83D\uDC95'
|
25444 | )
|
25445 | );
|
25446 | } else if (itemsLeft <= 0) {
|
25447 | var savings = parseFloat(order.subtotal) - parseFloat(order.subtotal_after_promotions);
|
25448 | return _react2.default.createElement(
|
25449 | _SRC.P,
|
25450 | null,
|
25451 | _react2.default.createElement(
|
25452 | 'span',
|
25453 | { role: 'img', 'aria-label': 'confetti' },
|
25454 | '\uD83C\uDF89 '
|
25455 | ),
|
25456 | ' ',
|
25457 | 'Yay! You\'ll save ',
|
25458 | _react2.default.createElement(
|
25459 | 'strong',
|
25460 | null,
|
25461 | _accounting2.default.formatMoney(savings)
|
25462 | ),
|
25463 | ' on this order of 4+ items.',
|
25464 | ' ',
|
25465 | _react2.default.createElement(
|
25466 | 'span',
|
25467 | { role: 'img', 'aria-label': 'confetti' },
|
25468 | '\uD83C\uDF89 '
|
25469 | )
|
25470 | );
|
25471 | }
|
25472 |
|
25473 | return _react2.default.createElement(
|
25474 | _SRC.P,
|
25475 | null,
|
25476 | 'So close! Add ',
|
25477 | _react2.default.createElement(
|
25478 | 'strong',
|
25479 | null,
|
25480 | itemsLeft
|
25481 | ),
|
25482 | ' more ',
|
25483 | itemDescription,
|
25484 | ' to automatically get 20% off, every day!',
|
25485 | ' ',
|
25486 | _react2.default.createElement(
|
25487 | 'span',
|
25488 | { role: 'img', 'aria-label': 'hearts' },
|
25489 | '\uD83D\uDC95'
|
25490 | )
|
25491 | );
|
25492 | };
|
25493 |
|
25494 | var ProgressBarText = function ProgressBarText(_ref2) {
|
25495 | var order = _ref2.order,
|
25496 | itemsInBag = _ref2.itemsInBag;
|
25497 | return _react2.default.createElement(
|
25498 | Container,
|
25499 | null,
|
25500 | _react2.default.createElement(Message, { order: order, itemsInBag: itemsInBag })
|
25501 | );
|
25502 | };
|
25503 |
|
25504 | ProgressBarText.propTypes = {
|
25505 | itemsInBag: _propTypes2.default.number.isRequired,
|
25506 | order: _propTypes2.default.object.isRequired
|
25507 |
|
25508 |
|
25509 | };exports.default = ProgressBarText;
|
25510 |
|
25511 | }),
|
25512 |
|
25513 | (function(module, exports, __webpack_require__) {
|
25514 |
|
25515 | "use strict";
|
25516 |
|
25517 |
|
25518 | Object.defineProperty(exports, "__esModule", {
|
25519 | value: true
|
25520 | });
|
25521 |
|
25522 | var _persistentCartProduct = __webpack_require__(368);
|
25523 |
|
25524 | Object.defineProperty(exports, 'PersistentCartProduct', {
|
25525 | enumerable: true,
|
25526 | get: function get() {
|
25527 | return _interopRequireDefault(_persistentCartProduct).default;
|
25528 | }
|
25529 | });
|
25530 |
|
25531 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25532 |
|
25533 | }),
|
25534 |
|
25535 | (function(module, exports, __webpack_require__) {
|
25536 |
|
25537 | "use strict";
|
25538 |
|
25539 |
|
25540 | Object.defineProperty(exports, "__esModule", {
|
25541 | value: true
|
25542 | });
|
25543 |
|
25544 | 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; }; }();
|
25545 |
|
25546 | var _templateObject = _taggedTemplateLiteral(['\n margin-left: 10px;\n'], ['\n margin-left: 10px;\n']),
|
25547 | _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']),
|
25548 | _templateObject3 = _taggedTemplateLiteral(['\n cursor: pointer;\n'], ['\n cursor: pointer;\n']),
|
25549 | _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']),
|
25550 | _templateObject5 = _taggedTemplateLiteral(['\n'], ['\n']),
|
25551 | _templateObject6 = _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 .strikeThruPrice {\n color: ', ';\n text-decoration: line-through;\n }\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\n .strikeThruPrice {\n color: ', ';\n text-decoration: line-through;\n }\n']),
|
25552 | _templateObject7 = _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']),
|
25553 | _templateObject8 = _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']),
|
25554 | _templateObject9 = _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']);
|
25555 |
|
25556 | var _react = __webpack_require__(2);
|
25557 |
|
25558 | var _react2 = _interopRequireDefault(_react);
|
25559 |
|
25560 | var _propTypes = __webpack_require__(0);
|
25561 |
|
25562 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
25563 |
|
25564 | var _accounting = __webpack_require__(22);
|
25565 |
|
25566 | var _accounting2 = _interopRequireDefault(_accounting);
|
25567 |
|
25568 | var _styledComponents = __webpack_require__(1);
|
25569 |
|
25570 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
25571 |
|
25572 | var _SRC = __webpack_require__(3);
|
25573 |
|
25574 | var _cloudinary = __webpack_require__(4);
|
25575 |
|
25576 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
25577 |
|
25578 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25579 |
|
25580 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
25581 |
|
25582 | 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; }
|
25583 |
|
25584 | 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; }
|
25585 |
|
25586 | 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; }
|
25587 |
|
25588 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
25589 |
|
25590 | var shotTypeSortOrder = ['front', 'back', 'detail', 'other', 'on_model'];
|
25591 |
|
25592 | var sortShots = function sortShots(shots) {
|
25593 | return shots.sort(function (shot1, shot2) {
|
25594 | return shotTypeSortOrder.indexOf(shot1.shot_type) < shotTypeSortOrder.indexOf(shot2.shot_type) ? -1 : 1;
|
25595 | });
|
25596 | };
|
25597 |
|
25598 | var Select = _styledComponents2.default.select(_templateObject);
|
25599 |
|
25600 | var Thumbnail = _styledComponents2.default.div(_templateObject2);
|
25601 |
|
25602 | var ImageLink = (0, _styledComponents2.default)(function (_ref) {
|
25603 | var renderLink = _ref.renderLink,
|
25604 | children = _ref.children,
|
25605 | props = _objectWithoutProperties(_ref, ['renderLink', 'children']);
|
25606 |
|
25607 | delete props.light;
|
25608 | delete props.uppercase;
|
25609 | delete props.underline;
|
25610 | delete props.fontFamily;
|
25611 | delete props.fontSize;
|
25612 | delete props.fontWeight;
|
25613 |
|
25614 | if (renderLink) {
|
25615 | return renderLink(Object.assign({}, props, { children: children }));
|
25616 | } else {
|
25617 | return _react2.default.createElement(
|
25618 | 'a',
|
25619 | props,
|
25620 | children
|
25621 | );
|
25622 | }
|
25623 | })(_templateObject3);
|
25624 |
|
25625 |
|
25626 | var ItemName = _styledComponents2.default.h4(_templateObject4, function (props) {
|
25627 | return props.theme.fonts.headerFont;
|
25628 | }, function (props) {
|
25629 | return props.theme.colors.navy;
|
25630 | });
|
25631 | var FinalSale = (0, _styledComponents2.default)(ItemName)(_templateObject5);
|
25632 |
|
25633 | var ItemPrice = _styledComponents2.default.h4(_templateObject6, function (props) {
|
25634 | return props.theme.fonts.headerFont;
|
25635 | }, function (props) {
|
25636 | return props.theme.colors.navy;
|
25637 | }, function (props) {
|
25638 | return props.theme.colors.loading;
|
25639 | });
|
25640 |
|
25641 | var Attribute = _styledComponents2.default.div(_templateObject7, function (props) {
|
25642 | return props.theme.fonts.primaryFont;
|
25643 | }, function (props) {
|
25644 | return props.theme.colors.navy;
|
25645 | });
|
25646 |
|
25647 | var Remove = (0, _styledComponents2.default)(_SRC.XIcon)(_templateObject8);
|
25648 |
|
25649 | var BaseProduct = function (_React$Component) {
|
25650 | _inherits(BaseProduct, _React$Component);
|
25651 |
|
25652 | function BaseProduct(props) {
|
25653 | _classCallCheck(this, BaseProduct);
|
25654 |
|
25655 | var _this = _possibleConstructorReturn(this, (BaseProduct.__proto__ || Object.getPrototypeOf(BaseProduct)).call(this, props));
|
25656 |
|
25657 | _this._onUpdateQuantity = function (_ref2) {
|
25658 | var value = _ref2.target.value;
|
25659 | var item = _this.props.item;
|
25660 |
|
25661 | _this.props.onUpdateQuantity(item.id, parseInt(value, 10));
|
25662 | };
|
25663 |
|
25664 | _this._onRemoveItem = function () {
|
25665 | var item = _this.props.item;
|
25666 |
|
25667 | _this.props.onRemoveItem(item.id);
|
25668 | };
|
25669 |
|
25670 | _this._renderQuantityPicker = function () {
|
25671 | return _react2.default.createElement(
|
25672 | Select,
|
25673 | {
|
25674 | value: _this.props.item.quantity || '',
|
25675 | onChange: _this._onUpdateQuantity },
|
25676 | _this.quantities.map(function (i) {
|
25677 | return _react2.default.createElement(
|
25678 | 'option',
|
25679 | { key: 'quantity-' + i, value: i },
|
25680 | i
|
25681 | );
|
25682 | })
|
25683 | );
|
25684 | };
|
25685 |
|
25686 | _this._showRemoveItem = function () {
|
25687 | var loading = _this.props.loading;
|
25688 |
|
25689 | return !loading && !_this._isOutOfStock();
|
25690 | };
|
25691 |
|
25692 | _this._getNotEnoughQuantityError = function () {
|
25693 | var quantity = _this.props.item.quantity;
|
25694 |
|
25695 | if (quantity === 0) return 'Out of stock.';
|
25696 | return 'Only ' + quantity + ' ' + (quantity === 1 ? 'item' : 'items') + ' left';
|
25697 | };
|
25698 |
|
25699 | _this._isOutOfStock = function () {
|
25700 | var item = _this.props.item;
|
25701 |
|
25702 | return item.quantity <= 0;
|
25703 | };
|
25704 |
|
25705 | _this._getVariantShot = function () {
|
25706 | var item = _this.props.item;
|
25707 |
|
25708 | var shot = item.shots ? sortShots(item.shots)[0].cloudinary_key : item.shot.cloudinary_key;
|
25709 | return _cloudinary2.default.url(shot, { transformation: 'order-history' });
|
25710 | };
|
25711 |
|
25712 | _this.quantities = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
|
25713 | return _this;
|
25714 | }
|
25715 |
|
25716 | _createClass(BaseProduct, [{
|
25717 | key: 'render',
|
25718 | value: function render() {
|
25719 | var _props = this.props,
|
25720 | item = _props.item,
|
25721 | hideCartSidebar = _props.hideCartSidebar,
|
25722 | className = _props.className,
|
25723 | renderLink = _props.renderLink;
|
25724 |
|
25725 | var isOutOfStock = this._isOutOfStock();
|
25726 |
|
25727 | return _react2.default.createElement(
|
25728 | 'div',
|
25729 | { className: className },
|
25730 | _react2.default.createElement(
|
25731 | Thumbnail,
|
25732 | { onClick: hideCartSidebar },
|
25733 | _react2.default.createElement(
|
25734 | ImageLink,
|
25735 | { renderLink: renderLink, target: '/products/' + item.slug + '-' + item.colorway_slug },
|
25736 | _react2.default.createElement('img', { alt: item.description, src: this._getVariantShot() })
|
25737 | )
|
25738 | ),
|
25739 | _react2.default.createElement(
|
25740 | 'div',
|
25741 | null,
|
25742 | _react2.default.createElement(
|
25743 | ItemName,
|
25744 | null,
|
25745 | item.name
|
25746 | ),
|
25747 | item.on_sale ? _react2.default.createElement(
|
25748 | ItemPrice,
|
25749 | null,
|
25750 | _react2.default.createElement(
|
25751 | 'span',
|
25752 | { className: 'strikeThruPrice' },
|
25753 | _accounting2.default.formatMoney(item.original_price)
|
25754 | ),
|
25755 | _react2.default.createElement(
|
25756 | 'span',
|
25757 | null,
|
25758 | '\xA0\xA0',
|
25759 | _accounting2.default.formatMoney(item.price)
|
25760 | )
|
25761 | ) : _react2.default.createElement(
|
25762 | ItemPrice,
|
25763 | null,
|
25764 | _accounting2.default.formatMoney(item.price)
|
25765 | ),
|
25766 | _react2.default.createElement(
|
25767 | Attribute,
|
25768 | null,
|
25769 | 'Color',
|
25770 | _react2.default.createElement(
|
25771 | 'em',
|
25772 | null,
|
25773 | item.color
|
25774 | )
|
25775 | ),
|
25776 | _react2.default.createElement(
|
25777 | Attribute,
|
25778 | null,
|
25779 | 'Size',
|
25780 | _react2.default.createElement(
|
25781 | 'em',
|
25782 | null,
|
25783 | item.size
|
25784 | )
|
25785 | ),
|
25786 | !isOutOfStock && _react2.default.createElement(
|
25787 | Attribute,
|
25788 | null,
|
25789 | 'Qty',
|
25790 | this._renderQuantityPicker()
|
25791 | ),
|
25792 | (item.not_enough_quantity_error || isOutOfStock) && _react2.default.createElement(
|
25793 | Attribute,
|
25794 | null,
|
25795 | this._getNotEnoughQuantityError()
|
25796 | ),
|
25797 | item.on_sale && _react2.default.createElement(
|
25798 | FinalSale,
|
25799 | null,
|
25800 | 'FINAL SALE'
|
25801 | )
|
25802 | ),
|
25803 | this._showRemoveItem() && _react2.default.createElement(Remove, { onClick: this._onRemoveItem })
|
25804 | );
|
25805 | }
|
25806 | }]);
|
25807 |
|
25808 | return BaseProduct;
|
25809 | }(_react2.default.Component);
|
25810 |
|
25811 | var renderLink = function renderLink(inProps) {
|
25812 | var target = inProps.target,
|
25813 | children = inProps.children,
|
25814 | props = _objectWithoutProperties(inProps, ['target', 'children']);
|
25815 |
|
25816 | return _react2.default.createElement(
|
25817 | 'a',
|
25818 | Object.assign({ href: target }, props),
|
25819 | children
|
25820 | );
|
25821 | };
|
25822 |
|
25823 | var Product = (0, _styledComponents2.default)(BaseProduct)(_templateObject9);
|
25824 |
|
25825 | BaseProduct.propTypes = {
|
25826 | item: _propTypes2.default.object,
|
25827 | onUpdateQuantity: _propTypes2.default.func,
|
25828 | onRemoveItem: _propTypes2.default.func,
|
25829 | hideCartSidebar: _propTypes2.default.func,
|
25830 | className: _propTypes2.default.string,
|
25831 | renderLink: _propTypes2.default.func
|
25832 | };
|
25833 |
|
25834 | BaseProduct.defaultProps = {
|
25835 | renderLink: renderLink
|
25836 | };
|
25837 |
|
25838 | exports.default = Product;
|
25839 |
|
25840 | }),
|
25841 |
|
25842 | (function(module, exports, __webpack_require__) {
|
25843 |
|
25844 | "use strict";
|
25845 |
|
25846 |
|
25847 | Object.defineProperty(exports, "__esModule", {
|
25848 | value: true
|
25849 | });
|
25850 |
|
25851 | var _persistentCartProductList = __webpack_require__(370);
|
25852 |
|
25853 | Object.defineProperty(exports, 'PersistentCartProductList', {
|
25854 | enumerable: true,
|
25855 | get: function get() {
|
25856 | return _interopRequireDefault(_persistentCartProductList).default;
|
25857 | }
|
25858 | });
|
25859 |
|
25860 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25861 |
|
25862 | }),
|
25863 |
|
25864 | (function(module, exports, __webpack_require__) {
|
25865 |
|
25866 | "use strict";
|
25867 |
|
25868 |
|
25869 | Object.defineProperty(exports, "__esModule", {
|
25870 | value: true
|
25871 | });
|
25872 |
|
25873 | 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; }; }();
|
25874 |
|
25875 | var _templateObject = _taggedTemplateLiteral(['\n border-bottom: 1px solid ', ';\n border-top: 1px solid ', ';\n flex-grow: 1;\n margin-top: 6px;\n'], ['\n border-bottom: 1px solid ', ';\n border-top: 1px solid ', ';\n flex-grow: 1;\n margin-top: 6px;\n']),
|
25876 | _templateObject2 = _taggedTemplateLiteral(['\n height: auto;\n'], ['\n height: auto;\n']),
|
25877 | _templateObject3 = _taggedTemplateLiteral(['\n padding-bottom: 275px;\n'], ['\n padding-bottom: 275px;\n']);
|
25878 |
|
25879 | var _react = __webpack_require__(2);
|
25880 |
|
25881 | var _react2 = _interopRequireDefault(_react);
|
25882 |
|
25883 | var _propTypes = __webpack_require__(0);
|
25884 |
|
25885 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
25886 |
|
25887 | var _styledComponents = __webpack_require__(1);
|
25888 |
|
25889 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
25890 |
|
25891 | var _SRC = __webpack_require__(3);
|
25892 |
|
25893 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
25894 |
|
25895 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
25896 |
|
25897 | 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; }
|
25898 |
|
25899 | 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; }
|
25900 |
|
25901 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
25902 |
|
25903 | var BagListBody = _styledComponents2.default.main(_templateObject, function (props) {
|
25904 | return props.theme.colors.gray4;
|
25905 | }, function (props) {
|
25906 | return props.theme.colors.gray4;
|
25907 | });
|
25908 |
|
25909 | var BagListWrapper = _styledComponents2.default.div(_templateObject2);
|
25910 |
|
25911 | var BasePersistentCartProductList = function (_Component) {
|
25912 | _inherits(BasePersistentCartProductList, _Component);
|
25913 |
|
25914 | function BasePersistentCartProductList() {
|
25915 | _classCallCheck(this, BasePersistentCartProductList);
|
25916 |
|
25917 | return _possibleConstructorReturn(this, (BasePersistentCartProductList.__proto__ || Object.getPrototypeOf(BasePersistentCartProductList)).apply(this, arguments));
|
25918 | }
|
25919 |
|
25920 | _createClass(BasePersistentCartProductList, [{
|
25921 | key: 'componentDidMount',
|
25922 | value: function componentDidMount() {
|
25923 | var _props = this.props,
|
25924 | lineItems = _props.lineItems,
|
25925 | segmentCartViewed = _props.segmentCartViewed;
|
25926 |
|
25927 | if (lineItems) {
|
25928 | segmentCartViewed(lineItems);
|
25929 | }
|
25930 | }
|
25931 | }, {
|
25932 | key: 'componentDidUpdate',
|
25933 | value: function componentDidUpdate(prevProps, prevState) {
|
25934 | var _props2 = this.props,
|
25935 | lineItems = _props2.lineItems,
|
25936 | segmentCartViewed = _props2.segmentCartViewed;
|
25937 |
|
25938 | if (prevProps.lineItems === undefined && lineItems) {
|
25939 | segmentCartViewed(lineItems);
|
25940 | }
|
25941 | }
|
25942 | }, {
|
25943 | key: 'render',
|
25944 | value: function render() {
|
25945 | var _props3 = this.props,
|
25946 | className = _props3.className,
|
25947 | lineItems = _props3.lineItems,
|
25948 | updateBag = _props3.updateBag,
|
25949 | removeItem = _props3.removeItem,
|
25950 | hideCartSidebar = _props3.hideCartSidebar,
|
25951 | renderProductLink = _props3.renderProductLink;
|
25952 |
|
25953 |
|
25954 | return _react2.default.createElement(
|
25955 | 'section',
|
25956 | { className: className },
|
25957 | _react2.default.createElement(
|
25958 | BagListBody,
|
25959 | null,
|
25960 | _react2.default.createElement(
|
25961 | BagListWrapper,
|
25962 | null,
|
25963 | lineItems.map(function (variant, i) {
|
25964 | return _react2.default.createElement(_SRC.PersistentCartProduct, {
|
25965 | key: 'bag-item-' + variant.id,
|
25966 | item: variant,
|
25967 | onUpdateQuantity: updateBag,
|
25968 | onRemoveItem: removeItem,
|
25969 | renderLink: renderProductLink,
|
25970 | hideCartSidebar: hideCartSidebar });
|
25971 | })
|
25972 | )
|
25973 | )
|
25974 | );
|
25975 | }
|
25976 | }]);
|
25977 |
|
25978 | return BasePersistentCartProductList;
|
25979 | }(_react.Component);
|
25980 |
|
25981 | var PersistentCartProductList = (0, _styledComponents2.default)(BasePersistentCartProductList)(_templateObject3);
|
25982 |
|
25983 | BasePersistentCartProductList.propTypes = {
|
25984 | className: _propTypes2.default.string,
|
25985 | lineItems: _propTypes2.default.array,
|
25986 | updateBag: _propTypes2.default.func,
|
25987 | removeItem: _propTypes2.default.func,
|
25988 | hideCartSidebar: _propTypes2.default.func,
|
25989 | segmentCartViewed: _propTypes2.default.func,
|
25990 | renderProductLink: _propTypes2.default.func
|
25991 | };
|
25992 |
|
25993 | exports.default = PersistentCartProductList;
|
25994 |
|
25995 | }),
|
25996 |
|
25997 | (function(module, exports, __webpack_require__) {
|
25998 |
|
25999 | "use strict";
|
26000 |
|
26001 |
|
26002 | Object.defineProperty(exports, "__esModule", {
|
26003 | value: true
|
26004 | });
|
26005 |
|
26006 | var _cartSidebar = __webpack_require__(372);
|
26007 |
|
26008 | Object.defineProperty(exports, 'CartSidebar', {
|
26009 | enumerable: true,
|
26010 | get: function get() {
|
26011 | return _interopRequireDefault(_cartSidebar).default;
|
26012 | }
|
26013 | });
|
26014 |
|
26015 | var _stripeProviderWrapper = __webpack_require__(373);
|
26016 |
|
26017 | Object.defineProperty(exports, 'StripeProviderWrapper', {
|
26018 | enumerable: true,
|
26019 | get: function get() {
|
26020 | return _interopRequireDefault(_stripeProviderWrapper).default;
|
26021 | }
|
26022 | });
|
26023 |
|
26024 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26025 |
|
26026 | }),
|
26027 |
|
26028 | (function(module, exports, __webpack_require__) {
|
26029 |
|
26030 | "use strict";
|
26031 |
|
26032 |
|
26033 | Object.defineProperty(exports, "__esModule", {
|
26034 | value: true
|
26035 | });
|
26036 |
|
26037 | var _regenerator = __webpack_require__(40);
|
26038 |
|
26039 | var _regenerator2 = _interopRequireDefault(_regenerator);
|
26040 |
|
26041 | 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; }; }();
|
26042 |
|
26043 | 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']),
|
26044 | _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']),
|
26045 | _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 ']),
|
26046 | _templateObject4 = _taggedTemplateLiteral(['\n width: 35%;\n '], ['\n width: 35%;\n ']),
|
26047 | _templateObject5 = _taggedTemplateLiteral(['\n width: 25%;\n '], ['\n width: 25%;\n ']),
|
26048 | _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']),
|
26049 | _templateObject7 = _taggedTemplateLiteral(['\n text-align: center;\n justify-content: center;\n color: ', ';\n letter-spacing: 1px;\n font-weight: 200;\n font-size: 18px;\n font-family: ', ';\n margin: 0 5px;\n display: inline-block;\n'], ['\n text-align: center;\n justify-content: center;\n color: ', ';\n letter-spacing: 1px;\n font-weight: 200;\n font-size: 18px;\n font-family: ', ';\n margin: 0 5px;\n display: inline-block;\n']),
|
26050 | _templateObject8 = _taggedTemplateLiteral(['\n text-align: center;\n'], ['\n text-align: center;\n']),
|
26051 | _templateObject9 = _taggedTemplateLiteral(['\n text-align: center;\n margin-top: 0;\n margin-bottom: 1.6rem;\n display: inline-block;\n'], ['\n text-align: center;\n margin-top: 0;\n margin-bottom: 1.6rem;\n display: inline-block;\n']),
|
26052 | _templateObject10 = _taggedTemplateLiteral(['\n position: absolute;\n top: 30px;\n right: 30px;\n'], ['\n position: absolute;\n top: 30px;\n right: 30px;\n']),
|
26053 | _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']),
|
26054 | _templateObject12 = _taggedTemplateLiteral(['\n left: auto;\n width: 35%;\n '], ['\n left: auto;\n width: 35%;\n ']),
|
26055 | _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']),
|
26056 | _templateObject14 = _taggedTemplateLiteral(['\n margin-left: 12px;\n font-style: normal;\n'], ['\n margin-left: 12px;\n font-style: normal;\n']),
|
26057 | _templateObject15 = _taggedTemplateLiteral(['\n width: 100%;\n'], ['\n width: 100%;\n']),
|
26058 | _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;\n font-family: ', ';\n text-decoration: underline;\n ', '\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;\n font-family: ', ';\n text-decoration: underline;\n ', '\n']),
|
26059 | _templateObject17 = _taggedTemplateLiteral(['\n display: none;\n '], ['\n display: none;\n ']),
|
26060 | _templateObject18 = _taggedTemplateLiteral(['\n cursor: pointer;\n color: ', ';\n font-size: 1.4rem;\n font-family: ', ';\n text-decoration: underline;\n'], ['\n cursor: pointer;\n color: ', ';\n font-size: 1.4rem;\n font-family: ', ';\n text-decoration: underline;\n']),
|
26061 | _templateObject19 = _taggedTemplateLiteral(['\n color: ', ';\n text-decoration: line-through;\n margin-right: 5px;\n'], ['\n color: ', ';\n text-decoration: line-through;\n margin-right: 5px;\n']),
|
26062 | _templateObject20 = _taggedTemplateLiteral(['\n padding-top: 13px;\n'], ['\n padding-top: 13px;\n']),
|
26063 | _templateObject21 = _taggedTemplateLiteral(['\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n'], ['\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n']),
|
26064 | _templateObject22 = _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']);
|
26065 |
|
26066 | var _react = __webpack_require__(2);
|
26067 |
|
26068 | var _react2 = _interopRequireDefault(_react);
|
26069 |
|
26070 | var _propTypes = __webpack_require__(0);
|
26071 |
|
26072 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
26073 |
|
26074 | var _reactStripeElements = __webpack_require__(21);
|
26075 |
|
26076 | var _styledComponents = __webpack_require__(1);
|
26077 |
|
26078 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
26079 |
|
26080 | var _accounting = __webpack_require__(22);
|
26081 |
|
26082 | var _accounting2 = _interopRequireDefault(_accounting);
|
26083 |
|
26084 | var _SRC = __webpack_require__(3);
|
26085 |
|
26086 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26087 |
|
26088 | 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"); }); }; }
|
26089 |
|
26090 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
26091 |
|
26092 | 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; }
|
26093 |
|
26094 | 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; }
|
26095 |
|
26096 | 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; }
|
26097 |
|
26098 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
26099 |
|
26100 | var Overlay = _styledComponents2.default.div(_templateObject);
|
26101 |
|
26102 | var CartSidebarContainer = _styledComponents2.default.article(_templateObject2, function (props) {
|
26103 | return props.theme.colors.white;
|
26104 | }, function (props) {
|
26105 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3, function (props) {
|
26106 | return props.theme.colors.rocketBlue;
|
26107 | });
|
26108 | }, function (props) {
|
26109 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject4);
|
26110 | }, function (props) {
|
26111 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject5);
|
26112 | });
|
26113 |
|
26114 | var CartSidebarHeader = _styledComponents2.default.div(_templateObject6);
|
26115 |
|
26116 | var ItemCount = _styledComponents2.default.h5(_templateObject7, function (props) {
|
26117 | return props.theme.colors.navy;
|
26118 | }, function (props) {
|
26119 | return props.theme.fonts.primaryFont;
|
26120 | });
|
26121 |
|
26122 | var TitleContainer = _styledComponents2.default.div(_templateObject8);
|
26123 |
|
26124 | var YourBagTitle = (0, _styledComponents2.default)(_SRC.H3)(_templateObject9);
|
26125 |
|
26126 | var CloseXDiv = _styledComponents2.default.div(_templateObject10);
|
26127 |
|
26128 | var ProgressBarContainer = _styledComponents2.default.div(_templateObject8);
|
26129 |
|
26130 | var Footer = _styledComponents2.default.footer(_templateObject11, function (props) {
|
26131 | return props.theme.colors.white;
|
26132 | }, function (props) {
|
26133 | return props.theme.colors.gray4;
|
26134 | }, function (props) {
|
26135 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject3, function (props) {
|
26136 | return props.theme.colors.rocketBlue;
|
26137 | });
|
26138 | }, function (props) {
|
26139 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject12);
|
26140 | }, function (props) {
|
26141 | return props.theme.breakpointsVerbose.aboveLaptop(_templateObject5);
|
26142 | });
|
26143 |
|
26144 | var Total = (0, _styledComponents2.default)(_SRC.H4)(_templateObject13, function (props) {
|
26145 | return props.theme.colors.navy;
|
26146 | }, function (props) {
|
26147 | return props.theme.fonts.headerFont;
|
26148 | });
|
26149 |
|
26150 | var Em = _styledComponents2.default.em(_templateObject14);
|
26151 |
|
26152 | var PaymentRequestButton = (0, _styledComponents2.default)(_SRC.PaymentRequestForm)(_templateObject15);
|
26153 |
|
26154 | var CheckoutLinkMobile = (0, _styledComponents2.default)(function (_ref) {
|
26155 | var renderLink = _ref.renderLink,
|
26156 | children = _ref.children,
|
26157 | props = _objectWithoutProperties(_ref, ['renderLink', 'children']);
|
26158 |
|
26159 | if (renderLink) {
|
26160 | return renderLink(Object.assign({}, props, { children: children }));
|
26161 | } else {
|
26162 | return _react2.default.createElement(
|
26163 | 'a',
|
26164 | props,
|
26165 | children
|
26166 | );
|
26167 | }
|
26168 | })(_templateObject16, function (props) {
|
26169 | return props.theme.colors.navy;
|
26170 | }, function (props) {
|
26171 | return props.theme.fonts.primaryFont;
|
26172 | }, function (props) {
|
26173 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject17);
|
26174 | });
|
26175 |
|
26176 | var CheckoutLinkDesktop = (0, _styledComponents2.default)(function (_ref2) {
|
26177 | var renderLink = _ref2.renderLink,
|
26178 | children = _ref2.children,
|
26179 | props = _objectWithoutProperties(_ref2, ['renderLink', 'children']);
|
26180 |
|
26181 | if (renderLink) {
|
26182 | return renderLink(Object.assign({}, props, { children: children }));
|
26183 | } else {
|
26184 | return _react2.default.createElement(
|
26185 | 'a',
|
26186 | props,
|
26187 | children
|
26188 | );
|
26189 | }
|
26190 | })(_templateObject16, function (props) {
|
26191 | return props.theme.colors.navy;
|
26192 | }, function (props) {
|
26193 | return props.theme.fonts.primaryFont;
|
26194 | }, function (props) {
|
26195 | return props.theme.breakpointsVerbose.belowTabletMax(_templateObject17);
|
26196 | });
|
26197 |
|
26198 | var GiftLink = (0, _styledComponents2.default)(function (_ref3) {
|
26199 | var renderLink = _ref3.renderLink,
|
26200 | children = _ref3.children,
|
26201 | props = _objectWithoutProperties(_ref3, ['renderLink', 'children']);
|
26202 |
|
26203 | if (renderLink) {
|
26204 | return renderLink(Object.assign({}, props, { children: children }));
|
26205 | } else {
|
26206 | return _react2.default.createElement(
|
26207 | 'a',
|
26208 | props,
|
26209 | children
|
26210 | );
|
26211 | }
|
26212 | })(_templateObject18, function (props) {
|
26213 | return props.theme.colors.navy;
|
26214 | }, function (props) {
|
26215 | return props.theme.fonts.primaryFont;
|
26216 | });
|
26217 |
|
26218 | var Striked = _styledComponents2.default.span(_templateObject19, function (props) {
|
26219 | return props.theme.colors.loading;
|
26220 | });
|
26221 |
|
26222 | var Padding = _styledComponents2.default.div(_templateObject20);
|
26223 |
|
26224 | var OrderTotal = function OrderTotal(_ref4) {
|
26225 | var order = _ref4.order;
|
26226 |
|
26227 | var originalAmount = null;
|
26228 | if (parseFloat(order.subtotal) > parseFloat(order.total)) {
|
26229 | originalAmount = _react2.default.createElement(
|
26230 | Striked,
|
26231 | null,
|
26232 | _accounting2.default.formatMoney(order.subtotal)
|
26233 | );
|
26234 | }
|
26235 |
|
26236 | return _react2.default.createElement(
|
26237 | Total,
|
26238 | null,
|
26239 | 'TOTAL',
|
26240 | _react2.default.createElement(
|
26241 | Em,
|
26242 | null,
|
26243 | originalAmount,
|
26244 | _accounting2.default.formatMoney(order.total)
|
26245 | )
|
26246 | );
|
26247 | };
|
26248 |
|
26249 | var CheckoutButtonsContainer = _styledComponents2.default.div(_templateObject21);
|
26250 |
|
26251 | var BaseCartSidebar = function (_React$Component) {
|
26252 | _inherits(BaseCartSidebar, _React$Component);
|
26253 |
|
26254 | function BaseCartSidebar(props) {
|
26255 | var _this2 = this;
|
26256 |
|
26257 | _classCallCheck(this, BaseCartSidebar);
|
26258 |
|
26259 | var _this = _possibleConstructorReturn(this, (BaseCartSidebar.__proto__ || Object.getPrototypeOf(BaseCartSidebar)).call(this, props));
|
26260 |
|
26261 | _this.setBag = function (element) {
|
26262 | _this.bag = element;
|
26263 | };
|
26264 |
|
26265 | _this.submitCheckout = function () {
|
26266 | var _ref6 = _asyncToGenerator( _regenerator2.default.mark(function _callee(_ref5) {
|
26267 | var token = _ref5.token,
|
26268 | data = _objectWithoutProperties(_ref5, ['token']);
|
26269 |
|
26270 | return _regenerator2.default.wrap(function _callee$(_context) {
|
26271 | while (1) {
|
26272 | switch (_context.prev = _context.next) {
|
26273 | case 0:
|
26274 | return _context.abrupt('return', _this.props.submitBagCheckoutStripe(_this.props.order.id, Object.assign({ token: token }, data)));
|
26275 |
|
26276 | case 1:
|
26277 | case 'end':
|
26278 | return _context.stop();
|
26279 | }
|
26280 | }
|
26281 | }, _callee, _this2);
|
26282 | }));
|
26283 |
|
26284 | return function (_x) {
|
26285 | return _ref6.apply(this, arguments);
|
26286 | };
|
26287 | }();
|
26288 |
|
26289 | _this.handleKeepShopping = function (breakpoint) {
|
26290 | var _this$props = _this.props,
|
26291 | hideCartSidebar = _this$props.hideCartSidebar,
|
26292 | scrollKeepShopping = _this$props.scrollKeepShopping;
|
26293 |
|
26294 | hideCartSidebar();
|
26295 |
|
26296 | if (scrollKeepShopping) {
|
26297 | scrollKeepShopping(breakpoint);
|
26298 | }
|
26299 | };
|
26300 |
|
26301 | _this.bag = undefined;
|
26302 | return _this;
|
26303 | }
|
26304 |
|
26305 | _createClass(BaseCartSidebar, [{
|
26306 | key: 'componentDidMount',
|
26307 | value: function componentDidMount() {
|
26308 | if (this.props.shouldShowCartSidebar) {
|
26309 | document.body.style.overflow = 'hidden';
|
26310 | }
|
26311 | }
|
26312 | }, {
|
26313 | key: 'componentDidUpdate',
|
26314 | value: function componentDidUpdate(prevProps, prevState) {
|
26315 | var shouldShowCartSidebar = this.props.shouldShowCartSidebar;
|
26316 |
|
26317 | if (prevProps.shouldShowCartSidebar === true && shouldShowCartSidebar === false) {
|
26318 | document.body.style.overflow = 'inherit';
|
26319 | } else if (prevProps.shouldShowCartSidebar === false && shouldShowCartSidebar === true) {
|
26320 | document.body.style.overflow = 'hidden';
|
26321 | }
|
26322 | }
|
26323 | }, {
|
26324 | key: 'componentWillUnmount',
|
26325 | value: function componentWillUnmount() {
|
26326 | document.body.style.overflow = 'inherit';
|
26327 | }
|
26328 | }, {
|
26329 | key: 'render',
|
26330 | value: function render() {
|
26331 | var _this3 = this;
|
26332 |
|
26333 | var _props = this.props,
|
26334 | shouldShowCartSidebar = _props.shouldShowCartSidebar,
|
26335 | className = _props.className,
|
26336 | hideCartSidebar = _props.hideCartSidebar,
|
26337 | subTotal = _props.subTotal,
|
26338 | itemsInBag = _props.itemsInBag,
|
26339 | order = _props.order,
|
26340 | setShippingAddress = _props.setShippingAddress,
|
26341 | renderLink = _props.renderLink,
|
26342 | updateBag = _props.updateBag,
|
26343 | removeItem = _props.removeItem,
|
26344 | segmentCartViewed = _props.segmentCartViewed,
|
26345 | lineItems = _props.lineItems,
|
26346 | promotion = _props.promotion,
|
26347 | promotionLoading = _props.promotionLoading,
|
26348 | promoHasBeenApplied = _props.promoHasBeenApplied,
|
26349 | promoErrorMessage = _props.promoErrorMessage,
|
26350 | applyPromotion = _props.applyPromotion,
|
26351 | removePromotion = _props.removePromotion,
|
26352 | appliedPromotion = _props.appliedPromotion,
|
26353 | renderProductLink = _props.renderProductLink,
|
26354 | currentUserEmail = _props.currentUserEmail,
|
26355 | onClickCheckout = _props.onClickCheckout,
|
26356 | onClickPaymentRequestButton = _props.onClickPaymentRequestButton,
|
26357 | giftFeatureOn = _props.giftFeatureOn;
|
26358 |
|
26359 | if (!shouldShowCartSidebar) return null;
|
26360 |
|
26361 | var isCheckoutButtonDisabled = subTotal === 0;
|
26362 | var percentage = Math.min(itemsInBag / 4 * 100, 100);
|
26363 |
|
26364 | return _react2.default.createElement(
|
26365 | 'div',
|
26366 | { className: className },
|
26367 | _react2.default.createElement(Overlay, { onClick: hideCartSidebar }),
|
26368 | _react2.default.createElement(
|
26369 | CartSidebarContainer,
|
26370 | {
|
26371 | 'aria-label': 'Bag', ref: this.setBag,
|
26372 | tabIndex: '-1' },
|
26373 | _react2.default.createElement(
|
26374 | 'div',
|
26375 | null,
|
26376 | _react2.default.createElement(
|
26377 | CartSidebarHeader,
|
26378 | null,
|
26379 | _react2.default.createElement(
|
26380 | TitleContainer,
|
26381 | null,
|
26382 | _react2.default.createElement(
|
26383 | YourBagTitle,
|
26384 | null,
|
26385 | 'Your bag'
|
26386 | ),
|
26387 | _react2.default.createElement(
|
26388 | ItemCount,
|
26389 | null,
|
26390 | '(',
|
26391 | itemsInBag,
|
26392 | ' ',
|
26393 | itemsInBag !== 1 ? 'items' : 'item',
|
26394 | ')'
|
26395 | )
|
26396 | ),
|
26397 | _react2.default.createElement(
|
26398 | CloseXDiv,
|
26399 | { onClick: hideCartSidebar },
|
26400 | _react2.default.createElement(_SRC.XIcon, { width: '15px', stroke: '#00003C' })
|
26401 | ),
|
26402 | _react2.default.createElement(
|
26403 | ProgressBarContainer,
|
26404 | null,
|
26405 | _react2.default.createElement(_SRC.ProgressBarText, {
|
26406 | order: order,
|
26407 | itemsInBag: itemsInBag
|
26408 | }),
|
26409 | _react2.default.createElement(_SRC.ProgressBar, { percentage: percentage }),
|
26410 | _react2.default.createElement(
|
26411 | CheckoutLinkMobile,
|
26412 | {
|
26413 | renderLink: renderLink,
|
26414 | onClick: function onClick() {
|
26415 | return _this3.handleKeepShopping("belowTabletMax");
|
26416 | }
|
26417 | },
|
26418 | 'KEEP SHOPPING'
|
26419 | ),
|
26420 | _react2.default.createElement(
|
26421 | CheckoutLinkDesktop,
|
26422 | {
|
26423 | renderLink: renderLink,
|
26424 | onClick: function onClick() {
|
26425 | return _this3.handleKeepShopping("aboveTabletMax");
|
26426 | }
|
26427 | },
|
26428 | 'KEEP SHOPPING'
|
26429 | )
|
26430 | )
|
26431 | ),
|
26432 | lineItems.length > 0 ? _react2.default.createElement(_SRC.PersistentCartProductList, {
|
26433 | lineItems: lineItems,
|
26434 | hideCartSidebar: hideCartSidebar,
|
26435 | updateBag: updateBag,
|
26436 | removeItem: removeItem,
|
26437 | renderProductLink: renderProductLink,
|
26438 | segmentCartViewed: segmentCartViewed
|
26439 | }) : _react2.default.createElement(_SRC.EmptyCart, null)
|
26440 | ),
|
26441 | _react2.default.createElement(
|
26442 | Footer,
|
26443 | null,
|
26444 | _react2.default.createElement(_SRC.CouponCodeWrapper, {
|
26445 | promotion: promotion,
|
26446 | loading: promotionLoading,
|
26447 | promoHasBeenApplied: promoHasBeenApplied,
|
26448 | errorMessage: promoErrorMessage,
|
26449 | applyPromotion: applyPromotion,
|
26450 | removePromotion: removePromotion,
|
26451 | appliedPromotion: appliedPromotion,
|
26452 | showBorder: false
|
26453 | }),
|
26454 | _react2.default.createElement(OrderTotal, { order: order }),
|
26455 | _react2.default.createElement(
|
26456 | CheckoutButtonsContainer,
|
26457 | null,
|
26458 | _react2.default.createElement(
|
26459 | _SRC.ButtonLink,
|
26460 | {
|
26461 | renderLink: renderLink,
|
26462 | target: '/checkout',
|
26463 | width: '100%',
|
26464 | maxWidth: '30rem',
|
26465 | kind: 'blue',
|
26466 | disabled: isCheckoutButtonDisabled,
|
26467 | onClick: onClickCheckout },
|
26468 | 'CHECKOUT'
|
26469 | ),
|
26470 | parseFloat(order.total) > 0 && _react2.default.createElement(
|
26471 | _reactStripeElements.Elements,
|
26472 | null,
|
26473 | _react2.default.createElement(PaymentRequestButton, {
|
26474 | currentUserEmail: currentUserEmail,
|
26475 | order: order,
|
26476 | setShippingAddress: setShippingAddress,
|
26477 | submitCheckout: this.submitCheckout,
|
26478 | onClickPaymentRequestButton: onClickPaymentRequestButton
|
26479 | })
|
26480 | )
|
26481 | ),
|
26482 | giftFeatureOn && _react2.default.createElement(
|
26483 | Padding,
|
26484 | null,
|
26485 | _react2.default.createElement(
|
26486 | GiftLink,
|
26487 | { target: '/checkout?contains_gift=true', renderLink: renderLink },
|
26488 | 'SEND AS A GIFT'
|
26489 | )
|
26490 | )
|
26491 | )
|
26492 | )
|
26493 | );
|
26494 | }
|
26495 | }]);
|
26496 |
|
26497 | return BaseCartSidebar;
|
26498 | }(_react2.default.Component);
|
26499 |
|
26500 | var renderLink = function renderLink(inProps) {
|
26501 | var target = inProps.target,
|
26502 | children = inProps.children,
|
26503 | props = _objectWithoutProperties(inProps, ['target', 'children']);
|
26504 |
|
26505 | return _react2.default.createElement(
|
26506 | 'a',
|
26507 | Object.assign({ href: target }, props),
|
26508 | children
|
26509 | );
|
26510 | };
|
26511 |
|
26512 | BaseCartSidebar.propTypes = {
|
26513 | shouldShowCartSidebar: _propTypes2.default.bool,
|
26514 | className: _propTypes2.default.string,
|
26515 | hideCartSidebar: _propTypes2.default.func,
|
26516 | submitBag: _propTypes2.default.func,
|
26517 | subTotal: _propTypes2.default.number,
|
26518 | itemsInBag: _propTypes2.default.number,
|
26519 | order: _propTypes2.default.object,
|
26520 | currentUser: _propTypes2.default.number,
|
26521 | submitBagCheckoutStripe: _propTypes2.default.func,
|
26522 | loadBag: _propTypes2.default.func,
|
26523 | setShippingAddress: _propTypes2.default.func,
|
26524 | renderLink: _propTypes2.default.func,
|
26525 | updateBag: _propTypes2.default.func,
|
26526 | removeItem: _propTypes2.default.func,
|
26527 | segmentCartViewed: _propTypes2.default.func,
|
26528 | lineItems: _propTypes2.default.array,
|
26529 | promotion: _propTypes2.default.object,
|
26530 | promotionLoading: _propTypes2.default.bool,
|
26531 | promoHasBeenApplied: _propTypes2.default.bool,
|
26532 | promoErrorMessage: _propTypes2.default.string,
|
26533 | applyPromotion: _propTypes2.default.func,
|
26534 | removePromotion: _propTypes2.default.func,
|
26535 | appliedPromotion: _propTypes2.default.object,
|
26536 | renderProductLink: _propTypes2.default.func,
|
26537 | currentUserEmail: _propTypes2.default.string,
|
26538 | giftFeatureOn: _propTypes2.default.bool,
|
26539 | scrollKeepShopping: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.func])
|
26540 | };
|
26541 |
|
26542 | BaseCartSidebar.defaultProps = {
|
26543 | renderLink: renderLink,
|
26544 | renderProductLink: renderLink,
|
26545 | giftFeatureOn: false,
|
26546 | scrollKeepShopping: false
|
26547 | };
|
26548 |
|
26549 | var CartSidebar = (0, _styledComponents2.default)(BaseCartSidebar)(_templateObject22);
|
26550 |
|
26551 | exports.default = CartSidebar;
|
26552 |
|
26553 | }),
|
26554 |
|
26555 | (function(module, exports, __webpack_require__) {
|
26556 |
|
26557 | "use strict";
|
26558 |
|
26559 |
|
26560 | Object.defineProperty(exports, "__esModule", {
|
26561 | value: true
|
26562 | });
|
26563 |
|
26564 | var _react = __webpack_require__(2);
|
26565 |
|
26566 | var _react2 = _interopRequireDefault(_react);
|
26567 |
|
26568 | var _reactStripeElements = __webpack_require__(21);
|
26569 |
|
26570 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26571 |
|
26572 | var StripeProviderWrapper = function StripeProviderWrapper(_ref) {
|
26573 | var children = _ref.children;
|
26574 | return _react2.default.createElement(
|
26575 | _reactStripeElements.StripeProvider,
|
26576 | { apiKey: "pk_test_3ItMWhk2jkyFIs5J2sFomugK" },
|
26577 | children
|
26578 | );
|
26579 | };
|
26580 |
|
26581 | exports.default = StripeProviderWrapper;
|
26582 |
|
26583 | }),
|
26584 |
|
26585 | (function(module, exports, __webpack_require__) {
|
26586 |
|
26587 | "use strict";
|
26588 |
|
26589 |
|
26590 | Object.defineProperty(exports, "__esModule", {
|
26591 | value: true
|
26592 | });
|
26593 |
|
26594 | var _EmptyCart = __webpack_require__(375);
|
26595 |
|
26596 | Object.defineProperty(exports, 'EmptyCart', {
|
26597 | enumerable: true,
|
26598 | get: function get() {
|
26599 | return _interopRequireDefault(_EmptyCart).default;
|
26600 | }
|
26601 | });
|
26602 |
|
26603 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26604 |
|
26605 | }),
|
26606 |
|
26607 | (function(module, exports, __webpack_require__) {
|
26608 |
|
26609 | "use strict";
|
26610 |
|
26611 |
|
26612 | Object.defineProperty(exports, "__esModule", {
|
26613 | value: true
|
26614 | });
|
26615 |
|
26616 | var _templateObject = _taggedTemplateLiteral(['\n padding-top: 50px;\n text-align: center;\n border-top: 1px solid ', ';\n'], ['\n padding-top: 50px;\n text-align: center;\n border-top: 1px solid ', ';\n']),
|
26617 | _templateObject2 = _taggedTemplateLiteral(['\n padding: 20px 0;\n'], ['\n padding: 20px 0;\n']);
|
26618 |
|
26619 | var _react = __webpack_require__(2);
|
26620 |
|
26621 | var _react2 = _interopRequireDefault(_react);
|
26622 |
|
26623 | var _styledComponents = __webpack_require__(1);
|
26624 |
|
26625 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
26626 |
|
26627 | var _SRC = __webpack_require__(3);
|
26628 |
|
26629 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26630 |
|
26631 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
26632 |
|
26633 | var Container = _styledComponents2.default.div(_templateObject, function (props) {
|
26634 | return props.theme.colors.gray4;
|
26635 | });
|
26636 |
|
26637 | var IconContainer = _styledComponents2.default.div(_templateObject2);
|
26638 |
|
26639 | var EmptyCart = function EmptyCart() {
|
26640 | return _react2.default.createElement(
|
26641 | Container,
|
26642 | null,
|
26643 | _react2.default.createElement(
|
26644 | _SRC.P,
|
26645 | null,
|
26646 | 'Ah, shucks! Your bag is empty...'
|
26647 | ),
|
26648 | _react2.default.createElement(
|
26649 | IconContainer,
|
26650 | null,
|
26651 | _react2.default.createElement(_SRC.CloudGroup, null)
|
26652 | )
|
26653 | );
|
26654 | };
|
26655 |
|
26656 | exports.default = EmptyCart;
|
26657 |
|
26658 | }),
|
26659 |
|
26660 | (function(module, exports, __webpack_require__) {
|
26661 |
|
26662 | "use strict";
|
26663 |
|
26664 |
|
26665 | Object.defineProperty(exports, "__esModule", {
|
26666 | value: true
|
26667 | });
|
26668 |
|
26669 | var _productTile = __webpack_require__(377);
|
26670 |
|
26671 | Object.defineProperty(exports, 'ProductTile', {
|
26672 | enumerable: true,
|
26673 | get: function get() {
|
26674 | return _interopRequireDefault(_productTile).default;
|
26675 | }
|
26676 | });
|
26677 |
|
26678 | var _colorPicker = __webpack_require__(379);
|
26679 |
|
26680 | Object.keys(_colorPicker).forEach(function (key) {
|
26681 | if (key === "default" || key === "__esModule") return;
|
26682 | Object.defineProperty(exports, key, {
|
26683 | enumerable: true,
|
26684 | get: function get() {
|
26685 | return _colorPicker[key];
|
26686 | }
|
26687 | });
|
26688 | });
|
26689 |
|
26690 | var _quickAdd = __webpack_require__(381);
|
26691 |
|
26692 | Object.keys(_quickAdd).forEach(function (key) {
|
26693 | if (key === "default" || key === "__esModule") return;
|
26694 | Object.defineProperty(exports, key, {
|
26695 | enumerable: true,
|
26696 | get: function get() {
|
26697 | return _quickAdd[key];
|
26698 | }
|
26699 | });
|
26700 | });
|
26701 |
|
26702 | var _productPrice = __webpack_require__(386);
|
26703 |
|
26704 | Object.keys(_productPrice).forEach(function (key) {
|
26705 | if (key === "default" || key === "__esModule") return;
|
26706 | Object.defineProperty(exports, key, {
|
26707 | enumerable: true,
|
26708 | get: function get() {
|
26709 | return _productPrice[key];
|
26710 | }
|
26711 | });
|
26712 | });
|
26713 |
|
26714 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26715 |
|
26716 | }),
|
26717 |
|
26718 | (function(module, exports, __webpack_require__) {
|
26719 |
|
26720 | "use strict";
|
26721 |
|
26722 |
|
26723 | Object.defineProperty(exports, "__esModule", {
|
26724 | value: true
|
26725 | });
|
26726 |
|
26727 | var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n flex-wrap: wrap;\n margin-bottom: ', ';\n ', '\n ', ' {\n max-width: 100%;\n display: flex;\n flex: 1 1 100%;\n }\n .roa-product-tile-details {\n display: flex;\n flex-wrap: wrap;\n flex: 1 1 100%;\n text-decoration: none;\n padding-top: 1.7rem;\n }\n .roa-product-tile-details ', ' {\n flex: 1 1 100%;\n }\n'], ['\n display: flex;\n flex-wrap: wrap;\n margin-bottom: ', ';\n ', '\n ', ' {\n max-width: 100%;\n display: flex;\n flex: 1 1 100%;\n }\n .roa-product-tile-details {\n display: flex;\n flex-wrap: wrap;\n flex: 1 1 100%;\n text-decoration: none;\n padding-top: 1.7rem;\n }\n .roa-product-tile-details ', ' {\n flex: 1 1 100%;\n }\n']),
|
26728 | _templateObject2 = _taggedTemplateLiteral(['\n margin-bottom: ', ';\n '], ['\n margin-bottom: ', ';\n ']);
|
26729 |
|
26730 | var _styledComponents = __webpack_require__(1);
|
26731 |
|
26732 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
26733 |
|
26734 | var _propTypes = __webpack_require__(0);
|
26735 |
|
26736 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
26737 |
|
26738 | var _SRC = __webpack_require__(3);
|
26739 |
|
26740 | var _productTile = __webpack_require__(378);
|
26741 |
|
26742 | var _productTile2 = _interopRequireDefault(_productTile);
|
26743 |
|
26744 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26745 |
|
26746 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
26747 |
|
26748 | var ProductTile = (0, _styledComponents2.default)(_productTile2.default)(_templateObject, function (props) {
|
26749 | return props.marginBottom.mobile;
|
26750 | }, function (props) {
|
26751 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2, function (props) {
|
26752 | return props.marginBottom.desktop;
|
26753 | });
|
26754 | }, _SRC.QuickAdd, _SRC.P);
|
26755 |
|
26756 | ProductTile.propTypes = {
|
26757 | marginBottom: _propTypes2.default.shape({
|
26758 | desktop: _propTypes2.default.string,
|
26759 | mobile: _propTypes2.default.string
|
26760 | })
|
26761 | };
|
26762 |
|
26763 | ProductTile.defaultProps = {
|
26764 | marginBottom: {
|
26765 | desktop: '6rem',
|
26766 | mobile: '2rem'
|
26767 | }
|
26768 |
|
26769 | };exports.default = ProductTile;
|
26770 |
|
26771 | }),
|
26772 |
|
26773 | (function(module, exports, __webpack_require__) {
|
26774 |
|
26775 | "use strict";
|
26776 |
|
26777 |
|
26778 | Object.defineProperty(exports, "__esModule", {
|
26779 | value: true
|
26780 | });
|
26781 |
|
26782 | 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; }; }();
|
26783 |
|
26784 | var _react = __webpack_require__(2);
|
26785 |
|
26786 | var _react2 = _interopRequireDefault(_react);
|
26787 |
|
26788 | var _propTypes = __webpack_require__(0);
|
26789 |
|
26790 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
26791 |
|
26792 | var _SRC = __webpack_require__(3);
|
26793 |
|
26794 | var _shotSorter = __webpack_require__(42);
|
26795 |
|
26796 | var _shotSorter2 = _interopRequireDefault(_shotSorter);
|
26797 |
|
26798 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26799 |
|
26800 | 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; }
|
26801 |
|
26802 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
26803 |
|
26804 | 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; }
|
26805 |
|
26806 | 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; }
|
26807 |
|
26808 | var SortedROASlider = (0, _shotSorter2.default)(_SRC.ROASlider);
|
26809 |
|
26810 | var ProductTile = function (_React$Component) {
|
26811 | _inherits(ProductTile, _React$Component);
|
26812 |
|
26813 | function ProductTile(props) {
|
26814 | _classCallCheck(this, ProductTile);
|
26815 |
|
26816 | var _this = _possibleConstructorReturn(this, (ProductTile.__proto__ || Object.getPrototypeOf(ProductTile)).call(this, props));
|
26817 |
|
26818 | _this.showQuickAdd = function () {
|
26819 | _this.setState({
|
26820 | show: true
|
26821 | });
|
26822 | };
|
26823 |
|
26824 | _this.hideQuickAdd = function () {
|
26825 | _this.setState({
|
26826 | show: false
|
26827 | });
|
26828 | };
|
26829 |
|
26830 | _this.getColorwayIndex = function (code) {
|
26831 | var colorways = _this.props.product.colorways;
|
26832 |
|
26833 | return colorways.findIndex(function (colorway) {
|
26834 | return colorway.code === code;
|
26835 | });
|
26836 | };
|
26837 |
|
26838 | _this.changeColorway = function (code) {
|
26839 | return function (_ref) {
|
26840 | var target = _ref.target;
|
26841 |
|
26842 | _this.setState({ selectedColorWay: code, lazyLoad: false });
|
26843 | };
|
26844 | };
|
26845 |
|
26846 | _this.getColorway = function (code) {
|
26847 | var product = _this.props.product;
|
26848 |
|
26849 | var index = _this.getColorwayIndex(code);
|
26850 | return product.colorways[index];
|
26851 | };
|
26852 |
|
26853 | _this.state = {
|
26854 | show: false,
|
26855 | selectedColorWay: props.product.code,
|
26856 | lazyLoad: props.lazyLoad
|
26857 | };
|
26858 | return _this;
|
26859 | }
|
26860 |
|
26861 | _createClass(ProductTile, [{
|
26862 | key: 'render',
|
26863 | value: function render() {
|
26864 | var _props = this.props,
|
26865 | className = _props.className,
|
26866 | product = _props.product,
|
26867 | renderLink = _props.renderLink,
|
26868 | props = _objectWithoutProperties(_props, ['className', 'product', 'renderLink']);
|
26869 |
|
26870 | var _state = this.state,
|
26871 | show = _state.show,
|
26872 | selectedColorWay = _state.selectedColorWay,
|
26873 | lazyLoad = _state.lazyLoad;
|
26874 |
|
26875 | var colorway = this.getColorway(selectedColorWay);
|
26876 | var target = 'products/' + product.product_slug + '-' + colorway.slug;
|
26877 | var Link = renderLink;
|
26878 | return _react2.default.createElement(
|
26879 | 'div',
|
26880 | { className: className },
|
26881 | _react2.default.createElement(
|
26882 | _SRC.QuickAdd,
|
26883 | Object.assign({
|
26884 | onMouseEnter: this.showQuickAdd,
|
26885 | onMouseLeave: this.hideQuickAdd,
|
26886 | variants: colorway.skus,
|
26887 | show: show
|
26888 | }, props),
|
26889 | _react2.default.createElement(SortedROASlider, Object.assign({}, props, {
|
26890 | product: product,
|
26891 | shots: colorway.shots,
|
26892 | renderLink: renderLink,
|
26893 | target: target,
|
26894 | lazyLoad: lazyLoad }))
|
26895 | ),
|
26896 | renderLink && target ? _react2.default.createElement(
|
26897 | Link,
|
26898 | {
|
26899 | className: 'roa-product-tile-details',
|
26900 | target: target },
|
26901 | _react2.default.createElement(
|
26902 | _SRC.P,
|
26903 | { fontSize: '14px' },
|
26904 | product.name
|
26905 | ),
|
26906 | _react2.default.createElement(_SRC.ProductPrice, { colorway: colorway })
|
26907 | ) : _react2.default.createElement(
|
26908 | 'div',
|
26909 | { className: 'roa-product-tile-details' },
|
26910 | _react2.default.createElement(
|
26911 | _SRC.P,
|
26912 | { fontSize: '14px' },
|
26913 | product.name
|
26914 | ),
|
26915 | _react2.default.createElement(_SRC.ProductPrice, { colorway: colorway })
|
26916 | ),
|
26917 | _react2.default.createElement(_SRC.ColorsInterface, {
|
26918 | selected: selectedColorWay,
|
26919 | colorways: product.colorways,
|
26920 | productId: product.id,
|
26921 | onChange: this.changeColorway })
|
26922 | );
|
26923 | }
|
26924 | }]);
|
26925 |
|
26926 | return ProductTile;
|
26927 | }(_react2.default.Component);
|
26928 |
|
26929 | exports.default = ProductTile;
|
26930 |
|
26931 |
|
26932 | ProductTile.defaultProps = {
|
26933 | renderLink: function renderLink(_ref2) {
|
26934 | var className = _ref2.className,
|
26935 | children = _ref2.children,
|
26936 | target = _ref2.target,
|
26937 | props = _objectWithoutProperties(_ref2, ['className', 'children', 'target']);
|
26938 |
|
26939 | return _react2.default.createElement(
|
26940 | 'a',
|
26941 | Object.assign({
|
26942 | className: className,
|
26943 | href: '/' + target
|
26944 | }, props),
|
26945 | children
|
26946 | );
|
26947 | }
|
26948 | };
|
26949 |
|
26950 | ProductTile.propTypes = {
|
26951 | className: _propTypes2.default.string,
|
26952 | product: _propTypes2.default.object,
|
26953 | renderLink: _propTypes2.default.func
|
26954 | };
|
26955 |
|
26956 | }),
|
26957 |
|
26958 | (function(module, exports, __webpack_require__) {
|
26959 |
|
26960 | "use strict";
|
26961 |
|
26962 |
|
26963 | Object.defineProperty(exports, "__esModule", {
|
26964 | value: true
|
26965 | });
|
26966 |
|
26967 | var _colorsInterface = __webpack_require__(380);
|
26968 |
|
26969 | Object.defineProperty(exports, 'ColorsInterface', {
|
26970 | enumerable: true,
|
26971 | get: function get() {
|
26972 | return _interopRequireDefault(_colorsInterface).default;
|
26973 | }
|
26974 | });
|
26975 |
|
26976 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
26977 |
|
26978 | }),
|
26979 |
|
26980 | (function(module, exports, __webpack_require__) {
|
26981 |
|
26982 | "use strict";
|
26983 |
|
26984 |
|
26985 | Object.defineProperty(exports, "__esModule", {
|
26986 | value: true
|
26987 | });
|
26988 |
|
26989 | var _templateObject = _taggedTemplateLiteral(['\n display: flex;\n flex-wrap: wrap;\n'], ['\n display: flex;\n flex-wrap: wrap;\n']);
|
26990 |
|
26991 | var _react = __webpack_require__(2);
|
26992 |
|
26993 | var _react2 = _interopRequireDefault(_react);
|
26994 |
|
26995 | var _styledComponents = __webpack_require__(1);
|
26996 |
|
26997 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
26998 |
|
26999 | var _propTypes = __webpack_require__(0);
|
27000 |
|
27001 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
27002 |
|
27003 | var _SRC = __webpack_require__(3);
|
27004 |
|
27005 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27006 |
|
27007 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27008 |
|
27009 | var SwatchContainer = _styledComponents2.default.div(_templateObject);
|
27010 |
|
27011 | var ColorsInterface = function ColorsInterface(_ref) {
|
27012 | var className = _ref.className,
|
27013 | colorways = _ref.colorways,
|
27014 | productId = _ref.productId,
|
27015 | onChange = _ref.onChange,
|
27016 | selected = _ref.selected;
|
27017 |
|
27018 | if (colorways && colorways.length > 1) {
|
27019 | return _react2.default.createElement(
|
27020 | 'div',
|
27021 | { className: className },
|
27022 | _react2.default.createElement(
|
27023 | _SRC.Default,
|
27024 | { displayTarget: 'belowTabletMax' },
|
27025 | _react2.default.createElement(
|
27026 | _SRC.P,
|
27027 | { fontSize: '14px' },
|
27028 | colorways.length,
|
27029 | ' colors available'
|
27030 | )
|
27031 | ),
|
27032 | _react2.default.createElement(
|
27033 | _SRC.Desktop,
|
27034 | null,
|
27035 | _react2.default.createElement(
|
27036 | SwatchContainer,
|
27037 | null,
|
27038 | _react2.default.createElement(
|
27039 | _SRC.P,
|
27040 | { fontSize: '14px' },
|
27041 | 'Colors'
|
27042 | ),
|
27043 | colorways.map(function (colorway) {
|
27044 | var src = (0, _SRC.swatchUrl)(colorway, {
|
27045 | crop: 'scale',
|
27046 | quality: 100,
|
27047 | width: 40
|
27048 | });
|
27049 | var input = {
|
27050 | value: colorway.code,
|
27051 | onChange: onChange(colorway.code),
|
27052 | checked: selected === colorway.code
|
27053 | };
|
27054 | return _react2.default.createElement(_SRC.ColorPicker, {
|
27055 | key: productId + '-' + colorway.code,
|
27056 | alt: colorway.code,
|
27057 | src: src,
|
27058 | input: input });
|
27059 | })
|
27060 | )
|
27061 | )
|
27062 | );
|
27063 | } else {
|
27064 | return null;
|
27065 | }
|
27066 | };
|
27067 |
|
27068 | ColorsInterface.propTypes = {
|
27069 | className: _propTypes2.default.string,
|
27070 | colorways: _propTypes2.default.array,
|
27071 | productId: _propTypes2.default.string,
|
27072 | onChange: _propTypes2.default.func
|
27073 | };
|
27074 |
|
27075 | exports.default = ColorsInterface;
|
27076 |
|
27077 | }),
|
27078 |
|
27079 | (function(module, exports, __webpack_require__) {
|
27080 |
|
27081 | "use strict";
|
27082 |
|
27083 |
|
27084 | Object.defineProperty(exports, "__esModule", {
|
27085 | value: true
|
27086 | });
|
27087 |
|
27088 | var _quickAdd = __webpack_require__(382);
|
27089 |
|
27090 | Object.defineProperty(exports, 'QuickAdd', {
|
27091 | enumerable: true,
|
27092 | get: function get() {
|
27093 | return _interopRequireDefault(_quickAdd).default;
|
27094 | }
|
27095 | });
|
27096 |
|
27097 | var _quickAddSizes = __webpack_require__(384);
|
27098 |
|
27099 | Object.defineProperty(exports, 'QuickAddSizes', {
|
27100 | enumerable: true,
|
27101 | get: function get() {
|
27102 | return _interopRequireDefault(_quickAddSizes).default;
|
27103 | }
|
27104 | });
|
27105 |
|
27106 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27107 |
|
27108 | }),
|
27109 |
|
27110 | (function(module, exports, __webpack_require__) {
|
27111 |
|
27112 | "use strict";
|
27113 |
|
27114 |
|
27115 | Object.defineProperty(exports, "__esModule", {
|
27116 | value: true
|
27117 | });
|
27118 |
|
27119 | var _templateObject = _taggedTemplateLiteral(['\n width: 100%;\n position: relative\n .roa-quick-add {\n position: absolute;\n bottom: 2.2rem;\n left: 0;\n right: 0;\n background-color: ', ';\n box-shadow: 0.1rem 0.2rem 0.4rem -0.1rem rgba(0, 0, 0, 0.21);\n ', ' {\n text-transform: uppercase;\n text-align: center;\n padding: 0.8rem 0;\n }\n }\n'], ['\n width: 100%;\n position: relative\n .roa-quick-add {\n position: absolute;\n bottom: 2.2rem;\n left: 0;\n right: 0;\n background-color: ', ';\n box-shadow: 0.1rem 0.2rem 0.4rem -0.1rem rgba(0, 0, 0, 0.21);\n ', ' {\n text-transform: uppercase;\n text-align: center;\n padding: 0.8rem 0;\n }\n }\n']);
|
27120 |
|
27121 | var _propTypes = __webpack_require__(0);
|
27122 |
|
27123 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
27124 |
|
27125 | var _styledComponents = __webpack_require__(1);
|
27126 |
|
27127 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
27128 |
|
27129 | var _quickAdd = __webpack_require__(383);
|
27130 |
|
27131 | var _quickAdd2 = _interopRequireDefault(_quickAdd);
|
27132 |
|
27133 | var _SRC = __webpack_require__(3);
|
27134 |
|
27135 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27136 |
|
27137 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27138 |
|
27139 | var QuickAdd = (0, _styledComponents2.default)(_quickAdd2.default)(_templateObject, function (props) {
|
27140 | return props.theme.colors.white;
|
27141 | }, _SRC.P);
|
27142 |
|
27143 | QuickAdd.propTypes = {
|
27144 | theme: _propTypes2.default.shape({
|
27145 | colors: _propTypes2.default.shape({
|
27146 | white: _propTypes2.default.string
|
27147 | })
|
27148 | })
|
27149 |
|
27150 |
|
27151 | };exports.default = QuickAdd;
|
27152 |
|
27153 | }),
|
27154 |
|
27155 | (function(module, exports, __webpack_require__) {
|
27156 |
|
27157 | "use strict";
|
27158 |
|
27159 |
|
27160 | Object.defineProperty(exports, "__esModule", {
|
27161 | value: true
|
27162 | });
|
27163 |
|
27164 | 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; }; }();
|
27165 |
|
27166 | var _react = __webpack_require__(2);
|
27167 |
|
27168 | var _react2 = _interopRequireDefault(_react);
|
27169 |
|
27170 | var _propTypes = __webpack_require__(0);
|
27171 |
|
27172 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
27173 |
|
27174 | var _SRC = __webpack_require__(3);
|
27175 |
|
27176 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27177 |
|
27178 | 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; }
|
27179 |
|
27180 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
27181 |
|
27182 | 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; }
|
27183 |
|
27184 | 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; }
|
27185 |
|
27186 | var QuickAdd = function (_Component) {
|
27187 | _inherits(QuickAdd, _Component);
|
27188 |
|
27189 | function QuickAdd(props) {
|
27190 | _classCallCheck(this, QuickAdd);
|
27191 |
|
27192 | var _this = _possibleConstructorReturn(this, (QuickAdd.__proto__ || Object.getPrototypeOf(QuickAdd)).call(this, props));
|
27193 |
|
27194 | _this.onMouseEnter = function () {
|
27195 | var showSizes = _this.state.showSizes;
|
27196 |
|
27197 | !showSizes && _this.setState({ showSizes: true });
|
27198 | };
|
27199 |
|
27200 | _this.onMouseLeave = function () {
|
27201 | var showSizes = _this.state.showSizes;
|
27202 |
|
27203 | showSizes && _this.setState({ showSizes: false });
|
27204 | };
|
27205 |
|
27206 | _this.state = {
|
27207 | showSizes: false,
|
27208 | selectedVariant: undefined
|
27209 | };
|
27210 | return _this;
|
27211 | }
|
27212 |
|
27213 | _createClass(QuickAdd, [{
|
27214 | key: 'render',
|
27215 | value: function render() {
|
27216 | var _props = this.props,
|
27217 | className = _props.className,
|
27218 | children = _props.children,
|
27219 | show = _props.show,
|
27220 | onMouseEnter = _props.onMouseEnter,
|
27221 | onMouseLeave = _props.onMouseLeave,
|
27222 | props = _objectWithoutProperties(_props, ['className', 'children', 'show', 'onMouseEnter', 'onMouseLeave']);
|
27223 |
|
27224 | var showSizes = this.state.showSizes;
|
27225 |
|
27226 |
|
27227 | if (show) {
|
27228 | return _react2.default.createElement(
|
27229 | 'div',
|
27230 | {
|
27231 | className: className,
|
27232 | onMouseEnter: onMouseEnter,
|
27233 | onMouseLeave: onMouseLeave },
|
27234 | children,
|
27235 | _react2.default.createElement(
|
27236 | _SRC.Desktop,
|
27237 | {
|
27238 | className: 'roa-quick-add',
|
27239 | onMouseEnter: this.onMouseEnter,
|
27240 | onMouseLeave: this.onMouseLeave },
|
27241 | !showSizes && _react2.default.createElement(
|
27242 | _SRC.P,
|
27243 | null,
|
27244 | 'Add to Bag'
|
27245 | ),
|
27246 | showSizes && _react2.default.createElement(_SRC.QuickAddSizes, props)
|
27247 | )
|
27248 | );
|
27249 | } else {
|
27250 | return _react2.default.createElement(
|
27251 | 'div',
|
27252 | {
|
27253 | className: className,
|
27254 | onMouseEnter: onMouseEnter,
|
27255 | onMouseLeave: onMouseLeave },
|
27256 | children
|
27257 | );
|
27258 | }
|
27259 | }
|
27260 | }]);
|
27261 |
|
27262 | return QuickAdd;
|
27263 | }(_react.Component);
|
27264 |
|
27265 | exports.default = QuickAdd;
|
27266 |
|
27267 |
|
27268 | QuickAdd.defaultProps = {
|
27269 | className: _propTypes2.default.string,
|
27270 | children: _propTypes2.default.node,
|
27271 | show: _propTypes2.default.bool,
|
27272 | onMouseEnter: _propTypes2.default.func,
|
27273 | onMouseLeave: _propTypes2.default.func
|
27274 | };
|
27275 |
|
27276 | }),
|
27277 |
|
27278 | (function(module, exports, __webpack_require__) {
|
27279 |
|
27280 | "use strict";
|
27281 |
|
27282 |
|
27283 | Object.defineProperty(exports, "__esModule", {
|
27284 | value: true
|
27285 | });
|
27286 |
|
27287 | var _templateObject = _taggedTemplateLiteral(['\n padding: 0.8rem 0;\n ', ' {\n text-align: center;\n }\n ul {\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n padding: 0 20px;\n justify-content: center;\n }\n'], ['\n padding: 0.8rem 0;\n ', ' {\n text-align: center;\n }\n ul {\n list-style: none;\n display: flex;\n flex-wrap: wrap;\n padding: 0 20px;\n justify-content: center;\n }\n']);
|
27288 |
|
27289 | var _styledComponents = __webpack_require__(1);
|
27290 |
|
27291 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
27292 |
|
27293 | var _quickAddSizes = __webpack_require__(385);
|
27294 |
|
27295 | var _quickAddSizes2 = _interopRequireDefault(_quickAddSizes);
|
27296 |
|
27297 | var _SRC = __webpack_require__(3);
|
27298 |
|
27299 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27300 |
|
27301 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27302 |
|
27303 | var QuickAddSizes = (0, _styledComponents2.default)(_quickAddSizes2.default)(_templateObject, _SRC.H4);
|
27304 |
|
27305 |
|
27306 | exports.default = QuickAddSizes;
|
27307 |
|
27308 | }),
|
27309 |
|
27310 | (function(module, exports, __webpack_require__) {
|
27311 |
|
27312 | "use strict";
|
27313 |
|
27314 |
|
27315 | Object.defineProperty(exports, "__esModule", {
|
27316 | value: true
|
27317 | });
|
27318 | exports.BaseQuickAddSizes = undefined;
|
27319 |
|
27320 | 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; }; }();
|
27321 |
|
27322 | var _react = __webpack_require__(2);
|
27323 |
|
27324 | var _react2 = _interopRequireDefault(_react);
|
27325 |
|
27326 | var _propTypes = __webpack_require__(0);
|
27327 |
|
27328 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
27329 |
|
27330 | var _SRC = __webpack_require__(3);
|
27331 |
|
27332 | var _variantSizeSorter = __webpack_require__(43);
|
27333 |
|
27334 | var _variantSizeSorter2 = _interopRequireDefault(_variantSizeSorter);
|
27335 |
|
27336 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27337 |
|
27338 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
27339 |
|
27340 | 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; }
|
27341 |
|
27342 | 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; }
|
27343 |
|
27344 | var BaseQuickAddSizes = exports.BaseQuickAddSizes = function (_Component) {
|
27345 | _inherits(BaseQuickAddSizes, _Component);
|
27346 |
|
27347 | function BaseQuickAddSizes(props) {
|
27348 | _classCallCheck(this, BaseQuickAddSizes);
|
27349 |
|
27350 | var _this = _possibleConstructorReturn(this, (BaseQuickAddSizes.__proto__ || Object.getPrototypeOf(BaseQuickAddSizes)).call(this, props));
|
27351 |
|
27352 | _this.handleSizeChange = function (selectedVariant) {
|
27353 | _this.setState({ selected: selectedVariant });
|
27354 | };
|
27355 |
|
27356 | _this.state = {
|
27357 | adding: false,
|
27358 | selected: undefined
|
27359 | };
|
27360 | return _this;
|
27361 | }
|
27362 |
|
27363 | _createClass(BaseQuickAddSizes, [{
|
27364 | key: 'render',
|
27365 | value: function render() {
|
27366 | var _props = this.props,
|
27367 | className = _props.className,
|
27368 | defaultText = _props.defaultText,
|
27369 | variants = _props.variants,
|
27370 | loading = _props.loading,
|
27371 | quickAdd = _props.quickAdd;
|
27372 |
|
27373 | return _react2.default.createElement(
|
27374 | 'div',
|
27375 | { className: className },
|
27376 | _react2.default.createElement(
|
27377 | _SRC.H4,
|
27378 | {
|
27379 | italic: false,
|
27380 | fontSize: '1.4rem',
|
27381 | uppercase: true },
|
27382 | defaultText
|
27383 | ),
|
27384 | _react2.default.createElement(
|
27385 | 'ul',
|
27386 | null,
|
27387 | variants.map(function (variant, index) {
|
27388 | var input = {
|
27389 | name: variant.sku,
|
27390 | disabled: loading || !variant.in_stock,
|
27391 | onClick: quickAdd(variant)
|
27392 | };
|
27393 | return _react2.default.createElement(
|
27394 | 'li',
|
27395 | { key: index },
|
27396 | _react2.default.createElement(
|
27397 | _SRC.QuickAddSize,
|
27398 | {
|
27399 | input: input },
|
27400 | variant.size
|
27401 | )
|
27402 | );
|
27403 | })
|
27404 | )
|
27405 | );
|
27406 | }
|
27407 | }]);
|
27408 |
|
27409 | return BaseQuickAddSizes;
|
27410 | }(_react.Component);
|
27411 |
|
27412 | BaseQuickAddSizes.propTypes = {
|
27413 | addingText: _propTypes2.default.string,
|
27414 | className: _propTypes2.default.string,
|
27415 | defaultText: _propTypes2.default.string,
|
27416 | variants: _propTypes2.default.array,
|
27417 | loading: _propTypes2.default.bool,
|
27418 | onClick: _propTypes2.default.func
|
27419 | };
|
27420 |
|
27421 | BaseQuickAddSizes.defaultProps = {
|
27422 | addingText: 'Adding...',
|
27423 | defaultText: 'Choose your size'
|
27424 | };
|
27425 |
|
27426 | exports.default = (0, _variantSizeSorter2.default)(BaseQuickAddSizes);
|
27427 |
|
27428 | }),
|
27429 |
|
27430 | (function(module, exports, __webpack_require__) {
|
27431 |
|
27432 | "use strict";
|
27433 |
|
27434 |
|
27435 | Object.defineProperty(exports, "__esModule", {
|
27436 | value: true
|
27437 | });
|
27438 |
|
27439 | var _productPrice = __webpack_require__(387);
|
27440 |
|
27441 | Object.defineProperty(exports, 'ProductPrice', {
|
27442 | enumerable: true,
|
27443 | get: function get() {
|
27444 | return _interopRequireDefault(_productPrice).default;
|
27445 | }
|
27446 | });
|
27447 |
|
27448 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27449 |
|
27450 | }),
|
27451 |
|
27452 | (function(module, exports, __webpack_require__) {
|
27453 |
|
27454 | "use strict";
|
27455 |
|
27456 |
|
27457 | Object.defineProperty(exports, "__esModule", {
|
27458 | value: true
|
27459 | });
|
27460 |
|
27461 | var _templateObject = _taggedTemplateLiteral(['\n font-weight: 500;\n font-size: 14px;\n'], ['\n font-weight: 500;\n font-size: 14px;\n']),
|
27462 | _templateObject2 = _taggedTemplateLiteral(['\n .original-price {\n font-weight: normal;\n color: #6d7278;\n margin-left: 8px;\n }\n'], ['\n .original-price {\n font-weight: normal;\n color: #6d7278;\n margin-left: 8px;\n }\n']);
|
27463 |
|
27464 | var _react = __webpack_require__(2);
|
27465 |
|
27466 | var _react2 = _interopRequireDefault(_react);
|
27467 |
|
27468 | var _propTypes = __webpack_require__(0);
|
27469 |
|
27470 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
27471 |
|
27472 | var _styledComponents = __webpack_require__(1);
|
27473 |
|
27474 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
27475 |
|
27476 | var _SRC = __webpack_require__(3);
|
27477 |
|
27478 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27479 |
|
27480 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27481 |
|
27482 | var Text = (0, _styledComponents2.default)(_SRC.P)(_templateObject);
|
27483 |
|
27484 | var formatSalePrice = function formatSalePrice(price) {
|
27485 | var decimalPlaces = parseInt(price, 10) === parseFloat(price) ? 0 : 2;
|
27486 | return (0, _SRC.formatPrice)(price, "$", decimalPlaces);
|
27487 | };
|
27488 |
|
27489 | var BaseProductPrice = function BaseProductPrice(_ref) {
|
27490 | var colorway = _ref.colorway,
|
27491 | className = _ref.className;
|
27492 |
|
27493 | var originalPrice = colorway.skus[0].original_price;
|
27494 | var price = colorway.skus[0].price;
|
27495 | var onSale = originalPrice && originalPrice !== 0 && price < originalPrice;
|
27496 | var promoPrice = parseFloat(price) * 0.8;
|
27497 |
|
27498 | var pricingLine = _react2.default.createElement(
|
27499 | Text,
|
27500 | null,
|
27501 | (0, _SRC.formatPrice)(price)
|
27502 | );
|
27503 |
|
27504 | if (onSale) {
|
27505 | pricingLine = _react2.default.createElement(
|
27506 | Text,
|
27507 | null,
|
27508 | formatSalePrice(price),
|
27509 | _react2.default.createElement(
|
27510 | 'span',
|
27511 | { className: 'original-price' },
|
27512 | '(',
|
27513 | (0, _SRC.formatPrice)(originalPrice),
|
27514 | ' reg)'
|
27515 | )
|
27516 | );
|
27517 | }
|
27518 |
|
27519 | return _react2.default.createElement(
|
27520 | 'div',
|
27521 | { className: className },
|
27522 | pricingLine,
|
27523 | _react2.default.createElement(
|
27524 | Text,
|
27525 | { color: _SRC.theme.colors.rocketBlue },
|
27526 | (0, _SRC.formatPrice)(promoPrice),
|
27527 | ' with 4+ items'
|
27528 | )
|
27529 | );
|
27530 | };
|
27531 |
|
27532 | var ProductPrice = (0, _styledComponents2.default)(BaseProductPrice)(_templateObject2);
|
27533 |
|
27534 | BaseProductPrice.propTypes = {
|
27535 | colorway: _propTypes2.default.object,
|
27536 | className: _propTypes2.default.string
|
27537 |
|
27538 |
|
27539 | };exports.default = ProductPrice;
|
27540 |
|
27541 | }),
|
27542 |
|
27543 | (function(module, exports, __webpack_require__) {
|
27544 |
|
27545 | "use strict";
|
27546 |
|
27547 |
|
27548 | Object.defineProperty(exports, "__esModule", {
|
27549 | value: true
|
27550 | });
|
27551 |
|
27552 | var _searchModal = __webpack_require__(389);
|
27553 |
|
27554 | Object.defineProperty(exports, 'SearchModal', {
|
27555 | enumerable: true,
|
27556 | get: function get() {
|
27557 | return _interopRequireDefault(_searchModal).default;
|
27558 | }
|
27559 | });
|
27560 |
|
27561 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27562 |
|
27563 | }),
|
27564 |
|
27565 | (function(module, exports, __webpack_require__) {
|
27566 |
|
27567 | "use strict";
|
27568 |
|
27569 |
|
27570 | Object.defineProperty(exports, "__esModule", {
|
27571 | value: true
|
27572 | });
|
27573 |
|
27574 | 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; }; }();
|
27575 |
|
27576 | var _templateObject = _taggedTemplateLiteral(['\n position: relative;\n display: flex;\n align-items: center;\n'], ['\n position: relative;\n display: flex;\n align-items: center;\n']),
|
27577 | _templateObject2 = _taggedTemplateLiteral(['\n z-index: 4;\n position: fixed;\n top: 0;\n left: 0;\n height: 326px;\n width: 100%;\n background-color: #FFFFFF;\n overflow: hidden;\n\n ', '\n'], ['\n z-index: 4;\n position: fixed;\n top: 0;\n left: 0;\n height: 326px;\n width: 100%;\n background-color: #FFFFFF;\n overflow: hidden;\n\n ', '\n']),
|
27578 | _templateObject3 = _taggedTemplateLiteral(['\n height: 336px;\n '], ['\n height: 336px;\n ']),
|
27579 | _templateObject4 = _taggedTemplateLiteral(['\n z-index: 3;\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background-color: rgba(216, 216, 216, 0.7);\n'], ['\n z-index: 3;\n position: fixed;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background-color: rgba(216, 216, 216, 0.7);\n']),
|
27580 | _templateObject5 = _taggedTemplateLiteral(['\n margin: 17px auto 0 auto;\n display: block;\n\n ', '\n'], ['\n margin: 17px auto 0 auto;\n display: block;\n\n ', '\n']),
|
27581 | _templateObject6 = _taggedTemplateLiteral(['\n margin: 30px auto 0 auto;\n '], ['\n margin: 30px auto 0 auto;\n ']),
|
27582 | _templateObject7 = _taggedTemplateLiteral(['\n display: inline-block;\n cursor: pointer;\n width: 37px;\n height: 37px;\n position: absolute;\n top: 0;\n right: 0;\n\n ', '\n\n > svg {\n position: absolute;\n bottom: 0;\n left: 0;\n\n ', '\n }\n'], ['\n display: inline-block;\n cursor: pointer;\n width: 37px;\n height: 37px;\n position: absolute;\n top: 0;\n right: 0;\n\n ', '\n\n > svg {\n position: absolute;\n bottom: 0;\n left: 0;\n\n ', '\n }\n']),
|
27583 | _templateObject8 = _taggedTemplateLiteral(['\n top: 53px;\n right: calc(50% - 300px - 10%);\n '], ['\n top: 53px;\n right: calc(50% - 300px - 10%);\n ']),
|
27584 | _templateObject9 = _taggedTemplateLiteral(['\n top: 10px;\n left: 10px;\n '], ['\n top: 10px;\n left: 10px;\n ']),
|
27585 | _templateObject10 = _taggedTemplateLiteral(['\n height: 42px;\n width: 265px;\n margin: auto;\n margin-top: 5px;\n font-family: ff-din-web,Helvetica,Arial,sans-serif;\n font-size: 16px;\n text-align: center;\n color: #00003C;\n\n ', '\n'], ['\n height: 42px;\n width: 265px;\n margin: auto;\n margin-top: 5px;\n font-family: ff-din-web,Helvetica,Arial,sans-serif;\n font-size: 16px;\n text-align: center;\n color: #00003C;\n\n ', '\n']),
|
27586 | _templateObject11 = _taggedTemplateLiteral(['\n height: 21px;\n width: 565px;\n margin-top: 15px;\n '], ['\n height: 21px;\n width: 565px;\n margin-top: 15px;\n ']),
|
27587 | _templateObject12 = _taggedTemplateLiteral(['\n margin: auto;\n margin-top: 75px;\n width: 280px;\n height: 37px;\n border-bottom: 1px solid #0073D1;\n\n ', '\n'], ['\n margin: auto;\n margin-top: 75px;\n width: 280px;\n height: 37px;\n border-bottom: 1px solid #0073D1;\n\n ', '\n']),
|
27588 | _templateObject13 = _taggedTemplateLiteral(['\n margin-top: 90px;\n width: 600px;\n height: 37px;\n '], ['\n margin-top: 90px;\n width: 600px;\n height: 37px;\n ']),
|
27589 | _templateObject14 = _taggedTemplateLiteral(['\n display: inline-block;\n cursor: pointer;\n height: 26px;\n width: 26px;\n\n > svg {\n margin-left: 10px;\n\n ', '\n }\n'], ['\n display: inline-block;\n cursor: pointer;\n height: 26px;\n width: 26px;\n\n > svg {\n margin-left: 10px;\n\n ', '\n }\n']),
|
27590 | _templateObject15 = _taggedTemplateLiteral(['\n margin-bottom: 10px;\n '], ['\n margin-bottom: 10px;\n ']),
|
27591 | _templateObject16 = _taggedTemplateLiteral(['\n width: 250px;\n height: 36px;\n border: 0;\n outline: none;\n font-family: ', ';\n font-size: 26px;\n font-weight: 500;\n color: #00003C;\n display: inline-block;\n padding: 0;\n margin: 0;\n\n ', '\n'], ['\n width: 250px;\n height: 36px;\n border: 0;\n outline: none;\n font-family: ', ';\n font-size: 26px;\n font-weight: 500;\n color: #00003C;\n display: inline-block;\n padding: 0;\n margin: 0;\n\n ', '\n']),
|
27592 | _templateObject17 = _taggedTemplateLiteral(['\n width: 570px;\n height: 34px;\n '], ['\n width: 570px;\n height: 34px;\n ']),
|
27593 | _templateObject18 = _taggedTemplateLiteral([''], ['']);
|
27594 |
|
27595 | var _react = __webpack_require__(2);
|
27596 |
|
27597 | var _react2 = _interopRequireDefault(_react);
|
27598 |
|
27599 | var _propTypes = __webpack_require__(0);
|
27600 |
|
27601 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
27602 |
|
27603 | var _styledComponents = __webpack_require__(1);
|
27604 |
|
27605 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
27606 |
|
27607 | var _cloudinary = __webpack_require__(4);
|
27608 |
|
27609 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
27610 |
|
27611 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27612 |
|
27613 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
27614 |
|
27615 | 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; }
|
27616 |
|
27617 | 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; }
|
27618 |
|
27619 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27620 |
|
27621 | var SearchDiv = _styledComponents2.default.div(_templateObject);
|
27622 |
|
27623 | var SearchBarDiv = _styledComponents2.default.div(_templateObject2, function (props) {
|
27624 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject3);
|
27625 | });
|
27626 |
|
27627 | var SearchModalDiv = _styledComponents2.default.div(_templateObject4);
|
27628 |
|
27629 | var SearchOverlayImage = _styledComponents2.default.img(_templateObject5, function (props) {
|
27630 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject6);
|
27631 | });
|
27632 |
|
27633 | var SearchExitWrapperDiv = _styledComponents2.default.div(_templateObject7, function (props) {
|
27634 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject8);
|
27635 | }, function (props) {
|
27636 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject9);
|
27637 | });
|
27638 |
|
27639 | var SearchSuggestionsDiv = _styledComponents2.default.div(_templateObject10, function (props) {
|
27640 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject11);
|
27641 | });
|
27642 |
|
27643 | var SearchForm = _styledComponents2.default.form(_templateObject12, function (props) {
|
27644 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject13);
|
27645 | });
|
27646 |
|
27647 | var SearchClearWrapperDiv = _styledComponents2.default.div(_templateObject14, function (props) {
|
27648 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject15);
|
27649 | });
|
27650 |
|
27651 | var SearchInput = _styledComponents2.default.input(_templateObject16, function (props) {
|
27652 | return props.theme.fonts.secondaryFont;
|
27653 | }, function (props) {
|
27654 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject17);
|
27655 | });
|
27656 |
|
27657 | var BaseSearchModal = function (_React$Component) {
|
27658 | _inherits(BaseSearchModal, _React$Component);
|
27659 |
|
27660 | function BaseSearchModal(props) {
|
27661 | _classCallCheck(this, BaseSearchModal);
|
27662 |
|
27663 | var _this = _possibleConstructorReturn(this, (BaseSearchModal.__proto__ || Object.getPrototypeOf(BaseSearchModal)).call(this, props));
|
27664 |
|
27665 | _this.updateSearchTerm = function (event) {
|
27666 | var saveInitialSearchTerm = _this.props.saveInitialSearchTerm;
|
27667 |
|
27668 |
|
27669 | var currentSearchTerm = event.target.value;
|
27670 |
|
27671 | _this.setState({ searchTerm: currentSearchTerm });
|
27672 | saveInitialSearchTerm(currentSearchTerm);
|
27673 | };
|
27674 |
|
27675 | _this.clearSearchInput = function () {
|
27676 | _this.setState({ searchTerm: '' });
|
27677 |
|
27678 | var searchInput = document.getElementById('input-search');
|
27679 | searchInput.focus();
|
27680 | };
|
27681 |
|
27682 | _this.keyDownSearchInput = function (event) {
|
27683 | var exitSearch = _this.props.exitSearch;
|
27684 |
|
27685 |
|
27686 | if (event.keyCode === 27) {
|
27687 | exitSearch();
|
27688 | }
|
27689 | };
|
27690 |
|
27691 | _this.submitSearch = function (event) {
|
27692 | event.preventDefault();
|
27693 |
|
27694 | var _this$props = _this.props,
|
27695 | exitSearch = _this$props.exitSearch,
|
27696 | submitSearch = _this$props.submitSearch;
|
27697 | var searchTerm = _this.state.searchTerm;
|
27698 |
|
27699 |
|
27700 | if (searchTerm.length > 0) {
|
27701 | submitSearch(searchTerm);
|
27702 | exitSearch();
|
27703 | }
|
27704 | };
|
27705 |
|
27706 | _this.state = { searchTerm: props.initialSearchTerm || '' };
|
27707 |
|
27708 | _this.updateSearchTerm = _this.updateSearchTerm.bind(_this);
|
27709 | _this.clearSearchInput = _this.clearSearchInput.bind(_this);
|
27710 | _this.keyDownSearchInput = _this.keyDownSearchInput.bind(_this);
|
27711 | _this.submitSearch = _this.submitSearch.bind(_this);
|
27712 | return _this;
|
27713 | }
|
27714 |
|
27715 |
|
27716 |
|
27717 |
|
27718 | _createClass(BaseSearchModal, [{
|
27719 | key: 'render',
|
27720 | value: function render() {
|
27721 | var exitSearch = this.props.exitSearch;
|
27722 | var searchTerm = this.state.searchTerm;
|
27723 |
|
27724 |
|
27725 | var searchOverlayImageSrc = _cloudinary2.default.url('web/search/SearchOverlay');
|
27726 |
|
27727 | return _react2.default.createElement(
|
27728 | SearchDiv,
|
27729 | null,
|
27730 | _react2.default.createElement(
|
27731 | SearchBarDiv,
|
27732 | null,
|
27733 | _react2.default.createElement(
|
27734 | SearchForm,
|
27735 | { role: 'search', onSubmit: this.submitSearch },
|
27736 | _react2.default.createElement(SearchInput, {
|
27737 | id: 'input-search',
|
27738 | value: searchTerm,
|
27739 | onChange: this.updateSearchTerm,
|
27740 | onKeyDown: this.keyDownSearchInput,
|
27741 | autoFocus: true }),
|
27742 | _react2.default.createElement(
|
27743 | SearchClearWrapperDiv,
|
27744 | { onClick: this.clearSearchInput },
|
27745 | _react2.default.createElement(
|
27746 | 'svg',
|
27747 | { xmlns: 'http://www.w3.org/2000/svg', width: '14', height: '14', viewBox: '0 0 14 14' },
|
27748 | _react2.default.createElement(
|
27749 | 'g',
|
27750 | { fill: 'none', fillRule: 'evenodd' },
|
27751 | _react2.default.createElement('circle', { cx: '7', cy: '7', r: '7', fill: '#DCD6CE' }),
|
27752 | _react2.default.createElement('path', { stroke: '#FFF', strokeLinecap: 'square', strokeWidth: '2', d: 'M9.898 4.142l-5.796 6.216M4.102 4.142l5.796 6.216' })
|
27753 | )
|
27754 | )
|
27755 | )
|
27756 | ),
|
27757 | _react2.default.createElement(
|
27758 | SearchSuggestionsDiv,
|
27759 | null,
|
27760 | 'Find it fast! Try: soft, tie dye, ombre, rainbow, rain jacket...'
|
27761 | ),
|
27762 | _react2.default.createElement(
|
27763 | SearchExitWrapperDiv,
|
27764 | { onClick: function onClick() {
|
27765 | return exitSearch();
|
27766 | } },
|
27767 | _react2.default.createElement(
|
27768 | 'svg',
|
27769 | { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '17', viewBox: '0 0 17 17' },
|
27770 | _react2.default.createElement(
|
27771 | 'g',
|
27772 | { fill: 'none', fillRule: 'evenodd', stroke: '#0073D1' },
|
27773 | _react2.default.createElement('path', { d: 'M1.37 1.841a.442.442 0 0 0-.002.628l12.69 12.69a.439.439 0 0 0 .628 0 .442.442 0 0 0 .001-.628L1.997 1.84a.439.439 0 0 0-.628 0z' }),
|
27774 | _react2.default.createElement('path', { d: 'M1.37 15.159a.442.442 0 0 0 .627 0l12.69-12.69a.439.439 0 0 0 0-.628.442.442 0 0 0-.628 0L1.369 14.53a.439.439 0 0 0 0 .628z' })
|
27775 | )
|
27776 | )
|
27777 | ),
|
27778 | _react2.default.createElement(SearchOverlayImage, { src: searchOverlayImageSrc })
|
27779 | ),
|
27780 | _react2.default.createElement(SearchModalDiv, { onClick: function onClick() {
|
27781 | return exitSearch();
|
27782 | } })
|
27783 | );
|
27784 | }
|
27785 | }]);
|
27786 |
|
27787 | return BaseSearchModal;
|
27788 | }(_react2.default.Component);
|
27789 |
|
27790 | BaseSearchModal.propTypes = {
|
27791 | initialSearchTerm: _propTypes2.default.string,
|
27792 | saveInitialSearchTerm: _propTypes2.default.func,
|
27793 | exitSearch: _propTypes2.default.func,
|
27794 | submitSearch: _propTypes2.default.func
|
27795 | };
|
27796 |
|
27797 | var SearchModal = (0, _styledComponents2.default)(BaseSearchModal)(_templateObject18);
|
27798 |
|
27799 | exports.default = SearchModal;
|
27800 |
|
27801 | }),
|
27802 |
|
27803 | (function(module, exports, __webpack_require__) {
|
27804 |
|
27805 | "use strict";
|
27806 |
|
27807 |
|
27808 | Object.defineProperty(exports, "__esModule", {
|
27809 | value: true
|
27810 | });
|
27811 |
|
27812 | var _instagramRegion = __webpack_require__(391);
|
27813 |
|
27814 | Object.defineProperty(exports, 'InstagramRegion', {
|
27815 | enumerable: true,
|
27816 | get: function get() {
|
27817 | return _interopRequireDefault(_instagramRegion).default;
|
27818 | }
|
27819 | });
|
27820 |
|
27821 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27822 |
|
27823 | }),
|
27824 |
|
27825 | (function(module, exports, __webpack_require__) {
|
27826 |
|
27827 | "use strict";
|
27828 |
|
27829 |
|
27830 | Object.defineProperty(exports, "__esModule", {
|
27831 | value: true
|
27832 | });
|
27833 |
|
27834 | 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']);
|
27835 |
|
27836 | var _react = __webpack_require__(2);
|
27837 |
|
27838 | var _react2 = _interopRequireDefault(_react);
|
27839 |
|
27840 | var _propTypes = __webpack_require__(0);
|
27841 |
|
27842 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
27843 |
|
27844 | var _styledComponents = __webpack_require__(1);
|
27845 |
|
27846 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
27847 |
|
27848 | var _SRC = __webpack_require__(3);
|
27849 |
|
27850 | var _defaultProps = __webpack_require__(392);
|
27851 |
|
27852 | var _defaultProps2 = _interopRequireDefault(_defaultProps);
|
27853 |
|
27854 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27855 |
|
27856 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
27857 |
|
27858 | 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; }
|
27859 |
|
27860 | var BaseInstagramRegion = function BaseInstagramRegion(_ref) {
|
27861 | var className = _ref.className,
|
27862 | ariaLabel = _ref.ariaLabel,
|
27863 | content = _ref.content,
|
27864 | title = _ref.title,
|
27865 | props = _objectWithoutProperties(_ref, ['className', 'ariaLabel', 'content', 'title']);
|
27866 |
|
27867 | return _react2.default.createElement(
|
27868 | 'section',
|
27869 | { className: className },
|
27870 | _react2.default.createElement(
|
27871 | _SRC.H1,
|
27872 | { 'aria-label': ariaLabel },
|
27873 | title
|
27874 | ),
|
27875 | _react2.default.createElement(
|
27876 | _SRC.P,
|
27877 | null,
|
27878 | content
|
27879 | ),
|
27880 | _react2.default.createElement(_SRC.Instagram, props)
|
27881 | );
|
27882 | };
|
27883 |
|
27884 | var InstagramRegion = (0, _styledComponents2.default)(BaseInstagramRegion)(_templateObject, _SRC.H1, _SRC.H1, _SRC.P);
|
27885 |
|
27886 | InstagramRegion.propTypes = {
|
27887 | ariaLabel: _propTypes2.default.string,
|
27888 | className: _propTypes2.default.string,
|
27889 | content: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string]),
|
27890 | title: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
27891 | };
|
27892 |
|
27893 | InstagramRegion.defaultProps = Object.assign({}, _defaultProps2.default);
|
27894 |
|
27895 |
|
27896 | exports.default = InstagramRegion;
|
27897 |
|
27898 | }),
|
27899 |
|
27900 | (function(module, exports, __webpack_require__) {
|
27901 |
|
27902 | "use strict";
|
27903 |
|
27904 |
|
27905 | Object.defineProperty(exports, "__esModule", {
|
27906 | value: true
|
27907 | });
|
27908 | exports.default = {
|
27909 | ariaLabel: 'Find us @ rockets of awesome',
|
27910 | title: 'Find us @rocketsofawesome',
|
27911 | 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.'
|
27912 | };
|
27913 |
|
27914 | }),
|
27915 |
|
27916 | (function(module, exports, __webpack_require__) {
|
27917 |
|
27918 | "use strict";
|
27919 |
|
27920 |
|
27921 | Object.defineProperty(exports, "__esModule", {
|
27922 | value: true
|
27923 | });
|
27924 |
|
27925 | var _react = __webpack_require__(2);
|
27926 |
|
27927 | var _react2 = _interopRequireDefault(_react);
|
27928 |
|
27929 | var _propTypes = __webpack_require__(0);
|
27930 |
|
27931 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
27932 |
|
27933 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
27934 |
|
27935 | var Page = function Page(_ref) {
|
27936 | var children = _ref.children,
|
27937 | url = _ref.url;
|
27938 |
|
27939 | return _react2.default.createElement(
|
27940 | 'main',
|
27941 | { 'data-cms-url': url },
|
27942 | children
|
27943 | );
|
27944 | };
|
27945 |
|
27946 | Page.propTypes = {
|
27947 | children: _propTypes2.default.oneOfType([_propTypes2.default.array, _propTypes2.default.object, _propTypes2.default.string])
|
27948 | };
|
27949 |
|
27950 | exports.default = Page;
|
27951 |
|
27952 | }),
|
27953 |
|
27954 | (function(module, exports, __webpack_require__) {
|
27955 |
|
27956 | "use strict";
|
27957 |
|
27958 |
|
27959 | Object.defineProperty(exports, "__esModule", {
|
27960 | value: true
|
27961 | });
|
27962 |
|
27963 | var _outfits = __webpack_require__(395);
|
27964 |
|
27965 | Object.keys(_outfits).forEach(function (key) {
|
27966 | if (key === "default" || key === "__esModule") return;
|
27967 | Object.defineProperty(exports, key, {
|
27968 | enumerable: true,
|
27969 | get: function get() {
|
27970 | return _outfits[key];
|
27971 | }
|
27972 | });
|
27973 | });
|
27974 |
|
27975 | }),
|
27976 |
|
27977 | (function(module, exports, __webpack_require__) {
|
27978 |
|
27979 | "use strict";
|
27980 |
|
27981 |
|
27982 | Object.defineProperty(exports, "__esModule", {
|
27983 | value: true
|
27984 | });
|
27985 |
|
27986 | var _outfitDetail = __webpack_require__(396);
|
27987 |
|
27988 | Object.defineProperty(exports, 'OutfitDetail', {
|
27989 | enumerable: true,
|
27990 | get: function get() {
|
27991 | return _interopRequireDefault(_outfitDetail).default;
|
27992 | }
|
27993 | });
|
27994 |
|
27995 | var _outfitsListing = __webpack_require__(397);
|
27996 |
|
27997 | Object.defineProperty(exports, 'OutfitsListing', {
|
27998 | enumerable: true,
|
27999 | get: function get() {
|
28000 | return _interopRequireDefault(_outfitsListing).default;
|
28001 | }
|
28002 | });
|
28003 |
|
28004 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
28005 |
|
28006 | }),
|
28007 |
|
28008 | (function(module, exports, __webpack_require__) {
|
28009 |
|
28010 | "use strict";
|
28011 |
|
28012 |
|
28013 | Object.defineProperty(exports, "__esModule", {
|
28014 | value: true
|
28015 | });
|
28016 |
|
28017 | var _templateObject = _taggedTemplateLiteral(['\nmargin: 3rem 0 9rem 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\n ', ' {\n margin-bottom: 2rem;\n }\n\n ', ' {\n margin-bottom: 4rem;\n }\n ', ' {\n margin: 2rem 0;\n }\n\n ', ' {\n width: 100%;\n }\n .information {\n width: 100%;\n ', '\n }\n'], ['\nmargin: 3rem 0 9rem 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\n ', ' {\n margin-bottom: 2rem;\n }\n\n ', ' {\n margin-bottom: 4rem;\n }\n ', ' {\n margin: 2rem 0;\n }\n\n ', ' {\n width: 100%;\n }\n .information {\n width: 100%;\n ', '\n }\n']),
|
28018 | _templateObject2 = _taggedTemplateLiteral(['\n max-width: 500px;\n margin-right: auto;\n '], ['\n max-width: 500px;\n margin-right: auto;\n ']);
|
28019 |
|
28020 | var _react = __webpack_require__(2);
|
28021 |
|
28022 | var _react2 = _interopRequireDefault(_react);
|
28023 |
|
28024 | var _propTypes = __webpack_require__(0);
|
28025 |
|
28026 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
28027 |
|
28028 | var _styledComponents = __webpack_require__(1);
|
28029 |
|
28030 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
28031 |
|
28032 | var _SRC = __webpack_require__(3);
|
28033 |
|
28034 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
28035 |
|
28036 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
28037 |
|
28038 | 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; }
|
28039 |
|
28040 | var BaseOutfitDetail = function BaseOutfitDetail(_ref) {
|
28041 | var className = _ref.className,
|
28042 | images = _ref.images,
|
28043 | information = _ref.information,
|
28044 | products = _ref.products,
|
28045 | header = _ref.header,
|
28046 | footer = _ref.footer,
|
28047 | onSizeSelect = _ref.onSizeSelect,
|
28048 | currentSizes = _ref.currentSizes,
|
28049 | sizePickerFooter = _ref.sizePickerFooter,
|
28050 | sizePickerHeader = _ref.sizePickerHeader,
|
28051 | renderProductLink = _ref.renderProductLink,
|
28052 | props = _objectWithoutProperties(_ref, ['className', 'images', 'information', 'products', 'header', 'footer', 'onSizeSelect', 'currentSizes', 'sizePickerFooter', 'sizePickerHeader', 'renderProductLink']);
|
28053 |
|
28054 | return _react2.default.createElement(
|
28055 | 'div',
|
28056 | Object.assign({ className: className }, props),
|
28057 | header,
|
28058 | _react2.default.createElement(
|
28059 | _SRC.FlexRow,
|
28060 | { padding: true },
|
28061 | _react2.default.createElement(
|
28062 | _SRC.FlexCol,
|
28063 | {
|
28064 | element: 'aside',
|
28065 | className: 'roa-images',
|
28066 | desktop: { width: 6 },
|
28067 | tablet: { width: 8, span: 2 } },
|
28068 | _react2.default.createElement(_SRC.Gallery, { images: images })
|
28069 | ),
|
28070 | _react2.default.createElement(
|
28071 | _SRC.FlexCol,
|
28072 | {
|
28073 | element: 'article',
|
28074 | desktop: { width: 5, span: 1 },
|
28075 | tablet: { width: 8, span: 2 } },
|
28076 | _react2.default.createElement(
|
28077 | 'div',
|
28078 | { key: 'outfit-information', className: 'information' },
|
28079 | _react2.default.createElement(_SRC.ProductInformation, information),
|
28080 | _react2.default.createElement(
|
28081 | 'div',
|
28082 | { className: 'roa-outfit-sizepicker-header' },
|
28083 | sizePickerHeader
|
28084 | ),
|
28085 | _react2.default.createElement(_SRC.OutfitSizePicker, {
|
28086 | products: products,
|
28087 | onSizeSelect: onSizeSelect,
|
28088 | currentSizes: currentSizes,
|
28089 | renderProductLink: renderProductLink }),
|
28090 | sizePickerFooter
|
28091 | )
|
28092 | )
|
28093 | ),
|
28094 | footer
|
28095 | );
|
28096 | };
|
28097 |
|
28098 | var OutfitDetail = (0, _styledComponents2.default)(BaseOutfitDetail)(_templateObject, _SRC.ProductInformation, _SRC.Gallery, _SRC.ProductInformation, _SRC.OutfitSizePicker, _SRC.Button, function (props) {
|
28099 | return props.theme.breakpointsVerbose.aboveTabletMax(_templateObject2);
|
28100 | });
|
28101 |
|
28102 | OutfitDetail.propTypes = {
|
28103 | className: _propTypes2.default.string,
|
28104 | footer: _propTypes2.default.node,
|
28105 | header: _propTypes2.default.node,
|
28106 | images: _propTypes2.default.array.isRequired,
|
28107 | information: _propTypes2.default.object,
|
28108 | products: _propTypes2.default.array,
|
28109 | sizePickerFooter: _propTypes2.default.node,
|
28110 | sizePickerHeader: _propTypes2.default.node,
|
28111 | renderProductLink: _propTypes2.default.func
|
28112 | };
|
28113 |
|
28114 | OutfitDetail.defaultProps = {
|
28115 | button: _react2.default.createElement(
|
28116 | _SRC.Button,
|
28117 | null,
|
28118 | 'Add to Bag'
|
28119 | )
|
28120 |
|
28121 |
|
28122 | };exports.default = (0, _styledComponents.withTheme)(OutfitDetail);
|
28123 |
|
28124 | }),
|
28125 |
|
28126 | (function(module, exports, __webpack_require__) {
|
28127 |
|
28128 | "use strict";
|
28129 |
|
28130 |
|
28131 | Object.defineProperty(exports, "__esModule", {
|
28132 | value: true
|
28133 | });
|
28134 |
|
28135 | var _templateObject = _taggedTemplateLiteral(['\n .roa-outfits-header {\n margin: 1.6rem 2.4rem 0.8rem 2.4rem;\n > * {\n flex-basis: 100%;\n text-align: center;\n margin: 0.8rem;\n }\n }\n\n ', '\n'], ['\n .roa-outfits-header {\n margin: 1.6rem 2.4rem 0.8rem 2.4rem;\n > * {\n flex-basis: 100%;\n text-align: center;\n margin: 0.8rem;\n }\n }\n\n ', '\n']),
|
28136 | _templateObject2 = _taggedTemplateLiteral(['\n .roa-outfits-header {\n margin: 2.4rem 2.4rem 1.6rem 2.4rem;\n }\n '], ['\n .roa-outfits-header {\n margin: 2.4rem 2.4rem 1.6rem 2.4rem;\n }\n ']);
|
28137 |
|
28138 | var _react = __webpack_require__(2);
|
28139 |
|
28140 | var _react2 = _interopRequireDefault(_react);
|
28141 |
|
28142 | var _propTypes = __webpack_require__(0);
|
28143 |
|
28144 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
28145 |
|
28146 | var _styledComponents = __webpack_require__(1);
|
28147 |
|
28148 | var _styledComponents2 = _interopRequireDefault(_styledComponents);
|
28149 |
|
28150 | var _SRC = __webpack_require__(3);
|
28151 |
|
28152 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
28153 |
|
28154 | function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
28155 |
|
28156 | var OutfitsListing = (0, _styledComponents2.default)(function (_ref) {
|
28157 | var className = _ref.className,
|
28158 | element = _ref.element,
|
28159 | headerContent = _ref.headerContent,
|
28160 | outfits = _ref.outfits;
|
28161 |
|
28162 | return _react2.default.createElement(
|
28163 | 'div',
|
28164 | { className: className },
|
28165 | headerContent && _react2.default.createElement(
|
28166 | _SRC.FlexRow,
|
28167 | { constrained: true },
|
28168 | _react2.default.createElement(
|
28169 | _SRC.FlexCol,
|
28170 | { className: 'roa-outfits-header', element: 'header' },
|
28171 | headerContent
|
28172 | )
|
28173 | ),
|
28174 | _react2.default.createElement(_SRC.OutfitCards, { element: element, outfits: outfits })
|
28175 | );
|
28176 | })(_templateObject, function (props) {
|
28177 | return props.theme.breakpointsVerbose.aboveTablet(_templateObject2);
|
28178 | });
|
28179 | OutfitsListing.propTypes = {
|
28180 | element: _propTypes2.default.node,
|
28181 | headerContent: _propTypes2.default.array,
|
28182 | outfits: _propTypes2.default.array
|
28183 | };
|
28184 |
|
28185 | OutfitsListing.defaultProp = {
|
28186 | element: 'a',
|
28187 | outfits: []
|
28188 |
|
28189 | };exports.default = OutfitsListing;
|
28190 |
|
28191 | }),
|
28192 |
|
28193 | (function(module, exports, __webpack_require__) {
|
28194 |
|
28195 | "use strict";
|
28196 |
|
28197 |
|
28198 | Object.defineProperty(exports, "__esModule", {
|
28199 | value: true
|
28200 | });
|
28201 |
|
28202 | var _contentful = __webpack_require__(32);
|
28203 |
|
28204 | Object.keys(_contentful).forEach(function (key) {
|
28205 | if (key === "default" || key === "__esModule") return;
|
28206 | Object.defineProperty(exports, key, {
|
28207 | enumerable: true,
|
28208 | get: function get() {
|
28209 | return _contentful[key];
|
28210 | }
|
28211 | });
|
28212 | });
|
28213 | Object.defineProperty(exports, 'Contentful', {
|
28214 | enumerable: true,
|
28215 | get: function get() {
|
28216 | return _interopRequireDefault(_contentful).default;
|
28217 | }
|
28218 | });
|
28219 |
|
28220 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
28221 |
|
28222 | }),
|
28223 |
|
28224 | (function(module, exports, __webpack_require__) {
|
28225 |
|
28226 | "use strict";
|
28227 |
|
28228 |
|
28229 | Object.defineProperty(exports, "__esModule", {
|
28230 | value: true
|
28231 | });
|
28232 |
|
28233 | var _pricing = __webpack_require__(400);
|
28234 |
|
28235 | Object.keys(_pricing).forEach(function (key) {
|
28236 | if (key === "default" || key === "__esModule") return;
|
28237 | Object.defineProperty(exports, key, {
|
28238 | enumerable: true,
|
28239 | get: function get() {
|
28240 | return _pricing[key];
|
28241 | }
|
28242 | });
|
28243 | });
|
28244 |
|
28245 | var _variantSizeSorter = __webpack_require__(43);
|
28246 |
|
28247 | Object.defineProperty(exports, 'withSortedSizes', {
|
28248 | enumerable: true,
|
28249 | get: function get() {
|
28250 | return _interopRequireDefault(_variantSizeSorter).default;
|
28251 | }
|
28252 | });
|
28253 |
|
28254 | var _shotSorter = __webpack_require__(42);
|
28255 |
|
28256 | Object.keys(_shotSorter).forEach(function (key) {
|
28257 | if (key === "default" || key === "__esModule") return;
|
28258 | Object.defineProperty(exports, key, {
|
28259 | enumerable: true,
|
28260 | get: function get() {
|
28261 | return _shotSorter[key];
|
28262 | }
|
28263 | });
|
28264 | });
|
28265 |
|
28266 | var _swatchUrl = __webpack_require__(401);
|
28267 |
|
28268 | Object.keys(_swatchUrl).forEach(function (key) {
|
28269 | if (key === "default" || key === "__esModule") return;
|
28270 | Object.defineProperty(exports, key, {
|
28271 | enumerable: true,
|
28272 | get: function get() {
|
28273 | return _swatchUrl[key];
|
28274 | }
|
28275 | });
|
28276 | });
|
28277 |
|
28278 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
28279 |
|
28280 | }),
|
28281 |
|
28282 | (function(module, exports, __webpack_require__) {
|
28283 |
|
28284 | "use strict";
|
28285 |
|
28286 |
|
28287 | Object.defineProperty(exports, "__esModule", {
|
28288 | value: true
|
28289 | });
|
28290 | exports.formatPrice = undefined;
|
28291 |
|
28292 | var _accounting = __webpack_require__(22);
|
28293 |
|
28294 | var _accounting2 = _interopRequireDefault(_accounting);
|
28295 |
|
28296 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
28297 |
|
28298 | var formatPrice = exports.formatPrice = function formatPrice() {
|
28299 | for (var _len = arguments.length, options = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
28300 | options[_key - 1] = arguments[_key];
|
28301 | }
|
28302 |
|
28303 | var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
28304 |
|
28305 | return _accounting2.default.formatMoney.apply(_accounting2.default, [value].concat(options));
|
28306 | };
|
28307 |
|
28308 | }),
|
28309 |
|
28310 | (function(module, exports, __webpack_require__) {
|
28311 |
|
28312 | "use strict";
|
28313 |
|
28314 |
|
28315 | Object.defineProperty(exports, "__esModule", {
|
28316 | value: true
|
28317 | });
|
28318 | exports.swatchUrl = undefined;
|
28319 |
|
28320 | var _cloudinary = __webpack_require__(4);
|
28321 |
|
28322 | var _cloudinary2 = _interopRequireDefault(_cloudinary);
|
28323 |
|
28324 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
28325 |
|
28326 | var swatchUrl = exports.swatchUrl = function swatchUrl(colorway) {
|
28327 | var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
28328 |
|
28329 | var shot = colorway.shots.find(function (s) {
|
28330 | return s.shot_type === 'front';
|
28331 | });
|
28332 | if (!shot) {
|
28333 |
|
28334 | shot = colorway.shots[0];
|
28335 | }
|
28336 |
|
28337 | var url = colorway.swatch_cloudinary_key || shot.cloudinary_key;
|
28338 | var defaults = { format: 'jpg' };
|
28339 |
|
28340 | if (!colorway.swatch_cloudinary_key) {
|
28341 | defaults.transformation = 'swatch_v2';
|
28342 | }
|
28343 |
|
28344 | return _cloudinary2.default.url(url, Object.assign({}, defaults, overrides));
|
28345 | };
|
28346 |
|
28347 | })
|
28348 | ])));
|
28349 |
|
\ | No newline at end of file |