{"version":3,"sources":["webpack:///./transfer/components/partnerHeader.js"],"names":["CDN_HOST_NAME","_get","serverProps","LogoContainer","glamorous","div","height","display","justifyContent","alignItems","styles","StyleSheet","create","page","position","top","left","right","padding","margin","background","zIndex","page_small","logo","width","concat","idpHeader","backgroundImage","backgroundRepeat","backgroundPosition","PartnerHeader","React","Component","render","createElement","data-nemo","className","css","_isEmpty","this","props","idpConnect"],"mappings":"wKAOMA,EAAgBC,IAAMC,IAAa,eAEnCC,EAAgBC,IAAUC,IAAI,CAClCC,OAAQ,OACRC,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGRC,EAASC,IAAWC,OAAO,CAC/BC,KAAM,CACJC,SAAU,WACVR,OAAQ,OACRS,IAAK,MACLC,KAAM,MACNC,MAAO,MACPC,QAAS,SACTC,OAAQ,SACRC,WAAY,4CACZC,OAAQ,GAEVC,WAAY,CACV,4BAA6B,CAC3BJ,QAAS,UAGbK,KAAM,CACJjB,OAAQ,OACRkB,MAAO,OACPJ,WAAY,QAAFK,OAAUzB,EAAa,6FACjCmB,OAAQ,aAEVO,UAAW,CACTN,WAAY,OACZO,gBAAiB,OAAFF,OAASzB,EAAa,wCACrC4B,iBAAkB,YAClBC,mBAAoB,UAIjB,MAAMC,UAAsBC,IAAMC,UAKvCC,SACE,OACEF,IAAAG,cAAA,OACEC,YAAU,0CACVC,UAAWC,YACT3B,EAAOG,KACPH,EAAOY,WACNgB,IAAUC,KAAKC,MAAMC,YAAiC,GAAnB/B,EAAOgB,YAG7CK,IAAAG,cAAC/B,EAAa,KACZ4B,IAAAG,cAAA,OACEE,UAAWC,YACRC,IAAUC,KAAKC,MAAMC,YAAiC/B,EAAOa,KAA1Bb,EAAOgB,gBAS1CI","file":"default~addCardMessenger~request-page~request-preview~request-success.esm.js","sourcesContent":["import PropTypes from 'prop-types'\nimport React from 'react'\nimport { StyleSheet, css } from 'lib/paypalphrodite'\nimport _ from 'lodash'\nimport glamorous from 'glamorous'\nimport serverProps from '../utils/serverProps'\n\nconst CDN_HOST_NAME = _.get(serverProps, 'cdnHostName')\n\nconst LogoContainer = glamorous.div({\n  height: '100%',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n})\n\nconst styles = StyleSheet.create({\n  page: {\n    position: 'relative',\n    height: '82px',\n    top: '0px',\n    left: '0px',\n    right: '0px',\n    padding: '0 30px',\n    margin: '0 auto',\n    background: 'linear-gradient(281deg, #1446a0, #0070ba)',\n    zIndex: 1,\n  },\n  page_small: {\n    '@media (max-width: 570px)': {\n      padding: '0 5px',\n    },\n  },\n  logo: {\n    height: '32px',\n    width: '35px',\n    background: `url(\"${CDN_HOST_NAME}/webstatic/i/logo/rebrand/ppcom-white.svg\") 8px center / 124px 33px no-repeat transparent`,\n    margin: '25px auto',\n  },\n  idpHeader: {\n    background: '#fff',\n    backgroundImage: `url(${CDN_HOST_NAME}/webstatic/i/logo/rebrand/ppcom.svg)`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: '20px',\n  },\n})\n\nexport class PartnerHeader extends React.Component {\n  static propTypes = {\n    idpConnect: PropTypes.object,\n  }\n\n  render() {\n    return (\n      <div\n        data-nemo=\"partner-header col-md-8 col-md-offset-2\"\n        className={css(\n          styles.page,\n          styles.page_small,\n          !_.isEmpty(this.props.idpConnect) ? styles.idpHeader : ''\n        )}\n      >\n        <LogoContainer>\n          <div\n            className={css(\n              !_.isEmpty(this.props.idpConnect) ? styles.idpHeader : styles.logo\n            )}\n          />\n        </LogoContainer>\n      </div>\n    )\n  }\n}\n\nexport default PartnerHeader\n"],"sourceRoot":""}