UNPKG

451 kBJavaScriptView Raw
1var Mirage = (function (exports,React,PropTypes,styled) {
2 'use strict';
3
4 var React__default = 'default' in React ? React['default'] : React;
5 PropTypes = PropTypes && PropTypes.hasOwnProperty('default') ? PropTypes['default'] : PropTypes;
6 var styled__default = 'default' in styled ? styled['default'] : styled;
7
8 var _jsxFileName = '/Users/mealeyst/projects/professional/mirage/src/core/grid/grid.js',
9 _this = undefined;
10
11 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']),
12 _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']),
13 _templateObject3 = _taggedTemplateLiteral(['', ''], ['', '']);
14
15 function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
16
17 var TwelveColGrid = styled.css(_templateObject, function (props) {
18 return props.theme.grid.columns.desktop;
19 }, function (props) {
20 return props.theme.grid.gutter;
21 }, function (props) {
22 return props.theme.grid.margins.desktop;
23 });
24
25 var Grid = styled__default(function (_ref) {
26 var className = _ref.className,
27 children = _ref.children;
28
29 return React__default.createElement(
30 'div',
31 { className: className, __source: {
32 fileName: _jsxFileName,
33 lineNumber: 14
34 },
35 __self: _this
36 },
37 children
38 );
39 })(_templateObject2, function (props) {
40 return props.theme.grid.gutter;
41 }, function (props) {
42 return props.theme.grid.margins.mobile;
43 }, function (props) {
44 return props.theme.grid.gutter;
45 }, function (props) {
46 return props.theme.grid.columns.mobile;
47 }, function (props) {
48 return props.theme.media.tablet(_templateObject3, TwelveColGrid);
49 }, function (props) {
50 return props.debug && '> * {\n background-color: hsl(200, 33%, 96%);\n }';
51 });
52
53 Grid.propTypes = {
54 debug: PropTypes.bool,
55 theme: PropTypes.shape({
56 media: PropTypes.shape({
57 tablet: PropTypes.func,
58 desktop: PropTypes.func
59 }),
60 grid: PropTypes.shape({
61 columns: PropTypes.shape({
62 mobile: PropTypes.number,
63 tablet: PropTypes.number,
64 desktop: PropTypes.number
65 }),
66 gutter: PropTypes.string,
67 margins: PropTypes.shape({
68 mobile: PropTypes.number,
69 tablet: PropTypes.number,
70 desktop: PropTypes.number
71 })
72 })
73 })
74
75 /** @component */
76 };
77
78 var _templateObject$1 = _taggedTemplateLiteral$1(['\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']),
79 _templateObject2$1 = _taggedTemplateLiteral$1(['\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']),
80 _templateObject3$1 = _taggedTemplateLiteral$1(['', ''], ['', '']);
81
82 function _taggedTemplateLiteral$1(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
83
84 var DesktopSizer = styled.css(_templateObject$1, function (props) {
85 return props.desktop.width;
86 }, function (props) {
87 return props.theme.grid.columns.desktop;
88 }, function (props) {
89 return props.theme.grid.gutter / 2;
90 }, function (props) {
91 return props.desktop.start ? 'grid-column-start: ' + props.desktop.start + ';' : '';
92 }, function (props) {
93 if (props.desktop.start) {
94 return props.desktop.start + props.desktop.width;
95 } else {
96 return 'span ' + props.desktop.width;
97 }
98 });
99
100 var desktopFallback = function desktopFallback(props, key) {
101 if (props.tablet && props.tablet[key]) {
102 return props.tablet[key];
103 }
104 return props.desktop[key];
105 };
106
107 var TabletSizer = styled.css(_templateObject$1, function (props) {
108 return desktopFallback(props, 'width');
109 }, function (props) {
110 return props.theme.grid.columns.tablet;
111 }, function (props) {
112 return props.theme.grid.gutter / 2;
113 }, function (props) {
114 return desktopFallback(props, 'start') ? 'grid-column-start: ' + desktopFallback(props, 'start') + ';' : '';
115 }, function (props) {
116 if (desktopFallback(props, 'start')) {
117 return desktopFallback(props, 'start') + desktopFallback(props, 'width');
118 } else {
119 return 'span ' + desktopFallback(props, 'width');
120 }
121 });
122 var Sizer = styled__default.div(_templateObject2$1, function (props) {
123 return props.mobile.width;
124 }, function (props) {
125 return props.theme.grid.columns.mobile;
126 }, function (props) {
127 return props.theme.grid.gutter / 2;
128 }, function (props) {
129 return props.mobile.start ? 'grid-column-start: ' + props.mobile.start + ';' : '';
130 }, function (props) {
131 if (props.mobile.start) {
132 return props.mobile.start + props.mobile.width;
133 } else {
134 return 'span ' + props.mobile.width;
135 }
136 }, function (props) {
137 return props.theme.media.tablet(_templateObject3$1, TabletSizer);
138 }, function (props) {
139 return props.theme.media.desktop(_templateObject3$1, DesktopSizer);
140 });
141
142 Sizer.defaultProps = {
143 desktop: {
144 width: 12
145 },
146 mobile: {
147 width: 4
148 }
149 };
150
151 Sizer.propTypes = {
152 desktop: PropTypes.shape({
153 width: PropTypes.number,
154 start: PropTypes.number
155 }),
156 mobile: PropTypes.shape({
157 width: PropTypes.number,
158 start: PropTypes.number
159 })
160
161 /** @component */
162 };
163
164 var _jsxFileName$1 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/BagIcon.js',
165 _this$1 = undefined;
166
167 var _templateObject$2 = _taggedTemplateLiteral$2(['\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap:round;\n stroke-linejoin:round;\n }\n > g circle {\n fill: ', ';\n }\n > g text {\n fill: ', ';\n font-family: ', ';\n font-size: .8rem;\n font-weight: 500;\n }\n'], ['\n width: ', ';\n > polygon, path {\n fill: none;\n stroke: ', ';\n stroke-linecap:round;\n stroke-linejoin:round;\n }\n > g circle {\n fill: ', ';\n }\n > g text {\n fill: ', ';\n font-family: ', ';\n font-size: .8rem;\n font-weight: 500;\n }\n']);
168
169 function _taggedTemplateLiteral$2(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
170
171 var BaseBagIcon = function BaseBagIcon(_ref) {
172 var className = _ref.className,
173 count = _ref.count;
174
175 return React__default.createElement(
176 'svg',
177 { className: className, version: '1.1', viewBox: '0 0 19 15', __source: {
178 fileName: _jsxFileName$1,
179 lineNumber: 7
180 },
181 __self: _this$1
182 },
183 React__default.createElement('polygon', { points: '10.5,12.7 10.6,6.8 0.5,6.8 0.5,12.7 2.6,14.5 8.7,14.5', __source: {
184 fileName: _jsxFileName$1,
185 lineNumber: 8
186 },
187 __self: _this$1
188 }),
189 React__default.createElement('path', { d: 'M3.1,6.4v-1C3.1,4.1,4.2,3,5.5,3s2.4,1.1,2.4,2.4v1H3.1z', __source: {
190 fileName: _jsxFileName$1,
191 lineNumber: 9
192 },
193 __self: _this$1
194 }),
195 count && React__default.createElement(
196 'g',
197 {
198 __source: {
199 fileName: _jsxFileName$1,
200 lineNumber: 11
201 },
202 __self: _this$1
203 },
204 React__default.createElement('circle', { cx: '13', cy: '6', r: '6', __source: {
205 fileName: _jsxFileName$1,
206 lineNumber: 12
207 },
208 __self: _this$1
209 }),
210 React__default.createElement(
211 'text',
212 { x: '12.75', y: '7', alignmentBaseline: 'middle', textAnchor: 'middle', __source: {
213 fileName: _jsxFileName$1,
214 lineNumber: 13
215 },
216 __self: _this$1
217 },
218 count
219 )
220 )
221 );
222 };
223
224 var BagIcon = styled__default(BaseBagIcon)(_templateObject$2, function (props) {
225 return props.width;
226 }, function (props) {
227 return props.theme.colors.rocketBlue;
228 }, function (props) {
229 return props.theme.colors.rocketBlue;
230 }, function (props) {
231 return props.theme.colors.white;
232 }, function (props) {
233 return props.theme.fonts.primaryFont;
234 });
235
236 BagIcon.propTypes = {
237 theme: PropTypes.shape({
238 colors: PropTypes.shape({
239 rocketBlue: PropTypes.string,
240 white: PropTypes.string
241 }),
242 fonts: PropTypes.shape({
243 primaryFont: PropTypes.string
244 })
245 }),
246 width: PropTypes.string
247 };
248
249 BagIcon.propTypes = {
250 count: PropTypes.number,
251 width: PropTypes.string.isRequired
252 };
253
254 BagIcon.defaultProps = {
255 width: '2rem'
256
257 /** @component */
258 };
259
260 var _jsxFileName$2 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/CardIcon.base.js',
261 _this$2 = undefined;
262
263 var BaseCardIcon = function BaseCardIcon(_ref) {
264 var className = _ref.className,
265 children = _ref.children,
266 box = _ref.box;
267
268 return React__default.createElement(
269 'svg',
270 { className: className, version: '1.1', xmlns: 'http://www.w3.org/2000/svg', viewBox: box, __source: {
271 fileName: _jsxFileName$2,
272 lineNumber: 6
273 },
274 __self: _this$2
275 },
276 children
277 );
278 };
279
280 BaseCardIcon.propTypes = {
281 box: PropTypes.string,
282 className: PropTypes.string,
283 children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
284 };
285
286 var _jsxFileName$3 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Amex.base.js',
287 _this$3 = undefined;
288
289 var Amex = function Amex(_ref) {
290 var className = _ref.className;
291 return React__default.createElement(
292 BaseCardIcon,
293 { className: className, box: '0 0 750 472', __source: {
294 fileName: _jsxFileName$3,
295 lineNumber: 7
296 },
297 __self: _this$3
298 },
299 React__default.createElement(
300 'g',
301 { fillRule: 'evenodd', __source: {
302 fileName: _jsxFileName$3,
303 lineNumber: 8
304 },
305 __self: _this$3
306 },
307 React__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', __source: {
308 fileName: _jsxFileName$3,
309 lineNumber: 9
310 },
311 __self: _this$3
312 })
313 )
314 );
315 };
316
317 Amex.propTypes = {
318 className: PropTypes.string
319 };
320
321 var _jsxFileName$4 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Default.base.js',
322 _this$4 = undefined;
323
324 var Default = function Default(_ref) {
325 var className = _ref.className;
326 return React__default.createElement(
327 BaseCardIcon,
328 { className: className, box: '0 0 750 472', __source: {
329 fileName: _jsxFileName$4,
330 lineNumber: 7
331 },
332 __self: _this$4
333 },
334 React__default.createElement('path', { d: 'M0,462a10,10,0,0,0,10,10H740a10,10,0,0,0,10-10V144H0Z', __source: {
335 fileName: _jsxFileName$4,
336 lineNumber: 8
337 },
338 __self: _this$4
339 }),
340 React__default.createElement('path', { d: 'M750,10A10,10,0,0,0,740,0H10A10,10,0,0,0,0,10V73H750Z', __source: {
341 fileName: _jsxFileName$4,
342 lineNumber: 9
343 },
344 __self: _this$4
345 })
346 );
347 };
348
349 Default.propTypes = {
350 className: PropTypes.string
351 };
352
353 var _jsxFileName$5 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Diners.base.js',
354 _this$5 = undefined;
355
356 var Diners = function Diners(_ref) {
357 var className = _ref.className;
358 return React__default.createElement(
359 BaseCardIcon,
360 { className: className, box: '0 0 750 471', __source: {
361 fileName: _jsxFileName$5,
362 lineNumber: 7
363 },
364 __self: _this$5
365 },
366 React__default.createElement(
367 'g',
368 { fillRule: 'evenodd', __source: {
369 fileName: _jsxFileName$5,
370 lineNumber: 8
371 },
372 __self: _this$5
373 },
374 React__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', __source: {
375 fileName: _jsxFileName$5,
376 lineNumber: 9
377 },
378 __self: _this$5
379 })
380 )
381 );
382 };
383
384 Diners.propTypes = {
385 className: PropTypes.string
386 };
387
388 var _jsxFileName$6 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Discover.base.js',
389 _this$6 = undefined;
390
391 var Discover = function Discover(_ref) {
392 var className = _ref.className;
393 return React__default.createElement(
394 BaseCardIcon,
395 { className: className, box: '0 0 750 471', __source: {
396 fileName: _jsxFileName$6,
397 lineNumber: 7
398 },
399 __self: _this$6
400 },
401 React__default.createElement(
402 'g',
403 { fillRule: 'evenodd', __source: {
404 fileName: _jsxFileName$6,
405 lineNumber: 8
406 },
407 __self: _this$6
408 },
409 React__default.createElement(
410 'g',
411 {
412 transform: 'translate(375.000000, 235.500000) scale(1, -1) translate(-375.000000, -235.500000)', __source: {
413 fileName: _jsxFileName$6,
414 lineNumber: 9
415 },
416 __self: _this$6
417 },
418 React__default.createElement('path', {
419 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', __source: {
420 fileName: _jsxFileName$6,
421 lineNumber: 11
422 },
423 __self: _this$6
424 })
425 )
426 )
427 );
428 };
429
430 Discover.propTypes = {
431 className: PropTypes.string
432 };
433
434 var _jsxFileName$7 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/JCB.base.js',
435 _this$7 = undefined;
436
437 var JCB = function JCB(_ref) {
438 var className = _ref.className;
439 return React__default.createElement(
440 BaseCardIcon,
441 { className: className, box: '0 0 750 471', __source: {
442 fileName: _jsxFileName$7,
443 lineNumber: 7
444 },
445 __self: _this$7
446 },
447 React__default.createElement(
448 'g',
449 { fillRule: 'evenodd', __source: {
450 fileName: _jsxFileName$7,
451 lineNumber: 8
452 },
453 __self: _this$7
454 },
455 React__default.createElement(
456 'g',
457 {
458 __source: {
459 fileName: _jsxFileName$7,
460 lineNumber: 9
461 },
462 __self: _this$7
463 },
464 React__default.createElement('rect', {
465 x: '0',
466 y: '0',
467 width: '750',
468 height: '471',
469 rx: '40', __source: {
470 fileName: _jsxFileName$7,
471 lineNumber: 10
472 },
473 __self: _this$7
474 })
475 ),
476 React__default.createElement(
477 'g',
478 { transform: 'translate(155.000000, 66.000000)',
479 fill: '#FFFFFF', __source: {
480 fileName: _jsxFileName$7,
481 lineNumber: 17
482 },
483 __self: _this$7
484 },
485 React__default.createElement('path', {
486 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', __source: {
487 fileName: _jsxFileName$7,
488 lineNumber: 19
489 },
490 __self: _this$7
491 }),
492 React__default.createElement('path', {
493 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', __source: {
494 fileName: _jsxFileName$7,
495 lineNumber: 21
496 },
497 __self: _this$7
498 }),
499 React__default.createElement('path', {
500 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', __source: {
501 fileName: _jsxFileName$7,
502 lineNumber: 23
503 },
504 __self: _this$7
505 }),
506 React__default.createElement('path', {
507 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', __source: {
508 fileName: _jsxFileName$7,
509 lineNumber: 25
510 },
511 __self: _this$7
512 }),
513 React__default.createElement('path', {
514 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', __source: {
515 fileName: _jsxFileName$7,
516 lineNumber: 27
517 },
518 __self: _this$7
519 })
520 )
521 )
522 );
523 };
524
525 JCB.propTypes = {
526 className: PropTypes.string
527 };
528
529 var _jsxFileName$8 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Mastercard.base.js',
530 _this$8 = undefined;
531
532 var Mastercard = function Mastercard(_ref) {
533 var className = _ref.className;
534 return React__default.createElement(
535 BaseCardIcon,
536 { className: className, box: '0 0 750 471', __source: {
537 fileName: _jsxFileName$8,
538 lineNumber: 7
539 },
540 __self: _this$8
541 },
542 React__default.createElement(
543 'g',
544 { fillRule: 'evenodd', __source: {
545 fileName: _jsxFileName$8,
546 lineNumber: 8
547 },
548 __self: _this$8
549 },
550 React__default.createElement('path', {
551 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', __source: {
552 fileName: _jsxFileName$8,
553 lineNumber: 9
554 },
555 __self: _this$8
556 })
557 )
558 );
559 };
560
561 Mastercard.propTypes = {
562 className: PropTypes.string
563 };
564
565 var _jsxFileName$9 = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Maestro.base.js',
566 _this$9 = undefined;
567
568 var Maestro = function Maestro(_ref) {
569 var className = _ref.className;
570 return React__default.createElement(
571 BaseCardIcon,
572 { className: className, box: '0 0 750 471', __source: {
573 fileName: _jsxFileName$9,
574 lineNumber: 7
575 },
576 __self: _this$9
577 },
578 React__default.createElement(
579 'g',
580 { fillRule: 'evenodd', __source: {
581 fileName: _jsxFileName$9,
582 lineNumber: 8
583 },
584 __self: _this$9
585 },
586 React__default.createElement('path', {
587 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', __source: {
588 fileName: _jsxFileName$9,
589 lineNumber: 9
590 },
591 __self: _this$9
592 })
593 )
594 );
595 };
596
597 Maestro.propTypes = {
598 className: PropTypes.string
599 };
600
601 var _jsxFileName$a = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Paypal.base.js',
602 _this$a = undefined;
603
604 var Paypal = function Paypal(_ref) {
605 var className = _ref.className;
606 return React__default.createElement(
607 BaseCardIcon,
608 { className: className, box: '0 0 780 501', __source: {
609 fileName: _jsxFileName$a,
610 lineNumber: 7
611 },
612 __self: _this$a
613 },
614 React__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', __source: {
615 fileName: _jsxFileName$a,
616 lineNumber: 8
617 },
618 __self: _this$a
619 }),
620 React__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', __source: {
621 fileName: _jsxFileName$a,
622 lineNumber: 11
623 },
624 __self: _this$a
625 }),
626 React__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', __source: {
627 fileName: _jsxFileName$a,
628 lineNumber: 14
629 },
630 __self: _this$a
631 }),
632 React__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', __source: {
633 fileName: _jsxFileName$a,
634 lineNumber: 42
635 },
636 __self: _this$a
637 }),
638 React__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', __source: {
639 fileName: _jsxFileName$a,
640 lineNumber: 45
641 },
642 __self: _this$a
643 })
644 );
645 };
646
647 Paypal.propTypes = {
648 className: PropTypes.string
649 };
650
651 var _jsxFileName$b = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/Visa.base.js',
652 _this$b = undefined;
653
654 var Visa = function Visa(_ref) {
655 var className = _ref.className;
656 return React__default.createElement(
657 BaseCardIcon,
658 { className: className, box: '0 0 750 471', __source: {
659 fileName: _jsxFileName$b,
660 lineNumber: 7
661 },
662 __self: _this$b
663 },
664 React__default.createElement(
665 'g',
666 { fillRule: 'evenodd', __source: {
667 fileName: _jsxFileName$b,
668 lineNumber: 8
669 },
670 __self: _this$b
671 },
672 React__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', __source: {
673 fileName: _jsxFileName$b,
674 lineNumber: 9
675 },
676 __self: _this$b
677 })
678 )
679 );
680 };
681
682 Visa.propTypes = {
683 className: PropTypes.string
684 };
685
686 var _jsxFileName$c = '/Users/mealeyst/projects/professional/mirage/src/core/icons/cards/CardIcon.js',
687 _this$c = undefined;
688
689 var _templateObject$3 = _taggedTemplateLiteral$3(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
690
691 function _taggedTemplateLiteral$3(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
692
693 var CardIconBase = function CardIconBase(_ref) {
694 var brand = _ref.brand,
695 className = _ref.className;
696
697 var Child = null;
698 switch (brand) {
699 case 'amex':
700 Child = Amex;
701 break;
702 case 'diners':
703 Child = Diners;
704 break;
705 case 'discover':
706 Child = Discover;
707 break;
708 case 'jcb':
709 Child = JCB;
710 break;
711 case 'mastercard':
712 Child = Mastercard;
713 break;
714 case 'maestro':
715 Child = Maestro;
716 break;
717 case 'paypal':
718 Child = Paypal;
719 break;
720 case 'visa':
721 Child = Visa;
722 break;
723 default:
724 Child = Default;
725 }
726 return React__default.createElement(Child, { className: className, __source: {
727 fileName: _jsxFileName$c,
728 lineNumber: 46
729 },
730 __self: _this$c
731 });
732 };
733
734 var CardIcon = styled__default(CardIconBase)(_templateObject$3, function (props) {
735 return props.theme.colors.navy;
736 });
737
738 CardIcon.propTypes = {
739 brand: PropTypes.string.isRequired,
740 theme: PropTypes.shape({
741 colors: PropTypes.shape({
742 rocketBlue: PropTypes.string
743 })
744 })
745
746 /** @component */
747 };
748
749 var _jsxFileName$d = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Chevron.js',
750 _this$d = undefined;
751
752 var _templateObject$4 = _taggedTemplateLiteral$4(['\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 ']),
753 _templateObject2$2 = _taggedTemplateLiteral$4(['\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 ']),
754 _templateObject3$2 = _taggedTemplateLiteral$4(['\n ', ' 0.75s infinite\n'], ['\n ', ' 0.75s infinite\n']),
755 _templateObject4 = _taggedTemplateLiteral$4(['\n width: 12px;\n height: 8px;\n fill:none;\n stroke: ', ';\n stroke-miterlimit:10;\n stroke-width:5px;\n ', '\n cursor: pointer;\n animation: ', ';\n'], ['\n width: 12px;\n height: 8px;\n fill:none;\n stroke: ', ';\n stroke-miterlimit:10;\n stroke-width:5px;\n ', '\n cursor: pointer;\n animation: ', ';\n']);
756
757 function _taggedTemplateLiteral$4(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
758
759 var BaseChevron = function BaseChevron(_ref) {
760 var className = _ref.className;
761
762 return React__default.createElement(
763 'svg',
764 { className: className, viewBox: '0 0 48 24.12', __source: {
765 fileName: _jsxFileName$d,
766 lineNumber: 7
767 },
768 __self: _this$d
769 },
770 React__default.createElement('polyline', { points: '1 1 24 22.75 47 1', __source: {
771 fileName: _jsxFileName$d,
772 lineNumber: 8
773 },
774 __self: _this$d
775 })
776 );
777 };
778
779 var pulse = function pulse(props) {
780 if (props.left || props.right) {
781 return styled.keyframes(_templateObject$4, direction(props), pulseDirection(props), direction(props), direction(props));
782 } else {
783 return styled.keyframes(_templateObject2$2, direction(props), direction(props), direction(props));
784 }
785 };
786
787 var pulseDirection = function pulseDirection(props) {
788 if (props.right) {
789 return '.2rem';
790 } else if (props.left) {
791 return '-.2rem';
792 }
793 };
794
795 var animated = function animated(props) {
796 return styled.css(_templateObject3$2, pulse(props));
797 };
798
799 var direction = function direction(props) {
800 if (props.down) {
801 return 'rotate(0deg)';
802 } else if (props.left) {
803 return 'rotate(-90deg)';
804 } else if (props.right) {
805 return 'rotate(90deg)';
806 } else if (props.up) {
807 return 'rotate(180deg)';
808 }
809 };
810
811 var Chevron = styled__default(BaseChevron)(_templateObject4, function (props) {
812 return props.theme.colors.rocketBlue;
813 }, function (props) {
814 return 'transform: ' + direction(props) + ';';
815 }, function (props) {
816 return props.animated ? animated : '';
817 });
818
819 var validateDirection = function validateDirection(props, propName, componentName) {
820 var directions = ['down', 'left', 'right', 'up'];
821 var propDirections = Object.keys(props).filter(function (key) {
822 return directions.includes(key);
823 });
824 if (propDirections.length > 1) {
825 return new Error('More than one direction prop was supplied to ' + componentName + ', only use one.');
826 } else if (propDirections.length === 0) {
827 return new Error('No direction prop was supplied to ' + componentName + ', please select one.');
828 }
829 return null;
830 };
831
832 Chevron.propTypes = {
833 animated: PropTypes.bool,
834 theme: PropTypes.shape({
835 colors: PropTypes.shape({
836 rocketBlue: PropTypes.string.isRequired
837 })
838 }),
839 validateDirection: validateDirection
840 };
841
842 Chevron.defaultProps = {};
843
844 var _jsxFileName$e = '/Users/mealeyst/projects/professional/mirage/src/core/icons/GuaranteeIcon.js',
845 _this$e = undefined;
846
847 var _templateObject$5 = _taggedTemplateLiteral$5(['\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']),
848 _templateObject2$3 = _taggedTemplateLiteral$5(['\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']),
849 _templateObject3$3 = _taggedTemplateLiteral$5(['\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']);
850
851 function _taggedTemplateLiteral$5(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
852
853 var UnstyledGuaranteeIcon = function UnstyledGuaranteeIcon(_ref) {
854 var className = _ref.className;
855
856 return React__default.createElement(
857 'svg',
858 { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 42 42', __source: {
859 fileName: _jsxFileName$e,
860 lineNumber: 7
861 },
862 __self: _this$e
863 },
864 React__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', __source: {
865 fileName: _jsxFileName$e,
866 lineNumber: 8
867 },
868 __self: _this$e
869 }),
870 React__default.createElement('circle', { cx: '21', cy: '21', r: '14.7', __source: {
871 fileName: _jsxFileName$e,
872 lineNumber: 9
873 },
874 __self: _this$e
875 }),
876 React__default.createElement('polyline', { points: '14.629 21.734 18.691 25.483 26.345 17.203', __source: {
877 fileName: _jsxFileName$e,
878 lineNumber: 10
879 },
880 __self: _this$e
881 })
882 );
883 };
884
885 var rotate = styled.keyframes(_templateObject$5);
886
887 var animation = styled.css(_templateObject2$3, rotate);
888
889 var GuaranteeIcon = styled__default(UnstyledGuaranteeIcon)(_templateObject3$3, function (props) {
890 return props.width;
891 }, function (props) {
892 return props.theme.colors.white;
893 }, function (props) {
894 return props.theme.colors.rocketBlue;
895 }, function (props) {
896 return props.animated && animation;
897 }, function (props) {
898 return props.theme.colors.rocketBlue;
899 });
900
901 GuaranteeIcon.propTypes = {
902 width: PropTypes.string.isRequired
903 };
904
905 GuaranteeIcon.defaultProps = {
906 width: '2.5rem'
907
908 /** @component */
909 };
910
911 var _jsxFileName$f = '/Users/mealeyst/projects/professional/mirage/src/core/icons/MailboxIcon.js',
912 _this$f = undefined;
913
914 var _templateObject$6 = _taggedTemplateLiteral$6(['\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']),
915 _templateObject2$4 = _taggedTemplateLiteral$6(['\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']),
916 _templateObject3$4 = _taggedTemplateLiteral$6(['\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']);
917
918 function _taggedTemplateLiteral$6(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
919
920 var UnstyledMailbox = function UnstyledMailbox(_ref) {
921 var className = _ref.className;
922
923 return React__default.createElement(
924 'svg',
925 { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 148 148', __source: {
926 fileName: _jsxFileName$f,
927 lineNumber: 7
928 },
929 __self: _this$f
930 },
931 React__default.createElement(
932 'g',
933 { className: 'mailbox', __source: {
934 fileName: _jsxFileName$f,
935 lineNumber: 8
936 },
937 __self: _this$f
938 },
939 React__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', __source: {
940 fileName: _jsxFileName$f,
941 lineNumber: 9
942 },
943 __self: _this$f
944 }),
945 React__default.createElement('line', { className: 'line', x1: '83.21', y1: '148', x2: '84.08', y2: '110.33', __source: {
946 fileName: _jsxFileName$f,
947 lineNumber: 10
948 },
949 __self: _this$f
950 }),
951 React__default.createElement('line', { className: 'line', x1: '89.9', y1: '148', x2: '90.46', y2: '110.33', __source: {
952 fileName: _jsxFileName$f,
953 lineNumber: 11
954 },
955 __self: _this$f
956 }),
957 React__default.createElement('line', { className: 'line', x1: '109.71', y1: '148', x2: '111.89', y2: '110.1', __source: {
958 fileName: _jsxFileName$f,
959 lineNumber: 12
960 },
961 __self: _this$f
962 }),
963 React__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', __source: {
964 fileName: _jsxFileName$f,
965 lineNumber: 13
966 },
967 __self: _this$f
968 }),
969 React__default.createElement('circle', { className: 'iris002', cx: '118.33', cy: '80.44', r: '1.19', __source: {
970 fileName: _jsxFileName$f,
971 lineNumber: 14
972 },
973 __self: _this$f
974 }),
975 React__default.createElement('circle', { className: 'iris003', cx: '130.46', cy: '79.88', r: '1.31', __source: {
976 fileName: _jsxFileName$f,
977 lineNumber: 15
978 },
979 __self: _this$f
980 })
981 ),
982 React__default.createElement(
983 'g',
984 { className: 'flag', __source: {
985 fileName: _jsxFileName$f,
986 lineNumber: 17
987 },
988 __self: _this$f
989 },
990 React__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', __source: {
991 fileName: _jsxFileName$f,
992 lineNumber: 18
993 },
994 __self: _this$f
995 }),
996 React__default.createElement('circle', { cx: '76.63', cy: '85.43', r: '3.67', __source: {
997 fileName: _jsxFileName$f,
998 lineNumber: 19
999 },
1000 __self: _this$f
1001 }),
1002 React__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', __source: {
1003 fileName: _jsxFileName$f,
1004 lineNumber: 20
1005 },
1006 __self: _this$f
1007 })
1008 )
1009 );
1010 };
1011
1012 var animateFlag = styled.keyframes(_templateObject$6);
1013
1014 var animated$1 = styled.css(_templateObject2$4, animateFlag);
1015
1016 var MailboxIcon = styled__default(UnstyledMailbox)(_templateObject3$4, function (props) {
1017 return props.width;
1018 }, function (props) {
1019 return props.theme.colors.rocketBlue;
1020 }, function (props) {
1021 return props.theme.colors.rocketBlue;
1022 }, function (props) {
1023 return props.animate && animated$1;
1024 });
1025
1026 MailboxIcon.propTypes = {
1027 animated: PropTypes.bool,
1028 theme: PropTypes.shape({
1029 colors: PropTypes.shape({
1030 rocketBlue: PropTypes.string,
1031 white: PropTypes.string
1032 })
1033 }),
1034 width: PropTypes.string
1035 };
1036
1037 MailboxIcon.defaultProps = {
1038 width: '7rem'
1039
1040 /** @component */
1041 };
1042
1043 var _jsxFileName$g = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Ruler.js',
1044 _this$g = undefined;
1045
1046 var _templateObject$7 = _taggedTemplateLiteral$7(['\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']);
1047
1048 function _taggedTemplateLiteral$7(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1049
1050 var BaseRuler = function BaseRuler(props) {
1051 return React__default.createElement(
1052 'svg',
1053 Object.assign({ xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 27 12' }, props, {
1054 __source: {
1055 fileName: _jsxFileName$g,
1056 lineNumber: 7
1057 },
1058 __self: _this$g
1059 }),
1060 React__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', __source: {
1061 fileName: _jsxFileName$g,
1062 lineNumber: 8
1063 },
1064 __self: _this$g
1065 }),
1066 React__default.createElement('circle', { cx: '4', cy: '7.9', r: '1.25', __source: {
1067 fileName: _jsxFileName$g,
1068 lineNumber: 10
1069 },
1070 __self: _this$g
1071 }),
1072 React__default.createElement('line', { x1: '4', y1: '0.5', x2: '4', y2: '3.5', __source: {
1073 fileName: _jsxFileName$g,
1074 lineNumber: 11
1075 },
1076 __self: _this$g
1077 }),
1078 React__default.createElement('line', { x1: '8', y1: '0.5', x2: '8', y2: '3.5', __source: {
1079 fileName: _jsxFileName$g,
1080 lineNumber: 12
1081 },
1082 __self: _this$g
1083 }),
1084 React__default.createElement('line', { x1: '12', y1: '0.5', x2: '12', y2: '3.5', __source: {
1085 fileName: _jsxFileName$g,
1086 lineNumber: 13
1087 },
1088 __self: _this$g
1089 }),
1090 React__default.createElement('line', { x1: '16', y1: '0.5', x2: '16', y2: '3.5', __source: {
1091 fileName: _jsxFileName$g,
1092 lineNumber: 14
1093 },
1094 __self: _this$g
1095 }),
1096 React__default.createElement('line', { x1: '20', y1: '0.5', x2: '20', y2: '3.5', __source: {
1097 fileName: _jsxFileName$g,
1098 lineNumber: 15
1099 },
1100 __self: _this$g
1101 }),
1102 React__default.createElement('line', { x1: '24', y1: '0.5', x2: '24', y2: '3.5', __source: {
1103 fileName: _jsxFileName$g,
1104 lineNumber: 16
1105 },
1106 __self: _this$g
1107 })
1108 );
1109 };
1110
1111 var Ruler = styled__default(BaseRuler)(_templateObject$7, function (props) {
1112 return props.width;
1113 }, function (props) {
1114 return props.theme.colors.navy;
1115 }, function (props) {
1116 return props.theme.colors.navy;
1117 });
1118
1119 Ruler.propTypes = {
1120 theme: PropTypes.shape({
1121 colors: PropTypes.shape({
1122 navy: PropTypes.string
1123 })
1124 }),
1125 width: PropTypes.string
1126 };
1127
1128 Ruler.defaultProps = {
1129 width: '27px'
1130 /** @component */
1131 };
1132
1133 var _jsxFileName$h = '/Users/mealeyst/projects/professional/mirage/src/core/icons/XIcon.js',
1134 _this$h = undefined;
1135
1136 var _templateObject$8 = _taggedTemplateLiteral$8(['\n width: ', ';\n line {\n stroke-width: 1.5;\n fill: none;\n stroke: ', ';\n }\n'], ['\n width: ', ';\n line {\n stroke-width: 1.5;\n fill: none;\n stroke: ', ';\n }\n']);
1137
1138 function _taggedTemplateLiteral$8(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1139
1140 var BaseXIcon = function BaseXIcon(_ref) {
1141 var className = _ref.className;
1142
1143 return React__default.createElement(
1144 'svg',
1145 { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 15 15', __source: {
1146 fileName: _jsxFileName$h,
1147 lineNumber: 7
1148 },
1149 __self: _this$h
1150 },
1151 React__default.createElement('line', { x1: '0', y1: '0', x2: '15', y2: '15', __source: {
1152 fileName: _jsxFileName$h,
1153 lineNumber: 8
1154 },
1155 __self: _this$h
1156 }),
1157 React__default.createElement('line', { x1: '0', y1: '15', x2: '15', y2: '0', __source: {
1158 fileName: _jsxFileName$h,
1159 lineNumber: 9
1160 },
1161 __self: _this$h
1162 })
1163 );
1164 };
1165
1166 var XIcon = styled__default(BaseXIcon)(_templateObject$8, function (props) {
1167 return props.width;
1168 }, function (props) {
1169 return props.theme.colors.rocketBlue;
1170 });
1171
1172 XIcon.propTypes = {
1173 theme: PropTypes.shape({
1174 colors: PropTypes.shape({
1175 rocketBlue: PropTypes.string
1176 })
1177 }),
1178 width: PropTypes.string
1179 };
1180
1181 XIcon.defaultProps = {
1182 width: '10px'
1183
1184 /** @component */
1185 };
1186
1187 var _jsxFileName$i = '/Users/mealeyst/projects/professional/mirage/src/core/icons/AIcon/AIcon.base.js',
1188 _this$i = undefined;
1189
1190 var _templateObject$9 = _taggedTemplateLiteral$9(['\n width: ', ';\n'], ['\n width: ', ';\n']);
1191
1192 function _taggedTemplateLiteral$9(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1193
1194 var AIcon = function AIcon(props) {
1195 return React__default.createElement(
1196 'svg',
1197 Object.assign({ viewBox: '0 0 80 80' }, props, {
1198 __source: {
1199 fileName: _jsxFileName$i,
1200 lineNumber: 7
1201 },
1202 __self: _this$i
1203 }),
1204 React__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', __source: {
1205 fileName: _jsxFileName$i,
1206 lineNumber: 8
1207 },
1208 __self: _this$i
1209 })
1210 );
1211 };
1212
1213 var BaseAIcon = styled__default(AIcon)(_templateObject$9, function (props) {
1214 return props.width;
1215 });
1216
1217 BaseAIcon.propTypes = {
1218 width: PropTypes.string.isRequired
1219 };
1220
1221 BaseAIcon.defaultProps = {
1222 width: '9.2rem'
1223
1224 /** @component */
1225 };
1226
1227 var _templateObject$a = _taggedTemplateLiteral$a(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
1228
1229 function _taggedTemplateLiteral$a(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1230
1231 var AIcon$1 = styled__default(BaseAIcon)(_templateObject$a, function (props) {
1232 return props.theme.colors.rocketBlue;
1233 });
1234
1235 AIcon$1.propTypes = {
1236 theme: PropTypes.shape({
1237 colors: PropTypes.shape({
1238 rocketBlue: PropTypes.string
1239 })
1240 })
1241
1242 /** @component */
1243 };
1244
1245 var _templateObject$b = _taggedTemplateLiteral$b(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
1246
1247 function _taggedTemplateLiteral$b(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1248
1249 var GrayAIcon = styled__default(BaseAIcon)(_templateObject$b, function (props) {
1250 return props.theme.colors.gray[3];
1251 });
1252
1253 GrayAIcon.propTypes = {
1254 theme: PropTypes.shape({
1255 colors: PropTypes.shape({
1256 gray: PropTypes.array
1257 })
1258 })
1259
1260 /** @component */
1261 };
1262
1263 var _templateObject$c = _taggedTemplateLiteral$c(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
1264
1265 function _taggedTemplateLiteral$c(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1266
1267 var NavyAIcon = styled__default(BaseAIcon)(_templateObject$c, function (props) {
1268 return props.theme.colors.navy;
1269 });
1270
1271 NavyAIcon.propTypes = {
1272 theme: PropTypes.shape({
1273 colors: PropTypes.shape({
1274 navy: PropTypes.string
1275 })
1276 })
1277
1278 /** @component */
1279 };
1280
1281 var _templateObject$d = _taggedTemplateLiteral$d(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
1282
1283 function _taggedTemplateLiteral$d(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1284
1285 var WhiteAIcon = styled__default(BaseAIcon)(_templateObject$d, function (props) {
1286 return props.theme.colors.white;
1287 });
1288
1289 WhiteAIcon.propTypes = {
1290 theme: PropTypes.shape({
1291 colors: PropTypes.shape({
1292 white: PropTypes.string
1293 })
1294 })
1295
1296 /** @component */
1297 };
1298
1299 var _jsxFileName$j = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Checkmark/Checkmark.base.js',
1300 _this$j = undefined;
1301
1302 var _templateObject$e = _taggedTemplateLiteral$e(['\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 ']),
1303 _templateObject2$5 = _taggedTemplateLiteral$e(['\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']);
1304
1305 function _taggedTemplateLiteral$e(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1306
1307 var UnstyledCheckmark = function UnstyledCheckmark(props) {
1308 return React__default.createElement(
1309 'svg',
1310 Object.assign({}, props, { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 26.5 26.5', __source: {
1311 fileName: _jsxFileName$j,
1312 lineNumber: 7
1313 },
1314 __self: _this$j
1315 }),
1316 React__default.createElement('polyline', { points: '7,14 11,17.7 18.6,9.5', __source: {
1317 fileName: _jsxFileName$j,
1318 lineNumber: 8
1319 },
1320 __self: _this$j
1321 })
1322 );
1323 };
1324
1325 var animateCheckmarkIn = function animateCheckmarkIn(props) {
1326 return styled.keyframes(_templateObject$e, props.width, props.stroke, props.width);
1327 };
1328
1329 var Checkmark = styled__default(UnstyledCheckmark)(_templateObject2$5, function (props) {
1330 return props.width;
1331 }, function (props) {
1332 return animateCheckmarkIn;
1333 });
1334
1335 Checkmark.propTypes = {
1336 stroke: PropTypes.string,
1337 width: PropTypes.string
1338 };
1339
1340 Checkmark.defaultProps = {
1341 width: '2.6rem'
1342
1343 /** @component */
1344 };
1345
1346 var _templateObject$f = _taggedTemplateLiteral$f(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
1347
1348 function _taggedTemplateLiteral$f(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1349
1350 var BlueCheckmark = styled__default(Checkmark)(_templateObject$f, function (props) {
1351 return props.theme.colors.rocketBlue;
1352 });
1353
1354 BlueCheckmark.propTypes = {
1355 theme: PropTypes.shape({
1356 colors: PropTypes.shape({
1357 rocketBlue: PropTypes.string
1358 })
1359 })
1360
1361 /** @component */
1362 };
1363
1364 var _templateObject$g = _taggedTemplateLiteral$g(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
1365
1366 function _taggedTemplateLiteral$g(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1367
1368 var GrayCheckmark = styled__default(Checkmark)(_templateObject$g, function (props) {
1369 return props.theme.colors.loading;
1370 });
1371
1372 GrayCheckmark.propTypes = {
1373 theme: PropTypes.shape({
1374 colors: PropTypes.shape({
1375 loading: PropTypes.string
1376 })
1377 })
1378
1379 /** @component */
1380 };
1381
1382 var _templateObject$h = _taggedTemplateLiteral$h(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
1383
1384 function _taggedTemplateLiteral$h(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1385
1386 var NavyCheckmark = styled__default(Checkmark)(_templateObject$h, function (props) {
1387 return props.theme.colors.navy;
1388 });
1389
1390 NavyCheckmark.propTypes = {
1391 theme: PropTypes.shape({
1392 colors: PropTypes.shape({
1393 navy: PropTypes.string
1394 })
1395 })
1396
1397 /** @component */
1398 };
1399
1400 var _templateObject$i = _taggedTemplateLiteral$i(['\n stroke: ', '\n'], ['\n stroke: ', '\n']);
1401
1402 function _taggedTemplateLiteral$i(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1403
1404 var WhiteCheckmark = styled__default(Checkmark)(_templateObject$i, function (props) {
1405 return props.theme.colors.white;
1406 });
1407
1408 WhiteCheckmark.propTypes = {
1409 theme: PropTypes.shape({
1410 colors: PropTypes.shape({
1411 white: PropTypes.string
1412 })
1413 })
1414
1415 /** @component */
1416 };
1417
1418 var _jsxFileName$k = '/Users/mealeyst/projects/professional/mirage/src/core/icons/CircleChevron.base.js',
1419 _this$k = undefined;
1420
1421 var _templateObject$j = _taggedTemplateLiteral$j(['\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']);
1422
1423 function _taggedTemplateLiteral$j(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1424
1425 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; }
1426
1427 var CircleChev = function CircleChev(_ref) {
1428 var left = _ref.left,
1429 right = _ref.right,
1430 props = _objectWithoutProperties(_ref, ['left', 'right']);
1431
1432 return React__default.createElement(
1433 'svg',
1434 Object.assign({}, props, { viewBox: '0 0 60 60', __source: {
1435 fileName: _jsxFileName$k,
1436 lineNumber: 7
1437 },
1438 __self: _this$k
1439 }),
1440 React__default.createElement('ellipse', { cx: '30', cy: '30', rx: '30', ry: '30', __source: {
1441 fileName: _jsxFileName$k,
1442 lineNumber: 8
1443 },
1444 __self: _this$k
1445 }),
1446 right && React__default.createElement('polyline', { points: '23.5,16.8 36.5,30 23.5,43.2', __source: {
1447 fileName: _jsxFileName$k,
1448 lineNumber: 9
1449 },
1450 __self: _this$k
1451 }),
1452 left && React__default.createElement('polyline', { points: '36.5,43.2 23.5,30 36.5,16.8', __source: {
1453 fileName: _jsxFileName$k,
1454 lineNumber: 10
1455 },
1456 __self: _this$k
1457 })
1458 );
1459 };
1460
1461 var BaseChevron$1 = styled__default(CircleChev)(_templateObject$j, function (props) {
1462 return props.width;
1463 });
1464
1465 var validateDirection$1 = function validateDirection(props, propName, componentName) {
1466 if (!props.left && !props.right) {
1467 return new Error('Either the left or right prop must be supplied to ' + componentName + '.');
1468 } else if (props.left && props.right) {
1469 return new Error('Both the left and right prop were supplied to ' + componentName + ', only select one.');
1470 }
1471 };
1472
1473 CircleChev.propTypes = {
1474 className: PropTypes.string,
1475 left: validateDirection$1,
1476 right: validateDirection$1,
1477 width: PropTypes.string
1478 };
1479
1480 CircleChev.defaultProps = {
1481 width: '40px'
1482
1483 /** @component */
1484 };
1485
1486 var _templateObject$k = _taggedTemplateLiteral$k(['\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']);
1487
1488 function _taggedTemplateLiteral$k(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1489
1490 var CircleChevron = styled__default(BaseChevron$1)(_templateObject$k, function (props) {
1491 return props.theme.colors.lightBlue[2];
1492 }, function (props) {
1493 return props.theme.colors.white;
1494 });
1495
1496 CircleChevron.propTypes = {
1497 theme: PropTypes.shape({
1498 colors: PropTypes.shape({
1499 lightBlue: PropTypes.array,
1500 white: PropTypes.string
1501 })
1502 }),
1503 width: PropTypes.string
1504
1505 /** @component */
1506 };
1507
1508 var _jsxFileName$l = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Hamburger/Hamburger.base.js',
1509 _this$l = undefined;
1510
1511 var _templateObject$l = _taggedTemplateLiteral$l(['\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']),
1512 _templateObject2$6 = _taggedTemplateLiteral$l(['\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']),
1513 _templateObject3$5 = _taggedTemplateLiteral$l(['\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']),
1514 _templateObject4$1 = _taggedTemplateLiteral$l(['\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']),
1515 _templateObject5 = _taggedTemplateLiteral$l(['\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']),
1516 _templateObject6 = _taggedTemplateLiteral$l(['\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']),
1517 _templateObject7 = _taggedTemplateLiteral$l(['\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']),
1518 _templateObject8 = _taggedTemplateLiteral$l(['\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']),
1519 _templateObject9 = _taggedTemplateLiteral$l(['\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']),
1520 _templateObject10 = _taggedTemplateLiteral$l(['\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']);
1521
1522 function _taggedTemplateLiteral$l(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1523
1524 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';
1525 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';
1526
1527 var UnstyledHamburger = function UnstyledHamburger(_ref) {
1528 var className = _ref.className;
1529
1530 return React__default.createElement(
1531 'svg',
1532 {
1533 className: className,
1534 xmlns: 'http://www.w3.org/2000/svg',
1535 viewBox: '0 0 167.29 210.66', __source: {
1536 fileName: _jsxFileName$l,
1537 lineNumber: 12
1538 },
1539 __self: _this$l
1540 },
1541 React__default.createElement('path', {
1542 className: 'line hamburger-outerline',
1543 d: topPoints, __source: {
1544 fileName: _jsxFileName$l,
1545 lineNumber: 16
1546 },
1547 __self: _this$l
1548 }),
1549 React__default.createElement('line', {
1550 className: 'line hamburger-innerline',
1551 x1: '2',
1552 y1: '105.54',
1553 x2: '102',
1554 y2: '105.54', __source: {
1555 fileName: _jsxFileName$l,
1556 lineNumber: 19
1557 },
1558 __self: _this$l
1559 }),
1560 React__default.createElement('path', {
1561 className: 'line hamburger-outerline',
1562 d: bottomPoints, __source: {
1563 fileName: _jsxFileName$l,
1564 lineNumber: 25
1565 },
1566 __self: _this$l
1567 })
1568 );
1569 };
1570
1571 var animateToX = styled.keyframes(_templateObject$l);
1572
1573 var animateFromX = styled.keyframes(_templateObject2$6);
1574
1575 var removeCenterLine = styled.keyframes(_templateObject3$5);
1576
1577 var addCenterLine = styled.keyframes(_templateObject4$1);
1578
1579 var animateCenterLine = styled.keyframes(_templateObject5);
1580
1581 var animateX = styled.keyframes(_templateObject6);
1582
1583 var animated$2 = styled.css(_templateObject7, animateX, animateCenterLine);
1584
1585 var closed = styled.css(_templateObject8, animateFromX, addCenterLine);
1586
1587 var open = styled.css(_templateObject9, animateToX, removeCenterLine);
1588
1589 var BaseHamburger = styled__default(UnstyledHamburger)(_templateObject10, function (props) {
1590 return !props.open && props.open !== undefined && closed;
1591 }, function (props) {
1592 return props.open && open;
1593 }, function (props) {
1594 return props.animated && animated$2;
1595 });
1596
1597 BaseHamburger.propTypes = {
1598 animated: PropTypes.bool,
1599 open: PropTypes.bool,
1600 theme: PropTypes.shape({
1601 colors: PropTypes.shape({
1602 navy: PropTypes.string,
1603 rocketBlue: PropTypes.string,
1604 white: PropTypes.string
1605 })
1606 })
1607
1608 /** @component */
1609 };
1610
1611 var _templateObject$m = _taggedTemplateLiteral$m(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
1612
1613 function _taggedTemplateLiteral$m(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1614
1615 var BlueHamburger = styled__default(BaseHamburger)(_templateObject$m, function (props) {
1616 return props.theme.colors.rocketBlue;
1617 });
1618
1619 BlueHamburger.propTypes = {
1620 theme: PropTypes.shape({
1621 colors: PropTypes.shape({
1622 white: PropTypes.string
1623 })
1624 })
1625
1626 /** @component */
1627 };
1628
1629 var _templateObject$n = _taggedTemplateLiteral$n(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
1630
1631 function _taggedTemplateLiteral$n(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1632
1633 var GrayHamburger = styled__default(BaseHamburger)(_templateObject$n, function (props) {
1634 return props.theme.colors.loading;
1635 });
1636
1637 GrayHamburger.propTypes = {
1638 theme: PropTypes.shape({
1639 colors: PropTypes.shape({
1640 white: PropTypes.string
1641 })
1642 })
1643
1644 /** @component */
1645 };
1646
1647 var _templateObject$o = _taggedTemplateLiteral$o(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
1648
1649 function _taggedTemplateLiteral$o(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1650
1651 var Hamburger = styled__default(BaseHamburger)(_templateObject$o, function (props) {
1652 return props.theme.colors.white;
1653 });
1654
1655 Hamburger.propTypes = {
1656 theme: PropTypes.shape({
1657 colors: PropTypes.shape({
1658 white: PropTypes.string
1659 })
1660 })
1661
1662 /** @component */
1663 };
1664
1665 var _templateObject$p = _taggedTemplateLiteral$p(['\n stroke: ', ';\n'], ['\n stroke: ', ';\n']);
1666
1667 function _taggedTemplateLiteral$p(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1668
1669 var NavyHamburger = styled__default(BaseHamburger)(_templateObject$p, function (props) {
1670 return props.theme.colors.navy;
1671 });
1672
1673 NavyHamburger.propTypes = {
1674 theme: PropTypes.shape({
1675 colors: PropTypes.shape({
1676 white: PropTypes.string
1677 })
1678 })
1679
1680 /** @component */
1681 };
1682
1683 var _jsxFileName$m = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Logo/Logo.base.js',
1684 _this$m = undefined;
1685
1686 var _templateObject$q = _taggedTemplateLiteral$q(['\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']),
1687 _templateObject2$7 = _taggedTemplateLiteral$q(['\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']),
1688 _templateObject3$6 = _taggedTemplateLiteral$q(['\n width: ', ';\n ', '\n'], ['\n width: ', ';\n ', '\n']);
1689
1690 function _taggedTemplateLiteral$q(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1691
1692 var UnstyledBaseLogo = function UnstyledBaseLogo(_ref) {
1693 var className = _ref.className;
1694
1695 return React__default.createElement(
1696 'svg',
1697 { className: className, viewBox: '0 0 492 60', __source: {
1698 fileName: _jsxFileName$m,
1699 lineNumber: 7
1700 },
1701 __self: _this$m
1702 },
1703 React__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', __source: {
1704 fileName: _jsxFileName$m,
1705 lineNumber: 8
1706 },
1707 __self: _this$m
1708 }),
1709 React__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', __source: {
1710 fileName: _jsxFileName$m,
1711 lineNumber: 10
1712 },
1713 __self: _this$m
1714 }),
1715 React__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', __source: {
1716 fileName: _jsxFileName$m,
1717 lineNumber: 13
1718 },
1719 __self: _this$m
1720 }),
1721 React__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', __source: {
1722 fileName: _jsxFileName$m,
1723 lineNumber: 16
1724 },
1725 __self: _this$m
1726 }),
1727 React__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', __source: {
1728 fileName: _jsxFileName$m,
1729 lineNumber: 17
1730 },
1731 __self: _this$m
1732 }),
1733 React__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', __source: {
1734 fileName: _jsxFileName$m,
1735 lineNumber: 19
1736 },
1737 __self: _this$m
1738 }),
1739 React__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', __source: {
1740 fileName: _jsxFileName$m,
1741 lineNumber: 20
1742 },
1743 __self: _this$m
1744 }),
1745 React__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', __source: {
1746 fileName: _jsxFileName$m,
1747 lineNumber: 24
1748 },
1749 __self: _this$m
1750 }),
1751 React__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', __source: {
1752 fileName: _jsxFileName$m,
1753 lineNumber: 27
1754 },
1755 __self: _this$m
1756 }),
1757 React__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', __source: {
1758 fileName: _jsxFileName$m,
1759 lineNumber: 29
1760 },
1761 __self: _this$m
1762 }),
1763 React__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', __source: {
1764 fileName: _jsxFileName$m,
1765 lineNumber: 31
1766 },
1767 __self: _this$m
1768 }),
1769 React__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', __source: {
1770 fileName: _jsxFileName$m,
1771 lineNumber: 33
1772 },
1773 __self: _this$m
1774 }),
1775 React__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', __source: {
1776 fileName: _jsxFileName$m,
1777 lineNumber: 35
1778 },
1779 __self: _this$m
1780 }),
1781 React__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', __source: {
1782 fileName: _jsxFileName$m,
1783 lineNumber: 39
1784 },
1785 __self: _this$m
1786 }),
1787 React__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', __source: {
1788 fileName: _jsxFileName$m,
1789 lineNumber: 42
1790 },
1791 __self: _this$m
1792 }),
1793 React__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', __source: {
1794 fileName: _jsxFileName$m,
1795 lineNumber: 43
1796 },
1797 __self: _this$m
1798 })
1799 );
1800 };
1801
1802 var pulse$1 = styled.keyframes(_templateObject$q);
1803
1804 var animated$3 = styled.css(_templateObject2$7, pulse$1);
1805
1806 var BaseLogo = styled__default(UnstyledBaseLogo)(_templateObject3$6, function (props) {
1807 return props.width;
1808 }, function (props) {
1809 return props.animated ? animated$3 : '';
1810 });
1811
1812 BaseLogo.propTypes = {
1813 width: PropTypes.string
1814
1815 /** @component */
1816 };
1817
1818 var _templateObject$r = _taggedTemplateLiteral$r(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
1819
1820 function _taggedTemplateLiteral$r(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1821
1822 var GrayLogo = styled__default(BaseLogo)(_templateObject$r, function (props) {
1823 return props.theme.colors.gray[4];
1824 });
1825
1826 GrayLogo.propTypes = {
1827 theme: PropTypes.shape({
1828 colors: PropTypes.shape({
1829 gray: PropTypes.array
1830 })
1831 }),
1832 width: PropTypes.string
1833
1834 /** @component */
1835 };
1836 // Wrapping the component in a styled tag so that we can refference it in other
1837 // other styled components. See:
1838 // https://www.styled-components.com/docs/advanced#caveat
1839
1840 var _templateObject$s = _taggedTemplateLiteral$s(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
1841
1842 function _taggedTemplateLiteral$s(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1843
1844 var Logo = styled__default(BaseLogo)(_templateObject$s, function (props) {
1845 return props.theme.colors.rocketBlue;
1846 });
1847
1848 Logo.propTypes = {
1849 theme: PropTypes.shape({
1850 color: PropTypes.shape({
1851 rocketBlue: PropTypes.string
1852 })
1853 }),
1854 width: PropTypes.string
1855
1856 /** @component */
1857 };
1858 // Wrapping the component in a styled tag so that we can refference it in other
1859 // other styled components. See:
1860 // https://www.styled-components.com/docs/advanced#caveat
1861
1862 var _templateObject$t = _taggedTemplateLiteral$t(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
1863
1864 function _taggedTemplateLiteral$t(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1865
1866 var NavyLogo = styled__default(BaseLogo)(_templateObject$t, function (props) {
1867 return props.theme.colors.navy;
1868 });
1869
1870 NavyLogo.propTypes = {
1871 theme: PropTypes.shape({
1872 colors: PropTypes.shape({
1873 navy: PropTypes.string
1874 })
1875 }),
1876 width: PropTypes.string
1877
1878 /** @component */
1879 };
1880 // Wrapping the component in a styled tag so that we can refference it in other
1881 // other styled components. See:
1882 // https://www.styled-components.com/docs/advanced#caveat
1883
1884 var _templateObject$u = _taggedTemplateLiteral$u(['\n fill: ', ';\n'], ['\n fill: ', ';\n']);
1885
1886 function _taggedTemplateLiteral$u(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1887
1888 var WhiteLogo = styled__default(BaseLogo)(_templateObject$u, function (props) {
1889 return props.theme.colors.white;
1890 });
1891
1892 WhiteLogo.propTypes = {
1893 theme: PropTypes.shape({
1894 colors: PropTypes.shape({
1895 white: PropTypes.string
1896 })
1897 }),
1898 width: PropTypes.string
1899
1900 /** @component */
1901 };
1902 // Wrapping the component in a styled tag so that we can refference it in other
1903 // other styled components. See:
1904 // https://www.styled-components.com/docs/advanced#caveat
1905
1906 var _jsxFileName$n = '/Users/mealeyst/projects/professional/mirage/src/core/icons/Spinner/Spinner.base.js',
1907 _this$n = undefined;
1908
1909 var _templateObject$v = _taggedTemplateLiteral$v(['\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']),
1910 _templateObject2$8 = _taggedTemplateLiteral$v(['\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']);
1911
1912 function _taggedTemplateLiteral$v(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
1913
1914 var animation$1 = styled.keyframes(_templateObject$v);
1915
1916 var SpinnerSVG = function SpinnerSVG(_ref) {
1917 var className = _ref.className;
1918
1919 return React__default.createElement(
1920 'svg',
1921 { className: className, viewBox: '0 0 100 100', preserveAspectRatio: 'xMidYMid', xmlns: 'http://www.w3.org/2000/svg', version: '1.1', __source: {
1922 fileName: _jsxFileName$n,
1923 lineNumber: 16
1924 },
1925 __self: _this$n
1926 },
1927 React__default.createElement(
1928 'g',
1929 { transform: 'rotate(0 50 50)', __source: {
1930 fileName: _jsxFileName$n,
1931 lineNumber: 17
1932 },
1933 __self: _this$n
1934 },
1935 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
1936 fileName: _jsxFileName$n,
1937 lineNumber: 18
1938 },
1939 __self: _this$n
1940 })
1941 ),
1942 React__default.createElement(
1943 'g',
1944 { transform: 'rotate(36 50 50)', __source: {
1945 fileName: _jsxFileName$n,
1946 lineNumber: 20
1947 },
1948 __self: _this$n
1949 },
1950 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
1951 fileName: _jsxFileName$n,
1952 lineNumber: 21
1953 },
1954 __self: _this$n
1955 })
1956 ),
1957 React__default.createElement(
1958 'g',
1959 { transform: 'rotate(72 50 50)', __source: {
1960 fileName: _jsxFileName$n,
1961 lineNumber: 23
1962 },
1963 __self: _this$n
1964 },
1965 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
1966 fileName: _jsxFileName$n,
1967 lineNumber: 24
1968 },
1969 __self: _this$n
1970 })
1971 ),
1972 React__default.createElement(
1973 'g',
1974 { transform: 'rotate(108 50 50)', __source: {
1975 fileName: _jsxFileName$n,
1976 lineNumber: 26
1977 },
1978 __self: _this$n
1979 },
1980 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
1981 fileName: _jsxFileName$n,
1982 lineNumber: 27
1983 },
1984 __self: _this$n
1985 })
1986 ),
1987 React__default.createElement(
1988 'g',
1989 { transform: 'rotate(144 50 50)', __source: {
1990 fileName: _jsxFileName$n,
1991 lineNumber: 29
1992 },
1993 __self: _this$n
1994 },
1995 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
1996 fileName: _jsxFileName$n,
1997 lineNumber: 30
1998 },
1999 __self: _this$n
2000 })
2001 ),
2002 React__default.createElement(
2003 'g',
2004 { transform: 'rotate(180 50 50)', __source: {
2005 fileName: _jsxFileName$n,
2006 lineNumber: 32
2007 },
2008 __self: _this$n
2009 },
2010 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
2011 fileName: _jsxFileName$n,
2012 lineNumber: 33
2013 },
2014 __self: _this$n
2015 })
2016 ),
2017 React__default.createElement(
2018 'g',
2019 { transform: 'rotate(216 50 50)', __source: {
2020 fileName: _jsxFileName$n,
2021 lineNumber: 35
2022 },
2023 __self: _this$n
2024 },
2025 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
2026 fileName: _jsxFileName$n,
2027 lineNumber: 36
2028 },
2029 __self: _this$n
2030 })
2031 ),
2032 React__default.createElement(
2033 'g',
2034 { transform: 'rotate(252 50 50)', __source: {
2035 fileName: _jsxFileName$n,
2036 lineNumber: 38
2037 },
2038 __self: _this$n
2039 },
2040 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
2041 fileName: _jsxFileName$n,
2042 lineNumber: 39
2043 },
2044 __self: _this$n
2045 })
2046 ),
2047 React__default.createElement(
2048 'g',
2049 { transform: 'rotate(288 50 50)', __source: {
2050 fileName: _jsxFileName$n,
2051 lineNumber: 41
2052 },
2053 __self: _this$n
2054 },
2055 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
2056 fileName: _jsxFileName$n,
2057 lineNumber: 42
2058 },
2059 __self: _this$n
2060 })
2061 ),
2062 React__default.createElement(
2063 'g',
2064 { transform: 'rotate(324 50 50)', __source: {
2065 fileName: _jsxFileName$n,
2066 lineNumber: 44
2067 },
2068 __self: _this$n
2069 },
2070 React__default.createElement('rect', { x: '46.5', y: '16', rx: '1.86', ry: '0.64', width: '7', height: '18', __source: {
2071 fileName: _jsxFileName$n,
2072 lineNumber: 45
2073 },
2074 __self: _this$n
2075 })
2076 )
2077 );
2078 };
2079
2080 var Spinner = styled__default(SpinnerSVG)(_templateObject2$8, function (props) {
2081 return props.size;
2082 }, function (props) {
2083 return props.size;
2084 }, animation$1);
2085
2086 Spinner.propTypes = {
2087 size: PropTypes.string,
2088 theme: PropTypes.shape({})
2089 };
2090
2091 Spinner.defaultProps = {
2092 size: '80px'
2093
2094 /** @component */
2095 };
2096
2097 var _templateObject$w = _taggedTemplateLiteral$w(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
2098
2099 function _taggedTemplateLiteral$w(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
2100
2101 var BlueSpinner = styled__default(Spinner)(_templateObject$w, function (props) {
2102 return props.theme.colors.rocketBlue;
2103 });
2104
2105 BlueSpinner.propTypes = {
2106 theme: PropTypes.shape({
2107 colors: PropTypes.shape({
2108 rocketBlue: PropTypes.string
2109 })
2110 })
2111
2112 /** @component */
2113 };
2114
2115 var _templateObject$x = _taggedTemplateLiteral$x(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
2116
2117 function _taggedTemplateLiteral$x(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
2118
2119 var GraySpinner = styled__default(Spinner)(_templateObject$x, function (props) {
2120 return props.theme.colors.loading;
2121 });
2122
2123 GraySpinner.propTypes = {
2124 theme: PropTypes.shape({
2125 colors: PropTypes.shape({
2126 loading: PropTypes.string
2127 })
2128 })
2129
2130 /** @component */
2131 };
2132
2133 var _templateObject$y = _taggedTemplateLiteral$y(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
2134
2135 function _taggedTemplateLiteral$y(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
2136
2137 var NavySpinner = styled__default(Spinner)(_templateObject$y, function (props) {
2138 return props.theme.colors.navy;
2139 });
2140
2141 NavySpinner.propTypes = {
2142 theme: PropTypes.shape({
2143 colors: PropTypes.shape({
2144 navy: PropTypes.string
2145 })
2146 })
2147
2148 /** @component */
2149 };
2150
2151 var _templateObject$z = _taggedTemplateLiteral$z(['\n rect {\n fill: ', ';\n }\n'], ['\n rect {\n fill: ', ';\n }\n']);
2152
2153 function _taggedTemplateLiteral$z(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
2154
2155 var WhiteSpinner = styled__default(Spinner)(_templateObject$z, function (props) {
2156 return props.theme.colors.white;
2157 });
2158
2159 WhiteSpinner.propTypes = {
2160 theme: PropTypes.shape({
2161 colors: PropTypes.shape({
2162 white: PropTypes.string
2163 })
2164 })
2165
2166 /** @component */
2167 };
2168
2169 //Icons
2170
2171 var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
2172
2173 function unwrapExports (x) {
2174 return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x.default : x;
2175 }
2176
2177 function createCommonjsModule(fn, module) {
2178 return module = { exports: {} }, fn(module, module.exports), module.exports;
2179 }
2180
2181 var collectionUtils = createCommonjsModule(function (module) {
2182
2183 var utils = module.exports = {};
2184
2185 /**
2186 * Loops through the collection and calls the callback for each element. if the callback returns truthy, the loop is broken and returns the same value.
2187 * @public
2188 * @param {*} collection The collection to loop through. Needs to have a length property set and have indices set from 0 to length - 1.
2189 * @param {function} callback The callback to be called for each element. The element will be given as a parameter to the callback. If this callback returns truthy, the loop is broken and the same value is returned.
2190 * @returns {*} The value that a callback has returned (if truthy). Otherwise nothing.
2191 */
2192 utils.forEach = function(collection, callback) {
2193 for(var i = 0; i < collection.length; i++) {
2194 var result = callback(collection[i]);
2195 if(result) {
2196 return result;
2197 }
2198 }
2199 };
2200 });
2201
2202 var elementUtils = function(options) {
2203 var getState = options.stateHandler.getState;
2204
2205 /**
2206 * Tells if the element has been made detectable and ready to be listened for resize events.
2207 * @public
2208 * @param {element} The element to check.
2209 * @returns {boolean} True or false depending on if the element is detectable or not.
2210 */
2211 function isDetectable(element) {
2212 var state = getState(element);
2213 return state && !!state.isDetectable;
2214 }
2215
2216 /**
2217 * Marks the element that it has been made detectable and ready to be listened for resize events.
2218 * @public
2219 * @param {element} The element to mark.
2220 */
2221 function markAsDetectable(element) {
2222 getState(element).isDetectable = true;
2223 }
2224
2225 /**
2226 * Tells if the element is busy or not.
2227 * @public
2228 * @param {element} The element to check.
2229 * @returns {boolean} True or false depending on if the element is busy or not.
2230 */
2231 function isBusy(element) {
2232 return !!getState(element).busy;
2233 }
2234
2235 /**
2236 * Marks the object is busy and should not be made detectable.
2237 * @public
2238 * @param {element} element The element to mark.
2239 * @param {boolean} busy If the element is busy or not.
2240 */
2241 function markBusy(element, busy) {
2242 getState(element).busy = !!busy;
2243 }
2244
2245 return {
2246 isDetectable: isDetectable,
2247 markAsDetectable: markAsDetectable,
2248 isBusy: isBusy,
2249 markBusy: markBusy
2250 };
2251 };
2252
2253 var listenerHandler = function(idHandler) {
2254 var eventListeners = {};
2255
2256 /**
2257 * Gets all listeners for the given element.
2258 * @public
2259 * @param {element} element The element to get all listeners for.
2260 * @returns All listeners for the given element.
2261 */
2262 function getListeners(element) {
2263 var id = idHandler.get(element);
2264
2265 if (id === undefined) {
2266 return [];
2267 }
2268
2269 return eventListeners[id] || [];
2270 }
2271
2272 /**
2273 * Stores the given listener for the given element. Will not actually add the listener to the element.
2274 * @public
2275 * @param {element} element The element that should have the listener added.
2276 * @param {function} listener The callback that the element has added.
2277 */
2278 function addListener(element, listener) {
2279 var id = idHandler.get(element);
2280
2281 if(!eventListeners[id]) {
2282 eventListeners[id] = [];
2283 }
2284
2285 eventListeners[id].push(listener);
2286 }
2287
2288 function removeListener(element, listener) {
2289 var listeners = getListeners(element);
2290 for (var i = 0, len = listeners.length; i < len; ++i) {
2291 if (listeners[i] === listener) {
2292 listeners.splice(i, 1);
2293 break;
2294 }
2295 }
2296 }
2297
2298 function removeAllListeners(element) {
2299 var listeners = getListeners(element);
2300 if (!listeners) { return; }
2301 listeners.length = 0;
2302 }
2303
2304 return {
2305 get: getListeners,
2306 add: addListener,
2307 removeListener: removeListener,
2308 removeAllListeners: removeAllListeners
2309 };
2310 };
2311
2312 var idGenerator = function() {
2313 var idCount = 1;
2314
2315 /**
2316 * Generates a new unique id in the context.
2317 * @public
2318 * @returns {number} A unique id in the context.
2319 */
2320 function generate() {
2321 return idCount++;
2322 }
2323
2324 return {
2325 generate: generate
2326 };
2327 };
2328
2329 var idHandler = function(options) {
2330 var idGenerator = options.idGenerator;
2331 var getState = options.stateHandler.getState;
2332
2333 /**
2334 * Gets the resize detector id of the element.
2335 * @public
2336 * @param {element} element The target element to get the id of.
2337 * @returns {string|number|null} The id of the element. Null if it has no id.
2338 */
2339 function getId(element) {
2340 var state = getState(element);
2341
2342 if (state && state.id !== undefined) {
2343 return state.id;
2344 }
2345
2346 return null;
2347 }
2348
2349 /**
2350 * Sets the resize detector id of the element. Requires the element to have a resize detector state initialized.
2351 * @public
2352 * @param {element} element The target element to set the id of.
2353 * @returns {string|number|null} The id of the element.
2354 */
2355 function setId(element) {
2356 var state = getState(element);
2357
2358 if (!state) {
2359 throw new Error("setId required the element to have a resize detection state.");
2360 }
2361
2362 var id = idGenerator.generate();
2363
2364 state.id = id;
2365
2366 return id;
2367 }
2368
2369 return {
2370 get: getId,
2371 set: setId
2372 };
2373 };
2374
2375 /* global console: false */
2376
2377 /**
2378 * Reporter that handles the reporting of logs, warnings and errors.
2379 * @public
2380 * @param {boolean} quiet Tells if the reporter should be quiet or not.
2381 */
2382 var reporter = function(quiet) {
2383 function noop() {
2384 //Does nothing.
2385 }
2386
2387 var reporter = {
2388 log: noop,
2389 warn: noop,
2390 error: noop
2391 };
2392
2393 if(!quiet && window.console) {
2394 var attachFunction = function(reporter, name) {
2395 //The proxy is needed to be able to call the method with the console context,
2396 //since we cannot use bind.
2397 reporter[name] = function reporterProxy() {
2398 var f = console[name];
2399 if (f.apply) { //IE9 does not support console.log.apply :)
2400 f.apply(console, arguments);
2401 } else {
2402 for (var i = 0; i < arguments.length; i++) {
2403 f(arguments[i]);
2404 }
2405 }
2406 };
2407 };
2408
2409 attachFunction(reporter, "log");
2410 attachFunction(reporter, "warn");
2411 attachFunction(reporter, "error");
2412 }
2413
2414 return reporter;
2415 };
2416
2417 var browserDetector = createCommonjsModule(function (module) {
2418
2419 var detector = module.exports = {};
2420
2421 detector.isIE = function(version) {
2422 function isAnyIeVersion() {
2423 var agent = navigator.userAgent.toLowerCase();
2424 return agent.indexOf("msie") !== -1 || agent.indexOf("trident") !== -1 || agent.indexOf(" edge/") !== -1;
2425 }
2426
2427 if(!isAnyIeVersion()) {
2428 return false;
2429 }
2430
2431 if(!version) {
2432 return true;
2433 }
2434
2435 //Shamelessly stolen from https://gist.github.com/padolsey/527683
2436 var ieVersion = (function(){
2437 var undef,
2438 v = 3,
2439 div = document.createElement("div"),
2440 all = div.getElementsByTagName("i");
2441
2442 do {
2443 div.innerHTML = "<!--[if gt IE " + (++v) + "]><i></i><![endif]-->";
2444 }
2445 while (all[0]);
2446
2447 return v > 4 ? v : undef;
2448 }());
2449
2450 return version === ieVersion;
2451 };
2452
2453 detector.isLegacyOpera = function() {
2454 return !!window.opera;
2455 };
2456 });
2457
2458 var utils_1 = createCommonjsModule(function (module) {
2459
2460 var utils = module.exports = {};
2461
2462 utils.getOption = getOption;
2463
2464 function getOption(options, name, defaultValue) {
2465 var value = options[name];
2466
2467 if((value === undefined || value === null) && defaultValue !== undefined) {
2468 return defaultValue;
2469 }
2470
2471 return value;
2472 }
2473 });
2474
2475 var batchProcessor = function batchProcessorMaker(options) {
2476 options = options || {};
2477 var reporter = options.reporter;
2478 var asyncProcess = utils_1.getOption(options, "async", true);
2479 var autoProcess = utils_1.getOption(options, "auto", true);
2480
2481 if(autoProcess && !asyncProcess) {
2482 reporter && reporter.warn("Invalid options combination. auto=true and async=false is invalid. Setting async=true.");
2483 asyncProcess = true;
2484 }
2485
2486 var batch = Batch();
2487 var asyncFrameHandler;
2488 var isProcessing = false;
2489
2490 function addFunction(level, fn) {
2491 if(!isProcessing && autoProcess && asyncProcess && batch.size() === 0) {
2492 // Since this is async, it is guaranteed to be executed after that the fn is added to the batch.
2493 // This needs to be done before, since we're checking the size of the batch to be 0.
2494 processBatchAsync();
2495 }
2496
2497 batch.add(level, fn);
2498 }
2499
2500 function processBatch() {
2501 // Save the current batch, and create a new batch so that incoming functions are not added into the currently processing batch.
2502 // Continue processing until the top-level batch is empty (functions may be added to the new batch while processing, and so on).
2503 isProcessing = true;
2504 while (batch.size()) {
2505 var processingBatch = batch;
2506 batch = Batch();
2507 processingBatch.process();
2508 }
2509 isProcessing = false;
2510 }
2511
2512 function forceProcessBatch(localAsyncProcess) {
2513 if (isProcessing) {
2514 return;
2515 }
2516
2517 if(localAsyncProcess === undefined) {
2518 localAsyncProcess = asyncProcess;
2519 }
2520
2521 if(asyncFrameHandler) {
2522 cancelFrame(asyncFrameHandler);
2523 asyncFrameHandler = null;
2524 }
2525
2526 if(localAsyncProcess) {
2527 processBatchAsync();
2528 } else {
2529 processBatch();
2530 }
2531 }
2532
2533 function processBatchAsync() {
2534 asyncFrameHandler = requestFrame(processBatch);
2535 }
2536
2537 function cancelFrame(listener) {
2538 // var cancel = window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame || window.clearTimeout;
2539 var cancel = clearTimeout;
2540 return cancel(listener);
2541 }
2542
2543 function requestFrame(callback) {
2544 // var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function(fn) { return window.setTimeout(fn, 20); };
2545 var raf = function(fn) { return setTimeout(fn, 0); };
2546 return raf(callback);
2547 }
2548
2549 return {
2550 add: addFunction,
2551 force: forceProcessBatch
2552 };
2553 };
2554
2555 function Batch() {
2556 var batch = {};
2557 var size = 0;
2558 var topLevel = 0;
2559 var bottomLevel = 0;
2560
2561 function add(level, fn) {
2562 if(!fn) {
2563 fn = level;
2564 level = 0;
2565 }
2566
2567 if(level > topLevel) {
2568 topLevel = level;
2569 } else if(level < bottomLevel) {
2570 bottomLevel = level;
2571 }
2572
2573 if(!batch[level]) {
2574 batch[level] = [];
2575 }
2576
2577 batch[level].push(fn);
2578 size++;
2579 }
2580
2581 function process() {
2582 for(var level = bottomLevel; level <= topLevel; level++) {
2583 var fns = batch[level];
2584
2585 for(var i = 0; i < fns.length; i++) {
2586 var fn = fns[i];
2587 fn();
2588 }
2589 }
2590 }
2591
2592 function getSize() {
2593 return size;
2594 }
2595
2596 return {
2597 add: add,
2598 process: process,
2599 size: getSize
2600 };
2601 }
2602
2603 var prop = "_erd";
2604
2605 function initState(element) {
2606 element[prop] = {};
2607 return getState(element);
2608 }
2609
2610 function getState(element) {
2611 return element[prop];
2612 }
2613
2614 function cleanState(element) {
2615 delete element[prop];
2616 }
2617
2618 var stateHandler = {
2619 initState: initState,
2620 getState: getState,
2621 cleanState: cleanState
2622 };
2623
2624 var object = function(options) {
2625 options = options || {};
2626 var reporter = options.reporter;
2627 var batchProcessor = options.batchProcessor;
2628 var getState = options.stateHandler.getState;
2629
2630 if(!reporter) {
2631 throw new Error("Missing required dependency: reporter.");
2632 }
2633
2634 /**
2635 * Adds a resize event listener to the element.
2636 * @public
2637 * @param {element} element The element that should have the listener added.
2638 * @param {function} listener The listener callback to be called for each resize event of the element. The element will be given as a parameter to the listener callback.
2639 */
2640 function addListener(element, listener) {
2641 function listenerProxy() {
2642 listener(element);
2643 }
2644
2645 if(browserDetector.isIE(8)) {
2646 //IE 8 does not support object, but supports the resize event directly on elements.
2647 getState(element).object = {
2648 proxy: listenerProxy
2649 };
2650 element.attachEvent("onresize", listenerProxy);
2651 } else {
2652 var object = getObject(element);
2653
2654 if(!object) {
2655 throw new Error("Element is not detectable by this strategy.");
2656 }
2657
2658 object.contentDocument.defaultView.addEventListener("resize", listenerProxy);
2659 }
2660 }
2661
2662 function buildCssTextString(rules) {
2663 var seperator = options.important ? " !important; " : "; ";
2664
2665 return (rules.join(seperator) + seperator).trim();
2666 }
2667
2668 /**
2669 * Makes an element detectable and ready to be listened for resize events. Will call the callback when the element is ready to be listened for resize changes.
2670 * @private
2671 * @param {object} options Optional options object.
2672 * @param {element} element The element to make detectable
2673 * @param {function} callback The callback to be called when the element is ready to be listened for resize changes. Will be called with the element as first parameter.
2674 */
2675 function makeDetectable(options, element, callback) {
2676 if (!callback) {
2677 callback = element;
2678 element = options;
2679 options = null;
2680 }
2681
2682 options = options || {};
2683 var debug = options.debug;
2684
2685 function injectObject(element, callback) {
2686 var OBJECT_STYLE = buildCssTextString(["display: block", "position: absolute", "top: 0", "left: 0", "width: 100%", "height: 100%", "border: none", "padding: 0", "margin: 0", "opacity: 0", "z-index: -1000", "pointer-events: none"]);
2687
2688 //The target element needs to be positioned (everything except static) so the absolute positioned object will be positioned relative to the target element.
2689
2690 // Position altering may be performed directly or on object load, depending on if style resolution is possible directly or not.
2691 var positionCheckPerformed = false;
2692
2693 // The element may not yet be attached to the DOM, and therefore the style object may be empty in some browsers.
2694 // Since the style object is a reference, it will be updated as soon as the element is attached to the DOM.
2695 var style = window.getComputedStyle(element);
2696 var width = element.offsetWidth;
2697 var height = element.offsetHeight;
2698
2699 getState(element).startSize = {
2700 width: width,
2701 height: height
2702 };
2703
2704 function mutateDom() {
2705 function alterPositionStyles() {
2706 if(style.position === "static") {
2707 element.style.setProperty("position", "relative", options.important ? "important" : "");
2708
2709 var removeRelativeStyles = function(reporter, element, style, property) {
2710 function getNumericalValue(value) {
2711 return value.replace(/[^-\d\.]/g, "");
2712 }
2713
2714 var value = style[property];
2715
2716 if(value !== "auto" && getNumericalValue(value) !== "0") {
2717 reporter.warn("An element that is positioned static has style." + property + "=" + value + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + property + " will be set to 0. Element: ", element);
2718 element.style.setProperty(property, "0", options.important ? "important" : "");
2719 }
2720 };
2721
2722 //Check so that there are no accidental styles that will make the element styled differently now that is is relative.
2723 //If there are any, set them to 0 (this should be okay with the user since the style properties did nothing before [since the element was positioned static] anyway).
2724 removeRelativeStyles(reporter, element, style, "top");
2725 removeRelativeStyles(reporter, element, style, "right");
2726 removeRelativeStyles(reporter, element, style, "bottom");
2727 removeRelativeStyles(reporter, element, style, "left");
2728 }
2729 }
2730
2731 function onObjectLoad() {
2732 // The object has been loaded, which means that the element now is guaranteed to be attached to the DOM.
2733 if (!positionCheckPerformed) {
2734 alterPositionStyles();
2735 }
2736
2737 /*jshint validthis: true */
2738
2739 function getDocument(element, callback) {
2740 //Opera 12 seem to call the object.onload before the actual document has been created.
2741 //So if it is not present, poll it with an timeout until it is present.
2742 //TODO: Could maybe be handled better with object.onreadystatechange or similar.
2743 if(!element.contentDocument) {
2744 setTimeout(function checkForObjectDocument() {
2745 getDocument(element, callback);
2746 }, 100);
2747
2748 return;
2749 }
2750
2751 callback(element.contentDocument);
2752 }
2753
2754 //Mutating the object element here seems to fire another load event.
2755 //Mutating the inner document of the object element is fine though.
2756 var objectElement = this;
2757
2758 //Create the style element to be added to the object.
2759 getDocument(objectElement, function onObjectDocumentReady(objectDocument) {
2760 //Notify that the element is ready to be listened to.
2761 callback(element);
2762 });
2763 }
2764
2765 // The element may be detached from the DOM, and some browsers does not support style resolving of detached elements.
2766 // The alterPositionStyles needs to be delayed until we know the element has been attached to the DOM (which we are sure of when the onObjectLoad has been fired), if style resolution is not possible.
2767 if (style.position !== "") {
2768 alterPositionStyles(style);
2769 positionCheckPerformed = true;
2770 }
2771
2772 //Add an object element as a child to the target element that will be listened to for resize events.
2773 var object = document.createElement("object");
2774 object.style.cssText = OBJECT_STYLE;
2775 object.tabIndex = -1;
2776 object.type = "text/html";
2777 object.onload = onObjectLoad;
2778
2779 //Safari: This must occur before adding the object to the DOM.
2780 //IE: Does not like that this happens before, even if it is also added after.
2781 if(!browserDetector.isIE()) {
2782 object.data = "about:blank";
2783 }
2784
2785 if (!getState(element)) {
2786 // The element has been uninstalled before the actual loading happened.
2787 return;
2788 }
2789
2790 element.appendChild(object);
2791 getState(element).object = object;
2792
2793 //IE: This must occur after adding the object to the DOM.
2794 if(browserDetector.isIE()) {
2795 object.data = "about:blank";
2796 }
2797 }
2798
2799 if(batchProcessor) {
2800 batchProcessor.add(mutateDom);
2801 } else {
2802 mutateDom();
2803 }
2804 }
2805
2806 if(browserDetector.isIE(8)) {
2807 //IE 8 does not support objects properly. Luckily they do support the resize event.
2808 //So do not inject the object and notify that the element is already ready to be listened to.
2809 //The event handler for the resize event is attached in the utils.addListener instead.
2810 callback(element);
2811 } else {
2812 injectObject(element, callback);
2813 }
2814 }
2815
2816 /**
2817 * Returns the child object of the target element.
2818 * @private
2819 * @param {element} element The target element.
2820 * @returns The object element of the target.
2821 */
2822 function getObject(element) {
2823 return getState(element).object;
2824 }
2825
2826 function uninstall(element) {
2827 if (!getState(element)) {
2828 return;
2829 }
2830
2831 var object = getObject(element);
2832
2833 if (!object) {
2834 return;
2835 }
2836
2837 if (browserDetector.isIE(8)) {
2838 element.detachEvent("onresize", object.proxy);
2839 } else {
2840 element.removeChild(object);
2841 }
2842 delete getState(element).object;
2843 }
2844
2845 return {
2846 makeDetectable: makeDetectable,
2847 addListener: addListener,
2848 uninstall: uninstall
2849 };
2850 };
2851
2852 var forEach = collectionUtils.forEach;
2853
2854 var scroll = function(options) {
2855 options = options || {};
2856 var reporter = options.reporter;
2857 var batchProcessor = options.batchProcessor;
2858 var getState = options.stateHandler.getState;
2859 var hasState = options.stateHandler.hasState;
2860 var idHandler = options.idHandler;
2861
2862 if (!batchProcessor) {
2863 throw new Error("Missing required dependency: batchProcessor");
2864 }
2865
2866 if (!reporter) {
2867 throw new Error("Missing required dependency: reporter.");
2868 }
2869
2870 //TODO: Could this perhaps be done at installation time?
2871 var scrollbarSizes = getScrollbarSizes();
2872
2873 var styleId = "erd_scroll_detection_scrollbar_style";
2874 var detectionContainerClass = "erd_scroll_detection_container";
2875
2876 function initDocument(targetDocument) {
2877 // Inject the scrollbar styling that prevents them from appearing sometimes in Chrome.
2878 // The injected container needs to have a class, so that it may be styled with CSS (pseudo elements).
2879 injectScrollStyle(targetDocument, styleId, detectionContainerClass);
2880 }
2881
2882 initDocument(window.document);
2883
2884 function buildCssTextString(rules) {
2885 var seperator = options.important ? " !important; " : "; ";
2886
2887 return (rules.join(seperator) + seperator).trim();
2888 }
2889
2890 function getScrollbarSizes() {
2891 var width = 500;
2892 var height = 500;
2893
2894 var child = document.createElement("div");
2895 child.style.cssText = buildCssTextString(["position: absolute", "width: " + width*2 + "px", "height: " + height*2 + "px", "visibility: hidden", "margin: 0", "padding: 0"]);
2896
2897 var container = document.createElement("div");
2898 container.style.cssText = buildCssTextString(["position: absolute", "width: " + width + "px", "height: " + height + "px", "overflow: scroll", "visibility: none", "top: " + -width*3 + "px", "left: " + -height*3 + "px", "visibility: hidden", "margin: 0", "padding: 0"]);
2899
2900 container.appendChild(child);
2901
2902 document.body.insertBefore(container, document.body.firstChild);
2903
2904 var widthSize = width - container.clientWidth;
2905 var heightSize = height - container.clientHeight;
2906
2907 document.body.removeChild(container);
2908
2909 return {
2910 width: widthSize,
2911 height: heightSize
2912 };
2913 }
2914
2915 function injectScrollStyle(targetDocument, styleId, containerClass) {
2916 function injectStyle(style, method) {
2917 method = method || function (element) {
2918 targetDocument.head.appendChild(element);
2919 };
2920
2921 var styleElement = targetDocument.createElement("style");
2922 styleElement.innerHTML = style;
2923 styleElement.id = styleId;
2924 method(styleElement);
2925 return styleElement;
2926 }
2927
2928 if (!targetDocument.getElementById(styleId)) {
2929 var containerAnimationClass = containerClass + "_animation";
2930 var containerAnimationActiveClass = containerClass + "_animation_active";
2931 var style = "/* Created by the element-resize-detector library. */\n";
2932 style += "." + containerClass + " > div::-webkit-scrollbar { " + buildCssTextString(["display: none"]) + " }\n\n";
2933 style += "." + containerAnimationActiveClass + " { " + buildCssTextString(["-webkit-animation-duration: 0.1s", "animation-duration: 0.1s", "-webkit-animation-name: " + containerAnimationClass, "animation-name: " + containerAnimationClass]) + " }\n";
2934 style += "@-webkit-keyframes " + containerAnimationClass + " { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }\n";
2935 style += "@keyframes " + containerAnimationClass + " { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }";
2936 injectStyle(style);
2937 }
2938 }
2939
2940 function addAnimationClass(element) {
2941 element.className += " " + detectionContainerClass + "_animation_active";
2942 }
2943
2944 function addEvent(el, name, cb) {
2945 if (el.addEventListener) {
2946 el.addEventListener(name, cb);
2947 } else if(el.attachEvent) {
2948 el.attachEvent("on" + name, cb);
2949 } else {
2950 return reporter.error("[scroll] Don't know how to add event listeners.");
2951 }
2952 }
2953
2954 function removeEvent(el, name, cb) {
2955 if (el.removeEventListener) {
2956 el.removeEventListener(name, cb);
2957 } else if(el.detachEvent) {
2958 el.detachEvent("on" + name, cb);
2959 } else {
2960 return reporter.error("[scroll] Don't know how to remove event listeners.");
2961 }
2962 }
2963
2964 function getExpandElement(element) {
2965 return getState(element).container.childNodes[0].childNodes[0].childNodes[0];
2966 }
2967
2968 function getShrinkElement(element) {
2969 return getState(element).container.childNodes[0].childNodes[0].childNodes[1];
2970 }
2971
2972 /**
2973 * Adds a resize event listener to the element.
2974 * @public
2975 * @param {element} element The element that should have the listener added.
2976 * @param {function} listener The listener callback to be called for each resize event of the element. The element will be given as a parameter to the listener callback.
2977 */
2978 function addListener(element, listener) {
2979 var listeners = getState(element).listeners;
2980
2981 if (!listeners.push) {
2982 throw new Error("Cannot add listener to an element that is not detectable.");
2983 }
2984
2985 getState(element).listeners.push(listener);
2986 }
2987
2988 /**
2989 * Makes an element detectable and ready to be listened for resize events. Will call the callback when the element is ready to be listened for resize changes.
2990 * @private
2991 * @param {object} options Optional options object.
2992 * @param {element} element The element to make detectable
2993 * @param {function} callback The callback to be called when the element is ready to be listened for resize changes. Will be called with the element as first parameter.
2994 */
2995 function makeDetectable(options, element, callback) {
2996 if (!callback) {
2997 callback = element;
2998 element = options;
2999 options = null;
3000 }
3001
3002 options = options || {};
3003
3004 function debug() {
3005 if (options.debug) {
3006 var args = Array.prototype.slice.call(arguments);
3007 args.unshift(idHandler.get(element), "Scroll: ");
3008 if (reporter.log.apply) {
3009 reporter.log.apply(null, args);
3010 } else {
3011 for (var i = 0; i < args.length; i++) {
3012 reporter.log(args[i]);
3013 }
3014 }
3015 }
3016 }
3017
3018 function isDetached(element) {
3019 function isInDocument(element) {
3020 return element === element.ownerDocument.body || element.ownerDocument.body.contains(element);
3021 }
3022
3023 if (!isInDocument(element)) {
3024 return true;
3025 }
3026
3027 // FireFox returns null style in hidden iframes. See https://github.com/wnr/element-resize-detector/issues/68 and https://bugzilla.mozilla.org/show_bug.cgi?id=795520
3028 if (window.getComputedStyle(element) === null) {
3029 return true;
3030 }
3031
3032 return false;
3033 }
3034
3035 function isUnrendered(element) {
3036 // Check the absolute positioned container since the top level container is display: inline.
3037 var container = getState(element).container.childNodes[0];
3038 var style = window.getComputedStyle(container);
3039 return !style.width || style.width.indexOf("px") === -1; //Can only compute pixel value when rendered.
3040 }
3041
3042 function getStyle() {
3043 // Some browsers only force layouts when actually reading the style properties of the style object, so make sure that they are all read here,
3044 // so that the user of the function can be sure that it will perform the layout here, instead of later (important for batching).
3045 var elementStyle = window.getComputedStyle(element);
3046 var style = {};
3047 style.position = elementStyle.position;
3048 style.width = element.offsetWidth;
3049 style.height = element.offsetHeight;
3050 style.top = elementStyle.top;
3051 style.right = elementStyle.right;
3052 style.bottom = elementStyle.bottom;
3053 style.left = elementStyle.left;
3054 style.widthCSS = elementStyle.width;
3055 style.heightCSS = elementStyle.height;
3056 return style;
3057 }
3058
3059 function storeStartSize() {
3060 var style = getStyle();
3061 getState(element).startSize = {
3062 width: style.width,
3063 height: style.height
3064 };
3065 debug("Element start size", getState(element).startSize);
3066 }
3067
3068 function initListeners() {
3069 getState(element).listeners = [];
3070 }
3071
3072 function storeStyle() {
3073 debug("storeStyle invoked.");
3074 if (!getState(element)) {
3075 debug("Aborting because element has been uninstalled");
3076 return;
3077 }
3078
3079 var style = getStyle();
3080 getState(element).style = style;
3081 }
3082
3083 function storeCurrentSize(element, width, height) {
3084 getState(element).lastWidth = width;
3085 getState(element).lastHeight = height;
3086 }
3087
3088 function getExpandChildElement(element) {
3089 return getExpandElement(element).childNodes[0];
3090 }
3091
3092 function getWidthOffset() {
3093 return 2 * scrollbarSizes.width + 1;
3094 }
3095
3096 function getHeightOffset() {
3097 return 2 * scrollbarSizes.height + 1;
3098 }
3099
3100 function getExpandWidth(width) {
3101 return width + 10 + getWidthOffset();
3102 }
3103
3104 function getExpandHeight(height) {
3105 return height + 10 + getHeightOffset();
3106 }
3107
3108 function getShrinkWidth(width) {
3109 return width * 2 + getWidthOffset();
3110 }
3111
3112 function getShrinkHeight(height) {
3113 return height * 2 + getHeightOffset();
3114 }
3115
3116 function positionScrollbars(element, width, height) {
3117 var expand = getExpandElement(element);
3118 var shrink = getShrinkElement(element);
3119 var expandWidth = getExpandWidth(width);
3120 var expandHeight = getExpandHeight(height);
3121 var shrinkWidth = getShrinkWidth(width);
3122 var shrinkHeight = getShrinkHeight(height);
3123 expand.scrollLeft = expandWidth;
3124 expand.scrollTop = expandHeight;
3125 shrink.scrollLeft = shrinkWidth;
3126 shrink.scrollTop = shrinkHeight;
3127 }
3128
3129 function injectContainerElement() {
3130 var container = getState(element).container;
3131
3132 if (!container) {
3133 container = document.createElement("div");
3134 container.className = detectionContainerClass;
3135 container.style.cssText = buildCssTextString(["visibility: hidden", "display: inline", "width: 0px", "height: 0px", "z-index: -1", "overflow: hidden", "margin: 0", "padding: 0"]);
3136 getState(element).container = container;
3137 addAnimationClass(container);
3138 element.appendChild(container);
3139
3140 var onAnimationStart = function () {
3141 getState(element).onRendered && getState(element).onRendered();
3142 };
3143
3144 addEvent(container, "animationstart", onAnimationStart);
3145
3146 // Store the event handler here so that they may be removed when uninstall is called.
3147 // See uninstall function for an explanation why it is needed.
3148 getState(element).onAnimationStart = onAnimationStart;
3149 }
3150
3151 return container;
3152 }
3153
3154 function injectScrollElements() {
3155 function alterPositionStyles() {
3156 var style = getState(element).style;
3157
3158 if(style.position === "static") {
3159 element.style.setProperty("position", "relative",options.important ? "important" : "");
3160
3161 var removeRelativeStyles = function(reporter, element, style, property) {
3162 function getNumericalValue(value) {
3163 return value.replace(/[^-\d\.]/g, "");
3164 }
3165
3166 var value = style[property];
3167
3168 if(value !== "auto" && getNumericalValue(value) !== "0") {
3169 reporter.warn("An element that is positioned static has style." + property + "=" + value + " which is ignored due to the static positioning. The element will need to be positioned relative, so the style." + property + " will be set to 0. Element: ", element);
3170 element.style[property] = 0;
3171 }
3172 };
3173
3174 //Check so that there are no accidental styles that will make the element styled differently now that is is relative.
3175 //If there are any, set them to 0 (this should be okay with the user since the style properties did nothing before [since the element was positioned static] anyway).
3176 removeRelativeStyles(reporter, element, style, "top");
3177 removeRelativeStyles(reporter, element, style, "right");
3178 removeRelativeStyles(reporter, element, style, "bottom");
3179 removeRelativeStyles(reporter, element, style, "left");
3180 }
3181 }
3182
3183 function getLeftTopBottomRightCssText(left, top, bottom, right) {
3184 left = (!left ? "0" : (left + "px"));
3185 top = (!top ? "0" : (top + "px"));
3186 bottom = (!bottom ? "0" : (bottom + "px"));
3187 right = (!right ? "0" : (right + "px"));
3188
3189 return ["left: " + left, "top: " + top, "right: " + right, "bottom: " + bottom];
3190 }
3191
3192 debug("Injecting elements");
3193
3194 if (!getState(element)) {
3195 debug("Aborting because element has been uninstalled");
3196 return;
3197 }
3198
3199 alterPositionStyles();
3200
3201 var rootContainer = getState(element).container;
3202
3203 if (!rootContainer) {
3204 rootContainer = injectContainerElement();
3205 }
3206
3207 // Due to this WebKit bug https://bugs.webkit.org/show_bug.cgi?id=80808 (currently fixed in Blink, but still present in WebKit browsers such as Safari),
3208 // we need to inject two containers, one that is width/height 100% and another that is left/top -1px so that the final container always is 1x1 pixels bigger than
3209 // the targeted element.
3210 // When the bug is resolved, "containerContainer" may be removed.
3211
3212 // The outer container can occasionally be less wide than the targeted when inside inline elements element in WebKit (see https://bugs.webkit.org/show_bug.cgi?id=152980).
3213 // This should be no problem since the inner container either way makes sure the injected scroll elements are at least 1x1 px.
3214
3215 var scrollbarWidth = scrollbarSizes.width;
3216 var scrollbarHeight = scrollbarSizes.height;
3217 var containerContainerStyle = buildCssTextString(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%", "left: 0px", "top: 0px"]);
3218 var containerStyle = buildCssTextString(["position: absolute", "flex: none", "overflow: hidden", "z-index: -1", "visibility: hidden"].concat(getLeftTopBottomRightCssText(-(1 + scrollbarWidth), -(1 + scrollbarHeight), -scrollbarHeight, -scrollbarWidth)));
3219 var expandStyle = buildCssTextString(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]);
3220 var shrinkStyle = buildCssTextString(["position: absolute", "flex: none", "overflow: scroll", "z-index: -1", "visibility: hidden", "width: 100%", "height: 100%"]);
3221 var expandChildStyle = buildCssTextString(["position: absolute", "left: 0", "top: 0"]);
3222 var shrinkChildStyle = buildCssTextString(["position: absolute", "width: 200%", "height: 200%"]);
3223
3224 var containerContainer = document.createElement("div");
3225 var container = document.createElement("div");
3226 var expand = document.createElement("div");
3227 var expandChild = document.createElement("div");
3228 var shrink = document.createElement("div");
3229 var shrinkChild = document.createElement("div");
3230
3231 // Some browsers choke on the resize system being rtl, so force it to ltr. https://github.com/wnr/element-resize-detector/issues/56
3232 // However, dir should not be set on the top level container as it alters the dimensions of the target element in some browsers.
3233 containerContainer.dir = "ltr";
3234
3235 containerContainer.style.cssText = containerContainerStyle;
3236 containerContainer.className = detectionContainerClass;
3237 container.className = detectionContainerClass;
3238 container.style.cssText = containerStyle;
3239 expand.style.cssText = expandStyle;
3240 expandChild.style.cssText = expandChildStyle;
3241 shrink.style.cssText = shrinkStyle;
3242 shrinkChild.style.cssText = shrinkChildStyle;
3243
3244 expand.appendChild(expandChild);
3245 shrink.appendChild(shrinkChild);
3246 container.appendChild(expand);
3247 container.appendChild(shrink);
3248 containerContainer.appendChild(container);
3249 rootContainer.appendChild(containerContainer);
3250
3251 function onExpandScroll() {
3252 getState(element).onExpand && getState(element).onExpand();
3253 }
3254
3255 function onShrinkScroll() {
3256 getState(element).onShrink && getState(element).onShrink();
3257 }
3258
3259 addEvent(expand, "scroll", onExpandScroll);
3260 addEvent(shrink, "scroll", onShrinkScroll);
3261
3262 // Store the event handlers here so that they may be removed when uninstall is called.
3263 // See uninstall function for an explanation why it is needed.
3264 getState(element).onExpandScroll = onExpandScroll;
3265 getState(element).onShrinkScroll = onShrinkScroll;
3266 }
3267
3268 function registerListenersAndPositionElements() {
3269 function updateChildSizes(element, width, height) {
3270 var expandChild = getExpandChildElement(element);
3271 var expandWidth = getExpandWidth(width);
3272 var expandHeight = getExpandHeight(height);
3273 expandChild.style.setProperty("width", expandWidth + "px", options.important ? "important" : "");
3274 expandChild.style.setProperty("height", expandHeight + "px", options.important ? "important" : "");
3275 }
3276
3277 function updateDetectorElements(done) {
3278 var width = element.offsetWidth;
3279 var height = element.offsetHeight;
3280
3281 // Check whether the size has actually changed since last time the algorithm ran. If not, some steps may be skipped.
3282 var sizeChanged = width !== getState(element).lastWidth || height !== getState(element).lastHeight;
3283
3284 debug("Storing current size", width, height);
3285
3286 // Store the size of the element sync here, so that multiple scroll events may be ignored in the event listeners.
3287 // Otherwise the if-check in handleScroll is useless.
3288 storeCurrentSize(element, width, height);
3289
3290 // Since we delay the processing of the batch, there is a risk that uninstall has been called before the batch gets to execute.
3291 // Since there is no way to cancel the fn executions, we need to add an uninstall guard to all fns of the batch.
3292
3293 batchProcessor.add(0, function performUpdateChildSizes() {
3294 if (!sizeChanged) {
3295 return;
3296 }
3297
3298 if (!getState(element)) {
3299 debug("Aborting because element has been uninstalled");
3300 return;
3301 }
3302
3303 if (!areElementsInjected()) {
3304 debug("Aborting because element container has not been initialized");
3305 return;
3306 }
3307
3308 if (options.debug) {
3309 var w = element.offsetWidth;
3310 var h = element.offsetHeight;
3311
3312 if (w !== width || h !== height) {
3313 reporter.warn(idHandler.get(element), "Scroll: Size changed before updating detector elements.");
3314 }
3315 }
3316
3317 updateChildSizes(element, width, height);
3318 });
3319
3320 batchProcessor.add(1, function updateScrollbars() {
3321 // This function needs to be invoked event though the size is unchanged. The element could have been resized very quickly and then
3322 // been restored to the original size, which will have changed the scrollbar positions.
3323
3324 if (!getState(element)) {
3325 debug("Aborting because element has been uninstalled");
3326 return;
3327 }
3328
3329 if (!areElementsInjected()) {
3330 debug("Aborting because element container has not been initialized");
3331 return;
3332 }
3333
3334 positionScrollbars(element, width, height);
3335 });
3336
3337 if (sizeChanged && done) {
3338 batchProcessor.add(2, function () {
3339 if (!getState(element)) {
3340 debug("Aborting because element has been uninstalled");
3341 return;
3342 }
3343
3344 if (!areElementsInjected()) {
3345 debug("Aborting because element container has not been initialized");
3346 return;
3347 }
3348
3349 done();
3350 });
3351 }
3352 }
3353
3354 function areElementsInjected() {
3355 return !!getState(element).container;
3356 }
3357
3358 function notifyListenersIfNeeded() {
3359 function isFirstNotify() {
3360 return getState(element).lastNotifiedWidth === undefined;
3361 }
3362
3363 debug("notifyListenersIfNeeded invoked");
3364
3365 var state = getState(element);
3366
3367 // Don't notify if the current size is the start size, and this is the first notification.
3368 if (isFirstNotify() && state.lastWidth === state.startSize.width && state.lastHeight === state.startSize.height) {
3369 return debug("Not notifying: Size is the same as the start size, and there has been no notification yet.");
3370 }
3371
3372 // Don't notify if the size already has been notified.
3373 if (state.lastWidth === state.lastNotifiedWidth && state.lastHeight === state.lastNotifiedHeight) {
3374 return debug("Not notifying: Size already notified");
3375 }
3376
3377
3378 debug("Current size not notified, notifying...");
3379 state.lastNotifiedWidth = state.lastWidth;
3380 state.lastNotifiedHeight = state.lastHeight;
3381 forEach(getState(element).listeners, function (listener) {
3382 listener(element);
3383 });
3384 }
3385
3386 function handleRender() {
3387 debug("startanimation triggered.");
3388
3389 if (isUnrendered(element)) {
3390 debug("Ignoring since element is still unrendered...");
3391 return;
3392 }
3393
3394 debug("Element rendered.");
3395 var expand = getExpandElement(element);
3396 var shrink = getShrinkElement(element);
3397 if (expand.scrollLeft === 0 || expand.scrollTop === 0 || shrink.scrollLeft === 0 || shrink.scrollTop === 0) {
3398 debug("Scrollbars out of sync. Updating detector elements...");
3399 updateDetectorElements(notifyListenersIfNeeded);
3400 }
3401 }
3402
3403 function handleScroll() {
3404 debug("Scroll detected.");
3405
3406 if (isUnrendered(element)) {
3407 // Element is still unrendered. Skip this scroll event.
3408 debug("Scroll event fired while unrendered. Ignoring...");
3409 return;
3410 }
3411
3412 updateDetectorElements(notifyListenersIfNeeded);
3413 }
3414
3415 debug("registerListenersAndPositionElements invoked.");
3416
3417 if (!getState(element)) {
3418 debug("Aborting because element has been uninstalled");
3419 return;
3420 }
3421
3422 getState(element).onRendered = handleRender;
3423 getState(element).onExpand = handleScroll;
3424 getState(element).onShrink = handleScroll;
3425
3426 var style = getState(element).style;
3427 updateChildSizes(element, style.width, style.height);
3428 }
3429
3430 function finalizeDomMutation() {
3431 debug("finalizeDomMutation invoked.");
3432
3433 if (!getState(element)) {
3434 debug("Aborting because element has been uninstalled");
3435 return;
3436 }
3437
3438 var style = getState(element).style;
3439 storeCurrentSize(element, style.width, style.height);
3440 positionScrollbars(element, style.width, style.height);
3441 }
3442
3443 function ready() {
3444 callback(element);
3445 }
3446
3447 function install() {
3448 debug("Installing...");
3449 initListeners();
3450 storeStartSize();
3451
3452 batchProcessor.add(0, storeStyle);
3453 batchProcessor.add(1, injectScrollElements);
3454 batchProcessor.add(2, registerListenersAndPositionElements);
3455 batchProcessor.add(3, finalizeDomMutation);
3456 batchProcessor.add(4, ready);
3457 }
3458
3459 debug("Making detectable...");
3460
3461 if (isDetached(element)) {
3462 debug("Element is detached");
3463
3464 injectContainerElement();
3465
3466 debug("Waiting until element is attached...");
3467
3468 getState(element).onRendered = function () {
3469 debug("Element is now attached");
3470 install();
3471 };
3472 } else {
3473 install();
3474 }
3475 }
3476
3477 function uninstall(element) {
3478 var state = getState(element);
3479
3480 if (!state) {
3481 // Uninstall has been called on a non-erd element.
3482 return;
3483 }
3484
3485 // Uninstall may have been called in the following scenarios:
3486 // (1) Right between the sync code and async batch (here state.busy = true, but nothing have been registered or injected).
3487 // (2) In the ready callback of the last level of the batch by another element (here, state.busy = true, but all the stuff has been injected).
3488 // (3) After the installation process (here, state.busy = false and all the stuff has been injected).
3489 // So to be on the safe side, let's check for each thing before removing.
3490
3491 // We need to remove the event listeners, because otherwise the event might fire on an uninstall element which results in an error when trying to get the state of the element.
3492 state.onExpandScroll && removeEvent(getExpandElement(element), "scroll", state.onExpandScroll);
3493 state.onShrinkScroll && removeEvent(getShrinkElement(element), "scroll", state.onShrinkScroll);
3494 state.onAnimationStart && removeEvent(state.container, "animationstart", state.onAnimationStart);
3495
3496 state.container && element.removeChild(state.container);
3497 }
3498
3499 return {
3500 makeDetectable: makeDetectable,
3501 addListener: addListener,
3502 uninstall: uninstall,
3503 initDocument: initDocument
3504 };
3505 };
3506
3507 var forEach$1 = collectionUtils.forEach;
3508
3509
3510
3511
3512
3513
3514
3515
3516
3517 //Detection strategies.
3518
3519
3520
3521 function isCollection(obj) {
3522 return Array.isArray(obj) || obj.length !== undefined;
3523 }
3524
3525 function toArray(collection) {
3526 if (!Array.isArray(collection)) {
3527 var array = [];
3528 forEach$1(collection, function (obj) {
3529 array.push(obj);
3530 });
3531 return array;
3532 } else {
3533 return collection;
3534 }
3535 }
3536
3537 function isElement(obj) {
3538 return obj && obj.nodeType === 1;
3539 }
3540
3541 /**
3542 * @typedef idHandler
3543 * @type {object}
3544 * @property {function} get Gets the resize detector id of the element.
3545 * @property {function} set Generate and sets the resize detector id of the element.
3546 */
3547
3548 /**
3549 * @typedef Options
3550 * @type {object}
3551 * @property {boolean} callOnAdd Determines if listeners should be called when they are getting added.
3552 Default is true. If true, the listener is guaranteed to be called when it has been added.
3553 If false, the listener will not be guarenteed to be called when it has been added (does not prevent it from being called).
3554 * @property {idHandler} idHandler A custom id handler that is responsible for generating, setting and retrieving id's for elements.
3555 If not provided, a default id handler will be used.
3556 * @property {reporter} reporter A custom reporter that handles reporting logs, warnings and errors.
3557 If not provided, a default id handler will be used.
3558 If set to false, then nothing will be reported.
3559 * @property {boolean} debug If set to true, the the system will report debug messages as default for the listenTo method.
3560 */
3561
3562 /**
3563 * Creates an element resize detector instance.
3564 * @public
3565 * @param {Options?} options Optional global options object that will decide how this instance will work.
3566 */
3567 var elementResizeDetector = function(options) {
3568 options = options || {};
3569
3570 //idHandler is currently not an option to the listenTo function, so it should not be added to globalOptions.
3571 var idHandler$$1;
3572
3573 if (options.idHandler) {
3574 // To maintain compatability with idHandler.get(element, readonly), make sure to wrap the given idHandler
3575 // so that readonly flag always is true when it's used here. This may be removed next major version bump.
3576 idHandler$$1 = {
3577 get: function (element) { return options.idHandler.get(element, true); },
3578 set: options.idHandler.set
3579 };
3580 } else {
3581 var idGenerator$$1 = idGenerator();
3582 var defaultIdHandler = idHandler({
3583 idGenerator: idGenerator$$1,
3584 stateHandler: stateHandler
3585 });
3586 idHandler$$1 = defaultIdHandler;
3587 }
3588
3589 //reporter is currently not an option to the listenTo function, so it should not be added to globalOptions.
3590 var reporter$$1 = options.reporter;
3591
3592 if(!reporter$$1) {
3593 //If options.reporter is false, then the reporter should be quiet.
3594 var quiet = reporter$$1 === false;
3595 reporter$$1 = reporter(quiet);
3596 }
3597
3598 //batchProcessor is currently not an option to the listenTo function, so it should not be added to globalOptions.
3599 var batchProcessor$$1 = getOption(options, "batchProcessor", batchProcessor({ reporter: reporter$$1 }));
3600
3601 //Options to be used as default for the listenTo function.
3602 var globalOptions = {};
3603 globalOptions.callOnAdd = !!getOption(options, "callOnAdd", true);
3604 globalOptions.debug = !!getOption(options, "debug", false);
3605
3606 var eventListenerHandler = listenerHandler(idHandler$$1);
3607 var elementUtils$$1 = elementUtils({
3608 stateHandler: stateHandler
3609 });
3610
3611 //The detection strategy to be used.
3612 var detectionStrategy;
3613 var desiredStrategy = getOption(options, "strategy", "object");
3614 var importantCssRules = getOption(options, "important", false);
3615 var strategyOptions = {
3616 reporter: reporter$$1,
3617 batchProcessor: batchProcessor$$1,
3618 stateHandler: stateHandler,
3619 idHandler: idHandler$$1,
3620 important: importantCssRules
3621 };
3622
3623 if(desiredStrategy === "scroll") {
3624 if (browserDetector.isLegacyOpera()) {
3625 reporter$$1.warn("Scroll strategy is not supported on legacy Opera. Changing to object strategy.");
3626 desiredStrategy = "object";
3627 } else if (browserDetector.isIE(9)) {
3628 reporter$$1.warn("Scroll strategy is not supported on IE9. Changing to object strategy.");
3629 desiredStrategy = "object";
3630 }
3631 }
3632
3633 if(desiredStrategy === "scroll") {
3634 detectionStrategy = scroll(strategyOptions);
3635 } else if(desiredStrategy === "object") {
3636 detectionStrategy = object(strategyOptions);
3637 } else {
3638 throw new Error("Invalid strategy name: " + desiredStrategy);
3639 }
3640
3641 //Calls can be made to listenTo with elements that are still being installed.
3642 //Also, same elements can occur in the elements list in the listenTo function.
3643 //With this map, the ready callbacks can be synchronized between the calls
3644 //so that the ready callback can always be called when an element is ready - even if
3645 //it wasn't installed from the function itself.
3646 var onReadyCallbacks = {};
3647
3648 /**
3649 * Makes the given elements resize-detectable and starts listening to resize events on the elements. Calls the event callback for each event for each element.
3650 * @public
3651 * @param {Options?} options Optional options object. These options will override the global options. Some options may not be overriden, such as idHandler.
3652 * @param {element[]|element} elements The given array of elements to detect resize events of. Single element is also valid.
3653 * @param {function} listener The callback to be executed for each resize event for each element.
3654 */
3655 function listenTo(options, elements, listener) {
3656 function onResizeCallback(element) {
3657 var listeners = eventListenerHandler.get(element);
3658 forEach$1(listeners, function callListenerProxy(listener) {
3659 listener(element);
3660 });
3661 }
3662
3663 function addListener(callOnAdd, element, listener) {
3664 eventListenerHandler.add(element, listener);
3665
3666 if(callOnAdd) {
3667 listener(element);
3668 }
3669 }
3670
3671 //Options object may be omitted.
3672 if(!listener) {
3673 listener = elements;
3674 elements = options;
3675 options = {};
3676 }
3677
3678 if(!elements) {
3679 throw new Error("At least one element required.");
3680 }
3681
3682 if(!listener) {
3683 throw new Error("Listener required.");
3684 }
3685
3686 if (isElement(elements)) {
3687 // A single element has been passed in.
3688 elements = [elements];
3689 } else if (isCollection(elements)) {
3690 // Convert collection to array for plugins.
3691 // TODO: May want to check so that all the elements in the collection are valid elements.
3692 elements = toArray(elements);
3693 } else {
3694 return reporter$$1.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");
3695 }
3696
3697 var elementsReady = 0;
3698
3699 var callOnAdd = getOption(options, "callOnAdd", globalOptions.callOnAdd);
3700 var onReadyCallback = getOption(options, "onReady", function noop() {});
3701 var debug = getOption(options, "debug", globalOptions.debug);
3702
3703 forEach$1(elements, function attachListenerToElement(element) {
3704 if (!stateHandler.getState(element)) {
3705 stateHandler.initState(element);
3706 idHandler$$1.set(element);
3707 }
3708
3709 var id = idHandler$$1.get(element);
3710
3711 debug && reporter$$1.log("Attaching listener to element", id, element);
3712
3713 if(!elementUtils$$1.isDetectable(element)) {
3714 debug && reporter$$1.log(id, "Not detectable.");
3715 if(elementUtils$$1.isBusy(element)) {
3716 debug && reporter$$1.log(id, "System busy making it detectable");
3717
3718 //The element is being prepared to be detectable. Do not make it detectable.
3719 //Just add the listener, because the element will soon be detectable.
3720 addListener(callOnAdd, element, listener);
3721 onReadyCallbacks[id] = onReadyCallbacks[id] || [];
3722 onReadyCallbacks[id].push(function onReady() {
3723 elementsReady++;
3724
3725 if(elementsReady === elements.length) {
3726 onReadyCallback();
3727 }
3728 });
3729 return;
3730 }
3731
3732 debug && reporter$$1.log(id, "Making detectable...");
3733 //The element is not prepared to be detectable, so do prepare it and add a listener to it.
3734 elementUtils$$1.markBusy(element, true);
3735 return detectionStrategy.makeDetectable({ debug: debug, important: importantCssRules }, element, function onElementDetectable(element) {
3736 debug && reporter$$1.log(id, "onElementDetectable");
3737
3738 if (stateHandler.getState(element)) {
3739 elementUtils$$1.markAsDetectable(element);
3740 elementUtils$$1.markBusy(element, false);
3741 detectionStrategy.addListener(element, onResizeCallback);
3742 addListener(callOnAdd, element, listener);
3743
3744 // Since the element size might have changed since the call to "listenTo", we need to check for this change,
3745 // so that a resize event may be emitted.
3746 // Having the startSize object is optional (since it does not make sense in some cases such as unrendered elements), so check for its existance before.
3747 // Also, check the state existance before since the element may have been uninstalled in the installation process.
3748 var state = stateHandler.getState(element);
3749 if (state && state.startSize) {
3750 var width = element.offsetWidth;
3751 var height = element.offsetHeight;
3752 if (state.startSize.width !== width || state.startSize.height !== height) {
3753 onResizeCallback(element);
3754 }
3755 }
3756
3757 if(onReadyCallbacks[id]) {
3758 forEach$1(onReadyCallbacks[id], function(callback) {
3759 callback();
3760 });
3761 }
3762 } else {
3763 // The element has been unisntalled before being detectable.
3764 debug && reporter$$1.log(id, "Element uninstalled before being detectable.");
3765 }
3766
3767 delete onReadyCallbacks[id];
3768
3769 elementsReady++;
3770 if(elementsReady === elements.length) {
3771 onReadyCallback();
3772 }
3773 });
3774 }
3775
3776 debug && reporter$$1.log(id, "Already detecable, adding listener.");
3777
3778 //The element has been prepared to be detectable and is ready to be listened to.
3779 addListener(callOnAdd, element, listener);
3780 elementsReady++;
3781 });
3782
3783 if(elementsReady === elements.length) {
3784 onReadyCallback();
3785 }
3786 }
3787
3788 function uninstall(elements) {
3789 if(!elements) {
3790 return reporter$$1.error("At least one element is required.");
3791 }
3792
3793 if (isElement(elements)) {
3794 // A single element has been passed in.
3795 elements = [elements];
3796 } else if (isCollection(elements)) {
3797 // Convert collection to array for plugins.
3798 // TODO: May want to check so that all the elements in the collection are valid elements.
3799 elements = toArray(elements);
3800 } else {
3801 return reporter$$1.error("Invalid arguments. Must be a DOM element or a collection of DOM elements.");
3802 }
3803
3804 forEach$1(elements, function (element) {
3805 eventListenerHandler.removeAllListeners(element);
3806 detectionStrategy.uninstall(element);
3807 stateHandler.cleanState(element);
3808 });
3809 }
3810
3811 function initDocument(targetDocument) {
3812 detectionStrategy.initDocument && detectionStrategy.initDocument(targetDocument);
3813 }
3814
3815 return {
3816 listenTo: listenTo,
3817 removeListener: eventListenerHandler.removeListener,
3818 removeAllListeners: eventListenerHandler.removeAllListeners,
3819 uninstall: uninstall,
3820 initDocument: initDocument
3821 };
3822 };
3823
3824 function getOption(options, name, defaultValue) {
3825 var value = options[name];
3826
3827 if((value === undefined || value === null) && defaultValue !== undefined) {
3828 return defaultValue;
3829 }
3830
3831 return value;
3832 }
3833
3834 /*
3835 object-assign
3836 (c) Sindre Sorhus
3837 @license MIT
3838 */
3839 /* eslint-disable no-unused-vars */
3840 var getOwnPropertySymbols = Object.getOwnPropertySymbols;
3841 var hasOwnProperty = Object.prototype.hasOwnProperty;
3842 var propIsEnumerable = Object.prototype.propertyIsEnumerable;
3843
3844 function toObject(val) {
3845 if (val === null || val === undefined) {
3846 throw new TypeError('Object.assign cannot be called with null or undefined');
3847 }
3848
3849 return Object(val);
3850 }
3851
3852 function shouldUseNative() {
3853 try {
3854 if (!Object.assign) {
3855 return false;
3856 }
3857
3858 // Detect buggy property enumeration order in older V8 versions.
3859
3860 // https://bugs.chromium.org/p/v8/issues/detail?id=4118
3861 var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
3862 test1[5] = 'de';
3863 if (Object.getOwnPropertyNames(test1)[0] === '5') {
3864 return false;
3865 }
3866
3867 // https://bugs.chromium.org/p/v8/issues/detail?id=3056
3868 var test2 = {};
3869 for (var i = 0; i < 10; i++) {
3870 test2['_' + String.fromCharCode(i)] = i;
3871 }
3872 var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
3873 return test2[n];
3874 });
3875 if (order2.join('') !== '0123456789') {
3876 return false;
3877 }
3878
3879 // https://bugs.chromium.org/p/v8/issues/detail?id=3056
3880 var test3 = {};
3881 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
3882 test3[letter] = letter;
3883 });
3884 if (Object.keys(Object.assign({}, test3)).join('') !==
3885 'abcdefghijklmnopqrst') {
3886 return false;
3887 }
3888
3889 return true;
3890 } catch (err) {
3891 // We don't expect any of the above to throw, but better to be safe.
3892 return false;
3893 }
3894 }
3895
3896 var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
3897 var from;
3898 var to = toObject(target);
3899 var symbols;
3900
3901 for (var s = 1; s < arguments.length; s++) {
3902 from = Object(arguments[s]);
3903
3904 for (var key in from) {
3905 if (hasOwnProperty.call(from, key)) {
3906 to[key] = from[key];
3907 }
3908 }
3909
3910 if (getOwnPropertySymbols) {
3911 symbols = getOwnPropertySymbols(from);
3912 for (var i = 0; i < symbols.length; i++) {
3913 if (propIsEnumerable.call(from, symbols[i])) {
3914 to[symbols[i]] = from[symbols[i]];
3915 }
3916 }
3917 }
3918 }
3919
3920 return to;
3921 };
3922
3923 var scheduler_production_min = createCommonjsModule(function (module, exports) {
3924 Object.defineProperty(exports,"__esModule",{value:!0});var c=null,f=!1,h=3,k=-1,l=-1,m=!1,n=!1;function p(){if(!m){var a=c.expirationTime;n?q():n=!0;r(t,a);}}
3925 function u(){var a=c,b=c.next;if(c===b)c=null;else{var d=c.previous;c=d.next=b;b.previous=d;}a.next=a.previous=null;d=a.callback;b=a.expirationTime;a=a.priorityLevel;var e=h,Q=l;h=a;l=b;try{var g=d();}finally{h=e,l=Q;}if("function"===typeof g)if(g={callback:g,priorityLevel:a,expirationTime:b,next:null,previous:null},null===c)c=g.next=g.previous=g;else{d=null;a=c;do{if(a.expirationTime>=b){d=a;break}a=a.next;}while(a!==c);null===d?d=c:d===c&&(c=g,p());b=d.previous;b.next=d.previous=g;g.next=d;g.previous=
3926 b;}}function v(){if(-1===k&&null!==c&&1===c.priorityLevel){m=!0;try{do u();while(null!==c&&1===c.priorityLevel)}finally{m=!1,null!==c?p():n=!1;}}}function t(a){m=!0;var b=f;f=a;try{if(a)for(;null!==c;){var d=exports.unstable_now();if(c.expirationTime<=d){do u();while(null!==c&&c.expirationTime<=d)}else break}else if(null!==c){do u();while(null!==c&&!w())}}finally{m=!1,f=b,null!==c?p():n=!1,v();}}
3927 var x=Date,y="function"===typeof setTimeout?setTimeout:void 0,z="function"===typeof clearTimeout?clearTimeout:void 0,A="function"===typeof requestAnimationFrame?requestAnimationFrame:void 0,B="function"===typeof cancelAnimationFrame?cancelAnimationFrame:void 0,C,D;function E(a){C=A(function(b){z(D);a(b);});D=y(function(){B(C);a(exports.unstable_now());},100);}
3928 if("object"===typeof performance&&"function"===typeof performance.now){var F=performance;exports.unstable_now=function(){return F.now()};}else exports.unstable_now=function(){return x.now()};var r,q,w,G=null;"undefined"!==typeof window?G=window:"undefined"!==typeof commonjsGlobal&&(G=commonjsGlobal);
3929 if(G&&G._schedMock){var H=G._schedMock;r=H[0];q=H[1];w=H[2];exports.unstable_now=H[3];}else if("undefined"===typeof window||"function"!==typeof MessageChannel){var I=null,J=function(a){if(null!==I)try{I(a);}finally{I=null;}};r=function(a){null!==I?setTimeout(r,0,a):(I=a,setTimeout(J,0,!1));};q=function(){I=null;};w=function(){return !1};}else{"undefined"!==typeof console&&("function"!==typeof A&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),
3930 "function"!==typeof B&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var K=null,L=!1,M=-1,N=!1,O=!1,P=0,R=33,S=33;w=function(){return P<=exports.unstable_now()};var T=new MessageChannel,U=T.port2;T.port1.onmessage=function(){L=!1;var a=K,b=M;K=null;M=-1;var d=exports.unstable_now(),e=!1;if(0>=P-d)if(-1!==b&&b<=d)e=!0;else{N||(N=!0,E(V));K=a;M=b;return}if(null!==a){O=!0;try{a(e);}finally{O=!1;}}};
3931 var V=function(a){if(null!==K){E(V);var b=a-P+S;b<S&&R<S?(8>b&&(b=8),S=b<R?R:b):R=b;P=a+S;L||(L=!0,U.postMessage(void 0));}else N=!1;};r=function(a,b){K=a;M=b;O||0>b?U.postMessage(void 0):N||(N=!0,E(V));};q=function(){K=null;L=!1;M=-1;};}exports.unstable_ImmediatePriority=1;exports.unstable_UserBlockingPriority=2;exports.unstable_NormalPriority=3;exports.unstable_IdlePriority=5;exports.unstable_LowPriority=4;
3932 exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3;}var d=h,e=k;h=a;k=exports.unstable_now();try{return b()}finally{h=d,k=e,v();}};
3933 exports.unstable_scheduleCallback=function(a,b){var d=-1!==k?k:exports.unstable_now();if("object"===typeof b&&null!==b&&"number"===typeof b.timeout)b=d+b.timeout;else switch(h){case 1:b=d+-1;break;case 2:b=d+250;break;case 5:b=d+1073741823;break;case 4:b=d+1E4;break;default:b=d+5E3;}a={callback:a,priorityLevel:h,expirationTime:b,next:null,previous:null};if(null===c)c=a.next=a.previous=a,p();else{d=null;var e=c;do{if(e.expirationTime>b){d=e;break}e=e.next;}while(e!==c);null===d?d=c:d===c&&(c=a,p());
3934 b=d.previous;b.next=d.previous=a;a.next=d;a.previous=b;}return a};exports.unstable_cancelCallback=function(a){var b=a.next;if(null!==b){if(b===a)c=null;else{a===c&&(c=b);var d=a.previous;d.next=b;b.previous=d;}a.next=a.previous=null;}};exports.unstable_wrapCallback=function(a){var b=h;return function(){var d=h,e=k;h=b;k=exports.unstable_now();try{return a.apply(this,arguments)}finally{h=d,k=e,v();}}};exports.unstable_getCurrentPriorityLevel=function(){return h};
3935 exports.unstable_shouldYield=function(){return !f&&(null!==c&&c.expirationTime<l||w())};exports.unstable_continueExecution=function(){null!==c&&p();};exports.unstable_pauseExecution=function(){};exports.unstable_getFirstCallbackNode=function(){return c};
3936 });
3937
3938 unwrapExports(scheduler_production_min);
3939 var scheduler_production_min_1 = scheduler_production_min.unstable_now;
3940 var scheduler_production_min_2 = scheduler_production_min.unstable_ImmediatePriority;
3941 var scheduler_production_min_3 = scheduler_production_min.unstable_UserBlockingPriority;
3942 var scheduler_production_min_4 = scheduler_production_min.unstable_NormalPriority;
3943 var scheduler_production_min_5 = scheduler_production_min.unstable_IdlePriority;
3944 var scheduler_production_min_6 = scheduler_production_min.unstable_LowPriority;
3945 var scheduler_production_min_7 = scheduler_production_min.unstable_runWithPriority;
3946 var scheduler_production_min_8 = scheduler_production_min.unstable_scheduleCallback;
3947 var scheduler_production_min_9 = scheduler_production_min.unstable_cancelCallback;
3948 var scheduler_production_min_10 = scheduler_production_min.unstable_wrapCallback;
3949 var scheduler_production_min_11 = scheduler_production_min.unstable_getCurrentPriorityLevel;
3950 var scheduler_production_min_12 = scheduler_production_min.unstable_shouldYield;
3951 var scheduler_production_min_13 = scheduler_production_min.unstable_continueExecution;
3952 var scheduler_production_min_14 = scheduler_production_min.unstable_pauseExecution;
3953 var scheduler_production_min_15 = scheduler_production_min.unstable_getFirstCallbackNode;
3954
3955 var scheduler = createCommonjsModule(function (module) {
3956
3957 {
3958 module.exports = scheduler_production_min;
3959 }
3960 });
3961
3962 function ca(a,b,c,d,e,f,g,h){if(!a){a=void 0;if(void 0===b)a=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var k=[c,d,e,f,g,h],l=0;a=Error(b.replace(/%s/g,function(){return k[l++]}));a.name="Invariant Violation";}a.framesToPop=1;throw a;}}
3963 function t(a){for(var b=arguments.length-1,c="https://reactjs.org/docs/error-decoder.html?invariant="+a,d=0;d<b;d++)c+="&args[]="+encodeURIComponent(arguments[d+1]);ca(!1,"Minified React error #"+a+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",c);}React__default?void 0:t("227");function da(a,b,c,d,e,f,g,h,k){var l=Array.prototype.slice.call(arguments,3);try{b.apply(c,l);}catch(m){this.onError(m);}}
3964 var ea=!1,fa=null,ha=!1,ia=null,ja={onError:function(a){ea=!0;fa=a;}};function ka(a,b,c,d,e,f,g,h,k){ea=!1;fa=null;da.apply(ja,arguments);}function la(a,b,c,d,e,f,g,h,k){ka.apply(this,arguments);if(ea){if(ea){var l=fa;ea=!1;fa=null;}else t("198"),l=void 0;ha||(ha=!0,ia=l);}}var ma=null,na={};
3965 function oa(){if(ma)for(var a in na){var b=na[a],c=ma.indexOf(a);-1<c?void 0:t("96",a);if(!pa[c]){b.extractEvents?void 0:t("97",a);pa[c]=b;c=b.eventTypes;for(var d in c){var e=void 0;var f=c[d],g=b,h=d;qa.hasOwnProperty(h)?t("99",h):void 0;qa[h]=f;var k=f.phasedRegistrationNames;if(k){for(e in k)k.hasOwnProperty(e)&&ra(k[e],g,h);e=!0;}else f.registrationName?(ra(f.registrationName,g,h),e=!0):e=!1;e?void 0:t("98",d,a);}}}}
3966 function ra(a,b,c){sa[a]?t("100",a):void 0;sa[a]=b;ta[a]=b.eventTypes[c].dependencies;}var pa=[],qa={},sa={},ta={},ua=null,va=null,wa=null;function xa(a,b,c){var d=a.type||"unknown-event";a.currentTarget=wa(c);la(d,b,void 0,a);a.currentTarget=null;}function ya(a,b){null==b?t("30"):void 0;if(null==a)return b;if(Array.isArray(a)){if(Array.isArray(b))return a.push.apply(a,b),a;a.push(b);return a}return Array.isArray(b)?[a].concat(b):[a,b]}
3967 function za(a,b,c){Array.isArray(a)?a.forEach(b,c):a&&b.call(c,a);}var Aa=null;function Ba(a){if(a){var b=a._dispatchListeners,c=a._dispatchInstances;if(Array.isArray(b))for(var d=0;d<b.length&&!a.isPropagationStopped();d++)xa(a,b[d],c[d]);else b&&xa(a,b,c);a._dispatchListeners=null;a._dispatchInstances=null;a.isPersistent()||a.constructor.release(a);}}
3968 var Ca={injectEventPluginOrder:function(a){ma?t("101"):void 0;ma=Array.prototype.slice.call(a);oa();},injectEventPluginsByName:function(a){var b=!1,c;for(c in a)if(a.hasOwnProperty(c)){var d=a[c];na.hasOwnProperty(c)&&na[c]===d||(na[c]?t("102",c):void 0,na[c]=d,b=!0);}b&&oa();}};
3969 function Da(a,b){var c=a.stateNode;if(!c)return null;var d=ua(c);if(!d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1;}if(a)return null;c&&"function"!==typeof c?t("231",b,typeof c):void 0;
3970 return c}function Ea(a){null!==a&&(Aa=ya(Aa,a));a=Aa;Aa=null;if(a&&(za(a,Ba),Aa?t("95"):void 0,ha))throw a=ia,ha=!1,ia=null,a;}var Fa=Math.random().toString(36).slice(2),Ga="__reactInternalInstance$"+Fa,Ha="__reactEventHandlers$"+Fa;function Ia(a){if(a[Ga])return a[Ga];for(;!a[Ga];)if(a.parentNode)a=a.parentNode;else return null;a=a[Ga];return 5===a.tag||6===a.tag?a:null}function Ja(a){a=a[Ga];return !a||5!==a.tag&&6!==a.tag?null:a}
3971 function Ka(a){if(5===a.tag||6===a.tag)return a.stateNode;t("33");}function La(a){return a[Ha]||null}function Ma(a){do a=a.return;while(a&&5!==a.tag);return a?a:null}function Na(a,b,c){if(b=Da(a,c.dispatchConfig.phasedRegistrationNames[b]))c._dispatchListeners=ya(c._dispatchListeners,b),c._dispatchInstances=ya(c._dispatchInstances,a);}
3972 function Oa(a){if(a&&a.dispatchConfig.phasedRegistrationNames){for(var b=a._targetInst,c=[];b;)c.push(b),b=Ma(b);for(b=c.length;0<b--;)Na(c[b],"captured",a);for(b=0;b<c.length;b++)Na(c[b],"bubbled",a);}}function Pa(a,b,c){a&&c&&c.dispatchConfig.registrationName&&(b=Da(a,c.dispatchConfig.registrationName))&&(c._dispatchListeners=ya(c._dispatchListeners,b),c._dispatchInstances=ya(c._dispatchInstances,a));}function Qa(a){a&&a.dispatchConfig.registrationName&&Pa(a._targetInst,null,a);}
3973 function Ra(a){za(a,Oa);}var Sa=!("undefined"===typeof window||!window.document||!window.document.createElement);function Ta(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Ua={animationend:Ta("Animation","AnimationEnd"),animationiteration:Ta("Animation","AnimationIteration"),animationstart:Ta("Animation","AnimationStart"),transitionend:Ta("Transition","TransitionEnd")},Va={},Wa={};
3974 Sa&&(Wa=document.createElement("div").style,"AnimationEvent"in window||(delete Ua.animationend.animation,delete Ua.animationiteration.animation,delete Ua.animationstart.animation),"TransitionEvent"in window||delete Ua.transitionend.transition);function Xa(a){if(Va[a])return Va[a];if(!Ua[a])return a;var b=Ua[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Wa)return Va[a]=b[c];return a}
3975 var Ya=Xa("animationend"),Za=Xa("animationiteration"),$a=Xa("animationstart"),ab=Xa("transitionend"),bb="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),cb=null,eb=null,fb=null;
3976 function gb(){if(fb)return fb;var a,b=eb,c=b.length,d,e="value"in cb?cb.value:cb.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return fb=e.slice(a,1<d?1-d:void 0)}function hb(){return !0}function ib(){return !1}
3977 function z(a,b,c,d){this.dispatchConfig=a;this._targetInst=b;this.nativeEvent=c;a=this.constructor.Interface;for(var e in a)a.hasOwnProperty(e)&&((b=a[e])?this[e]=b(c):"target"===e?this.target=d:this[e]=c[e]);this.isDefaultPrevented=(null!=c.defaultPrevented?c.defaultPrevented:!1===c.returnValue)?hb:ib;this.isPropagationStopped=ib;return this}
3978 objectAssign(z.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=hb);},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=hb);},persist:function(){this.isPersistent=hb;},isPersistent:ib,destructor:function(){var a=this.constructor.Interface,
3979 b;for(b in a)this[b]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null;this.isPropagationStopped=this.isDefaultPrevented=ib;this._dispatchInstances=this._dispatchListeners=null;}});z.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};
3980 z.extend=function(a){function b(){}function c(){return d.apply(this,arguments)}var d=this;b.prototype=d.prototype;var e=new b;objectAssign(e,c.prototype);c.prototype=e;c.prototype.constructor=c;c.Interface=objectAssign({},d.Interface,a);c.extend=d.extend;jb(c);return c};jb(z);function kb(a,b,c,d){if(this.eventPool.length){var e=this.eventPool.pop();this.call(e,a,b,c,d);return e}return new this(a,b,c,d)}function lb(a){a instanceof this?void 0:t("279");a.destructor();10>this.eventPool.length&&this.eventPool.push(a);}
3981 function jb(a){a.eventPool=[];a.getPooled=kb;a.release=lb;}var mb=z.extend({data:null}),nb=z.extend({data:null}),ob=[9,13,27,32],pb=Sa&&"CompositionEvent"in window,qb=null;Sa&&"documentMode"in document&&(qb=document.documentMode);
3982 var rb=Sa&&"TextEvent"in window&&!qb,sb=Sa&&(!pb||qb&&8<qb&&11>=qb),tb=String.fromCharCode(32),ub={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",
3983 captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},vb=!1;
3984 function wb(a,b){switch(a){case "keyup":return -1!==ob.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "blur":return !0;default:return !1}}function xb(a){a=a.detail;return "object"===typeof a&&"data"in a?a.data:null}var yb=!1;function zb(a,b){switch(a){case "compositionend":return xb(b);case "keypress":if(32!==b.which)return null;vb=!0;return tb;case "textInput":return a=b.data,a===tb&&vb?null:a;default:return null}}
3985 function Ab(a,b){if(yb)return "compositionend"===a||!pb&&wb(a,b)?(a=gb(),fb=eb=cb=null,yb=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return sb&&"ko"!==b.locale?null:b.data;default:return null}}
3986 var Bb={eventTypes:ub,extractEvents:function(a,b,c,d){var e=void 0;var f=void 0;if(pb)b:{switch(a){case "compositionstart":e=ub.compositionStart;break b;case "compositionend":e=ub.compositionEnd;break b;case "compositionupdate":e=ub.compositionUpdate;break b}e=void 0;}else yb?wb(a,c)&&(e=ub.compositionEnd):"keydown"===a&&229===c.keyCode&&(e=ub.compositionStart);e?(sb&&"ko"!==c.locale&&(yb||e!==ub.compositionStart?e===ub.compositionEnd&&yb&&(f=gb()):(cb=d,eb="value"in cb?cb.value:cb.textContent,yb=
3987 !0)),e=mb.getPooled(e,b,c,d),f?e.data=f:(f=xb(c),null!==f&&(e.data=f)),Ra(e),f=e):f=null;(a=rb?zb(a,c):Ab(a,c))?(b=nb.getPooled(ub.beforeInput,b,c,d),b.data=a,Ra(b)):b=null;return null===f?b:null===b?f:[f,b]}},Cb=null,Db=null,Eb=null;function Hb(a){if(a=va(a)){"function"!==typeof Cb?t("280"):void 0;var b=ua(a.stateNode);Cb(a.stateNode,a.type,b);}}function Ib(a){Db?Eb?Eb.push(a):Eb=[a]:Db=a;}function Jb(){if(Db){var a=Db,b=Eb;Eb=Db=null;Hb(a);if(b)for(a=0;a<b.length;a++)Hb(b[a]);}}
3988 function Kb(a,b){return a(b)}function Lb(a,b,c){return a(b,c)}function Mb(){}var Nb=!1;function Ob(a,b){if(Nb)return a(b);Nb=!0;try{return Kb(a,b)}finally{if(Nb=!1,null!==Db||null!==Eb)Mb(),Jb();}}var Pb={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Qb(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return "input"===b?!!Pb[a.type]:"textarea"===b?!0:!1}
3989 function Rb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}function Sb(a){if(!Sa)return !1;a="on"+a;var b=a in document;b||(b=document.createElement("div"),b.setAttribute(a,"return;"),b="function"===typeof b[a]);return b}function Tb(a){var b=a.type;return (a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
3990 function Ub(a){var b=Tb(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=""+a;f.call(this,a);}});Object.defineProperty(a,b,{enumerable:c.enumerable});return {getValue:function(){return d},setValue:function(a){d=""+a;},stopTracking:function(){a._valueTracker=
3991 null;delete a[b];}}}}function Vb(a){a._valueTracker||(a._valueTracker=Ub(a));}function Wb(a){if(!a)return !1;var b=a._valueTracker;if(!b)return !0;var c=b.getValue();var d="";a&&(d=Tb(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}
3992 var Xb=React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Yb=/^(.*)[\\\/]/,D="function"===typeof Symbol&&Symbol.for,Zb=D?Symbol.for("react.element"):60103,$b=D?Symbol.for("react.portal"):60106,ac=D?Symbol.for("react.fragment"):60107,bc=D?Symbol.for("react.strict_mode"):60108,cc=D?Symbol.for("react.profiler"):60114,dc=D?Symbol.for("react.provider"):60109,ec=D?Symbol.for("react.context"):60110,fc=D?Symbol.for("react.concurrent_mode"):60111,gc=D?Symbol.for("react.forward_ref"):60112,hc=D?Symbol.for("react.suspense"):
3993 60113,ic=D?Symbol.for("react.memo"):60115,jc=D?Symbol.for("react.lazy"):60116,kc="function"===typeof Symbol&&Symbol.iterator;function lc(a){if(null===a||"object"!==typeof a)return null;a=kc&&a[kc]||a["@@iterator"];return "function"===typeof a?a:null}
3994 function mc(a){if(null==a)return null;if("function"===typeof a)return a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case fc:return "ConcurrentMode";case ac:return "Fragment";case $b:return "Portal";case cc:return "Profiler";case bc:return "StrictMode";case hc:return "Suspense"}if("object"===typeof a)switch(a.$$typeof){case ec:return "Context.Consumer";case dc:return "Context.Provider";case gc:var b=a.render;b=b.displayName||b.name||"";return a.displayName||(""!==b?"ForwardRef("+b+
3995 ")":"ForwardRef");case ic:return mc(a.type);case jc:if(a=1===a._status?a._result:null)return mc(a)}return null}function nc(a){var b="";do{a:switch(a.tag){case 3:case 4:case 6:case 7:case 10:case 9:var c="";break a;default:var d=a._debugOwner,e=a._debugSource,f=mc(a.type);c=null;d&&(c=mc(d.type));d=f;f="";e?f=" (at "+e.fileName.replace(Yb,"")+":"+e.lineNumber+")":c&&(f=" (created by "+c+")");c="\n in "+(d||"Unknown")+f;}b+=c;a=a.return;}while(a);return b}
3996 var oc=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,pc=Object.prototype.hasOwnProperty,qc={},rc={};
3997 function sc(a){if(pc.call(rc,a))return !0;if(pc.call(qc,a))return !1;if(oc.test(a))return rc[a]=!0;qc[a]=!0;return !1}function tc(a,b,c,d){if(null!==c&&0===c.type)return !1;switch(typeof b){case "function":case "symbol":return !0;case "boolean":if(d)return !1;if(null!==c)return !c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return "data-"!==a&&"aria-"!==a;default:return !1}}
3998 function uc(a,b,c,d){if(null===b||"undefined"===typeof b||tc(a,b,c,d))return !0;if(d)return !1;if(null!==c)switch(c.type){case 3:return !b;case 4:return !1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return !1}function E(a,b,c,d,e){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;}var F={};
3999 "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){F[a]=new E(a,0,!1,a,null);});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];F[b]=new E(b,1,!1,a[1],null);});["contentEditable","draggable","spellCheck","value"].forEach(function(a){F[a]=new E(a,2,!1,a.toLowerCase(),null);});
4000 ["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){F[a]=new E(a,2,!1,a,null);});"allowFullScreen async autoFocus autoPlay controls default defer disabled formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){F[a]=new E(a,3,!1,a.toLowerCase(),null);});["checked","multiple","muted","selected"].forEach(function(a){F[a]=new E(a,3,!0,a,null);});
4001 ["capture","download"].forEach(function(a){F[a]=new E(a,4,!1,a,null);});["cols","rows","size","span"].forEach(function(a){F[a]=new E(a,6,!1,a,null);});["rowSpan","start"].forEach(function(a){F[a]=new E(a,5,!1,a.toLowerCase(),null);});var vc=/[\-:]([a-z])/g;function wc(a){return a[1].toUpperCase()}
4002 "accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(vc,
4003 wc);F[b]=new E(b,1,!1,a,null);});"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(vc,wc);F[b]=new E(b,1,!1,a,"http://www.w3.org/1999/xlink");});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(vc,wc);F[b]=new E(b,1,!1,a,"http://www.w3.org/XML/1998/namespace");});F.tabIndex=new E("tabIndex",1,!1,"tabindex",null);
4004 function xc(a,b,c,d){var e=F.hasOwnProperty(b)?F[b]:null;var f=null!==e?0===e.type:d?!1:!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1]?!1:!0;f||(uc(b,c,e,d)&&(c=null),d||null===e?sc(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3===e.type?!1:"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(e=e.type,c=3===e||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c))));}
4005 function yc(a){switch(typeof a){case "boolean":case "number":case "object":case "string":case "undefined":return a;default:return ""}}function zc(a,b){var c=b.checked;return objectAssign({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}
4006 function Ac(a,b){var c=null==b.defaultValue?"":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=yc(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:"checkbox"===b.type||"radio"===b.type?null!=b.checked:null!=b.value};}function Bc(a,b){b=b.checked;null!=b&&xc(a,"checked",b,!1);}
4007 function Cc(a,b){Bc(a,b);var c=yc(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=c)a.value=""+c;}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?Dc(a,b.type,c):b.hasOwnProperty("defaultValue")&&Dc(a,b.type,yc(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked);}
4008 function Ec(a,b,c){if(b.hasOwnProperty("value")||b.hasOwnProperty("defaultValue")){var d=b.type;if(!("submit"!==d&&"reset"!==d||void 0!==b.value&&null!==b.value))return;b=""+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b;}c=a.name;""!==c&&(a.name="");a.defaultChecked=!a.defaultChecked;a.defaultChecked=!!a._wrapperState.initialChecked;""!==c&&(a.name=c);}
4009 function Dc(a,b,c){if("number"!==b||a.ownerDocument.activeElement!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c);}var Fc={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Gc(a,b,c){a=z.getPooled(Fc.change,a,b,c);a.type="change";Ib(c);Ra(a);return a}var Jc=null,Kc=null;function Lc(a){Ea(a);}
4010 function Mc(a){var b=Ka(a);if(Wb(b))return a}function Nc(a,b){if("change"===a)return b}var Oc=!1;Sa&&(Oc=Sb("input")&&(!document.documentMode||9<document.documentMode));function Pc(){Jc&&(Jc.detachEvent("onpropertychange",Qc),Kc=Jc=null);}function Qc(a){"value"===a.propertyName&&Mc(Kc)&&(a=Gc(Kc,a,Rb(a)),Ob(Lc,a));}function Rc(a,b,c){"focus"===a?(Pc(),Jc=b,Kc=c,Jc.attachEvent("onpropertychange",Qc)):"blur"===a&&Pc();}function Sc(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return Mc(Kc)}
4011 function Tc(a,b){if("click"===a)return Mc(b)}function Uc(a,b){if("input"===a||"change"===a)return Mc(b)}
4012 var Vc={eventTypes:Fc,_isInputEventSupported:Oc,extractEvents:function(a,b,c,d){var e=b?Ka(b):window,f=void 0,g=void 0,h=e.nodeName&&e.nodeName.toLowerCase();"select"===h||"input"===h&&"file"===e.type?f=Nc:Qb(e)?Oc?f=Uc:(f=Sc,g=Rc):(h=e.nodeName)&&"input"===h.toLowerCase()&&("checkbox"===e.type||"radio"===e.type)&&(f=Tc);if(f&&(f=f(a,b)))return Gc(f,c,d);g&&g(a,e,b);"blur"===a&&(a=e._wrapperState)&&a.controlled&&"number"===e.type&&Dc(e,"number",e.value);}},Wc=z.extend({view:null,detail:null}),Xc={Alt:"altKey",
4013 Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Yc(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Xc[a])?!!b[a]:!1}function Zc(){return Yc}
4014 var $c=0,ad=0,bd=!1,cd=!1,dd=Wc.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Zc,button:null,buttons:null,relatedTarget:function(a){return a.relatedTarget||(a.fromElement===a.srcElement?a.toElement:a.fromElement)},movementX:function(a){if("movementX"in a)return a.movementX;var b=$c;$c=a.screenX;return bd?"mousemove"===a.type?a.screenX-b:0:(bd=!0,0)},movementY:function(a){if("movementY"in a)return a.movementY;
4015 var b=ad;ad=a.screenY;return cd?"mousemove"===a.type?a.screenY-b:0:(cd=!0,0)}}),ed=dd.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),fd={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",
4016 dependencies:["pointerout","pointerover"]}},gd={eventTypes:fd,extractEvents:function(a,b,c,d){var e="mouseover"===a||"pointerover"===a,f="mouseout"===a||"pointerout"===a;if(e&&(c.relatedTarget||c.fromElement)||!f&&!e)return null;e=d.window===d?d:(e=d.ownerDocument)?e.defaultView||e.parentWindow:window;f?(f=b,b=(b=c.relatedTarget||c.toElement)?Ia(b):null):f=null;if(f===b)return null;var g=void 0,h=void 0,k=void 0,l=void 0;if("mouseout"===a||"mouseover"===a)g=dd,h=fd.mouseLeave,k=fd.mouseEnter,l="mouse";
4017 else if("pointerout"===a||"pointerover"===a)g=ed,h=fd.pointerLeave,k=fd.pointerEnter,l="pointer";var m=null==f?e:Ka(f);e=null==b?e:Ka(b);a=g.getPooled(h,f,c,d);a.type=l+"leave";a.target=m;a.relatedTarget=e;c=g.getPooled(k,b,c,d);c.type=l+"enter";c.target=e;c.relatedTarget=m;d=b;if(f&&d)a:{b=f;e=d;l=0;for(g=b;g;g=Ma(g))l++;g=0;for(k=e;k;k=Ma(k))g++;for(;0<l-g;)b=Ma(b),l--;for(;0<g-l;)e=Ma(e),g--;for(;l--;){if(b===e||b===e.alternate)break a;b=Ma(b);e=Ma(e);}b=null;}else b=null;e=b;for(b=[];f&&f!==e;){l=
4018 f.alternate;if(null!==l&&l===e)break;b.push(f);f=Ma(f);}for(f=[];d&&d!==e;){l=d.alternate;if(null!==l&&l===e)break;f.push(d);d=Ma(d);}for(d=0;d<b.length;d++)Pa(b[d],"bubbled",a);for(d=f.length;0<d--;)Pa(f[d],"captured",c);return [a,c]}},hd=Object.prototype.hasOwnProperty;function id(a,b){return a===b?0!==a||0!==b||1/a===1/b:a!==a&&b!==b}
4019 function jd(a,b){if(id(a,b))return !0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return !1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return !1;for(d=0;d<c.length;d++)if(!hd.call(b,c[d])||!id(a[c[d]],b[c[d]]))return !1;return !0}function kd(a){var b=a;if(a.alternate)for(;b.return;)b=b.return;else{if(0!==(b.effectTag&2))return 1;for(;b.return;)if(b=b.return,0!==(b.effectTag&2))return 1}return 3===b.tag?2:3}function ld(a){2!==kd(a)?t("188"):void 0;}
4020 function md(a){var b=a.alternate;if(!b)return b=kd(a),3===b?t("188"):void 0,1===b?null:a;for(var c=a,d=b;;){var e=c.return,f=e?e.alternate:null;if(!e||!f)break;if(e.child===f.child){for(var g=e.child;g;){if(g===c)return ld(e),a;if(g===d)return ld(e),b;g=g.sibling;}t("188");}if(c.return!==d.return)c=e,d=f;else{g=!1;for(var h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling;}if(!g){for(h=f.child;h;){if(h===c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling;}g?
4021 void 0:t("189");}}c.alternate!==d?t("190"):void 0;}3!==c.tag?t("188"):void 0;return c.stateNode.current===c?a:b}function nd(a){a=md(a);if(!a)return null;for(var b=a;;){if(5===b.tag||6===b.tag)return b;if(b.child)b.child.return=b,b=b.child;else{if(b===a)break;for(;!b.sibling;){if(!b.return||b.return===a)return null;b=b.return;}b.sibling.return=b.return;b=b.sibling;}}return null}
4022 var od=z.extend({animationName:null,elapsedTime:null,pseudoElement:null}),pd=z.extend({clipboardData:function(a){return "clipboardData"in a?a.clipboardData:window.clipboardData}}),qd=Wc.extend({relatedTarget:null});function rd(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}
4023 var sd={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},td={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",
4024 116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},ud=Wc.extend({key:function(a){if(a.key){var b=sd[a.key]||a.key;if("Unidentified"!==b)return b}return "keypress"===a.type?(a=rd(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?td[a.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Zc,charCode:function(a){return "keypress"===
4025 a.type?rd(a):0},keyCode:function(a){return "keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return "keypress"===a.type?rd(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),vd=dd.extend({dataTransfer:null}),wd=Wc.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Zc}),xd=z.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),yd=dd.extend({deltaX:function(a){return "deltaX"in a?a.deltaX:"wheelDeltaX"in
4026 a?-a.wheelDeltaX:0},deltaY:function(a){return "deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:null,deltaMode:null}),zd=[["abort","abort"],[Ya,"animationEnd"],[Za,"animationIteration"],[$a,"animationStart"],["canplay","canPlay"],["canplaythrough","canPlayThrough"],["drag","drag"],["dragenter","dragEnter"],["dragexit","dragExit"],["dragleave","dragLeave"],["dragover","dragOver"],["durationchange","durationChange"],["emptied","emptied"],["encrypted","encrypted"],
4027 ["ended","ended"],["error","error"],["gotpointercapture","gotPointerCapture"],["load","load"],["loadeddata","loadedData"],["loadedmetadata","loadedMetadata"],["loadstart","loadStart"],["lostpointercapture","lostPointerCapture"],["mousemove","mouseMove"],["mouseout","mouseOut"],["mouseover","mouseOver"],["playing","playing"],["pointermove","pointerMove"],["pointerout","pointerOut"],["pointerover","pointerOver"],["progress","progress"],["scroll","scroll"],["seeking","seeking"],["stalled","stalled"],
4028 ["suspend","suspend"],["timeupdate","timeUpdate"],["toggle","toggle"],["touchmove","touchMove"],[ab,"transitionEnd"],["waiting","waiting"],["wheel","wheel"]],Ad={},Bd={};function Cd(a,b){var c=a[0];a=a[1];var d="on"+(a[0].toUpperCase()+a.slice(1));b={phasedRegistrationNames:{bubbled:d,captured:d+"Capture"},dependencies:[c],isInteractive:b};Ad[a]=b;Bd[c]=b;}
4029 [["blur","blur"],["cancel","cancel"],["click","click"],["close","close"],["contextmenu","contextMenu"],["copy","copy"],["cut","cut"],["auxclick","auxClick"],["dblclick","doubleClick"],["dragend","dragEnd"],["dragstart","dragStart"],["drop","drop"],["focus","focus"],["input","input"],["invalid","invalid"],["keydown","keyDown"],["keypress","keyPress"],["keyup","keyUp"],["mousedown","mouseDown"],["mouseup","mouseUp"],["paste","paste"],["pause","pause"],["play","play"],["pointercancel","pointerCancel"],
4030 ["pointerdown","pointerDown"],["pointerup","pointerUp"],["ratechange","rateChange"],["reset","reset"],["seeked","seeked"],["submit","submit"],["touchcancel","touchCancel"],["touchend","touchEnd"],["touchstart","touchStart"],["volumechange","volumeChange"]].forEach(function(a){Cd(a,!0);});zd.forEach(function(a){Cd(a,!1);});
4031 var Dd={eventTypes:Ad,isInteractiveTopLevelEventType:function(a){a=Bd[a];return void 0!==a&&!0===a.isInteractive},extractEvents:function(a,b,c,d){var e=Bd[a];if(!e)return null;switch(a){case "keypress":if(0===rd(c))return null;case "keydown":case "keyup":a=ud;break;case "blur":case "focus":a=qd;break;case "click":if(2===c.button)return null;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":a=dd;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":a=
4032 vd;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":a=wd;break;case Ya:case Za:case $a:a=od;break;case ab:a=xd;break;case "scroll":a=Wc;break;case "wheel":a=yd;break;case "copy":case "cut":case "paste":a=pd;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":a=ed;break;default:a=z;}b=a.getPooled(e,b,c,d);Ra(b);return b}},Ed=Dd.isInteractiveTopLevelEventType,
4033 Fd=[];function Gd(a){var b=a.targetInst,c=b;do{if(!c){a.ancestors.push(c);break}var d;for(d=c;d.return;)d=d.return;d=3!==d.tag?null:d.stateNode.containerInfo;if(!d)break;a.ancestors.push(c);c=Ia(d);}while(c);for(c=0;c<a.ancestors.length;c++){b=a.ancestors[c];var e=Rb(a.nativeEvent);d=a.topLevelType;for(var f=a.nativeEvent,g=null,h=0;h<pa.length;h++){var k=pa[h];k&&(k=k.extractEvents(d,b,f,e))&&(g=ya(g,k));}Ea(g);}}var Hd=!0;
4034 function H(a,b){if(!b)return null;var c=(Ed(a)?Id:Jd).bind(null,a);b.addEventListener(a,c,!1);}function Kd(a,b){if(!b)return null;var c=(Ed(a)?Id:Jd).bind(null,a);b.addEventListener(a,c,!0);}function Id(a,b){Lb(Jd,a,b);}
4035 function Jd(a,b){if(Hd){var c=Rb(b);c=Ia(c);null===c||"number"!==typeof c.tag||2===kd(c)||(c=null);if(Fd.length){var d=Fd.pop();d.topLevelType=a;d.nativeEvent=b;d.targetInst=c;a=d;}else a={topLevelType:a,nativeEvent:b,targetInst:c,ancestors:[]};try{Ob(Gd,a);}finally{a.topLevelType=null,a.nativeEvent=null,a.targetInst=null,a.ancestors.length=0,10>Fd.length&&Fd.push(a);}}}var Ld={},Md=0,Nd="_reactListenersID"+(""+Math.random()).slice(2);
4036 function Od(a){Object.prototype.hasOwnProperty.call(a,Nd)||(a[Nd]=Md++,Ld[a[Nd]]={});return Ld[a[Nd]]}function Pd(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}function Qd(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
4037 function Rd(a,b){var c=Qd(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return {node:c,offset:b-a};a=d;}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode;}c=void 0;}c=Qd(c);}}function Sd(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Sd(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
4038 function Td(){for(var a=window,b=Pd();b instanceof a.HTMLIFrameElement;){try{a=b.contentDocument.defaultView;}catch(c){break}b=Pd(a.document);}return b}function Ud(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
4039 var Vd=Sa&&"documentMode"in document&&11>=document.documentMode,Wd={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Xd=null,Yd=null,Zd=null,$d=!1;
4040 function ae(a,b){var c=b.window===b?b.document:9===b.nodeType?b:b.ownerDocument;if($d||null==Xd||Xd!==Pd(c))return null;c=Xd;"selectionStart"in c&&Ud(c)?c={start:c.selectionStart,end:c.selectionEnd}:(c=(c.ownerDocument&&c.ownerDocument.defaultView||window).getSelection(),c={anchorNode:c.anchorNode,anchorOffset:c.anchorOffset,focusNode:c.focusNode,focusOffset:c.focusOffset});return Zd&&jd(Zd,c)?null:(Zd=c,a=z.getPooled(Wd.select,Yd,a,b),a.type="select",a.target=Xd,Ra(a),a)}
4041 var be={eventTypes:Wd,extractEvents:function(a,b,c,d){var e=d.window===d?d.document:9===d.nodeType?d:d.ownerDocument,f;if(!(f=!e)){a:{e=Od(e);f=ta.onSelect;for(var g=0;g<f.length;g++){var h=f[g];if(!e.hasOwnProperty(h)||!e[h]){e=!1;break a}}e=!0;}f=!e;}if(f)return null;e=b?Ka(b):window;switch(a){case "focus":if(Qb(e)||"true"===e.contentEditable)Xd=e,Yd=b,Zd=null;break;case "blur":Zd=Yd=Xd=null;break;case "mousedown":$d=!0;break;case "contextmenu":case "mouseup":case "dragend":return $d=!1,ae(c,d);case "selectionchange":if(Vd)break;
4042 case "keydown":case "keyup":return ae(c,d)}return null}};Ca.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" "));ua=La;va=Ja;wa=Ka;Ca.injectEventPluginsByName({SimpleEventPlugin:Dd,EnterLeaveEventPlugin:gd,ChangeEventPlugin:Vc,SelectEventPlugin:be,BeforeInputEventPlugin:Bb});function de(a){var b="";React__default.Children.forEach(a,function(a){null!=a&&(b+=a);});return b}
4043 function ee(a,b){a=objectAssign({children:void 0},b);if(b=de(b.children))a.children=b;return a}function fe(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0);}else{c=""+yc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e]);}null!==b&&(b.selected=!0);}}
4044 function ge(a,b){null!=b.dangerouslySetInnerHTML?t("91"):void 0;return objectAssign({},b,{value:void 0,defaultValue:void 0,children:""+a._wrapperState.initialValue})}function he(a,b){var c=b.value;null==c&&(c=b.defaultValue,b=b.children,null!=b&&(null!=c?t("92"):void 0,Array.isArray(b)&&(1>=b.length?void 0:t("93"),b=b[0]),c=b),null==c&&(c=""));a._wrapperState={initialValue:yc(c)};}
4045 function ie(a,b){var c=yc(b.value),d=yc(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d);}function je(a){var b=a.textContent;b===a._wrapperState.initialValue&&(a.value=b);}var ke={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};
4046 function le(a){switch(a){case "svg":return "http://www.w3.org/2000/svg";case "math":return "http://www.w3.org/1998/Math/MathML";default:return "http://www.w3.org/1999/xhtml"}}function me(a,b){return null==a||"http://www.w3.org/1999/xhtml"===a?le(b):"http://www.w3.org/2000/svg"===a&&"foreignObject"===b?"http://www.w3.org/1999/xhtml":a}
4047 var ne=void 0,oe=function(a){return "undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,c,d,e)});}:a}(function(a,b){if(a.namespaceURI!==ke.svg||"innerHTML"in a)a.innerHTML=b;else{ne=ne||document.createElement("div");ne.innerHTML="<svg>"+b+"</svg>";for(b=ne.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild);}});
4048 function pe(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b;}
4049 var qe={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,
4050 floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},re=["Webkit","ms","Moz","O"];Object.keys(qe).forEach(function(a){re.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);qe[b]=qe[a];});});function se(a,b,c){return null==b||"boolean"===typeof b||""===b?"":c||"number"!==typeof b||0===b||qe.hasOwnProperty(a)&&qe[a]?(""+b).trim():b+"px"}
4051 function te(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf("--"),e=se(c,b[c],d);"float"===c&&(c="cssFloat");d?a.setProperty(c,e):a[c]=e;}}var ue=objectAssign({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});
4052 function ve(a,b){b&&(ue[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML?t("137",a,""):void 0),null!=b.dangerouslySetInnerHTML&&(null!=b.children?t("60"):void 0,"object"===typeof b.dangerouslySetInnerHTML&&"__html"in b.dangerouslySetInnerHTML?void 0:t("61")),null!=b.style&&"object"!==typeof b.style?t("62",""):void 0);}
4053 function we(a,b){if(-1===a.indexOf("-"))return "string"===typeof b.is;switch(a){case "annotation-xml":case "color-profile":case "font-face":case "font-face-src":case "font-face-uri":case "font-face-format":case "font-face-name":case "missing-glyph":return !1;default:return !0}}
4054 function xe(a,b){a=9===a.nodeType||11===a.nodeType?a:a.ownerDocument;var c=Od(a);b=ta[b];for(var d=0;d<b.length;d++){var e=b[d];if(!c.hasOwnProperty(e)||!c[e]){switch(e){case "scroll":Kd("scroll",a);break;case "focus":case "blur":Kd("focus",a);Kd("blur",a);c.blur=!0;c.focus=!0;break;case "cancel":case "close":Sb(e)&&Kd(e,a);break;case "invalid":case "submit":case "reset":break;default:-1===bb.indexOf(e)&&H(e,a);}c[e]=!0;}}}function ye(){}var ze=null,Ae=null;
4055 function Be(a,b){switch(a){case "button":case "input":case "select":case "textarea":return !!b.autoFocus}return !1}function Ce(a,b){return "textarea"===a||"option"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var De="function"===typeof setTimeout?setTimeout:void 0,Ee="function"===typeof clearTimeout?clearTimeout:void 0;
4056 function Fe(a,b,c,d,e){a[Ha]=e;"input"===c&&"radio"===e.type&&null!=e.name&&Bc(a,e);we(c,d);d=we(c,e);for(var f=0;f<b.length;f+=2){var g=b[f],h=b[f+1];"style"===g?te(a,h):"dangerouslySetInnerHTML"===g?oe(a,h):"children"===g?pe(a,h):xc(a,g,h,d);}switch(c){case "input":Cc(a,e);break;case "textarea":ie(a,e);break;case "select":b=a._wrapperState.wasMultiple,a._wrapperState.wasMultiple=!!e.multiple,c=e.value,null!=c?fe(a,!!e.multiple,c,!1):b!==!!e.multiple&&(null!=e.defaultValue?fe(a,!!e.multiple,e.defaultValue,
4057 !0):fe(a,!!e.multiple,e.multiple?[]:"",!1));}}function Ge(a){for(a=a.nextSibling;a&&1!==a.nodeType&&3!==a.nodeType;)a=a.nextSibling;return a}function He(a){for(a=a.firstChild;a&&1!==a.nodeType&&3!==a.nodeType;)a=a.nextSibling;return a}var Ie=[],Je=-1;function I(a){0>Je||(a.current=Ie[Je],Ie[Je]=null,Je--);}function J(a,b){Je++;Ie[Je]=a.current;a.current=b;}var Ke={},K={current:Ke},L={current:!1},Le=Ke;
4058 function Me(a,b){var c=a.type.contextTypes;if(!c)return Ke;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function M(a){a=a.childContextTypes;return null!==a&&void 0!==a}function Ne(a){I(L,a);I(K,a);}function Oe(a){I(L,a);I(K,a);}
4059 function Pe(a,b,c){K.current!==Ke?t("168"):void 0;J(K,b,a);J(L,c,a);}function Qe(a,b,c){var d=a.stateNode;a=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)e in a?void 0:t("108",mc(b)||"Unknown",e);return objectAssign({},c,d)}function Re(a){var b=a.stateNode;b=b&&b.__reactInternalMemoizedMergedChildContext||Ke;Le=K.current;J(K,b,a);J(L,L.current,a);return !0}
4060 function Se(a,b,c){var d=a.stateNode;d?void 0:t("169");c?(b=Qe(a,b,Le),d.__reactInternalMemoizedMergedChildContext=b,I(L,a),I(K,a),J(K,b,a)):I(L,a);J(L,c,a);}var Te=null,Ue=null;function Ve(a){return function(b){try{return a(b)}catch(c){}}}
4061 function We(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return !1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return !0;try{var c=b.inject(a);Te=Ve(function(a){return b.onCommitFiberRoot(c,a)});Ue=Ve(function(a){return b.onCommitFiberUnmount(c,a)});}catch(d){}return !0}
4062 function Xe(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.firstContextDependency=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.effectTag=0;this.lastEffect=this.firstEffect=this.nextEffect=null;this.childExpirationTime=this.expirationTime=0;this.alternate=null;}function N(a,b,c,d){return new Xe(a,b,c,d)}
4063 function Ye(a){a=a.prototype;return !(!a||!a.isReactComponent)}function Ze(a){if("function"===typeof a)return Ye(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===gc)return 11;if(a===ic)return 14}return 2}
4064 function $e(a,b){var c=a.alternate;null===c?(c=N(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.effectTag=0,c.nextEffect=null,c.firstEffect=null,c.lastEffect=null);c.childExpirationTime=a.childExpirationTime;c.expirationTime=a.expirationTime;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;c.firstContextDependency=a.firstContextDependency;c.sibling=a.sibling;
4065 c.index=a.index;c.ref=a.ref;return c}
4066 function af(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)Ye(a)&&(g=1);else if("string"===typeof a)g=5;else a:switch(a){case ac:return bf(c.children,e,f,b);case fc:return cf(c,e|3,f,b);case bc:return cf(c,e|2,f,b);case cc:return a=N(12,c,b,e|4),a.elementType=cc,a.type=cc,a.expirationTime=f,a;case hc:return a=N(13,c,b,e),a.elementType=hc,a.type=hc,a.expirationTime=f,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case dc:g=10;break a;case ec:g=9;break a;case gc:g=11;break a;case ic:g=
4067 14;break a;case jc:g=16;d=null;break a}t("130",null==a?a:typeof a,"");}b=N(g,c,b,e);b.elementType=a;b.type=d;b.expirationTime=f;return b}function bf(a,b,c,d){a=N(7,a,d,b);a.expirationTime=c;return a}function cf(a,b,c,d){a=N(8,a,d,b);b=0===(b&1)?bc:fc;a.elementType=b;a.type=b;a.expirationTime=c;return a}function df(a,b,c){a=N(6,a,null,b);a.expirationTime=c;return a}
4068 function ef(a,b,c){b=N(4,null!==a.children?a.children:[],a.key,b);b.expirationTime=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}function ff(a,b){a.didError=!1;var c=a.earliestPendingTime;0===c?a.earliestPendingTime=a.latestPendingTime=b:c<b?a.earliestPendingTime=b:a.latestPendingTime>b&&(a.latestPendingTime=b);gf(b,a);}
4069 function hf(a,b){a.didError=!1;a.latestPingedTime>=b&&(a.latestPingedTime=0);var c=a.earliestPendingTime,d=a.latestPendingTime;c===b?a.earliestPendingTime=d===b?a.latestPendingTime=0:d:d===b&&(a.latestPendingTime=c);c=a.earliestSuspendedTime;d=a.latestSuspendedTime;0===c?a.earliestSuspendedTime=a.latestSuspendedTime=b:c<b?a.earliestSuspendedTime=b:d>b&&(a.latestSuspendedTime=b);gf(b,a);}function jf(a,b){var c=a.earliestPendingTime;a=a.earliestSuspendedTime;c>b&&(b=c);a>b&&(b=a);return b}
4070 function gf(a,b){var c=b.earliestSuspendedTime,d=b.latestSuspendedTime,e=b.earliestPendingTime,f=b.latestPingedTime;e=0!==e?e:f;0===e&&(0===a||d<a)&&(e=d);a=e;0!==a&&c>a&&(a=c);b.nextExpirationTimeToWorkOn=e;b.expirationTime=a;}var kf=!1;function lf(a){return {baseState:a,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}
4071 function mf(a){return {baseState:a.baseState,firstUpdate:a.firstUpdate,lastUpdate:a.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function nf(a){return {expirationTime:a,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function of(a,b){null===a.lastUpdate?a.firstUpdate=a.lastUpdate=b:(a.lastUpdate.next=b,a.lastUpdate=b);}
4072 function pf(a,b){var c=a.alternate;if(null===c){var d=a.updateQueue;var e=null;null===d&&(d=a.updateQueue=lf(a.memoizedState));}else d=a.updateQueue,e=c.updateQueue,null===d?null===e?(d=a.updateQueue=lf(a.memoizedState),e=c.updateQueue=lf(c.memoizedState)):d=a.updateQueue=mf(e):null===e&&(e=c.updateQueue=mf(d));null===e||d===e?of(d,b):null===d.lastUpdate||null===e.lastUpdate?(of(d,b),of(e,b)):(of(d,b),e.lastUpdate=b);}
4073 function qf(a,b){var c=a.updateQueue;c=null===c?a.updateQueue=lf(a.memoizedState):rf(a,c);null===c.lastCapturedUpdate?c.firstCapturedUpdate=c.lastCapturedUpdate=b:(c.lastCapturedUpdate.next=b,c.lastCapturedUpdate=b);}function rf(a,b){var c=a.alternate;null!==c&&b===c.updateQueue&&(b=a.updateQueue=mf(b));return b}
4074 function sf(a,b,c,d,e,f){switch(c.tag){case 1:return a=c.payload,"function"===typeof a?a.call(f,d,e):a;case 3:a.effectTag=a.effectTag&-2049|64;case 0:a=c.payload;e="function"===typeof a?a.call(f,d,e):a;if(null===e||void 0===e)break;return objectAssign({},d,e);case 2:kf=!0;}return d}
4075 function tf(a,b,c,d,e){kf=!1;b=rf(a,b);for(var f=b.baseState,g=null,h=0,k=b.firstUpdate,l=f;null!==k;){var m=k.expirationTime;m<e?(null===g&&(g=k,f=l),h<m&&(h=m)):(l=sf(a,b,k,l,c,d),null!==k.callback&&(a.effectTag|=32,k.nextEffect=null,null===b.lastEffect?b.firstEffect=b.lastEffect=k:(b.lastEffect.nextEffect=k,b.lastEffect=k)));k=k.next;}m=null;for(k=b.firstCapturedUpdate;null!==k;){var r=k.expirationTime;r<e?(null===m&&(m=k,null===g&&(f=l)),h<r&&(h=r)):(l=sf(a,b,k,l,c,d),null!==k.callback&&(a.effectTag|=
4076 32,k.nextEffect=null,null===b.lastCapturedEffect?b.firstCapturedEffect=b.lastCapturedEffect=k:(b.lastCapturedEffect.nextEffect=k,b.lastCapturedEffect=k)));k=k.next;}null===g&&(b.lastUpdate=null);null===m?b.lastCapturedUpdate=null:a.effectTag|=32;null===g&&null===m&&(f=l);b.baseState=f;b.firstUpdate=g;b.firstCapturedUpdate=m;a.expirationTime=h;a.memoizedState=l;}
4077 function uf(a,b,c){null!==b.firstCapturedUpdate&&(null!==b.lastUpdate&&(b.lastUpdate.next=b.firstCapturedUpdate,b.lastUpdate=b.lastCapturedUpdate),b.firstCapturedUpdate=b.lastCapturedUpdate=null);vf(b.firstEffect,c);b.firstEffect=b.lastEffect=null;vf(b.firstCapturedEffect,c);b.firstCapturedEffect=b.lastCapturedEffect=null;}function vf(a,b){for(;null!==a;){var c=a.callback;if(null!==c){a.callback=null;var d=b;"function"!==typeof c?t("191",c):void 0;c.call(d);}a=a.nextEffect;}}
4078 function wf(a,b){return {value:a,source:b,stack:nc(b)}}var xf={current:null},yf=null,zf=null,Af=null;function Bf(a,b){var c=a.type._context;J(xf,c._currentValue,a);c._currentValue=b;}function Cf(a){var b=xf.current;I(xf,a);a.type._context._currentValue=b;}function Df(a){yf=a;Af=zf=null;a.firstContextDependency=null;}
4079 function Ef(a,b){if(Af!==a&&!1!==b&&0!==b){if("number"!==typeof b||1073741823===b)Af=a,b=1073741823;b={context:a,observedBits:b,next:null};null===zf?(null===yf?t("293"):void 0,yf.firstContextDependency=zf=b):zf=zf.next=b;}return a._currentValue}var Ff={},O={current:Ff},Gf={current:Ff},Hf={current:Ff};function If(a){a===Ff?t("174"):void 0;return a}
4080 function Jf(a,b){J(Hf,b,a);J(Gf,a,a);J(O,Ff,a);var c=b.nodeType;switch(c){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:me(null,"");break;default:c=8===c?b.parentNode:b,b=c.namespaceURI||null,c=c.tagName,b=me(b,c);}I(O,a);J(O,b,a);}function Kf(a){I(O,a);I(Gf,a);I(Hf,a);}function Lf(a){If(Hf.current);var b=If(O.current);var c=me(b,a.type);b!==c&&(J(Gf,a,a),J(O,c,a));}function Mf(a){Gf.current===a&&(I(O,a),I(Gf,a));}
4081 function P(a,b){if(a&&a.defaultProps){b=objectAssign({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);}return b}function Nf(a){var b=a._result;switch(a._status){case 1:return b;case 2:throw b;case 0:throw b;default:throw a._status=0,b=a._ctor,b=b(),b.then(function(b){0===a._status&&(b=b.default,a._status=1,a._result=b);},function(b){0===a._status&&(a._status=2,a._result=b);}),a._result=b,b;}}var Of=Xb.ReactCurrentOwner,Pf=(new React__default.Component).refs;
4082 function Qf(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:objectAssign({},b,c);a.memoizedState=c;d=a.updateQueue;null!==d&&0===a.expirationTime&&(d.baseState=c);}
4083 var Vf={isMounted:function(a){return (a=a._reactInternalFiber)?2===kd(a):!1},enqueueSetState:function(a,b,c){a=a._reactInternalFiber;var d=Rf();d=Sf(d,a);var e=nf(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);pf(a,e);Uf(a,d);},enqueueReplaceState:function(a,b,c){a=a._reactInternalFiber;var d=Rf();d=Sf(d,a);var e=nf(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);pf(a,e);Uf(a,d);},enqueueForceUpdate:function(a,b){a=a._reactInternalFiber;var c=Rf();c=Sf(c,a);var d=nf(c);d.tag=
4084 2;void 0!==b&&null!==b&&(d.callback=b);pf(a,d);Uf(a,c);}};function Wf(a,b,c,d,e,f,g){a=a.stateNode;return "function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!jd(c,d)||!jd(e,f):!0}
4085 function Xf(a,b,c){var d=!1,e=Ke;var f=b.contextType;"object"===typeof f&&null!==f?f=Of.currentDispatcher.readContext(f):(e=M(b)?Le:K.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Me(a,e):Ke);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Vf;a.stateNode=b;b._reactInternalFiber=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
4086 function Zf(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Vf.enqueueReplaceState(b,b.state,null);}
4087 function $f(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs=Pf;var f=b.contextType;"object"===typeof f&&null!==f?e.context=Of.currentDispatcher.readContext(f):(f=M(b)?Le:K.current,e.context=Me(a,f));f=a.updateQueue;null!==f&&(tf(a,f,c,e,d),e.state=a.memoizedState);f=b.getDerivedStateFromProps;"function"===typeof f&&(Qf(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&
4088 "function"!==typeof e.componentWillMount||(b=e.state,"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Vf.enqueueReplaceState(e,e.state,null),f=a.updateQueue,null!==f&&(tf(a,f,c,e,d),e.state=a.memoizedState));"function"===typeof e.componentDidMount&&(a.effectTag|=4);}var ag=Array.isArray;
4089 function bg(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;var d=void 0;c&&(1!==c.tag?t("289"):void 0,d=c.stateNode);d?void 0:t("147",a);var e=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===e)return b.ref;b=function(a){var b=d.refs;b===Pf&&(b=d.refs={});null===a?delete b[e]:b[e]=a;};b._stringRef=e;return b}"string"!==typeof a?t("284"):void 0;c._owner?void 0:t("290",a);}return a}
4090 function cg(a,b){"textarea"!==a.type&&t("31","[object Object]"===Object.prototype.toString.call(b)?"object with keys {"+Object.keys(b).join(", ")+"}":b,"");}
4091 function dg(a){function b(b,c){if(a){var d=b.lastEffect;null!==d?(d.nextEffect=c,b.lastEffect=c):b.firstEffect=b.lastEffect=c;c.nextEffect=null;c.effectTag=8;}}function c(c,d){if(!a)return null;for(;null!==d;)b(c,d),d=d.sibling;return null}function d(a,b){for(a=new Map;null!==b;)null!==b.key?a.set(b.key,b):a.set(b.index,b),b=b.sibling;return a}function e(a,b,c){a=$e(a,b,c);a.index=0;a.sibling=null;return a}function f(b,c,d){b.index=d;if(!a)return c;d=b.alternate;if(null!==d)return d=d.index,d<c?(b.effectTag=
4092 2,c):d;b.effectTag=2;return c}function g(b){a&&null===b.alternate&&(b.effectTag=2);return b}function h(a,b,c,d){if(null===b||6!==b.tag)return b=df(c,a.mode,d),b.return=a,b;b=e(b,c,d);b.return=a;return b}function k(a,b,c,d){if(null!==b&&b.elementType===c.type)return d=e(b,c.props,d),d.ref=bg(a,b,c),d.return=a,d;d=af(c.type,c.key,c.props,null,a.mode,d);d.ref=bg(a,b,c);d.return=a;return d}function l(a,b,c,d){if(null===b||4!==b.tag||b.stateNode.containerInfo!==c.containerInfo||b.stateNode.implementation!==
4093 c.implementation)return b=ef(c,a.mode,d),b.return=a,b;b=e(b,c.children||[],d);b.return=a;return b}function m(a,b,c,d,g){if(null===b||7!==b.tag)return b=bf(c,a.mode,d,g),b.return=a,b;b=e(b,c,d);b.return=a;return b}function r(a,b,c){if("string"===typeof b||"number"===typeof b)return b=df(""+b,a.mode,c),b.return=a,b;if("object"===typeof b&&null!==b){switch(b.$$typeof){case Zb:return c=af(b.type,b.key,b.props,null,a.mode,c),c.ref=bg(a,null,b),c.return=a,c;case $b:return b=ef(b,a.mode,c),b.return=a,b}if(ag(b)||
4094 lc(b))return b=bf(b,a.mode,c,null),b.return=a,b;cg(a,b);}return null}function w(a,b,c,d){var e=null!==b?b.key:null;if("string"===typeof c||"number"===typeof c)return null!==e?null:h(a,b,""+c,d);if("object"===typeof c&&null!==c){switch(c.$$typeof){case Zb:return c.key===e?c.type===ac?m(a,b,c.props.children,d,e):k(a,b,c,d):null;case $b:return c.key===e?l(a,b,c,d):null}if(ag(c)||lc(c))return null!==e?null:m(a,b,c,d,null);cg(a,c);}return null}function y(a,b,c,d,e){if("string"===typeof d||"number"===typeof d)return a=
4095 a.get(c)||null,h(b,a,""+d,e);if("object"===typeof d&&null!==d){switch(d.$$typeof){case Zb:return a=a.get(null===d.key?c:d.key)||null,d.type===ac?m(b,a,d.props.children,e,d.key):k(b,a,d,e);case $b:return a=a.get(null===d.key?c:d.key)||null,l(b,a,d,e)}if(ag(d)||lc(d))return a=a.get(c)||null,m(b,a,d,e,null);cg(b,d);}return null}function B(e,g,h,k){for(var l=null,q=null,m=g,u=g=0,p=null;null!==m&&u<h.length;u++){m.index>u?(p=m,m=null):p=m.sibling;var v=w(e,m,h[u],k);if(null===v){null===m&&(m=p);break}a&&
4096 m&&null===v.alternate&&b(e,m);g=f(v,g,u);null===q?l=v:q.sibling=v;q=v;m=p;}if(u===h.length)return c(e,m),l;if(null===m){for(;u<h.length;u++)if(m=r(e,h[u],k))g=f(m,g,u),null===q?l=m:q.sibling=m,q=m;return l}for(m=d(e,m);u<h.length;u++)if(p=y(m,e,u,h[u],k))a&&null!==p.alternate&&m.delete(null===p.key?u:p.key),g=f(p,g,u),null===q?l=p:q.sibling=p,q=p;a&&m.forEach(function(a){return b(e,a)});return l}function R(e,g,h,k){var l=lc(h);"function"!==typeof l?t("150"):void 0;h=l.call(h);null==h?t("151"):void 0;
4097 for(var m=l=null,q=g,u=g=0,p=null,v=h.next();null!==q&&!v.done;u++,v=h.next()){q.index>u?(p=q,q=null):p=q.sibling;var A=w(e,q,v.value,k);if(null===A){q||(q=p);break}a&&q&&null===A.alternate&&b(e,q);g=f(A,g,u);null===m?l=A:m.sibling=A;m=A;q=p;}if(v.done)return c(e,q),l;if(null===q){for(;!v.done;u++,v=h.next())v=r(e,v.value,k),null!==v&&(g=f(v,g,u),null===m?l=v:m.sibling=v,m=v);return l}for(q=d(e,q);!v.done;u++,v=h.next())v=y(q,e,u,v.value,k),null!==v&&(a&&null!==v.alternate&&q.delete(null===v.key?u:
4098 v.key),g=f(v,g,u),null===m?l=v:m.sibling=v,m=v);a&&q.forEach(function(a){return b(e,a)});return l}return function(a,d,f,h){var k="object"===typeof f&&null!==f&&f.type===ac&&null===f.key;k&&(f=f.props.children);var l="object"===typeof f&&null!==f;if(l)switch(f.$$typeof){case Zb:a:{l=f.key;for(k=d;null!==k;){if(k.key===l)if(7===k.tag?f.type===ac:k.elementType===f.type){c(a,k.sibling);d=e(k,f.type===ac?f.props.children:f.props,h);d.ref=bg(a,k,f);d.return=a;a=d;break a}else{c(a,k);break}else b(a,k);k=
4099 k.sibling;}f.type===ac?(d=bf(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=af(f.type,f.key,f.props,null,a.mode,h),h.ref=bg(a,d,f),h.return=a,a=h);}return g(a);case $b:a:{for(k=f.key;null!==d;){if(d.key===k)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[],h);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling;}d=ef(f,a.mode,h);d.return=a;a=d;}return g(a)}if("string"===typeof f||"number"===typeof f)return f=
4100 ""+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f,h),d.return=a,a=d):(c(a,d),d=df(f,a.mode,h),d.return=a,a=d),g(a);if(ag(f))return B(a,d,f,h);if(lc(f))return R(a,d,f,h);l&&cg(a,f);if("undefined"===typeof f&&!k)switch(a.tag){case 1:case 0:h=a.type,t("152",h.displayName||h.name||"Component");}return c(a,d)}}var eg=dg(!0),fg=dg(!1),gg=null,hg=null,ig=!1;
4101 function jg(a,b){var c=N(5,null,null,0);c.elementType="DELETED";c.type="DELETED";c.stateNode=b;c.return=a;c.effectTag=8;null!==a.lastEffect?(a.lastEffect.nextEffect=c,a.lastEffect=c):a.firstEffect=a.lastEffect=c;}function kg(a,b){switch(a.tag){case 5:var c=a.type;b=1!==b.nodeType||c.toLowerCase()!==b.nodeName.toLowerCase()?null:b;return null!==b?(a.stateNode=b,!0):!1;case 6:return b=""===a.pendingProps||3!==b.nodeType?null:b,null!==b?(a.stateNode=b,!0):!1;default:return !1}}
4102 function lg(a){if(ig){var b=hg;if(b){var c=b;if(!kg(a,b)){b=Ge(c);if(!b||!kg(a,b)){a.effectTag|=2;ig=!1;gg=a;return}jg(gg,c);}gg=a;hg=He(b);}else a.effectTag|=2,ig=!1,gg=a;}}function mg(a){for(a=a.return;null!==a&&5!==a.tag&&3!==a.tag;)a=a.return;gg=a;}function ng(a){if(a!==gg)return !1;if(!ig)return mg(a),ig=!0,!1;var b=a.type;if(5!==a.tag||"head"!==b&&"body"!==b&&!Ce(b,a.memoizedProps))for(b=hg;b;)jg(a,b),b=Ge(b);mg(a);hg=gg?Ge(a.stateNode):null;return !0}function og(){hg=gg=null;ig=!1;}var pg=Xb.ReactCurrentOwner;
4103 function Q(a,b,c,d){b.child=null===a?fg(b,null,c,d):eg(b,a.child,c,d);}function qg(a,b,c,d,e){c=c.render;var f=b.ref;Df(b,e);d=c(d,f);b.effectTag|=1;Q(a,b,d,e);return b.child}
4104 function rg(a,b,c,d,e,f){if(null===a){var g=c.type;if("function"===typeof g&&!Ye(g)&&void 0===g.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=g,sg(a,b,g,d,e,f);a=af(c.type,null,d,null,b.mode,f);a.ref=b.ref;a.return=b;return b.child=a}g=a.child;if(e<f&&(e=g.memoizedProps,c=c.compare,c=null!==c?c:jd,c(e,d)&&a.ref===b.ref))return tg(a,b,f);b.effectTag|=1;a=$e(g,d,f);a.ref=b.ref;a.return=b;return b.child=a}
4105 function sg(a,b,c,d,e,f){return null!==a&&e<f&&jd(a.memoizedProps,d)&&a.ref===b.ref?tg(a,b,f):ug(a,b,c,d,f)}function vg(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.effectTag|=128;}function ug(a,b,c,d,e){var f=M(c)?Le:K.current;f=Me(b,f);Df(b,e);c=c(d,f);b.effectTag|=1;Q(a,b,c,e);return b.child}
4106 function wg(a,b,c,d,e){if(M(c)){var f=!0;Re(b);}else f=!1;Df(b,e);if(null===b.stateNode)null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2),Xf(b,c,d,e),$f(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,l=c.contextType;"object"===typeof l&&null!==l?l=Of.currentDispatcher.readContext(l):(l=M(c)?Le:K.current,l=Me(b,l));var m=c.getDerivedStateFromProps,r="function"===typeof m||"function"===typeof g.getSnapshotBeforeUpdate;r||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&
4107 "function"!==typeof g.componentWillReceiveProps||(h!==d||k!==l)&&Zf(b,g,d,l);kf=!1;var w=b.memoizedState;k=g.state=w;var y=b.updateQueue;null!==y&&(tf(b,y,d,g,e),k=b.memoizedState);h!==d||w!==k||L.current||kf?("function"===typeof m&&(Qf(b,c,m,d),k=b.memoizedState),(h=kf||Wf(b,c,h,d,w,k,l))?(r||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&
4108 g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.effectTag|=4)):("function"===typeof g.componentDidMount&&(b.effectTag|=4),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=l,d=h):("function"===typeof g.componentDidMount&&(b.effectTag|=4),d=!1);}else g=b.stateNode,h=b.memoizedProps,g.props=b.type===b.elementType?h:P(b.type,h),k=g.context,l=c.contextType,"object"===typeof l&&null!==l?l=Of.currentDispatcher.readContext(l):(l=M(c)?Le:K.current,l=Me(b,l)),m=c.getDerivedStateFromProps,
4109 (r="function"===typeof m||"function"===typeof g.getSnapshotBeforeUpdate)||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==d||k!==l)&&Zf(b,g,d,l),kf=!1,k=b.memoizedState,w=g.state=k,y=b.updateQueue,null!==y&&(tf(b,y,d,g,e),w=b.memoizedState),h!==d||k!==w||L.current||kf?("function"===typeof m&&(Qf(b,c,m,d),w=b.memoizedState),(m=kf||Wf(b,c,h,d,k,w,l))?(r||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||
4110 ("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,w,l),"function"===typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,w,l)),"function"===typeof g.componentDidUpdate&&(b.effectTag|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.effectTag|=256)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=256),b.memoizedProps=
4111 d,b.memoizedState=w),g.props=d,g.state=w,g.context=l,d=m):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&k===a.memoizedState||(b.effectTag|=256),d=!1);return xg(a,b,c,d,f,e)}
4112 function xg(a,b,c,d,e,f){vg(a,b);var g=0!==(b.effectTag&64);if(!d&&!g)return e&&Se(b,c,!1),tg(a,b,f);d=b.stateNode;pg.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.effectTag|=1;null!==a&&g?(b.child=eg(b,a.child,null,f),b.child=eg(b,null,h,f)):Q(a,b,h,f);b.memoizedState=d.state;e&&Se(b,c,!0);return b.child}function yg(a){var b=a.stateNode;b.pendingContext?Pe(a,b.pendingContext,b.pendingContext!==b.context):b.context&&Pe(a,b.context,!1);Jf(a,b.containerInfo);}
4113 function zg(a,b,c){var d=b.mode,e=b.pendingProps,f=b.memoizedState;if(0===(b.effectTag&64)){f=null;var g=!1;}else f={timedOutAt:null!==f?f.timedOutAt:0},g=!0,b.effectTag&=-65;if(null===a)if(g){var h=e.fallback;a=bf(null,d,0,null);0===(b.mode&1)&&(a.child=null!==b.memoizedState?b.child.child:b.child);d=bf(h,d,c,null);a.sibling=d;c=a;c.return=d.return=b;}else c=d=fg(b,null,e.children,c);else null!==a.memoizedState?(d=a.child,h=d.sibling,g?(c=e.fallback,e=$e(d,d.pendingProps,0),0===(b.mode&1)&&(g=null!==
4114 b.memoizedState?b.child.child:b.child,g!==d.child&&(e.child=g)),d=e.sibling=$e(h,c,h.expirationTime),c=e,e.childExpirationTime=0,c.return=d.return=b):c=d=eg(b,d.child,e.children,c)):(h=a.child,g?(g=e.fallback,e=bf(null,d,0,null),e.child=h,0===(b.mode&1)&&(e.child=null!==b.memoizedState?b.child.child:b.child),d=e.sibling=bf(g,d,c,null),d.effectTag|=2,c=e,e.childExpirationTime=0,c.return=d.return=b):d=c=eg(b,h,e.children,c)),b.stateNode=a.stateNode;b.memoizedState=f;b.child=c;return d}
4115 function tg(a,b,c){null!==a&&(b.firstContextDependency=a.firstContextDependency);if(b.childExpirationTime<c)return null;null!==a&&b.child!==a.child?t("153"):void 0;if(null!==b.child){a=b.child;c=$e(a,a.pendingProps,a.expirationTime);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=$e(a,a.pendingProps,a.expirationTime),c.return=b;c.sibling=null;}return b.child}
4116 function Ag(a,b,c){var d=b.expirationTime;if(null!==a&&a.memoizedProps===b.pendingProps&&!L.current&&d<c){switch(b.tag){case 3:yg(b);og();break;case 5:Lf(b);break;case 1:M(b.type)&&Re(b);break;case 4:Jf(b,b.stateNode.containerInfo);break;case 10:Bf(b,b.memoizedProps.value);break;case 13:if(null!==b.memoizedState){d=b.child.childExpirationTime;if(0!==d&&d>=c)return zg(a,b,c);b=tg(a,b,c);return null!==b?b.sibling:null}}return tg(a,b,c)}b.expirationTime=0;switch(b.tag){case 2:d=b.elementType;null!==
4117 a&&(a.alternate=null,b.alternate=null,b.effectTag|=2);a=b.pendingProps;var e=Me(b,K.current);Df(b,c);e=d(a,e);b.effectTag|=1;if("object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof){b.tag=1;if(M(d)){var f=!0;Re(b);}else f=!1;b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null;var g=d.getDerivedStateFromProps;"function"===typeof g&&Qf(b,d,g,a);e.updater=Vf;b.stateNode=e;e._reactInternalFiber=b;$f(b,d,a,c);b=xg(null,b,d,!0,f,c);}else b.tag=0,Q(null,b,e,c),b=b.child;
4118 return b;case 16:e=b.elementType;null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2);f=b.pendingProps;a=Nf(e);b.type=a;e=b.tag=Ze(a);f=P(a,f);g=void 0;switch(e){case 0:g=ug(null,b,a,f,c);break;case 1:g=wg(null,b,a,f,c);break;case 11:g=qg(null,b,a,f,c);break;case 14:g=rg(null,b,a,P(a.type,f),d,c);break;default:t("306",a,"");}return g;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:P(d,e),ug(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:P(d,e),wg(a,b,
4119 d,e,c);case 3:yg(b);d=b.updateQueue;null===d?t("282"):void 0;e=b.memoizedState;e=null!==e?e.element:null;tf(b,d,b.pendingProps,null,c);d=b.memoizedState.element;if(d===e)og(),b=tg(a,b,c);else{e=b.stateNode;if(e=(null===a||null===a.child)&&e.hydrate)hg=He(b.stateNode.containerInfo),gg=b,e=ig=!0;e?(b.effectTag|=2,b.child=fg(b,null,d,c)):(Q(a,b,d,c),og());b=b.child;}return b;case 5:return Lf(b),null===a&&lg(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,Ce(d,e)?g=null:null!==
4120 f&&Ce(d,f)&&(b.effectTag|=16),vg(a,b),1!==c&&b.mode&1&&e.hidden?(b.expirationTime=1,b=null):(Q(a,b,g,c),b=b.child),b;case 6:return null===a&&lg(b),null;case 13:return zg(a,b,c);case 4:return Jf(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=eg(b,null,d,c):Q(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:P(d,e),qg(a,b,d,e,c);case 7:return Q(a,b,b.pendingProps,c),b.child;case 8:return Q(a,b,b.pendingProps.children,c),b.child;case 12:return Q(a,b,b.pendingProps.children,
4121 c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;g=b.memoizedProps;f=e.value;Bf(b,f);if(null!==g){var h=g.value;f=h===f&&(0!==h||1/h===1/f)||h!==h&&f!==f?0:("function"===typeof d._calculateChangedBits?d._calculateChangedBits(h,f):1073741823)|0;if(0===f){if(g.children===e.children&&!L.current){b=tg(a,b,c);break a}}else for(g=b.child,null!==g&&(g.return=b);null!==g;){h=g.firstContextDependency;if(null!==h){do{if(h.context===d&&0!==(h.observedBits&f)){if(1===g.tag){var k=nf(c);k.tag=2;pf(g,k);}g.expirationTime<
4122 c&&(g.expirationTime=c);k=g.alternate;null!==k&&k.expirationTime<c&&(k.expirationTime=c);for(var l=g.return;null!==l;){k=l.alternate;if(l.childExpirationTime<c)l.childExpirationTime=c,null!==k&&k.childExpirationTime<c&&(k.childExpirationTime=c);else if(null!==k&&k.childExpirationTime<c)k.childExpirationTime=c;else break;l=l.return;}}k=g.child;h=h.next;}while(null!==h)}else k=10===g.tag?g.type===b.type?null:g.child:g.child;if(null!==k)k.return=g;else for(k=g;null!==k;){if(k===b){k=null;break}g=k.sibling;
4123 if(null!==g){g.return=k.return;k=g;break}k=k.return;}g=k;}}Q(a,b,e.children,c);b=b.child;}return b;case 9:return e=b.type,f=b.pendingProps,d=f.children,Df(b,c),e=Ef(e,f.unstable_observedBits),d=d(e),b.effectTag|=1,Q(a,b,d,c),b.child;case 14:return e=b.type,f=P(e,b.pendingProps),f=P(e.type,f),rg(a,b,e,f,d,c);case 15:return sg(a,b,b.type,b.pendingProps,d,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:P(d,e),null!==a&&(a.alternate=null,b.alternate=null,b.effectTag|=2),b.tag=1,M(d)?(a=
4124 !0,Re(b)):a=!1,Df(b,c),Xf(b,d,e,c),$f(b,d,e,c),xg(null,b,d,!0,a,c);default:t("156");}}function Bg(a){a.effectTag|=4;}var Cg=void 0,Gg=void 0,Hg=void 0,Ig=void 0;Cg=function(a,b){for(var c=b.child;null!==c;){if(5===c.tag||6===c.tag)a.appendChild(c.stateNode);else if(4!==c.tag&&null!==c.child){c.child.return=c;c=c.child;continue}if(c===b)break;for(;null===c.sibling;){if(null===c.return||c.return===b)return;c=c.return;}c.sibling.return=c.return;c=c.sibling;}};Gg=function(){};
4125 Hg=function(a,b,c,d,e){var f=a.memoizedProps;if(f!==d){var g=b.stateNode;If(O.current);a=null;switch(c){case "input":f=zc(g,f);d=zc(g,d);a=[];break;case "option":f=ee(g,f);d=ee(g,d);a=[];break;case "select":f=objectAssign({},f,{value:void 0});d=objectAssign({},d,{value:void 0});a=[];break;case "textarea":f=ge(g,f);d=ge(g,d);a=[];break;default:"function"!==typeof f.onClick&&"function"===typeof d.onClick&&(g.onclick=ye);}ve(c,d);g=c=void 0;var h=null;for(c in f)if(!d.hasOwnProperty(c)&&f.hasOwnProperty(c)&&null!=f[c])if("style"===
4126 c){var k=f[c];for(g in k)k.hasOwnProperty(g)&&(h||(h={}),h[g]="");}else"dangerouslySetInnerHTML"!==c&&"children"!==c&&"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&"autoFocus"!==c&&(sa.hasOwnProperty(c)?a||(a=[]):(a=a||[]).push(c,null));for(c in d){var l=d[c];k=null!=f?f[c]:void 0;if(d.hasOwnProperty(c)&&l!==k&&(null!=l||null!=k))if("style"===c)if(k){for(g in k)!k.hasOwnProperty(g)||l&&l.hasOwnProperty(g)||(h||(h={}),h[g]="");for(g in l)l.hasOwnProperty(g)&&k[g]!==l[g]&&(h||
4127 (h={}),h[g]=l[g]);}else h||(a||(a=[]),a.push(c,h)),h=l;else"dangerouslySetInnerHTML"===c?(l=l?l.__html:void 0,k=k?k.__html:void 0,null!=l&&k!==l&&(a=a||[]).push(c,""+l)):"children"===c?k===l||"string"!==typeof l&&"number"!==typeof l||(a=a||[]).push(c,""+l):"suppressContentEditableWarning"!==c&&"suppressHydrationWarning"!==c&&(sa.hasOwnProperty(c)?(null!=l&&xe(e,c),a||k===l||(a=[])):(a=a||[]).push(c,l));}h&&(a=a||[]).push("style",h);e=a;(b.updateQueue=e)&&Bg(b);}};Ig=function(a,b,c,d){c!==d&&Bg(b);};
4128 var Jg="function"===typeof WeakSet?WeakSet:Set;function Kg(a,b){var c=b.source,d=b.stack;null===d&&null!==c&&(d=nc(c));null!==c&&mc(c.type);b=b.value;null!==a&&1===a.tag&&mc(a.type);try{console.error(b);}catch(e){setTimeout(function(){throw e;});}}function Lg(a){var b=a.ref;if(null!==b)if("function"===typeof b)try{b(null);}catch(c){Mg(a,c);}else b.current=null;}
4129 function Ng(a,b){for(var c=a;;){if(5===c.tag){var d=c.stateNode;if(b)d.style.display="none";else{d=c.stateNode;var e=c.memoizedProps.style;e=void 0!==e&&null!==e&&e.hasOwnProperty("display")?e.display:null;d.style.display=se("display",e);}}else if(6===c.tag)c.stateNode.nodeValue=b?"":c.memoizedProps;else if(13===c.tag&&null!==c.memoizedState){d=c.child.sibling;d.return=c;c=d;continue}else if(null!==c.child){c.child.return=c;c=c.child;continue}if(c===a)break;for(;null===c.sibling;){if(null===c.return||
4130 c.return===a)return;c=c.return;}c.sibling.return=c.return;c=c.sibling;}}
4131 function Og(a){"function"===typeof Ue&&Ue(a);switch(a.tag){case 0:case 11:case 14:case 15:var b=a.updateQueue;if(null!==b&&(b=b.lastEffect,null!==b)){var c=b=b.next;do{var d=c.destroy;if(null!==d){var e=a;try{d();}catch(f){Mg(e,f);}}c=c.next;}while(c!==b)}break;case 1:Lg(a);b=a.stateNode;if("function"===typeof b.componentWillUnmount)try{b.props=a.memoizedProps,b.state=a.memoizedState,b.componentWillUnmount();}catch(f){Mg(a,f);}break;case 5:Lg(a);break;case 4:Pg(a);}}
4132 function Qg(a){return 5===a.tag||3===a.tag||4===a.tag}
4133 function Rg(a){a:{for(var b=a.return;null!==b;){if(Qg(b)){var c=b;break a}b=b.return;}t("160");c=void 0;}var d=b=void 0;switch(c.tag){case 5:b=c.stateNode;d=!1;break;case 3:b=c.stateNode.containerInfo;d=!0;break;case 4:b=c.stateNode.containerInfo;d=!0;break;default:t("161");}c.effectTag&16&&(pe(b,""),c.effectTag&=-17);a:b:for(c=a;;){for(;null===c.sibling;){if(null===c.return||Qg(c.return)){c=null;break a}c=c.return;}c.sibling.return=c.return;for(c=c.sibling;5!==c.tag&&6!==c.tag;){if(c.effectTag&2)continue b;
4134 if(null===c.child||4===c.tag)continue b;else c.child.return=c,c=c.child;}if(!(c.effectTag&2)){c=c.stateNode;break a}}for(var e=a;;){if(5===e.tag||6===e.tag)if(c)if(d){var f=b,g=e.stateNode,h=c;8===f.nodeType?f.parentNode.insertBefore(g,h):f.insertBefore(g,h);}else b.insertBefore(e.stateNode,c);else d?(g=b,h=e.stateNode,8===g.nodeType?(f=g.parentNode,f.insertBefore(h,g)):(f=g,f.appendChild(h)),g=g._reactRootContainer,null!==g&&void 0!==g||null!==f.onclick||(f.onclick=ye)):b.appendChild(e.stateNode);
4135 else if(4!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===a)break;for(;null===e.sibling;){if(null===e.return||e.return===a)return;e=e.return;}e.sibling.return=e.return;e=e.sibling;}}
4136 function Pg(a){for(var b=a,c=!1,d=void 0,e=void 0;;){if(!c){c=b.return;a:for(;;){null===c?t("160"):void 0;switch(c.tag){case 5:d=c.stateNode;e=!1;break a;case 3:d=c.stateNode.containerInfo;e=!0;break a;case 4:d=c.stateNode.containerInfo;e=!0;break a}c=c.return;}c=!0;}if(5===b.tag||6===b.tag){a:for(var f=b,g=f;;)if(Og(g),null!==g.child&&4!==g.tag)g.child.return=g,g=g.child;else{if(g===f)break;for(;null===g.sibling;){if(null===g.return||g.return===f)break a;g=g.return;}g.sibling.return=g.return;g=g.sibling;}e?
4137 (f=d,g=b.stateNode,8===f.nodeType?f.parentNode.removeChild(g):f.removeChild(g)):d.removeChild(b.stateNode);}else if(4===b.tag?(d=b.stateNode.containerInfo,e=!0):Og(b),null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return;b=b.return;4===b.tag&&(c=!1);}b.sibling.return=b.return;b=b.sibling;}}
4138 function Sg(a,b){switch(b.tag){case 0:case 11:case 14:case 15:break;case 1:break;case 5:var c=b.stateNode;if(null!=c){var d=b.memoizedProps;a=null!==a?a.memoizedProps:d;var e=b.type,f=b.updateQueue;b.updateQueue=null;null!==f&&Fe(c,f,e,a,d,b);}break;case 6:null===b.stateNode?t("162"):void 0;b.stateNode.nodeValue=b.memoizedProps;break;case 3:break;case 12:break;case 13:c=b.memoizedState;d=void 0;a=b;null===c?d=!1:(d=!0,a=b.child,0===c.timedOutAt&&(c.timedOutAt=Rf()));null!==a&&Ng(a,d);c=b.updateQueue;
4139 if(null!==c){b.updateQueue=null;var g=b.stateNode;null===g&&(g=b.stateNode=new Jg);c.forEach(function(a){var c=Tg.bind(null,b,a);g.has(a)||(g.add(a),a.then(c,c));});}break;case 17:break;default:t("163");}}var Ug="function"===typeof WeakMap?WeakMap:Map;function Vg(a,b,c){c=nf(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Wg(d);Kg(a,b);};return c}
4140 function Xg(a,b,c){c=nf(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){"function"!==typeof d&&(null===Yg?Yg=new Set([this]):Yg.add(this));var c=b.value,e=b.stack;Kg(a,b);this.componentDidCatch(c,{componentStack:null!==e?e:""});});return c}
4141 function Zg(a){switch(a.tag){case 1:M(a.type)&&Ne(a);var b=a.effectTag;return b&2048?(a.effectTag=b&-2049|64,a):null;case 3:return Kf(a),Oe(a),b=a.effectTag,0!==(b&64)?t("285"):void 0,a.effectTag=b&-2049|64,a;case 5:return Mf(a),null;case 13:return b=a.effectTag,b&2048?(a.effectTag=b&-2049|64,a):null;case 4:return Kf(a),null;case 10:return Cf(a),null;default:return null}}
4142 var $g={readContext:Ef},ah=Xb.ReactCurrentOwner,bh=1073741822,ch=0,dh=!1,S=null,T=null,U=0,eh=-1,fh=!1,V=null,gh=!1,Yg=null;function jh(){if(null!==S)for(var a=S.return;null!==a;){var b=a;switch(b.tag){case 1:var c=b.type.childContextTypes;null!==c&&void 0!==c&&Ne(b);break;case 3:Kf(b);Oe(b);break;case 5:Mf(b);break;case 4:Kf(b);break;case 10:Cf(b);}a=a.return;}T=null;U=0;eh=-1;fh=!1;S=null;}function kh(a){for(;;){var b=a.alternate,c=a.return,d=a.sibling;if(0===(a.effectTag&1024)){S=a;a:{var e=b;b=a;var f=U;var g=b.pendingProps;switch(b.tag){case 2:break;case 16:break;case 15:case 0:break;case 1:M(b.type)&&Ne(b);break;case 3:Kf(b);Oe(b);g=b.stateNode;g.pendingContext&&(g.context=g.pendingContext,g.pendingContext=null);if(null===e||null===e.child)ng(b),b.effectTag&=-3;Gg(b);break;case 5:Mf(b);var h=If(Hf.current);f=b.type;if(null!==e&&null!=b.stateNode)Hg(e,b,f,g,h),e.ref!==b.ref&&(b.effectTag|=
4143 128);else if(g){var k=If(O.current);if(ng(b)){g=b;e=g.stateNode;var l=g.type,m=g.memoizedProps,r=h;e[Ga]=g;e[Ha]=m;f=void 0;h=l;switch(h){case "iframe":case "object":H("load",e);break;case "video":case "audio":for(l=0;l<bb.length;l++)H(bb[l],e);break;case "source":H("error",e);break;case "img":case "image":case "link":H("error",e);H("load",e);break;case "form":H("reset",e);H("submit",e);break;case "details":H("toggle",e);break;case "input":Ac(e,m);H("invalid",e);xe(r,"onChange");break;case "select":e._wrapperState=
4144 {wasMultiple:!!m.multiple};H("invalid",e);xe(r,"onChange");break;case "textarea":he(e,m),H("invalid",e),xe(r,"onChange");}ve(h,m);l=null;for(f in m)m.hasOwnProperty(f)&&(k=m[f],"children"===f?"string"===typeof k?e.textContent!==k&&(l=["children",k]):"number"===typeof k&&e.textContent!==""+k&&(l=["children",""+k]):sa.hasOwnProperty(f)&&null!=k&&xe(r,f));switch(h){case "input":Vb(e);Ec(e,m,!0);break;case "textarea":Vb(e);je(e,m);break;case "select":case "option":break;default:"function"===typeof m.onClick&&
4145 (e.onclick=ye);}f=l;g.updateQueue=f;g=null!==f?!0:!1;g&&Bg(b);}else{m=b;e=f;r=g;l=9===h.nodeType?h:h.ownerDocument;k===ke.html&&(k=le(e));k===ke.html?"script"===e?(e=l.createElement("div"),e.innerHTML="<script>\x3c/script>",l=e.removeChild(e.firstChild)):"string"===typeof r.is?l=l.createElement(e,{is:r.is}):(l=l.createElement(e),"select"===e&&r.multiple&&(l.multiple=!0)):l=l.createElementNS(k,e);e=l;e[Ga]=m;e[Ha]=g;Cg(e,b,!1,!1);r=e;l=f;m=g;var w=h,y=we(l,m);switch(l){case "iframe":case "object":H("load",
4146 r);h=m;break;case "video":case "audio":for(h=0;h<bb.length;h++)H(bb[h],r);h=m;break;case "source":H("error",r);h=m;break;case "img":case "image":case "link":H("error",r);H("load",r);h=m;break;case "form":H("reset",r);H("submit",r);h=m;break;case "details":H("toggle",r);h=m;break;case "input":Ac(r,m);h=zc(r,m);H("invalid",r);xe(w,"onChange");break;case "option":h=ee(r,m);break;case "select":r._wrapperState={wasMultiple:!!m.multiple};h=objectAssign({},m,{value:void 0});H("invalid",r);xe(w,"onChange");break;case "textarea":he(r,
4147 m);h=ge(r,m);H("invalid",r);xe(w,"onChange");break;default:h=m;}ve(l,h);k=void 0;var B=l,R=r,v=h;for(k in v)if(v.hasOwnProperty(k)){var q=v[k];"style"===k?te(R,q):"dangerouslySetInnerHTML"===k?(q=q?q.__html:void 0,null!=q&&oe(R,q)):"children"===k?"string"===typeof q?("textarea"!==B||""!==q)&&pe(R,q):"number"===typeof q&&pe(R,""+q):"suppressContentEditableWarning"!==k&&"suppressHydrationWarning"!==k&&"autoFocus"!==k&&(sa.hasOwnProperty(k)?null!=q&&xe(w,k):null!=q&&xc(R,k,q,y));}switch(l){case "input":Vb(r);
4148 Ec(r,m,!1);break;case "textarea":Vb(r);je(r,m);break;case "option":null!=m.value&&r.setAttribute("value",""+yc(m.value));break;case "select":h=r;h.multiple=!!m.multiple;r=m.value;null!=r?fe(h,!!m.multiple,r,!1):null!=m.defaultValue&&fe(h,!!m.multiple,m.defaultValue,!0);break;default:"function"===typeof h.onClick&&(r.onclick=ye);}(g=Be(f,g))&&Bg(b);b.stateNode=e;}null!==b.ref&&(b.effectTag|=128);}else null===b.stateNode?t("166"):void 0;break;case 6:e&&null!=b.stateNode?Ig(e,b,e.memoizedProps,g):("string"!==
4149 typeof g&&(null===b.stateNode?t("166"):void 0),e=If(Hf.current),If(O.current),ng(b)?(g=b,f=g.stateNode,e=g.memoizedProps,f[Ga]=g,(g=f.nodeValue!==e)&&Bg(b)):(f=b,g=(9===e.nodeType?e:e.ownerDocument).createTextNode(g),g[Ga]=b,f.stateNode=g));break;case 11:break;case 13:g=b.memoizedState;if(0!==(b.effectTag&64)){b.expirationTime=f;S=b;break a}g=null!==g;f=null!==e&&null!==e.memoizedState;null!==e&&!g&&f&&(e=e.child.sibling,null!==e&&(h=b.firstEffect,null!==h?(b.firstEffect=e,e.nextEffect=h):(b.firstEffect=
4150 b.lastEffect=e,e.nextEffect=null),e.effectTag=8));if(g!==f||0===(b.effectTag&1)&&g)b.effectTag|=4;break;case 7:break;case 8:break;case 12:break;case 4:Kf(b);Gg(b);break;case 10:Cf(b);break;case 9:break;case 14:break;case 17:M(b.type)&&Ne(b);break;default:t("156");}S=null;}b=a;if(1===U||1!==b.childExpirationTime){g=0;for(f=b.child;null!==f;)e=f.expirationTime,h=f.childExpirationTime,e>g&&(g=e),h>g&&(g=h),f=f.sibling;b.childExpirationTime=g;}if(null!==S)return S;null!==c&&0===(c.effectTag&1024)&&(null===
4151 c.firstEffect&&(c.firstEffect=a.firstEffect),null!==a.lastEffect&&(null!==c.lastEffect&&(c.lastEffect.nextEffect=a.firstEffect),c.lastEffect=a.lastEffect),1<a.effectTag&&(null!==c.lastEffect?c.lastEffect.nextEffect=a:c.firstEffect=a,c.lastEffect=a));}else{a=Zg(a,U);if(null!==a)return a.effectTag&=1023,a;null!==c&&(c.firstEffect=c.lastEffect=null,c.effectTag|=1024);}if(null!==d)return d;if(null!==c)a=c;else break}return null}
4152 function lh(a){var b=Ag(a.alternate,a,U);a.memoizedProps=a.pendingProps;null===b&&(b=kh(a));ah.current=null;return b}
4153 function mh(a,b){dh?t("243"):void 0;dh=!0;ah.currentDispatcher=$g;var c=a.nextExpirationTimeToWorkOn;if(c!==U||a!==T||null===S)jh(),T=a,U=c,S=$e(T.current,null,U),a.pendingCommitExpirationTime=0;var d=!1;do{try{if(b)for(;null!==S&&!nh();)S=lh(S);else for(;null!==S;)S=lh(S);}catch(B){if(Af=zf=yf=null,null===S)d=!0,Wg(B);else{null===S?t("271"):void 0;var e=S,f=e.return;if(null===f)d=!0,Wg(B);else{a:{var g=a,h=f,k=e,l=B;f=U;k.effectTag|=1024;k.firstEffect=k.lastEffect=null;if(null!==l&&"object"===
4154 typeof l&&"function"===typeof l.then){var m=l;l=h;var r=-1,w=-1;do{if(13===l.tag){var y=l.alternate;if(null!==y&&(y=y.memoizedState,null!==y)){w=10*(1073741822-y.timedOutAt);break}y=l.pendingProps.maxDuration;if("number"===typeof y)if(0>=y)r=0;else if(-1===r||y<r)r=y;}l=l.return;}while(null!==l);l=h;do{if(y=13===l.tag)y=void 0===l.memoizedProps.fallback?!1:null===l.memoizedState;if(y){h=l.updateQueue;null===h?l.updateQueue=new Set([m]):h.add(m);if(0===(l.mode&1)){l.effectTag|=64;k.effectTag&=-1957;
4155 1===k.tag&&(null===k.alternate?k.tag=17:(f=nf(1073741823),f.tag=2,pf(k,f)));k.expirationTime=1073741823;break a}k=g.pingCache;null===k?(k=g.pingCache=new Ug,h=new Set,k.set(m,h)):(h=k.get(m),void 0===h&&(h=new Set,k.set(m,h)));h.has(f)||(h.add(f),k=oh.bind(null,g,m,f),m.then(k,k));-1===r?g=1073741823:(-1===w&&(w=10*(1073741822-jf(g,f))-5E3),g=w+r);0<=g&&eh<g&&(eh=g);l.effectTag|=2048;l.expirationTime=f;break a}l=l.return;}while(null!==l);l=Error((mc(k.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display."+
4156 nc(k));}fh=!0;l=wf(l,k);g=h;do{switch(g.tag){case 3:g.effectTag|=2048;g.expirationTime=f;f=Vg(g,l,f);qf(g,f);break a;case 1:if(m=l,r=g.type,w=g.stateNode,0===(g.effectTag&64)&&("function"===typeof r.getDerivedStateFromError||null!==w&&"function"===typeof w.componentDidCatch&&(null===Yg||!Yg.has(w)))){g.effectTag|=2048;g.expirationTime=f;f=Xg(g,m,f);qf(g,f);break a}}g=g.return;}while(null!==g)}S=kh(e);continue}}}break}while(1);dh=!1;Af=zf=yf=ah.currentDispatcher=null;if(d)T=null,a.finishedWork=null;
4157 else if(null!==S)a.finishedWork=null;else{d=a.current.alternate;null===d?t("281"):void 0;T=null;if(fh){e=a.latestPendingTime;f=a.latestSuspendedTime;g=a.latestPingedTime;if(0!==e&&e<c||0!==f&&f<c||0!==g&&g<c){hf(a,c);ph(a,d,c,a.expirationTime,-1);return}if(!a.didError&&b){a.didError=!0;c=a.nextExpirationTimeToWorkOn=c;b=a.expirationTime=1073741823;ph(a,d,c,b,-1);return}}b&&-1!==eh?(hf(a,c),b=10*(1073741822-jf(a,c)),b<eh&&(eh=b),b=10*(1073741822-Rf()),b=eh-b,ph(a,d,c,a.expirationTime,0>b?0:b)):(a.pendingCommitExpirationTime=
4158 c,a.finishedWork=d);}}function Mg(a,b){for(var c=a.return;null!==c;){switch(c.tag){case 1:var d=c.stateNode;if("function"===typeof c.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===Yg||!Yg.has(d))){a=wf(b,a);a=Xg(c,a,1073741823);pf(c,a);Uf(c,1073741823);return}break;case 3:a=wf(b,a);a=Vg(c,a,1073741823);pf(c,a);Uf(c,1073741823);return}c=c.return;}3===a.tag&&(c=wf(b,a),c=Vg(a,c,1073741823),pf(a,c),Uf(a,1073741823));}
4159 function Sf(a,b){0!==ch?a=ch:dh?a=gh?1073741823:U:b.mode&1?(a=qh?1073741822-10*(((1073741822-a+15)/10|0)+1):1073741822-25*(((1073741822-a+500)/25|0)+1),null!==T&&a===U&&--a):a=1073741823;qh&&(0===rh||a<rh)&&(rh=a);return a}function oh(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);if(null!==T&&U===c)T=null;else if(b=a.earliestSuspendedTime,d=a.latestSuspendedTime,0!==b&&c<=b&&c>=d){a.didError=!1;b=a.latestPingedTime;if(0===b||b>c)a.latestPingedTime=c;gf(c,a);c=a.expirationTime;0!==c&&sh(a,c);}}
4160 function Tg(a,b){var c=a.stateNode;null!==c&&c.delete(b);b=Rf();b=Sf(b,a);a=th(a,b);null!==a&&(ff(a,b),b=a.expirationTime,0!==b&&sh(a,b));}
4161 function th(a,b){a.expirationTime<b&&(a.expirationTime=b);var c=a.alternate;null!==c&&c.expirationTime<b&&(c.expirationTime=b);var d=a.return,e=null;if(null===d&&3===a.tag)e=a.stateNode;else for(;null!==d;){c=d.alternate;d.childExpirationTime<b&&(d.childExpirationTime=b);null!==c&&c.childExpirationTime<b&&(c.childExpirationTime=b);if(null===d.return&&3===d.tag){e=d.stateNode;break}d=d.return;}return e}
4162 function Uf(a,b){a=th(a,b);null!==a&&(!dh&&0!==U&&b>U&&jh(),ff(a,b),dh&&!gh&&T===a||sh(a,a.expirationTime),uh>vh&&(uh=0,t("185")));}function wh(a,b,c,d,e){var f=ch;ch=1073741823;try{return a(b,c,d,e)}finally{ch=f;}}var xh=null,W=null,yh=0,zh=void 0,X=!1,Ah=null,Y=0,rh=0,Bh=!1,Ch=null,Z=!1,Dh=!1,qh=!1,Eh=null,Fh=scheduler.unstable_now(),Gh=1073741822-(Fh/10|0),Hh=Gh,vh=50,uh=0,Ih=null;function Jh(){Gh=1073741822-((scheduler.unstable_now()-Fh)/10|0);}
4163 function Kh(a,b){if(0!==yh){if(b<yh)return;null!==zh&&scheduler.unstable_cancelCallback(zh);}yh=b;a=scheduler.unstable_now()-Fh;zh=scheduler.unstable_scheduleCallback(Lh,{timeout:10*(1073741822-b)-a});}function ph(a,b,c,d,e){a.expirationTime=d;0!==e||nh()?0<e&&(a.timeoutHandle=De(Mh.bind(null,a,b,c),e)):(a.pendingCommitExpirationTime=c,a.finishedWork=b);}function Mh(a,b,c){a.pendingCommitExpirationTime=c;a.finishedWork=b;Jh();Hh=Gh;Nh(a,c);}function Rf(){if(X)return Hh;Oh();if(0===Y||1===Y)Jh(),Hh=Gh;return Hh}
4164 function sh(a,b){null===a.nextScheduledRoot?(a.expirationTime=b,null===W?(xh=W=a,a.nextScheduledRoot=a):(W=W.nextScheduledRoot=a,W.nextScheduledRoot=xh)):b>a.expirationTime&&(a.expirationTime=b);X||(Z?Dh&&(Ah=a,Y=1073741823,Ph(a,1073741823,!1)):1073741823===b?Qh(1073741823,!1):Kh(a,b));}
4165 function Oh(){var a=0,b=null;if(null!==W)for(var c=W,d=xh;null!==d;){var e=d.expirationTime;if(0===e){null===c||null===W?t("244"):void 0;if(d===d.nextScheduledRoot){xh=W=d.nextScheduledRoot=null;break}else if(d===xh)xh=e=d.nextScheduledRoot,W.nextScheduledRoot=e,d.nextScheduledRoot=null;else if(d===W){W=c;W.nextScheduledRoot=xh;d.nextScheduledRoot=null;break}else c.nextScheduledRoot=d.nextScheduledRoot,d.nextScheduledRoot=null;d=c.nextScheduledRoot;}else{e>a&&(a=e,b=d);if(d===W)break;if(1073741823===
4166 a)break;c=d;d=d.nextScheduledRoot;}}Ah=b;Y=a;}var Rh=!1;function nh(){return Rh?!0:scheduler.unstable_shouldYield()?Rh=!0:!1}function Lh(){try{if(!nh()&&null!==xh){Jh();var a=xh;do{var b=a.expirationTime;0!==b&&Gh<=b&&(a.nextExpirationTimeToWorkOn=Gh);a=a.nextScheduledRoot;}while(a!==xh)}Qh(0,!0);}finally{Rh=!1;}}
4167 function Qh(a,b){Oh();if(b)for(Jh(),Hh=Gh;null!==Ah&&0!==Y&&a<=Y&&!(Rh&&Gh>Y);)Ph(Ah,Y,Gh>Y),Oh(),Jh(),Hh=Gh;else for(;null!==Ah&&0!==Y&&a<=Y;)Ph(Ah,Y,!1),Oh();b&&(yh=0,zh=null);0!==Y&&Kh(Ah,Y);uh=0;Ih=null;if(null!==Eh)for(a=Eh,Eh=null,b=0;b<a.length;b++){var c=a[b];try{c._onComplete();}catch(d){Bh||(Bh=!0,Ch=d);}}if(Bh)throw a=Ch,Ch=null,Bh=!1,a;}function Nh(a,b){X?t("253"):void 0;Ah=a;Y=b;Ph(a,b,!1);Qh(1073741823,!1);}
4168 function Ph(a,b,c){X?t("245"):void 0;X=!0;if(c){var d=a.finishedWork;null!==d?Sh(a,d,b):(a.finishedWork=null,d=a.timeoutHandle,-1!==d&&(a.timeoutHandle=-1,Ee(d)),mh(a,c),d=a.finishedWork,null!==d&&(nh()?a.finishedWork=d:Sh(a,d,b)));}else d=a.finishedWork,null!==d?Sh(a,d,b):(a.finishedWork=null,d=a.timeoutHandle,-1!==d&&(a.timeoutHandle=-1,Ee(d)),mh(a,c),d=a.finishedWork,null!==d&&Sh(a,d,b));X=!1;}
4169 function Sh(a,b,c){var d=a.firstBatch;if(null!==d&&d._expirationTime>=c&&(null===Eh?Eh=[d]:Eh.push(d),d._defer)){a.finishedWork=b;a.expirationTime=0;return}a.finishedWork=null;a===Ih?uh++:(Ih=a,uh=0);gh=dh=!0;a.current===b?t("177"):void 0;c=a.pendingCommitExpirationTime;0===c?t("261"):void 0;a.pendingCommitExpirationTime=0;d=b.expirationTime;var e=b.childExpirationTime;d=e>d?e:d;a.didError=!1;0===d?(a.earliestPendingTime=0,a.latestPendingTime=0,a.earliestSuspendedTime=0,a.latestSuspendedTime=0,a.latestPingedTime=
4170 0):(d<a.latestPingedTime&&(a.latestPingedTime=0),e=a.latestPendingTime,0!==e&&(e>d?a.earliestPendingTime=a.latestPendingTime=0:a.earliestPendingTime>d&&(a.earliestPendingTime=a.latestPendingTime)),e=a.earliestSuspendedTime,0===e?ff(a,d):d<a.latestSuspendedTime?(a.earliestSuspendedTime=0,a.latestSuspendedTime=0,a.latestPingedTime=0,ff(a,d)):d>e&&ff(a,d));gf(0,a);ah.current=null;1<b.effectTag?null!==b.lastEffect?(b.lastEffect.nextEffect=b,d=b.firstEffect):d=b:d=b.firstEffect;ze=Hd;e=Td();if(Ud(e)){if("selectionStart"in
4171 e)var f={start:e.selectionStart,end:e.selectionEnd};else a:{f=(f=e.ownerDocument)&&f.defaultView||window;var g=f.getSelection&&f.getSelection();if(g&&0!==g.rangeCount){f=g.anchorNode;var h=g.anchorOffset,k=g.focusNode;g=g.focusOffset;try{f.nodeType,k.nodeType;}catch(db){f=null;break a}var l=0,m=-1,r=-1,w=0,y=0,B=e,R=null;b:for(;;){for(var v;;){B!==f||0!==h&&3!==B.nodeType||(m=l+h);B!==k||0!==g&&3!==B.nodeType||(r=l+g);3===B.nodeType&&(l+=B.nodeValue.length);if(null===(v=B.firstChild))break;R=B;B=v;}for(;;){if(B===
4172 e)break b;R===f&&++w===h&&(m=l);R===k&&++y===g&&(r=l);if(null!==(v=B.nextSibling))break;B=R;R=B.parentNode;}B=v;}f=-1===m||-1===r?null:{start:m,end:r};}else f=null;}f=f||{start:0,end:0};}else f=null;Ae={focusedElem:e,selectionRange:f};Hd=!1;for(V=d;null!==V;){e=!1;f=void 0;try{for(;null!==V;){if(V.effectTag&256)a:{var q=V.alternate;h=V;switch(h.tag){case 0:case 11:case 15:break a;case 1:if(h.effectTag&256&&null!==q){var u=q.memoizedProps,A=q.memoizedState,Yf=h.stateNode,Vh=Yf.getSnapshotBeforeUpdate(h.elementType===
4173 h.type?u:P(h.type,u),A);Yf.__reactInternalSnapshotBeforeUpdate=Vh;}break a;case 3:case 5:case 6:case 4:case 17:break a;default:t("163");}}V=V.nextEffect;}}catch(db){e=!0,f=db;}e&&(null===V?t("178"):void 0,Mg(V,f),null!==V&&(V=V.nextEffect));}for(V=d;null!==V;){q=!1;u=void 0;try{for(;null!==V;){var x=V.effectTag;x&16&&pe(V.stateNode,"");if(x&128){var C=V.alternate;if(null!==C){var p=C.ref;null!==p&&("function"===typeof p?p(null):p.current=null);}}switch(x&14){case 2:Rg(V);V.effectTag&=-3;break;case 6:Rg(V);
4174 V.effectTag&=-3;Sg(V.alternate,V);break;case 4:Sg(V.alternate,V);break;case 8:A=V;Pg(A);A.return=null;A.child=null;A.memoizedState=null;A.updateQueue=null;var G=A.alternate;null!==G&&(G.return=null,G.child=null,G.memoizedState=null,G.updateQueue=null);}V=V.nextEffect;}}catch(db){q=!0,u=db;}q&&(null===V?t("178"):void 0,Mg(V,u),null!==V&&(V=V.nextEffect));}p=Ae;C=Td();x=p.focusedElem;q=p.selectionRange;if(C!==x&&x&&x.ownerDocument&&Sd(x.ownerDocument.documentElement,x)){null!==q&&Ud(x)&&(C=q.start,p=q.end,
4175 void 0===p&&(p=C),"selectionStart"in x?(x.selectionStart=C,x.selectionEnd=Math.min(p,x.value.length)):(p=(C=x.ownerDocument||document)&&C.defaultView||window,p.getSelection&&(p=p.getSelection(),u=x.textContent.length,G=Math.min(q.start,u),q=void 0===q.end?G:Math.min(q.end,u),!p.extend&&G>q&&(u=q,q=G,G=u),u=Rd(x,G),A=Rd(x,q),u&&A&&(1!==p.rangeCount||p.anchorNode!==u.node||p.anchorOffset!==u.offset||p.focusNode!==A.node||p.focusOffset!==A.offset)&&(C=C.createRange(),C.setStart(u.node,u.offset),p.removeAllRanges(),
4176 G>q?(p.addRange(C),p.extend(A.node,A.offset)):(C.setEnd(A.node,A.offset),p.addRange(C))))));C=[];for(p=x;p=p.parentNode;)1===p.nodeType&&C.push({element:p,left:p.scrollLeft,top:p.scrollTop});"function"===typeof x.focus&&x.focus();for(x=0;x<C.length;x++)p=C[x],p.element.scrollLeft=p.left,p.element.scrollTop=p.top;}Ae=null;Hd=!!ze;ze=null;a.current=b;for(V=d;null!==V;){d=!1;x=void 0;try{for(C=c;null!==V;){var Fb=V.effectTag;if(Fb&36){var Gb=V.alternate;p=V;G=C;switch(p.tag){case 0:case 11:case 15:break;
4177 case 1:var Hc=p.stateNode;if(p.effectTag&4)if(null===Gb)Hc.componentDidMount();else{var ii=p.elementType===p.type?Gb.memoizedProps:P(p.type,Gb.memoizedProps);Hc.componentDidUpdate(ii,Gb.memoizedState,Hc.__reactInternalSnapshotBeforeUpdate);}var Dg=p.updateQueue;null!==Dg&&uf(p,Dg,Hc,G);break;case 3:var Eg=p.updateQueue;if(null!==Eg){q=null;if(null!==p.child)switch(p.child.tag){case 5:q=p.child.stateNode;break;case 1:q=p.child.stateNode;}uf(p,Eg,q,G);}break;case 5:var ji=p.stateNode;null===Gb&&p.effectTag&
4178 4&&Be(p.type,p.memoizedProps)&&ji.focus();break;case 6:break;case 4:break;case 12:break;case 13:break;case 17:break;default:t("163");}}if(Fb&128){var Ic=V.ref;if(null!==Ic){var Fg=V.stateNode;switch(V.tag){case 5:var ce=Fg;break;default:ce=Fg;}"function"===typeof Ic?Ic(ce):Ic.current=ce;}}V=V.nextEffect;}}catch(db){d=!0,x=db;}d&&(null===V?t("178"):void 0,Mg(V,x),null!==V&&(V=V.nextEffect));}dh=gh=!1;"function"===typeof Te&&Te(b.stateNode);Fb=b.expirationTime;b=b.childExpirationTime;b=b>Fb?b:Fb;0===b&&(Yg=
4179 null);a.expirationTime=b;a.finishedWork=null;}function Wg(a){null===Ah?t("246"):void 0;Ah.expirationTime=0;Bh||(Bh=!0,Ch=a);}function Th(a,b){var c=Z;Z=!0;try{return a(b)}finally{(Z=c)||X||Qh(1073741823,!1);}}function Uh(a,b){if(Z&&!Dh){Dh=!0;try{return a(b)}finally{Dh=!1;}}return a(b)}function Wh(a,b,c){if(qh)return a(b,c);Z||X||0===rh||(Qh(rh,!1),rh=0);var d=qh,e=Z;Z=qh=!0;try{return a(b,c)}finally{qh=d,(Z=e)||X||Qh(1073741823,!1);}}
4180 function Xh(a,b,c,d,e){var f=b.current;a:if(c){c=c._reactInternalFiber;b:{2===kd(c)&&1===c.tag?void 0:t("170");var g=c;do{switch(g.tag){case 3:g=g.stateNode.context;break b;case 1:if(M(g.type)){g=g.stateNode.__reactInternalMemoizedMergedChildContext;break b}}g=g.return;}while(null!==g);t("171");g=void 0;}if(1===c.tag){var h=c.type;if(M(h)){c=Qe(c,h,g);break a}}c=g;}else c=Ke;null===b.context?b.context=c:b.pendingContext=c;b=e;e=nf(d);e.payload={element:a};b=void 0===b?null:b;null!==b&&(e.callback=b);
4181 pf(f,e);Uf(f,d);return d}function Yh(a,b,c,d){var e=b.current,f=Rf();e=Sf(f,e);return Xh(a,b,c,e,d)}function Zh(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 5:return a.child.stateNode;default:return a.child.stateNode}}function $h(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return {$$typeof:$b,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
4182 Cb=function(a,b,c){switch(b){case "input":Cc(a,c);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll("input[name="+JSON.stringify(""+b)+'][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=La(d);e?void 0:t("90");Wb(d);Cc(d,e);}}}break;case "textarea":ie(a,c);break;case "select":b=c.value,null!=b&&fe(a,!!c.multiple,b,!1);}};
4183 function ai(a){var b=1073741822-25*(((1073741822-Rf()+500)/25|0)+1);b>=bh&&(b=bh-1);this._expirationTime=bh=b;this._root=a;this._callbacks=this._next=null;this._hasChildren=this._didComplete=!1;this._children=null;this._defer=!0;}ai.prototype.render=function(a){this._defer?void 0:t("250");this._hasChildren=!0;this._children=a;var b=this._root._internalRoot,c=this._expirationTime,d=new bi;Xh(a,b,null,c,d._onCommit);return d};
4184 ai.prototype.then=function(a){if(this._didComplete)a();else{var b=this._callbacks;null===b&&(b=this._callbacks=[]);b.push(a);}};
4185 ai.prototype.commit=function(){var a=this._root._internalRoot,b=a.firstBatch;this._defer&&null!==b?void 0:t("251");if(this._hasChildren){var c=this._expirationTime;if(b!==this){this._hasChildren&&(c=this._expirationTime=b._expirationTime,this.render(this._children));for(var d=null,e=b;e!==this;)d=e,e=e._next;null===d?t("251"):void 0;d._next=e._next;this._next=b;a.firstBatch=this;}this._defer=!1;Nh(a,c);b=this._next;this._next=null;b=a.firstBatch=b;null!==b&&b._hasChildren&&b.render(b._children);}else this._next=
4186 null,this._defer=!1;};ai.prototype._onComplete=function(){if(!this._didComplete){this._didComplete=!0;var a=this._callbacks;if(null!==a)for(var b=0;b<a.length;b++)(0, a[b])();}};function bi(){this._callbacks=null;this._didCommit=!1;this._onCommit=this._onCommit.bind(this);}bi.prototype.then=function(a){if(this._didCommit)a();else{var b=this._callbacks;null===b&&(b=this._callbacks=[]);b.push(a);}};
4187 bi.prototype._onCommit=function(){if(!this._didCommit){this._didCommit=!0;var a=this._callbacks;if(null!==a)for(var b=0;b<a.length;b++){var c=a[b];"function"!==typeof c?t("191",c):void 0;c();}}};
4188 function ci(a,b,c){b=N(3,null,null,b?3:0);a={current:b,containerInfo:a,pendingChildren:null,pingCache:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,didError:!1,pendingCommitExpirationTime:0,finishedWork:null,timeoutHandle:-1,context:null,pendingContext:null,hydrate:c,nextExpirationTimeToWorkOn:0,expirationTime:0,firstBatch:null,nextScheduledRoot:null};this._internalRoot=b.stateNode=a;}
4189 ci.prototype.render=function(a,b){var c=this._internalRoot,d=new bi;b=void 0===b?null:b;null!==b&&d.then(b);Yh(a,c,null,d._onCommit);return d};ci.prototype.unmount=function(a){var b=this._internalRoot,c=new bi;a=void 0===a?null:a;null!==a&&c.then(a);Yh(null,b,null,c._onCommit);return c};ci.prototype.legacy_renderSubtreeIntoContainer=function(a,b,c){var d=this._internalRoot,e=new bi;c=void 0===c?null:c;null!==c&&e.then(c);Yh(b,d,a,e._onCommit);return e};
4190 ci.prototype.createBatch=function(){var a=new ai(this),b=a._expirationTime,c=this._internalRoot,d=c.firstBatch;if(null===d)c.firstBatch=a,a._next=null;else{for(c=null;null!==d&&d._expirationTime>=b;)c=d,d=d._next;a._next=d;null!==c&&(c._next=a);}return a};function di(a){return !(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}Kb=Th;Lb=Wh;Mb=function(){X||0===rh||(Qh(rh,!1),rh=0);};
4191 function ei(a,b){b||(b=a?9===a.nodeType?a.documentElement:a.firstChild:null,b=!(!b||1!==b.nodeType||!b.hasAttribute("data-reactroot")));if(!b)for(var c;c=a.lastChild;)a.removeChild(c);return new ci(a,!1,b)}
4192 function fi(a,b,c,d,e){di(c)?void 0:t("200");var f=c._reactRootContainer;if(f){if("function"===typeof e){var g=e;e=function(){var a=Zh(f._internalRoot);g.call(a);};}null!=a?f.legacy_renderSubtreeIntoContainer(a,b,e):f.render(b,e);}else{f=c._reactRootContainer=ei(c,d);if("function"===typeof e){var h=e;e=function(){var a=Zh(f._internalRoot);h.call(a);};}Uh(function(){null!=a?f.legacy_renderSubtreeIntoContainer(a,b,e):f.render(b,e);});}return Zh(f._internalRoot)}
4193 function gi(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;di(b)?void 0:t("200");return $h(a,b,null,c)}
4194 var ki={createPortal:gi,findDOMNode:function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternalFiber;void 0===b&&("function"===typeof a.render?t("188"):t("268",Object.keys(a)));a=nd(b);a=null===a?null:a.stateNode;return a},hydrate:function(a,b,c){return fi(null,a,b,!0,c)},render:function(a,b,c){return fi(null,a,b,!1,c)},unstable_renderSubtreeIntoContainer:function(a,b,c,d){null==a||void 0===a._reactInternalFiber?t("38"):void 0;return fi(a,b,c,!1,d)},unmountComponentAtNode:function(a){di(a)?
4195 void 0:t("40");return a._reactRootContainer?(Uh(function(){fi(null,null,a,!1,function(){a._reactRootContainer=null;});}),!0):!1},unstable_createPortal:function(){return gi.apply(void 0,arguments)},unstable_batchedUpdates:Th,unstable_interactiveUpdates:Wh,flushSync:function(a,b){X?t("187"):void 0;var c=Z;Z=!0;try{return wh(a,b)}finally{Z=c,Qh(1073741823,!1);}},unstable_createRoot:hi,unstable_flushControlled:function(a){var b=Z;Z=!0;try{wh(a);}finally{(Z=b)||X||Qh(1073741823,!1);}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[Ja,
4196 Ka,La,Ca.injectEventPluginsByName,qa,Ra,function(a){za(a,Qa);},Ib,Jb,Jd,Ea]}};function hi(a,b){di(a)?void 0:t("299","unstable_createRoot");return new ci(a,!0,null!=b&&!0===b.hydrate)}(function(a){var b=a.findFiberByHostInstance;return We(objectAssign({},a,{overrideProps:null,findHostInstanceByFiber:function(a){a=nd(a);return null===a?null:a.stateNode},findFiberByHostInstance:function(a){return b?b(a):null}}))})({findFiberByHostInstance:Ia,bundleType:0,version:"16.7.0",rendererPackageName:"react-dom"});
4197 var li={default:ki},mi=li&&ki||li;var reactDom_production_min=mi.default||mi;
4198
4199 var reactDom = createCommonjsModule(function (module) {
4200
4201 function checkDCE() {
4202 /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
4203 if (
4204 typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||
4205 typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'
4206 ) {
4207 return;
4208 }
4209 try {
4210 // Verify that the code above has been dead code eliminated (DCE'd).
4211 __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);
4212 } catch (err) {
4213 // DevTools shouldn't crash React, no matter what.
4214 // We should still report in case we break this code.
4215 console.error(err);
4216 }
4217 }
4218
4219 {
4220 // DCE check should happen before ReactDOM bundle executes so that
4221 // DevTools can report bad minification during injection.
4222 checkDCE();
4223 module.exports = reactDom_production_min;
4224 }
4225 });
4226
4227 /**
4228 * Copyright (c) 2013-present, Facebook, Inc.
4229 *
4230 * This source code is licensed under the MIT license found in the
4231 * LICENSE file in the root directory of this source tree.
4232 */
4233
4234 var invariant = function(condition, format, a, b, c, d, e, f) {
4235
4236 if (!condition) {
4237 var error;
4238 if (format === undefined) {
4239 error = new Error(
4240 'Minified exception occurred; use the non-minified dev environment ' +
4241 'for the full error message and additional helpful warnings.'
4242 );
4243 } else {
4244 var args = [a, b, c, d, e, f];
4245 var argIndex = 0;
4246 error = new Error(
4247 format.replace(/%s/g, function() { return args[argIndex++]; })
4248 );
4249 error.name = 'Invariant Violation';
4250 }
4251
4252 error.framesToPop = 1; // we don't care about invariant's own frame
4253 throw error;
4254 }
4255 };
4256
4257 var invariant_1 = invariant;
4258
4259 /**
4260 * lodash (Custom Build) <https://lodash.com/>
4261 * Build: `lodash modularize exports="npm" -o ./`
4262 * Copyright jQuery Foundation and other contributors <https://jquery.org/>
4263 * Released under MIT license <https://lodash.com/license>
4264 * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
4265 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
4266 */
4267
4268 /** Used as the `TypeError` message for "Functions" methods. */
4269 var FUNC_ERROR_TEXT = 'Expected a function';
4270
4271 /** Used as references for various `Number` constants. */
4272 var NAN = 0 / 0;
4273
4274 /** `Object#toString` result references. */
4275 var symbolTag = '[object Symbol]';
4276
4277 /** Used to match leading and trailing whitespace. */
4278 var reTrim = /^\s+|\s+$/g;
4279
4280 /** Used to detect bad signed hexadecimal string values. */
4281 var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
4282
4283 /** Used to detect binary string values. */
4284 var reIsBinary = /^0b[01]+$/i;
4285
4286 /** Used to detect octal string values. */
4287 var reIsOctal = /^0o[0-7]+$/i;
4288
4289 /** Built-in method references without a dependency on `root`. */
4290 var freeParseInt = parseInt;
4291
4292 /** Detect free variable `global` from Node.js. */
4293 var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
4294
4295 /** Detect free variable `self`. */
4296 var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
4297
4298 /** Used as a reference to the global object. */
4299 var root = freeGlobal || freeSelf || Function('return this')();
4300
4301 /** Used for built-in method references. */
4302 var objectProto = Object.prototype;
4303
4304 /**
4305 * Used to resolve the
4306 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
4307 * of values.
4308 */
4309 var objectToString = objectProto.toString;
4310
4311 /* Built-in method references for those with the same name as other `lodash` methods. */
4312 var nativeMax = Math.max,
4313 nativeMin = Math.min;
4314
4315 /**
4316 * Gets the timestamp of the number of milliseconds that have elapsed since
4317 * the Unix epoch (1 January 1970 00:00:00 UTC).
4318 *
4319 * @static
4320 * @memberOf _
4321 * @since 2.4.0
4322 * @category Date
4323 * @returns {number} Returns the timestamp.
4324 * @example
4325 *
4326 * _.defer(function(stamp) {
4327 * console.log(_.now() - stamp);
4328 * }, _.now());
4329 * // => Logs the number of milliseconds it took for the deferred invocation.
4330 */
4331 var now = function() {
4332 return root.Date.now();
4333 };
4334
4335 /**
4336 * Creates a debounced function that delays invoking `func` until after `wait`
4337 * milliseconds have elapsed since the last time the debounced function was
4338 * invoked. The debounced function comes with a `cancel` method to cancel
4339 * delayed `func` invocations and a `flush` method to immediately invoke them.
4340 * Provide `options` to indicate whether `func` should be invoked on the
4341 * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
4342 * with the last arguments provided to the debounced function. Subsequent
4343 * calls to the debounced function return the result of the last `func`
4344 * invocation.
4345 *
4346 * **Note:** If `leading` and `trailing` options are `true`, `func` is
4347 * invoked on the trailing edge of the timeout only if the debounced function
4348 * is invoked more than once during the `wait` timeout.
4349 *
4350 * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
4351 * until to the next tick, similar to `setTimeout` with a timeout of `0`.
4352 *
4353 * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
4354 * for details over the differences between `_.debounce` and `_.throttle`.
4355 *
4356 * @static
4357 * @memberOf _
4358 * @since 0.1.0
4359 * @category Function
4360 * @param {Function} func The function to debounce.
4361 * @param {number} [wait=0] The number of milliseconds to delay.
4362 * @param {Object} [options={}] The options object.
4363 * @param {boolean} [options.leading=false]
4364 * Specify invoking on the leading edge of the timeout.
4365 * @param {number} [options.maxWait]
4366 * The maximum time `func` is allowed to be delayed before it's invoked.
4367 * @param {boolean} [options.trailing=true]
4368 * Specify invoking on the trailing edge of the timeout.
4369 * @returns {Function} Returns the new debounced function.
4370 * @example
4371 *
4372 * // Avoid costly calculations while the window size is in flux.
4373 * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
4374 *
4375 * // Invoke `sendMail` when clicked, debouncing subsequent calls.
4376 * jQuery(element).on('click', _.debounce(sendMail, 300, {
4377 * 'leading': true,
4378 * 'trailing': false
4379 * }));
4380 *
4381 * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
4382 * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
4383 * var source = new EventSource('/stream');
4384 * jQuery(source).on('message', debounced);
4385 *
4386 * // Cancel the trailing debounced invocation.
4387 * jQuery(window).on('popstate', debounced.cancel);
4388 */
4389 function debounce(func, wait, options) {
4390 var lastArgs,
4391 lastThis,
4392 maxWait,
4393 result,
4394 timerId,
4395 lastCallTime,
4396 lastInvokeTime = 0,
4397 leading = false,
4398 maxing = false,
4399 trailing = true;
4400
4401 if (typeof func != 'function') {
4402 throw new TypeError(FUNC_ERROR_TEXT);
4403 }
4404 wait = toNumber(wait) || 0;
4405 if (isObject(options)) {
4406 leading = !!options.leading;
4407 maxing = 'maxWait' in options;
4408 maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
4409 trailing = 'trailing' in options ? !!options.trailing : trailing;
4410 }
4411
4412 function invokeFunc(time) {
4413 var args = lastArgs,
4414 thisArg = lastThis;
4415
4416 lastArgs = lastThis = undefined;
4417 lastInvokeTime = time;
4418 result = func.apply(thisArg, args);
4419 return result;
4420 }
4421
4422 function leadingEdge(time) {
4423 // Reset any `maxWait` timer.
4424 lastInvokeTime = time;
4425 // Start the timer for the trailing edge.
4426 timerId = setTimeout(timerExpired, wait);
4427 // Invoke the leading edge.
4428 return leading ? invokeFunc(time) : result;
4429 }
4430
4431 function remainingWait(time) {
4432 var timeSinceLastCall = time - lastCallTime,
4433 timeSinceLastInvoke = time - lastInvokeTime,
4434 result = wait - timeSinceLastCall;
4435
4436 return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
4437 }
4438
4439 function shouldInvoke(time) {
4440 var timeSinceLastCall = time - lastCallTime,
4441 timeSinceLastInvoke = time - lastInvokeTime;
4442
4443 // Either this is the first call, activity has stopped and we're at the
4444 // trailing edge, the system time has gone backwards and we're treating
4445 // it as the trailing edge, or we've hit the `maxWait` limit.
4446 return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
4447 (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
4448 }
4449
4450 function timerExpired() {
4451 var time = now();
4452 if (shouldInvoke(time)) {
4453 return trailingEdge(time);
4454 }
4455 // Restart the timer.
4456 timerId = setTimeout(timerExpired, remainingWait(time));
4457 }
4458
4459 function trailingEdge(time) {
4460 timerId = undefined;
4461
4462 // Only invoke if we have `lastArgs` which means `func` has been
4463 // debounced at least once.
4464 if (trailing && lastArgs) {
4465 return invokeFunc(time);
4466 }
4467 lastArgs = lastThis = undefined;
4468 return result;
4469 }
4470
4471 function cancel() {
4472 if (timerId !== undefined) {
4473 clearTimeout(timerId);
4474 }
4475 lastInvokeTime = 0;
4476 lastArgs = lastCallTime = lastThis = timerId = undefined;
4477 }
4478
4479 function flush() {
4480 return timerId === undefined ? result : trailingEdge(now());
4481 }
4482
4483 function debounced() {
4484 var time = now(),
4485 isInvoking = shouldInvoke(time);
4486
4487 lastArgs = arguments;
4488 lastThis = this;
4489 lastCallTime = time;
4490
4491 if (isInvoking) {
4492 if (timerId === undefined) {
4493 return leadingEdge(lastCallTime);
4494 }
4495 if (maxing) {
4496 // Handle invocations in a tight loop.
4497 timerId = setTimeout(timerExpired, wait);
4498 return invokeFunc(lastCallTime);
4499 }
4500 }
4501 if (timerId === undefined) {
4502 timerId = setTimeout(timerExpired, wait);
4503 }
4504 return result;
4505 }
4506 debounced.cancel = cancel;
4507 debounced.flush = flush;
4508 return debounced;
4509 }
4510
4511 /**
4512 * Creates a throttled function that only invokes `func` at most once per
4513 * every `wait` milliseconds. The throttled function comes with a `cancel`
4514 * method to cancel delayed `func` invocations and a `flush` method to
4515 * immediately invoke them. Provide `options` to indicate whether `func`
4516 * should be invoked on the leading and/or trailing edge of the `wait`
4517 * timeout. The `func` is invoked with the last arguments provided to the
4518 * throttled function. Subsequent calls to the throttled function return the
4519 * result of the last `func` invocation.
4520 *
4521 * **Note:** If `leading` and `trailing` options are `true`, `func` is
4522 * invoked on the trailing edge of the timeout only if the throttled function
4523 * is invoked more than once during the `wait` timeout.
4524 *
4525 * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
4526 * until to the next tick, similar to `setTimeout` with a timeout of `0`.
4527 *
4528 * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
4529 * for details over the differences between `_.throttle` and `_.debounce`.
4530 *
4531 * @static
4532 * @memberOf _
4533 * @since 0.1.0
4534 * @category Function
4535 * @param {Function} func The function to throttle.
4536 * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
4537 * @param {Object} [options={}] The options object.
4538 * @param {boolean} [options.leading=true]
4539 * Specify invoking on the leading edge of the timeout.
4540 * @param {boolean} [options.trailing=true]
4541 * Specify invoking on the trailing edge of the timeout.
4542 * @returns {Function} Returns the new throttled function.
4543 * @example
4544 *
4545 * // Avoid excessively updating the position while scrolling.
4546 * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
4547 *
4548 * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
4549 * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
4550 * jQuery(element).on('click', throttled);
4551 *
4552 * // Cancel the trailing throttled invocation.
4553 * jQuery(window).on('popstate', throttled.cancel);
4554 */
4555 function throttle(func, wait, options) {
4556 var leading = true,
4557 trailing = true;
4558
4559 if (typeof func != 'function') {
4560 throw new TypeError(FUNC_ERROR_TEXT);
4561 }
4562 if (isObject(options)) {
4563 leading = 'leading' in options ? !!options.leading : leading;
4564 trailing = 'trailing' in options ? !!options.trailing : trailing;
4565 }
4566 return debounce(func, wait, {
4567 'leading': leading,
4568 'maxWait': wait,
4569 'trailing': trailing
4570 });
4571 }
4572
4573 /**
4574 * Checks if `value` is the
4575 * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
4576 * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
4577 *
4578 * @static
4579 * @memberOf _
4580 * @since 0.1.0
4581 * @category Lang
4582 * @param {*} value The value to check.
4583 * @returns {boolean} Returns `true` if `value` is an object, else `false`.
4584 * @example
4585 *
4586 * _.isObject({});
4587 * // => true
4588 *
4589 * _.isObject([1, 2, 3]);
4590 * // => true
4591 *
4592 * _.isObject(_.noop);
4593 * // => true
4594 *
4595 * _.isObject(null);
4596 * // => false
4597 */
4598 function isObject(value) {
4599 var type = typeof value;
4600 return !!value && (type == 'object' || type == 'function');
4601 }
4602
4603 /**
4604 * Checks if `value` is object-like. A value is object-like if it's not `null`
4605 * and has a `typeof` result of "object".
4606 *
4607 * @static
4608 * @memberOf _
4609 * @since 4.0.0
4610 * @category Lang
4611 * @param {*} value The value to check.
4612 * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
4613 * @example
4614 *
4615 * _.isObjectLike({});
4616 * // => true
4617 *
4618 * _.isObjectLike([1, 2, 3]);
4619 * // => true
4620 *
4621 * _.isObjectLike(_.noop);
4622 * // => false
4623 *
4624 * _.isObjectLike(null);
4625 * // => false
4626 */
4627 function isObjectLike(value) {
4628 return !!value && typeof value == 'object';
4629 }
4630
4631 /**
4632 * Checks if `value` is classified as a `Symbol` primitive or object.
4633 *
4634 * @static
4635 * @memberOf _
4636 * @since 4.0.0
4637 * @category Lang
4638 * @param {*} value The value to check.
4639 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
4640 * @example
4641 *
4642 * _.isSymbol(Symbol.iterator);
4643 * // => true
4644 *
4645 * _.isSymbol('abc');
4646 * // => false
4647 */
4648 function isSymbol(value) {
4649 return typeof value == 'symbol' ||
4650 (isObjectLike(value) && objectToString.call(value) == symbolTag);
4651 }
4652
4653 /**
4654 * Converts `value` to a number.
4655 *
4656 * @static
4657 * @memberOf _
4658 * @since 4.0.0
4659 * @category Lang
4660 * @param {*} value The value to process.
4661 * @returns {number} Returns the number.
4662 * @example
4663 *
4664 * _.toNumber(3.2);
4665 * // => 3.2
4666 *
4667 * _.toNumber(Number.MIN_VALUE);
4668 * // => 5e-324
4669 *
4670 * _.toNumber(Infinity);
4671 * // => Infinity
4672 *
4673 * _.toNumber('3.2');
4674 * // => 3.2
4675 */
4676 function toNumber(value) {
4677 if (typeof value == 'number') {
4678 return value;
4679 }
4680 if (isSymbol(value)) {
4681 return NAN;
4682 }
4683 if (isObject(value)) {
4684 var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
4685 value = isObject(other) ? (other + '') : other;
4686 }
4687 if (typeof value != 'string') {
4688 return value === 0 ? value : +value;
4689 }
4690 value = value.replace(reTrim, '');
4691 var isBinary = reIsBinary.test(value);
4692 return (isBinary || reIsOctal.test(value))
4693 ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
4694 : (reIsBadHex.test(value) ? NAN : +value);
4695 }
4696
4697 var lodash_throttle = throttle;
4698
4699 /**
4700 * lodash (Custom Build) <https://lodash.com/>
4701 * Build: `lodash modularize exports="npm" -o ./`
4702 * Copyright jQuery Foundation and other contributors <https://jquery.org/>
4703 * Released under MIT license <https://lodash.com/license>
4704 * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
4705 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
4706 */
4707
4708 /** Used as the `TypeError` message for "Functions" methods. */
4709 var FUNC_ERROR_TEXT$1 = 'Expected a function';
4710
4711 /** Used as references for various `Number` constants. */
4712 var NAN$1 = 0 / 0;
4713
4714 /** `Object#toString` result references. */
4715 var symbolTag$1 = '[object Symbol]';
4716
4717 /** Used to match leading and trailing whitespace. */
4718 var reTrim$1 = /^\s+|\s+$/g;
4719
4720 /** Used to detect bad signed hexadecimal string values. */
4721 var reIsBadHex$1 = /^[-+]0x[0-9a-f]+$/i;
4722
4723 /** Used to detect binary string values. */
4724 var reIsBinary$1 = /^0b[01]+$/i;
4725
4726 /** Used to detect octal string values. */
4727 var reIsOctal$1 = /^0o[0-7]+$/i;
4728
4729 /** Built-in method references without a dependency on `root`. */
4730 var freeParseInt$1 = parseInt;
4731
4732 /** Detect free variable `global` from Node.js. */
4733 var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
4734
4735 /** Detect free variable `self`. */
4736 var freeSelf$1 = typeof self == 'object' && self && self.Object === Object && self;
4737
4738 /** Used as a reference to the global object. */
4739 var root$1 = freeGlobal$1 || freeSelf$1 || Function('return this')();
4740
4741 /** Used for built-in method references. */
4742 var objectProto$1 = Object.prototype;
4743
4744 /**
4745 * Used to resolve the
4746 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
4747 * of values.
4748 */
4749 var objectToString$1 = objectProto$1.toString;
4750
4751 /* Built-in method references for those with the same name as other `lodash` methods. */
4752 var nativeMax$1 = Math.max,
4753 nativeMin$1 = Math.min;
4754
4755 /**
4756 * Gets the timestamp of the number of milliseconds that have elapsed since
4757 * the Unix epoch (1 January 1970 00:00:00 UTC).
4758 *
4759 * @static
4760 * @memberOf _
4761 * @since 2.4.0
4762 * @category Date
4763 * @returns {number} Returns the timestamp.
4764 * @example
4765 *
4766 * _.defer(function(stamp) {
4767 * console.log(_.now() - stamp);
4768 * }, _.now());
4769 * // => Logs the number of milliseconds it took for the deferred invocation.
4770 */
4771 var now$1 = function() {
4772 return root$1.Date.now();
4773 };
4774
4775 /**
4776 * Creates a debounced function that delays invoking `func` until after `wait`
4777 * milliseconds have elapsed since the last time the debounced function was
4778 * invoked. The debounced function comes with a `cancel` method to cancel
4779 * delayed `func` invocations and a `flush` method to immediately invoke them.
4780 * Provide `options` to indicate whether `func` should be invoked on the
4781 * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
4782 * with the last arguments provided to the debounced function. Subsequent
4783 * calls to the debounced function return the result of the last `func`
4784 * invocation.
4785 *
4786 * **Note:** If `leading` and `trailing` options are `true`, `func` is
4787 * invoked on the trailing edge of the timeout only if the debounced function
4788 * is invoked more than once during the `wait` timeout.
4789 *
4790 * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
4791 * until to the next tick, similar to `setTimeout` with a timeout of `0`.
4792 *
4793 * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
4794 * for details over the differences between `_.debounce` and `_.throttle`.
4795 *
4796 * @static
4797 * @memberOf _
4798 * @since 0.1.0
4799 * @category Function
4800 * @param {Function} func The function to debounce.
4801 * @param {number} [wait=0] The number of milliseconds to delay.
4802 * @param {Object} [options={}] The options object.
4803 * @param {boolean} [options.leading=false]
4804 * Specify invoking on the leading edge of the timeout.
4805 * @param {number} [options.maxWait]
4806 * The maximum time `func` is allowed to be delayed before it's invoked.
4807 * @param {boolean} [options.trailing=true]
4808 * Specify invoking on the trailing edge of the timeout.
4809 * @returns {Function} Returns the new debounced function.
4810 * @example
4811 *
4812 * // Avoid costly calculations while the window size is in flux.
4813 * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
4814 *
4815 * // Invoke `sendMail` when clicked, debouncing subsequent calls.
4816 * jQuery(element).on('click', _.debounce(sendMail, 300, {
4817 * 'leading': true,
4818 * 'trailing': false
4819 * }));
4820 *
4821 * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
4822 * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
4823 * var source = new EventSource('/stream');
4824 * jQuery(source).on('message', debounced);
4825 *
4826 * // Cancel the trailing debounced invocation.
4827 * jQuery(window).on('popstate', debounced.cancel);
4828 */
4829 function debounce$1(func, wait, options) {
4830 var lastArgs,
4831 lastThis,
4832 maxWait,
4833 result,
4834 timerId,
4835 lastCallTime,
4836 lastInvokeTime = 0,
4837 leading = false,
4838 maxing = false,
4839 trailing = true;
4840
4841 if (typeof func != 'function') {
4842 throw new TypeError(FUNC_ERROR_TEXT$1);
4843 }
4844 wait = toNumber$1(wait) || 0;
4845 if (isObject$1(options)) {
4846 leading = !!options.leading;
4847 maxing = 'maxWait' in options;
4848 maxWait = maxing ? nativeMax$1(toNumber$1(options.maxWait) || 0, wait) : maxWait;
4849 trailing = 'trailing' in options ? !!options.trailing : trailing;
4850 }
4851
4852 function invokeFunc(time) {
4853 var args = lastArgs,
4854 thisArg = lastThis;
4855
4856 lastArgs = lastThis = undefined;
4857 lastInvokeTime = time;
4858 result = func.apply(thisArg, args);
4859 return result;
4860 }
4861
4862 function leadingEdge(time) {
4863 // Reset any `maxWait` timer.
4864 lastInvokeTime = time;
4865 // Start the timer for the trailing edge.
4866 timerId = setTimeout(timerExpired, wait);
4867 // Invoke the leading edge.
4868 return leading ? invokeFunc(time) : result;
4869 }
4870
4871 function remainingWait(time) {
4872 var timeSinceLastCall = time - lastCallTime,
4873 timeSinceLastInvoke = time - lastInvokeTime,
4874 result = wait - timeSinceLastCall;
4875
4876 return maxing ? nativeMin$1(result, maxWait - timeSinceLastInvoke) : result;
4877 }
4878
4879 function shouldInvoke(time) {
4880 var timeSinceLastCall = time - lastCallTime,
4881 timeSinceLastInvoke = time - lastInvokeTime;
4882
4883 // Either this is the first call, activity has stopped and we're at the
4884 // trailing edge, the system time has gone backwards and we're treating
4885 // it as the trailing edge, or we've hit the `maxWait` limit.
4886 return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
4887 (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
4888 }
4889
4890 function timerExpired() {
4891 var time = now$1();
4892 if (shouldInvoke(time)) {
4893 return trailingEdge(time);
4894 }
4895 // Restart the timer.
4896 timerId = setTimeout(timerExpired, remainingWait(time));
4897 }
4898
4899 function trailingEdge(time) {
4900 timerId = undefined;
4901
4902 // Only invoke if we have `lastArgs` which means `func` has been
4903 // debounced at least once.
4904 if (trailing && lastArgs) {
4905 return invokeFunc(time);
4906 }
4907 lastArgs = lastThis = undefined;
4908 return result;
4909 }
4910
4911 function cancel() {
4912 if (timerId !== undefined) {
4913 clearTimeout(timerId);
4914 }
4915 lastInvokeTime = 0;
4916 lastArgs = lastCallTime = lastThis = timerId = undefined;
4917 }
4918
4919 function flush() {
4920 return timerId === undefined ? result : trailingEdge(now$1());
4921 }
4922
4923 function debounced() {
4924 var time = now$1(),
4925 isInvoking = shouldInvoke(time);
4926
4927 lastArgs = arguments;
4928 lastThis = this;
4929 lastCallTime = time;
4930
4931 if (isInvoking) {
4932 if (timerId === undefined) {
4933 return leadingEdge(lastCallTime);
4934 }
4935 if (maxing) {
4936 // Handle invocations in a tight loop.
4937 timerId = setTimeout(timerExpired, wait);
4938 return invokeFunc(lastCallTime);
4939 }
4940 }
4941 if (timerId === undefined) {
4942 timerId = setTimeout(timerExpired, wait);
4943 }
4944 return result;
4945 }
4946 debounced.cancel = cancel;
4947 debounced.flush = flush;
4948 return debounced;
4949 }
4950
4951 /**
4952 * Checks if `value` is the
4953 * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
4954 * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
4955 *
4956 * @static
4957 * @memberOf _
4958 * @since 0.1.0
4959 * @category Lang
4960 * @param {*} value The value to check.
4961 * @returns {boolean} Returns `true` if `value` is an object, else `false`.
4962 * @example
4963 *
4964 * _.isObject({});
4965 * // => true
4966 *
4967 * _.isObject([1, 2, 3]);
4968 * // => true
4969 *
4970 * _.isObject(_.noop);
4971 * // => true
4972 *
4973 * _.isObject(null);
4974 * // => false
4975 */
4976 function isObject$1(value) {
4977 var type = typeof value;
4978 return !!value && (type == 'object' || type == 'function');
4979 }
4980
4981 /**
4982 * Checks if `value` is object-like. A value is object-like if it's not `null`
4983 * and has a `typeof` result of "object".
4984 *
4985 * @static
4986 * @memberOf _
4987 * @since 4.0.0
4988 * @category Lang
4989 * @param {*} value The value to check.
4990 * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
4991 * @example
4992 *
4993 * _.isObjectLike({});
4994 * // => true
4995 *
4996 * _.isObjectLike([1, 2, 3]);
4997 * // => true
4998 *
4999 * _.isObjectLike(_.noop);
5000 * // => false
5001 *
5002 * _.isObjectLike(null);
5003 * // => false
5004 */
5005 function isObjectLike$1(value) {
5006 return !!value && typeof value == 'object';
5007 }
5008
5009 /**
5010 * Checks if `value` is classified as a `Symbol` primitive or object.
5011 *
5012 * @static
5013 * @memberOf _
5014 * @since 4.0.0
5015 * @category Lang
5016 * @param {*} value The value to check.
5017 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
5018 * @example
5019 *
5020 * _.isSymbol(Symbol.iterator);
5021 * // => true
5022 *
5023 * _.isSymbol('abc');
5024 * // => false
5025 */
5026 function isSymbol$1(value) {
5027 return typeof value == 'symbol' ||
5028 (isObjectLike$1(value) && objectToString$1.call(value) == symbolTag$1);
5029 }
5030
5031 /**
5032 * Converts `value` to a number.
5033 *
5034 * @static
5035 * @memberOf _
5036 * @since 4.0.0
5037 * @category Lang
5038 * @param {*} value The value to process.
5039 * @returns {number} Returns the number.
5040 * @example
5041 *
5042 * _.toNumber(3.2);
5043 * // => 3.2
5044 *
5045 * _.toNumber(Number.MIN_VALUE);
5046 * // => 5e-324
5047 *
5048 * _.toNumber(Infinity);
5049 * // => Infinity
5050 *
5051 * _.toNumber('3.2');
5052 * // => 3.2
5053 */
5054 function toNumber$1(value) {
5055 if (typeof value == 'number') {
5056 return value;
5057 }
5058 if (isSymbol$1(value)) {
5059 return NAN$1;
5060 }
5061 if (isObject$1(value)) {
5062 var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
5063 value = isObject$1(other) ? (other + '') : other;
5064 }
5065 if (typeof value != 'string') {
5066 return value === 0 ? value : +value;
5067 }
5068 value = value.replace(reTrim$1, '');
5069 var isBinary = reIsBinary$1.test(value);
5070 return (isBinary || reIsOctal$1.test(value))
5071 ? freeParseInt$1(value.slice(2), isBinary ? 2 : 8)
5072 : (reIsBadHex$1.test(value) ? NAN$1 : +value);
5073 }
5074
5075 var lodash_debounce = debounce$1;
5076
5077 //
5078
5079 var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
5080 var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
5081
5082 if (ret !== void 0) {
5083 return !!ret;
5084 }
5085
5086 if (objA === objB) {
5087 return true;
5088 }
5089
5090 if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
5091 return false;
5092 }
5093
5094 var keysA = Object.keys(objA);
5095 var keysB = Object.keys(objB);
5096
5097 if (keysA.length !== keysB.length) {
5098 return false;
5099 }
5100
5101 var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
5102
5103 // Test for A's keys different from B.
5104 for (var idx = 0; idx < keysA.length; idx++) {
5105 var key = keysA[idx];
5106
5107 if (!bHasOwnProperty(key)) {
5108 return false;
5109 }
5110
5111 var valueA = objA[key];
5112 var valueB = objB[key];
5113
5114 ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
5115
5116 if (ret === false || (ret === void 0 && valueA !== valueB)) {
5117 return false;
5118 }
5119 }
5120
5121 return true;
5122 };
5123
5124 function _interopDefault$1 (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
5125
5126 var createResizeDetector = _interopDefault$1(elementResizeDetector);
5127
5128 var React__default$$1 = _interopDefault$1(React__default);
5129 var PropTypes$1 = _interopDefault$1(PropTypes);
5130 var ReactDOM = _interopDefault$1(reactDom);
5131 var invariant$1 = _interopDefault$1(invariant_1);
5132 var throttle$1 = _interopDefault$1(lodash_throttle);
5133 var debounce$2 = _interopDefault$1(lodash_debounce);
5134 var isShallowEqual = _interopDefault$1(shallowequal);
5135
5136 var instances = {};
5137
5138 // Lazily require to not cause bug
5139 // https://github.com/ctrlplusb/react-sizeme/issues/6
5140 function resizeDetector() {
5141 var strategy = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'scroll';
5142
5143 if (!instances[strategy]) {
5144 instances[strategy] = createResizeDetector({
5145 strategy: strategy
5146 });
5147 }
5148
5149 return instances[strategy];
5150 }
5151
5152 var classCallCheck = function (instance, Constructor) {
5153 if (!(instance instanceof Constructor)) {
5154 throw new TypeError("Cannot call a class as a function");
5155 }
5156 };
5157
5158 var createClass = function () {
5159 function defineProperties(target, props) {
5160 for (var i = 0; i < props.length; i++) {
5161 var descriptor = props[i];
5162 descriptor.enumerable = descriptor.enumerable || false;
5163 descriptor.configurable = true;
5164 if ("value" in descriptor) descriptor.writable = true;
5165 Object.defineProperty(target, descriptor.key, descriptor);
5166 }
5167 }
5168
5169 return function (Constructor, protoProps, staticProps) {
5170 if (protoProps) defineProperties(Constructor.prototype, protoProps);
5171 if (staticProps) defineProperties(Constructor, staticProps);
5172 return Constructor;
5173 };
5174 }();
5175
5176 var _extends = Object.assign || function (target) {
5177 for (var i = 1; i < arguments.length; i++) {
5178 var source = arguments[i];
5179
5180 for (var key in source) {
5181 if (Object.prototype.hasOwnProperty.call(source, key)) {
5182 target[key] = source[key];
5183 }
5184 }
5185 }
5186
5187 return target;
5188 };
5189
5190 var inherits = function (subClass, superClass) {
5191 if (typeof superClass !== "function" && superClass !== null) {
5192 throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
5193 }
5194
5195 subClass.prototype = Object.create(superClass && superClass.prototype, {
5196 constructor: {
5197 value: subClass,
5198 enumerable: false,
5199 writable: true,
5200 configurable: true
5201 }
5202 });
5203 if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
5204 };
5205
5206 var objectWithoutProperties = function (obj, keys) {
5207 var target = {};
5208
5209 for (var i in obj) {
5210 if (keys.indexOf(i) >= 0) continue;
5211 if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
5212 target[i] = obj[i];
5213 }
5214
5215 return target;
5216 };
5217
5218 var possibleConstructorReturn = function (self, call) {
5219 if (!self) {
5220 throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
5221 }
5222
5223 return call && (typeof call === "object" || typeof call === "function") ? call : self;
5224 };
5225
5226 /* eslint-disable react/no-multi-comp */
5227
5228 var defaultConfig = {
5229 monitorWidth: true,
5230 monitorHeight: false,
5231 monitorPosition: false,
5232 refreshRate: 16,
5233 refreshMode: 'throttle',
5234 noPlaceholder: false,
5235 resizeDetectorStrategy: 'scroll'
5236 };
5237
5238 function getDisplayName(WrappedComponent) {
5239 return WrappedComponent.displayName || WrappedComponent.name || 'Component';
5240 }
5241
5242 /**
5243 * This is a utility wrapper component that will allow our higher order
5244 * component to get a ref handle on our wrapped components html.
5245 * @see https://gist.github.com/jimfb/32b587ee6177665fb4cf
5246 */
5247
5248 var ReferenceWrapper = function (_Component) {
5249 inherits(ReferenceWrapper, _Component);
5250
5251 function ReferenceWrapper() {
5252 classCallCheck(this, ReferenceWrapper);
5253 return possibleConstructorReturn(this, (ReferenceWrapper.__proto__ || Object.getPrototypeOf(ReferenceWrapper)).apply(this, arguments));
5254 }
5255
5256 createClass(ReferenceWrapper, [{
5257 key: 'render',
5258 value: function render() {
5259 return React__default.Children.only(this.props.children);
5260 }
5261 }]);
5262 return ReferenceWrapper;
5263 }(React__default.Component);
5264
5265 ReferenceWrapper.displayName = 'SizeMeReferenceWrapper';
5266
5267 ReferenceWrapper.propTypes = { children: PropTypes$1.element.isRequired };
5268
5269 function Placeholder(_ref) {
5270 var className = _ref.className,
5271 style = _ref.style;
5272
5273 // Lets create the props for the temp element.
5274 var phProps = {};
5275
5276 // We will use any provided className/style or else make the temp
5277 // container take the full available space.
5278 if (!className && !style) {
5279 phProps.style = { width: '100%', height: '100%' };
5280 } else {
5281 if (className) {
5282 phProps.className = className;
5283 }
5284 if (style) {
5285 phProps.style = style;
5286 }
5287 }
5288
5289 return React__default$$1.createElement('div', phProps);
5290 }
5291 Placeholder.displayName = 'SizeMePlaceholder';
5292 Placeholder.propTypes = {
5293 className: PropTypes$1.string,
5294 style: PropTypes$1.object
5295
5296 /**
5297 * As we need to maintain a ref on the root node that is rendered within our
5298 * SizeMe component we need to wrap our entire render in a sub component.
5299 * Without this, we lose the DOM ref after the placeholder is removed from
5300 * the render and the actual component is rendered.
5301 * It took me forever to figure this out, so tread extra careful on this one!
5302 */
5303 };var renderWrapper = function renderWrapper(WrappedComponent) {
5304 function SizeMeRenderer(props) {
5305 var explicitRef = props.explicitRef,
5306 className = props.className,
5307 style = props.style,
5308 size = props.size,
5309 disablePlaceholder = props.disablePlaceholder,
5310 onSize = props.onSize,
5311 restProps = objectWithoutProperties(props, ['explicitRef', 'className', 'style', 'size', 'disablePlaceholder', 'onSize']);
5312
5313
5314 var noSizeData = size == null || size.width == null && size.height == null && size.position == null;
5315
5316 var renderPlaceholder = noSizeData && !disablePlaceholder;
5317
5318 var renderProps = {
5319 className: className,
5320 style: style
5321 };
5322
5323 if (size != null) {
5324 renderProps.size = size;
5325 }
5326
5327 var toRender = renderPlaceholder ? React__default$$1.createElement(Placeholder, { className: className, style: style }) : React__default$$1.createElement(WrappedComponent, _extends({}, renderProps, restProps));
5328
5329 return React__default$$1.createElement(
5330 ReferenceWrapper,
5331 { ref: explicitRef },
5332 toRender
5333 );
5334 }
5335
5336 SizeMeRenderer.displayName = 'SizeMeRenderer(' + getDisplayName(WrappedComponent) + ')';
5337
5338 SizeMeRenderer.propTypes = {
5339 explicitRef: PropTypes$1.func.isRequired,
5340 className: PropTypes$1.string,
5341 style: PropTypes$1.object, // eslint-disable-line react/forbid-prop-types
5342 size: PropTypes$1.shape({
5343 width: PropTypes$1.number, // eslint-disable-line react/no-unused-prop-types
5344 height: PropTypes$1.number // eslint-disable-line react/no-unused-prop-types
5345 }),
5346 disablePlaceholder: PropTypes$1.bool,
5347 onSize: PropTypes$1.func
5348 };
5349
5350 return SizeMeRenderer;
5351 };
5352
5353 /**
5354 * :: config -> Component -> WrappedComponent
5355 *
5356 * Higher order component that allows the wrapped component to become aware
5357 * of it's size, by receiving it as an object within it's props.
5358 *
5359 * @param monitorWidth
5360 * Default true, whether changes in the element's width should be monitored,
5361 * causing a size property to be broadcast.
5362 * @param monitorHeight
5363 * Default false, whether changes in the element's height should be monitored,
5364 * causing a size property to be broadcast.
5365 *
5366 * @return The wrapped component.
5367 */
5368 function withSize() {
5369 var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultConfig;
5370 var _config$monitorWidth = config.monitorWidth,
5371 monitorWidth = _config$monitorWidth === undefined ? defaultConfig.monitorWidth : _config$monitorWidth,
5372 _config$monitorHeight = config.monitorHeight,
5373 monitorHeight = _config$monitorHeight === undefined ? defaultConfig.monitorHeight : _config$monitorHeight,
5374 _config$monitorPositi = config.monitorPosition,
5375 monitorPosition = _config$monitorPositi === undefined ? defaultConfig.monitorPosition : _config$monitorPositi,
5376 _config$refreshRate = config.refreshRate,
5377 refreshRate = _config$refreshRate === undefined ? defaultConfig.refreshRate : _config$refreshRate,
5378 _config$refreshMode = config.refreshMode,
5379 refreshMode = _config$refreshMode === undefined ? defaultConfig.refreshMode : _config$refreshMode,
5380 _config$noPlaceholder = config.noPlaceholder,
5381 noPlaceholder = _config$noPlaceholder === undefined ? defaultConfig.noPlaceholder : _config$noPlaceholder,
5382 _config$resizeDetecto = config.resizeDetectorStrategy,
5383 resizeDetectorStrategy = _config$resizeDetecto === undefined ? defaultConfig.resizeDetectorStrategy : _config$resizeDetecto;
5384
5385
5386 invariant$1(monitorWidth || monitorHeight || monitorPosition, 'You have to monitor at least one of the width, height, or position when using "sizeMe"');
5387
5388 invariant$1(refreshRate >= 16, "It is highly recommended that you don't put your refreshRate lower than " + '16 as this may cause layout thrashing.');
5389
5390 invariant$1(refreshMode === 'throttle' || refreshMode === 'debounce', 'The refreshMode should have a value of "throttle" or "debounce"');
5391
5392 var refreshDelayStrategy = refreshMode === 'throttle' ? throttle$1 : debounce$2;
5393
5394 return function WrapComponent(WrappedComponent) {
5395 var SizeMeRenderWrapper = renderWrapper(WrappedComponent);
5396
5397 var SizeAwareComponent = function (_React$Component) {
5398 inherits(SizeAwareComponent, _React$Component);
5399
5400 function SizeAwareComponent() {
5401 var _ref2;
5402
5403 var _temp, _this2, _ret;
5404
5405 classCallCheck(this, SizeAwareComponent);
5406
5407 for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
5408 args[_key] = arguments[_key];
5409 }
5410
5411 return _ret = (_temp = (_this2 = possibleConstructorReturn(this, (_ref2 = SizeAwareComponent.__proto__ || Object.getPrototypeOf(SizeAwareComponent)).call.apply(_ref2, [this].concat(args))), _this2), _this2.state = {
5412 width: undefined,
5413 height: undefined,
5414 position: undefined
5415 }, _this2.determineStrategy = function (props) {
5416 if (props.onSize) {
5417 if (!_this2.callbackState) {
5418 _this2.callbackState = _extends({}, _this2.state);
5419 }
5420 _this2.strategy = 'callback';
5421 } else {
5422 _this2.strategy = 'render';
5423 }
5424 }, _this2.strategisedSetState = function (state) {
5425 if (_this2.strategy === 'callback') {
5426 _this2.callbackState = state;
5427 _this2.props.onSize(state);
5428 }
5429 _this2.setState(state);
5430 }, _this2.strategisedGetState = function () {
5431 return _this2.strategy === 'callback' ? _this2.callbackState : _this2.state;
5432 }, _this2.refCallback = function (element) {
5433 _this2.element = element;
5434 }, _this2.hasSizeChanged = function (current, next) {
5435 var c = current;
5436 var n = next;
5437 var cp = c.position || {};
5438 var np = n.position || {};
5439
5440 return monitorHeight && c.height !== n.height || monitorPosition && (cp.top !== np.top || cp.left !== np.left || cp.bottom !== np.bottom || cp.right !== np.right) || monitorWidth && c.width !== n.width;
5441 }, _this2.checkIfSizeChanged = refreshDelayStrategy(function (el) {
5442 var _el$getBoundingClient = el.getBoundingClientRect(),
5443 width = _el$getBoundingClient.width,
5444 height = _el$getBoundingClient.height,
5445 right = _el$getBoundingClient.right,
5446 left = _el$getBoundingClient.left,
5447 top = _el$getBoundingClient.top,
5448 bottom = _el$getBoundingClient.bottom;
5449
5450 var next = {
5451 width: monitorWidth ? width : null,
5452 height: monitorHeight ? height : null,
5453 position: monitorPosition ? { right: right, left: left, top: top, bottom: bottom } : null
5454 };
5455
5456 if (_this2.hasSizeChanged(_this2.strategisedGetState(), next)) {
5457 _this2.strategisedSetState(next);
5458 }
5459 }, refreshRate), _temp), possibleConstructorReturn(_this2, _ret);
5460 }
5461
5462 createClass(SizeAwareComponent, [{
5463 key: 'componentDidMount',
5464 value: function componentDidMount() {
5465 this.detector = resizeDetector(resizeDetectorStrategy);
5466 this.determineStrategy(this.props);
5467 this.handleDOMNode(true);
5468 }
5469 }, {
5470 key: 'componentWillReceiveProps',
5471 value: function componentWillReceiveProps(nextProps) {
5472 this.determineStrategy(nextProps);
5473 }
5474 }, {
5475 key: 'componentDidUpdate',
5476 value: function componentDidUpdate() {
5477 this.handleDOMNode();
5478 }
5479 }, {
5480 key: 'componentWillUnmount',
5481 value: function componentWillUnmount() {
5482 // Change our size checker to a noop just in case we have some
5483 // late running events.
5484 this.hasSizeChanged = function () {
5485 return undefined;
5486 };
5487 this.checkIfSizeChanged = function () {
5488 return undefined;
5489 };
5490
5491 if (this.domEl) {
5492 this.detector.uninstall(this.domEl);
5493 this.domEl = null;
5494 }
5495 }
5496 }, {
5497 key: 'handleDOMNode',
5498 value: function handleDOMNode(first) {
5499 var found = this.element && ReactDOM.findDOMNode(this.element);
5500
5501 if (!found) {
5502 // If we previously had a dom node then we need to ensure that
5503 // we remove any existing listeners to avoid memory leaks.
5504 if (!first && this.domEl) {
5505 this.detector.removeAllListeners(this.domEl);
5506 this.domEl = null;
5507 }
5508 return;
5509 }
5510
5511 if (!first && this.domEl) {
5512 this.detector.removeAllListeners(this.domEl);
5513 }
5514
5515 this.domEl = found;
5516 this.detector.listenTo(this.domEl, this.checkIfSizeChanged);
5517 }
5518 }, {
5519 key: 'render',
5520 value: function render() {
5521 var disablePlaceholder = withSize.enableSSRBehaviour || withSize.noPlaceholders || noPlaceholder || this.strategy === 'callback';
5522
5523 var size = _extends({}, this.state);
5524
5525 return React__default$$1.createElement(SizeMeRenderWrapper, _extends({
5526 explicitRef: this.refCallback,
5527 size: this.strategy === 'callback' ? null : size,
5528 disablePlaceholder: disablePlaceholder
5529 }, this.props));
5530 }
5531 }]);
5532 return SizeAwareComponent;
5533 }(React__default$$1.Component);
5534
5535 SizeAwareComponent.displayName = 'SizeMe(' + getDisplayName(WrappedComponent) + ')';
5536 SizeAwareComponent.propTypes = {
5537 onSize: PropTypes$1.func
5538 };
5539
5540
5541 SizeAwareComponent.WrappedComponent = WrappedComponent;
5542
5543 return SizeAwareComponent;
5544 };
5545 }
5546
5547 /**
5548 * Allow SizeMe to run within SSR environments. This is a "global" behaviour
5549 * flag that should be set within the initialisation phase of your application.
5550 *
5551 * Warning: don't set this flag unless you need to as using it may cause
5552 * extra render cycles to happen within your components depending on the logic
5553 * contained within them around the usage of the `size` data.
5554 *
5555 * DEPRECATED: Please use the global disablePlaceholders
5556 */
5557 withSize.enableSSRBehaviour = false;
5558
5559 /**
5560 * Global configuration allowing to disable placeholder rendering for all
5561 * sizeMe components.
5562 */
5563 withSize.noPlaceholders = false;
5564
5565 var SizeMe = function (_Component) {
5566 inherits(SizeMe, _Component);
5567
5568 function SizeMe(props) {
5569 classCallCheck(this, SizeMe);
5570
5571 var _this = possibleConstructorReturn(this, (SizeMe.__proto__ || Object.getPrototypeOf(SizeMe)).call(this, props));
5572
5573 _initialiseProps.call(_this);
5574
5575 var children = props.children,
5576 render = props.render,
5577 sizeMeConfig = objectWithoutProperties(props, ['children', 'render']);
5578
5579 _this.createComponent(sizeMeConfig);
5580 _this.state = {
5581 size: {
5582 width: undefined,
5583 height: undefined
5584 }
5585 };
5586 return _this;
5587 }
5588
5589 createClass(SizeMe, [{
5590 key: 'componentWillReceiveProps',
5591 value: function componentWillReceiveProps(nextProps) {
5592 var _props = this.props,
5593 prevChildren = _props.children,
5594 prevRender = _props.render,
5595 prevSizeMeConfig = objectWithoutProperties(_props, ['children', 'render']);
5596 var nextChildren = nextProps.children,
5597 nextRender = nextProps.render,
5598 nextSizeMeConfig = objectWithoutProperties(nextProps, ['children', 'render']);
5599
5600 if (!isShallowEqual(prevSizeMeConfig, nextSizeMeConfig)) {
5601 this.createComponent(nextSizeMeConfig);
5602 }
5603 }
5604 }, {
5605 key: 'render',
5606 value: function render() {
5607 var SizeAware = this.SizeAware;
5608
5609 var render = this.props.children || this.props.render;
5610 return React__default$$1.createElement(
5611 SizeAware,
5612 { onSize: this.onSize },
5613 render({ size: this.state.size })
5614 );
5615 }
5616 }]);
5617 return SizeMe;
5618 }(React__default.Component);
5619
5620 SizeMe.propTypes = {
5621 children: PropTypes$1.func,
5622 render: PropTypes$1.func
5623 };
5624 SizeMe.defaultProps = {
5625 children: undefined,
5626 render: undefined
5627 };
5628
5629 var _initialiseProps = function _initialiseProps() {
5630 var _this2 = this;
5631
5632 this.createComponent = function (config) {
5633 _this2.SizeAware = withSize(config)(function (_ref) {
5634 var children = _ref.children;
5635 return children;
5636 });
5637 };
5638
5639 this.onSize = function (size) {
5640 return _this2.setState({ size: size });
5641 };
5642 };
5643
5644 withSize.SizeMe = SizeMe;
5645 withSize.withSize = withSize;
5646
5647 var reactSizeme = withSize;
5648 var reactSizeme_1 = reactSizeme.withSize;
5649
5650 var _jsxFileName$o = '/Users/mealeyst/projects/professional/mirage/src/core/image/backgroundImage.js';
5651
5652 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; }; }();
5653
5654 var _templateObject$A = _taggedTemplateLiteral$A(['\n position: relative;\n background-image: url(', ');\n background-size: contain;\n background-repeat: no-repeat;\n width: 100%;\n padding-top: ', '%;\n > div {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n'], ['\n position: relative;\n background-image: url(', ');\n background-size: contain;\n background-repeat: no-repeat;\n width: 100%;\n padding-top: ', '%;\n > div {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n']);
5655
5656 function _objectWithoutProperties$1(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; }
5657
5658 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
5659
5660 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; }
5661
5662 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; }
5663
5664 function _taggedTemplateLiteral$A(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
5665
5666 var StyledBackgroundImage = styled__default.section(_templateObject$A, function (props) {
5667 return props.src;
5668 }, function (props) {
5669 return props.defaultPaddingTop;
5670 });
5671
5672 var BackgroundImage = function (_React$Component) {
5673 _inherits(BackgroundImage, _React$Component);
5674
5675 function BackgroundImage(props) {
5676 _classCallCheck(this, BackgroundImage);
5677
5678 var _this = _possibleConstructorReturn(this, (BackgroundImage.__proto__ || Object.getPrototypeOf(BackgroundImage)).call(this, props));
5679
5680 _this.setResponsiveBackground = function () {
5681 var _this$props = _this.props,
5682 width = _this$props.size.width,
5683 sources = _this$props.sources;
5684 var currentSrc = _this.state.currentSrc;
5685
5686 if (sources) {
5687 var newSrc = sources[Object.keys(sources).sort(function (keyA, keyB) {
5688 return keyA - keyB;
5689 }).reverse().find(function (key) {
5690 return key < width;
5691 })];
5692 if (currentSrc !== newSrc) {
5693 var image = new Image();
5694 image.src = newSrc;
5695 image.onload = function () {
5696 var defaultPaddingTop = image.height !== 0 && image.width !== 0 ? image.height / image.width * 100 : 0;
5697 console.log(image.src, image.height, image.width, defaultPaddingTop);
5698 _this.setState({
5699 currentSrc: newSrc,
5700 defaultPaddingTop: defaultPaddingTop
5701 });
5702 };
5703 }
5704 }
5705 };
5706
5707 _this.state = {
5708 currentSrc: props.src,
5709 defaultPaddingTop: 0
5710 };
5711 return _this;
5712 }
5713
5714 _createClass(BackgroundImage, [{
5715 key: 'componentDidMount',
5716 value: function componentDidMount() {
5717 this.setResponsiveBackground();
5718 }
5719 }, {
5720 key: 'componentDidUpdate',
5721 value: function componentDidUpdate() {
5722 this.setResponsiveBackground();
5723 }
5724 }, {
5725 key: 'render',
5726 value: function render() {
5727 var _props = this.props,
5728 children = _props.children,
5729 props = _objectWithoutProperties$1(_props, ['children']);
5730
5731 var _state = this.state,
5732 currentSrc = _state.currentSrc,
5733 defaultPaddingTop = _state.defaultPaddingTop;
5734
5735 console.log('currentSrc', currentSrc);
5736 return React__default.createElement(
5737 StyledBackgroundImage,
5738 Object.assign({}, this.props, { src: currentSrc, defaultPaddingTop: defaultPaddingTop, __source: {
5739 fileName: _jsxFileName$o,
5740 lineNumber: 71
5741 },
5742 __self: this
5743 }),
5744 React__default.createElement(
5745 'div',
5746 {
5747 __source: {
5748 fileName: _jsxFileName$o,
5749 lineNumber: 72
5750 },
5751 __self: this
5752 },
5753 children
5754 )
5755 );
5756 }
5757 }]);
5758
5759 return BackgroundImage;
5760 }(React__default.Component);
5761
5762 BackgroundImage.propTypes = {
5763 src: PropTypes.string,
5764 sizes: PropTypes.object,
5765 srcSet: PropTypes.oneOfType([function (props, propName, componentName) {
5766 if (props[propName] && !props['sizes']) {
5767 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.');
5768 }
5769 }, PropTypes.object])
5770
5771 /** @component */
5772 };var backgroundImage = reactSizeme_1()(BackgroundImage);
5773
5774 function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
5775
5776 var Sizes = function Sizes(inSizes) {
5777 var _this = this;
5778
5779 _classCallCheck$1(this, Sizes);
5780
5781 this.toString = function () {
5782 var output = '';
5783 for (var breakpoint in _this.sizes) {
5784 var width = _this.sizes[breakpoint];
5785 if (breakpoint !== 'default') {
5786 output = '' + output + breakpoint + ' ' + width + ',\n';
5787 } else {
5788 output = output + ' ' + width;
5789 }
5790 }
5791 if (Object.keys(_this.sizes).includes('default')) {
5792 return output;
5793 } else {
5794 return output.slice(0, -2);
5795 }
5796 };
5797
5798 this.sizes = inSizes;
5799 };
5800
5801 function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
5802
5803 var SourceSet = function SourceSet(sources) {
5804 var _this = this;
5805
5806 _classCallCheck$2(this, SourceSet);
5807
5808 this.toString = function () {
5809 var output = "";
5810 for (var width in _this.sources) {
5811 output = "" + output + _this.sources[width] + " " + width + ",\n";
5812 }
5813 return output.slice(0, -2);
5814 };
5815
5816 this.sources = sources;
5817 };
5818
5819 var _jsxFileName$p = '/Users/mealeyst/projects/professional/mirage/src/core/image/inlineImage.js',
5820 _this$o = undefined;
5821
5822 function _objectWithoutProperties$2(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; }
5823
5824 var InlineImage = function InlineImage(_ref) {
5825 var alt = _ref.alt,
5826 src = _ref.src,
5827 inSizes = _ref.sizes,
5828 inSources = _ref.srcSet,
5829 props = _objectWithoutProperties$2(_ref, ['alt', 'src', 'sizes', 'srcSet']);
5830
5831 var srcSet = undefined;
5832 if (inSources) {
5833 srcSet = new SourceSet(inSources).toString();
5834 }
5835 var sizesStr = undefined;
5836 if (inSizes) {
5837 sizesStr = new Sizes(inSizes).toString();
5838 }
5839 return React__default.createElement('img', Object.assign({
5840 alt: alt,
5841 src: src,
5842 srcSet: srcSet,
5843 sizes: sizesStr
5844 }, props, {
5845 __source: {
5846 fileName: _jsxFileName$p,
5847 lineNumber: 17
5848 },
5849 __self: _this$o
5850 }));
5851 };
5852
5853 InlineImage.defaultProps = {
5854 alt: ''
5855 };
5856
5857 InlineImage.propTypes = {
5858 alt: PropTypes.string.isRequired,
5859 src: PropTypes.string.isRequired,
5860 sizes: PropTypes.object,
5861 srcSet: PropTypes.oneOfType([function (props, propName, componentName) {
5862 if (props[propName] && !props['sizes']) {
5863 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.');
5864 }
5865 }, PropTypes.object])
5866
5867 /** @component */
5868 };
5869
5870 var _templateObject$B = _taggedTemplateLiteral$B(['\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']);
5871
5872 function _taggedTemplateLiteral$B(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
5873
5874 var Caption = styled__default.span(_templateObject$B, function (props) {
5875 return props.center ? 'text-align: center;' : '';
5876 }, function (props) {
5877 return props.uppercase ? 'uppercase' : 'inherit';
5878 }, function (props) {
5879 return props.theme.colors.navy;
5880 }, function (props) {
5881 return props.theme.fonts.primaryFont;
5882 }, function (props) {
5883 return props.fontSize;
5884 });
5885
5886 Caption.propTypes = {
5887 theme: PropTypes.shape({
5888 fonts: PropTypes.shape({
5889 primaryFont: PropTypes.string
5890 }),
5891 colors: PropTypes.shape({
5892 navy: PropTypes.string
5893 })
5894 })
5895 };
5896
5897 Caption.defaultProps = {
5898 fontSize: '1.4rem'
5899
5900 /** @component */
5901 };
5902
5903 var _templateObject$C = _taggedTemplateLiteral$C(['\n margin: 0;\n\n ', '\n letter-spacing: .1rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height:1.0476190476190477;\n'], ['\n margin: 0;\n\n ', '\n letter-spacing: .1rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height:1.0476190476190477;\n']);
5904
5905 function _taggedTemplateLiteral$C(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
5906
5907 /**
5908 * Main title component
5909 */
5910 var H1 = styled__default.h1(_templateObject$C, function (props) {
5911 return props.center ? 'text-align: center;' : '';
5912 }, function (props) {
5913 return props.lowercase ? 'inherit' : 'uppercase';
5914 }, function (props) {
5915 return props.theme.colors.navy;
5916 }, function (props) {
5917 return props.theme.fonts.headerFont;
5918 }, function (props) {
5919 return props.fontSize;
5920 });
5921
5922 H1.propTypes = {
5923 children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
5924 theme: PropTypes.shape({
5925 fonts: PropTypes.shape({
5926 headerFont: PropTypes.string
5927 }),
5928 colors: PropTypes.shape({
5929 navy: PropTypes.string
5930 })
5931 }),
5932 lowercase: PropTypes.bool
5933 };
5934
5935 H1.defaultProps = {
5936 fontSize: '4.2rem'
5937
5938 /** @component */
5939 };
5940
5941 var _templateObject$D = _taggedTemplateLiteral$D(['\n margin: 0;\n\n ', '\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0625;\n'], ['\n margin: 0;\n\n ', '\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0625;\n']);
5942
5943 function _taggedTemplateLiteral$D(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
5944
5945 /** @component */
5946 var H2 = styled__default.h2(_templateObject$D, function (props) {
5947 return props.center ? 'text-align: center;' : '';
5948 }, function (props) {
5949 return props.lowercase ? 'inherit' : 'uppercase';
5950 }, function (props) {
5951 return props.theme.colors.navy;
5952 }, function (props) {
5953 return props.theme.fonts.headerFont;
5954 }, function (props) {
5955 return props.fontSize;
5956 });
5957 H2.propTypes = {
5958 center: PropTypes.bool,
5959 children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
5960 theme: PropTypes.shape({
5961 fonts: PropTypes.shape({
5962 headerFont: PropTypes.string
5963 }),
5964 colors: PropTypes.shape({
5965 navy: PropTypes.string
5966 })
5967 }),
5968 lowercase: PropTypes.bool
5969 };
5970
5971 H2.defaultProps = {
5972 fontSize: '3.2rem'
5973
5974 /** @component */
5975 };
5976
5977 var _templateObject$E = _taggedTemplateLiteral$E(['\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0833333333333333;\n'], ['\n letter-spacing: .05rem;\n text-transform: ', ';\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n line-height: 1.0833333333333333;\n']);
5978
5979 function _taggedTemplateLiteral$E(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
5980
5981 var H3 = styled__default.h3(_templateObject$E, function (props) {
5982 return props.lowercase ? 'inherit' : 'uppercase';
5983 }, function (props) {
5984 return props.theme.colors.navy;
5985 }, function (props) {
5986 return props.theme.fonts.headerFont;
5987 }, function (props) {
5988 return props.fontSize;
5989 });
5990
5991 H3.propTypes = {
5992 children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
5993 theme: PropTypes.shape({
5994 fonts: PropTypes.shape({
5995 headerFont: PropTypes.string
5996 }),
5997 colors: PropTypes.shape({
5998 navy: PropTypes.string
5999 })
6000 }),
6001 lowercase: PropTypes.bool
6002 };
6003
6004 H3.defaultProps = {
6005 fontSize: '2.4rem'
6006
6007 /** @component */
6008 };
6009
6010 var _templateObject$F = _taggedTemplateLiteral$F(['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n'], ['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n']);
6011
6012 function _taggedTemplateLiteral$F(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6013
6014 var H4 = styled__default.h4(_templateObject$F, function (props) {
6015 return props.theme.colors.navy;
6016 }, function (props) {
6017 return props.theme.fonts.primaryFont;
6018 }, function (props) {
6019 return props.fontSize;
6020 });
6021
6022 H4.propTypes = {
6023 children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
6024 theme: PropTypes.shape({
6025 fonts: PropTypes.shape({
6026 primaryFont: PropTypes.string
6027 }),
6028 colors: PropTypes.shape({
6029 navy: PropTypes.string
6030 })
6031 })
6032 };
6033
6034 H4.defaultProps = {
6035 fontSize: '1.8rem'
6036
6037 /** @component */
6038 };
6039
6040 var _templateObject$G = _taggedTemplateLiteral$G(['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n letter-spacing: .075rem;\n'], ['\n letter-spacing: 0.5px;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n letter-spacing: .075rem;\n']);
6041
6042 function _taggedTemplateLiteral$G(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6043
6044 var H5 = styled__default.h5(_templateObject$G, function (props) {
6045 return props.theme.colors.navy;
6046 }, function (props) {
6047 return props.theme.fonts.primaryFont;
6048 }, function (props) {
6049 return props.fontSize;
6050 });
6051
6052 H5.propTypes = {
6053 children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
6054 theme: PropTypes.shape({
6055 fonts: PropTypes.shape({
6056 primaryFont: PropTypes.string
6057 }),
6058 colors: PropTypes.shape({
6059 navy: PropTypes.string
6060 })
6061 })
6062 };
6063
6064 H5.defaultProps = {
6065 fontSize: '1.6rem'
6066
6067 /** @component */
6068 };
6069
6070 var _templateObject$H = _taggedTemplateLiteral$H(['\n letter-spacing: .075rem;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n'], ['\n letter-spacing: .075rem;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n font-weight: 500;\n font-style: italic;\n line-height: 1;\n']);
6071
6072 function _taggedTemplateLiteral$H(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6073
6074 var H6 = styled__default.h6(_templateObject$H, function (props) {
6075 return props.theme.colors.navy;
6076 }, function (props) {
6077 return props.theme.fonts.primaryFont;
6078 }, function (props) {
6079 return props.fontSize;
6080 });
6081
6082 H6.propTypes = {
6083 children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object]),
6084 theme: PropTypes.shape({
6085 fonts: PropTypes.shape({
6086 primaryFont: PropTypes.string
6087 }),
6088 colors: PropTypes.shape({
6089 navy: PropTypes.string
6090 })
6091 })
6092 };
6093
6094 H6.defaultProps = {
6095 fontSize: '1.4rem'
6096
6097 /** @component */
6098 };
6099
6100 var _jsxFileName$q = '/Users/mealeyst/projects/professional/mirage/src/core/typography/Label.js',
6101 _this$p = undefined;
6102
6103 var _templateObject$I = _taggedTemplateLiteral$I(['\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']),
6104 _templateObject2$9 = _taggedTemplateLiteral$I(['\n ', '\n\n color: ', '\n'], ['\n ', '\n\n color: ', '\n']);
6105
6106 function _taggedTemplateLiteral$I(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6107
6108 var styles = styled.css(_templateObject$I, function (props) {
6109 return props.alignRight ? 'right' : 'left';
6110 }, function (props) {
6111 return props.letterSpacing;
6112 }, function (props) {
6113 return props.lowercase ? 'inherit' : 'uppercase';
6114 }, function (props) {
6115 return props.theme.fonts.primaryFont;
6116 }, function (props) {
6117 return props.fontSize;
6118 }, function (props) {
6119 return props.fontWeight;
6120 });
6121
6122 var Label = styled__default.label(_templateObject2$9, styles, function (props) {
6123 return props.theme.colors.navy;
6124 });
6125
6126 var LowercaseLabel = function LowercaseLabel(_ref) {
6127 var className = _ref.className,
6128 children = _ref.children;
6129
6130 return React__default.createElement(
6131 Label,
6132 {
6133 className: className,
6134 fontSize: '2rem',
6135 letterSpacing: 'normal',
6136 fontWeight: 'normal',
6137 lowercase: true, __source: {
6138 fileName: _jsxFileName$q,
6139 lineNumber: 26
6140 },
6141 __self: _this$p
6142 },
6143 children
6144 );
6145 };
6146
6147 Label.propTypes = {
6148 children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
6149 theme: PropTypes.shape({
6150 fonts: PropTypes.shape({
6151 primaryFont: PropTypes.string
6152 }),
6153 colors: PropTypes.shape({
6154 navy: PropTypes.string
6155 })
6156 }),
6157 lowercase: PropTypes.bool
6158 };
6159
6160 Label.defaultProps = {
6161 letterSpacing: '.1rem',
6162 fontSize: '1.4rem',
6163 fontWeight: '500'
6164
6165 /** @component */
6166 };
6167
6168 var _templateObject$J = _taggedTemplateLiteral$J(['\n ', '\n ', '\n ', '\n white-space: pre;\n'], ['\n ', '\n ', '\n ', '\n white-space: pre;\n']);
6169
6170 function _taggedTemplateLiteral$J(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6171
6172 var MarkedText = styled__default.span(_templateObject$J, function (props) {
6173 return props.underline && 'text-decoration: underline;';
6174 }, function (props) {
6175 return props.bold && 'font-weight: bold;';
6176 }, function (props) {
6177 return props.italic && 'font-style: italic;';
6178 });
6179
6180 MarkedText.propTypes = {
6181 bold: PropTypes.bool,
6182 italic: PropTypes.bool,
6183 underline: PropTypes.bool
6184
6185 /** @component */
6186 };
6187
6188 var _templateObject$K = _taggedTemplateLiteral$K(['\n text-align: left;\n letter-spacing: normal;\n margin: 0;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n line-height: normal;\n'], ['\n text-align: left;\n letter-spacing: normal;\n margin: 0;\n\n color: ', ';\n\n font-family: ', ';\n font-size: ', ';\n line-height: normal;\n']);
6189
6190 function _taggedTemplateLiteral$K(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6191
6192 var P$1 = styled__default.p(_templateObject$K, function (props) {
6193 return props.theme.colors.navy;
6194 }, function (props) {
6195 return props.theme.fonts.primaryFont;
6196 }, function (props) {
6197 return props.fontSize;
6198 });
6199
6200 P$1.propTypes = {
6201 children: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),
6202 theme: PropTypes.shape({
6203 fonts: PropTypes.shape({
6204 primaryFont: PropTypes.string
6205 }),
6206 colors: PropTypes.shape({
6207 navy: PropTypes.string
6208 })
6209 })
6210 };
6211
6212 P$1.defaultProps = {
6213 fontSize: '1.6rem'
6214
6215 /** @component */
6216 };
6217
6218 var _templateObject$L = _taggedTemplateLiteral$L(['\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']);
6219
6220 function _taggedTemplateLiteral$L(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6221
6222 var Serif = styled__default.span(_templateObject$L, function (props) {
6223 return props.theme.colors.navy;
6224 }, function (props) {
6225 return props.theme.fonts.secondaryFont;
6226 }, function (props) {
6227 return props.fontSize;
6228 });
6229
6230 Serif.propTypes = {
6231 children: PropTypes.string,
6232 theme: PropTypes.shape({
6233 fonts: PropTypes.shape({
6234 secondaryFont: PropTypes.string
6235 }),
6236 colors: PropTypes.shape({
6237 navy: PropTypes.string
6238 })
6239 })
6240 };
6241
6242 Serif.defaultProps = {
6243 fontSize: '2.4rem'
6244
6245 /** @component */
6246 };
6247
6248 var _jsxFileName$r = '/Users/mealeyst/projects/professional/mirage/src/core/typography/Hr.base.js',
6249 _this$q = undefined;
6250
6251 var _templateObject$M = _taggedTemplateLiteral$M(['\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']);
6252
6253 function _taggedTemplateLiteral$M(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6254
6255 var UnstyledHr = function UnstyledHr(_ref) {
6256 var className = _ref.className;
6257
6258 return React__default.createElement('hr', { className: className, __source: {
6259 fileName: _jsxFileName$r,
6260 lineNumber: 7
6261 },
6262 __self: _this$q
6263 });
6264 };
6265
6266 var BaseHr = styled__default(UnstyledHr)(_templateObject$M, function (props) {
6267 return props.width;
6268 });
6269
6270 BaseHr.propTypes = {
6271 width: PropTypes.string.isRequired
6272 };
6273
6274 BaseHr.defaultProps = {
6275 width: '100%'
6276
6277 /** @component */
6278 };
6279
6280 var _templateObject$N = _taggedTemplateLiteral$N(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
6281
6282 function _taggedTemplateLiteral$N(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6283
6284 var BlueHr = styled__default(BaseHr)(_templateObject$N, function (props) {
6285 return props.theme.colors.rocketBlue;
6286 });
6287
6288 BlueHr.propTypes = {
6289 theme: PropTypes.shape({
6290 colors: PropTypes.shape({
6291 rocketBlue: PropTypes.string
6292 })
6293 })
6294
6295 /** @component */
6296 };
6297
6298 var _templateObject$O = _taggedTemplateLiteral$O(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
6299
6300 function _taggedTemplateLiteral$O(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6301
6302 var Hr = styled__default(BaseHr)(_templateObject$O, function (props) {
6303 return props.theme.colors.gray[4];
6304 });
6305
6306 Hr.propTypes = {
6307 theme: PropTypes.shape({
6308 colors: PropTypes.shape({
6309 gray: PropTypes.array
6310 })
6311 })
6312
6313 /** @component */
6314 };
6315
6316 var _templateObject$P = _taggedTemplateLiteral$P(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
6317
6318 function _taggedTemplateLiteral$P(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6319
6320 var NavyHr = styled__default(BaseHr)(_templateObject$P, function (props) {
6321 return props.theme.colors.navy;
6322 });
6323
6324 NavyHr.propTypes = {
6325 theme: PropTypes.shape({
6326 colors: PropTypes.shape({
6327 navy: PropTypes.string
6328 })
6329 })
6330
6331 /** @component */
6332 };
6333
6334 var _templateObject$Q = _taggedTemplateLiteral$Q(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']);
6335
6336 function _taggedTemplateLiteral$Q(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6337
6338 var WhiteHr = styled__default(BaseHr)(_templateObject$Q, function (props) {
6339 return props.theme.colors.white;
6340 });
6341
6342 WhiteHr.propTypes = {
6343 theme: PropTypes.shape({
6344 colors: PropTypes.shape({
6345 white: PropTypes.string
6346 })
6347 })
6348
6349 /** @component */
6350 };
6351
6352 var _templateObject$R = _taggedTemplateLiteral$R(['\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']);
6353
6354 function _taggedTemplateLiteral$R(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6355
6356 /** @component */
6357 styled__default.div(_templateObject$R, function (props) {
6358 return colors$1[props.color];
6359 });
6360
6361 var brandColors = {
6362 rocketBlue: '#0073D1',
6363 rocketBlueHover: '#0073EB',
6364 navy: '#00003C',
6365 yellow: '#F0FF02',
6366 yellowHover: '#D8E320',
6367 lightBlue0: '#EEFCFF',
6368 lightBlue1: '#BCE1F7',
6369 lightBlue2: '#76C2F3',
6370 lightBlue: ['#EEFCFF', '#BCE1F7', '#76C2F3'],
6371 electricBlue: '#080CF1',
6372 lightPink: '#FBDDE4',
6373 pink: '#FEACBE',
6374 white: '#FFFFFF'
6375 };
6376
6377 var supportingColors = {
6378 black: '#000000',
6379 gray0: '#F3F3F3',
6380 gray1: '#F5F5F5',
6381 gray2: '#F8F8F8',
6382 gray3: '#E6E6E6',
6383 gray4: '#D5D5D5',
6384 gray5: '#CFCFCF',
6385 gray: ['#F3F3F3', '#F5F5F5', '#F8F8F8', '#E6E6E6', '#D5D5D5', '#CFCFCF'],
6386 red: '#FF511C',
6387 loading: '#BFBFBF'
6388 };
6389
6390 var colors$1 = Object.assign({}, brandColors, supportingColors);
6391
6392 var _templateObject$S = _taggedTemplateLiteral$S(['\n @media (min-width: ', 'em) {\n ', '\n }\n '], ['\n @media (min-width: ', 'em) {\n ', '\n }\n ']);
6393
6394 function _taggedTemplateLiteral$S(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6395
6396 var sizes = {
6397 phone: 320,
6398 phoneMax: 414,
6399 tablet: 768,
6400 tabletMax: 960,
6401 laptop: 1280,
6402 desktop: 1440
6403 };
6404
6405 var breakpoints = {
6406 landscape: '(orientation: landscape)',
6407 portrait: '(orientation: portrait)'
6408 };
6409
6410 Object.keys(sizes).forEach(function (label) {
6411 breakpoints['below' + label.charAt(0).toUpperCase() + label.substr(1)] = '(max-device-width: ' + sizes[label] + 'px)';
6412 breakpoints['above' + label.charAt(0).toUpperCase() + label.substr(1)] = '(min-device-width: ' + sizes[label] + 'px)';
6413 });
6414
6415 var media = Object.keys(sizes).reduce(function (accumulator, label) {
6416 // use em in breakpoints to work properly cross-browser and support users
6417 // changing their browsers font-size: https://zellwk.com/blog/media-query-units/
6418 var remSize = sizes[label] / 10;
6419 accumulator[label] = function () {
6420 return styled.css(_templateObject$S, remSize, styled.css.apply(undefined, arguments));
6421 };
6422 return accumulator;
6423 }, {});
6424
6425 var _templateObject$T = _taggedTemplateLiteral$T(['\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n\n src: url(\'https://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-CondMedium.otf\');\n}\n'], ['\n@font-face {\n font-family: \'ff-din-web\';\n font-weight: 400;\n\n src: url(\'https://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/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://res.cloudinary.com/roa-canon/raw/upload/v1481917384/web/fonts/DINOT-CondMedium.otf\');\n}\n']);
6426
6427 function _taggedTemplateLiteral$T(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6428
6429 /**
6430 * Global Fonts
6431 **/
6432 styled.injectGlobal(_templateObject$T);
6433
6434 var fontFamilies = {
6435 dinCondensed: '"din-cond", "din-condensed-web", Arial, sans-serif',
6436 dinRegular: '"ff-din-web", Helvetica, Arial, sans-serif',
6437 caslon: '"adobe-caslon-pro", Helvetica, Arial, serif'
6438 };
6439
6440 var fontFamilies$1 = {
6441 headerFont: fontFamilies.dinCondensed,
6442 primaryFont: fontFamilies.dinRegular,
6443 secondaryFont: fontFamilies.caslon
6444 };
6445
6446 var gridSettings = {
6447 columns: {
6448 mobile: 4,
6449 tablet: 12,
6450 desktop: 12
6451 },
6452 margins: {
6453 mobile: '3%',
6454 tablet: '7%',
6455 desktop: '7%'
6456 },
6457 gutter: 2
6458 };
6459
6460 var _templateObject$U = _taggedTemplateLiteral$U(['\n html {\n font-size: 10px;\n }\n'], ['\n html {\n font-size: 10px;\n }\n']);
6461
6462 function _taggedTemplateLiteral$U(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6463
6464 var base = styled.injectGlobal(_templateObject$U);
6465
6466 var theme = {
6467 breakpoints: breakpoints,
6468 colors: colors$1,
6469 fonts: fontFamilies$1,
6470 grid: gridSettings,
6471 fixedPosition: 'relative',
6472 media: media,
6473 base: base
6474 };
6475
6476 var _jsxFileName$s = '/Users/mealeyst/projects/professional/mirage/src/core/theme/index.js';
6477
6478 var _createClass$1 = 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; }; }();
6479
6480 function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
6481
6482 function _possibleConstructorReturn$1(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; }
6483
6484 function _inherits$1(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; }
6485
6486 var ROATheme = function (_Component) {
6487 _inherits$1(ROATheme, _Component);
6488
6489 function ROATheme() {
6490 _classCallCheck$3(this, ROATheme);
6491
6492 return _possibleConstructorReturn$1(this, (ROATheme.__proto__ || Object.getPrototypeOf(ROATheme)).apply(this, arguments));
6493 }
6494
6495 _createClass$1(ROATheme, [{
6496 key: 'render',
6497 value: function render() {
6498 return React__default.createElement(
6499 styled.ThemeProvider,
6500 Object.assign({ theme: theme }, this.props, {
6501 __source: {
6502 fileName: _jsxFileName$s,
6503 lineNumber: 9
6504 },
6505 __self: this
6506 }),
6507 this.props.children
6508 );
6509 }
6510 }]);
6511
6512 return ROATheme;
6513 }(React.Component);
6514
6515
6516 ROATheme.propTypes = {
6517 children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]).isRequired
6518 };
6519
6520 var _jsxFileName$t = '/Users/mealeyst/projects/professional/mirage/src/core/video/sources.base.js';
6521
6522 function _classCallCheck$4(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
6523
6524 var Sources = function Sources(inSources) {
6525 var _this = this;
6526
6527 _classCallCheck$4(this, Sources);
6528
6529 this.createSourceElement = function (source) {
6530 var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
6531
6532 if (typeof source === 'string') {
6533 var acceptedFormats = ['webm', 'ogv', 'mp4', 'flv'];
6534 var test = /\.([0-9a-z]{1,5})$/;
6535 var result = test.exec(source);
6536 var format = result[1];
6537 if (!acceptedFormats.includes(format)) {
6538 console.warn('An invalid file extension was provided for ' + source);
6539 }
6540 if (format === 'ogv') {
6541 format = 'ogg';
6542 }
6543 return React__default.createElement('source', { src: source, type: 'video/' + format, key: key, __source: {
6544 fileName: _jsxFileName$t,
6545 lineNumber: 20
6546 },
6547 __self: _this
6548 });
6549 } else {
6550 console.warn('A string was not provided as a source for ' + source);
6551 }
6552 };
6553
6554 this.render = function () {
6555 var output = [];
6556 if (Array.isArray(_this.sources)) {
6557 output = _this.sources.map(function (source, index) {
6558 return _this.createSourceElement(source, index);
6559 });
6560 } else {
6561 output = [_this.createSourceElement(_this.sources)];
6562 }
6563 return output;
6564 };
6565
6566 this.sources = inSources;
6567 };
6568
6569 var _jsxFileName$u = '/Users/mealeyst/projects/professional/mirage/src/core/video/video.js',
6570 _this$r = undefined;
6571
6572 function _objectWithoutProperties$3(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; }
6573
6574 var Video = function Video(_ref) {
6575 var children = _ref.children,
6576 inSources = _ref.sources,
6577 props = _objectWithoutProperties$3(_ref, ['children', 'sources']);
6578
6579 var sources = [];
6580 if (inSources) {
6581 sources = new Sources(inSources).render();
6582 }
6583 return React__default.createElement(
6584 'video',
6585 Object.assign({}, props, {
6586 __source: {
6587 fileName: _jsxFileName$u,
6588 lineNumber: 11
6589 },
6590 __self: _this$r
6591 }),
6592 sources.map(function (source, key) {
6593 return source;
6594 }),
6595 children && children
6596 );
6597 };
6598
6599 Video.propTypes = {
6600 sources: PropTypes.oneOfType([PropTypes.string, PropTypes.array])
6601 };
6602
6603 Video.defaultProps = {
6604 autoPlay: true,
6605 loop: true,
6606 muted: true
6607
6608 /** @component */
6609 };
6610
6611 var _jsxFileName$v = '/Users/mealeyst/projects/professional/mirage/src/components/address/DefaultAddress.js',
6612 _this$s = undefined;
6613
6614 var _templateObject$V = _taggedTemplateLiteral$V(['\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']),
6615 _templateObject2$a = _taggedTemplateLiteral$V(['\n padding-right: 5rem;\n '], ['\n padding-right: 5rem;\n ']);
6616
6617 function _taggedTemplateLiteral$V(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6618
6619 var BaseDefaultAddress = function BaseDefaultAddress(_ref) {
6620 var _ref$address = _ref.address,
6621 first_name = _ref$address.first_name,
6622 last_name = _ref$address.last_name,
6623 address1 = _ref$address.address1,
6624 address2 = _ref$address.address2,
6625 city = _ref$address.city,
6626 state = _ref$address.state,
6627 zipcode = _ref$address.zipcode,
6628 className = _ref.className;
6629
6630 return React__default.createElement(
6631 'section',
6632 { className: className, __source: {
6633 fileName: _jsxFileName$v,
6634 lineNumber: 20
6635 },
6636 __self: _this$s
6637 },
6638 React__default.createElement(
6639 LowercaseLabel,
6640 {
6641 __source: {
6642 fileName: _jsxFileName$v,
6643 lineNumber: 21
6644 },
6645 __self: _this$s
6646 },
6647 first_name,
6648 ' ',
6649 last_name
6650 ),
6651 React__default.createElement(
6652 LowercaseLabel,
6653 {
6654 __source: {
6655 fileName: _jsxFileName$v,
6656 lineNumber: 22
6657 },
6658 __self: _this$s
6659 },
6660 address1
6661 ),
6662 address2 && React__default.createElement(
6663 LowercaseLabel,
6664 {
6665 __source: {
6666 fileName: _jsxFileName$v,
6667 lineNumber: 23
6668 },
6669 __self: _this$s
6670 },
6671 address2
6672 ),
6673 React__default.createElement(
6674 LowercaseLabel,
6675 {
6676 __source: {
6677 fileName: _jsxFileName$v,
6678 lineNumber: 24
6679 },
6680 __self: _this$s
6681 },
6682 city,
6683 ', ',
6684 state,
6685 ' ',
6686 zipcode
6687 )
6688 );
6689 };
6690
6691 var DefaultAddress = styled__default(BaseDefaultAddress)(_templateObject$V, Label, function (props) {
6692 return props.theme.media.tablet(_templateObject2$a);
6693 });
6694 DefaultAddress.propTypes = {
6695 address: PropTypes.shape({
6696 first_name: PropTypes.string.isRequired,
6697 last_name: PropTypes.string.isRequired,
6698 address1: PropTypes.string.isRequired,
6699 address2: PropTypes.string,
6700 city: PropTypes.string.isRequired,
6701 state: PropTypes.string.isRequired,
6702 zipcode: PropTypes.string.isRequired
6703 })
6704
6705 /** @component */
6706 };
6707
6708 var _jsxFileName$w = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Buttons/Button/Button.base.js',
6709 _this$t = undefined;
6710
6711 var _templateObject$W = _taggedTemplateLiteral$W(['\n width: ', ';\n'], ['\n width: ', ';\n']),
6712 _templateObject2$b = _taggedTemplateLiteral$W(['\n cursor: pointer;\n > * {\n cursor: pointer;\n }\n'], ['\n cursor: pointer;\n > * {\n cursor: pointer;\n }\n']),
6713 _templateObject3$7 = _taggedTemplateLiteral$W(['\n cursor: wait;\n > * {\n cursor: wait;\n }\n'], ['\n cursor: wait;\n > * {\n cursor: wait;\n }\n']),
6714 _templateObject4$2 = _taggedTemplateLiteral$W(['\n cursor: not-allowed;\n > * {\n cursor: not-allowed;\n }\n'], ['\n cursor: not-allowed;\n > * {\n cursor: not-allowed;\n }\n']),
6715 _templateObject5$1 = _taggedTemplateLiteral$W(['\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n']),
6716 _templateObject6$1 = _taggedTemplateLiteral$W(['\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']);
6717
6718 function _taggedTemplateLiteral$W(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6719
6720 function _objectWithoutProperties$4(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; }
6721
6722 var CustomButton = function CustomButton(_ref) {
6723 var Checkmark = _ref.checkmark,
6724 children = _ref.children,
6725 loading = _ref.loading,
6726 selected = _ref.selected,
6727 showCheckmark = _ref.showCheckmark,
6728 Spinner = _ref.spinner,
6729 props = _objectWithoutProperties$4(_ref, ['checkmark', 'children', 'loading', 'selected', 'showCheckmark', 'spinner']);
6730
6731 delete props.width;
6732 delete props.sentanceCase;
6733 return React__default.createElement(
6734 'button',
6735 Object.assign({}, props, {
6736 __source: {
6737 fileName: _jsxFileName$w,
6738 lineNumber: 17
6739 },
6740 __self: _this$t
6741 }),
6742 React__default.createElement(
6743 'span',
6744 {
6745 __source: {
6746 fileName: _jsxFileName$w,
6747 lineNumber: 18
6748 },
6749 __self: _this$t
6750 },
6751 selected && showCheckmark && Checkmark && React__default.createElement(Checkmark, {
6752 __source: {
6753 fileName: _jsxFileName$w,
6754 lineNumber: 19
6755 },
6756 __self: _this$t
6757 }),
6758 !loading && children,
6759 loading && React__default.createElement(Spinner, { size: '4rem', __source: {
6760 fileName: _jsxFileName$w,
6761 lineNumber: 21
6762 },
6763 __self: _this$t
6764 })
6765 )
6766 );
6767 };
6768
6769 var setWidth = styled.css(_templateObject$W, function (props) {
6770 return props.width;
6771 });
6772
6773 var pointerCursor = styled.css(_templateObject2$b);
6774
6775 var waitCursor = styled.css(_templateObject3$7);
6776
6777 var notAllowedCursor = styled.css(_templateObject4$2);
6778
6779 var setCursor = styled.css(_templateObject5$1, function (props) {
6780 return !props.loading && !props.disabled && pointerCursor;
6781 }, function (props) {
6782 return props.loading && waitCursor;
6783 }, function (props) {
6784 return props.disabled && notAllowedCursor;
6785 });
6786
6787 var BaseButton = styled__default(CustomButton)(_templateObject6$1, function (props) {
6788 return props.width && setWidth;
6789 }, function (props) {
6790 return props.sentanceCase ? 'text-transform: inherit;' : 'text-transform: uppercase;';
6791 }, function (props) {
6792 return props.theme.fonts.primaryFont;
6793 }, function (props) {
6794 return props.spinner;
6795 }, function (props) {
6796 return setCursor;
6797 });
6798
6799 var buttonPropCheck = function buttonPropCheck(props, propName, componentName) {
6800 if (props.disabled && props.loading) {
6801 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.');
6802 }
6803 return null;
6804 };
6805
6806 BaseButton.propTypes = {
6807 buttonPropCheck: buttonPropCheck,
6808 checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6809 sentanceCase: PropTypes.bool,
6810 spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6811 width: PropTypes.string
6812 };
6813
6814 var _templateObject$X = _taggedTemplateLiteral$X(['\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']),
6815 _templateObject2$c = _taggedTemplateLiteral$X(['\n color: ', ';\n border-color: ', ';\n'], ['\n color: ', ';\n border-color: ', ';\n']),
6816 _templateObject3$8 = _taggedTemplateLiteral$X(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
6817 _templateObject4$3 = _taggedTemplateLiteral$X(['\n background-color: rgba(255, 255, 255, 0);\n ', '\n'], ['\n background-color: rgba(255, 255, 255, 0);\n ', '\n']);
6818
6819 function _taggedTemplateLiteral$X(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6820
6821 var defaultStyle = styled.css(_templateObject$X, function (props) {
6822 return props.theme.colors.rocketBlue;
6823 }, function (props) {
6824 return props.theme.colors.rocketBlue;
6825 }, function (props) {
6826 return props.theme.colors.rocketBlueHover;
6827 }, function (props) {
6828 return props.theme.colors.rocketBlueHover;
6829 });
6830 var disabledOrLoading = styled.css(_templateObject2$c, function (props) {
6831 return props.theme.colors.loading;
6832 }, function (props) {
6833 return props.theme.colors.loading;
6834 });
6835 var selected = styled.css(_templateObject2$c, function (props) {
6836 return props.theme.colors.navy;
6837 }, function (props) {
6838 return props.theme.colors.navy;
6839 });
6840
6841 var colorButton = styled.css(_templateObject3$8, function (props) {
6842 return !props.selected && !props.disabled && !props.loading && defaultStyle;
6843 }, function (props) {
6844 return props.selected && selected;
6845 }, function (props) {
6846 return props.disabled && disabledOrLoading;
6847 }, function (props) {
6848 return props.loading && disabledOrLoading;
6849 });
6850
6851 var BlueBorderButton = styled__default(BaseButton)(_templateObject4$3, function (props) {
6852 return colorButton;
6853 });
6854
6855 BlueBorderButton.propTypes = {
6856 checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6857 spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6858 theme: PropTypes.shape({
6859 colors: PropTypes.shape({
6860 white: PropTypes.string
6861 })
6862 })
6863 };
6864
6865 BlueBorderButton.defaultProps = {
6866 checkmark: NavyCheckmark,
6867 spinner: GraySpinner
6868
6869 /** @component */
6870 };
6871
6872 var _templateObject$Y = _taggedTemplateLiteral$Y(['\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n'], ['\n background-color: ', ';\n &:hover {\n background-color: ', ';\n }\n']),
6873 _templateObject2$d = _taggedTemplateLiteral$Y(['\n background-color: ', ';\n'], ['\n background-color: ', ';\n']),
6874 _templateObject3$9 = _taggedTemplateLiteral$Y(['\n background-color: ', '\n'], ['\n background-color: ', '\n']),
6875 _templateObject4$4 = _taggedTemplateLiteral$Y(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
6876 _templateObject5$2 = _taggedTemplateLiteral$Y(['\n color: ', ';\n border-color: transparent;\n\n ', '\n'], ['\n color: ', ';\n border-color: transparent;\n\n ', '\n']);
6877
6878 function _taggedTemplateLiteral$Y(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6879
6880 var defaultStyle$1 = styled.css(_templateObject$Y, function (props) {
6881 return props.theme.colors.rocketBlue;
6882 }, function (props) {
6883 return props.theme.colors.rocketBlueHover;
6884 });
6885 var disabledOrLoading$1 = styled.css(_templateObject2$d, function (props) {
6886 return props.theme.colors.loading;
6887 });
6888 var selected$1 = styled.css(_templateObject3$9, function (props) {
6889 return props.theme.colors.navy;
6890 });
6891
6892 var backgroundColor = styled.css(_templateObject4$4, function (props) {
6893 return !props.selected && !props.disabled && !props.loading && defaultStyle$1;
6894 }, function (props) {
6895 return props.selected && selected$1;
6896 }, function (props) {
6897 return props.disabled && disabledOrLoading$1;
6898 }, function (props) {
6899 return props.loading && disabledOrLoading$1;
6900 });
6901
6902 var Button = styled__default(BaseButton)(_templateObject5$2, function (props) {
6903 return props.theme.colors.white;
6904 }, function (props) {
6905 return backgroundColor;
6906 });
6907
6908 Button.propTypes = {
6909 checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6910 spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6911 theme: PropTypes.shape({
6912 colors: PropTypes.shape({
6913 rocketBlue: PropTypes.string,
6914 white: PropTypes.string
6915 })
6916 })
6917 };
6918
6919 Button.defaultProps = {
6920 checkmark: WhiteCheckmark,
6921 spinner: WhiteSpinner
6922
6923 /** @component */
6924 };
6925
6926 var _templateObject$Z = _taggedTemplateLiteral$Z(['\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']),
6927 _templateObject2$e = _taggedTemplateLiteral$Z(['\n color: ', ';\n border-color: ', ';\n'], ['\n color: ', ';\n border-color: ', ';\n']),
6928 _templateObject3$a = _taggedTemplateLiteral$Z(['\n ', '\n ', '\n ', '\n ', '\n'], ['\n ', '\n ', '\n ', '\n ', '\n']),
6929 _templateObject4$5 = _taggedTemplateLiteral$Z(['\n background-color: rgba(255, 255, 255, 0);\n ', '\n'], ['\n background-color: rgba(255, 255, 255, 0);\n ', '\n']);
6930
6931 function _taggedTemplateLiteral$Z(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6932
6933 var defaultStyle$2 = styled.css(_templateObject$Z, function (props) {
6934 return props.theme.colors.white;
6935 }, function (props) {
6936 return props.theme.colors.white;
6937 });
6938
6939 var disabledOrLoading$2 = styled.css(_templateObject2$e, function (props) {
6940 return props.theme.colors.loading;
6941 }, function (props) {
6942 return props.theme.colors.loading;
6943 });
6944
6945 var selected$2 = styled.css(_templateObject2$e, function (props) {
6946 return props.theme.colors.navy;
6947 }, function (props) {
6948 return props.theme.colors.navy;
6949 });
6950
6951 var colorButton$1 = styled.css(_templateObject3$a, function (props) {
6952 return !props.selected && !props.disabled && !props.loading && defaultStyle$2;
6953 }, function (props) {
6954 return props.selected && selected$2;
6955 }, function (props) {
6956 return props.disabled && disabledOrLoading$2;
6957 }, function (props) {
6958 return props.loading && disabledOrLoading$2;
6959 });
6960
6961 var WhiteBorderButton = styled__default(BaseButton)(_templateObject4$5, function (props) {
6962 return colorButton$1;
6963 });
6964
6965 WhiteBorderButton.propTypes = {
6966 checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6967 spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6968 theme: PropTypes.shape({
6969 colors: PropTypes.shape({
6970 white: PropTypes.string
6971 })
6972 })
6973 };
6974
6975 WhiteBorderButton.defaultProps = {
6976 checkmark: NavyCheckmark,
6977 spinner: GraySpinner
6978
6979 /** @component */
6980 };
6981
6982 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']);
6983
6984 function _taggedTemplateLiteral$_(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
6985
6986 var YellowButton = styled__default(BaseButton)(_templateObject$_, function (props) {
6987 return props.theme.colors.navy;
6988 }, function (props) {
6989 return props.theme.colors.yellow;
6990 }, function (props) {
6991 return props.theme.colors.yellowHover;
6992 });
6993
6994 YellowButton.propTypes = {
6995 checkmark: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6996 spinner: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,
6997 theme: PropTypes.shape({
6998 colors: PropTypes.shape({
6999 navy: PropTypes.string,
7000 yellow: PropTypes.string
7001 })
7002 })
7003 };
7004
7005 YellowButton.defaultProps = {
7006 checkmark: NavyCheckmark,
7007 spinner: NavySpinner
7008
7009 /** @component */
7010 };
7011
7012 var _jsxFileName$x = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Buttons/ImageButton/ImageButton.base.js',
7013 _this$u = undefined;
7014
7015 var _templateObject$10 = _taggedTemplateLiteral$10(['\n ', ';\n'], ['\n ', ';\n']),
7016 _templateObject2$f = _taggedTemplateLiteral$10(['\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']);
7017
7018 function _taggedTemplateLiteral$10(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7019
7020 function _objectWithoutProperties$5(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; }
7021
7022 var CustomButton$1 = function CustomButton(_ref) {
7023 var arrow = _ref.arrow,
7024 className = _ref.className,
7025 children = _ref.children,
7026 props = _objectWithoutProperties$5(_ref, ['arrow', 'className', 'children']);
7027
7028 return React__default.createElement(
7029 'div',
7030 { className: className, __source: {
7031 fileName: _jsxFileName$x,
7032 lineNumber: 7
7033 },
7034 __self: _this$u
7035 },
7036 React__default.createElement(
7037 'button',
7038 Object.assign({}, props, {
7039 __source: {
7040 fileName: _jsxFileName$x,
7041 lineNumber: 8
7042 },
7043 __self: _this$u
7044 }),
7045 children,
7046 arrow && React__default.createElement(
7047 'span',
7048 { className: 'arrow', __source: {
7049 fileName: _jsxFileName$x,
7050 lineNumber: 10
7051 },
7052 __self: _this$u
7053 },
7054 '\u2192'
7055 )
7056 ),
7057 React__default.createElement('span', { className: 'borderBottom', __source: {
7058 fileName: _jsxFileName$x,
7059 lineNumber: 12
7060 },
7061 __self: _this$u
7062 })
7063 );
7064 };
7065
7066 var setWidth$1 = styled.css(_templateObject$10, function (props) {
7067 return 'width: ' + props.width;
7068 });
7069
7070 var BaseImageButton = styled__default(CustomButton$1)(_templateObject2$f, function (props) {
7071 return setWidth$1;
7072 }, function (props) {
7073 return setWidth$1;
7074 }, function (props) {
7075 return props.sentanceCase ? 'text-transform: inherit;' : 'text-transform: uppercase;';
7076 }, function (props) {
7077 return props.theme.fonts.primaryFont;
7078 });
7079
7080 BaseImageButton.propTypes = {
7081 arrow: PropTypes.bool,
7082 sentanceCase: PropTypes.bool,
7083 width: PropTypes.string
7084 };
7085
7086 BaseImageButton.defaultProps = {
7087 width: '35rem'
7088
7089 /** @component */
7090 };
7091
7092 var _templateObject$11 = _taggedTemplateLiteral$11(['\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']);
7093
7094 function _taggedTemplateLiteral$11(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7095
7096 var ImageButtonWhite = styled__default(BaseImageButton)(_templateObject$11, function (props) {
7097 return props.theme.colors.white;
7098 }, function (props) {
7099 return props.theme.colors.rocketBlue;
7100 }, function (props) {
7101 return props.theme.colors.rocketBlue;
7102 });
7103
7104 ImageButtonWhite.propTypes = {
7105 theme: PropTypes.shape({
7106 colors: PropTypes.shape({
7107 rocketBlue: PropTypes.string,
7108 white: PropTypes.string
7109 })
7110 })
7111
7112 /** @component */
7113 };
7114
7115 var _templateObject$12 = _taggedTemplateLiteral$12(['\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']);
7116
7117 function _taggedTemplateLiteral$12(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7118
7119 var ImageButtonBlue = styled__default(BaseImageButton)(_templateObject$12, function (props) {
7120 return props.theme.colors.rocketBlue;
7121 }, function (props) {
7122 return props.theme.colors.white;
7123 }, function (props) {
7124 return props.theme.colors.white;
7125 });
7126
7127 ImageButtonBlue.propTypes = {
7128 theme: PropTypes.shape({
7129 colors: PropTypes.shape({
7130 rocketBlue: PropTypes.string,
7131 white: PropTypes.string
7132 })
7133 })
7134
7135 /** @component */
7136 };
7137
7138 var _templateObject$13 = _taggedTemplateLiteral$13(['\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']);
7139
7140 function _taggedTemplateLiteral$13(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7141
7142 var ImageButtonBlack = styled__default(BaseImageButton)(_templateObject$13, function (props) {
7143 return props.theme.colors.black;
7144 }, function (props) {
7145 return props.theme.colors.white;
7146 }, function (props) {
7147 return props.theme.colors.yellow;
7148 });
7149
7150 ImageButtonBlack.propTypes = {
7151 theme: PropTypes.shape({
7152 colors: PropTypes.shape({
7153 black: PropTypes.string,
7154 yellow: PropTypes.string,
7155 white: PropTypes.string
7156 })
7157 })
7158
7159 /** @component */
7160 };
7161
7162 var _jsxFileName$y = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Checkbox/Check.base.js',
7163 _this$v = undefined;
7164
7165 var _templateObject$14 = _taggedTemplateLiteral$14(['\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']),
7166 _templateObject2$g = _taggedTemplateLiteral$14(['\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']),
7167 _templateObject3$b = _taggedTemplateLiteral$14(['\n ', '\n fill: none;\n stroke-width: 20;\n stroke-linecap: round;\n stroke: ', ';\n'], ['\n ', '\n fill: none;\n stroke-width: 20;\n stroke-linecap: round;\n stroke: ', ';\n']);
7168
7169 function _taggedTemplateLiteral$14(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7170
7171 var BaseCheck = function BaseCheck(_ref) {
7172 var className = _ref.className;
7173
7174 return React__default.createElement('polyline', { className: className, points: '38.75 98.75 77.75 134.75 151.25 55.25', __source: {
7175 fileName: _jsxFileName$y,
7176 lineNumber: 7
7177 },
7178 __self: _this$v
7179 });
7180 };
7181
7182 var dash = styled.keyframes(_templateObject$14);
7183
7184 var checked = styled.css(_templateObject2$g, dash, function (props) {
7185 return props.theme.colors.white;
7186 });
7187
7188 var Check = styled__default(BaseCheck)(_templateObject3$b, function (props) {
7189 return props.checked && checked;
7190 }, function (props) {
7191 return props.theme.colors.white;
7192 });
7193
7194 Check.propTypes = {
7195 theme: PropTypes.shape({
7196 colors: PropTypes.shape({
7197 white: PropTypes.string
7198 })
7199 })
7200 };
7201
7202 var _jsxFileName$z = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Checkbox/Rect.base.js',
7203 _this$w = undefined;
7204
7205 var _templateObject$15 = _taggedTemplateLiteral$15(['\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']),
7206 _templateObject2$h = _taggedTemplateLiteral$15(['\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']),
7207 _templateObject3$c = _taggedTemplateLiteral$15(['\n animation: ', ' 0.25s linear forwards;\n\n fill: stroke: ', ';\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n fill: stroke: ', ';\n']),
7208 _templateObject4$6 = _taggedTemplateLiteral$15(['\n animation: ', ' 0.25s linear forwards;\n\n stroke: transparent;\n stroke-width: 10;\n stroke-linecap: round;\n stroke-dashoffset: 200;\n fill: none;\n'], ['\n animation: ', ' 0.25s linear forwards;\n\n stroke: transparent;\n stroke-width: 10;\n stroke-linecap: round;\n stroke-dashoffset: 200;\n fill: none;\n']),
7209 _templateObject5$3 = _taggedTemplateLiteral$15(['\n ', '\n\n stroke: ', ';\n stroke-width: 20;\n stroke-linecap: round;\n'], ['\n ', '\n\n stroke: ', ';\n stroke-width: 20;\n stroke-linecap: round;\n']);
7210
7211 function _taggedTemplateLiteral$15(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7212
7213 var fillOut = styled.keyframes(_templateObject$15);
7214
7215 var fillIn = styled.keyframes(_templateObject2$h);
7216
7217 var checked$1 = styled.css(_templateObject3$c, fillIn, function (props) {
7218 return props.theme.colors.rocketBlue;
7219 });
7220
7221 var unchecked = styled.css(_templateObject4$6, fillOut);
7222
7223 var Rect = function Rect(_ref) {
7224 var className = _ref.className;
7225
7226 return React__default.createElement('rect', { className: className, x: '2.5', y: '2.5', width: '185', height: '185', rx: '10', ry: '10', __source: {
7227 fileName: _jsxFileName$z,
7228 lineNumber: 41
7229 },
7230 __self: _this$w
7231 });
7232 };
7233
7234 var StyledRect = styled__default(Rect)(_templateObject5$3, function (props) {
7235 return props.checked ? checked$1 : unchecked;
7236 }, function (props) {
7237 return props.theme.colors.rocketBlue;
7238 });
7239
7240 StyledRect.propTypes = {
7241 checked: PropTypes.bool,
7242 theme: PropTypes.shape({
7243 colors: PropTypes.shape({
7244 rocketBlue: PropTypes.string
7245 })
7246 })
7247 };
7248
7249 var _jsxFileName$A = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Checkbox/CheckboxSVG.base.js',
7250 _this$x = undefined;
7251
7252 var _templateObject$16 = _taggedTemplateLiteral$16(['\n width: 2.5rem;\n height: 2.5rem;\n margin-right: .9rem;\n'], ['\n width: 2.5rem;\n height: 2.5rem;\n margin-right: .9rem;\n']);
7253
7254 function _taggedTemplateLiteral$16(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7255
7256 function _objectWithoutProperties$6(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; }
7257
7258 var CheckboxSVG = function CheckboxSVG(_ref) {
7259 var className = _ref.className,
7260 props = _objectWithoutProperties$6(_ref, ['className']);
7261
7262 return React__default.createElement(
7263 'svg',
7264 { className: className, xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 190 190', __source: {
7265 fileName: _jsxFileName$A,
7266 lineNumber: 10
7267 },
7268 __self: _this$x
7269 },
7270 React__default.createElement(StyledRect, Object.assign({}, props, {
7271 __source: {
7272 fileName: _jsxFileName$A,
7273 lineNumber: 11
7274 },
7275 __self: _this$x
7276 })),
7277 React__default.createElement(Check, Object.assign({}, props, {
7278 __source: {
7279 fileName: _jsxFileName$A,
7280 lineNumber: 12
7281 },
7282 __self: _this$x
7283 }))
7284 );
7285 };
7286
7287 var StyledCheckboxSVG = styled__default(CheckboxSVG)(_templateObject$16);
7288
7289 StyledCheckboxSVG.propTypes = {
7290 checked: PropTypes.bool
7291 };
7292
7293 StyledCheckboxSVG.defaultProps = {
7294 checked: false
7295 };
7296
7297 var _jsxFileName$B = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/Checkbox/Checkbox.js';
7298
7299 var _createClass$2 = 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; }; }();
7300
7301 var _templateObject$17 = _taggedTemplateLiteral$17(['\n display: flex;\n align-items: center;\n font-size: 1.6rem;\n font-weight: 400;\n\n input {\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n\n input:focused + ', ' {\n stroke-width: 40;\n }\n'], ['\n display: flex;\n align-items: center;\n font-size: 1.6rem;\n font-weight: 400;\n\n input {\n width: 0;\n height: 0;\n\n opacity: 0;\n }\n\n input:focused + ', ' {\n stroke-width: 40;\n }\n']);
7302
7303 function _taggedTemplateLiteral$17(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7304
7305 function _objectWithoutProperties$7(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; }
7306
7307 function _classCallCheck$5(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
7308
7309 function _possibleConstructorReturn$2(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; }
7310
7311 function _inherits$2(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; }
7312
7313 var CheckboxBase = function (_React$Component) {
7314 _inherits$2(CheckboxBase, _React$Component);
7315
7316 function CheckboxBase() {
7317 _classCallCheck$5(this, CheckboxBase);
7318
7319 return _possibleConstructorReturn$2(this, (CheckboxBase.__proto__ || Object.getPrototypeOf(CheckboxBase)).apply(this, arguments));
7320 }
7321
7322 _createClass$2(CheckboxBase, [{
7323 key: 'render',
7324 value: function render() {
7325 var _props = this.props,
7326 className = _props.className,
7327 input = _props.input,
7328 label = _props.label,
7329 props = _objectWithoutProperties$7(_props, ['className', 'input', 'label']);
7330
7331 var checked = input.value;
7332 return React__default.createElement(
7333 Label,
7334 Object.assign({}, props, { lowercase: true, className: className, __source: {
7335 fileName: _jsxFileName$B,
7336 lineNumber: 14
7337 },
7338 __self: this
7339 }),
7340 React__default.createElement('input', Object.assign({
7341 type: 'checkbox'
7342 }, input, {
7343 checked: checked,
7344 __source: {
7345 fileName: _jsxFileName$B,
7346 lineNumber: 15
7347 },
7348 __self: this
7349 })),
7350 React__default.createElement(StyledCheckboxSVG, Object.assign({}, props, { checked: checked, __source: {
7351 fileName: _jsxFileName$B,
7352 lineNumber: 20
7353 },
7354 __self: this
7355 })),
7356 label
7357 );
7358 }
7359 }]);
7360
7361 return CheckboxBase;
7362 }(React__default.Component);
7363
7364 CheckboxBase.propTypes = {
7365 className: PropTypes.string,
7366 input: PropTypes.shape({
7367 value: PropTypes.bool
7368 }).isRequired,
7369 label: PropTypes.string
7370 };
7371
7372 CheckboxBase.defaultProps = {
7373 input: {
7374 value: false
7375 }
7376 };
7377
7378 var Checkbox = styled__default(CheckboxBase)(_templateObject$17, StyledRect);
7379
7380 Checkbox.propTypes = {
7381 className: PropTypes.string,
7382 input: PropTypes.object.isRequired,
7383 label: PropTypes.string,
7384 theme: PropTypes.shape({
7385 colors: PropTypes.shape({
7386 rocketBlue: PropTypes.string,
7387 white: PropTypes.string
7388 })
7389 })
7390
7391 /** @component */
7392 };
7393
7394 var _jsxFileName$C = '/Users/mealeyst/projects/professional/mirage/src/components/inputs/SizeRadio.js',
7395 _this$y = undefined;
7396
7397 var _templateObject$18 = _taggedTemplateLiteral$18(['\n color: ', ';\n border: 1px solid ', ';\n background-color: ', ';\n'], ['\n color: ', ';\n border: 1px solid ', ';\n background-color: ', ';\n']),
7398 _templateObject2$i = _taggedTemplateLiteral$18(['\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: 64px;\n height: 64px;\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: 16px;\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: 64px;\n height: 64px;\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: 16px;\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']);
7399
7400 function _taggedTemplateLiteral$18(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7401
7402 function _objectWithoutProperties$8(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; }
7403
7404 var BaseSizeRadio = function BaseSizeRadio(_ref) {
7405 var children = _ref.children,
7406 className = _ref.className,
7407 input = _ref.input,
7408 props = _objectWithoutProperties$8(_ref, ['children', 'className', 'input']);
7409
7410 return React__default.createElement(
7411 'div',
7412 { className: className, __source: {
7413 fileName: _jsxFileName$C,
7414 lineNumber: 7
7415 },
7416 __self: _this$y
7417 },
7418 React__default.createElement('input', Object.assign({ id: input.value, type: 'radio' }, input, {
7419 __source: {
7420 fileName: _jsxFileName$C,
7421 lineNumber: 8
7422 },
7423 __self: _this$y
7424 })),
7425 React__default.createElement(
7426 'label',
7427 { htmlFor: input.value, __source: {
7428 fileName: _jsxFileName$C,
7429 lineNumber: 9
7430 },
7431 __self: _this$y
7432 },
7433 children
7434 )
7435 );
7436 };
7437
7438 var checked$2 = styled.css(_templateObject$18, function (props) {
7439 return props.theme.colors.white;
7440 }, function (props) {
7441 return props.theme.colors.rocketBlue;
7442 }, function (props) {
7443 return props.theme.colors.rocketBlue;
7444 });
7445
7446 var SizeRadio = styled__default(BaseSizeRadio)(_templateObject2$i, function (props) {
7447 return props.theme.colors.navy;
7448 }, function (props) {
7449 return props.theme.colors.gray[5];
7450 }, function (props) {
7451 return props.theme.colors.gray[0];
7452 }, function (props) {
7453 return props.theme.fonts.primaryFont;
7454 }, function (props) {
7455 return checked$2;
7456 });
7457
7458 SizeRadio.propTypes = {
7459 children: PropTypes.string,
7460 input: PropTypes.object,
7461 theme: PropTypes.shape({
7462 fonts: PropTypes.shape({
7463 primaryFont: PropTypes.string.isRequired
7464 }),
7465 colors: PropTypes.shape({
7466 navy: PropTypes.string.isRequired,
7467 rocketBlue: PropTypes.string.isRequired,
7468 white: PropTypes.string.isRequired,
7469 gray: PropTypes.array.isRequired
7470 })
7471 })
7472
7473 /** @component */
7474 };
7475
7476 var _templateObject$19 = _taggedTemplateLiteral$19(['\ntransition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;\n\ntext-decoration: none;\ntext-transform: ', ';\n\nborder-bottom: 0.2rem solid;\nborder-bottom-color: transparent;\n\nfont-family: ', ';\nfont-size: 1.4rem;\nfont-weight: 500;\n&:hover {\n text-decoration: none;\n\n pointer: cursor;\n}\n'], ['\ntransition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;\n\ntext-decoration: none;\ntext-transform: ', ';\n\nborder-bottom: 0.2rem solid;\nborder-bottom-color: transparent;\n\nfont-family: ', ';\nfont-size: 1.4rem;\nfont-weight: 500;\n&:hover {\n text-decoration: none;\n\n pointer: cursor;\n}\n']),
7477 _templateObject2$j = _taggedTemplateLiteral$19(['\n ', '\n'], ['\n ', '\n']);
7478
7479 function _taggedTemplateLiteral$19(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7480
7481 var baseLinkStyles = styled.css(_templateObject$19, function (props) {
7482 return props.uppercase ? 'uppercase' : 'initial';
7483 }, function (props) {
7484 return props.theme.fonts.primaryFont;
7485 });
7486
7487 var BaseLink = styled__default.a(_templateObject2$j, function (props) {
7488 return baseLinkStyles;
7489 });
7490
7491 BaseLink.propTypes = {
7492 theme: PropTypes.shape({
7493 fonts: PropTypes.shape({
7494 primaryFont: PropTypes.string
7495 })
7496 }),
7497 uppercase: PropTypes.bool.isRequired
7498 };
7499
7500 BaseLink.defaultProps = {
7501 uppercase: false
7502
7503 /** @component */
7504 };
7505
7506 var _templateObject$1a = _taggedTemplateLiteral$1a(['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n']);
7507
7508 function _taggedTemplateLiteral$1a(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7509
7510 var Link = styled__default(BaseLink)(_templateObject$1a, function (props) {
7511 return props.theme.colors.rocketBlue;
7512 }, function (props) {
7513 return props.theme.colors.navy;
7514 }, function (props) {
7515 return props.underline ? 'border-bottom-color: ' + props.theme.colors.navy + ';' : '';
7516 });
7517
7518 Link.propTypes = {
7519 theme: PropTypes.shape({
7520 colors: PropTypes.shape({
7521 rocketBlue: PropTypes.string
7522 })
7523 }),
7524 underline: PropTypes.bool.isRequired
7525 };
7526
7527 Link.defaultProps = {
7528 underline: true
7529 /** @component */
7530 };
7531
7532 var _templateObject$1b = _taggedTemplateLiteral$1b(['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n']);
7533
7534 function _taggedTemplateLiteral$1b(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7535
7536 var NavyLink = styled__default(BaseLink)(_templateObject$1b, function (props) {
7537 return props.theme.colors.navy;
7538 }, function (props) {
7539 return props.theme.colors.navy;
7540 }, function (props) {
7541 return props.underline ? 'border-bottom-color: ' + props.theme.colors.navy + ';' : '';
7542 });
7543
7544 NavyLink.propTypes = {
7545 theme: PropTypes.shape({
7546 colors: PropTypes.shape({
7547 navy: PropTypes.string
7548 })
7549 }),
7550 underline: PropTypes.bool.isRequired
7551 };
7552
7553 NavyLink.defaultProps = {
7554 underline: true
7555
7556 /** @component */
7557 };
7558
7559 var _templateObject$1c = _taggedTemplateLiteral$1c(['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n'], ['\n color: ', ';\n &:active, &:focus, &:hover, &:visited {\n color: ', ';\n ', '\n }\n']);
7560
7561 function _taggedTemplateLiteral$1c(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7562
7563 var WhiteLink = styled__default(BaseLink)(_templateObject$1c, function (props) {
7564 return props.theme.colors.white;
7565 }, function (props) {
7566 return props.theme.colors.white;
7567 }, function (props) {
7568 return props.underline ? 'border-bottom-color: ' + props.theme.colors.white + ';' : '';
7569 });
7570
7571 WhiteLink.propTypes = {
7572 theme: PropTypes.shape({
7573 colors: PropTypes.shape({
7574 white: PropTypes.string
7575 })
7576 }),
7577 underline: PropTypes.bool.isRequired
7578 };
7579
7580 WhiteLink.defaultProps = {
7581 underline: true
7582
7583 /** @component */
7584 };
7585
7586 var _jsxFileName$D = '/Users/mealeyst/projects/professional/mirage/src/components/payment/DefaultPayment.js',
7587 _this$z = undefined;
7588
7589 var _templateObject$1d = _taggedTemplateLiteral$1d(['\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']),
7590 _templateObject2$k = _taggedTemplateLiteral$1d(['\n padding-right: 5rem;\n '], ['\n padding-right: 5rem;\n ']);
7591
7592 function _taggedTemplateLiteral$1d(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7593
7594 var prettyBrand = function prettyBrand(brand) {
7595 return '' + brand.charAt(0).toUpperCase() + brand.slice(1);
7596 };
7597 var cardData = function cardData(brand, last_4_digits) {
7598 return prettyBrand(brand) + ' ending in ****' + last_4_digits;
7599 };
7600
7601 var BaseDefaultPayment = function BaseDefaultPayment(_ref) {
7602 var _ref$card = _ref.card,
7603 brand = _ref$card.brand,
7604 exp_month = _ref$card.exp_month,
7605 exp_year = _ref$card.exp_year,
7606 last_4_digits = _ref$card.last_4_digits,
7607 className = _ref.className;
7608
7609 return React__default.createElement(
7610 'section',
7611 { className: className, __source: {
7612 fileName: _jsxFileName$D,
7613 lineNumber: 23
7614 },
7615 __self: _this$z
7616 },
7617 React__default.createElement(CardIcon, { brand: brand, __source: {
7618 fileName: _jsxFileName$D,
7619 lineNumber: 24
7620 },
7621 __self: _this$z
7622 }),
7623 React__default.createElement(
7624 'aside',
7625 {
7626 __source: {
7627 fileName: _jsxFileName$D,
7628 lineNumber: 25
7629 },
7630 __self: _this$z
7631 },
7632 React__default.createElement(
7633 LowercaseLabel,
7634 {
7635 __source: {
7636 fileName: _jsxFileName$D,
7637 lineNumber: 26
7638 },
7639 __self: _this$z
7640 },
7641 cardData(brand, last_4_digits)
7642 ),
7643 React__default.createElement(
7644 LowercaseLabel,
7645 {
7646 __source: {
7647 fileName: _jsxFileName$D,
7648 lineNumber: 27
7649 },
7650 __self: _this$z
7651 },
7652 'expires ',
7653 exp_month,
7654 '/',
7655 exp_year
7656 )
7657 )
7658 );
7659 };
7660
7661 var DefaultPayment = styled__default(BaseDefaultPayment)(_templateObject$1d, CardIcon, Label, function (props) {
7662 return props.theme.media.tablet(_templateObject2$k);
7663 });
7664
7665 DefaultPayment.propTypes = {
7666 card: PropTypes.shape({
7667 brand: PropTypes.string,
7668 exp_month: PropTypes.string,
7669 exp_year: PropTypes.string,
7670 last_4_digits: PropTypes.string
7671 }).isRequired
7672
7673 /** @component */
7674 };
7675
7676 var _templateObject$1e = _taggedTemplateLiteral$1e(['\n padding: 2.0rem 1.5rem;\n background-color: ', ';\n'], ['\n padding: 2.0rem 1.5rem;\n background-color: ', ';\n']);
7677
7678 function _taggedTemplateLiteral$1e(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7679
7680 var InformationalSection = styled__default.section(_templateObject$1e, function (props) {
7681 return props.theme.colors.lightBlue[0];
7682 });
7683
7684 InformationalSection.propTypes = {
7685 theme: PropTypes.shape({
7686 colors: PropTypes.shape({
7687 lightBlue: PropTypes.array
7688 })
7689 })
7690
7691 /** @component */
7692 };
7693
7694 var _jsxFileName$E = '/Users/mealeyst/projects/professional/mirage/src/components/video/backgroundVideo.js',
7695 _this$A = undefined;
7696
7697 var _templateObject$1f = _taggedTemplateLiteral$1f(['\n position: relative;\n > video {\n width: 100%;\n }\n > article {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n'], ['\n position: relative;\n > video {\n width: 100%;\n }\n > article {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n']);
7698
7699 function _taggedTemplateLiteral$1f(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7700
7701 function _objectWithoutProperties$9(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; }
7702
7703 var BaseBackgroundVideo = function BaseBackgroundVideo(_ref) {
7704 var className = _ref.className,
7705 children = _ref.children,
7706 sources = _ref.sources,
7707 props = _objectWithoutProperties$9(_ref, ['className', 'children', 'sources']);
7708
7709 return React__default.createElement(
7710 'section',
7711 { className: className, __source: {
7712 fileName: _jsxFileName$E,
7713 lineNumber: 8
7714 },
7715 __self: _this$A
7716 },
7717 React__default.createElement(Video, { sources: sources, __source: {
7718 fileName: _jsxFileName$E,
7719 lineNumber: 9
7720 },
7721 __self: _this$A
7722 }),
7723 React__default.createElement(
7724 'article',
7725 {
7726 __source: {
7727 fileName: _jsxFileName$E,
7728 lineNumber: 10
7729 },
7730 __self: _this$A
7731 },
7732 children
7733 )
7734 );
7735 };
7736
7737 var BackgroundVideo = styled__default(BaseBackgroundVideo)(_templateObject$1f);
7738
7739 BackgroundVideo.propTypes = {
7740 sources: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
7741
7742 /** @component */
7743 };
7744
7745 var _jsxFileName$F = '/Users/mealeyst/projects/professional/mirage/src/modules/complete-account/guarantee.js',
7746 _this$B = undefined;
7747
7748 var _templateObject$1g = _taggedTemplateLiteral$1g(['\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']);
7749
7750 function _taggedTemplateLiteral$1g(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7751
7752 var UnstyledGuarantee = function UnstyledGuarantee(_ref) {
7753 var className = _ref.className,
7754 children = _ref.children;
7755
7756 return React__default.createElement(
7757 InformationalSection,
7758 { className: className, __source: {
7759 fileName: _jsxFileName$F,
7760 lineNumber: 11
7761 },
7762 __self: _this$B
7763 },
7764 React__default.createElement(
7765 'header',
7766 {
7767 __source: {
7768 fileName: _jsxFileName$F,
7769 lineNumber: 12
7770 },
7771 __self: _this$B
7772 },
7773 React__default.createElement(GuaranteeIcon, { animated: true, __source: {
7774 fileName: _jsxFileName$F,
7775 lineNumber: 13
7776 },
7777 __self: _this$B
7778 }),
7779 React__default.createElement(
7780 Label,
7781 {
7782 __source: {
7783 fileName: _jsxFileName$F,
7784 lineNumber: 14
7785 },
7786 __self: _this$B
7787 },
7788 'FIRST BOX GUARANTEE'
7789 )
7790 ),
7791 React__default.createElement(
7792 'section',
7793 {
7794 __source: {
7795 fileName: _jsxFileName$F,
7796 lineNumber: 16
7797 },
7798 __self: _this$B
7799 },
7800 children
7801 )
7802 );
7803 };
7804
7805 var Guarantee = styled__default(UnstyledGuarantee)(_templateObject$1g, GuaranteeIcon);
7806
7807 Guarantee.propTypes = {
7808 children: PropTypes.oneOfType([PropTypes.array, PropTypes.string, PropTypes.object])
7809
7810 /** @component */
7811 };
7812
7813 var _jsxFileName$G = '/Users/mealeyst/projects/professional/mirage/src/modules/contentful/fields/richText/RichText.js',
7814 _this$C = undefined;
7815
7816 var _templateObject$1h = _taggedTemplateLiteral$1h([''], ['']);
7817
7818 function _taggedTemplateLiteral$1h(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
7819
7820 var COMPONENT_RENDER_MAP = {
7821 text: function text(_ref) {
7822 var marks = _ref.marks,
7823 value = _ref.value;
7824
7825 if (marks.length) {
7826 var props = {};
7827 marks.forEach(function (mark) {
7828 props[mark] = true;
7829 });
7830 return React__default.createElement(
7831 MarkedText,
7832 Object.assign({}, props, {
7833 __source: {
7834 fileName: _jsxFileName$G,
7835 lineNumber: 14
7836 },
7837 __self: _this$C
7838 }),
7839 value
7840 );
7841 } else {
7842 return value;
7843 }
7844 },
7845 'asset-hyperlink': function assetHyperlink() {
7846 return null;
7847 },
7848 blockquote: function blockquote() {
7849 return null;
7850 },
7851 document: function document(item) {
7852 return React__default.createElement(
7853 'article',
7854 {
7855 __source: {
7856 fileName: _jsxFileName$G,
7857 lineNumber: 22
7858 },
7859 __self: _this$C
7860 },
7861 item.content.map(function (item) {
7862 return RichText({ item: item });
7863 })
7864 );
7865 },
7866 'embedded-asset-block': function embeddedAssetBlock() {
7867 return null;
7868 },
7869 'embedded-entry-block': function embeddedEntryBlock() {
7870 return null;
7871 },
7872 'embedded-entry-inline': function embeddedEntryInline() {
7873 return null;
7874 },
7875 'entry-hyperlink': function entryHyperlink() {
7876 return null;
7877 },
7878 'heading-1': function heading1(item) {
7879 return React__default.createElement(
7880 H1,
7881 {
7882 __source: {
7883 fileName: _jsxFileName$G,
7884 lineNumber: 28
7885 },
7886 __self: _this$C
7887 },
7888 item.content.map(function (item) {
7889 return RichText({ item: item });
7890 })
7891 );
7892 },
7893 'heading-2': function heading2(item) {
7894 return React__default.createElement(
7895 H2,
7896 {
7897 __source: {
7898 fileName: _jsxFileName$G,
7899 lineNumber: 29
7900 },
7901 __self: _this$C
7902 },
7903 item.content.map(function (item) {
7904 return RichText({ item: item });
7905 })
7906 );
7907 },
7908 'heading-3': function heading3(item) {
7909 return React__default.createElement(
7910 H3,
7911 {
7912 __source: {
7913 fileName: _jsxFileName$G,
7914 lineNumber: 30
7915 },
7916 __self: _this$C
7917 },
7918 item.content.map(function (item) {
7919 return RichText({ item: item });
7920 })
7921 );
7922 },
7923 'heading-4': function heading4(item) {
7924 return React__default.createElement(
7925 H4,
7926 {
7927 __source: {
7928 fileName: _jsxFileName$G,
7929 lineNumber: 31
7930 },
7931 __self: _this$C
7932 },
7933 item.content.map(function (item) {
7934 return RichText({ item: item });
7935 })
7936 );
7937 },
7938 'heading-5': function heading5(item) {
7939 return React__default.createElement(
7940 H5,
7941 {
7942 __source: {
7943 fileName: _jsxFileName$G,
7944 lineNumber: 32
7945 },
7946 __self: _this$C
7947 },
7948 item.content.map(function (item) {
7949 return RichText({ item: item });
7950 })
7951 );
7952 },
7953 'heading-6': function heading6(item) {
7954 return React__default.createElement(
7955 H6,
7956 {
7957 __source: {
7958 fileName: _jsxFileName$G,
7959 lineNumber: 33
7960 },
7961 __self: _this$C
7962 },
7963 item.content.map(function (item) {
7964 return RichText({ item: item });
7965 })
7966 );
7967 },
7968 hr: function hr() {
7969 return React__default.createElement(Hr, {
7970 __source: {
7971 fileName: _jsxFileName$G,
7972 lineNumber: 34
7973 },
7974 __self: _this$C
7975 });
7976 },
7977 hyperlink: function hyperlink() {
7978 return null;
7979 },
7980 'list-item': function listItem() {
7981 return null;
7982 },
7983 'ordered-list': function orderedList() {
7984 return null;
7985 },
7986 paragraph: function paragraph(item) {
7987 return React__default.createElement(
7988 P$1,
7989 {
7990 __source: {
7991 fileName: _jsxFileName$G,
7992 lineNumber: 38
7993 },
7994 __self: _this$C
7995 },
7996 item.content.map(function (item) {
7997 return RichText({ item: item });
7998 })
7999 );
8000 },
8001 'unordered-list': function unorderedList() {
8002 return null;
8003 }
8004 };
8005
8006 var RichText = function RichText(_ref2) {
8007 var className = _ref2.className,
8008 item = _ref2.item;
8009
8010 return COMPONENT_RENDER_MAP[item.nodeType](item);
8011 };
8012
8013 RichText.propTypes = {
8014 className: PropTypes.string,
8015 content: PropTypes.oneOfType([PropTypes.array, PropTypes.string])
8016 };
8017
8018 var RichText$1 = styled__default(RichText)(_templateObject$1h);
8019
8020 var _jsxFileName$H = '/Users/mealeyst/projects/professional/mirage/src/modules/complete-account/subscriptionShipping.js',
8021 _this$D = undefined;
8022
8023 var _templateObject$1i = _taggedTemplateLiteral$1i(['\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']),
8024 _templateObject2$l = _taggedTemplateLiteral$1i(['\n padding: 0;\n min-height: 8rem;\n '], ['\n padding: 0;\n min-height: 8rem;\n ']),
8025 _templateObject3$d = _taggedTemplateLiteral$1i(['\n flex: 0 0 7rem;\n align-self: flex-end;\n '], ['\n flex: 0 0 7rem;\n align-self: flex-end;\n ']);
8026
8027 function _taggedTemplateLiteral$1i(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
8028
8029 var UnstyledSubscriptionShipping = function UnstyledSubscriptionShipping(_ref) {
8030 var className = _ref.className;
8031
8032 return React__default.createElement(
8033 InformationalSection,
8034 { className: className, __source: {
8035 fileName: _jsxFileName$H,
8036 lineNumber: 11
8037 },
8038 __self: _this$D
8039 },
8040 React__default.createElement(MailboxIcon, { animate: true, __source: {
8041 fileName: _jsxFileName$H,
8042 lineNumber: 12
8043 },
8044 __self: _this$D
8045 }),
8046 React__default.createElement(
8047 'aside',
8048 {
8049 __source: {
8050 fileName: _jsxFileName$H,
8051 lineNumber: 13
8052 },
8053 __self: _this$D
8054 },
8055 React__default.createElement(
8056 P$1,
8057 {
8058 __source: {
8059 fileName: _jsxFileName$H,
8060 lineNumber: 14
8061 },
8062 __self: _this$D
8063 },
8064 'Seasonal Shipments'
8065 ),
8066 React__default.createElement(
8067 P$1,
8068 {
8069 __source: {
8070 fileName: _jsxFileName$H,
8071 lineNumber: 15
8072 },
8073 __self: _this$D
8074 },
8075 'A box every 3 months. So easy. Simple to cancel anytime.'
8076 )
8077 )
8078 );
8079 };
8080
8081 var SubscriptionShipping = styled__default(UnstyledSubscriptionShipping)(_templateObject$1i, function (props) {
8082 return props.theme.media.tablet(_templateObject2$l);
8083 }, MailboxIcon, function (props) {
8084 return props.theme.media.tablet(_templateObject3$d);
8085 }, P$1);
8086
8087 SubscriptionShipping.propTypes = {
8088 theme: PropTypes.shape({
8089 media: PropTypes.shape({
8090 tablet: PropTypes.func
8091 })
8092 })
8093
8094 /** @component */
8095 };
8096
8097 var _jsxFileName$I = '/Users/mealeyst/projects/professional/mirage/src/modules/page.js',
8098 _this$E = undefined;
8099
8100 var Page = function Page(_ref) {
8101 var children = _ref.children,
8102 url = _ref.url;
8103
8104 return React__default.createElement(
8105 'main',
8106 { 'data-cms-url': url, __source: {
8107 fileName: _jsxFileName$I,
8108 lineNumber: 6
8109 },
8110 __self: _this$E
8111 },
8112 children
8113 );
8114 };
8115
8116 Page.propTypes = {
8117 children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string])
8118 };
8119
8120 var _templateObject$1j = _taggedTemplateLiteral$1j(['\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']),
8121 _templateObject2$m = _taggedTemplateLiteral$1j(['\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n '], ['\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n ']),
8122 _templateObject3$e = _taggedTemplateLiteral$1j(['\n top: 1.5rem;\n '], ['\n top: 1.5rem;\n ']),
8123 _templateObject4$7 = _taggedTemplateLiteral$1j(['\n margin: 0 2rem;\n '], ['\n margin: 0 2rem;\n ']);
8124
8125 function _taggedTemplateLiteral$1j(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
8126
8127 var DefaultSection = styled__default.section(_templateObject$1j, function (props) {
8128 return props.theme.media.tablet(_templateObject2$m);
8129 }, function (props) {
8130 return props.theme.colors.gray[2];
8131 }, Link, styles, function (props) {
8132 return props.theme.media.tablet(_templateObject3$e);
8133 }, DefaultAddress, DefaultPayment, function (props) {
8134 return props.theme.media.tablet(_templateObject4$7);
8135 });
8136
8137 DefaultSection.propTypes = {
8138 theme: PropTypes.shape({
8139 colors: PropTypes.shape({
8140 gray: PropTypes.array
8141 })
8142 })
8143
8144 /** @component */
8145 };
8146
8147 //Complete Account
8148
8149 /**
8150 * Core:
8151 **/
8152 /**
8153 * Templates:
8154 **/
8155
8156 /**
8157 * Pages:
8158 **/
8159
8160 exports.Grid = Grid;
8161 exports.Sizer = Sizer;
8162 exports.BagIcon = BagIcon;
8163 exports.CardIcon = CardIcon;
8164 exports.Chevron = Chevron;
8165 exports.GuaranteeIcon = GuaranteeIcon;
8166 exports.MailboxIcon = MailboxIcon;
8167 exports.Ruler = Ruler;
8168 exports.XIcon = XIcon;
8169 exports.AIcon = AIcon$1;
8170 exports.GrayAIcon = GrayAIcon;
8171 exports.NavyAIcon = NavyAIcon;
8172 exports.WhiteAIcon = WhiteAIcon;
8173 exports.BlueCheckmark = BlueCheckmark;
8174 exports.GrayCheckmark = GrayCheckmark;
8175 exports.NavyCheckmark = NavyCheckmark;
8176 exports.WhiteCheckmark = WhiteCheckmark;
8177 exports.BlueHamburger = BlueHamburger;
8178 exports.GrayHamburger = GrayHamburger;
8179 exports.Hamburger = Hamburger;
8180 exports.NavyHamburger = NavyHamburger;
8181 exports.GrayLogo = GrayLogo;
8182 exports.Logo = Logo;
8183 exports.NavyLogo = NavyLogo;
8184 exports.WhiteLogo = WhiteLogo;
8185 exports.BlueSpinner = BlueSpinner;
8186 exports.GraySpinner = GraySpinner;
8187 exports.NavySpinner = NavySpinner;
8188 exports.WhiteSpinner = WhiteSpinner;
8189 exports.BackgroundImage = backgroundImage;
8190 exports.InlineImage = InlineImage;
8191 exports.Caption = Caption;
8192 exports.H1 = H1;
8193 exports.H2 = H2;
8194 exports.H3 = H3;
8195 exports.H4 = H4;
8196 exports.H5 = H5;
8197 exports.H6 = H6;
8198 exports.Label = Label;
8199 exports.MarkedText = MarkedText;
8200 exports.P = P$1;
8201 exports.Serif = Serif;
8202 exports.BlueHr = BlueHr;
8203 exports.Hr = Hr;
8204 exports.NavyHr = NavyHr;
8205 exports.WhiteHr = WhiteHr;
8206 exports.theme = theme;
8207 exports.ROATheme = ROATheme;
8208 exports.Video = Video;
8209 exports.DefaultAddress = DefaultAddress;
8210 exports.DefaultPayment = DefaultPayment;
8211 exports.Checkbox = Checkbox;
8212 exports.SizeRadio = SizeRadio;
8213 exports.BlueBorderButton = BlueBorderButton;
8214 exports.Button = Button;
8215 exports.WhiteBorderButton = WhiteBorderButton;
8216 exports.YellowButton = YellowButton;
8217 exports.ImageButtonWhite = ImageButtonWhite;
8218 exports.ImageButtonBlue = ImageButtonBlue;
8219 exports.ImageButtonBlack = ImageButtonBlack;
8220 exports.Link = Link;
8221 exports.NavyLink = NavyLink;
8222 exports.WhiteLink = WhiteLink;
8223 exports.InformationalSection = InformationalSection;
8224 exports.BackgroundVideo = BackgroundVideo;
8225 exports.Guarantee = Guarantee;
8226 exports.SubscriptionShipping = SubscriptionShipping;
8227 exports.Page = Page;
8228 exports.DefaultSection = DefaultSection;
8229 exports.RichText = RichText$1;
8230
8231 return exports;
8232
8233}({},React,PropTypes,styled));