{"version":3,"sources":["webpack:///./transfer/components/successCheckmark.js"],"names":["CDN_HOST_NAME","_get","serverProps","styles","StyleSheet","create","checkmarkProportions","marginTop","width","height","margin","media","checkmarkAlignment","ppmeSize","ppmeAlign","poolsSize","SuccessCheckmark","React","Component","render","ppme","isPools","shouldShowCheckmark","hasIatUnilateralDisclosure","this","props","createElement","style","marginBottom","className","classNames","css","ppmeStroke","_Avatar","generic","data-nemo","size","data-testid","src","concat","alt","connect","_ref","server","env","ENV_TYPE","POOLS","userAuthState","PP_ME"],"mappings":"iMAWMA,EAAgBC,IAAMC,IAAa,eAEnCC,EAASC,IAAWC,OAAO,CAC/BC,qBAAsB,CACpBC,UAAW,GACXC,MAAO,IACPC,OAAQ,IACRC,OAAQ,SACR,CAACC,KAAuB,CACtBH,MAAO,IACPC,OAAQ,MAGZG,mBAAoB,CAClBF,OAAQ,sBACR,CAACC,KAAuB,CACtBD,OAAQ,wBAGZG,SAAU,CACRL,MAAO,IACPC,OAAQ,KAEVK,UAAW,CACTP,WAAY,IAEdQ,UAAW,CACTP,MAAO,IACPC,OAAQ,OAIZ,MAAMO,UAAyBC,IAAMC,UASnCC,SACE,IAAM,KACJC,EAAI,QACJC,EAAO,oBACPC,EAAmB,2BACnBC,GACEC,KAAKC,MACT,OAAKH,EAKHL,IAAAS,cAAA,OACEC,MAAO,CACLpB,UAAW,OACXqB,aAAc,QAGhBX,IAAAS,cAAA,OACEG,UAAWC,IAAWC,YAAI5B,EAAOG,sBAAuB,CACtD,CAACyB,YAAI5B,EAAOU,WAAYO,EACxB,CAACW,YAAI5B,EAAOY,YAAaM,KAG3BJ,IAAAS,cAAA,OACEG,UAAWC,IAAWC,YAAI5B,EAAOS,oBAAqB,CACpD,CAACmB,YAAI5B,EAAOW,YAAaM,EACzBY,WAAYZ,KAGbG,EACCN,IAAAS,cAAAO,IAAA,CACEC,QAAQ,UACRC,YAAU,oBACVC,KAAK,KACLC,cAAY,0BAGdpB,IAAAS,cAAA,OACEY,IAAG,GAAAC,OAAKvC,EAAa,0DACrBwC,IAAI,GACJL,YAAU,oBACVR,MAAO,CAAEnB,MAAO,SAChB6B,cAAY,yBAnCf,MA6CEI,gBAAQC,IAAA,IAAC,OAAEC,GAAQD,EAAA,MAAM,CAKtCpB,sBACEqB,EAAOC,MAAQC,IAASC,OAAkC,aAAzBH,EAAOI,eAE1C3B,KAAMuB,EAAOC,MAAQC,IAASG,MAC9B3B,QAASsB,EAAOC,MAAQC,IAASC,QATpBL,CAUXzB","file":"default~addCardMessenger~guest~request-page~request-preview~request-success~send-page.esm.js","sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\nimport classNames from 'classnames'\nimport { connect } from 'transfer/utils/p2p-connect'\nimport { StyleSheet, css } from 'lib/paypalphrodite'\nimport * as media from '../../lib/styles/media-queries.js'\nimport _ from 'lodash'\nimport serverProps from '../utils/serverProps'\nimport { Avatar } from '@paypalcorp/pp-react'\nimport { ENV_TYPE } from '../../../../lib/constants.js'\n\nconst CDN_HOST_NAME = _.get(serverProps, 'cdnHostName')\n\nconst styles = StyleSheet.create({\n  checkmarkProportions: {\n    marginTop: 20,\n    width: 130,\n    height: 130,\n    margin: '0 auto',\n    [media.smallAndBigger]: {\n      width: 130,\n      height: 130,\n    },\n  },\n  checkmarkAlignment: {\n    margin: '-30px 0px -30px 0px',\n    [media.smallAndBigger]: {\n      margin: '-50px 0px -20px 0px',\n    },\n  },\n  ppmeSize: {\n    width: 110,\n    height: 110,\n  },\n  ppmeAlign: {\n    marginTop: -85,\n  },\n  poolsSize: {\n    width: 110,\n    height: 110,\n  },\n})\n\nclass SuccessCheckmark extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    shouldShowCheckmark: PropTypes.bool,\n    ppme: PropTypes.bool,\n    isPools: PropTypes.bool,\n    hasIatUnilateralDisclosure: PropTypes.bool,\n  }\n\n  render() {\n    const {\n      ppme,\n      isPools,\n      shouldShowCheckmark,\n      hasIatUnilateralDisclosure,\n    } = this.props\n    if (!shouldShowCheckmark) {\n      return null\n    }\n\n    return (\n      <div\n        style={{\n          marginTop: '50px', // 50px top not 2em, because the checkmark icon is throwing things off\n          marginBottom: '2em',\n        }}\n      >\n        <div\n          className={classNames(css(styles.checkmarkProportions), {\n            [css(styles.ppmeSize)]: ppme,\n            [css(styles.poolsSize)]: isPools,\n          })}\n        >\n          <div\n            className={classNames(css(styles.checkmarkAlignment), {\n              [css(styles.ppmeAlign)]: ppme,\n              ppmeStroke: ppme,\n            })}\n          >\n            {hasIatUnilateralDisclosure ? (\n              <Avatar\n                generic=\"profile\"\n                data-nemo=\"success-checkmark\"\n                size=\"lg\"\n                data-testid=\"iat-success-checkmark\"\n              />\n            ) : (\n              <img\n                src={`${CDN_HOST_NAME}/paypal-ui/illustrations/focused/svg/empty-success.svg`}\n                alt=\"\"\n                data-nemo=\"success-checkmark\"\n                style={{ width: '131px' }}\n                data-testid=\"success-checkmark\"\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default connect(({ server }) => ({\n  // In regards to shouldShowCheckmark since it's implemented kind of weird,\n  // This component is used for many flows, including for money pools. We do not want to show it in the case of logged in users (iFrame)\n  // because money pools (logged in case iFrame) already uses its own checkmark.\n  // We still want to show the checkmark for money pools guest contribution.\n  shouldShowCheckmark: !(\n    server.env === ENV_TYPE.POOLS && server.userAuthState === 'LOGGEDIN'\n  ),\n  ppme: server.env === ENV_TYPE.PP_ME,\n  isPools: server.env === ENV_TYPE.POOLS,\n}))(SuccessCheckmark)\n"],"sourceRoot":""}