{"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:///./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/generate-urls.js","webpack:///./utils/name.js","webpack:///./utils/photo.js"],"names":["l10n","getContent","Header","this","props","isUserLoggedIn","mobileBannerStyle","padding","clientData","isProfileTreatment","userHasCoverPhoto","position","background","borderColor","loginUrl","getLoginUrl","returnUri","window","location","href","addZIndex","zIndex","className","role","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","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","recipient","UTM_TAGS","utmTags","ReportContainer","ReportLink","a","SlugRecipientProfile","public_identity_profile_screen_shown","useState","getReportLink","reportLink","useRef","current","showActions","sendLink","getSendUrl","isLoggedIn","onSend","trackLink","public_identity_profile_send_pressed","requestLink","getRequestUrl","onRequest","public_identity_profile_request_pressed","secondary","target","rel","public_identity_profile_report_pressed","Wrapper","justifyContent","Warning","img","HeaderContainer","BodyContainer","SlugNotFound","src","ILLUSTRATIONS","WARNING","alt","size","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","complete","getDisplayCoverPhotoUrl","aria-label","data-test-id","name","aria-hidden","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","country","host","getDomain","url","generateUrlLoggedInState","flow","encryptedFlowData","generateUrlLoggedOutState","encryptedFlow","onboardDataRegularSignUp","JSON","stringify","intent","redirect_url","sendMoneyText","onboardData","toLowerCase","isDev","isStage","origin","isProd","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 { getLoginUrl } from 'utils/generate-urls'\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 const loginUrl = getLoginUrl({ returnUri: window.location.href })\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\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 UTM_TAGS = clientData.utmTags\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 { ...UTM_TAGS },\n )\n tracking(Events.public_identity_profile_screen_shown({ ...UTM_TAGS }))\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 { HeadingText, BodyText } from '@paypalcorp/pp-react'\n\nimport { ILLUSTRATIONS } from 'utils/constants'\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 textAlign: 'center',\n})\n\nconst Warning = glamorous.img({\n width: '7rem',\n height: '7rem',\n})\n\nconst HeaderContainer = glamorous.div({\n marginTop: '0.5rem',\n})\nconst BodyContainer = glamorous.div({\n marginTop: '2rem',\n})\n\nfunction SlugNotFound() {\n return (\n \n \n \n \n \n {l10n('error.title.slugDoesNotExist')}\n \n \n \n {l10n('error.subheader.slugDoesNotExist')}\n \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\nimport { trackImpression } from 'lib/analytics'\n\nimport clientData from 'utils/client-data'\n\nimport { INSTRUMENTATION_MAP } from 'utils/constants'\n\nconst INSTRUMENTATION = INSTRUMENTATION_MAP.recipient\n\nconst UTM_TAGS = clientData.utmTags\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 constructor(props: Props) {\n super(props)\n\n trackImpression(\n INSTRUMENTATION.OLD.PAGE_GROUP,\n INSTRUMENTATION.OLD.PAGE_NAME,\n { ...UTM_TAGS },\n )\n }\n\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\nimport getContent from 'pp-react-l10n'\nimport clientData from './client-data'\n\nconst {\n locality: { country = 'US' },\n} = clientData\n\nexport function getLoginUrl({ returnUri } = {}) {\n const host = getDomain(clientData)\n let url = `${host}/signin`\n if (returnUri) {\n url += `?returnUri=${encodeURIComponent(returnUri)}`\n }\n return url\n}\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 _ 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":""}