{"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","props","slug","e","a","preventDefault","variables","state","client","request","data","setState","target","value","type","onChange","this","handleChange","onSubmit","handleSubmit","Component","Create","match","params","React","Header","isUserLoggedIn","mobileBannerStyle","padding","userHasCoverPhoto","position","background","borderColor","addZIndex","zIndex","className","role","href","style","color","paddingTop","Main","clientData","id","children","width","dangerouslySetInnerHTML","__html","footerHtml","MyProfile","profile","slugDetails","personalizationSettings","coverPhotoUrl","coverPhotoVerticalPan","imageURL","containerStyles","backgroundSize","backgroundRepeat","paddingBottom","backgroundPosition","height","boxShadow","slugInfo","backgroundColor","myProfilePage","ProfileDetails","top","to","SettingsContainer","ProfileViewStyling","glamorous","div","textAlign","margin","ProfileViewParentStyling","PayPalMeProfile","recipientSlugDetails","initialAmount","initialCurrencyCode","content","right","bottom","left","showAmountInput","recipientSlugPage","SlugNotFound","error","SlugDetails","extractAmountInfo","amountInfo","amount","currency","isProfileStatusActive","isNaN","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":""}