{"version":3,"file":"aboutCashAdvanceFees.esm.js","mappings":";mUAmBMA,GAAOC,EAAAA,EAAAA,IAAQ,gCAed,MAAMC,UAA6BC,EAAAA,UAAiBC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,oBAC3C,MACZC,EAAAA,EAAAA,GACEC,EAAAA,EAAOC,gCAAgC,CACrCC,gBAAiB,mBAGrBC,EAAAA,EAAAA,IAA0B,WAC1BC,KAAKC,MAAMC,UACTC,EAAAA,EAAAA,IAA+B,CAC7BC,MAAM,EACNC,KAAM,QACNC,sBAAuBN,KAAKC,MAAMK,wBAErC,KACFZ,EAAAA,EAAAA,GAAA,0BAEmB,KAClB,IAAM,sBACJY,EAAqB,WACrBC,EAAU,qBACVC,EAAoB,iBACpBC,EAAgB,aAChBC,EAAY,iBACZC,GACEX,KAAKC,MACHW,GAAmBC,EAAAA,EAAAA,GACvBP,EAAsBQ,iBAElBC,EAAgBC,IAAQJ,GAA0C,GAAtBA,EAAiBK,IACnEtB,EAAAA,EAAAA,GACEC,EAAAA,EAAOsB,4BAA4B,CACjCC,iBAAkBV,EAClBW,kBAAmBV,EACnBW,gBAAiBV,EACjBI,eACAjB,gBAAiB,eACjBwB,sBAAuBd,EACvBe,sBAAuBhB,MAG3BiB,EAAAA,EAAAA,IAA+B,qBAAqB,GACrD,CAEDC,MAAAA,GACE,IAAM,SAAEC,EAAQ,eAAEC,GAAmB3B,KAAKC,MACpC2B,EAAWC,IACfF,EACA,+DACA,CAAC,GAGGG,GAAqBd,IAAQY,GAE7BG,EAAWL,EACb,mCACA,oCAEJ,OACEM,IAAAA,cAACA,IAAAA,SAAc,KACbA,IAAAA,cAACC,IAAa,CAACC,MAAO9C,EAAK,6BACzB4C,IAAAA,cAACG,EAAAA,GAAgB,CAACT,SAAUA,GAC1BM,IAAAA,cAACG,EAAAA,GAAwB,CAACT,SAAUA,GAClCM,IAAAA,cAAA,QAAMI,UAAU,iDAChBJ,IAAAA,cAACG,EAAAA,GAAkB,CAACC,UAAU,wDAEhCJ,IAAAA,cAACG,EAAAA,GAAY,CAACT,SAAUA,EAAUU,UAAWL,GAC1CD,EACGF,EAASS,oBACTjD,EAAK,eAEX4C,IAAAA,cAACG,EAAAA,GAAgB,CAACT,SAAUA,EAAUU,UAAU,iBAC7CN,EACGF,EAASU,uBACTlD,EAAK,uBAEX4C,IAAAA,cAACG,EAAAA,GAAgB,CAACT,SAAUA,EAAUU,UAAU,iBAC7CN,EACGF,EAASW,uBACTnD,EAAK,uBAEX4C,IAAAA,cAACG,EAAAA,GAAa,CACZT,SAAUA,EACVU,UAAU,WACVI,QAASxC,KAAKyC,aAEbX,EAAoBF,EAASc,UAAYtD,EAAK,eAM3D,EAGF,SAAeuD,EAAAA,EAAAA,KAAQC,IAAA,IAAC,OAAEC,EAAM,WAAEC,EAAU,KAAEC,EAAI,UAAEC,EAAS,OAAEC,GAAQL,EAAA,MAAM,CAC3ElB,SAAUmB,EAAOnB,SACjBC,eAAgBkB,EAAOlB,eACvBrB,sBAAuBwC,EAAWI,6BAClC3C,WAAYwC,EAAKA,KAAKI,OACtB3C,qBAAsBwC,EAAUxC,qBAChCC,iBAAkBuC,EAAUI,SAAW,KACvC1C,aAAcuC,EAAOvC,aACrBC,iBAAkBsC,EAAOtC,iBAC1B,GATD,CASIrB","sources":["webpack:///./transfer/components/cash-advance-fees-overpanel/cash-advance-fees-about.js"],"sourcesContent":["// @flow\n\nimport React, { Component } from 'react'\nimport DocumentTitle from 'react-document-title'\nimport content from 'pp-react-l10n'\nimport { get, isEmpty } from 'lodash'\nimport { connect } from 'transfer/utils/p2p-connect'\nimport * as Styles from './cash-advance-fees-styling'\n\nimport { toggleCashAdvanceFeesOverpanel } from 'transfer/actions/overpanels'\nimport {\n  trackCashAdvanceFeesImpression,\n  trackCashAdvanceFeesClick,\n} from '../../utils/cash-advance-fees-analytics'\n\nimport { getTheFundingSourceWithCashAdvanceFee } from './cash-advance-fees-util'\nimport { tracking } from '../../../lib/analytics/mParticle'\nimport Events from '../../../lib/analytics/eventTags'\n\nconst i18n = content('transfer/inc/cashAdvanceFees')\n\ntype Props = {\n  isMobile: boolean,\n  dispatch: Function,\n  handleNext: boolean,\n  pStudioContent: Object,\n  selectedFundingOption: Object,\n  noteLength: number,\n  recipientAccountType: string,\n  recipientCountry: string,\n  currencyCode: string,\n  fromCurrencyCode: string,\n}\n\nexport class CashAdvanceFeesAbout extends Component<Props> {\n  handleClose = () => {\n    tracking(\n      Events.p2p_fi_warning_continue_pressed({\n        fi_warning_type: 'cash_advance',\n      })\n    )\n    trackCashAdvanceFeesClick('okAbout')\n    this.props.dispatch(\n      toggleCashAdvanceFeesOverpanel({\n        show: false,\n        type: 'ABOUT',\n        selectedFundingOption: this.props.selectedFundingOption,\n      })\n    )\n  }\n\n  componentDidMount = () => {\n    const {\n      selectedFundingOption,\n      noteLength,\n      recipientAccountType,\n      recipientCountry,\n      currencyCode,\n      fromCurrencyCode,\n    } = this.props\n    const chosen_fi_source = getTheFundingSourceWithCashAdvanceFee(\n      selectedFundingOption.funding_sources\n    )\n    const chosen_fi_id = !isEmpty(chosen_fi_source) ? chosen_fi_source.id : ''\n    tracking(\n      Events.p2p_fi_warning_screen_shown({\n        receiver_country: recipientCountry,\n        receiver_currency: currencyCode,\n        sender_currency: fromCurrencyCode,\n        chosen_fi_id,\n        fi_warning_type: 'cash_advance',\n        receiver_account_type: recipientAccountType,\n        note_character_length: noteLength,\n      })\n    )\n    trackCashAdvanceFeesImpression('aboutFeesOverPanel')\n  }\n\n  render() {\n    const { isMobile, pStudioContent } = this.props\n    const pContent = get(\n      pStudioContent,\n      'p2p_cash_advance_fees_inline_warning_touchpoint.content.json',\n      {}\n    )\n\n    const hasPStudioContent = !isEmpty(pContent)\n\n    const titleCss = isMobile\n      ? 'ppvx_text--xl ppvx_text--regular'\n      : 'ppvx_text--xl2 ppvx_text--regular'\n\n    return (\n      <React.Fragment>\n        <DocumentTitle title={i18n('a11y.document.info.title')}>\n          <Styles.Container isMobile={isMobile}>\n            <Styles.CardIconContainer isMobile={isMobile}>\n              <span className=\"ppvx_icon ppvx_icon--size_xl2 ppvx_icon-card\" />\n              <Styles.WarningIcon className=\"ppvx_icon ppvx_icon--size_sm ppvx_icon-warning-alt\" />\n            </Styles.CardIconContainer>\n            <Styles.Title isMobile={isMobile} className={titleCss}>\n              {hasPStudioContent\n                ? pContent.about_title_heading\n                : i18n('info.title')}\n            </Styles.Title>\n            <Styles.Paragraph isMobile={isMobile} className=\"ppvx_text--md\">\n              {hasPStudioContent\n                ? pContent.about_body_paragraph_1\n                : i18n('info.paragraph.one')}\n            </Styles.Paragraph>\n            <Styles.Paragraph isMobile={isMobile} className=\"ppvx_text--md\">\n              {hasPStudioContent\n                ? pContent.about_body_paragraph_2\n                : i18n('info.paragraph.two')}\n            </Styles.Paragraph>\n            <Styles.Button\n              isMobile={isMobile}\n              className=\"ppvx_btn\"\n              onClick={this.handleClose}\n            >\n              {hasPStudioContent ? pContent.about_cta : i18n('info.cta')}\n            </Styles.Button>\n          </Styles.Container>\n        </DocumentTitle>\n      </React.Fragment>\n    )\n  }\n}\n\nexport default connect(({ server, overpanels, note, recipient, amount }) => ({\n  isMobile: server.isMobile,\n  pStudioContent: server.pStudioContent,\n  selectedFundingOption: overpanels.currentSelectedFundingOption,\n  noteLength: note.note.length,\n  recipientAccountType: recipient.recipientAccountType,\n  recipientCountry: recipient.country || 'US',\n  currencyCode: amount.currencyCode,\n  fromCurrencyCode: amount.fromCurrencyCode,\n}))(CashAdvanceFeesAbout)\n"],"names":["i18n","content","CashAdvanceFeesAbout","Component","constructor","arguments","_defineProperty","tracking","Events","p2p_fi_warning_continue_pressed","fi_warning_type","trackCashAdvanceFeesClick","this","props","dispatch","toggleCashAdvanceFeesOverpanel","show","type","selectedFundingOption","noteLength","recipientAccountType","recipientCountry","currencyCode","fromCurrencyCode","chosen_fi_source","getTheFundingSourceWithCashAdvanceFee","funding_sources","chosen_fi_id","_isEmpty","id","p2p_fi_warning_screen_shown","receiver_country","receiver_currency","sender_currency","receiver_account_type","note_character_length","trackCashAdvanceFeesImpression","render","isMobile","pStudioContent","pContent","_get","hasPStudioContent","titleCss","React","DocumentTitle","title","Styles","className","about_title_heading","about_body_paragraph_1","about_body_paragraph_2","onClick","handleClose","about_cta","connect","_ref","server","overpanels","note","recipient","amount","currentSelectedFundingOption","length","country"],"sourceRoot":""}