{"version":3,"sources":["webpack:///./transfer/components/open-banking/openBankingWarning.js","webpack:///./transfer/components/nobalance/manual-review.js","webpack:///./transfer/components/nobalance/cip-success.js","webpack:///./transfer/components/nobalance/cip-error.js","webpack:///./transfer/components/nobalance/cip-overpanels.js","webpack:///./transfer/components/nobalance/icons/svg/pending.svg","webpack:///./transfer/components/unified/icons/svg/circledCheckMark.svg","webpack:///./transfer/components/nobalance/icons/svg/critical.svg","webpack:///./transfer/components/funding-option-selector.styles.js","webpack:///./transfer/components/cash-advance-fees-overpanel/cash-advance-fees-warning.js"],"names":["i18n","content","OpenBankingWarning","props","contentKey","style","accountType","React","createElement","_Alert","type","_objectSpread","margin","data-testid","Box","glamorous","div","display","justifyContent","marginTop","Heading","h2","width","marginLeft","marginBottom","SubText","p","ProfileIconSVG","glamorousIcon","height","defaultProps","svg","pendingSVG","CIPManualReview","Component","componentDidMount","this","analyticsStrings","pageGroup","pageName","trackImpression","render","role","aria-label","tabIndex","data-a11y-overpanel-focus-target","css","outline","className","data-nemo","onClick","trackLink","handleNext","concat","styles","nextButton","circledCheckMark","CIPSuccess","crticalSVG","CIPError","CIPOverpanels","constructor","super","_defineProperty","setState","showManualReviewOverpanel","state","showSuccessOverpanel","showErrorOverpanel","cipStatus","CIP","MANUAL_REVIEW","CIP_ERROR","VERIFIED","Overpanel","show","handleClose","toggleManualReviewOverpanel","toggleSuccessOverpanel","toggleErrorOverpanel","connect","_ref","external","module","exports","StyleSheet","create","fundingOptionsWrapper","overflow","headerWrapper","header","pageWrapper","padding","maxWidth","media","background","border","BOX_BORDER_STYLES","noBorder","overpanelWrapper","fundingOptionsListWrapper","listStyle","fundingOptionAlertWrapper","staggerBefore","transform","opacity","staggerAfter","transition","balanceToggleWrapper","borderRadius","balanceCheckbox","forceDisplayBlock","preventIncorrectLabelWrap","preferredBadge","preferredBadgeText","fontSize","newCardLink","float","showMoreCards","topLineSeparator","lineSeparator","dynamicSpacer","cancelButton","disabledLabel","cursor","greyedOut","inlineWarningContainer","inlineWarningBlurb","textAlign","inlineWarningInfoLink","i18nAlert","CashAdvanceFeesWarning","stylesOverride","messageOverride","handleOnClick","isGuest","message","arguments","length","undefined","click","genericIssuerName","messageContent","replace","messageArr","split","handleButtonOnClick","event","preventDefault","_ContextualAlert","typeIconAriaLabel","_Button","tertiary","renderMessageWithButtonLink"],"mappings":"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","file":"default~funding-option-selector~guest~universal-preview.esm.js","sourcesContent":["// @flow\nimport React from 'react'\nimport { Alert } from '@paypalcorp/pp-react'\nimport content from 'pp-react-l10n'\n\nconst i18n = content('transfer/inc/openBanking')\n\ntype Props = {\n contentKey: string,\n style: Object,\n accountType: ?string,\n}\n\nconst OpenBankingWarning = (props: Props) => {\n const { contentKey, style, accountType } = props\n\n return (\n \n {i18n(contentKey, { accountType })}\n \n )\n}\n\nexport default OpenBankingWarning\n","import React from 'react'\nimport glamorous from 'glamorous'\nimport content from 'pp-react-l10n'\nimport { css } from '../../../lib/paypalphrodite'\nimport styles from '../funding-option-selector.styles'\nimport PropTypes from 'prop-types'\nimport pendingSVG from './icons/svg/pending.svg'\nimport glamorousIcon from '../../../lib/glamorous-icon'\nimport { trackImpression, trackLink } from '../../../lib/analytics/fpti'\nconst i18n = content('transfer/nobalance')\n\nconst Box = glamorous.div({\n display: 'block',\n justifyContent: 'center',\n marginTop: '10%',\n})\nconst Heading = glamorous.h2({\n width: '50%',\n marginLeft: '25%',\n marginBottom: '2%',\n})\n\nconst SubText = glamorous.p({\n width: '60%',\n marginLeft: '20%',\n marginBottom: '5%',\n})\nconst ProfileIconSVG = glamorousIcon({\n height: 80,\n width: 80,\n marginLeft: '45%',\n '& svg': { height: 80, width: 80 },\n})\n\nProfileIconSVG.defaultProps = { svg: pendingSVG }\n\nexport class CIPManualReview extends React.Component {\n static propTypes = {\n handleNext: PropTypes.func.isRequired,\n }\n\n componentDidMount() {\n this.analyticsStrings = {\n pageGroup: 'main:consumer:p2p:nobalance:manualreview',\n pageName: 'main:consumer:p2p:nobalance:manualreview:overpanel::',\n }\n trackImpression(\n this.analyticsStrings.pageGroup,\n this.analyticsStrings.pageName\n )\n }\n\n render() {\n return (\n \n \n \n {i18n('nobalance.manualReviewTitle')}\n \n \n {i18n('nobalance.manualReviewSubTitle')}\n \n {\n const { pageGroup, pageName } = this.analyticsStrings\n trackLink('next', pageGroup, pageName, 'link')\n this.props.handleNext()\n }}\n className={`${css(styles.nextButton)} vx_btn`}\n >\n {i18n('nobalance.manualReviewNext')}\n \n \n )\n }\n}\n\nexport default CIPManualReview\n","import React from 'react'\nimport glamorous from 'glamorous'\nimport content from 'pp-react-l10n'\nimport { css } from '../../../lib/paypalphrodite'\nimport styles from '../funding-option-selector.styles'\nimport PropTypes from 'prop-types'\nimport circledCheckMark from '../unified/icons/svg/circledCheckMark.svg'\nimport glamorousIcon from '../../../lib/glamorous-icon'\nimport { trackImpression, trackLink } from '../../../lib/analytics/fpti'\nconst i18n = content('transfer/nobalance')\n\nconst Box = glamorous.div({\n display: 'block',\n justifyContent: 'center',\n marginTop: '10%',\n})\nconst Heading = glamorous.h2({\n width: '50%',\n marginLeft: '25%',\n marginBottom: '2%',\n})\n\nconst ProfileIconSVG = glamorousIcon({\n height: 80,\n width: 80,\n marginLeft: '45%',\n '& svg': { height: 80, width: 80 },\n})\n\nProfileIconSVG.defaultProps = { svg: circledCheckMark }\n\nexport class CIPSuccess extends React.Component {\n static propTypes = {\n handleNext: PropTypes.func,\n }\n\n componentDidMount() {\n this.analyticsStrings = {\n pageGroup: 'main:consumer:p2p:nobalance:cipsuccess',\n pageName: 'main:consumer:p2p:nobalance:cipsuccess:overpanel::',\n }\n trackImpression(\n this.analyticsStrings.pageGroup,\n this.analyticsStrings.pageName\n )\n }\n\n render() {\n return (\n \n \n \n {i18n('nobalance.successTitle')}\n \n {\n const { pageGroup, pageName } = this.analyticsStrings\n trackLink('done', pageGroup, pageName, 'link')\n this.props.handleNext()\n }}\n className={`${css(styles.nextButton)} vx_btn`}\n >\n {i18n('nobalance.successButton')}\n \n \n )\n }\n}\n\nexport default CIPSuccess\n","import React from 'react'\nimport glamorous from 'glamorous'\nimport content from 'pp-react-l10n'\nimport { css } from '../../../lib/paypalphrodite'\nimport styles from '../funding-option-selector.styles'\nimport PropTypes from 'prop-types'\nimport crticalSVG from './icons/svg/critical.svg'\nimport glamorousIcon from '../../../lib/glamorous-icon'\nimport { trackImpression, trackLink } from '../../../lib/analytics/fpti'\nconst i18n = content('transfer/nobalance')\n\nconst Box = glamorous.div({\n display: 'block',\n justifyContent: 'center',\n marginTop: '10%',\n})\nconst Heading = glamorous.h2({\n width: '50%',\n marginLeft: '25%',\n marginBottom: '2%',\n})\n\nconst SubText = glamorous.p({\n width: '60%',\n marginLeft: '20%',\n marginBottom: '5%',\n})\nconst ProfileIconSVG = glamorousIcon({\n height: 80,\n width: 80,\n marginLeft: '45%',\n '& svg': { height: 80, width: 80 },\n})\n\nProfileIconSVG.defaultProps = { svg: crticalSVG }\n\nexport class CIPError extends React.Component {\n static propTypes = {\n handleNext: PropTypes.func,\n }\n\n componentDidMount() {\n this.analyticsStrings = {\n pageGroup: 'main:consumer:p2p:nobalance:ciperror',\n pageName: 'main:consumer:p2p:nobalance:ciperror:overpanel::',\n }\n trackImpression(\n this.analyticsStrings.pageGroup,\n this.analyticsStrings.pageName\n )\n }\n\n render() {\n return (\n \n \n \n {i18n('nobalance.errorTitle')}\n \n \n {i18n('nobalance.errorSubtitle')}\n \n {\n const { pageGroup, pageName } = this.analyticsStrings\n trackLink('back', pageGroup, pageName, 'link')\n this.props.handleNext()\n }}\n className={`${css(styles.nextButton)} vx_btn`}\n >\n {i18n('nobalance.back')}\n \n \n )\n }\n}\n\nexport default CIPError\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { connect } from 'transfer/utils/p2p-connect'\nimport Overpanel from 'react-components/overpanel'\nimport CIPManualReview from './manual-review'\nimport { CIP } from '../../constants'\nimport CIPSuccess from './cip-success'\nimport CIPError from './cip-error'\n\nexport class CIPOverpanels extends React.Component {\n static propTypes = {\n cipStatus: PropTypes.string.isRequired,\n }\n\n constructor(props) {\n super(props)\n const { cipStatus } = props\n this.state = {\n showManualReviewOverpanel: cipStatus === CIP.MANUAL_REVIEW,\n showErrorOverpanel: cipStatus === CIP.CIP_ERROR,\n showSuccessOverpanel: cipStatus === CIP.VERIFIED,\n }\n }\n\n toggleManualReviewOverpanel = () => {\n this.setState({\n showManualReviewOverpanel: !this.state.showManualReviewOverpanel,\n })\n }\n\n toggleSuccessOverpanel = () => {\n this.setState({\n showSuccessOverpanel: !this.state.showSuccessOverpanel,\n })\n }\n\n toggleErrorOverpanel = () => {\n this.setState({\n showErrorOverpanel: !this.state.showErrorOverpanel,\n })\n }\n\n render() {\n const {\n showManualReviewOverpanel,\n showErrorOverpanel,\n showSuccessOverpanel,\n } = this.state\n return (\n
\n \n \n \n \n \n \n \n \n \n
\n )\n }\n}\n\nexport default connect(({ external }) => ({\n cipStatus: external.cipStatus,\n}))(CIPOverpanels)\n","module.exports = \"Icons/24/blue/pending/Created with Sketch.\"","module.exports = \"icSuccessLgCreated with Sketch.\"","module.exports = \"Icons/24/blue/criticalCreated with Sketch.\"","import { StyleSheet } from 'lib/paypalphrodite'\nimport * as media from '../../lib/styles/media-queries'\nimport { BOX_BORDER_STYLES } from 'lib/styles/styles'\n\nconst VXLighterGrey = '#F5F7FA'\nconst VXBorderOverride = '#9DA3A6'\n\nexport default StyleSheet.create({\n fundingOptionsWrapper: {\n overflow: 'initial',\n },\n headerWrapper: {\n marginBottom: 0,\n },\n header: {\n margin: '0px auto 25px',\n },\n pageWrapper: {\n padding: 50,\n maxWidth: media.SIZE_GREY_BACKGROUND,\n margin: '40px auto 0',\n background: 'white',\n border: '1px solid #f2f2f2',\n [media.smallAndSmaller]: {\n padding: '30px 25px 25px',\n marginTop: 15,\n },\n ...BOX_BORDER_STYLES,\n ':focus': {\n outline: 'none',\n },\n },\n noBorder: {\n border: 'none',\n [media.smallAndSmaller]: {\n marginTop: 0,\n },\n },\n overpanelWrapper: {\n padding: '0 20px',\n maxWidth: 500,\n margin: '0 auto 60px',\n background: 'white',\n [media.smallAndSmaller]: {\n padding: '30px 25px 25px',\n marginTop: 15,\n },\n },\n fundingOptionsListWrapper: {\n margin: 0,\n listStyle: 'none',\n },\n fundingOptionAlertWrapper: {\n margin: '0',\n },\n staggerBefore: {\n transform: 'translateY(10px)',\n opacity: 0,\n },\n staggerAfter: {\n transform: 'translateY(0)',\n opacity: 1,\n transition: 'all 300ms ease',\n },\n balanceToggleWrapper: {\n marginTop: 5,\n background: VXLighterGrey,\n padding: 15,\n borderRadius: 5,\n },\n balanceCheckbox: {\n ':before': {\n border: `1px solid ${VXBorderOverride}`,\n },\n margin: 0,\n },\n forceDisplayBlock: {\n display: 'block',\n },\n preventIncorrectLabelWrap: {\n // because the design is specific that the text of the label not wrap beneath checkbox\n display: 'inline-block',\n width: 'calc(100% - 45px)', // the full width, minus the size of checkboxes and radio buttons in VX\n },\n preferredBadge: {\n marginLeft: 42,\n padding: '1px 8px',\n background: '#eaf7e9',\n display: 'inline-block',\n },\n preferredBadgeText: {\n fontSize: 11,\n margin: 0,\n },\n newCardLink: {\n float: 'left',\n },\n showMoreCards: {\n float: 'right',\n },\n topLineSeparator: {\n marginTop: 0,\n },\n lineSeparator: {\n border: 'none',\n },\n dynamicSpacer: {\n border: 'none',\n margin: 0,\n },\n nextButton: {\n margin: '25px auto 0',\n display: 'block',\n width: 275,\n ':last-child': {\n marginBottom: '20px',\n },\n },\n cancelButton: {\n display: 'block',\n width: 250,\n margin: '20px auto 0',\n },\n disabledLabel: {\n cursor: 'not-allowed',\n },\n greyedOut: {\n opacity: '.3',\n },\n inlineWarningContainer: {\n margin: '0 auto 40px auto',\n maxWidth: '500px',\n },\n inlineWarningBlurb: {\n textAlign: 'center',\n marginBottom: '0.25rem',\n [media.smallAndSmaller]: {\n margin: '1rem 2.25rem 0.25rem 2.25rem',\n },\n },\n inlineWarningInfoLink: {\n display: 'block',\n margin: '0 auto',\n },\n})\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport content from 'pp-react-l10n'\nimport { Button, ContextualAlert } from '@paypalcorp/pp-react'\n\nconst i18n = content('transfer/inc/cashAdvanceFees')\nconst i18nAlert = content('transfer/alert')\n\nfunction renderMessageWithButtonLink(message = '', click, isGuest) {\n if (isGuest) {\n const genericIssuerName = i18n('generic.issuer.name')\n message = i18n('guest.warning.label', {\n genericIssuerName,\n })\n }\n\n /*\n * Function is creating a button link within message not an \n * 1) Expecting a message '{|} Click here {|} for some awesome overpanel.'\n * 2) First massage to '| Click here | for some awesome overpanel.'\n * 3) What is within the 'pipe' symbol is used as text within a button component.\n * 4) Return component\n */\n\n const messageContent = message.replace(/{|}/g, '')\n const messageArr = messageContent.split('|')\n\n const handleButtonOnClick = event => {\n event.preventDefault()\n click()\n }\n\n return (\n \n \n {messageArr[0] || null}\n {messageArr[1] ? (\n \n {messageArr[1]}\n \n ) : null}\n {messageArr[2] || null}\n \n \n )\n}\n\nconst CashAdvanceFeesWarning = ({\n stylesOverride = {},\n messageOverride = '',\n handleOnClick = () => {},\n isGuest = false,\n}) => (\n
\n {renderMessageWithButtonLink(\n messageOverride ? messageOverride : i18n('warning.label'),\n handleOnClick,\n isGuest\n )}\n
\n)\n\nCashAdvanceFeesWarning.propTypes = {\n stylesOverride: PropTypes.object,\n messageOverride: PropTypes.string,\n handleOnClick: PropTypes.func,\n isGuest: PropTypes.bool,\n}\n\nexport default CashAdvanceFeesWarning\n"],"sourceRoot":""}