{"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","Object","pp_react_l10n_esm","createSlugMutation","create_profile","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","react","create_slug_Create","_this$props$match","match","_this$props$match$par","params","_this$props$match$par2","Component","__webpack_exports__","header_Header","isUserLoggedIn","mobileBannerStyle","objectSpread","padding","userHasCoverPhoto","position","background","borderColor","addZIndex","zIndex","className","role","href","style","color","paddingTop","screens_Main","get_default","client_data","id","children","width","dangerouslySetInnerHTML","__html","footerHtml","profile_details","_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","my_profile_ProfileDetails","top","unstated_es","to","settings_state","ProfileViewStyling","glamorous_esm","div","textAlign","margin","@media (max-width: 640px)","ProfileViewParentStyling","@media (max-width: 844px)","recipient_slug_profile","_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","slug_not_found","error","recipient_slug_SlugDetails","_extractAmountInfo","extract_amount_info","amountInfo","amount","currency","isProfileStatusActive","isNaN","Boolean"],"mappings":";;;;;;;;;;;;;;;;;i4BAMMA,EAAOC,OAAAC,EAAA,EAAAD,CAAW,qBAOlBE,EAAkB,kGAqDTC,6PApCXC,SAAUC,EAAKC,MAAMC,oGAGR,SAAAC,EAAOC,GAAP,IAAAC,EAAAC,EAAA,OAAAC,EAAAC,EAAAC,KAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cACbR,EAAES,iBAGIR,GACJN,SAAUC,EAAKc,MAAMf,UALVW,EAAAE,KAAA,EAQMG,EAAA,EAAOC,QAAQnB,EAAoBQ,GARzC,cAQPC,EAROI,EAAAO,KAAAP,EAAAQ,OAAA,SASNZ,GATM,wBAAAI,EAAAS,SAAAhB,EAAAiB,sHAYA,SAAChB,GACdJ,EAAKqB,UACHtB,SAAUK,EAAEkB,OAAOC,kFAKrB,OACEC,EAAAhB,EAAAiB,cAAA,WACED,EAAAhB,EAAAiB,cAAA,SACEC,KAAK,OACLC,SAAUP,KAAKQ,aACfL,MAAOH,KAAKN,MAAMf,WAEpByB,EAAAhB,EAAAiB,cAAA,UAAQI,SAAUT,KAAKU,cAAepC,EAAK,0BA/BvBqC,EAAA,WCftBC,mLACK,IAAAC,EACgDb,KAAKnB,MAApDiC,MADDC,GAAAF,OAAA,IAAAA,QACUG,OADVC,GAAAF,OAAA,IAAAA,QACoBjC,YADpB,IAAAmC,EAC2B,GAD3BA,EAEP,OAAOb,EAAAhB,EAAAiB,cAAC3B,GAAcI,KAAMA,WAHXsB,EAAAhB,EAAM8B,WAOZC,EAAA;;;;;;;;;;;;;;;;;82BCfT7C,EAAOC,OAAAC,EAAA,EAAAD,CAAW,cAOH6C,mLAEjB,GAAIpB,KAAKnB,MAAMwC,eACb,OAAO,KAGT,IAAMC,EAAoB/C,OAAAgD,EAAA,EAAAhD,EACxBiD,QAAS,iBACLxB,KAAKnB,MAAM4C,mBAETC,SAAU,WACVC,WAAY,cACZC,YAAa,mBAOfC,EAAYtD,OAAAgD,EAAA,EAAAhD,IACZyB,KAAKnB,MAAM4C,mBAAsBK,OAAQ,SAE/C,OACE1B,EAAAhB,EAAAiB,cAACM,EAAA,SAAD,KACEP,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,oBAAoBC,KAAK,UACtC5B,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,0BACb3B,EAAAhB,EAAAiB,cAAA,KACE4B,KAAK,yBACLF,UAAU,8BAEV3B,EAAAhB,EAAAiB,cAAA,QAAM0B,UAAU,iBAElB3B,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,oCACb3B,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,sCACb3B,EAAAhB,EAAAiB,cAAA,KACE4B,KAAK,gCACLF,UAAU,wCACVG,OAASN,YAAa,OAAQO,MAAO,SAEpC7D,EAAK,gBACN8B,EAAAhB,EAAAiB,cAAA,QAAM0B,UAAU,eAAezD,EAAK,oBAI1C8B,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,6BACb3B,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,mBAAmBC,KAAK,cACrC5B,EAAAhB,EAAAiB,cAAA,MAAI0B,UAAU,+BACZ3B,EAAAhB,EAAAiB,cAAA,MAAI0B,UAAU,gCACZ3B,EAAAhB,EAAAiB,cAAA,KACE4B,KAAK,gCACLC,OAASN,YAAa,OAAQO,MAAO,QACrCJ,UAAU,yCAETzD,EAAK,gBACN8B,EAAAhB,EAAAiB,cAAA,QAAM0B,UAAU,eACbzD,EAAK,wBAStB8B,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,0BAA0BG,MAAOL,GAC9CzB,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,2BAA2BG,MAAOZ,GAC/ClB,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,sCACb3B,EAAAhB,EAAAiB,cAAA,KACE4B,KAAK,yBACLF,UAAU,6BAEV3B,EAAAhB,EAAAiB,cAAA,QAAM0B,UAAU,kBAGpB3B,EAAAhB,EAAAiB,cAAA,MAAI0B,UAAU,sCACZ3B,EAAAhB,EAAAiB,cAAA,MAAI6B,OAASE,WAAY,SAAUD,MAAO,SACxC/B,EAAAhB,EAAAiB,cAAA,KACE4B,KAAK,gCACLC,OAASN,YAAa,OAAQO,MAAO,QACrCJ,UAAU,yCAETzD,EAAK,gBACN8B,EAAAhB,EAAAiB,cAAA,QAAM0B,UAAU,eAAezD,EAAK,8BAlFlB8B,EAAAhB,EAAM8B,WCOpCmB,6PAEFZ,oBAAqBa,IACnBC,EAAA,EACA,yEACA,8EAKF,OACEnC,EAAAhB,EAAAiB,cAAA,WACED,EAAAhB,EAAAiB,cAACe,GACCC,eAAgBkB,EAAA,EAAWlB,eAC3BI,kBAAmBzB,KAAKN,MAAM+B,oBAEhCrB,EAAAhB,EAAAiB,cAAA,OAAK0B,UAAU,qBACb3B,EAAAhB,EAAAiB,cAAA,OAAKmC,GAAG,gBAAgBT,UAAU,2BAChC3B,EAAAhB,EAAAiB,cAAA,OAAKmC,GAAG,WAAWT,UAAU,2BAC1B/B,KAAKnB,MAAM4D,WAGhBrC,EAAAhB,EAAAiB,cAAA,OACE6B,OAASQ,MAAO,OAAQhB,SAAU,WAAYI,OAAQ,KACtDa,yBAA2BC,OAAQL,EAAA,EAAWM,uBAxBvCzC,EAAAhB,EAAM8B,WAgCVC,EAAA;;;;;;;;;;;;;;;0qBCYA2B,mLA9CJ,IAAAC,EAcH/C,KAAKnB,MAZPmE,QACEtD,EAHGqD,EAGHrD,MAHGuD,EAAAF,EAIHrD,MACE+B,GALCwB,OAAA,IAAAA,QAKDxB,kBALCyB,EAAAD,EAMDE,YANCC,GAAAF,OAAA,IAAAA,QAOCG,wBACEC,GARHF,OAAA,IAAAA,QAQGE,cARHC,EAAAH,EASGI,6BATH,IAAAD,EAS2B,KAT3BA,EAgBP,OACEnD,EAAAhB,EAAAiB,cAACM,EAAA,SAAD,KACG2C,GACClD,EAAAhB,EAAAiB,cAACoD,EAAA,GACCC,SAAUJ,EACVK,iBACEC,eAAgB,QAChBC,iBAAkB,YAClBC,cAAe,MACfC,6BACED,cAAe,OAEjBE,mBAAkB,OAAAC,OAAST,EAAT,KAClBd,MAAO,OACPwB,OAAQ,OACRC,UAAW,UAIjB/D,EAAAhB,EAAAiB,cAAC+D,EAAA,GACCC,SAAU3E,EACV+B,kBAAmBA,EACnB6C,gBAAgB,UAChBC,eAAe,YAxCD5D,EAAA,8DCLlB6D,mLAEF,OACEpE,EAAAhB,EAAAiB,cAAA,OAAK6B,OAASR,SAAU,WAAY+C,IAAK,UACvCrE,EAAAhB,EAAAiB,cAACyC,EAAc9C,KAAKnB,eAJCuB,EAAAhB,EAAM8B,WAWpBC,EAAA,0BACbf,EAAAhB,EAAAiB,cAACqE,EAAA,GAAUC,IAAKC,EAAA,IACb,SAAA5B,GAAO,OAAI5C,EAAAhB,EAAAiB,cAACmE,GAAexB,QAASA;;;;;;;;;;;;;;;;;;;8xBCHnC6B,EAAqBC,EAAA,EAAUC,KACnCrC,MAAO,QACPsC,UAAW,SACXC,OAAQ,SACRC,6BACExC,MAAO,UAILyC,EAA2BL,EAAA,EAAUC,KACzC3C,WAAY,OACZgD,6BACEhD,WAAY,OAmEDiD,mLA9DJ,IAAAC,EAcHtF,KAAKnB,MAZP0G,EAFKD,EAELC,qBAFKC,EAAAF,EAGLC,qBACEpC,YAJGsC,GAAAD,OAAA,IAAAA,QAKDnC,wBACEC,GANDmC,OAAA,IAAAA,QAMCnC,cANDoC,EAAAD,EAOCjC,6BAPD,IAAAkC,EAOyB,KAPzBA,EAWLjE,EAXK6D,EAWL7D,kBACAkE,EAZKL,EAYLK,cACAC,EAbKN,EAaLM,oBAGF,OACExF,EAAAhB,EAAAiB,cAAC8E,EAAD,KACE/E,EAAAhB,EAAAiB,cAACwE,EAAD,KACGvB,GACClD,EAAAhB,EAAAiB,cAACoD,EAAA,GACCC,SAAUJ,EACVK,iBACEC,eAAgB,QAChBC,iBAAkB,YAClBC,cAAe,MACfC,6BACED,cAAe,OAEjBE,mBAAkB,OAAAC,OAAST,EAAT,KAClBd,MAAO,OACPwB,OAAQ,OACR2B,6BACEC,WACEnE,WACE,8EACFoE,QAAS,KACTrE,SAAU,WACV+C,IAAK,EACLuB,MAAO,EACPC,OAAQ,EACRC,KAAM,OAMhB9F,EAAAhB,EAAAiB,cAAC+D,EAAA,GACCC,SAAUkB,EACV9D,kBAAmBA,EACnB6C,gBAAgB,UAChB6B,iBAAiB,EACjBR,cAAeA,EACfC,oBAAqBA,EACrBQ,mBAAmB,aAvDDzF,EAAA,yEC5Bf,IAAA0F,EAJf,WACE,OAAOjG,EAAAhB,EAAAiB,cAACiG,EAAA,GAAMA,MAAM,6ECchBC,mLAWK,IAAAC,EACsBjI,OAAAkI,EAAA,EAAAlI,CAC3ByB,KAAKnB,MAAMiC,MAAME,OAAO0F,YADlBC,EADDH,EACCG,OAAQC,EADTJ,EACSI,SADTtB,EASHtF,KAAKnB,MAHP0G,EANKD,EAMLC,qBANKC,EAAAF,EAOLC,qBAPKE,GAAAD,OAAA,IAAAA,QAOmBrC,mBAPnB,IAAAsC,OAQLhE,EARK6D,EAQL7D,kBAGF,OACErB,EAAAhB,EAAAiB,cAAA,WACGkC,EAAA,EAAWzD,MACZqE,EAAY0D,wBACXC,MAAMH,GACLvG,EAAAhB,EAAAiB,cAACgF,GACCE,qBAAsBA,EACtB9D,kBAAmBA,EACnBkE,cAAegB,EACff,oBAAqBgB,IAGvBxG,EAAAhB,EAAAiB,cAACgG,EAAD,cAlCgB1F,EAAA,uBAApB4F,kBAEFhB,qBAAsBjD,IAAMC,EAAA,EAAY,wBACxCd,kBAAmBsF,QACjBzE,IACEC,EAAA,EACA,6EAmCOpB,EAAA","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":""}