{"version":3,"sources":["webpack:///./screens/create-slug/create-profile.js","webpack:///./screens/create-slug/index.js","webpack:///./screens/shared/components/header.js","webpack:///./screens/index.js","webpack:///./screens/my-profile/profile-details.js","webpack:///./screens/my-profile/index.js","webpack:///./screens/recipient-slug/recipient-slug-profile.js","webpack:///./screens/recipient-slug/slug-not-found.js","webpack:///./screens/recipient-slug/index.js"],"names":["l10n","getContent","createSlugMutation","CreateProfile","slugName","_this","props","slug","_callee","e","variables","data","regenerator_default","a","wrap","_context","prev","next","preventDefault","state","client","request","sent","abrupt","stop","this","setState","target","value","react_default","createElement","type","onChange","handleChange","onSubmit","handleSubmit","Component","Create","_this$props$match","match","_this$props$match$par","params","_this$props$match$par2","create_profile","React","Header","isUserLoggedIn","mobileBannerStyle","Object","objectSpread","padding","userHasCoverPhoto","position","background","borderColor","addZIndex","zIndex","react","className","role","href","style","color","paddingTop","Main","get_default","clientData","header_Header","id","children","width","dangerouslySetInnerHTML","__html","footerHtml","MyProfile","_this$props$profile","profile","_this$props$profile$s","_this$props$profile$s2","slugDetails","_this$props$profile$s3","personalizationSettings","coverPhotoUrl","_this$props$profile$s4","coverPhotoVerticalPan","lazy_load_image","imageURL","containerStyles","backgroundSize","backgroundRepeat","paddingBottom","@media (max-width: 480px)","backgroundPosition","concat","height","boxShadow","profile_view","slugInfo","backgroundColor","myProfilePage","ProfileDetails","top","profile_details","__webpack_exports__","unstated_es","to","SettingsContainer","my_profile_ProfileDetails","ProfileViewStyling","glamorous","div","textAlign","margin","@media (max-width: 640px)","ProfileViewParentStyling","@media (max-width: 844px)","PayPalMeProfile","_this$props","recipientSlugDetails","_this$props$recipient","_this$props$recipient2","_this$props$recipient3","initialAmount","initialCurrencyCode","@media (max-width: 768px)",":before","content","right","bottom","left","showAmountInput","recipientSlugPage","SlugNotFound","error","SlugDetails","_extractAmountInfo","extractAmountInfo","amountInfo","amount","currency","isProfileStatusActive","isNaN","recipient_slug_profile","slug_not_found","Boolean"],"mappings":"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","file":"ppme-slug.bundle.js","sourcesContent":["// @flow\n\nimport React, { Component } from 'react'\nimport { client } from 'utils/client'\nimport getContent from 'pp-react-l10n'\n\nconst l10n = getContent('pages/create-slug')\n\n/**\n * This React component is responsible for querying Apollo for the posts\n * and passing the results to the child Post components for rendering\n */\n\nconst createSlugMutation = `\n mutation CreateSlug ($slugName: String!) {\n createSlug(name: $slugName) {\n slug\n }\n}`\n\ntype Props = {\n slug: string,\n}\n\ntype State = {\n slugName: string,\n}\n\nclass CreateProfile extends Component {\n state = {\n slugName: this.props.slug,\n }\n\n handleSubmit = async (e: SyntheticEvent) => {\n e.preventDefault()\n\n // mutate comes here\n const variables = {\n slugName: this.state.slugName,\n }\n\n const data = await client.request(createSlugMutation, variables)\n return data\n }\n\n handleChange = (e: SyntheticInputEvent) => {\n this.setState({\n slugName: e.target.value,\n })\n }\n\n render() {\n return (\n
\n \n \n
\n )\n }\n}\n\n// Use the graphql container to run the allPosts query and pass the results to PostsContainer\nexport default CreateProfile\n","// @flow\n\nimport React from 'react'\nimport CreateProfile from './create-profile'\n\ntype Props = {\n match: { params: { slug: string } },\n}\n\ntype State = {\n slug: string,\n}\n\nclass Create extends React.Component {\n render() {\n const { match: { params: { slug = '' } = {} } = {} } = this.props\n return \n }\n}\n\nexport default Create\n","// @flow\n// Component renders a simple PayPal header when users are not logged in\nimport React, { Fragment } from 'react'\nimport getContent from 'pp-react-l10n'\n\nconst l10n = getContent('inc/header')\n\ntype Props = {\n isUserLoggedIn: boolean,\n userHasCoverPhoto: boolean,\n}\n\nexport default class Header extends React.Component {\n render() {\n if (this.props.isUserLoggedIn) {\n return null\n }\n\n const mobileBannerStyle = {\n padding: '0 30px 0 40px',\n ...(this.props.userHasCoverPhoto\n ? {\n position: 'absolute',\n background: 'transparent',\n borderColor: 'transparent',\n }\n : {}),\n }\n\n // Needed to place log in/Paypal home buttons on top level for\n // mobile views when slug has a cover photo. Creates an overlay effect.\n const addZIndex = {\n ...(this.props.userHasCoverPhoto ? { zIndex: 801 } : {}),\n }\n return (\n \n
\n
\n \n \n \n
\n
\n \n {l10n('header.login')}\n {l10n('header.login')}\n \n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n \n \n \n
\n
    \n
  • \n \n {l10n('header.login')}\n {l10n('header.login')}\n \n
    • \n
