{"version":3,"sources":["webpack:///./screens/shared/components/header.js","webpack:///./screens/index.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:///./screens/shared/components/share.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","INSTRUMENTATION","INSTRUMENTATION_MAP","profile","locality","locale","Container","glamorous","div","marginTop","display","flexDirection","alignItems","CoverContainer","marginBottom","ProfileCardContainer","ShareContainer","maxWidth","MyProfile","settings","slugDetails","paypalmeSlugName","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","slugInfo","onShare","platform","trackLinkWithData","public_identity_my_profile_share_pressed","imageURL","containerStyles","backgroundSize","backgroundRepeat","paddingBottom","backgroundPosition","width","height","boxShadow","backgroundColor","myProfilePage","ProfileDetails","top","to","SettingsContainer","recipient","UTM_TAGS","utmTags","PARTNER_TAGS","partnerTags","margin","ReportContainer","ReportLink","a","fontSize","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","as","secondary","target","rel","onClick","public_identity_profile_report_pressed","Wrapper","justifyContent","textAlign","Warning","img","HeaderContainer","BodyContainer","SlugNotFound","src","ILLUSTRATIONS","WARNING","alt","size","aria-level","SlugDetails","recipientSlugDetails","slug","isProfileStatusActive","ProfileViewStyling","ProfileViewParentStyling","PayPalMeProfile","initialAmount","initialCurrencyCode","content","right","bottom","left","showAmountInput","recipientSlugPage","e","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","cursor","FadeIn","keyframes","from","opacity","Photo","fadeIn","borderRadius","backgroundPositionX","backgroundPositionY","animation","EditButton","button","border","outline","EditText","clip","overflow","whiteSpace","DragButton","transform","ChevronContainer","marginRight","ChevronUpIcon","DragText","span","fontWeight","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","marginLeft","AvatarStyles","GenericAvatar","lineHeight","PhotoAvatar","backgroundImage","AvatarEdit","font","EditCamera","ShareButton","SecondaryContent","TertiaryContent","Footer","Button","borderRight","borderTop","flexBasis","minWidth","textDecoration","ProfileCard","isShareable","l10nSettings","ShareTitle","SVGParent","transition","SVGStyling","SVG","forwardProps","rootEl","SpanText","CopyContainer","TooltipCopied","borderLeft","borderBottom","ShareYourLink","isCopied","preventDefault","sharing","shareURLByFacebook","twitterShareLink","encodeURIComponent","shareByTwitter","shareByWhatsApp","shareURLByMessenger","setState","setTimeout","strong","lang","text","onCopy","copyToClipboard","svgString","svgImages","clipBoard","transitionName","transitionEnterTimeout","transitionLeaveTimeout","key","handleFBClick","facebook","handleMessengerClick","messenger","handleTwitterClick","twitter","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":";;;;;;;;;;;;;;;;;;q2CAQA,IAAMA,EAAOC,YAAW,cAOHC,E,6JAEjB,GAAIC,KAAKC,MAAMC,eACb,OAAO,KAGT,IAAMC,EAAoB,aACxBC,QAAS,kBACJC,IAAWC,oBAAsBN,KAAKC,MAAMM,kBAC7C,CACEC,SAAU,WACVC,WAAY,cACZC,YAAa,eAEf,IAGAC,EAAWC,YAAY,CAAEC,UAAWC,OAAOC,SAASC,OAIpDC,EAAY,eACZjB,KAAKC,MAAMM,kBAAoB,CAAEW,OAAQ,KAAQ,IAEvD,OACE,kBAAC,WAAD,KACE,yBAAKC,UAAU,oBAAoBC,KAAK,UACtC,yBAAKD,UAAU,0BACb,uBACEH,KAAK,yBACLG,UAAU,8BAEV,0BAAMA,UAAU,iBAElB,yBAAKA,UAAU,oCACb,yBAAKA,UAAU,sCACb,uBACEH,KAAML,EACNQ,UAAU,wCACVE,MAAO,CAAEX,YAAa,OAAQY,MAAO,SAEpCzB,EAAK,gBACN,0BAAMsB,UAAU,eAAetB,EAAK,oBAI1C,yBAAKsB,UAAU,6BACb,yBAAKA,UAAU,mBAAmBC,KAAK,cACrC,wBAAID,UAAU,+BACZ,wBAAIA,UAAU,gCACZ,uBACEH,KAAML,EACNU,MAAO,CAAEX,YAAa,OAAQY,MAAO,QACrCH,UAAU,yCAETtB,EAAK,gBACN,0BAAMsB,UAAU,eACbtB,EAAK,wBAStB,yBAAKsB,UAAU,0BAA0BE,MAAOJ,GAC9C,yBAAKE,UAAU,2BAA2BE,MAAOlB,GAC/C,yBAAKgB,UAAU,sCACb,uBACEH,KAAK,yBACLG,UAAU,6BAEV,0BAAMA,UAAU,kBAGpB,wBAAIA,UAAU,sCACZ,wBAAIE,MAAO,CAAEE,WAAY,SAAUD,MAAO,SACxC,uBACEN,KAAML,EACNU,MAAO,CAAEX,YAAa,OAAQY,MAAO,QACrCH,UAAU,yCAETtB,EAAK,gBACN,0BAAMsB,UAAU,eAAetB,EAAK,2B,GApFlB2B,IAAMC,W,ocCIpCC,E,oOACI,CACNnB,oBAAqB,IACnBF,IACA,yEACA,M,uDAKF,OACE,6BACE,kBAAC,EAAD,CACEH,eAAgBG,IAAWH,eAC3BK,kBAAmBP,KAAK2B,MAAMpB,oBAEhC,yBAAKY,UAAU,qBACb,yBAAKS,GAAG,WAAWT,UAAU,2BAC1BnB,KAAKC,MAAM4B,UAEd,yBACER,MAAO,CAAEH,OAAQ,KACjBY,wBAAyB,CAAEC,OAAQ1B,IAAW2B,oB,GAtBvCR,IAAMC,WA8BVC,a;;;;;;;;;;;;;;;;;;;;;;;;;;siBC/BTO,E,0BAAkBC,EAAoBC,Q,EAEN9B,IAA9B+B,SAAYC,G,aAAW,G,GAAXA,OAEdC,EAAYC,IAAUC,IAAI,CAC9BC,UAAW,UACXC,QAAS,OACTC,cAAe,SACfC,WAAY,WAGRC,EAAiBN,IAAUC,IAAI,CACnCtB,OAAQ,EACR4B,aAAc,cAGVC,EAAuBR,IAAUC,IAAI,CACzCtB,OAAQ,IAGJ8B,EAAiBT,IAAUC,IAAI,CACnCS,SAAU,UACVR,UAAW,SACXC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZpC,SAAU,aA2EG0C,MAjEf,SAAmBjD,GAAc,MAoB3BA,EAlBFkD,SAF6B,gBAmBzB,GAnByB,GAG3BxB,MAH2B,gBAkBvB,GAlBuB,GAIzByB,mBAJyB,MAIX,GAJW,MAKzBA,YALyB,gBAiBrB,GAjBqB,GAMvBC,wBANuB,MAMJ,GANI,MAOvBC,SAPuB,gBAWnB,GAXmB,GAQrBC,uBARqB,MAQH,GARG,MASrBC,mBATqB,MASP,GATO,MAUrBC,sBAVqB,MAUJ,GAVI,MAYvBC,wBAZuB,gBAgBnB,GAhBmB,GAarBC,qBAbqB,MAaL,GAbK,MAcrBC,6BAdqB,MAcG,KAdH,MAerBC,mBAfqB,MAeP,GAfO,EAyC/B,OAnBAC,qBAAU,WACRC,YACE9B,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,WAEtBC,YAASC,IAAOC,wCAAwC,OACvD,IAcD,kBAAC/B,EAAD,KACE,kBAACO,EAAD,KACE,kBAAC,IAAD,CACEyB,SAAUX,EACVY,iBAAkBX,KAGtB,kBAACb,EAAD,KACE,kBAAC,IAAD,CACEuB,SAAUE,YAAmBjB,GAC7BC,YAAaiB,YAAejB,GAC5BkB,OAAM,WAAMrB,GACZsB,gBAAiBlB,EACjBmB,MAAOf,KAGX,kBAACb,EAAD,KACE,kBAAC,IAAD,CAAOX,OAAQA,EAAQwC,SAAU,CAAEzB,eAAe0B,QA7BxC,SAACC,GACfC,YACE,QACA/C,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UACpB,CAAEa,YACF,QAEFZ,YAASC,IAAOa,yCAAyC,W,s6BC7B9C/B,E,6JA9CJ,MAcHlD,KAAKC,MAZPkC,QACER,EAHG,EAGHA,MAHG,IAIHA,MACEpB,GALC,aAYC,GAZD,GAKDA,kBALC,IAMD6C,YANC,gBAWG,GAXH,GAOCM,wBACEC,GARH,aAUK,GAVL,GAQGA,cARH,IASGC,6BATH,MAS2B,KAT3B,EAgBP,OACE,kBAAC,WAAD,KACGD,GACC,kBAAC,IAAD,CACEuB,SAAUvB,EACVwB,gBAAiB,CACfC,eAAgB,QAChBC,iBAAkB,YAClBC,cAAe,MACf,4BAA6B,CAC3BA,cAAe,OAEjBC,mBAAoB,OAAF,OAAS3B,EAAT,KAClB4B,MAAO,OACPC,OAAQ,OACRC,UAAW,UAIjB,kBAAC,IAAD,CACEb,SAAUlD,EACVpB,kBAAmBA,EACnBoF,gBAAgB,UAChBC,eAAe,S,GAxCDnE,a,ufCLlBoE,E,6JAEF,OACE,yBAAKxE,MAAO,CAAEb,SAAU,WAAYsF,IAAK,UACvC,kBAAC,EAAc9F,KAAKC,Y,GAJCuB,IAAMC,WCF7BA,EAFqB,IAAMpB,IAAY,sBAAsB,GAE5B6C,EDaxB,kBACb,kBAAC,IAAD,CAAW6C,GAAI,CAACC,OACb,SAAA7D,GAAO,OAAI,kBAAC,EAAD,CAAgBA,QAASA,QCb1BV,a;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;m1BCSTQ,EAAkBC,IAAoB+D,UAEtCpG,EAAOC,YAAW,gBAElBoG,EAAW7F,IAAW8F,QACtBC,EAAe/F,IAAWgG,YAE1B/D,EAAYC,IAAUC,IAAI,CAC9B8D,OAAQ,iBACR5D,QAAS,OACTC,cAAe,SACfC,WAAY,WAGRC,EAAiBN,IAAUC,IAAI,CACnCtB,OAAQ,EACR4B,aAAc,cAGVC,EAAuBR,IAAUC,IAAI,CACzCtB,OAAQ,IAGJqF,EAAkBhE,IAAUC,IAAI,CACpCC,UAAW,SAEP+D,EAAajE,IAAUkE,EAAE,CAAEC,SAAU,aAqH5BC,MA/Gf,SAA8B1G,GAC5B6D,qBAAU,WACRC,YACE9B,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UAFP,eAGRgC,EAAaE,IAEpBjC,YACEC,IAAOwC,qCAAP,eACKV,EACAE,OAGN,IAbuC,MAerBS,oBAAS,kBAAMC,iBAA7BC,EAfmC,oBAgBzB7G,EAAmB8G,iBAAO3G,IAAWH,gBAA9C+G,QAhBkC,EAiCtChH,EAdFmD,mBAnBwC,MAmB1B,GAnB0B,IAiCtCnD,EAbFmD,YApBwC,gBAgCpC,GAhCoC,GAqBtCC,wBArBsC,MAqBnB,GArBmB,MAsBtCC,SAtBsC,gBA0BlC,GA1BkC,GAuBpCC,uBAvBoC,MAuBlB,GAvBkB,MAwBpCC,mBAxBoC,MAwBtB,GAxBsB,MAyBpCC,sBAzBoC,MAyBnB,GAzBmB,MA2BtCC,wBA3BsC,gBA+BlC,GA/BkC,GA4BpCC,qBA5BoC,MA4BpB,GA5BoB,MA6BpCC,6BA7BoC,MA6BZ,KA7BY,MA8BpCC,mBA9BoC,MA8BtB,GA9BsB,EAiE1C,OACE,kBAACvB,EAAD,KACE,kBAACO,EAAD,KACE,kBAAC,IAAD,CACEyB,SAAUX,EACVY,iBAAkBX,KAGtB,kBAACb,EAAD,KACE,kBAAC,IAAD,CACEuB,SAAUE,YAAmBjB,GAC7BC,YAAaiB,YAAejB,GAC5BkB,OAAM,WAAMrB,GACZsB,gBAAiBlB,EACjBmB,MAAOf,EACPqD,aAAa,EACbC,SACEjH,EACIkH,YAAW,CAAEC,YAAY,IACzBD,YAAW,CAAEC,YAAY,EAAOjE,gBAEtCkE,OAnDO,WACbC,YACE,OACAtF,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UACpB,QAEFC,YAASC,IAAOoD,qCAAqC,MA6C/CC,YACEvH,EACIwH,YAAc,CAAEL,YAAY,IAC5BK,YAAc,CAAEL,YAAY,EAAOjE,gBAEzCuE,UA/CU,WAChBJ,YACE,UACAtF,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UACpB,QAEFC,YAASC,IAAOwD,wCAAwC,SA2CtD,kBAACrB,EAAD,KACE,uBACEsB,GAAIrB,EACJsB,WAAS,EACTC,OAAO,SACPC,IAAI,sBACJhH,KAAM+F,EACNkB,QA/CS,WACfV,YACE,SACAtF,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UACpB,QAEFC,YAASC,IAAO8D,uCAAuC,OA0ChDrI,EAAK,qB,uFCnJVA,EAAOC,YAAW,eAElBqI,EAAU5F,IAAUC,IAAI,CAC5BE,QAAS,OACT0F,eAAgB,WAEZ9F,EAAYC,IAAUC,IAAI,CAC9B8D,OAAQ,SACRrD,SAAU,QACVP,QAAS,OACTC,cAAe,SACfC,WAAY,SACZyF,UAAW,WAGPC,EAAU/F,IAAUgG,IAAI,CAC5B/C,MAAO,OACPC,OAAQ,SAGJ+C,EAAkBjG,IAAUC,IAAI,CACpCC,UAAW,WAEPgG,EAAgBlG,IAAUC,IAAI,CAClCC,UAAW,SAqBEiG,MAlBf,WACE,OACE,kBAACP,EAAD,KACE,kBAAC,EAAD,KACE,kBAACG,EAAD,CAASK,IAAKC,IAAcC,QAASC,IAAI,KACzC,kBAACN,EAAD,KACE,uBAAaO,KAAK,KAAK3H,KAAK,UAAU4H,aAAW,KAC9CnJ,EAAK,kCAGV,kBAAC4I,EAAD,KACE,2BAAW5I,EAAK,yCCxBXoJ,MAdf,WAAuB,MACuC5I,IAApD6I,qBADa,gBACgC,GADhC,GACW9F,mBADX,MACyB,GADzB,EAGrB,OACE,oCACG/C,IAAW8I,MAAQ/F,EAAYgG,sBAC9B,kBAAC,EAAD,CAAsBhG,YAAaA,IAEnC,kBAAC,EAAD,Q,m8BCJR,IAAMnB,EAAkBC,IAAoB+D,UAEtCC,EAAW7F,IAAW8F,QACtBC,EAAe/F,IAAWgG,YAgB1BgD,EAAqB9G,IAAUC,IAAI,CACvCgD,MAAO,QACP6C,UAAW,SACX/B,OAAQ,SACR,4BAA6B,CAC3Bd,MAAO,UAIL8D,EAA2B/G,IAAUC,IAAI,CAC7CjB,WAAY,OACZ,4BAA6B,CAC3BA,WAAY,OA6EDgI,G,wCAxEb,WAAYtJ,GAAc,iCACxB,cAAMA,GAEN8D,YACE9B,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UAFP,eAGRgC,EAAaE,IANI,E,qDAUjB,MAcHpG,KAAKC,MAZPiJ,EAFK,EAELA,qBAFK,IAGLA,qBACE9F,YAJG,gBASC,GATD,GAKDM,wBACEC,GAND,aAQG,GARH,GAMCA,cAND,IAOCC,6BAPD,MAOyB,KAPzB,EAWLrD,EAXK,EAWLA,kBACAiJ,EAZK,EAYLA,cACAC,EAbK,EAaLA,oBAGF,OACE,kBAACH,EAAD,KACE,kBAACD,EAAD,KACG1F,GACC,kBAAC,IAAD,CACEuB,SAAUvB,EACVwB,gBAAiB,CACfC,eAAgB,QAChBC,iBAAkB,YAClBC,cAAe,MACf,4BAA6B,CAC3BA,cAAe,OAEjBC,mBAAoB,OAAF,OAAS3B,EAAT,KAClB4B,MAAO,OACPC,OAAQ,OACR,4BAA6B,CAC3B,UAAW,CACThF,WACE,8EACFiJ,QAAS,KACTlJ,SAAU,WACVsF,IAAK,EACL6D,MAAO,EACPC,OAAQ,EACRC,KAAM,OAMhB,kBAAC,IAAD,CACEhF,SAAUqE,EACV3I,kBAAmBA,EACnBoF,gBAAgB,UAChBmE,iBAAiB,EACjBN,cAAeA,EACfC,oBAAqBA,EACrBM,mBAAmB,U,GAjEDtI,aChDf,IAEbuI,EAAG,OACHC,GAAI,OACJC,MAAO,OACPC,IAAK,OACLC,IAAK,OACLC,OAAQ,WACRC,SAAU,YACVC,WAAY,WACZC,OAAQ,WAGRC,KAAM,OACN,KAAM,OACNC,MAAO,OACP,KAAM,OACNC,OAAQ,OACR,KAAM,OACNC,UAAW,OACX,KAAM,OAGN,MAAuB,GAAhBC,KAAKC,SAAgB,IAAIC,QAAQ,GAExCC,KAAI,S,yCCjBAC,GAAgB,cAGtB,SAASC,KAAqC,IAAnBC,EAAmB,uDAAJ,GAClCC,EAAsBC,UAAUF,GAChCG,EAAkBC,GAAiBH,GACzC,GAAIE,EACF,OAAOA,EAGT,IAAME,EAAsB,IAC1BnL,IACA,gEACA,OAGIoL,EAAwB,IAAMpL,IAAY,sBAAuB,IAb3B,EAgB1C+K,EAAoBM,MAAMT,KAAkB,CAACO,IAAwB,GAhB3B,0BAevCG,OAfuC,MAe5B,MAf4B,EAkBtCC,EAAaR,EAAoBS,QAAQF,EAAU,KAAO,IAOhE,OAJKF,EAAsBK,SAASH,EAASI,iBAC3CJ,EAAWH,GAGN,CACLQ,OAAQC,OAAOC,aAAkBN,IAAab,QAAQ,GACtDY,SAAUA,EAASI,eAWvB,SAASR,GAAiBJ,GACxB,IAAMM,EAAwB,IAAMpL,IAAY,sBAAuB,IACjEmL,EAAsB,IAC1BnL,IACA,gEACA,OAIF,GAAI8L,GAAiBhB,GACnB,MAAO,CACLa,OAAQG,GAAiBhB,GACzBQ,SAAUH,GAKd,IAAMY,EAAYjB,EAAakB,MAAM,EAAGlB,EAAamB,OAAS,GAC9D,GAAIH,GAAiBC,GAAY,CAC/B,IAAIT,EAAWR,EAAakB,OAAO,GAAGN,cAOtC,OAJKN,EAAsBK,SAASH,EAASI,iBAC3CJ,EAAWH,GAGN,CACLQ,OAAQG,GAAiBC,GACzBT,YAKJ,IAAMY,EAAapB,EAAakB,MAAM,GACtC,GAAIF,GAAiBI,GAAa,CAChC,IAAIZ,EAAWR,EAAakB,MAAM,EAAG,GAAGN,cAMxC,OAHKN,EAAsBK,SAASH,EAASI,iBAC3CJ,EAAWH,GAEN,CACLQ,OAAQG,GAAiBI,GACzBZ,YAGJ,OAAO,K,qcC3EH1C,G,8JAWK,MACsBiC,GAC3BlL,KAAKC,MAAMyL,MAAMc,OAAOC,YADlBT,EADD,EACCA,OAAQL,EADT,EACSA,SADT,EASH3L,KAAKC,MAHPiJ,EANK,EAMLA,qBANK,IAOLA,qBAPK,gBAOwC,GAPxC,GAOmB9F,mBAPnB,MAOiC,GAPjC,EAQL7C,EARK,EAQLA,kBAGF,OACE,6BACGF,IAAW8I,MACZ/F,EAAYgG,wBACXsD,MAAMV,GACL,kBAAC,GAAD,CACE9C,qBAAsBA,EACtB3I,kBAAmBA,EACnBiJ,cAAewC,EACfvC,oBAAqBkC,IAGvB,kBAAC,EAAD,W,GAlCgBlK,a,YAApBwH,G,eACkB,CACpBC,qBAAsB,IAAM7I,IAAY,wBACxCE,kBAAmBoM,QACjB,IACEtM,IACA,6EAmCO4I,UCpDTxH,GAFqB,IAAMpB,IAAY,sBAAsB,GAE5BuM,EAAgBC,GAExCpL,c;;;;;irCCAT5B,EAAOC,YAAW,iBAEXgN,EAAsB,MACtBC,EAAqB,MAE5BC,EAAgB,CACpBxM,SAAU,WACViF,OAAQ,GAAF,OAAKqH,EAAsB,GAA3B,OACNtH,MAAO,GAAF,OAAKuH,EAAqB,GAA1B,QAGDzK,EAAYC,IAAUC,IAAV,eACbwK,IAGCC,EAAqBC,cAAI,eAC1BF,GADyB,GAE5BG,OAAQ,QAFoB,uBAGpB,QAHoB,cAI5B,WAAY,CACVA,OAAQ,aALkB,KASxBC,EAASF,MAAIG,UAAU,CAAEC,KAAM,CAAEC,QAAS,GAAKxH,GAAI,CAAEwH,QAAS,KAC9DC,EAAQjL,IAAUC,KACtB,gBAAG8B,EAAH,EAAGA,SAAUC,EAAb,EAAaA,iBAAb,IAA+BkJ,cAA/B,6BACEhI,OAAQ,OACRD,MAAO,OACPkI,aAAc,oCACdjN,WAAY,OAAF,OAAS6D,EAAT,KACVc,eAAgB,QAChBuI,oBAAqB,MACrBC,oBAAqB,GAAF,OAAKrJ,EAAL,KACnBc,iBAAkB,aACdoI,GAAU,CAAEI,UAAW,GAAF,OAAKT,EAAL,cAIvBU,EAAavL,IAAUwL,OAAO,CAClCvN,SAAU,WACVsF,IAAK,IACL6D,MAAO,IACPqE,OAAQ,OACR5N,QAAS,UACT+M,OAAQ,UACRc,QAAS,UACT3M,MAAO,IACPb,WAAY,qBACZiN,aAAc,MACdpH,OAAQ,oBACR,UAAW,CACT2H,QAAS,8BAKPC,EAAW3L,IAAUC,IAAI,CAC7BwL,OAAQ,IACRG,KAAM,gBACN1I,OAAQ,MACRa,OAAQ,OACR8H,SAAU,SACVhO,QAAS,IACTI,SAAU,WACV6N,WAAY,SACZ7I,MAAO,QAGH8I,EAAa/L,IAAUC,IAAI,CAC/BhC,SAAU,WACVsF,IAAK,MACL+D,KAAM,MACN0E,UAAW,mBACXnO,QAAS,YACTkB,MAAO,QACPb,WAAY,qBACZiN,aAAc,WACdhL,QAAS,OACTE,WAAY,WAGR4L,EAAmBjM,IAAUC,IAAI,CACrCE,QAAS,OACTC,cAAe,SACf8L,YAAa,WAGTC,EAAgBxB,cAAI,CACxBpK,aAAc,aAGV6L,EAAWpM,IAAUqM,KAAK,CAC9BC,WAAY,MACZnI,SAAU,cAoFZ,SAASoI,EAAT,GAMG,QALDC,mBAKC,SAJDC,EAIC,EAJDA,OACAC,EAGC,EAHDA,UACAC,EAEC,EAFDA,aACArN,EACC,EADDA,SAEA,OAAOkN,EACL,kBAAC,IAAD,CACEI,MAAOH,EACPI,SAAUH,EACVI,YAAaH,EACbI,QAAS,CAAEC,YAAa,CAAEC,IAAK,CAAEC,UAAW,MAE5C,yBAAKtO,UAAS,UAAK8L,IAAuBpL,IAG5C,kBAACS,EAAD,KAAYT,GAID6N,IA3Ff,SAAoBzP,GAAc,IAE9BqE,EAQErE,EARFqE,SACAC,EAOEtE,EAPFsE,iBAH8B,EAU5BtE,EANF0P,kBAJ8B,SAK9BC,EAKE3P,EALF2P,OAL8B,EAU5B3P,EAJF8O,mBAN8B,WAU5B9O,EAHF+O,cAP8B,MAOrB,aAPqB,IAU5B/O,EAFFgP,iBAR8B,MAQlB,aARkB,IAU5BhP,EADFiP,oBAT8B,MASf,aATe,IAYArI,oBAAS,GAZT,mBAYzBgJ,EAZyB,KAYfC,EAZe,OAaUjJ,oBAAS,GAbnB,mBAazBkJ,EAbyB,KAaVC,EAbU,KAiChC,OAlBAlM,qBAAU,WACR,IAAMmM,EAAa,IAAIC,MAYvB,OAXAD,EAAWE,OAAS,WAClBL,GAAY,IAEdG,EAAWG,QAAU,aAGrBH,EAAWtH,IAAMrE,EACb2L,EAAWI,UACbL,GAAiB,GAGZ,WACLC,EAAWE,OAAS,gBAErB,IAGD,kBAACrB,EAAD,CACEC,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,aAAcA,GAEbW,GACC,oCACE,kBAACrC,EAAD,CACElJ,SAAUgM,YAAwBhM,GAClCC,iBAAkBA,EAClBnD,KAAK,MACLmP,aAAY1Q,EAAK,aACjB4N,QAASsC,IAEVJ,GACC,kBAAC7B,EAAD,CAAY7F,QAAS2H,EAAQY,eAAa,oBACxC,uBAAMC,KAAK,WACX,kBAACvC,EAAD,KAAWrO,EAAK,gBAGnBkP,GACC,kBAACT,EAAD,KACE,kBAACE,EAAD,CAAkBkC,cAAY,QAC5B,uBAAMD,KAAK,aAAatP,UAAS,UAAKuN,KACtC,uBAAM+B,KAAK,kBAEb,kBAAC9B,EAAD,KAAW9O,EAAK,oB;;;;;olCClKxBA,EAAOC,YAAW,iBAElB6Q,EAAcpO,IAAUC,IAAI,CAChClB,MAAO,MAEHsP,EAAgBrO,IAAUC,IAAI,CAClClB,MAAO,MAGHuP,EAAOtO,IAAUC,IAAI,CACzBsO,UAAW,YACXtL,MAAO,UACPkI,aAAc,UACd/H,gBAAiB,QACjBD,UAAW,+BACXhD,QAAS,OACTC,cAAe,SACfnC,SAAU,aAGNuQ,EAAUxO,IAAUC,KAAI,oBAAG0E,YAAH,MAA8B,CAC1DZ,OAAQ,eAAF,YADsB,SACS,SAAW,QAChD0K,aAAc,iBAGVC,EAAkB1O,IAAUC,IAAI,CACpCiD,OAAQ,WACRD,MAAO,WACP/C,UAAW,YACXyO,WAAY,UACZ1Q,SAAU,aAEN2Q,EAAe,CACnB3L,MAAO,UACPC,OAAQ,UACRuI,OAAQ,kBACRN,aAAc,OAEV0D,EAAgB7O,IAAUC,KAAI,gBAAG/B,EAAH,EAAGA,WAAH,sBAC/B0Q,EAD+B,CAElC1Q,aACA4H,UAAW,SACX,QAAS,CACP/G,MAAO,QACP+P,WAAY,iBAGVjE,EAASF,MAAIG,UAAU,CAAEC,KAAM,CAAEC,QAAS,GAAKxH,GAAI,CAAEwH,QAAS,KAC9D+D,EAAc/O,IAAUC,KAAI,gBAAG8B,EAAH,EAAGA,SAAH,IAAamJ,cAAb,+BAC7B0D,EAD6B,CAEhCI,gBAAiB,OAAF,OAASjN,EAAT,KACfc,eAAgB,QAChBG,mBAAoB,MACpBF,iBAAkB,aACdoI,GAAU,CAAEI,UAAW,GAAF,OAAKT,EAAL,cAErBoE,EAAajP,IAAUwL,OAAO,CAClCzM,MAAO,UACPlB,QAAS,EACTqR,KAAM,UACNtE,OAAQ,UACRc,QAAS,UACTzI,MAAO,OACPC,OAAQ,OACRuI,OAAQ,kBACR3F,UAAW,SACXqF,aAAc,MACd/H,gBAAiB,IACjBnF,SAAU,WACVoJ,OAAQ,EACRD,MAAO,EACP,UAAW,CACTsE,QAAS,8BAIPyD,EAAaxE,cAAI,CACrB5L,MAAO,IACP+P,WAAY,YAGRrO,EAAiBT,IAAUC,IAAI,CACnChC,SAAU,WACVsF,IAAK,YACL6D,MAAO,WAEHgI,EAAcpP,IAAUwL,OAAO,CACnCtN,WAAY,OACZuN,OAAQ,OACR5N,QAAS,IACT+M,OAAQ,UACRc,QAAS,YAGL2D,EAAmBrP,IAAUC,IAAI,CAAEC,UAAW,aAC9CoP,EAAkBtP,IAAUC,IAAI,CAAEC,UAAW,WAE7CqP,EAASvP,IAAUC,IAAI,CAC3BE,QAAS,OACTD,UAAW,OACXuO,aAAc,eAGVe,EAASxP,IAAUkE,GAAE,gBAAGuL,EAAH,EAAGA,YAAH,oBACzBC,UAAW,aAAe,KACtBD,GAAe,CAAEA,YAAa,aAAe,KAFxB,CAGzBE,UAAW,MACXC,SAAU,EACV/R,QAAS,SACTgS,eAAgB,OAChB,wCAAyC,CACvCA,eAAgB,aA+JLC,IA1If,SAAqBpS,GAAc,MAgB7BA,EAdF0P,kBAF+B,SAG/BC,EAaE3P,EAbF2P,OAH+B,EAgB7B3P,EAZFqS,mBAJ+B,SAK/BxN,EAWE7E,EAXF6E,QACAR,EAUErE,EAVFqE,SACAd,EASEvD,EATFuD,YACAkB,EAQEzE,EARFyE,OACAC,EAOE1E,EAPF0E,gBACAC,EAME3E,EANF2E,MACA6C,EAKExH,EALFwH,YACAE,EAIE1H,EAJF0H,UACAR,EAGElH,EAHFkH,SACAG,EAEErH,EAFFqH,OAd+B,EAgB7BrH,EADFiH,mBAf+B,WAkBDL,oBAAUvC,GAlBT,mBAkB1BuL,EAlB0B,KAkBhBC,EAlBgB,OAmBSjJ,oBAAS,GAnBlB,mBAmB1BkJ,EAnB0B,KAmBXC,EAnBW,KA2CjC,OAtBAlM,qBAAU,WACR,GAAKQ,EAAL,CAIA,IAAM2L,EAAa,IAAIC,MAYvB,OAXAD,EAAWE,OAAS,WAClBL,GAAY,IAEdG,EAAWG,QAAU,aAGrBH,EAAWtH,IAAMrE,EACb2L,EAAWI,UACbL,GAAiB,GAGZ,WACLC,EAAWE,OAAS,iBAErB,IAGD,kBAACU,EAAD,KACE,kBAACI,EAAD,KACG3M,EACCuL,GACE,kBAACyB,EAAD,CACEhN,SAAUA,EACVlD,KAAK,MACLmP,aAAY1Q,EAAK,aACjB4N,QAASsC,IAIb,kBAACqB,EAAD,CACE3Q,WAAU,IACV+P,eAAa,8BAEb,uBACEC,KAAK,OACL1H,KAAK,MACLlB,GAAG,OACHzG,KAAK,MACLmP,aAAY1Q,EAAK,gBAItB8P,GAAcE,GACb,kBAAC2B,EAAD,CACEvJ,QAAS2H,EACTW,aAAY1Q,EAAK,cACjB2Q,eAAa,sBAEb,uBAAMC,KAAK,SAAS1H,KAAK,KAAK5H,UAAS,UAAKuQ,OAIjDY,GACC,kBAACtP,EAAD,KACE,uBACE6E,GAAI8J,EACJ1J,QAASnD,EACTyL,aAAY1Q,EAAK,eACjB2Q,eAAa,sBAEb,uBAAMC,KAAK,QAAQ1H,KAAK,SAI9B,kBAACgI,EAAD,CAAS7J,YAAaA,GACpB,uBAAa6B,KAAK,KAAKlB,GAAI8I,GACxBnN,GAEH,kBAACoO,EAAD,KACE,uBAAU/J,GAAI+I,EAAeJ,eAAa,yBACvC9L,GAEFC,GACC,uBAAUkD,GAAI+I,EAAeJ,eAAa,yBACvC7L,IAINC,GACC,kBAACiN,EAAD,KACE,uBAAUhK,GAAI+I,EAAeJ,eAAa,sBACvC5L,KAKRsC,GACC,kBAAC4K,EAAD,KACE,uBACEjK,GAAIkK,EACJ9J,QAASN,EACT3G,KAAMyG,EACNuK,aAAa,EACbxB,eAAa,wBAEZ3Q,EAAK,YAER,uBACEgI,GAAIkK,EACJ9J,QAASX,EACTtG,KAAMmG,EACNqJ,eAAa,qBAEZ3Q,EAAK,a;;;;;ksEC3QlB,IAAMA,EAAOC,YAAW,gBAClByS,EAAezS,YAAW,kBAE1B0S,EAAajQ,IAAUC,IAAI,CAAElB,MAAO,IAAS+G,UAAW,WAExDoK,EAAYlQ,IAAUwL,OAAO,CACjC1F,UAAW,SACX3F,QAAS,eACT8C,MAAO,UACPc,OAAQ,aACR7F,WAAY,OACZa,MAAO,UACP0M,OAAQ,OACR5N,QAAS,IACTqR,KAAM,UACNtE,OAAQ,UACRc,QAAS,UACTyE,WAAY,sBACZ,SAAU,CACRnE,UAAW,cAEb,4BAA6B,CAC3BA,UAAW,cACXE,YAAa,QAEf,4BAA6B,CAC3BF,UAAW,aACXE,YAAa,GAEf,UAAW,CACTR,QAAS,8BAIP0E,EAAapQ,YAAUqQ,IAAK,CAChCC,aAAc,CAAC,aACfC,OAAQ,QAFSvQ,CAGhB,IAEGwQ,EAAWxQ,IAAUqM,KAAK,CAC9BlM,QAAS,eACTgE,SAAU,YACVpF,MAAO,UACPd,SAAU,aAGNwS,EAAgBzQ,IAAUC,IAAI,CAClChC,SAAU,WACVkC,QAAS,iBAGLuQ,EAAgB1Q,IAAUqM,KAAK,CACnCxO,QAAS,iBACTI,SAAU,WACVoJ,OAAQ,WACRiF,WAAY,IACZhF,KAAM,SACNlE,gBAAiB,UACjBrE,MAAO,QAEP,UAAW,CACToI,QAAS,KACTlJ,SAAU,WACVgF,MAAO,EACPC,OAAQ,EACRyN,WAAY,wBACZlB,YAAa,wBACbd,WAAY,MACZiC,aAAc,oBACdrN,IAAK,QAGP,kBAAmB,CACjByH,QAAS,KAGX,uCAAwC,CACtCA,QAAS,IACTmF,WAAY,yBAGd,uCAAwC,CACtCnF,QAAS,IACTmF,WAAY,2BAaVU,E,mOACiB,M,mCAEb,CACNC,UAAU,I,sCAGF,SAAAtO,GACJ,EAAK9E,MAAM6E,SACb,EAAK7E,MAAM6E,QAAQC,M,4CAIP,SAACiF,GACfA,EAAEsJ,iBAEF,EAAKxO,QAAQ,YAHqC,MAO9C,EAAK7E,MADP4E,SANgD,gBAMY,GANZ,GAMpCzB,YANoC,gBAMK,GANL,GAMrBC,wBANqB,MAMF,GANE,EAQlDkQ,IAAQC,mBAAR,4BACuBnQ,EADvB,qBACoD,EAAKpD,MAAMoC,QAC7D,IACA,Q,iDAIiB,SAAC2H,GACpBA,EAAEsJ,iBAEF,EAAKxO,QAAQ,WAH0C,MAOnD,EAAK7E,MADP4E,SANqD,gBAMO,GANP,GAMzCzB,YANyC,gBAMA,GANA,GAM1BC,wBAN0B,MAMP,GANO,EAQjDoQ,EAAmB,GAAH,OAAM5T,EAC1B,iBADoB,8BAEC6T,mBAAmBrQ,GAFpB,qBAGpB,EAAKpD,MAAMoC,QAEbkR,IAAQI,eAAeF,EAAkB,IAAK,Q,kDAG1B,SAACzJ,GACrBA,EAAEsJ,iBAEF,EAAKxO,QAAQ,YAH2C,MAOpD,EAAK7E,MADP4E,SANsD,gBAMM,GANN,GAM1CzB,YAN0C,gBAMD,GANC,GAM3BC,wBAN2B,MAMR,GANQ,EAQxDkQ,IAAQK,gBAAR,4BACuBF,mBAAmBrQ,GAD1C,qBAEI,EAAKpD,MAAMoC,QAEb,IACA,Q,mDAImB,SAAC2H,GACtBA,EAAEsJ,iBAEF,EAAKxO,QAAQ,aAH4C,MAOrD,EAAK7E,MADP4E,SANuD,gBAMK,GANL,GAM3CzB,YAN2C,gBAMF,GANE,GAM5BC,wBAN4B,MAMT,GANS,EAQzDkQ,IAAQM,oBAAR,4BACuBH,mBAAmBrQ,GAD1C,qBAEI,EAAKpD,MAAMoC,QAEb,mBACAvB,OAAOC,SAASC,S,gEAIF,WAChBhB,KAAK8E,QAAQ,YAEb9E,KAAK8T,SAAS,CAAET,UAAU,IAC1BU,YAAW,WACT,EAAKD,SAAS,CAAET,UAAU,MACzB,O,+BAGI,aAGHrT,KAAKC,MADP4E,SAFK,gBAEuD,GAFvD,GAEOzB,YAFP,gBAEgD,GAFhD,GAEsBC,wBAFtB,MAEyC,GAFzC,EAKP,OACE,kBAAC,WAAD,KACE,uBACE2Q,QAAM,EACNnM,GAAI2K,EACJyB,KAA4B,UAAtBjU,KAAKC,MAAMoC,OAAqB,KAAO,IAE5CxC,EAAK,iBAER,yBAAKwB,MAAO,CAAEoB,UAAW,SACvB,kBAAC,IAAD,CACEyR,KAAI,4BAAuB7Q,EAAvB,qBACFrD,KAAKC,MAAMoC,QAEb8R,OAAQ,WACN,EAAKC,oBAGP,kBAACpB,EAAD,KACE,kBAACP,EAAD,KACE,kBAACE,EAAD,CAAY0B,UAAS,UAAKC,IAAUC,aACpC,kBAACxB,EAAD,KAAWR,EAAa,gBAE1B,kBAAC,qBAAD,CACEiC,eAAe,UACfC,uBAAwB,IACxBC,uBAAwB,KAEvB1U,KAAK2B,MAAM0R,UACV,kBAACJ,EAAD,CAAe0B,IAAI,kBACjB,+BAAQ9U,EAAK,mBAMvB,kBAAC4S,EAAD,CAAWxK,QAASjI,KAAK4U,eACvB,kBAACjC,EAAD,CAAY0B,UAAS,UAAKC,IAAUO,YACpC,kBAAC9B,EAAD,KAAWR,EAAa,oBAE1B,kBAACE,EAAD,CAAWxK,QAASjI,KAAK8U,sBACvB,kBAACnC,EAAD,CAAY0B,UAAS,UAAKC,IAAUS,aACpC,kBAAChC,EAAD,KAAWR,EAAa,qBAE1B,kBAACE,EAAD,CAAWxK,QAASjI,KAAKgV,oBACvB,kBAACrC,EAAD,CAAY0B,UAAS,UAAKC,IAAUW,WACpC,kBAAClC,EAAD,KAAWR,EAAa,yB,GA1IR/Q,IAAMC,WAkJnB2R,O;;;;;uGC9Pf,iR,EAKI/S,IADF+B,SAAY8S,e,MAAU,K,EAGjB,SAAStU,IAAgC,6DAAJ,GAAdC,EAAkB,EAAlBA,UACtBsU,EAAOC,EAAU/U,KACnBgV,EAAM,GAAH,OAAMF,EAAN,WAIP,OAHItU,IACFwU,GAAO,cAAJ,OAAkB3B,mBAAmB7S,KAEnCwU,EAGT,SAASC,IAA4C,IAAnBC,EAAmB,uDAAZ,WACjCJ,EAAOC,EAAU/U,KACvB,gBAAU8U,EAAV,+BAAqCI,EAArC,6CACElV,IAAWmV,mBAGf,SAASC,IAA+D,IAArCF,EAAqC,uDAA9B,WAAYnS,EAAkB,uDAAJ,GAC5DsS,EAAgBrV,IAAWmV,kBAC3BL,EAAOC,EAAU/U,KAF+C,EAMlEA,IADF+B,SAAYC,EALwD,EAKxDA,OAAQ6S,EALgD,EAKhDA,QALgD,EAOtB9R,EAAxCE,SAP8D,gBAO7B,GAP6B,GAOlDE,mBAPkD,MAOpC,GAPoC,EAQhE3D,EAAOC,YAAW,gBAClB6V,EAA2BC,KAAKC,UAAU,CAC9C,YAAaX,EACb,WAAY7S,EACZyT,OAAQ,WACRC,aAAc,GAAF,OAAKZ,EAAL,+BAAgCI,EAAhC,6CAAyEG,GACrFM,cAAetC,mBAAmB,GAAD,OAAI7T,EAAK,YAAT,YAAwB2D,MAErDyS,EAAc,IAAH,OAAOvC,mBAAmBiC,IAE3C,gBAAUR,EAAV,6BAAmCA,EAAnC,+BAA8DI,EAA9D,6CAAuGG,EAAvG,YAAwHO,GAGnH,SAAS7O,EAAT,GAA8D,QAAxCC,kBAAwC,aAApBjE,mBAAoB,MAAN,GAAM,EACnE,OAAIiE,EACKiO,EAAyB,YAEzBG,EAA0B,WAAYrS,GAG1C,SAASsE,EAAT,GAAiE,QAAxCL,kBAAwC,aAApBjE,mBAAoB,MAAN,GAAM,EACtE,OAAIiE,EACKiO,EAAyB,WAEzBG,EAA0B,UAAWrS,GAIzC,SAAS0D,IACd,IAAMqO,EAAOC,EAAU/U,KACvB,gBAAU8U,EAAV,YAAkBD,EAAQgB,cAA1B,wCAGF,SAASd,EAAU/U,GACjB,IAAI8U,EAAO,yBAYX,OAXI9U,EAAW8V,QACbhB,EAAO,gCAGL9U,EAAW+V,UACbjB,EAAOrU,OAAOC,SAASsV,QAGrBhW,EAAWiW,SACbnB,EAAO,0BAEFA,I;;;;;+KCzEF,SAAS1Q,EAAejB,GAG7B,OAAO,IAAWA,K;;;;;oECLpB,wFAEO,SAASgB,EAAmB6Q,GAEjC,GAAIA,IAAQkB,IACV,OAAOlB","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, { 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\nconst PARTNER_TAGS = clientData.partnerTags\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, ...PARTNER_TAGS },\n )\n tracking(\n Events.public_identity_profile_screen_shown({\n ...UTM_TAGS,\n ...PARTNER_TAGS,\n }),\n )\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\nconst PARTNER_TAGS = clientData.partnerTags\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, ...PARTNER_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 '&:focus': {\n outline: '1px auto rgb(0, 95, 204)',\n },\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 '&:focus': {\n outline: '1px auto rgb(0, 95, 204)',\n },\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 {l10n('request')}\n \n \n {l10n('send')}\n \n
\n )}\n \n )\n}\n\nexport default ProfileCard\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, textAlign: 'center' })\n\nconst SVGParent = glamorous.button({\n textAlign: 'center',\n display: 'inline-block',\n width: '3.75rem',\n margin: '0 0.625rem',\n background: 'none',\n color: 'inherit',\n border: 'none',\n padding: '0',\n font: 'inherit',\n cursor: 'pointer',\n outline: 'inherit',\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 '&:focus': {\n outline: '1px auto rgb(0, 95, 204)',\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 CopyContainer = glamorous.div({\n position: 'relative',\n display: 'inline-block',\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 >\n \n \n \n {l10nSettings('share.copy')}\n \n \n {this.state.isCopied && (\n \n \n \n )}\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 )\n }\n}\n\nexport default ShareYourLink\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":""}