{"version":3,"sources":["webpack:///./screens/shared/components/header.js","webpack:///./screens/index.js","webpack:///./screens/shared/components/share.js","webpack:///./screens/my-profile/my-profile.js","webpack:///./screens/my-profile/profile-details.js","webpack:///./screens/my-profile/my-profile-old.js","webpack:///./screens/my-profile/index.js","webpack:///./utils/generate-urls.js","webpack:///./screens/recipient-slug/slug-recipient-profile.js","webpack:///./screens/recipient-slug/slug-not-found.js","webpack:///./screens/recipient-slug/recipient-slug.js","webpack:///./screens/recipient-slug/recipient-slug-profile.js","webpack:///./screens/recipient-slug/easter-egg-amounts.js","webpack:///./screens/recipient-slug/extract-amount-info.js","webpack:///./screens/recipient-slug/recipient-slug-old.js","webpack:///./screens/recipient-slug/index.js","webpack:///./screens/shared/components/cover-photo.js","webpack:///./screens/shared/components/profile-card.js","webpack:///./utils/name.js","webpack:///./utils/photo.js"],"names":["l10n","getContent","Header","this","props","isUserLoggedIn","mobileBannerStyle","padding","clientData","isProfileTreatment","userHasCoverPhoto","position","background","borderColor","addZIndex","zIndex","className","role","href","style","color","paddingTop","React","Component","Main","state","id","children","dangerouslySetInnerHTML","__html","footerHtml","l10nSettings","ShareTitle","glamorous","div","SVGParent","span","textAlign","display","width","margin","cursor","transition","transform","marginRight","SVGStyling","SVG","forwardProps","rootEl","SpanText","fontSize","TooltipCopied","bottom","fontWeight","left","backgroundColor","content","height","borderLeft","borderRight","marginLeft","borderBottom","top","opacity","ShareYourLink","isCopied","platform","onShare","e","preventDefault","slugInfo","slugDetails","paypalmeSlugName","sharing","shareURLByFacebook","locale","twitterShareLink","encodeURIComponent","shareByTwitter","shareByWhatsApp","shareURLByMessenger","window","location","setState","setTimeout","strong","as","lang","marginTop","text","onCopy","copyToClipboard","tabIndex","onKeyPress","key","_ref","click","ref","input","svgString","svgImages","clipBoard","onClick","handleFBClick","facebook","handleMessengerClick","messenger","handleTwitterClick","twitter","transitionName","transitionEnterTimeout","transitionLeaveTimeout","INSTRUMENTATION","INSTRUMENTATION_MAP","profile","locality","Container","flexDirection","alignItems","CoverContainer","marginBottom","ProfileCardContainer","ShareContainer","maxWidth","MyProfile","settings","userInfo","profilePhotoUrl","displayName","displayAddress","personalizationSettings","coverPhotoUrl","coverPhotoVerticalPan","welcomeNote","useEffect","trackImpression","OLD","PAGE_GROUP","PAGE_NAME","tracking","Events","public_identity_my_profile_screen_shown","photoUrl","photoVerticalPan","getProfilePhotoUrl","getDisplayName","handle","displayLocation","blurb","trackLinkWithData","public_identity_my_profile_share_pressed","imageURL","containerStyles","backgroundSize","backgroundRepeat","paddingBottom","backgroundPosition","boxShadow","myProfilePage","ProfileDetails","to","SettingsContainer","country","generateUrlLoggedInState","flow","host","getDomain","encryptedFlowData","generateUrlLoggedOutState","encryptedFlow","onboardDataRegularSignUp","JSON","stringify","intent","redirect_url","sendMoneyText","onboardData","getSendUrl","isLoggedIn","getRequestUrl","isDev","isStage","origin","isProd","recipient","ReportContainer","ReportLink","a","SlugRecipientProfile","public_identity_profile_screen_shown","useState","toLowerCase","reportLink","useRef","current","showActions","sendLink","onSend","trackLink","public_identity_profile_send_pressed","requestLink","onRequest","public_identity_profile_request_pressed","secondary","target","rel","public_identity_profile_report_pressed","Wrapper","justifyContent","SubHeader","p","SlugNotFound","aria-hidden","aria-level","SlugDetails","recipientSlugDetails","slug","isProfileStatusActive","ProfileViewStyling","ProfileViewParentStyling","PayPalMeProfile","initialAmount","initialCurrencyCode","right","showAmountInput","recipientSlugPage","pi","sqrt2","phi","tau","graham","avogadro","googolplex","googol","beer","pizza","coffee","hamburger","Math","random","toFixed","חי","currencyRegex","extractAmountInfo","amountString","decodedAmountString","decodeURI","easterEggResult","getEasterEggInfo","primaryCurrencyCode","supportedCurrencyCode","match","currency","amountOnly","replace","includes","toUpperCase","amount","Number","toCanonicalNumber","easterEggAmounts","firstPart","slice","length","secondPart","params","amountInfo","isNaN","Boolean","RecipientSlug","RecipientSlugOld","CONTAINER_HEIGHT_PX","CONTAINER_WIDTH_PX","ContainerBase","DraggableContainer","css","FadeIn","keyframes","from","Photo","fadeIn","borderRadius","backgroundPositionX","backgroundPositionY","animation","EditButton","button","border","outline","EditText","clip","overflow","whiteSpace","DragButton","ChevronContainer","ChevronUpIcon","DragText","WithDrag","isDraggable","onDrag","onDragEnd","onDragCancel","onPan","onPanEnd","onPanCancel","options","recognizers","pan","threshold","CoverPhoto","isEditable","onEdit","isLoaded","setIsLoaded","isPhotoCached","setIsPhotoCached","photoImage","Image","onload","onerror","src","complete","getDisplayCoverPhotoUrl","aria-label","data-test-id","name","PrimaryText","SecondaryText","Card","minHeight","Content","overflowWrap","AvatarContainer","AvatarStyles","GenericAvatar","lineHeight","PhotoAvatar","backgroundImage","AvatarEdit","font","EditCamera","ShareButton","SecondaryContent","TertiaryContent","Footer","Button","borderTop","flexBasis","minWidth","textDecoration","ProfileCard","isShareable","size","url","DEFAULT_PROFILE_PHOTO"],"mappings":"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","file":"ppme-slug.bundle.js","sourcesContent":["// @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\nimport clientData from 'utils/client-data'\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 ...(!clientData.isProfileTreatment && 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 {this.props.children}\n
\n \n
\n
\n )\n }\n}\n\nexport default Main\n","// @flow\n\nimport React, { Fragment } from 'react'\nimport { CSSTransitionGroup } from 'react-transition-group'\nimport glamorous from 'glamorous'\nimport getContent from 'pp-react-l10n'\nimport { BodyText, grey700 } from '@paypalcorp/pp-react'\nimport CopyToClipboard from 'react-copy-to-clipboard'\nimport sharing from 'consumerweb-sharing'\n\nimport { svgImages } from 'components/index'\nimport SVG from 'components/svg-logo'\n\nconst l10n = getContent('pages/shared')\nconst l10nSettings = getContent('pages/settings')\n\nconst ShareTitle = glamorous.div({ color: grey700 })\n\nconst SVGParent = glamorous.span({\n textAlign: 'center',\n display: 'inline-block',\n width: '3.75rem',\n margin: '0 0.625rem',\n cursor: 'pointer',\n transition: 'all .2s ease-in-out',\n ':hover': {\n transform: 'scale(1.1)',\n },\n '@media (max-width: 880px)': {\n transform: 'scale(0.95)',\n marginRight: '10px',\n },\n '@media (max-width: 320px)': {\n transform: 'scale(0.9)',\n marginRight: 0,\n },\n})\n\nconst SVGStyling = glamorous(SVG, {\n forwardProps: ['svgString'],\n rootEl: 'span',\n})({})\n\nconst SpanText = glamorous.span({\n display: 'inline-table',\n fontSize: '0.8125rem',\n color: '#ababab',\n position: 'relative',\n})\n\nconst TooltipCopied = glamorous.span({\n padding: '0.25rem 0.5rem',\n position: 'absolute',\n bottom: '-2.75rem',\n fontWeight: 500,\n left: '0.5rem',\n backgroundColor: '#e1e7eb',\n color: 'black',\n\n ':before': {\n content: '\"\"',\n position: 'absolute',\n width: 0,\n height: 0,\n borderLeft: '6px solid transparent',\n borderRight: '6px solid transparent',\n marginLeft: '5px',\n borderBottom: '6px solid #e1e7eb',\n top: '-6px',\n },\n\n '&.tooltip-enter': {\n opacity: 0.01,\n },\n\n '&.tooltip-enter.tooltip-enter-active': {\n opacity: '1',\n transition: 'opacity 300ms ease-in',\n },\n\n '&.tooltip-leave.tooltip-leave-active': {\n opacity: 0.01,\n transition: 'opacity 300ms ease-in',\n },\n})\n\ntype State = {\n isCopied: boolean,\n}\ntype Props = {\n slugInfo: { slugDetails: SlugDetails },\n locale?: string,\n onShare?: (platform: string) => any,\n}\n\nclass ShareYourLink extends React.Component {\n _ref: ?HTMLElement = null\n\n state = {\n isCopied: false,\n }\n\n onShare = platform => {\n if (this.props.onShare) {\n this.props.onShare(platform)\n }\n }\n\n handleFBClick = (e: SyntheticEvent) => {\n e.preventDefault()\n\n this.onShare('facebook')\n\n const {\n slugInfo: { slugDetails: { paypalmeSlugName = '' } = {} } = {},\n } = this.props\n sharing.shareURLByFacebook(\n `https://paypal.me/${paypalmeSlugName}?locale.x=${this.props.locale}`,\n 575,\n 400,\n )\n }\n\n handleTwitterClick = (e: SyntheticEvent) => {\n e.preventDefault()\n\n this.onShare('twitter')\n\n const {\n slugInfo: { slugDetails: { paypalmeSlugName = '' } = {} } = {},\n } = this.props\n const twitterShareLink = `${l10n(\n 'share.twitter',\n )} https://paypal.me/${encodeURIComponent(paypalmeSlugName)}?locale.x=${\n this.props.locale\n }`\n sharing.shareByTwitter(twitterShareLink, 575, 400)\n }\n\n handleWhatsappClick = (e: SyntheticEvent) => {\n e.preventDefault()\n\n this.onShare('whatsapp')\n\n const {\n slugInfo: { slugDetails: { paypalmeSlugName = '' } = {} } = {},\n } = this.props\n sharing.shareByWhatsApp(\n `https://paypal.me/${encodeURIComponent(paypalmeSlugName)}?locale.x=${\n this.props.locale\n }`,\n 575,\n 400,\n )\n }\n\n handleMessengerClick = (e: SyntheticEvent) => {\n e.preventDefault()\n\n this.onShare('messenger')\n\n const {\n slugInfo: { slugDetails: { paypalmeSlugName = '' } = {} } = {},\n } = this.props\n sharing.shareURLByMessenger(\n `https://paypal.me/${encodeURIComponent(paypalmeSlugName)}?locale.x=${\n this.props.locale\n }`,\n '1624118454533304',\n window.location.href,\n )\n }\n\n copyToClipboard() {\n this.onShare('copylink')\n\n this.setState({ isCopied: true })\n setTimeout(() => {\n this.setState({ isCopied: false })\n }, 1000)\n }\n\n render() {\n const {\n slugInfo: { slugDetails: { paypalmeSlugName = '' } = {} } = {},\n } = this.props\n\n return (\n \n \n {l10n('header.share')}\n \n
\n {\n this.copyToClipboard()\n }}\n tabIndex=\"0\"\n role=\"button\"\n >\n \n e.key === 'Enter' && this._ref && this._ref.click()\n }\n ref={input => (this._ref = input)}\n >\n \n \n {l10nSettings('share.copy')}\n \n \n \n \n \n {l10nSettings('share.facebook')}\n \n \n \n {l10nSettings('share.messenger')}\n \n \n \n {l10nSettings('share.twitter')}\n \n
\n \n {this.state.isCopied && (\n \n \n \n )}\n \n \n )\n }\n}\n\nexport default ShareYourLink\n","// @flow\n\nimport React, { useEffect } from 'react'\nimport glamorous from 'glamorous'\n\nimport Events from 'lib/analytics/event-tags'\nimport { trackImpression, trackLinkWithData, tracking } from 'lib/analytics'\n\nimport clientData from 'utils/client-data'\nimport { getProfilePhotoUrl } from 'utils/photo'\nimport { getDisplayName } from 'utils/name'\n\nimport CoverPhoto from 'screens/shared/components/cover-photo'\nimport ProfileCard from 'screens/shared/components/profile-card'\nimport Share from 'components/share'\n\nimport { INSTRUMENTATION_MAP } from 'utils/constants'\n\nconst INSTRUMENTATION = INSTRUMENTATION_MAP.profile\n\nconst { locality: { locale } = {} } = clientData\n\nconst Container = glamorous.div({\n marginTop: '1.75rem',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n})\n\nconst CoverContainer = glamorous.div({\n zIndex: 0,\n marginBottom: '-6.375rem',\n})\n\nconst ProfileCardContainer = glamorous.div({\n zIndex: 1,\n})\n\nconst ShareContainer = glamorous.div({\n maxWidth: '21.5rem',\n marginTop: '1.5rem',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n position: 'relative', // for copied tooltip\n})\n\ntype Props = {\n history: {\n push: () => any,\n },\n settings: SettingsState,\n}\n\nfunction MyProfile(props: Props) {\n const {\n settings: {\n state: {\n slugDetails = {},\n slugDetails: {\n paypalmeSlugName = '',\n userInfo: {\n profilePhotoUrl = '',\n displayName = '',\n displayAddress = '',\n } = {},\n personalizationSettings: {\n coverPhotoUrl = '',\n coverPhotoVerticalPan = '50',\n welcomeNote = '',\n } = {},\n } = {},\n } = {},\n } = {},\n } = props\n\n useEffect(() => {\n trackImpression(\n INSTRUMENTATION.OLD.PAGE_GROUP,\n INSTRUMENTATION.OLD.PAGE_NAME,\n )\n tracking(Events.public_identity_my_profile_screen_shown({}))\n }, [])\n\n const onShare = (platform: string) => {\n trackLinkWithData(\n 'share',\n INSTRUMENTATION.OLD.PAGE_GROUP,\n INSTRUMENTATION.OLD.PAGE_NAME,\n { platform },\n 'link',\n )\n tracking(Events.public_identity_my_profile_share_pressed({}))\n }\n\n return (\n \n \n \n \n \n \n \n \n \n \n \n )\n}\n\nexport default MyProfile\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","import _ from 'lodash'\n\nimport clientData from 'utils/client-data'\n\nimport MyProfile from './my-profile'\nimport MyProfileOld from './my-profile-old'\n\nconst isProfileTreatment = _.get(clientData, 'isProfileTreatment', false)\n\nconst Component = isProfileTreatment ? MyProfile : MyProfileOld\n\nexport default Component\n","// @flow\nimport getContent from 'pp-react-l10n'\nimport clientData from './client-data'\n\nconst {\n locality: { country = 'US' },\n} = clientData\n\nfunction generateUrlLoggedInState(flow = 'homepage') {\n const host = getDomain(clientData)\n return `${host}/myaccount/transfer/${flow}/external/profile?flowContextData=${\n clientData.encryptedFlowData\n }`\n}\nfunction generateUrlLoggedOutState(flow = 'homepage', slugDetails = {}) {\n const encryptedFlow = clientData.encryptedFlowData\n const host = getDomain(clientData)\n\n const {\n locality: { locale, country },\n } = clientData\n const { userInfo: { displayName = '' } = {} } = slugDetails\n const l10n = getContent('pages/shared')\n const onboardDataRegularSignUp = JSON.stringify({\n 'country.x': country,\n 'locale.x': locale,\n intent: 'paypalme',\n redirect_url: `${host}/myaccount/transfer/${flow}/external/profile?flowContextData=${encryptedFlow}`,\n sendMoneyText: encodeURIComponent(`${l10n('msg.send')} ${displayName}`),\n })\n const onboardData = `=${encodeURIComponent(onboardDataRegularSignUp)}`\n\n return `${host}/signin?returnUri=${host}/myaccount/transfer/${flow}/external/profile?flowContextData=${encryptedFlow}&${onboardData}`\n}\n\nexport function getSendUrl({ isLoggedIn = false, slugDetails = {} }) {\n if (isLoggedIn) {\n return generateUrlLoggedInState('homepage')\n } else {\n return generateUrlLoggedOutState('homepage', slugDetails)\n }\n}\nexport function getRequestUrl({ isLoggedIn = false, slugDetails = {} }) {\n if (isLoggedIn) {\n return generateUrlLoggedInState('request')\n } else {\n return generateUrlLoggedOutState('request', slugDetails)\n }\n}\n\nexport function getReportLink() {\n const host = getDomain(clientData)\n return `${host}/${country.toLowerCase()}/smarthelp/contact-us?email=paypalme`\n}\n\nfunction getDomain(clientData) {\n let host = 'https://www.paypal.com'\n if (clientData.isDev) {\n host = 'https://localhost.paypal.com'\n }\n\n if (clientData.isStage) {\n host = window.location.origin\n }\n\n if (clientData.isProd) {\n host = 'https://www.paypal.com'\n }\n return host\n}\n","// @flow\n\nimport React, { useEffect, useState, useRef } from 'react'\nimport glamorous from 'glamorous'\nimport getContent from 'pp-react-l10n'\nimport { Link } from '@paypalcorp/pp-react'\n\nimport clientData from 'utils/client-data'\nimport { getProfilePhotoUrl } from 'utils/photo'\nimport { getDisplayName } from 'utils/name'\nimport { getSendUrl, getRequestUrl, getReportLink } from 'utils/generate-urls'\n\nimport Events from 'lib/analytics/event-tags'\nimport { trackImpression, trackLink, tracking } from 'lib/analytics'\n\nimport { INSTRUMENTATION_MAP } from 'utils/constants'\n\nimport CoverPhoto from 'screens/shared/components/cover-photo'\nimport ProfileCard from 'screens/shared/components/profile-card'\n\nconst INSTRUMENTATION = INSTRUMENTATION_MAP.recipient\n\nconst l10n = getContent('pages/shared')\n\nconst Container = glamorous.div({\n margin: '2.25rem 0 2rem',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n})\n\nconst CoverContainer = glamorous.div({\n zIndex: 0,\n marginBottom: '-6.375rem',\n})\n\nconst ProfileCardContainer = glamorous.div({\n zIndex: 1,\n})\n\nconst ReportContainer = glamorous.div({\n marginTop: '3rem',\n})\nconst ReportLink = glamorous.a({ fontSize: '0.875rem' })\n\ntype Props = {\n slugDetails: SlugDetails,\n}\n\nfunction SlugRecipientProfile(props: Props) {\n useEffect(() => {\n trackImpression(\n INSTRUMENTATION.OLD.PAGE_GROUP,\n INSTRUMENTATION.OLD.PAGE_NAME,\n )\n tracking(Events.public_identity_profile_screen_shown({}))\n }, [])\n\n const [reportLink] = useState(() => getReportLink())\n const { current: isUserLoggedIn } = useRef(clientData.isUserLoggedIn)\n\n const {\n slugDetails = {},\n slugDetails: {\n paypalmeSlugName = '',\n userInfo: {\n profilePhotoUrl = '',\n displayName = '',\n displayAddress = '',\n } = {},\n personalizationSettings: {\n coverPhotoUrl = '',\n coverPhotoVerticalPan = '50',\n welcomeNote = '',\n } = {},\n } = {},\n } = props\n\n const onSend = () => {\n trackLink(\n 'send',\n INSTRUMENTATION.OLD.PAGE_GROUP,\n INSTRUMENTATION.OLD.PAGE_NAME,\n 'link',\n )\n tracking(Events.public_identity_profile_send_pressed({}))\n }\n\n const onRequest = () => {\n trackLink(\n 'request',\n INSTRUMENTATION.OLD.PAGE_GROUP,\n INSTRUMENTATION.OLD.PAGE_NAME,\n 'link',\n )\n tracking(Events.public_identity_profile_request_pressed({}))\n }\n\n const onReport = () => {\n trackLink(\n 'report',\n INSTRUMENTATION.OLD.PAGE_GROUP,\n INSTRUMENTATION.OLD.PAGE_NAME,\n 'link',\n )\n tracking(Events.public_identity_profile_report_pressed({}))\n }\n\n return (\n \n \n \n \n \n \n \n \n \n {l10n('button.report')}\n \n \n \n )\n}\n\nexport default SlugRecipientProfile\n","// @flow\n\nimport React from 'react'\nimport glamorous from 'glamorous'\nimport getContent from 'pp-react-l10n'\nimport { orange500, grey700 } from '@paypalcorp/pp-react'\n\nimport { IconInfoLarge } from 'components'\n\nconst l10n = getContent('pages/error')\n\nconst Wrapper = glamorous.div({\n display: 'flex',\n justifyContent: 'center',\n})\nconst Container = glamorous.div({\n margin: '5rem 0',\n maxWidth: '21rem',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n})\n\nconst Header = glamorous.div({\n marginTop: '2.25rem',\n fontSize: '1.875rem',\n fontWeight: '300',\n color: grey700,\n textAlign: 'center',\n})\nconst SubHeader = glamorous.p({\n marginTop: '2.25rem',\n fontSize: '0.9375rem',\n color: grey700,\n textAlign: 'center',\n width: 300,\n})\n\nfunction SlugNotFound() {\n return (\n \n \n \n
\n {l10n('error.title.slugDoesNotExist')}\n
\n {l10n('error.subheader.slugDoesNotExist')}\n \n \n )\n}\n\nexport default SlugNotFound\n","// @flow\n\nimport React from 'react'\n\nimport clientData from 'utils/client-data'\n\nimport SlugRecipientProfile from './slug-recipient-profile'\nimport SlugNotFound from './slug-not-found'\n\nfunction SlugDetails() {\n const { recipientSlugDetails: { slugDetails = {} } = {} } = clientData\n\n return (\n <>\n {clientData.slug && slugDetails.isProfileStatusActive ? (\n \n ) : (\n \n )}\n \n )\n}\n\nexport default SlugDetails\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","export default {\n // Mathematical constants\n e: '2.71',\n pi: '3.14',\n sqrt2: '1.41',\n phi: '1.62',\n tau: '6.28',\n graham: '99999.99',\n avogadro: '999999.99',\n googolplex: '99999.99',\n googol: '99999.99',\n\n // Food and their emojis\n beer: '3.82',\n '🍺': '3.82',\n pizza: '9.00',\n '🍕': '9.00',\n coffee: '2.95',\n '☕️': '2.95',\n hamburger: '3.57',\n '🍔': '3.57',\n\n // Other\n '💰': (Math.random() * 80 + 20).toFixed(2),\n // chai\n חי: '18.00',\n}\n","// This module is used to take the \"amountInfo\" part of the URL on the\n// receipient page (the part that comes after the user's slug) and attempts\n// to parse it into the amount and currency\nimport easterEggAmounts from './easter-egg-amounts'\nimport { toCanonicalNumber } from 'amount-utils'\nimport clientData from 'utils/client-data'\nimport _ from 'lodash'\n\nconst currencyRegex = /[A-Za-z]{3}/\n\n// This is the main function that performs the amount info extraction.\nfunction extractAmountInfo(amountString = '') {\n const decodedAmountString = decodeURI(amountString)\n const easterEggResult = getEasterEggInfo(decodedAmountString)\n if (easterEggResult) {\n return easterEggResult\n }\n\n const primaryCurrencyCode = _.get(\n clientData,\n 'recipientSlugDetails.slugDetails.userInfo.primaryCurrencyCode',\n 'USD',\n )\n\n const supportedCurrencyCode = _.get(clientData, 'supportedCurrencies', [])\n\n let [currency = 'USD'] =\n decodedAmountString.match(currencyRegex) || [primaryCurrencyCode] || []\n\n const amountOnly = decodedAmountString.replace(currency, '') || '0'\n\n // if the currency code passed by user is not supported then default back to the recipients user currency code\n if (!supportedCurrencyCode.includes(currency.toUpperCase())) {\n currency = primaryCurrencyCode\n }\n\n return {\n amount: Number(toCanonicalNumber(amountOnly)).toFixed(2),\n currency: currency.toUpperCase(),\n }\n}\n\nexport function isValidNumber(amountString = '') {\n const { amount } = extractAmountInfo(amountString)\n return !isNaN(amount)\n}\n\n// This will check whether the amountString is referencing one of the easter\n// eggs (emoji/mathmatical constants/etc.)\nfunction getEasterEggInfo(amountString) {\n const supportedCurrencyCode = _.get(clientData, 'supportedCurrencies', [])\n const primaryCurrencyCode = _.get(\n clientData,\n 'recipientSlugDetails.slugDetails.userInfo.primaryCurrencyCode',\n 'USD',\n )\n\n // `pizza`\n if (easterEggAmounts[amountString]) {\n return {\n amount: easterEggAmounts[amountString],\n currency: primaryCurrencyCode,\n }\n }\n\n // `pizzaUSD`\n const firstPart = amountString.slice(0, amountString.length - 3)\n if (easterEggAmounts[firstPart]) {\n let currency = amountString.slice(-3).toUpperCase()\n\n // if the currency code passed by user is not supported then default back to the recipients user currency code\n if (!supportedCurrencyCode.includes(currency.toUpperCase())) {\n currency = primaryCurrencyCode\n }\n\n return {\n amount: easterEggAmounts[firstPart],\n currency,\n }\n }\n\n // `USDpizza`\n const secondPart = amountString.slice(3)\n if (easterEggAmounts[secondPart]) {\n let currency = amountString.slice(0, 3).toUpperCase()\n\n // if the currency code passed by user is not supported then default back to the recipients user currency code\n if (!supportedCurrencyCode.includes(currency.toUpperCase())) {\n currency = primaryCurrencyCode\n }\n return {\n amount: easterEggAmounts[secondPart],\n currency,\n }\n }\n return null\n}\n\nexport { extractAmountInfo }\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","import _ from 'lodash'\n\nimport clientData from 'utils/client-data'\n\nimport RecipientSlug from './recipient-slug'\nimport RecipientSlugOld from './recipient-slug-old'\n\nconst isProfileTreatment = _.get(clientData, 'isProfileTreatment', false)\n\nconst Component = isProfileTreatment ? RecipientSlug : RecipientSlugOld\n\nexport default Component\n","// @flow\n\nimport React, { useState, useEffect } from 'react'\nimport Hammer from 'react-hammerjs'\nimport { css } from 'glamor'\nimport glamorous from 'glamorous'\nimport getContent from 'pp-react-l10n'\nimport { Icon, grey100 } from '@paypalcorp/pp-react'\n\nimport { getDisplayCoverPhotoUrl } from 'utils/image-utils'\n\nconst l10n = getContent('pages/profile')\n\nexport const CONTAINER_HEIGHT_PX = '286'\nexport const CONTAINER_WIDTH_PX = '494'\n\nconst ContainerBase = {\n position: 'relative',\n height: `${CONTAINER_HEIGHT_PX / 16}rem`,\n width: `${CONTAINER_WIDTH_PX / 16}rem`,\n}\n\nconst Container = glamorous.div({\n ...ContainerBase,\n})\n\nconst DraggableContainer = css({\n ...ContainerBase,\n cursor: 'move',\n cursor: 'grab', // eslint-disable-line no-dupe-keys\n '&:active': {\n cursor: 'grabbing',\n },\n})\n\nconst FadeIn = css.keyframes({ from: { opacity: 0 }, to: { opacity: 1 } })\nconst Photo = glamorous.div(\n ({ photoUrl, photoVerticalPan, fadeIn = true }) => ({\n height: '100%',\n width: '100%',\n borderRadius: '5% 5% 100% 100% / 10% 10% 50% 50%',\n background: `url(${photoUrl})`,\n backgroundSize: 'cover',\n backgroundPositionX: '50%',\n backgroundPositionY: `${photoVerticalPan}%`,\n backgroundRepeat: 'no-repeat',\n ...(fadeIn && { animation: `${FadeIn} 0.2s` }),\n }),\n)\n\nconst EditButton = glamorous.button({\n position: 'absolute',\n top: '0',\n right: '0',\n border: 'none',\n padding: '0.15rem',\n cursor: 'pointer',\n outline: 'inherit',\n color: grey100,\n background: 'rgba(0, 0, 0, 0.3)',\n borderRadius: '50%',\n margin: '0.5rem 0.5rem 0 0',\n})\n\n// hide text visually without hiding it from assistive technology\nconst EditText = glamorous.div({\n border: '0',\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0',\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px',\n})\n\nconst DragButton = glamorous.div({\n position: 'absolute',\n top: '20%',\n left: '50%',\n transform: 'translateX(-50%)',\n padding: '0 1.75rem',\n color: 'white',\n background: 'rgba(0, 0, 0, 0.3)',\n borderRadius: '99999rem',\n display: 'flex',\n alignItems: 'center',\n})\n\nconst ChevronContainer = glamorous.div({\n display: 'flex',\n flexDirection: 'column',\n marginRight: '0.5rem',\n})\n\nconst ChevronUpIcon = css({\n marginBottom: '-0.75rem',\n})\n\nconst DragText = glamorous.span({\n fontWeight: '500',\n fontSize: '0.8125rem',\n})\n\ntype Props = {\n photoUrl: string,\n photoVerticalPan: string,\n isEditable?: boolean,\n onEdit?: () => any,\n isDraggable?: boolean,\n onDrag?: () => any,\n onDragEnd?: () => any,\n onDragCancel?: () => any,\n}\n\nfunction CoverPhoto(props: Props) {\n const {\n photoUrl,\n photoVerticalPan,\n isEditable = false,\n onEdit,\n isDraggable = false,\n onDrag = () => {},\n onDragEnd = () => {},\n onDragCancel = () => {},\n } = props\n\n const [isLoaded, setIsLoaded] = useState(false)\n const [isPhotoCached, setIsPhotoCached] = useState(false)\n\n useEffect(() => {\n const photoImage = new Image()\n photoImage.onload = () => {\n setIsLoaded(true)\n }\n photoImage.onerror = () => {\n // image failed to load so do nothing\n }\n photoImage.src = photoUrl\n if (photoImage.complete) {\n setIsPhotoCached(true)\n }\n\n return () => {\n photoImage.onload = () => {}\n }\n }, [])\n\n return (\n \n {isLoaded && (\n <>\n \n {isEditable && (\n \n \n {l10n('cover.edit')}\n \n )}\n {isDraggable && (\n \n \n \n \n \n {l10n('cover.drag')}\n \n )}\n \n )}\n \n )\n}\n\nfunction WithDrag({\n isDraggable = false,\n onDrag,\n onDragEnd,\n onDragCancel,\n children,\n}) {\n return isDraggable ? (\n \n
{children}
\n \n ) : (\n {children}\n )\n}\n\nexport default CoverPhoto\n","// @flow\n\nimport React, { useState, useEffect } from 'react'\nimport glamorous from 'glamorous'\nimport { css } from 'glamor'\nimport getContent from 'pp-react-l10n'\nimport {\n HeadingText,\n BodyText,\n Link,\n Icon,\n grey100,\n grey200,\n grey600,\n grey700,\n blue600,\n} from '@paypalcorp/pp-react'\n\nconst l10n = getContent('pages/profile')\n\nconst PrimaryText = glamorous.div({\n color: grey700,\n})\nconst SecondaryText = glamorous.div({\n color: grey600,\n})\n\nconst Card = glamorous.div({\n minHeight: '12.125rem',\n width: '21.5rem',\n borderRadius: '0.75rem',\n backgroundColor: 'white',\n boxShadow: '0 2px 4px 0 rgba(0,0,0,0.15)',\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n})\n\nconst Content = glamorous.div(({ showActions = false }) => ({\n margin: `1rem 1.5rem ${showActions ? '1.5rem' : '2rem'}`,\n overflowWrap: 'break-word',\n}))\n\nconst AvatarContainer = glamorous.div({\n height: '5.625rem',\n width: '5.625rem',\n marginTop: '-3.125rem',\n marginLeft: '1.25rem',\n position: 'relative',\n})\nconst AvatarStyles = {\n width: 'inherit',\n height: 'inherit',\n border: '4px solid white',\n borderRadius: '50%',\n}\nconst GenericAvatar = glamorous.div(({ background }) => ({\n ...AvatarStyles,\n background,\n textAlign: 'center',\n ' span': {\n color: 'white',\n lineHeight: '5.125rem',\n },\n}))\nconst FadeIn = css.keyframes({ from: { opacity: 0 }, to: { opacity: 1 } })\nconst PhotoAvatar = glamorous.div(({ photoUrl, fadeIn = true }) => ({\n ...AvatarStyles,\n backgroundImage: `url(${photoUrl})`,\n backgroundSize: 'cover',\n backgroundPosition: '50%',\n backgroundRepeat: 'no-repeat',\n ...(fadeIn && { animation: `${FadeIn} 0.2s` }),\n}))\nconst AvatarEdit = glamorous.button({\n color: 'inherit',\n padding: 0,\n font: 'inherit',\n cursor: 'pointer',\n outline: 'inherit',\n width: '2rem',\n height: '2rem',\n border: '2px solid white',\n textAlign: 'center',\n borderRadius: '50%',\n backgroundColor: grey200,\n position: 'absolute',\n bottom: 0,\n right: 0,\n})\n\nconst EditCamera = css({\n color: grey700,\n lineHeight: '1.75rem',\n})\n\nconst ShareContainer = glamorous.div({\n position: 'absolute',\n top: '0.8125rem',\n right: '0.5rem',\n})\nconst ShareButton = glamorous.button({\n background: 'none',\n border: 'none',\n padding: '0',\n cursor: 'pointer',\n outline: 'inherit',\n})\n\nconst SecondaryContent = glamorous.div({ marginTop: '0.125rem' })\nconst TertiaryContent = glamorous.div({ marginTop: '1.5rem' })\n\nconst Footer = glamorous.div({\n display: 'flex',\n marginTop: 'auto',\n overflowWrap: 'break-word',\n})\n\nconst Button = glamorous.a(({ borderRight }) => ({\n borderTop: '1px solid ' + grey100,\n ...(borderRight && { borderRight: '1px solid ' + grey100 }),\n flexBasis: '50%',\n minWidth: 0, // let flex item shrink smaller than content\n padding: '1rem 0',\n textDecoration: 'none',\n '&:active, &:focus, &:hover, &:visited': {\n textDecoration: 'none',\n },\n}))\n\ntype Props = {\n isEditable?: boolean,\n onEdit?: () => {},\n isShareable?: boolean,\n onShare?: () => {},\n photoUrl?: string,\n displayName: string,\n handle: string,\n displayLocation?: string,\n blurb?: string,\n showActions?: boolean,\n requestLink?: string,\n onRequest?: () => any,\n sendLink?: string,\n onSend?: () => any,\n}\n\nfunction ProfileCard(props: Props) {\n const {\n isEditable = false,\n onEdit,\n isShareable = false,\n onShare,\n photoUrl,\n displayName,\n handle,\n displayLocation,\n blurb,\n requestLink,\n onRequest,\n sendLink,\n onSend,\n showActions = false,\n } = props\n\n const [isLoaded, setIsLoaded] = useState(!photoUrl)\n const [isPhotoCached, setIsPhotoCached] = useState(false)\n\n useEffect(() => {\n if (!photoUrl) {\n return\n }\n\n const photoImage = new Image()\n photoImage.onload = () => {\n setIsLoaded(true)\n }\n photoImage.onerror = () => {\n // image failed to load so do nothing\n }\n photoImage.src = photoUrl\n if (photoImage.complete) {\n setIsPhotoCached(true)\n }\n\n return () => {\n photoImage.onload = () => {}\n }\n }, [])\n\n return (\n \n \n {photoUrl ? (\n isLoaded && (\n \n )\n ) : (\n \n \n \n )}\n {isEditable && isLoaded && (\n \n \n \n )}\n \n {isShareable && (\n \n \n \n \n \n )}\n \n \n {displayName}\n \n \n \n {handle}\n \n {displayLocation && (\n \n {displayLocation}\n \n )}\n \n {blurb && (\n \n \n {blurb}\n \n \n )}\n \n {showActions && (\n \n )}\n \n )\n}\n\nexport default ProfileCard\n","// @flow\n\nimport _ from 'lodash'\n\nexport function getDisplayName(displayName: string) {\n // display name is escaped at the service layer but React escapes strings by default\n // so this string ends up getting double escaped and does not get displayed properly\n return _.unescape(displayName)\n}\n","// @flow\n\nimport { DEFAULT_PROFILE_PHOTO } from 'utils/constants'\n\nexport function getProfilePhotoUrl(url?: string) {\n // return any profile photo URL except for default SVG\n if (url !== DEFAULT_PROFILE_PHOTO) {\n return url\n }\n}\n"],"sourceRoot":""}