{"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/easter-egg-amounts.js","webpack:///./screens/recipient-slug/extract-amount-info.js","webpack:///./screens/recipient-slug/slug-recipient-profile.js","webpack:///./screens/seller/slug-seller-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/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/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","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","recipient","UTM_TAGS","utmTags","PARTNER_TAGS","partnerTags","margin","ReportContainer","ReportLink","a","fontSize","withRouter","public_identity_profile_screen_shown","useState","getReportLink","reportLink","useRef","current","params","amountInfo","currencyCode","showAmount","isProfileAmountTreatment","isNaN","getAmountFieldInfo","currencyDecimal","currencySymbolMap","getFormattedAmount","symbolIsoCurrency","formattedAmount","showActions","sendLink","getSendUrl","isLoggedIn","String","normalizeNumber","onSend","trackLink","public_identity_profile_send_pressed","requestLink","getRequestUrl","onRequest","public_identity_profile_request_pressed","formatAmount","getFormattedValue","amountLabel","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","recipientSlugDetails","isSellerProfile","SlugDetails","RecipientProfile","SlugSellerRecipientProfile","SlugRecipientProfile","slug","isProfileStatusActive","previewData","ProfileViewStyling","ProfileViewParentStyling","PayPalMeProfile","initialAmount","initialCurrencyCode","content","right","bottom","left","showAmountInput","recipientSlugPage","Boolean","RecipientSlug","RecipientSlugOld","CONTAINER_HEIGHT_PX","CONTAINER_WIDTH_PX","ContainerBase","DraggableContainer","css","cursor","FadeIn","keyframes","from","opacity","Photo","fadeIn","borderRadius","backgroundPositionX","backgroundPositionY","animation","EditContainer","marginLeft","marginRight","EditButton","button","border","outline","EditText","clip","overflow","whiteSpace","DragButton","transform","ChevronContainer","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","AvatarStyles","GenericAvatar","lineHeight","PhotoAvatar","backgroundImage","AvatarEdit","font","EditCamera","ShareButton","SecondaryContent","TertiaryContent","AmountContainer","paddingLeft","paddingRight","Footer","Button","borderRight","borderTop","flexBasis","minWidth","textDecoration","ProfileCard","isShareable","value","fontFamily","inputProps","readOnly","selectProps","disabled","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","url","DEFAULT_PROFILE_PHOTO"],"mappings":";;;;;;;;;;;;;;;;;o0DAQA,IAAMA,EAAOC,YAAW,cAOHC,E,kJACnB,WACE,GAAIC,KAAKC,MAAMC,eACb,OAAO,KAGT,IAAMC,EAAoB,EAAH,CACrBC,QAAS,kBACJC,IAAWC,oBAAsBN,KAAKC,MAAMM,kBAC7C,CACEC,SAAU,WACVC,WAAY,cACZC,YAAa,eAEf,IAGAC,EAAWC,YAAY,CAAEC,UAAWC,OAAOC,SAASC,OAIpDC,EAAY,EAAH,GACTjB,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,ycCIpCC,E,oOACI,CACNnB,oBAAqB,IACnBF,IACA,yEACA,M,4CAIJ,WACE,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,QAE5C,EAAsC9B,IAA9B+B,SAAYC,GAApB,aAA+B,GAA/B,GAAoBA,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,GACjB,MAmBIA,EAlBFkD,SADF,gBAkBM,GAlBN,GAEIxB,MAFJ,gBAiBQ,GAjBR,GAGMyB,mBAHN,MAGoB,GAHpB,MAIMA,YAJN,gBAgBU,GAhBV,GAKQC,wBALR,MAK2B,GAL3B,MAMQC,SANR,gBAUY,GAVZ,GAOUC,uBAPV,MAO4B,GAP5B,MAQUC,mBARV,MAQwB,GARxB,MASUC,sBATV,MAS2B,GAT3B,MAWQC,wBAXR,gBAeY,GAfZ,GAYUC,qBAZV,MAY0B,GAZ1B,MAaUC,6BAbV,MAakC,KAblC,MAcUC,mBAdV,MAcwB,GAdxB,EAwCA,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,26BC7B9C/B,E,kJA9Cb,WACE,MAaIlD,KAAKC,MAZPkC,QACER,EAFJ,EAEIA,MAFJ,IAGIA,MACEpB,GAJN,aAWQ,GAXR,GAIMA,kBAJN,IAKM6C,YALN,gBAUU,GAVV,GAMQM,wBACEC,GAPV,aASY,GATZ,GAOUA,cAPV,IAQUC,6BARV,MAQkC,KARlC,EAeA,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,4fCLlBoE,E,kJACJ,WACE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wsBCXA,GAEbwE,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,wCCjBAC,EAAgB,cAGtB,SAASC,IAAqC,IAAnBC,EAAmB,uDAAJ,GAClCC,EAAsBC,UAAUF,GAChCG,EAAkBC,EAAiBH,GACzC,GAAIE,EACF,OAAOA,EAGT,IAAME,EAAsB,IAC1BpH,IACA,gEACA,OAGIqH,EAAwB,IAAMrH,IAAY,sBAAuB,IAEvE,EACEgH,EAAoBM,MAAMT,IAAkB,CAACO,IAAwB,GADvE,0BAAKG,OAAL,MAAgB,MAAhB,EAGMC,EAAaR,EAAoBS,QAAQF,EAAU,KAAO,IAOhE,OAJKF,EAAsBK,SAASH,EAASI,iBAC3CJ,EAAWH,GAGN,CACLQ,OAAQC,OAAOC,YAAkBN,IAAab,QAAQ,GACtDY,SAAUA,EAASI,eAWvB,SAASR,EAAiBJ,GACxB,IAAMM,EAAwB,IAAMrH,IAAY,sBAAuB,IACjEoH,EAAsB,IAC1BpH,IACA,gEACA,OAIF,GAAI+H,EAAiBhB,GACnB,MAAO,CACLa,OAAQG,EAAiBhB,GACzBQ,SAAUH,GAKd,IAAMY,EAAYjB,EAAakB,MAAM,EAAGlB,EAAamB,OAAS,GAC9D,GAAIH,EAAiBC,GAAY,CAC/B,IAAIT,EAAWR,EAAakB,OAAO,GAAGN,cAOtC,OAJKN,EAAsBK,SAASH,EAASI,iBAC3CJ,EAAWH,GAGN,CACLQ,OAAQG,EAAiBC,GACzBT,YAKJ,IAAMY,EAAapB,EAAakB,MAAM,GACtC,GAAIF,EAAiBI,GAAa,CAChC,IAAIZ,EAAWR,EAAakB,MAAM,EAAG,GAAGN,cAMxC,OAHKN,EAAsBK,SAASH,EAASI,iBAC3CJ,EAAWH,GAEN,CACLQ,OAAQG,EAAiBI,GACzBZ,YAGJ,OAAO,K,mxBCnET,IAAM3F,EAAkBC,IAAoBuG,UAEtC5I,EAAOC,YAAW,gBAElB4I,EAAWrI,IAAWsI,QACtBC,EAAevI,IAAWwI,YAE1BvG,EAAYC,IAAUC,IAAI,CAC9BsG,OAAQ,iBACRpG,QAAS,OACTC,cAAe,SACfC,WAAY,WAGRC,EAAiBN,IAAUC,IAAI,CACnCtB,OAAQ,EACR4B,aAAc,cAGVC,EAAuBR,IAAUC,IAAI,CACzCtB,OAAQ,IAGJ6H,EAAkBxG,IAAUC,IAAI,CACpCC,UAAW,SAEPuG,EAAazG,IAAU0G,EAAE,CAAEC,SAAU,aAsJ5BC,mBA/If,SAA8BlJ,GAC5B6D,qBAAU,WACRC,YACE9B,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UAFP,OAGRwE,GAAaE,IAEpBzE,YACEC,IAAOgF,qCAAP,OACKV,GACAE,OAGN,IAEH,MAAqBS,oBAAS,kBAAMC,iBAA7BC,EAAP,oBACiBrJ,EAAmBsJ,iBAAOnJ,IAAWH,gBAA9CuJ,QAER,EAgBIxJ,EAfF0H,MADF,gBAC2C,GAD3C,GACW+B,OAAUC,GADrB,aACoC,GADpC,GACqBA,WADrB,EAgBI1J,EAdFmD,mBAFF,MAEgB,GAFhB,IAgBInD,EAbFmD,YAHF,gBAeM,GAfN,GAIIC,wBAJJ,MAIuB,GAJvB,MAKIC,SALJ,gBASQ,GATR,GAMMC,uBANN,MAMwB,GANxB,MAOMC,mBAPN,MAOoB,GAPpB,MAQMC,sBARN,MAQuB,GARvB,MAUIC,wBAVJ,gBAcQ,GAdR,GAWMC,qBAXN,MAWsB,GAXtB,MAYMC,6BAZN,MAY8B,KAZ9B,MAaMC,mBAbN,MAaoB,GAbpB,EAkBA,EAAkDwF,oBAAS,kBACzDlC,EAAkBwC,MADpB,sBAAS1B,GAAT,aAA4C,GAA5C,GAASA,OAAkB2B,EAA3B,EAAiBhC,SAGXiC,GACJxJ,IAAWyJ,2BAA6BC,MAAM9B,IAAWA,EAAS,EACpE,GAAsDoB,oBAAS,kBAC7DW,iBADF,wBAASC,IAAT,eAAgD,GAAhD,IAASA,gBAAiBC,GAA1B,GAA0BA,kBAG1B,GAA0Bb,oBAAS,kBACjCc,YAAmB,CACjBlC,SACA2B,eACAQ,mBAAmB,OAJhBC,GAAP,qBAsCA,OACE,kBAAC/H,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,EACPyG,aAAa,EACbC,SAAUC,YAAW,EAAD,CAClBC,WAAYvK,EACZkD,eACIyG,IAAc,CAChB5B,OAAQyC,OAAOC,YAAgB1C,IAC/B2B,kBAGJgB,OAtDO,WACbC,YACE,OACA5I,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UACpB,QAEFC,YAASC,IAAO0G,qCAAqC,MAgD/CC,YAAaC,YAAc,EAAD,CACxBP,WAAYvK,EACZkD,eACIyG,IAAc,CAChB5B,OAAQyC,OAAOC,YAAgB1C,IAC/B2B,kBAGJqB,UArDU,WAChBJ,YACE,UACA5I,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UACpB,QAEFC,YAASC,IAAO8G,wCAAwC,MA+ClDrB,WAAYA,GACZ5B,OAAQA,EACR2B,aAAcA,EACdK,gBAAiBA,GACjBC,kBAAmBA,GACnBiB,aAAc,SAAClD,GAAD,OACZmD,YAAkB,CAAEnD,SAAQ2B,kBAE9ByB,YAAahB,MAGjB,kBAACtB,EAAD,KACE,uBACEuC,GAAItC,EACJuC,WAAS,EACTC,OAAO,SACPC,IAAI,sBACJzK,KAAMuI,EACNmC,QA9DS,WACfb,YACE,SACA5I,EAAgB+B,IAAIC,WACpBhC,EAAgB+B,IAAIE,UACpB,QAEFC,YAASC,IAAOuH,uCAAuC,OAyDhD9L,EAAK,uB,mCChMV+L,EAAUrJ,IAAUC,IAAI,CAC5BsG,OAAQ,iBACRpG,QAAS,OACTC,cAAe,SACfC,WAAY,WAUCuG,mBAPf,SAAoClJ,GAClC,OACE,kBAAC2L,EAAD,KACE,kBAAC,IAAY3L,O,uFCNbJ,EAAOC,YAAW,eAElB8L,EAAUrJ,IAAUC,IAAI,CAC5BE,QAAS,OACTmJ,eAAgB,WAEZvJ,EAAYC,IAAUC,IAAI,CAC9BsG,OAAQ,SACR7F,SAAU,QACVP,QAAS,OACTC,cAAe,SACfC,WAAY,SACZkJ,UAAW,WAGPC,EAAUxJ,IAAUyJ,IAAI,CAC5BxG,MAAO,OACPC,OAAQ,SAGJwG,EAAkB1J,IAAUC,IAAI,CACpCC,UAAW,WAEPyJ,EAAgB3J,IAAUC,IAAI,CAClCC,UAAW,SAqBE0J,MAlBf,WACE,OACE,kBAAC,EAAD,KACE,kBAAC,EAAD,KACE,kBAACJ,EAAD,CAASK,IAAKC,IAAcC,QAASC,IAAI,KACzC,kBAACN,EAAD,KACE,uBAAaO,KAAK,KAAKpL,KAAK,UAAUqL,aAAW,KAC9C5M,EAAK,kCAGV,kBAACqM,EAAD,KACE,2BAAWrM,EAAK,yCCrC1B,EAA4DQ,IAApDqM,qBAAR,gBAAqD,GAArD,GAAgCtJ,mBAAhC,MAA8C,GAA9C,EACMuJ,EAAiD,aAA/B,IAAIvJ,EAAa,UAuB1BwJ,OAtBf,WACE,IAAMC,EAAmBF,EACrBG,EACAC,EACJ,OACE,oCACG1M,IAAW2M,MAAQ5J,EAAY6J,sBAC9B,kBAACJ,EACMF,EACD,CACEO,YAAa9J,EACbf,OAAQ,IAAIhC,IAAY,oBAE1B,CAAE+C,YAAaA,IAGrB,kBAAC,EAAD,Q,49CCfR,IAAMnB,GAAkBC,IAAoBuG,UAEtCC,GAAWrI,IAAWsI,QACtBC,GAAevI,IAAWwI,YAgB1BsE,GAAqB5K,IAAUC,IAAI,CACvCgD,MAAO,QACPsG,UAAW,SACXhD,OAAQ,SACR,4BAA6B,CAC3BtD,MAAO,UAIL4H,GAA2B7K,IAAUC,IAAI,CAC7CjB,WAAY,OACZ,4BAA6B,CAC3BA,WAAY,OA6ED8L,G,0CAxEb,WAAYpN,GAAc,kCACxB,cAAMA,GAEN8D,YACE9B,GAAgB+B,IAAIC,WACpBhC,GAAgB+B,IAAIE,UAFP,GAAC,MAGTwE,IAAaE,KANI,E,2CAU1B,WACE,MAaI5I,KAAKC,MAZPyM,EADF,EACEA,qBADF,IAEEA,qBACEtJ,YAHJ,gBAQQ,GARR,GAIMM,wBACEC,GALR,aAOU,GAPV,GAKQA,cALR,IAMQC,6BANR,MAMgC,KANhC,EAUErD,EAVF,EAUEA,kBACA+M,EAXF,EAWEA,cACAC,EAZF,EAYEA,oBAGF,OACE,kBAACH,GAAD,KACE,kBAACD,GAAD,KACGxJ,GACC,kBAAC,KAAD,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,8EACF+M,QAAS,KACThN,SAAU,WACVsF,IAAK,EACL2H,MAAO,EACPC,OAAQ,EACRC,KAAM,OAMhB,kBAAC,KAAD,CACE9I,SAAU6H,EACVnM,kBAAmBA,EACnBoF,gBAAgB,UAChBiI,iBAAiB,EACjBN,cAAeA,EACfC,oBAAqBA,EACrBM,mBAAmB,U,GAjEDpM,a,6cC5BxBmL,G,sJAWJ,WACE,MAA6BzF,EAC3BnH,KAAKC,MAAM0H,MAAM+B,OAAOC,YADlB1B,EAAR,EAAQA,OAAQL,EAAhB,EAAgBA,SAIhB,EAII5H,KAAKC,MAHPyM,EADF,EACEA,qBADF,IAEEA,qBAFF,gBAE+C,GAF/C,GAE0BtJ,mBAF1B,MAEwC,GAFxC,EAGE7C,EAHF,EAGEA,kBAGF,OACE,6BACGF,IAAW2M,MACZ5J,EAAY6J,wBACXlD,MAAM9B,GACL,kBAAC,GAAD,CACEyE,qBAAsBA,EACtBnM,kBAAmBA,EACnB+M,cAAerF,EACfsF,oBAAqB3F,IAGvB,kBAAC,EAAD,W,GAlCgBnG,a,YAApBmL,G,eACkB,CACpBF,qBAAsB,IAAMrM,IAAY,wBACxCE,kBAAmBuN,QACjB,IACEzN,IACA,6EAmCOuM,UCpDTnL,GAFqB,IAAMpB,IAAY,sBAAsB,GAE5B0N,GAAgBC,GAExCvM,c;;;;;0oDCAf,IAAM5B,EAAOC,YAAW,iBAEXmO,EAAsB,MACtBC,EAAqB,MAE5BC,EAAgB,CACpB3N,SAAU,WACViF,OAAQ,GAAF,OAAKwI,EAAsB,GAA3B,OACNzI,MAAO,GAAF,OAAK0I,EAAqB,GAA1B,QAGD5L,EAAYC,IAAUC,IAAV,KACb2L,IAGCC,EAAqBC,cAAI,EAAD,KACzBF,GADyB,OAE5BG,OAAQ,QAFoB,uBAGpB,QAHoB,cAI5B,WAAY,CACVA,OAAQ,aALkB,KASxBC,EAASF,MAAIG,UAAU,CAAEC,KAAM,CAAEC,QAAS,GAAK3I,GAAI,CAAE2I,QAAS,KAC9DC,EAAQpM,IAAUC,KACtB,gBAAG8B,EAAH,EAAGA,SAAUC,EAAb,EAAaA,iBAAb,IAA+BqK,cAA/B,mBACEnJ,OAAQ,OACRD,MAAO,OACPqJ,aAAc,oCACdpO,WAAY,OAAF,OAAS6D,EAAT,KACVc,eAAgB,QAChB0J,oBAAqB,MACrBC,oBAAqB,GAAF,OAAKxK,EAAL,KACnBc,iBAAkB,aACduJ,GAAU,CAAEI,UAAW,GAAF,OAAKT,EAAL,cAIvBU,EAAgB1M,IAAUC,IAAI,CAClC,+BAAgC,CAC9BgD,MAAO,QACPhF,SAAU,WACV0O,WAAY,OACZC,YAAa,OACbxB,KAAM,EACNF,MAAO,EACP3B,UAAW,SACXhG,IAAK,KAIHsJ,EAAa7M,IAAU8M,OAAO,CAClC7O,SAAU,WACVsF,IAAK,IACL2H,MAAO,IACP6B,OAAQ,OACRlP,QAAS,UACTkO,OAAQ,UACRiB,QAAS,UACTjO,MAAO,IACPb,WAAY,qBACZoO,aAAc,MACd/F,OAAQ,oBACR,UAAW,CACTyG,QAAS,8BAKPC,EAAWjN,IAAUC,IAAI,CAC7B8M,OAAQ,IACRG,KAAM,gBACNhK,OAAQ,MACRqD,OAAQ,OACR4G,SAAU,SACVtP,QAAS,IACTI,SAAU,WACVmP,WAAY,SACZnK,MAAO,QAGHoK,EAAarN,IAAUC,IAAI,CAC/BhC,SAAU,WACVsF,IAAK,MACL6H,KAAM,MACNkC,UAAW,mBACXzP,QAAS,YACTkB,MAAO,QACPb,WAAY,qBACZoO,aAAc,WACdnM,QAAS,OACTE,WAAY,WAGRkN,EAAmBvN,IAAUC,IAAI,CACrCE,QAAS,OACTC,cAAe,SACfwM,YAAa,WAGTY,EAAgB1B,cAAI,CACxBvL,aAAc,aAGVkN,EAAWzN,IAAU0N,KAAK,CAC9BC,WAAY,MACZhH,SAAU,cAsFZ,SAASiH,EAAT,GAMG,QALDC,mBAKC,SAJDC,EAIC,EAJDA,OACAC,EAGC,EAHDA,UACAC,EAEC,EAFDA,aACA1O,EACC,EADDA,SAEA,OAAOuO,EACL,kBAAC,IAAD,CACEI,MAAOH,EACPI,SAAUH,EACVI,YAAaH,EACbI,QAAS,CAAEC,YAAa,CAAEC,IAAK,CAAEC,UAAW,MAE5C,yBAAK3P,UAAS,UAAKiN,IAAuBvM,IAG5C,kBAACS,EAAD,KAAYT,GAIDkP,IA7Ff,SAAoB9Q,GAClB,IACEqE,EAQErE,EARFqE,SACAC,EAOEtE,EAPFsE,iBAFF,EASItE,EANF+Q,kBAHF,SAIEC,EAKEhR,EALFgR,OAJF,EASIhR,EAJFmQ,mBALF,WASInQ,EAHFoQ,cANF,MAMW,aANX,IASIpQ,EAFFqQ,iBAPF,MAOc,aAPd,IASIrQ,EADFsQ,oBARF,MAQiB,aARjB,EAWA,EAAgClH,oBAAS,GAAzC,mBAAO6H,EAAP,KAAiBC,EAAjB,KACA,EAA0C9H,oBAAS,GAAnD,mBAAO+H,EAAP,KAAsBC,EAAtB,KAoBA,OAlBAvN,qBAAU,WACR,IAAMwN,EAAa,IAAIC,MAYvB,OAXAD,EAAWE,OAAS,WAClBL,GAAY,IAEdG,EAAWG,QAAU,aAGrBH,EAAWlF,IAAM9H,EACbgN,EAAWI,UACbL,GAAiB,GAGZ,WACLC,EAAWE,OAAS,gBAErB,IAGD,kBAACrB,EAAD,CACEC,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,aAAcA,GAEbW,GACC,oCACE,kBAACvC,EAAD,CACErK,SAAUqN,YAAwBrN,GAClCC,iBAAkBA,EAClBnD,KAAK,MACLwQ,aAAY/R,EAAK,aACjB+O,QAASwC,IAEVJ,GACC,kBAAC/B,EAAD,KACE,kBAACG,EAAD,CAAY1D,QAASuF,EAAQY,eAAa,oBACxC,uBAAMC,KAAK,WACX,kBAACtC,EAAD,KAAW3P,EAAK,iBAIrBuQ,GACC,kBAACR,EAAD,KACE,kBAACE,EAAD,CAAkBiC,cAAY,QAC5B,uBAAMD,KAAK,aAAa3Q,UAAS,UAAK4O,KACtC,uBAAM+B,KAAK,kBAEb,kBAAC9B,EAAD,KAAWnQ,EAAK,oB;;;;;8yDChL9B,IAAMA,EAAOC,YAAW,iBAElBkS,EAAczP,IAAUC,IAAI,CAChClB,MAAO,MAEH2Q,EAAgB1P,IAAUC,IAAI,CAClClB,MAAO,MAGH4Q,EAAO3P,IAAUC,IAAI,CACzB2P,UAAW,YACX3M,MAAO,UACPqJ,aAAc,UACdlJ,gBAAiB,QACjBD,UAAW,+BACXhD,QAAS,OACTC,cAAe,SACfnC,SAAU,aAGN4R,EAAU7P,IAAUC,KAAI,oBAAG8H,YAAH,MAA8B,CAC1DxB,OAAQ,eAAF,YADsB,SACS,SAAW,QAChDuJ,aAAc,iBAGVC,EAAkB/P,IAAUC,IAAI,CACpCiD,OAAQ,WACRD,MAAO,WACP/C,UAAW,YACXyM,WAAY,UACZ1O,SAAU,aAEN+R,EAAe,CACnB/M,MAAO,UACPC,OAAQ,UACR6J,OAAQ,kBACRT,aAAc,OAEV2D,EAAgBjQ,IAAUC,KAAI,gBAAG/B,EAAH,EAAGA,WAAH,cAC/B8R,GAD+B,IAElC9R,aACAqL,UAAW,SACX,QAAS,CACPxK,MAAO,QACPmR,WAAY,iBAGVlE,EAASF,MAAIG,UAAU,CAAEC,KAAM,CAAEC,QAAS,GAAK3I,GAAI,CAAE2I,QAAS,KAC9DgE,EAAcnQ,IAAUC,KAAI,gBAAG8B,EAAH,EAAGA,SAAH,IAAasK,cAAb,uBAC7B2D,GAD6B,IAEhCI,gBAAiB,QAAF,OAAUrO,EAAV,MACfc,eAAgB,QAChBG,mBAAoB,MACpBF,iBAAkB,aACduJ,GAAU,CAAEI,UAAW,GAAF,OAAKT,EAAL,cAErBqE,EAAarQ,IAAU8M,OAAO,CAClC/N,MAAO,UACPlB,QAAS,EACTyS,KAAM,UACNvE,OAAQ,UACRiB,QAAS,UACT/J,MAAO,OACPC,OAAQ,OACR6J,OAAQ,kBACRxD,UAAW,SACX+C,aAAc,MACdlJ,gBAAiB,IACjBnF,SAAU,WACVkN,OAAQ,EACRD,MAAO,EACP,UAAW,CACT8B,QAAS,8BAIPuD,EAAazE,cAAI,CACrB/M,MAAO,IACPmR,WAAY,YAGRzP,EAAiBT,IAAUC,IAAI,CACnChC,SAAU,WACVsF,IAAK,YACL2H,MAAO,WAEHsF,EAAcxQ,IAAU8M,OAAO,CACnC5O,WAAY,OACZ6O,OAAQ,OACRlP,QAAS,IACTkO,OAAQ,UACRiB,QAAS,YAGLyD,EAAmBzQ,IAAUC,IAAI,CAAEC,UAAW,aAC9CwQ,EAAkB1Q,IAAUC,IAAI,CAAEC,UAAW,WAE7CyQ,EAAkB3Q,IAAUC,IAAI,CACpCC,UAAW,OACX,eAAgB,CACd,UAAW,CACT8M,QAAS,WAGb,wBAAyB,CACvB9M,UAAW,YAEb,gBAAiB,CACf0Q,YAAa,SACbC,aAAc,YAIZC,EAAS9Q,IAAUC,IAAI,CAC3BE,QAAS,OACTD,UAAW,OACX4P,aAAc,eAGViB,EAAS/Q,IAAU0G,GAAE,gBAAGsK,EAAH,EAAGA,YAAH,YACzBC,UAAW,aAAe,KACtBD,GAAe,CAAEA,YAAa,aAAe,MAFxB,IAGzBE,UAAW,MACXC,SAAU,EACVtT,QAAS,SACTuT,eAAgB,OAChB,wCAAyC,CACvCA,eAAgB,aA8LLC,IAlKf,SAAqB3T,GACnB,MAsBIA,EArBF+Q,kBADF,SAEEC,EAoBEhR,EApBFgR,OAFF,EAsBIhR,EAnBF4T,mBAHF,SAIE/O,EAkBE7E,EAlBF6E,QACAR,EAiBErE,EAjBFqE,SACAd,EAgBEvD,EAhBFuD,YACAkB,EAeEzE,EAfFyE,OACAC,EAcE1E,EAdF0E,gBACAC,EAaE3E,EAbF2E,MACAmG,EAYE9K,EAZF8K,YACAE,EAWEhL,EAXFgL,UACAV,EAUEtK,EAVFsK,SACAK,EASE3K,EATF2K,OAbF,EAsBI3K,EARFqK,mBAdF,WAsBIrK,EAPF4J,kBAfF,SAgBE5B,EAMEhI,EANFgI,OACA2B,EAKE3J,EALF2J,aACAK,EAIEhK,EAJFgK,gBACAC,EAGEjK,EAHFiK,kBACAiB,EAEElL,EAFFkL,aACAE,EACEpL,EADFoL,YAGF,EAAgChC,oBAAU/E,GAA1C,mBAAO4M,EAAP,KAAiBC,GAAjB,KACA,GAA0C9H,oBAAS,GAAnD,qBAAO+H,GAAP,MAAsBC,GAAtB,MAwBA,OAtBAvN,qBAAU,WACR,GAAKQ,EAAL,CAIA,IAAMgN,EAAa,IAAIC,MAYvB,OAXAD,EAAWE,OAAS,WAClBL,IAAY,IAEdG,EAAWG,QAAU,aAGrBH,EAAWlF,IAAM9H,EACbgN,EAAWI,UACbL,IAAiB,GAGZ,WACLC,EAAWE,OAAS,iBAErB,IAGD,kBAACU,EAAD,KACE,kBAACI,EAAD,KACGhO,EACC4M,GACE,kBAACwB,EAAD,CACEpO,SAAUA,EACVlD,KAAK,MACLwQ,aAAY/R,EAAK,aACjB+O,QAASwC,KAIb,kBAACoB,EAAD,CACE/R,WAAU,IACVoR,eAAa,8BAEb,uBACEC,KAAK,OACLtF,KAAK,MACLlB,GAAG,OACHlK,KAAK,MACLwQ,aAAY/R,EAAK,gBAItBmR,GAAcE,GACb,kBAAC0B,EAAD,CACElH,QAASuF,EACTW,aAAY/R,EAAK,cACjBgS,eAAa,sBAEb,uBAAMC,KAAK,SAAStF,KAAK,KAAKrL,UAAS,UAAK2R,OAIjDe,GACC,kBAAC7Q,EAAD,KACE,uBACEsI,GAAIyH,EACJrH,QAAS5G,EACT8M,aAAY/R,EAAK,eACjBgS,eAAa,sBAEb,uBAAMC,KAAK,QAAQtF,KAAK,SAI9B,kBAAC4F,EAAD,CAAS9H,YAAaA,GACpB,uBAAakC,KAAK,KAAKlB,GAAI0G,GACxBxO,GAEH,kBAACwP,EAAD,KACE,uBAAU1H,GAAI2G,EAAeJ,eAAa,yBACvCnN,GAEFC,GACC,uBAAU2G,GAAI2G,EAAeJ,eAAa,yBACvClN,IAINC,GACC,kBAACqO,EAAD,KACE,uBAAU3H,GAAI2G,EAAeJ,eAAa,sBACvCjN,IAINiF,GACC,kBAACqJ,EAAD,CAAiBrB,eAAa,uBAC5B,kBAAC,IAAD,CACEiC,MAAO7L,EACP2B,aAAcA,EACdK,gBAAiBA,EACjBC,kBAAmBA,EACnBkB,kBAAmBD,EACnB4I,WAAW,6DACXC,WAAY,CACVC,UAAU,EACV,aAAc5I,GAEhB6I,YAAa,CAAEC,UAAU,OAKhC7J,GACC,kBAAC+I,EAAD,KACE,uBACE/H,GAAIgI,EACJ5H,QAAST,EACTjK,KAAM+J,EACNwI,aAAa,EACb1B,eAAa,wBAEZhS,EAAK,YAER,uBACEyL,GAAIgI,EACJ5H,QAASd,EACT5J,KAAMuJ,EACNsH,eAAa,qBAEZhS,EAAK,a;;;;;usEC3TlB,IAAMA,EAAOC,YAAW,gBAClBsU,EAAetU,YAAW,kBAE1BuU,EAAa9R,IAAUC,IAAI,CAAElB,MAAO,IAASwK,UAAW,WAExDwI,EAAY/R,IAAU8M,OAAO,CACjCvD,UAAW,SACXpJ,QAAS,eACT8C,MAAO,UACPsD,OAAQ,aACRrI,WAAY,OACZa,MAAO,UACPgO,OAAQ,OACRlP,QAAS,IACTyS,KAAM,UACNvE,OAAQ,UACRiB,QAAS,UACTgF,WAAY,sBACZ,SAAU,CACR1E,UAAW,cAEb,4BAA6B,CAC3BA,UAAW,cACXV,YAAa,QAEf,4BAA6B,CAC3BU,UAAW,aACXV,YAAa,GAEf,UAAW,CACTI,QAAS,8BAIPiF,EAAajS,YAAUkS,IAAK,CAChCC,aAAc,CAAC,aACfC,OAAQ,QAFSpS,CAGhB,IAEGqS,EAAWrS,IAAU0N,KAAK,CAC9BvN,QAAS,eACTwG,SAAU,YACV5H,MAAO,UACPd,SAAU,aAGNqU,EAAgBtS,IAAUC,IAAI,CAClChC,SAAU,WACVkC,QAAS,iBAGLoS,EAAgBvS,IAAU0N,KAAK,CACnC7P,QAAS,iBACTI,SAAU,WACVkN,OAAQ,WACRwC,WAAY,IACZvC,KAAM,SACNhI,gBAAiB,UACjBrE,MAAO,QAEP,UAAW,CACTkM,QAAS,KACThN,SAAU,WACVgF,MAAO,EACPC,OAAQ,EACRsP,WAAY,wBACZxB,YAAa,wBACbrE,WAAY,MACZ8F,aAAc,oBACdlP,IAAK,QAGP,kBAAmB,CACjB4I,QAAS,KAGX,uCAAwC,CACtCA,QAAS,IACT6F,WAAY,yBAGd,uCAAwC,CACtC7F,QAAS,IACT6F,WAAY,2BAaVU,E,mOACiB,M,mCAEb,CACNC,UAAU,I,sCAGF,SAAAnQ,GACJ,EAAK9E,MAAM6E,SACb,EAAK7E,MAAM6E,QAAQC,M,4CAIP,SAACkB,GACfA,EAAEkP,iBAEF,EAAKrQ,QAAQ,YAEb,MAEI,EAAK7E,MADP4E,SADF,gBAC8D,GAD9D,GACczB,YADd,gBACuD,GADvD,GAC6BC,wBAD7B,MACgD,GADhD,EAGA+R,IAAQC,mBAAR,4BACuBhS,EADvB,qBACoD,EAAKpD,MAAMoC,QAC7D,IACA,Q,iDAIiB,SAAC4D,GACpBA,EAAEkP,iBAEF,EAAKrQ,QAAQ,WAEb,MAEI,EAAK7E,MADP4E,SADF,gBAC8D,GAD9D,GACczB,YADd,gBACuD,GADvD,GAC6BC,wBAD7B,MACgD,GADhD,EAGMiS,EAAmB,GAAH,OAAMzV,EAC1B,iBADoB,8BAEC0V,mBAAmBlS,GAFpB,qBAGpB,EAAKpD,MAAMoC,QAEb+S,IAAQI,eAAeF,EAAkB,IAAK,Q,kDAG1B,SAACrP,GACrBA,EAAEkP,iBAEF,EAAKrQ,QAAQ,YAEb,MAEI,EAAK7E,MADP4E,SADF,gBAC8D,GAD9D,GACczB,YADd,gBACuD,GADvD,GAC6BC,wBAD7B,MACgD,GADhD,EAGA+R,IAAQK,gBAAR,4BACuBF,mBAAmBlS,GAD1C,qBAEI,EAAKpD,MAAMoC,QAEb,IACA,Q,mDAImB,SAAC4D,GACtBA,EAAEkP,iBAEF,EAAKrQ,QAAQ,aAEb,MAEI,EAAK7E,MADP4E,SADF,gBAC8D,GAD9D,GACczB,YADd,gBACuD,GADvD,GAC6BC,wBAD7B,MACgD,GADhD,EAGA+R,IAAQM,oBAAR,4BACuBH,mBAAmBlS,GAD1C,qBAEI,EAAKpD,MAAMoC,QAEb,mBACAvB,OAAOC,SAASC,S,qDAIpB,WAAkB,WAChBhB,KAAK8E,QAAQ,YAEb9E,KAAK2V,SAAS,CAAET,UAAU,IAC1BU,YAAW,WACT,EAAKD,SAAS,CAAET,UAAU,MACzB,O,oBAGL,WAAS,WACP,EAEIlV,KAAKC,MADP4E,SADF,gBAC8D,GAD9D,GACczB,YADd,gBACuD,GADvD,GAC6BC,wBAD7B,MACgD,GADhD,EAIA,OACE,kBAAC,WAAD,KACE,uBACEwS,QAAM,EACNvK,GAAI+I,EACJyB,KAA4B,UAAtB9V,KAAKC,MAAMoC,OAAqB,KAAO,IAE5CxC,EAAK,iBAER,yBAAKwB,MAAO,CAAEoB,UAAW,SACvB,kBAAC,IAAD,CACEsT,KAAI,4BAAuB1S,EAAvB,qBACFrD,KAAKC,MAAMoC,QAEb2T,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,KAEvBvW,KAAK2B,MAAMuT,UACV,kBAACJ,EAAD,CAAe0B,IAAI,kBACjB,+BAAQ3W,EAAK,mBAMvB,kBAACyU,EAAD,CAAW5I,QAAS1L,KAAKyW,eACvB,kBAACjC,EAAD,CAAY0B,UAAS,UAAKC,IAAUO,YACpC,kBAAC9B,EAAD,KAAWR,EAAa,oBAE1B,kBAACE,EAAD,CAAW5I,QAAS1L,KAAK2W,sBACvB,kBAACnC,EAAD,CAAY0B,UAAS,UAAKC,IAAUS,aACpC,kBAAChC,EAAD,KAAWR,EAAa,qBAE1B,kBAACE,EAAD,CAAW5I,QAAS1L,KAAK6W,oBACvB,kBAACrC,EAAD,CAAY0B,UAAS,UAAKC,IAAUW,WACpC,kBAAClC,EAAD,KAAWR,EAAa,yB,GA1IR5S,IAAMC,WAkJnBwT,O;;;;;+KC3PR,SAASxQ,EAAejB,GAG7B,OAAO,IAAWA,K;;;;;oECLpB,wFAEO,SAASgB,EAAmBuS,GAEjC,GAAIA,IAAQC,IACV,OAAOD","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","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, { useEffect, useState, useRef } from 'react'\nimport { withRouter } from 'react-router-dom'\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'\nimport { extractAmountInfo } from 'screens/recipient-slug/extract-amount-info'\nimport {\n getAmountFieldInfo,\n getFormattedValue,\n getFormattedAmount,\n normalizeNumber,\n} from 'screens/shared/amount-utils'\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 match: Match,\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 match: { params: { amountInfo } = {} } = {},\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 [{ amount, currency: currencyCode } = {}] = useState(() =>\n extractAmountInfo(amountInfo),\n )\n const showAmount =\n clientData.isProfileAmountTreatment && !isNaN(amount) && amount > 0\n const [{ currencyDecimal, currencySymbolMap } = {}] = useState(() =>\n getAmountFieldInfo(),\n )\n const [formattedAmount] = useState(() =>\n getFormattedAmount({\n amount,\n currencyCode,\n symbolIsoCurrency: true,\n }),\n )\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 getFormattedValue({ amount, currencyCode })\n }\n amountLabel={formattedAmount}\n />\n \n \n \n {l10n('button.report')}\n \n \n \n )\n}\n\nexport default withRouter(SlugRecipientProfile)\n","import React from 'react'\nimport { withRouter } from 'react-router-dom'\nimport glamorous from 'glamorous'\nimport Preview from './preview'\n\nconst Wrapper = glamorous.div({\n margin: '2.25rem 0 2rem',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n})\n\nfunction SlugSellerRecipientProfile(props) {\n return (\n \n \n \n )\n}\nexport default withRouter(SlugSellerRecipientProfile)\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'\nimport { get } from 'lodash'\nimport SlugRecipientProfile from './slug-recipient-profile'\nimport SlugSellerRecipientProfile from '../seller/slug-seller-recipient-profile.js'\nimport SlugNotFound from './slug-not-found'\n\nconst { recipientSlugDetails: { slugDetails = {} } = {} } = clientData\nconst isSellerProfile = get(slugDetails, 'intent') === 'COMMERCE'\nfunction SlugDetails() {\n const RecipientProfile = isSellerProfile\n ? SlugSellerRecipientProfile\n : SlugRecipientProfile\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","// @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 EditContainer = glamorous.div({\n '@media (max-width: 30.875em)': {\n width: '100vw',\n position: 'absolute',\n marginLeft: 'auto',\n marginRight: 'auto',\n left: 0,\n right: 0,\n textAlign: 'center',\n top: 0,\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 \n {l10n('cover.edit')}\n \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 PPAmountField from 'pp-amount-field/dist/pp-amount-field.basic.v2.umd'\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 AmountContainer = glamorous.div({\n marginTop: '1rem',\n ' .ppaf-input': {\n '&:focus': {\n outline: 'revert',\n },\n },\n ' .ppaf-select-wrapper': {\n marginTop: '0.375rem',\n },\n ' .ppaf-select': {\n paddingLeft: '0.5rem',\n paddingRight: '0.5rem',\n },\n})\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 showAmount?: boolean,\n amount?: string,\n currencyCode?: string,\n currencyDecimal?: string,\n currencySymbolMap?: { [string]: string },\n formatAmount?: (amount: string) => string,\n amountLabel?: string,\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 showAmount = false,\n amount,\n currencyCode,\n currencyDecimal,\n currencySymbolMap,\n formatAmount,\n amountLabel,\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 {showAmount && (\n \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\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":""}