\n {Utils.formatDisplayRange(this.props.min, this.props.type)}\n
\n \n {Utils.formatDisplayRange(this.props.max, this.props.type)}\n
\n ;\n\n } \n\n var infoIcon = null;\n var infoBlock = null;\n\n if (infoText) {\n infoIcon =\n \n ;\n\n infoBlock =\n \n {infoText}\n
;\n }\n\n \n\n return \n
;\n }\n}\n\n\nSliderBlock.propTypes = {\n defaultValue: PropTypes.number,\n value: PropTypes.number,\n sliderCSS: PropTypes.string,\n min: PropTypes.number,\n max: PropTypes.number,\n step: PropTypes.number,\n id: PropTypes.string,\n title: PropTypes.string,\n showRange: PropTypes.bool,\n infoText: PropTypes.object\n\n}\n\nexport default SliderBlock;","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n function shim(props, propName, componentName, location, propFullName, secret) {\n if (secret === ReactPropTypesSecret) {\n // It is still safe when called from React.\n return;\n }\n var err = new Error(\n 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n 'Use PropTypes.checkPropTypes() to call them. ' +\n 'Read more at http://fb.me/use-check-prop-types'\n );\n err.name = 'Invariant Violation';\n throw err;\n };\n shim.isRequired = shim;\n function getShim() {\n return shim;\n };\n // Important!\n // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n var ReactPropTypes = {\n array: shim,\n bigint: shim,\n bool: shim,\n func: shim,\n number: shim,\n object: shim,\n string: shim,\n symbol: shim,\n\n any: shim,\n arrayOf: getShim,\n element: shim,\n elementType: shim,\n instanceOf: getShim,\n node: shim,\n objectOf: getShim,\n oneOf: getShim,\n oneOfType: getShim,\n shape: getShim,\n exact: getShim,\n\n checkPropTypes: emptyFunctionWithReset,\n resetWarningCache: emptyFunction\n };\n\n ReactPropTypes.PropTypes = ReactPropTypes;\n\n return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","\"use strict\";\n\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\n//import style from \"./Popup.scss\";\n\nclass Popup extends React.Component {\n render() {\n return (\n {title + ' '}{infoIcon}
\n\n\n
\n {this.state.showPopup ?\n \n \n { rangeBlock }\n
\n\n\n \n
\n {Utils.formatDisplayValue(this.props.value, this.props.type)}
\n \n
\n );\n }\n}\n\nexport default Popup;","\"use strict\";\n\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport PropTypes from 'prop-types';\nimport Utils from '../Utils.jsx';\nimport PigNormal from '../../../Content/img/criticalillness/CriticalIllnessPigNormal.gif';\nimport PigWorried from '../../../Content/img/criticalillness/CriticalIllnessPigWorried.gif';\nimport PigPanicked from '../../../Content/img/criticalillness/CriticalIllnessPigPanicked.gif';\n\nclass CriticalIllnessExpenseCalcTop extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t}\n\n\trender() {\n\n\n\t\tvar worriedThreshold = this.props.Worried_Threshold;\n\t\tvar surplusDeficit = this.props.Surplus_Deficit;\n\t\tvar totalExpenses = this.props.Total_Expenses;\n\t\tvar showResults = this.props.Show_Results;\n\t\tvar whichpig;\n\t\tvar { dollarResult, ouchOrPhewClass, ctaActionStmt } = \"\";\n\n\t\tvar imgStyle = {\n\t\t\twidth: '95%'\n\t\t};\n\n\t\tdollarResult = Utils.formatDisplayRange(Math.abs(totalExpenses), \"number\");\n\t\t\n\t\tctaActionStmt = \n {this.props.text}\n
\n \n \n
\n Get up to $1,000,000 in Critical Illness Insurance so you can \n\t\t\tPROTECT YOUR SAVINGS and \n\t\t\tFOCUS ON YOUR RECOVERY\n\t\t
;\n\n\n\t\tdollarResult = Utils.formatDisplayRange(Math.abs(totalExpenses), \"number\");\n\t\twhichpig = \n\t\t\t\t
\n\t\t} else {\n\t\t\tresultsBlock = \n\t\t\t\t\t
\n\t\t\t\tOUCH!
\n\t\t\t\t\t\n\t\t\t\t\t\t${dollarResult}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\tTotal
\n\t\t\t\t\t\tExpenses
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t{ctaActionStmt}
\n\t\t\t\t\t\n\t\t\t\t\t\tGet a Quote\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t
\n\t\t}\n\t\treturn Living in BC is expensive
\n\t\t\t\t(we know, we live here too)
Critical Illness Insurance can cover life’s expenses at a time when you need to focus on your health.
\n\t\t\t\tCritical Illness Insurance can cover life’s expenses at a time when you need to focus on your health.
\n\t\t\t\t\tCalculate your coverage needs
\n\t\t\t\t
\n\t\t\t\n\t\t\t\t
\n\n\n\t\t\t
\n\n\t}\n}\n\nCriticalIllnessExpenseCalcTop.propTypes = {\n\tWorried_Threshold: PropTypes.number,\n\tSurplus_Deficit: PropTypes.number,\n\tTotal_Expenses: PropTypes.number,\n\tShow_Results: PropTypes.bool\n}\n\nexport default CriticalIllnessExpenseCalcTop;","\"use strict\";\n\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport PropTypes from 'prop-types';\nimport Utils from '../Utils.jsx';\nimport PigNormal from '../../../Content/img/criticalillness/CriticalIllnessPigNormal.gif';\nimport PigWorried from '../../../Content/img/criticalillness/CriticalIllnessPigWorried.gif';\nimport PigPanicked from '../../../Content/img/criticalillness/CriticalIllnessPigPanicked.gif';\n\nclass CriticalIllnessExpenseCalcBottomFloater extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t}\n\n\trender() {\n\n\t\tvar worriedThreshold = this.props.Worried_Threshold;\n\t\tvar surplusDeficit = this.props.Surplus_Deficit;\n\t\tvar totalExpenses = this.props.Total_Expenses;\n\t\tvar showFloater = this.props.Show;\n\t\tvar whichpig;\n\t\tvar { dollarResult, ouchOrPhewClass } = \"\";\n\n\t\tvar imgStyle = {\n\t\t\twidth: '95%'\n\t\t};\n\n\t\tdollarResult = Utils.formatDisplayRange(Math.abs(totalExpenses), \"number\");\n\t\twhichpig = \n\n\t\t\t\t
\n\n\n\t\t\n\t\t\t\t\t{whichpig}\n\t\t\t\t
\n\n\t\t\t\t{resultsBlock}\n\n\n\n\t\t\t\n\n\t\t\t
\n\n\n\t}\n}\n\nCriticalIllnessExpenseCalcBottomFloater.propTypes = {\n\tWorried_Threshold: PropTypes.number,\n\tSurplus_Deficit: PropTypes.number,\n\tTotal_Expenses: PropTypes.number,\n\tShow: PropTypes.string\t\n}\n\nexport default CriticalIllnessExpenseCalcBottomFloater;","\"use strict\";\n\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport PropTypes from 'prop-types';\nimport Utils from '../Utils.jsx';\nimport PigNormal from '../../../Content/img/criticalillness/CriticalIllnessPigNormal.gif';\nimport PigWorried from '../../../Content/img/criticalillness/CriticalIllnessPigWorried.gif';\nimport PigPanicked from '../../../Content/img/criticalillness/CriticalIllnessPigPanicked.gif';\n\nclass CriticalIllnessExpenseCalcSummary extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t}\n\n\trender() {\n\n\t\tvar worriedThreshold = this.props.Worried_Threshold;\n\t\tvar savingsLeft = this.props.Savings_Left;\n\t\tvar surplusDeficit = this.props.Surplus_Deficit;\n\t\tvar recoveryTime = this.props.Recovery_Time;\n\t\tvar totalExpenses = this.props.Total_Expenses;\n\t\tvar accumulatedSavings = this.props.Accumulated_Savings;\n\n\t\tvar whichpig;\n\t\tvar { dollarResult, ouchOrPhewClass, ctaActionStmt } = \"\";\n\n\t\tvar imgStyle = {\n\t\t\twidth: '95%'\n\t\t};\n\n\n\t\t//savingsLeft = savingsLeft < 0 ? 0 : savingsLeft;\n\t\t\n\t\t\n\t\tctaActionStmt = \n\t\t\t\t{whichpig}\n\t\t\t
\n\t\t\t\n\t\t\t\t
\n\t\t\t${dollarResult}
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\tTotal
\n\t\t\t\t\tExpenses
\n\t\t\t\t\n\t\t\t\t
\n\t\t\n\t\t\t\t\tGet a Quote\n\t\t\t\t
\n\t\t\tGet up to $1,000,000 in Critical Illness Insurance so you can \n\t\t\t\t\t\t\tPROTECT YOUR SAVINGS and \n\t\t\t\t\t\t\tFOCUS ON YOUR RECOVERY\n\t\t\t\t\t\t
;\n\t\t\n\t\twhichpig = \n\t\t\t
\n\n\n\t}\n}\n\nCriticalIllnessExpenseCalcSummary.propTypes = {\n\tWorried_Threshold: PropTypes.number,\n\tSurplus_Deficit: PropTypes.number,\n\tSavings_Left: PropTypes.number,\n\tRecovery_Time: PropTypes.number,\n\tAccumulated_Savings: PropTypes.number,\n\tTotal_Expenses: PropTypes.number\n}\n\nexport default CriticalIllnessExpenseCalcSummary;","'use strict';\n\nvar React = require('react');\nvar ReactDOM = require('react-dom');\nvar PropTypes = require('prop-types');\nvar createReactClass = require('create-react-class');\nvar isVisibleWithOffset = require('./lib/is-visible-with-offset')\n\nvar containmentPropType = PropTypes.any;\n\nif (typeof window !== 'undefined') {\n containmentPropType = PropTypes.instanceOf(window.Element);\n}\n\nfunction throttle (callback, limit) {\n var wait = false;\n return function () {\n if (!wait) {\n wait = true;\n setTimeout(function () {\n callback();\n wait = false;\n }, limit);\n }\n }\n}\n\nfunction debounce(func, wait) {\n var timeout;\n return function() {\n var context = this, args = arguments;\n var later = function() {\n timeout = null;\n func.apply(context, args);\n };\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n };\n}\n\nfunction normalizeRect (rect) {\n if (rect.width === undefined) {\n rect.width = rect.right - rect.left;\n }\n\n if (rect.height === undefined) {\n rect.height = rect.bottom - rect.top;\n }\n\n return rect;\n}\n\nmodule.exports = createReactClass({\n displayName: 'VisibilitySensor',\n\n propTypes: {\n onChange: PropTypes.func,\n active: PropTypes.bool,\n partialVisibility: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.oneOf(['top', 'right', 'bottom', 'left']),\n ]),\n delayedCall: PropTypes.bool,\n offset: PropTypes.oneOfType([\n PropTypes.shape({\n top: PropTypes.number,\n left: PropTypes.number,\n bottom: PropTypes.number,\n right: PropTypes.number\n }),\n // deprecated offset property\n PropTypes.shape({\n direction: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),\n value: PropTypes.number\n })\n ]),\n scrollCheck: PropTypes.bool,\n scrollDelay: PropTypes.number,\n scrollThrottle: PropTypes.number,\n resizeCheck: PropTypes.bool,\n resizeDelay: PropTypes.number,\n resizeThrottle: PropTypes.number,\n intervalCheck: PropTypes.bool,\n intervalDelay: PropTypes.number,\n containment: containmentPropType,\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.func,\n ]),\n minTopValue: PropTypes.number,\n },\n\n getDefaultProps: function () {\n return {\n active: true,\n partialVisibility: false,\n minTopValue: 0,\n scrollCheck: false,\n scrollDelay: 250,\n scrollThrottle: -1,\n resizeCheck: false,\n resizeDelay: 250,\n resizeThrottle: -1,\n intervalCheck: true,\n intervalDelay: 100,\n delayedCall: false,\n offset: {},\n containment: null,\n children: React.createElement('span')\n };\n },\n\n getInitialState: function () {\n return {\n isVisible: null,\n visibilityRect: {}\n };\n },\n\n componentDidMount: function () {\n this.node = ReactDOM.findDOMNode(this);\n if (this.props.active) {\n this.startWatching();\n }\n },\n\n componentWillUnmount: function () {\n this.stopWatching();\n },\n\n componentWillReceiveProps: function (nextProps) {\n if (nextProps.active && !this.props.active) {\n this.setState(this.getInitialState());\n this.startWatching();\n } else if (!nextProps.active) {\n this.stopWatching();\n }\n },\n\n componentDidUpdate: function (prevProps) {\n this.node = ReactDOM.findDOMNode(this);\n },\n\n getContainer: function () {\n return this.props.containment || window;\n },\n\n addEventListener: function (target, event, delay, throttle) {\n if (!this.debounceCheck) {\n this.debounceCheck = {};\n }\n\n var timeout;\n var func;\n\n var later = function () {\n timeout = null;\n this.check();\n }.bind(this);\n\n if (throttle > -1) {\n func = function () {\n if (!timeout) {\n timeout = setTimeout(later, throttle || 0);\n }\n };\n } else {\n func = function () {\n clearTimeout(timeout);\n timeout = setTimeout(later, delay || 0);\n };\n }\n\n var info = {\n target: target,\n fn: func,\n getLastTimeout: function () {\n return timeout;\n },\n };\n\n target.addEventListener(event, info.fn);\n this.debounceCheck[event] = info;\n },\n\n startWatching: function () {\n if (this.debounceCheck || this.interval) { return; }\n\n if (this.props.intervalCheck) {\n this.interval = setInterval(this.check, this.props.intervalDelay);\n }\n\n if (this.props.scrollCheck) {\n this.addEventListener(\n this.getContainer(),\n 'scroll',\n this.props.scrollDelay,\n this.props.scrollThrottle\n );\n }\n\n if (this.props.resizeCheck) {\n this.addEventListener(\n window,\n 'resize',\n this.props.resizeDelay,\n this.props.resizeThrottle\n );\n }\n\n // if dont need delayed call, check on load ( before the first interval fires )\n !this.props.delayedCall && this.check();\n },\n\n stopWatching: function () {\n if (this.debounceCheck) {\n // clean up event listeners and their debounce callers\n for (var debounceEvent in this.debounceCheck) {\n if (this.debounceCheck.hasOwnProperty(debounceEvent)) {\n var debounceInfo = this.debounceCheck[debounceEvent];\n\n clearTimeout(debounceInfo.getLastTimeout());\n debounceInfo.target.removeEventListener(\n debounceEvent, debounceInfo.fn\n );\n\n this.debounceCheck[debounceEvent] = null;\n }\n }\n }\n this.debounceCheck = null;\n\n if (this.interval) { this.interval = clearInterval(this.interval); }\n },\n\n roundRectDown: function (rect) {\n return {\n top: Math.floor(rect.top),\n left: Math.floor(rect.left),\n bottom: Math.floor(rect.bottom),\n right: Math.floor(rect.right),\n };\n },\n\n /**\n * Check if the element is within the visible viewport\n */\n check: function () {\n var el = this.node;\n var rect;\n var containmentRect;\n // if the component has rendered to null, dont update visibility\n if (!el) {\n return this.state;\n }\n\n rect = normalizeRect(this.roundRectDown(el.getBoundingClientRect()));\n\n if (this.props.containment) {\n var containmentDOMRect = this.props.containment.getBoundingClientRect();\n containmentRect = {\n top: containmentDOMRect.top,\n left: containmentDOMRect.left,\n bottom: containmentDOMRect.bottom,\n right: containmentDOMRect.right,\n }\n } else {\n containmentRect = {\n top: 0,\n left: 0,\n bottom: window.innerHeight || document.documentElement.clientHeight,\n right: window.innerWidth || document.documentElement.clientWidth\n };\n }\n\n // Check if visibility is wanted via offset?\n var offset = this.props.offset || {};\n var hasValidOffset = typeof offset === 'object';\n if (hasValidOffset) {\n containmentRect.top += offset.top || 0;\n containmentRect.left += offset.left || 0;\n containmentRect.bottom -= offset.bottom || 0;\n containmentRect.right -= offset.right || 0;\n }\n\n var visibilityRect = {\n top: rect.top >= containmentRect.top,\n left: rect.left >= containmentRect.left,\n bottom: rect.bottom <= containmentRect.bottom,\n right: rect.right <= containmentRect.right\n };\n\n var hasSize = rect.height > 0 && rect.width > 0;\n\n var isVisible = (\n hasSize &&\n visibilityRect.top &&\n visibilityRect.left &&\n visibilityRect.bottom &&\n visibilityRect.right\n );\n\n // check for partial visibility\n if (hasSize && this.props.partialVisibility) {\n var partialVisible =\n rect.top <= containmentRect.bottom && rect.bottom >= containmentRect.top &&\n rect.left <= containmentRect.right && rect.right >= containmentRect.left;\n\n // account for partial visibility on a single edge\n if (typeof this.props.partialVisibility === 'string') {\n partialVisible = visibilityRect[this.props.partialVisibility]\n }\n\n // if we have minimum top visibility set by props, lets check, if it meets the passed value\n // so if for instance element is at least 200px in viewport, then show it.\n isVisible = this.props.minTopValue\n ? partialVisible && rect.top <= (containmentRect.bottom - this.props.minTopValue)\n : partialVisible\n }\n\n // Deprecated options for calculating offset.\n if (typeof offset.direction === 'string' &&\n typeof offset.value === 'number') {\n console.warn('[notice] offset.direction and offset.value have been deprecated. They still work for now, but will be removed in next major version. Please upgrade to the new syntax: { %s: %d }', offset.direction, offset.value)\n\n isVisible = isVisibleWithOffset(offset, rect, containmentRect);\n }\n\n var state = this.state;\n // notify the parent when the value changes\n if (this.state.isVisible !== isVisible) {\n state = {\n isVisible: isVisible,\n visibilityRect: visibilityRect\n };\n this.setState(state);\n if (this.props.onChange) this.props.onChange(isVisible, visibilityRect);\n }\n\n return state;\n },\n\n render: function () {\n if (this.props.children instanceof Function) {\n return this.props.children({\n isVisible: this.state.isVisible,\n visibilityRect: this.state.visibilityRect,\n });\n }\n return React.Children.only(this.props.children);\n }\n});\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n'use strict';\n\nvar React = require('react');\nvar factory = require('./factory');\n\nif (typeof React === 'undefined') {\n throw Error(\n 'create-react-class could not find the React object. If you are using script tags, ' +\n 'make sure that React is being loaded before create-react-class.'\n );\n}\n\n// Hack to grab NoopUpdateQueue from isomorphic React\nvar ReactNoopUpdateQueue = new React.Component().updater;\n\nmodule.exports = factory(\n React.Component,\n React.isValidElement,\n ReactNoopUpdateQueue\n);\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\n'use strict';\n\nvar _assign = require('object-assign');\n\n// -- Inlined from fbjs --\n\nvar emptyObject = {};\n\nif (process.env.NODE_ENV !== 'production') {\n Object.freeze(emptyObject);\n}\n\nvar validateFormat = function validateFormat(format) {};\n\nif (process.env.NODE_ENV !== 'production') {\n validateFormat = function validateFormat(format) {\n if (format === undefined) {\n throw new Error('invariant requires an error message argument');\n }\n };\n}\n\nfunction _invariant(condition, format, a, b, c, d, e, f) {\n validateFormat(format);\n\n if (!condition) {\n var error;\n if (format === undefined) {\n error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');\n } else {\n var args = [a, b, c, d, e, f];\n var argIndex = 0;\n error = new Error(format.replace(/%s/g, function () {\n return args[argIndex++];\n }));\n error.name = 'Invariant Violation';\n }\n\n error.framesToPop = 1; // we don't care about invariant's own frame\n throw error;\n }\n}\n\nvar warning = function(){};\n\nif (process.env.NODE_ENV !== 'production') {\n var printWarning = function printWarning(format) {\n for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n var argIndex = 0;\n var message = 'Warning: ' + format.replace(/%s/g, function () {\n return args[argIndex++];\n });\n if (typeof console !== 'undefined') {\n console.error(message);\n }\n try {\n // --- Welcome to debugging React ---\n // This error was thrown as a convenience so that you can use this stack\n // to find the callsite that caused this warning to fire.\n throw new Error(message);\n } catch (x) {}\n };\n\n warning = function warning(condition, format) {\n if (format === undefined) {\n throw new Error('`warning(condition, format, ...args)` requires a warning ' + 'message argument');\n }\n\n if (format.indexOf('Failed Composite propType: ') === 0) {\n return; // Ignore CompositeComponent proptype check.\n }\n\n if (!condition) {\n for (var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {\n args[_key2 - 2] = arguments[_key2];\n }\n\n printWarning.apply(undefined, [format].concat(args));\n }\n };\n}\n\n// /-- Inlined from fbjs --\n\nvar MIXINS_KEY = 'mixins';\n\n// Helper function to allow the creation of anonymous functions which do not\n// have .name set to the name of the variable being assigned to.\nfunction identity(fn) {\n return fn;\n}\n\nvar ReactPropTypeLocationNames;\nif (process.env.NODE_ENV !== 'production') {\n ReactPropTypeLocationNames = {\n prop: 'prop',\n context: 'context',\n childContext: 'child context'\n };\n} else {\n ReactPropTypeLocationNames = {};\n}\n\nfunction factory(ReactComponent, isValidElement, ReactNoopUpdateQueue) {\n /**\n * Policies that describe methods in `ReactClassInterface`.\n */\n\n var injectedMixins = [];\n\n /**\n * Composite components are higher-level components that compose other composite\n * or host components.\n *\n * To create a new type of `ReactClass`, pass a specification of\n * your new class to `React.createClass`. The only requirement of your class\n * specification is that you implement a `render` method.\n *\n * var MyComponent = React.createClass({\n * render: function() {\n * return YOUR RESULTS
\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{whichpig}\n\t\t\t\t\t
\n\n\t\t\t\t\n\t\t\t\t
\n\t\t\n\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\tYour Recovery Time {Utils.formatDisplayValue(this.props.Recovery_Time, \"daterange\", false)}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t| {Utils.formatDisplayValue(this.props.Accumulated_Savings, \"currency\")} | \n\t\t\t\t\t\t\t\t\tAccumulated Savings | \n\t\t\t\t\t\t\t\t
| – {Utils.formatDisplayValue(this.props.Total_Expenses, \"currency\")} | \n\t\t\t\t\t\t\t\t\tRecovery Expenses | \n\t\t\t\t\t\t\t\t
| {Utils.formatDisplayValue(savingsLeft, \"currency\")} | \n\t\t\t\t\t\t\t\t\tSavings Left | \n\t\t\t\t\t\t\t\t
{ctaActionStmt}
\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\tGet a Quote\n\t\t\t\t\t\t
\n\t\t\t\t\tHello World
;\n * }\n * });\n *\n * The class specification supports a specific protocol of methods that have\n * special meaning (e.g. `render`). See `ReactClassInterface` for\n * more the comprehensive protocol. Any other properties and methods in the\n * class specification will be available on the prototype.\n *\n * @interface ReactClassInterface\n * @internal\n */\n var ReactClassInterface = {\n /**\n * An array of Mixin objects to include when defining your component.\n *\n * @type {array}\n * @optional\n */\n mixins: 'DEFINE_MANY',\n\n /**\n * An object containing properties and methods that should be defined on\n * the component's constructor instead of its prototype (static methods).\n *\n * @type {object}\n * @optional\n */\n statics: 'DEFINE_MANY',\n\n /**\n * Definition of prop types for this component.\n *\n * @type {object}\n * @optional\n */\n propTypes: 'DEFINE_MANY',\n\n /**\n * Definition of context types for this component.\n *\n * @type {object}\n * @optional\n */\n contextTypes: 'DEFINE_MANY',\n\n /**\n * Definition of context types this component sets for its children.\n *\n * @type {object}\n * @optional\n */\n childContextTypes: 'DEFINE_MANY',\n\n // ==== Definition methods ====\n\n /**\n * Invoked when the component is mounted. Values in the mapping will be set on\n * `this.props` if that prop is not specified (i.e. using an `in` check).\n *\n * This method is invoked before `getInitialState` and therefore cannot rely\n * on `this.state` or use `this.setState`.\n *\n * @return {object}\n * @optional\n */\n getDefaultProps: 'DEFINE_MANY_MERGED',\n\n /**\n * Invoked once before the component is mounted. The return value will be used\n * as the initial value of `this.state`.\n *\n * getInitialState: function() {\n * return {\n * isOn: false,\n * fooBaz: new BazFoo()\n * }\n * }\n *\n * @return {object}\n * @optional\n */\n getInitialState: 'DEFINE_MANY_MERGED',\n\n /**\n * @return {object}\n * @optional\n */\n getChildContext: 'DEFINE_MANY_MERGED',\n\n /**\n * Uses props from `this.props` and state from `this.state` to render the\n * structure of the component.\n *\n * No guarantees are made about when or how often this method is invoked, so\n * it must not have side effects.\n *\n * render: function() {\n * var name = this.props.name;\n * return Hello, {name}!
;\n * }\n *\n * @return {ReactComponent}\n * @required\n */\n render: 'DEFINE_ONCE',\n\n // ==== Delegate methods ====\n\n /**\n * Invoked when the component is initially created and about to be mounted.\n * This may have side effects, but any external subscriptions or data created\n * by this method must be cleaned up in `componentWillUnmount`.\n *\n * @optional\n */\n componentWillMount: 'DEFINE_MANY',\n\n /**\n * Invoked when the component has been mounted and has a DOM representation.\n * However, there is no guarantee that the DOM node is in the document.\n *\n * Use this as an opportunity to operate on the DOM when the component has\n * been mounted (initialized and rendered) for the first time.\n *\n * @param {DOMElement} rootNode DOM element representing the component.\n * @optional\n */\n componentDidMount: 'DEFINE_MANY',\n\n /**\n * Invoked before the component receives new props.\n *\n * Use this as an opportunity to react to a prop transition by updating the\n * state using `this.setState`. Current props are accessed via `this.props`.\n *\n * componentWillReceiveProps: function(nextProps, nextContext) {\n * this.setState({\n * likesIncreasing: nextProps.likeCount > this.props.likeCount\n * });\n * }\n *\n * NOTE: There is no equivalent `componentWillReceiveState`. An incoming prop\n * transition may cause a state change, but the opposite is not true. If you\n * need it, you are probably looking for `componentWillUpdate`.\n *\n * @param {object} nextProps\n * @optional\n */\n componentWillReceiveProps: 'DEFINE_MANY',\n\n /**\n * Invoked while deciding if the component should be updated as a result of\n * receiving new props, state and/or context.\n *\n * Use this as an opportunity to `return false` when you're certain that the\n * transition to the new props/state/context will not require a component\n * update.\n *\n * shouldComponentUpdate: function(nextProps, nextState, nextContext) {\n * return !equal(nextProps, this.props) ||\n * !equal(nextState, this.state) ||\n * !equal(nextContext, this.context);\n * }\n *\n * @param {object} nextProps\n * @param {?object} nextState\n * @param {?object} nextContext\n * @return {boolean} True if the component should update.\n * @optional\n */\n shouldComponentUpdate: 'DEFINE_ONCE',\n\n /**\n * Invoked when the component is about to update due to a transition from\n * `this.props`, `this.state` and `this.context` to `nextProps`, `nextState`\n * and `nextContext`.\n *\n * Use this as an opportunity to perform preparation before an update occurs.\n *\n * NOTE: You **cannot** use `this.setState()` in this method.\n *\n * @param {object} nextProps\n * @param {?object} nextState\n * @param {?object} nextContext\n * @param {ReactReconcileTransaction} transaction\n * @optional\n */\n componentWillUpdate: 'DEFINE_MANY',\n\n /**\n * Invoked when the component's DOM representation has been updated.\n *\n * Use this as an opportunity to operate on the DOM when the component has\n * been updated.\n *\n * @param {object} prevProps\n * @param {?object} prevState\n * @param {?object} prevContext\n * @param {DOMElement} rootNode DOM element representing the component.\n * @optional\n */\n componentDidUpdate: 'DEFINE_MANY',\n\n /**\n * Invoked when the component is about to be removed from its parent and have\n * its DOM representation destroyed.\n *\n * Use this as an opportunity to deallocate any external resources.\n *\n * NOTE: There is no `componentDidUnmount` since your component will have been\n * destroyed by that point.\n *\n * @optional\n */\n componentWillUnmount: 'DEFINE_MANY',\n\n /**\n * Replacement for (deprecated) `componentWillMount`.\n *\n * @optional\n */\n UNSAFE_componentWillMount: 'DEFINE_MANY',\n\n /**\n * Replacement for (deprecated) `componentWillReceiveProps`.\n *\n * @optional\n */\n UNSAFE_componentWillReceiveProps: 'DEFINE_MANY',\n\n /**\n * Replacement for (deprecated) `componentWillUpdate`.\n *\n * @optional\n */\n UNSAFE_componentWillUpdate: 'DEFINE_MANY',\n\n // ==== Advanced methods ====\n\n /**\n * Updates the component's currently mounted DOM representation.\n *\n * By default, this implements React's rendering and reconciliation algorithm.\n * Sophisticated clients may wish to override this.\n *\n * @param {ReactReconcileTransaction} transaction\n * @internal\n * @overridable\n */\n updateComponent: 'OVERRIDE_BASE'\n };\n\n /**\n * Similar to ReactClassInterface but for static methods.\n */\n var ReactClassStaticInterface = {\n /**\n * This method is invoked after a component is instantiated and when it\n * receives new props. Return an object to update state in response to\n * prop changes. Return null to indicate no change to state.\n *\n * If an object is returned, its keys will be merged into the existing state.\n *\n * @return {object || null}\n * @optional\n */\n getDerivedStateFromProps: 'DEFINE_MANY_MERGED'\n };\n\n /**\n * Mapping from class specification keys to special processing functions.\n *\n * Although these are declared like instance properties in the specification\n * when defining classes using `React.createClass`, they are actually static\n * and are accessible on the constructor instead of the prototype. Despite\n * being static, they must be defined outside of the \"statics\" key under\n * which all other static methods are defined.\n */\n var RESERVED_SPEC_KEYS = {\n displayName: function(Constructor, displayName) {\n Constructor.displayName = displayName;\n },\n mixins: function(Constructor, mixins) {\n if (mixins) {\n for (var i = 0; i < mixins.length; i++) {\n mixSpecIntoComponent(Constructor, mixins[i]);\n }\n }\n },\n childContextTypes: function(Constructor, childContextTypes) {\n if (process.env.NODE_ENV !== 'production') {\n validateTypeDef(Constructor, childContextTypes, 'childContext');\n }\n Constructor.childContextTypes = _assign(\n {},\n Constructor.childContextTypes,\n childContextTypes\n );\n },\n contextTypes: function(Constructor, contextTypes) {\n if (process.env.NODE_ENV !== 'production') {\n validateTypeDef(Constructor, contextTypes, 'context');\n }\n Constructor.contextTypes = _assign(\n {},\n Constructor.contextTypes,\n contextTypes\n );\n },\n /**\n * Special case getDefaultProps which should move into statics but requires\n * automatic merging.\n */\n getDefaultProps: function(Constructor, getDefaultProps) {\n if (Constructor.getDefaultProps) {\n Constructor.getDefaultProps = createMergedResultFunction(\n Constructor.getDefaultProps,\n getDefaultProps\n );\n } else {\n Constructor.getDefaultProps = getDefaultProps;\n }\n },\n propTypes: function(Constructor, propTypes) {\n if (process.env.NODE_ENV !== 'production') {\n validateTypeDef(Constructor, propTypes, 'prop');\n }\n Constructor.propTypes = _assign({}, Constructor.propTypes, propTypes);\n },\n statics: function(Constructor, statics) {\n mixStaticSpecIntoComponent(Constructor, statics);\n },\n autobind: function() {}\n };\n\n function validateTypeDef(Constructor, typeDef, location) {\n for (var propName in typeDef) {\n if (typeDef.hasOwnProperty(propName)) {\n // use a warning instead of an _invariant so components\n // don't show up in prod but only in __DEV__\n if (process.env.NODE_ENV !== 'production') {\n warning(\n typeof typeDef[propName] === 'function',\n '%s: %s type `%s` is invalid; it must be a function, usually from ' +\n 'React.PropTypes.',\n Constructor.displayName || 'ReactClass',\n ReactPropTypeLocationNames[location],\n propName\n );\n }\n }\n }\n }\n\n function validateMethodOverride(isAlreadyDefined, name) {\n var specPolicy = ReactClassInterface.hasOwnProperty(name)\n ? ReactClassInterface[name]\n : null;\n\n // Disallow overriding of base class methods unless explicitly allowed.\n if (ReactClassMixin.hasOwnProperty(name)) {\n _invariant(\n specPolicy === 'OVERRIDE_BASE',\n 'ReactClassInterface: You are attempting to override ' +\n '`%s` from your class specification. Ensure that your method names ' +\n 'do not overlap with React methods.',\n name\n );\n }\n\n // Disallow defining methods more than once unless explicitly allowed.\n if (isAlreadyDefined) {\n _invariant(\n specPolicy === 'DEFINE_MANY' || specPolicy === 'DEFINE_MANY_MERGED',\n 'ReactClassInterface: You are attempting to define ' +\n '`%s` on your component more than once. This conflict may be due ' +\n 'to a mixin.',\n name\n );\n }\n }\n\n /**\n * Mixin helper which handles policy validation and reserved\n * specification keys when building React classes.\n */\n function mixSpecIntoComponent(Constructor, spec) {\n if (!spec) {\n if (process.env.NODE_ENV !== 'production') {\n var typeofSpec = typeof spec;\n var isMixinValid = typeofSpec === 'object' && spec !== null;\n\n if (process.env.NODE_ENV !== 'production') {\n warning(\n isMixinValid,\n \"%s: You're attempting to include a mixin that is either null \" +\n 'or not an object. Check the mixins included by the component, ' +\n 'as well as any mixins they include themselves. ' +\n 'Expected object but got %s.',\n Constructor.displayName || 'ReactClass',\n spec === null ? null : typeofSpec\n );\n }\n }\n\n return;\n }\n\n _invariant(\n typeof spec !== 'function',\n \"ReactClass: You're attempting to \" +\n 'use a component class or function as a mixin. Instead, just use a ' +\n 'regular object.'\n );\n _invariant(\n !isValidElement(spec),\n \"ReactClass: You're attempting to \" +\n 'use a component as a mixin. Instead, just use a regular object.'\n );\n\n var proto = Constructor.prototype;\n var autoBindPairs = proto.__reactAutoBindPairs;\n\n // By handling mixins before any other properties, we ensure the same\n // chaining order is applied to methods with DEFINE_MANY policy, whether\n // mixins are listed before or after these methods in the spec.\n if (spec.hasOwnProperty(MIXINS_KEY)) {\n RESERVED_SPEC_KEYS.mixins(Constructor, spec.mixins);\n }\n\n for (var name in spec) {\n if (!spec.hasOwnProperty(name)) {\n continue;\n }\n\n if (name === MIXINS_KEY) {\n // We have already handled mixins in a special case above.\n continue;\n }\n\n var property = spec[name];\n var isAlreadyDefined = proto.hasOwnProperty(name);\n validateMethodOverride(isAlreadyDefined, name);\n\n if (RESERVED_SPEC_KEYS.hasOwnProperty(name)) {\n RESERVED_SPEC_KEYS[name](Constructor, property);\n } else {\n // Setup methods on prototype:\n // The following member methods should not be automatically bound:\n // 1. Expected ReactClass methods (in the \"interface\").\n // 2. Overridden methods (that were mixed in).\n var isReactClassMethod = ReactClassInterface.hasOwnProperty(name);\n var isFunction = typeof property === 'function';\n var shouldAutoBind =\n isFunction &&\n !isReactClassMethod &&\n !isAlreadyDefined &&\n spec.autobind !== false;\n\n if (shouldAutoBind) {\n autoBindPairs.push(name, property);\n proto[name] = property;\n } else {\n if (isAlreadyDefined) {\n var specPolicy = ReactClassInterface[name];\n\n // These cases should already be caught by validateMethodOverride.\n _invariant(\n isReactClassMethod &&\n (specPolicy === 'DEFINE_MANY_MERGED' ||\n specPolicy === 'DEFINE_MANY'),\n 'ReactClass: Unexpected spec policy %s for key %s ' +\n 'when mixing in component specs.',\n specPolicy,\n name\n );\n\n // For methods which are defined more than once, call the existing\n // methods before calling the new property, merging if appropriate.\n if (specPolicy === 'DEFINE_MANY_MERGED') {\n proto[name] = createMergedResultFunction(proto[name], property);\n } else if (specPolicy === 'DEFINE_MANY') {\n proto[name] = createChainedFunction(proto[name], property);\n }\n } else {\n proto[name] = property;\n if (process.env.NODE_ENV !== 'production') {\n // Add verbose displayName to the function, which helps when looking\n // at profiling tools.\n if (typeof property === 'function' && spec.displayName) {\n proto[name].displayName = spec.displayName + '_' + name;\n }\n }\n }\n }\n }\n }\n }\n\n function mixStaticSpecIntoComponent(Constructor, statics) {\n if (!statics) {\n return;\n }\n\n for (var name in statics) {\n var property = statics[name];\n if (!statics.hasOwnProperty(name)) {\n continue;\n }\n\n var isReserved = name in RESERVED_SPEC_KEYS;\n _invariant(\n !isReserved,\n 'ReactClass: You are attempting to define a reserved ' +\n 'property, `%s`, that shouldn\\'t be on the \"statics\" key. Define it ' +\n 'as an instance property instead; it will still be accessible on the ' +\n 'constructor.',\n name\n );\n\n var isAlreadyDefined = name in Constructor;\n if (isAlreadyDefined) {\n var specPolicy = ReactClassStaticInterface.hasOwnProperty(name)\n ? ReactClassStaticInterface[name]\n : null;\n\n _invariant(\n specPolicy === 'DEFINE_MANY_MERGED',\n 'ReactClass: You are attempting to define ' +\n '`%s` on your component more than once. This conflict may be ' +\n 'due to a mixin.',\n name\n );\n\n Constructor[name] = createMergedResultFunction(Constructor[name], property);\n\n return;\n }\n\n Constructor[name] = property;\n }\n }\n\n /**\n * Merge two objects, but throw if both contain the same key.\n *\n * @param {object} one The first object, which is mutated.\n * @param {object} two The second object\n * @return {object} one after it has been mutated to contain everything in two.\n */\n function mergeIntoWithNoDuplicateKeys(one, two) {\n _invariant(\n one && two && typeof one === 'object' && typeof two === 'object',\n 'mergeIntoWithNoDuplicateKeys(): Cannot merge non-objects.'\n );\n\n for (var key in two) {\n if (two.hasOwnProperty(key)) {\n _invariant(\n one[key] === undefined,\n 'mergeIntoWithNoDuplicateKeys(): ' +\n 'Tried to merge two objects with the same key: `%s`. This conflict ' +\n 'may be due to a mixin; in particular, this may be caused by two ' +\n 'getInitialState() or getDefaultProps() methods returning objects ' +\n 'with clashing keys.',\n key\n );\n one[key] = two[key];\n }\n }\n return one;\n }\n\n /**\n * Creates a function that invokes two functions and merges their return values.\n *\n * @param {function} one Function to invoke first.\n * @param {function} two Function to invoke second.\n * @return {function} Function that invokes the two argument functions.\n * @private\n */\n function createMergedResultFunction(one, two) {\n return function mergedResult() {\n var a = one.apply(this, arguments);\n var b = two.apply(this, arguments);\n if (a == null) {\n return b;\n } else if (b == null) {\n return a;\n }\n var c = {};\n mergeIntoWithNoDuplicateKeys(c, a);\n mergeIntoWithNoDuplicateKeys(c, b);\n return c;\n };\n }\n\n /**\n * Creates a function that invokes two functions and ignores their return vales.\n *\n * @param {function} one Function to invoke first.\n * @param {function} two Function to invoke second.\n * @return {function} Function that invokes the two argument functions.\n * @private\n */\n function createChainedFunction(one, two) {\n return function chainedFunction() {\n one.apply(this, arguments);\n two.apply(this, arguments);\n };\n }\n\n /**\n * Binds a method to the component.\n *\n * @param {object} component Component whose method is going to be bound.\n * @param {function} method Method to be bound.\n * @return {function} The bound method.\n */\n function bindAutoBindMethod(component, method) {\n var boundMethod = method.bind(component);\n if (process.env.NODE_ENV !== 'production') {\n boundMethod.__reactBoundContext = component;\n boundMethod.__reactBoundMethod = method;\n boundMethod.__reactBoundArguments = null;\n var componentName = component.constructor.displayName;\n var _bind = boundMethod.bind;\n boundMethod.bind = function(newThis) {\n for (\n var _len = arguments.length,\n args = Array(_len > 1 ? _len - 1 : 0),\n _key = 1;\n _key < _len;\n _key++\n ) {\n args[_key - 1] = arguments[_key];\n }\n\n // User is trying to bind() an autobound method; we effectively will\n // ignore the value of \"this\" that the user is trying to use, so\n // let's warn.\n if (newThis !== component && newThis !== null) {\n if (process.env.NODE_ENV !== 'production') {\n warning(\n false,\n 'bind(): React component methods may only be bound to the ' +\n 'component instance. See %s',\n componentName\n );\n }\n } else if (!args.length) {\n if (process.env.NODE_ENV !== 'production') {\n warning(\n false,\n 'bind(): You are binding a component method to the component. ' +\n 'React does this for you automatically in a high-performance ' +\n 'way, so you can safely remove this call. See %s',\n componentName\n );\n }\n return boundMethod;\n }\n var reboundMethod = _bind.apply(boundMethod, arguments);\n reboundMethod.__reactBoundContext = component;\n reboundMethod.__reactBoundMethod = method;\n reboundMethod.__reactBoundArguments = args;\n return reboundMethod;\n };\n }\n return boundMethod;\n }\n\n /**\n * Binds all auto-bound methods in a component.\n *\n * @param {object} component Component whose method is going to be bound.\n */\n function bindAutoBindMethods(component) {\n var pairs = component.__reactAutoBindPairs;\n for (var i = 0; i < pairs.length; i += 2) {\n var autoBindKey = pairs[i];\n var method = pairs[i + 1];\n component[autoBindKey] = bindAutoBindMethod(component, method);\n }\n }\n\n var IsMountedPreMixin = {\n componentDidMount: function() {\n this.__isMounted = true;\n }\n };\n\n var IsMountedPostMixin = {\n componentWillUnmount: function() {\n this.__isMounted = false;\n }\n };\n\n /**\n * Add more to the ReactClass base class. These are all legacy features and\n * therefore not already part of the modern ReactComponent.\n */\n var ReactClassMixin = {\n /**\n * TODO: This will be deprecated because state should always keep a consistent\n * type signature and the only use case for this, is to avoid that.\n */\n replaceState: function(newState, callback) {\n this.updater.enqueueReplaceState(this, newState, callback);\n },\n\n /**\n * Checks whether or not this composite component is mounted.\n * @return {boolean} True if mounted, false otherwise.\n * @protected\n * @final\n */\n isMounted: function() {\n if (process.env.NODE_ENV !== 'production') {\n warning(\n this.__didWarnIsMounted,\n '%s: isMounted is deprecated. Instead, make sure to clean up ' +\n 'subscriptions and pending requests in componentWillUnmount to ' +\n 'prevent memory leaks.',\n (this.constructor && this.constructor.displayName) ||\n this.name ||\n 'Component'\n );\n this.__didWarnIsMounted = true;\n }\n return !!this.__isMounted;\n }\n };\n\n var ReactClassComponent = function() {};\n _assign(\n ReactClassComponent.prototype,\n ReactComponent.prototype,\n ReactClassMixin\n );\n\n /**\n * Creates a composite component class given a class specification.\n * See https://facebook.github.io/react/docs/top-level-api.html#react.createclass\n *\n * @param {object} spec Class specification (which must define `render`).\n * @return {function} Component constructor function.\n * @public\n */\n function createClass(spec) {\n // To keep our warnings more understandable, we'll use a little hack here to\n // ensure that Constructor.name !== 'Constructor'. This makes sure we don't\n // unnecessarily identify a class without displayName as 'Constructor'.\n var Constructor = identity(function(props, context, updater) {\n // This constructor gets overridden by mocks. The argument is used\n // by mocks to assert on what gets mounted.\n\n if (process.env.NODE_ENV !== 'production') {\n warning(\n this instanceof Constructor,\n 'Something is calling a React component directly. Use a factory or ' +\n 'JSX instead. See: https://fb.me/react-legacyfactory'\n );\n }\n\n // Wire up auto-binding\n if (this.__reactAutoBindPairs.length) {\n bindAutoBindMethods(this);\n }\n\n this.props = props;\n this.context = context;\n this.refs = emptyObject;\n this.updater = updater || ReactNoopUpdateQueue;\n\n this.state = null;\n\n // ReactClasses doesn't have constructors. Instead, they use the\n // getInitialState and componentWillMount methods for initialization.\n\n var initialState = this.getInitialState ? this.getInitialState() : null;\n if (process.env.NODE_ENV !== 'production') {\n // We allow auto-mocks to proceed as if they're returning null.\n if (\n initialState === undefined &&\n this.getInitialState._isMockFunction\n ) {\n // This is probably bad practice. Consider warning here and\n // deprecating this convenience.\n initialState = null;\n }\n }\n _invariant(\n typeof initialState === 'object' && !Array.isArray(initialState),\n '%s.getInitialState(): must return an object or null',\n Constructor.displayName || 'ReactCompositeComponent'\n );\n\n this.state = initialState;\n });\n Constructor.prototype = new ReactClassComponent();\n Constructor.prototype.constructor = Constructor;\n Constructor.prototype.__reactAutoBindPairs = [];\n\n injectedMixins.forEach(mixSpecIntoComponent.bind(null, Constructor));\n\n mixSpecIntoComponent(Constructor, IsMountedPreMixin);\n mixSpecIntoComponent(Constructor, spec);\n mixSpecIntoComponent(Constructor, IsMountedPostMixin);\n\n // Initialize the defaultProps property after all mixins have been merged.\n if (Constructor.getDefaultProps) {\n Constructor.defaultProps = Constructor.getDefaultProps();\n }\n\n if (process.env.NODE_ENV !== 'production') {\n // This is a tag to indicate that the use of these method names is ok,\n // since it's used with createClass. If it's not, then it's likely a\n // mistake so we'll warn you to use the static property, property\n // initializer or constructor respectively.\n if (Constructor.getDefaultProps) {\n Constructor.getDefaultProps.isReactClassApproved = {};\n }\n if (Constructor.prototype.getInitialState) {\n Constructor.prototype.getInitialState.isReactClassApproved = {};\n }\n }\n\n _invariant(\n Constructor.prototype.render,\n 'createClass(...): Class specification must implement a `render` method.'\n );\n\n if (process.env.NODE_ENV !== 'production') {\n warning(\n !Constructor.prototype.componentShouldUpdate,\n '%s has a method called ' +\n 'componentShouldUpdate(). Did you mean shouldComponentUpdate()? ' +\n 'The name is phrased as a question because the function is ' +\n 'expected to return a value.',\n spec.displayName || 'A component'\n );\n warning(\n !Constructor.prototype.componentWillRecieveProps,\n '%s has a method called ' +\n 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?',\n spec.displayName || 'A component'\n );\n warning(\n !Constructor.prototype.UNSAFE_componentWillRecieveProps,\n '%s has a method called UNSAFE_componentWillRecieveProps(). ' +\n 'Did you mean UNSAFE_componentWillReceiveProps()?',\n spec.displayName || 'A component'\n );\n }\n\n // Reduce time spent doing lookups by setting these on the prototype.\n for (var methodName in ReactClassInterface) {\n if (!Constructor.prototype[methodName]) {\n Constructor.prototype[methodName] = null;\n }\n }\n\n return Constructor;\n }\n\n return createClass;\n}\n\nmodule.exports = factory;\n","// Tell whether the rect is visible, given an offset\n//\n// return: boolean\nmodule.exports = function (offset, rect, containmentRect) {\n var offsetDir = offset.direction;\n var offsetVal = offset.value;\n\n // Rules for checking different kind of offsets. In example if the element is\n // 90px below viewport and offsetTop is 100, it is considered visible.\n switch (offsetDir) {\n case 'top':\n return ((containmentRect.top + offsetVal) < rect.top) &&\n (containmentRect.bottom > rect.bottom) &&\n (containmentRect.left < rect.left) &&\n (containmentRect.right > rect.right);\n\n case 'left':\n return ((containmentRect.left + offsetVal) < rect.left) &&\n (containmentRect.bottom > rect.bottom) &&\n (containmentRect.top < rect.top) &&\n (containmentRect.right > rect.right);\n\n case 'bottom':\n return ((containmentRect.bottom - offsetVal) > rect.bottom) &&\n (containmentRect.left < rect.left) &&\n (containmentRect.right > rect.right) &&\n (containmentRect.top < rect.top);\n\n case 'right':\n return ((containmentRect.right - offsetVal) > rect.right) &&\n (containmentRect.left < rect.left) &&\n (containmentRect.top < rect.top) &&\n (containmentRect.bottom > rect.bottom);\n }\n}\n"],"sourceRoot":""}