{"version":3,"sources":["webpack:///./transfer/components/single-amount-field.styles.js","webpack:///./transfer/components/single-amount-field.js","webpack:///./transfer/components/bill-splitting-partner-header.js","webpack:///./transfer/components/homepage/multi-recipient-selector.js"],"names":["styleVars","selectColor","selectFontSize","arrowIconWidth","StyleSheet","create","inputWrapper","display","justifyContent","currencySymbol","marginRight","marginTop","textAlign","color","colors","inputText","fontSize","fontWeight","input","background","border","padding","margin","textOverflow","outline","cursor","letterSpacing","inputWithHiddenCursor","textShadow","concat","inputReadOnly","selectWrapper","position","height","selectWrapperCondensed","marginBottom","selectWrapperReadOnly","select","appearance","paddingTop","paddingRight","paddingBottom","paddingLeft","backgroundColor","top","left","zIndex","selectReadOnly","selectArrow","firstTimeUserTooltipWrapper","lineHeight","i18n","content","SingleAmountField","Component","constructor","props","super","_defineProperty","isMouseDown","_ref","target","value","currencyCode","this","handleChange","_ref2","_ref3","moveCursorToTheEnd","onFocus","_ref4","setState","hideCursor","sortedCurrencyCodeList","sortCurrencyList","currencyCodeList","currencySymbolMap","componentDidMount","_isMounted","isFontLoaded","then","forceUpdate","catch","isAmountReadOnly","_input","focus","componentWillUnmount","componentWillReceiveProps","nextProps","showInvalid","focusAmountField","_ref5","normalizedValue","amountUtils","cleanValue","numberValue","Number","_isNaN","length","MAX_AMOUNT_LENGTH","formattedValue","currencyDecimal","toString","onChange","isInvalid","setTimeout","render","state","adjustedValue","getCurrencyPrecision","parseFloat","toFixed","inputFontSize","inputWidth","selectWidth","_select","inputWrapperClasses","classNames","css","styles","inputStyles","width","styleOverrides","inputColor","selectWrapperColor","invalidInputColor","arrowPosition","currencySymbolClassNames","inputClassNames","dropdownWrapperClassNames","showCondensedUI","isCurrencyCodeReadOnly","dropdownClassNames","amountComponents","React","createElement","aria-label","key","ref","c","type","className","style","dir","name","data-nemo","id","autoComplete","required","readOnly","handleInputChange","handleFocus","onClick","handleClick","onMouseDown","handleMouseDown","onMouseUp","handleMouseUp","symbol","amountFieldAndSymbol","getAmountParts","filter","part","map","defaultCurrency","Object","keys","htmlFor","disabled","handleSelectChange","code","isCurrencyReadOnly","handleFirstTimeUserTooltipClick","ContentContainer","glamorous","div","recipientPartnerPadding","flexDirection","alignItems","ParagraphContent","p","connect","amount","billSplitting","server","locale","request","currencyMap","partnerLogoUrl","logoUrl","partnerName","partnerDisplayName","shouldDisplay","partnerLogo","backgroundImage","center","recipientPartnerWidth","logo","AmountField","hideCurrencyCode","sysColorErrorMain","sysColorBackgroundMediumContrast","_PAYPAL_THEME","callAll","_len","arguments","fns","Array","_key","_len2","args","_key2","forEach","fn","ErrorContainer","ErrorText","CriticalIconContainer","MultiRecipientSelector","_this","validateInput","recipient","tracking","Events","p2p_contact_typing_stopped","num_characters_input","search_type","alreadyTyped","_debounce","trackTypingStoppedAndMakeTypingAvailable","item","removeRecipient","changes","hasOwnProperty","isOpen","event","p2p_contact_typing_started","trackTypingStoppedDebounced","p2p_contact_search_pressed","trackDirectorySearchClick","selectAllText","index","selected","onSelectItem","SelectedRecipient","handleRecipientSelection","contact","inputValue","undefined","thumbnailUrl","firstName","lastName","fullName","alternateFullName","phones","email","networkIdDisplayName","details","getInformalName","givenName","surname","country","countryCode","isArray","getContactPhone","isPhoneOrEmail","hasNetworkId","networkId","SearchContactRow","role","_CriticalIcon","size","_CaptionText","as","errorMessage","flush","selectedRecipients","inputProps","submitRecipient","submit","isRecipientValid","isAndroid","showError","AutoComplete","multi","_objectSpread","autoFocus","shouldContactSearchInputBeAutofocus","placeholder","boxShadow","onBlur","handleInputBlur","handleInputFocus","selectedItem","renderItem","renderSelectedItem","onStateChange","handleStateChange","removeSelectedItem","submitItem","isInputValid","renderError","excludeRecipients"],"mappings":"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","file":"default~request-page~request-preview.esm.js","sourcesContent":["import { StyleSheet } from 'lib/paypalphrodite'\nimport { colors } from '../../lib/styles/variables'\n\nexport const styleVars = {\n selectColor: '#0070ba',\n selectFontSize: 20,\n arrowIconWidth: 20,\n}\n\nexport default StyleSheet.create({\n inputWrapper: {\n display: 'flex',\n justifyContent: 'center',\n },\n currencySymbol: {\n marginRight: 4,\n marginTop: 20,\n textAlign: 'right',\n color: colors.inputText,\n fontSize: 24,\n fontWeight: '300',\n },\n input: {\n background: 'none',\n border: 'none',\n color: colors.inputText,\n textAlign: 'center',\n padding: '0',\n margin: '0',\n textOverflow: 'clip',\n outline: 0,\n cursor: 'pointer',\n letterSpacing: 'normal', // overrides vxpattern-lib-paypal letter-spacing value on all inputs\n },\n inputWithHiddenCursor: {\n color: 'transparent',\n textShadow: `${colors.inputText} 0 0 0`,\n },\n inputReadOnly: {\n cursor: 'default',\n },\n selectWrapper: {\n textAlign: 'center',\n margin: '28px auto',\n color: styleVars.selectColor,\n fontSize: styleVars.selectFontSize,\n position: 'relative',\n height: 32,\n // width: set dynamically based on width of selected option\n },\n selectWrapperCondensed: {\n marginTop: 0,\n marginBottom: 0,\n },\n selectWrapperReadOnly: {\n color: colors.inputText,\n },\n select: {\n position: 'absolute',\n appearance: 'none', // remove browser styles\n border: 0,\n paddingTop: 4,\n paddingRight: styleVars.arrowIconWidth,\n paddingBottom: 4,\n paddingLeft: 2,\n backgroundColor: 'transparent',\n top: 0,\n left: -2, // to compensate for the padding\n zIndex: 2,\n cursor: 'pointer',\n '::-ms-expand': { display: 'none' },\n },\n selectReadOnly: {\n cursor: 'default',\n },\n selectArrow: {\n fontWeight: 'bold',\n position: 'absolute',\n top: 4,\n // left: set dynamically based on width of selected option\n zIndex: 1,\n ':before': {\n position: 'absolute',\n top: 10,\n },\n },\n firstTimeUserTooltipWrapper: {\n lineHeight: '77px', // to vertically center the tooltip icon\n },\n})\n","import PropTypes from 'prop-types'\nimport React, { Component } from 'react'\nimport { StyleSheet, css } from 'lib/paypalphrodite'\nimport styles, { styleVars } from './single-amount-field.styles'\nimport classNames from 'classnames'\nimport { isFontLoaded } from '../../lib/is-font-loaded'\nimport * as amountUtils from '../../lib/amountUtils'\nimport { moveCursorToTheEnd } from '../../lib/dom-utils'\nimport { MAX_AMOUNT_LENGTH } from '../constants'\nimport _ from 'lodash'\nimport { getAmountParts, sortCurrencyList } from '../utils/currencyUtils'\nimport content from 'pp-react-l10n'\nimport { getCurrencyPrecision } from '../../../../lib/utils/currencyUtils'\n\nconst i18n = content('transfer/page/preview')\n\nexport class SingleAmountField extends Component {\n static propTypes = {\n onChange: PropTypes.func.isRequired,\n currencyDecimal: PropTypes.string.isRequired,\n currencySymbolMap: PropTypes.object.isRequired,\n currencyCode: PropTypes.string.isRequired,\n currencyCodeList: PropTypes.array.isRequired,\n value: PropTypes.string.isRequired,\n isAmountReadOnly: PropTypes.bool.isRequired,\n isCurrencyCodeReadOnly: PropTypes.bool,\n inputColor: PropTypes.string,\n selectColor: PropTypes.string,\n showInvalid: PropTypes.bool,\n focusAmountField: PropTypes.bool,\n showFirstTimeUserTooltip: PropTypes.bool,\n showCondensedUI: PropTypes.bool,\n handleFirstTimeUserTooltipClick: PropTypes.func.isRequired,\n onFocus: PropTypes.oneOfType([PropTypes.func, PropTypes.bool]),\n }\n\n static defaultProps = {\n isAmountReadOnly: false,\n isCurrencyReadOnly: false,\n handleFirstTimeUserTooltipClick: () => {},\n }\n\n state = { isMouseDown: false }\n\n constructor(props) {\n super(props)\n\n this.sortedCurrencyCodeList = sortCurrencyList(\n props.currencyCodeList,\n props.currencySymbolMap\n )\n }\n\n componentDidMount() {\n this._isMounted = true\n\n isFontLoaded('PayPal-Sans-Big')\n .then(() => {\n if (this._isMounted) {\n // it could have unmounted before this is resolved\n // once the font has been confirmed to be loaded, we need to recalculate the width of the input.\n this.forceUpdate()\n }\n })\n .catch(() => {\n // do absolutely nothing\n })\n\n if (!this.props.isAmountReadOnly) {\n this._input.focus()\n }\n }\n\n componentWillUnmount() {\n this._isMounted = false\n }\n\n componentWillReceiveProps(nextProps) {\n if (nextProps.showInvalid) {\n this.showInvalid()\n }\n\n if (nextProps.focusAmountField) {\n this._input.focus()\n }\n }\n\n /**\n * This handles the value and currency change. Because a change in currency can cause a change in the value (due to\n * differences in precision), this will be called when the value or the currency is changed.\n *\n * We first strip out all non-digits then validate that the result is a real number. If it's not, then we don't do\n * anything (and the input value is not updated). If the result is equal to 0, then we'll call onAmountChange with an\n * empty string. Otherwise, we'll format it and if it's not the same as it was before, we'll call onAmountChange with\n * that.\n * @param {Object} changes holds the new value and the currencyCode\n */\n handleChange({\n value = this.props.value,\n currencyCode = this.props.currencyCode,\n }) {\n const normalizedValue = amountUtils.normalizeNumberInputs(value)\n const cleanValue = amountUtils.replaceNonDigits(normalizedValue)\n\n // convert value to number to remove leading zeros\n const numberValue = Number(cleanValue)\n\n if (_.isNaN(numberValue) || cleanValue.length >= MAX_AMOUNT_LENGTH) {\n this.showInvalid()\n return\n } else if (numberValue === 0) {\n const newValue = ''\n this.props.onChange(newValue, currencyCode)\n return\n }\n\n const formattedValue = amountUtils.formatUserCentsInput(\n currencyCode,\n this.props.currencyDecimal,\n numberValue.toString()\n )\n if (\n formattedValue !== this.props.value ||\n currencyCode !== this.props.currencyCode\n ) {\n this.props.onChange(formattedValue, currencyCode)\n }\n }\n\n handleSelectChange = ({ target: { value: currencyCode } }) =>\n this.handleChange({ currencyCode })\n handleInputChange = ({ target: { value } }) => this.handleChange({ value })\n handleFocus = ({ target }) => {\n moveCursorToTheEnd(target)\n if (this.props.onFocus) {\n this.props.onFocus(target)\n }\n }\n handleClick = ({ target }) => moveCursorToTheEnd(target)\n handleMouseDown = () => this.setState({ hideCursor: true })\n handleMouseUp = () => this.setState({ hideCursor: false })\n\n /**\n * This function sets the isInvalid state which results in a rerender which will add css classes to cause a shake\n * effect on the input wrapper. It also sets a timeout and sets isInvalid to false so the shake effect doesn't go on\n * forever.\n */\n showInvalid() {\n this.setState({ isInvalid: true }, () => {\n setTimeout(\n () =>\n this.setState({ isInvalid: false }, () => {\n if (this.props.focusAmountField) {\n this._input.focus()\n }\n }),\n 300\n )\n })\n }\n\n render() {\n const { hideCursor, isInvalid } = this.state\n const { selectFontSize } = styleVars\n const {\n value,\n currencyCode,\n currencySymbolMap,\n currencyDecimal,\n } = this.props\n const currencySymbol = currencySymbolMap[currencyCode] || '$'\n\n // non-decimal currencies should have the digits after the decimal removed\n let adjustedValue = value\n if (getCurrencyPrecision(currencyCode) === 0) {\n adjustedValue = parseFloat(value || 0).toFixed(0)\n }\n\n const formattedValue = amountUtils.formatUserCentsInput(\n currencyCode,\n currencyDecimal,\n adjustedValue\n )\n const inputFontSize = amountUtils.updateFontSize(\n formattedValue,\n currencySymbol\n )\n const extraSpaceToAccountForWeirdChromeBug = 2\n const inputWidth =\n amountUtils.measureTextSizeWithStyle(\n inputFontSize,\n this._input,\n formattedValue\n ) + extraSpaceToAccountForWeirdChromeBug\n const selectWidth = amountUtils.measureTextSizeWithStyle(\n selectFontSize,\n this._select,\n currencyCode\n )\n const inputWrapperClasses = classNames(css(styles.inputWrapper), {\n 'animated shake': isInvalid,\n })\n const inputStyles = {\n width: inputWidth,\n fontSize: inputFontSize,\n }\n\n const styleOverrides = StyleSheet.create({\n inputColor: {\n color: this.props.inputColor || '',\n },\n selectWrapperColor: {\n color: this.props.selectColor || '',\n },\n invalidInputColor: {\n color: '#D20000',\n },\n arrowPosition: {\n left: selectWidth,\n },\n })\n\n const currencySymbolClassNames = css(\n styles.currencySymbol,\n this.props.inputColor && styleOverrides.inputColor,\n isInvalid && styleOverrides.invalidInputColor\n )\n\n const inputClassNames = css(\n styles.input,\n hideCursor && styles.inputWithHiddenCursor,\n this.props.isAmountReadOnly && styles.inputReadOnly, // overrides cursor to default\n this.props.inputColor && styleOverrides.inputColor, // overrides color of input text with prop\n isInvalid && styleOverrides.invalidInputColor\n )\n\n const dropdownWrapperClassNames = css(\n styles.selectWrapper,\n this.props.showCondensedUI && styles.selectWrapperCondensed,\n this.props.isCurrencyCodeReadOnly && styles.selectWrapperReadOnly, // overrides color to input default (black)\n this.props.selectColor && styleOverrides.selectWrapperColor // overrides color of select and arrow down with prop\n )\n\n const dropdownClassNames = css(\n styles.select,\n this.props.isCurrencyCodeReadOnly && styles.selectReadOnly // overrides cursor to default\n )\n\n const amountComponents = {\n value: (\n (this._input = c)}\n type=\"tel\"\n className={`${inputClassNames} ppvx_text--xl3`}\n style={inputStyles}\n dir=\"ltr\"\n name=\"amount\"\n data-nemo=\"amount\"\n id=\"fn-amount\"\n autoComplete=\"off\"\n required\n readOnly={this.props.isAmountReadOnly}\n value={formattedValue}\n onChange={this.handleInputChange}\n onFocus={this.handleFocus}\n onClick={this.handleClick}\n onMouseDown={this.handleMouseDown}\n onMouseUp={this.handleMouseUp}\n />\n ),\n symbol: (\n
\n {currencySymbol}\n
\n ),\n }\n\n // parts gives us an array of each individual elements of the formatted amount\n // e.g. [{ type: 'symbol', value: '$' }, { type: 'value', value: '1,000,000.00' }]\n const parts = getAmountParts(\n this.props.value,\n this.props.currencyCode,\n this.props.currencyDecimal\n )\n\n // since the currency code is fixed below the amount field, we care only about\n // the symbol and value parts\n const amountPartsValueAndSymbol = parts.filter(\n part => part.type === 'symbol' || part.type === 'value'\n )\n\n // create an array of the amount field and currency symbol, in the order that\n // is appropriate based on the `parts()` array\n const amountFieldAndSymbol = amountPartsValueAndSymbol.map(\n part => amountComponents[part.type]\n )\n\n const defaultCurrency = this.props.currencyCode\n\n return (\n
\n
\n {amountFieldAndSymbol}\n
\n {currencySymbolMap && Object.keys(currencySymbolMap).length ? (\n \n \n {/* disabling linting requirement, but should be up to the dev what is needed */\n /* eslint-disable-next-line jsx-a11y/no-onchange */}\n (this._select = c)}\n >\n {this.sortedCurrencyCodeList.map(code => (\n \n ))}\n \n \n\n {!this.props.isCurrencyCodeReadOnly && (\n \n )}\n
\n ) : null}\n \n )\n }\n}\n\nexport default SingleAmountField\n","// @flow\nimport React from 'react'\nimport AmountField from './single-amount-field'\nimport styles from './bill-splitting.styles'\nimport classNames from 'classnames'\nimport glamorous from 'glamorous'\nimport { css } from 'lib/paypalphrodite'\nimport { connect } from 'transfer/utils/p2p-connect'\nimport content from 'pp-react-l10n'\nconst i18n = content('transfer/page/recipient')\n\nconst ContentContainer = glamorous.div(styles.recipientPartnerPadding, {\n display: 'flex',\n justifyContent: 'center',\n flexDirection: 'column',\n alignItems: 'center',\n})\n\nconst ParagraphContent = glamorous.p('col-xs-12', {\n margin: '10px 0',\n display: 'flex',\n justifyContent: 'center',\n fontSize: '20px',\n alignItems: 'center',\n marginBottom: 10,\n})\n\ntype Props = {\n partnerLogoUrl: string,\n partnerName: string,\n formattedAmount: string,\n shouldDisplay: boolean,\n currencyDecimal: string,\n currencyMap: any,\n currencyCode: string,\n amount: string,\n locale: string,\n}\n\nconst BillSplitPartnerHeader = ({\n partnerLogoUrl,\n partnerName,\n shouldDisplay,\n currencyCode,\n currencyMap,\n currencyDecimal,\n amount,\n locale,\n}: Props) => {\n if (!shouldDisplay) {\n return null\n }\n\n const partnerLogo = {\n backgroundImage: `url(${partnerLogoUrl})`,\n }\n\n return (\n \n
\n \n \n \n {i18n('header.billSplit')}\n {partnerLogoUrl ? (\n \n ) : (\n ' '\n )}\n {/* @TODO if we don't want locale specific fix here\n we need to update all locales to have space after partner names\n except for sv_SE\n */}\n\n {partnerName}\n {/* eslint-disable-next-line i18n-scan/no-locale-dependency */}\n {locale === 'sv_SE' ? '' : ' '}\n {i18n('header.billSplitPurchase')}\n \n\n {}}\n />\n \n
\n \n \n )\n}\n\nexport default connect(({ amount, billSplitting, server }) => ({\n amount: amount.amount,\n locale: server.locale,\n currencyCode: amount.request.currencyCode,\n currencyDecimal: amount.request.currencyDecimal,\n currencyMap: amount.request.currencyMap,\n partnerLogoUrl: billSplitting.logoUrl,\n partnerName: billSplitting.partnerDisplayName,\n}))(BillSplitPartnerHeader)\n","/**\n * multi autocomplete for recipient selection\n */\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport glamorous from 'glamorous'\nimport content from 'pp-react-l10n'\nimport { CaptionText, CriticalIcon, PAYPAL_THEME } from '@paypalcorp/pp-react'\nimport { selectAllText } from 'lib/dom-utils'\nimport { SelectedRecipient } from '../selectedRecipients'\nimport AutoComplete from './autocomplete'\nimport { getContactPhone } from '../../../lib/contact-utils'\nimport { isPhoneOrEmail } from '../../../../../shared/validators'\nimport { getInformalName } from '../../utils/name-utils'\nimport SearchContactRow from 'transfer/components/search/searchContactRow'\nimport { shouldContactSearchInputBeAutofocus } from 'experiments/contact-search-input-active'\nimport Events from 'lib/analytics/eventTags'\nimport { tracking } from 'lib/analytics/mParticle'\nimport { trackDirectorySearchClick } from 'transfer/utils/directory-search-analytics'\nimport { debounce } from 'lodash'\n\nconst i18n = content('transfer/page/recipient')\nconst { sysColorErrorMain, sysColorBackgroundMediumContrast } = PAYPAL_THEME\n\nconst callAll = (...fns) => (...args) => fns.forEach(fn => fn && fn(...args))\n\nconst ErrorContainer = glamorous.div({ marginTop: '0.375rem', display: 'flex' })\nconst ErrorText = glamorous.div({ color: sysColorBackgroundMediumContrast })\nconst CriticalIconContainer = glamorous.div({\n marginTop: '-0.125rem',\n marginRight: '0.25rem',\n color: sysColorErrorMain,\n})\n\nexport default class MultiRecipientSelector extends Component {\n static propTypes = {\n countryCode: PropTypes.string.isRequired,\n contacts: PropTypes.array.isRequired,\n selectedRecipients: PropTypes.array,\n isOpen: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n inputProps: PropTypes.object,\n recipient: PropTypes.string,\n removeRecipient: PropTypes.func,\n submitRecipient: PropTypes.func,\n submit: PropTypes.func,\n isRecipientValid: PropTypes.bool,\n placeholder: PropTypes.string,\n errorMessage: PropTypes.string,\n isAndroid: PropTypes.bool.isRequired,\n excludeRecipients: PropTypes.func,\n }\n\n static defaultProps = {\n recipient: '',\n inputProps: {},\n placeholder: '',\n errorMessage: '',\n }\n\n state = { validateInput: false }\n\n alreadyTyped = false\n\n trackTypingStoppedAndMakeTypingAvailable = recipient => {\n tracking(\n Events.p2p_contact_typing_stopped({\n num_characters_input: recipient.length,\n search_type: 'service',\n })\n )\n this.alreadyTyped = false\n }\n\n trackTypingStoppedDebounced = debounce(\n this.trackTypingStoppedAndMakeTypingAvailable,\n 300\n )\n\n componentWillUnmount() {\n // Fire typing stopped event, if any\n this.trackTypingStoppedDebounced.flush()\n }\n\n removeSelectedItem = item => {\n this.props.removeRecipient(item)\n }\n\n handleStateChange = changes => {\n if (changes.hasOwnProperty('isOpen')) {\n this.setState({ validateInput: !changes.isOpen })\n this.isOpen = changes.isOpen\n }\n }\n\n handleInputChange = event => {\n if (!this.alreadyTyped) {\n tracking(Events.p2p_contact_typing_started())\n this.alreadyTyped = true\n }\n this.trackTypingStoppedDebounced(this.props.recipient)\n this.setState({ validateInput: false })\n }\n\n handleInputBlur = () => {\n // if the menu is open, then our onStateChange handler will take care of things...\n if (!this.isOpen) {\n this.setState({ validateInput: true })\n }\n }\n\n handleInputFocus = event => {\n tracking(Events.p2p_contact_search_pressed())\n trackDirectorySearchClick(true, 'DIR_SEARCH')\n\n selectAllText(event.target)\n this.setState({ validateInput: false })\n }\n\n renderSelectedItem = ({ item, index, selected, onSelectItem }) => {\n return (\n \n )\n }\n\n renderItem = (contact, index, inputValue = '') => {\n contact.index = index\n const {\n thumbnailUrl,\n firstName,\n lastName,\n fullName,\n alternateFullName,\n phones,\n } = contact\n const { email, networkIdDisplayName } = contact\n\n let details = networkIdDisplayName || email\n const name =\n alternateFullName ||\n fullName ||\n getInformalName({\n givenName: firstName,\n surname: lastName,\n country: this.props.countryCode,\n })\n\n if (!details && Array.isArray(phones)) {\n details = getContactPhone(contact, this.props.countryCode)\n }\n\n // Display email or phone if input value is a valid one, fall back to networkId display\n if (isPhoneOrEmail(inputValue)) {\n details = inputValue\n } else if (contact.hasNetworkId) {\n details = `@${contact.networkId}`\n }\n\n return (\n \n )\n }\n\n renderError = () => {\n return (\n \n \n \n \n {this.props.errorMessage}\n \n )\n }\n\n render() {\n const {\n selectedRecipients = [],\n inputProps,\n recipient = '',\n submitRecipient,\n submit,\n isRecipientValid,\n isAndroid,\n } = this.props\n\n const { validateInput } = this.state\n const showError = validateInput && !isRecipientValid && recipient\n\n return (\n \n )\n }\n}\n"],"sourceRoot":""}