{"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","setState","target","value","react_default","createElement","type","onChange","this","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":""}