\n
\n
\n \n )\n }\n}\n","// @flow\n/**\n * Main Flow Container. This will contain all the other container components.\n * This component is mounted at 'transfer/'.\n * If we ever move header/footer to React this is where it should live...\n */\n\nimport React from 'react'\nimport type { Node } from 'react'\nimport clientData from 'utils/client-data'\nimport _ from 'lodash'\nimport Header from 'screens/shared/components/header'\ntype Props = {\n children: Node,\n}\ntype State = {\n userHasCoverPhoto: boolean,\n}\n\nclass Main extends React.Component {\n state = {\n userHasCoverPhoto: !!_.get(\n clientData,\n 'recipientSlugDetails.slugDetails.personalizationSettings.coverPhotoUrl',\n '',\n ),\n }\n\n render() {\n return (\n
\n \n
\n
\n
\n {this.props.children}\n
\n
\n \n
\n
\n )\n }\n}\n\nexport default Main\n","// @flow\n\nimport React, { Component, Fragment } from 'react'\nimport ProfileView from '../shared/components/profile-view'\nimport SettingsState from '../settings/state'\nimport LazyLoader from 'components/lazy-load-image'\n\n/**\n * This React component is responsible for querying Apollo for the posts\n * and passing the results to the child Post components for rendering\n */\n\ntype Props = {\n profile: SettingsState,\n}\n\nclass MyProfile extends Component {\n render() {\n const {\n profile: {\n state,\n state: {\n userHasCoverPhoto,\n slugDetails: {\n personalizationSettings: {\n coverPhotoUrl,\n coverPhotoVerticalPan = '50',\n } = {},\n } = {},\n } = {},\n },\n } = this.props\n\n return (\n \n {coverPhotoUrl && (\n \n )}\n \n \n )\n }\n}\n\nexport default MyProfile\n","// @flow\n\nimport React from 'react'\nimport MyProfile from './profile-details'\nimport SettingsContainer from '../settings/state'\nimport { Subscribe } from 'unstated'\n\ntype Props = {\n profile: SettingsContainer,\n}\n\nclass ProfileDetails extends React.Component {\n render() {\n return (\n
\n \n
\n )\n }\n}\n\n// Use the graphql container to run the allPosts query and pass the results to PostsContainer\nexport default () => (\n \n {profile => }\n \n)\n","// @flow\n\nimport React, { Component } from 'react'\nimport ProfileView from 'components/profile-view'\nimport glamorous from 'glamorous'\nimport LazyLoader from 'components/lazy-load-image'\n\n/**\n * This React component is responsible for querying Apollo for the posts\n * and passing the results to the child Post components for rendering\n */\n\ntype Props = {\n recipientSlugDetails: {\n slugDetails: SlugDetails,\n },\n userHasCoverPhoto: boolean,\n initialAmount?: string,\n initialCurrencyCode?: string,\n}\n\nconst ProfileViewStyling = glamorous.div({\n width: '480px',\n textAlign: 'center',\n margin: '0 auto',\n '@media (max-width: 640px)': {\n width: '100%',\n },\n})\n\nconst ProfileViewParentStyling = glamorous.div({\n paddingTop: '26px',\n '@media (max-width: 844px)': {\n paddingTop: '0',\n },\n})\n\nclass PayPalMeProfile extends Component {\n render() {\n const {\n recipientSlugDetails,\n recipientSlugDetails: {\n slugDetails: {\n personalizationSettings: {\n coverPhotoUrl,\n coverPhotoVerticalPan = '50',\n } = {},\n } = {},\n },\n userHasCoverPhoto,\n initialAmount,\n initialCurrencyCode,\n } = this.props\n\n return (\n \n \n {coverPhotoUrl && (\n \n )}\n \n \n \n )\n }\n}\n\nexport default PayPalMeProfile\n","// @flow\n\nimport React from 'react'\nimport Error from '../error'\n\nfunction SlugNotFound() {\n return \n}\n\nexport default SlugNotFound\n","// @flow\n\nimport React, { Component } from 'react'\nimport _ from 'lodash'\nimport PayPalMeProfile from './recipient-slug-profile'\nimport clientData from 'utils/client-data'\nimport SlugNotFound from './slug-not-found'\nimport { extractAmountInfo } from './extract-amount-info'\n\ntype Props = {\n match: {\n params: {\n slug: string,\n amountInfo?: string,\n },\n },\n recipientSlugDetails: { slugDetails: SlugDetails },\n userHasCoverPhoto: boolean,\n}\n\nclass SlugDetails extends Component {\n static defaultProps = {\n recipientSlugDetails: _.get(clientData, 'recipientSlugDetails'),\n userHasCoverPhoto: Boolean(\n _.get(\n clientData,\n 'recipientSlugDetails.slugDetails.personalizationSettings.coverPhotoUrl',\n ),\n ),\n }\n\n render() {\n const { amount, currency } = extractAmountInfo(\n this.props.match.params.amountInfo,\n )\n\n const {\n recipientSlugDetails,\n recipientSlugDetails: { slugDetails = {} } = {},\n userHasCoverPhoto,\n } = this.props\n\n return (\n
\n {clientData.slug &&\n slugDetails.isProfileStatusActive &&\n !isNaN(amount) ? (\n \n ) : (\n \n )}\n
\n )\n }\n}\n\nexport default SlugDetails\n"],"sourceRoot":""}