{"version":3,"sources":["webpack:///./gql/mutation/activate-profile.js","webpack:///./gql/mutation/edit-user-preferences.js","webpack:///./gql/mutation/edit-cover-photo.js","webpack:///./screens/settings/state.js","webpack:///./gql/mutation/deactivate-profile.js","webpack:///./gql/query/network-identity-status.js","webpack:///./gql/query/location.js","webpack:///./gql/query/preference.js","webpack:///./gql/query/cover-photo.js","webpack:///./gql/mutation/upload-cover-photo.js","webpack:///./gql/query/personal-message.js","webpack:///./utils/image-utils.js","webpack:///./screens/shared/components/glamorous-link.js","webpack:///./screens/shared/components/lazy-load-image.js","webpack:///./screens/shared/components/profile-view.js","webpack:///./screens/shared/components/share-with-friends.js","webpack:///./screens/shared/components/svg-logo.js","webpack:///./utils/client.js","webpack:///./utils/loader.js"],"names":["activateProfile","editProfileSettings","editCoverPhotoDetails","state_SettingsState","pan","isReviewPage","userHasCoverPhoto","get_default","client_data","userHasProfilePicture","imagePreviewUrl","fileName","shouldLoadPayPalMe","slugDetails","imageRef","personalMessageValue","_this","setState","relativePan","filename","toggle","this","state","paypalmeSlugName","slugName","Object","loader","client","request","accountUpgradeOrSwitchOnOrOff","objectSpread","isProfileStatusActive","profilePhotoUrl","userInfo","profileToggle","enrollUserToNetworkIdentity","op","path","value","variables","editUserSettings","networkIdentityStatus","userPayPalMeDetails","displayAddress","privacySettings","location","personalizationSettings","transactionType","coverPhotoUrl","coverPhotoVerticalPan","Boolean","editCoverPhoto","undefined","file","uploadCoverPhoto","uploadedCoverPhotoUrl","Math","abs","toString","coverPhotoEdit","updateCoverPhotoStatus","welcomeNote","coverPhotoRemove","fileSelectEvent","_this2","fileReader","FileReader","onload","onLoadEvent","dataUrl","toWidth","toHeight","_ref","arguments","length","_ref$normalizeImageSi","normalizeImageSize","_ref$mimeType","mimeType","callback","img","document","createElement","changed","canvas","ctx","getContext","resizeWidth","width","resizeHeight","height","floor","exif_default","a","getData","exifdata","Orientation","swapCanvasDimensions","transform","drawImage","toDataURL","setTimeout","src","normalizeImage","target","result","type","normalizedUrl","userImagePreviewUrl","name","files","readAsDataURL","unstated_es","__webpack_exports__","glamorous__WEBPACK_IMPORTED_MODULE_3__","__webpack_require__","ConditionalLink","props","to","react__WEBPACK_IMPORTED_MODULE_1___default","react_router_dom__WEBPACK_IMPORTED_MODULE_2__","propTypes","prop_types__WEBPACK_IMPORTED_MODULE_0___default","string","glamorousLink","rootEl","displayName","forwardProps","Lazy","_Component","_getPrototypeOf2","_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_1__","_len","args","Array","_key","_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__","_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__","call","apply","concat","_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_7__","_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_6__","loaded","_babel_runtime_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_5__","_babel_runtime_helpers_esm_createClass__WEBPACK_IMPORTED_MODULE_2__","key","imageURL","cacheImage","Image","payload","render","react__WEBPACK_IMPORTED_MODULE_8__","LazyImageTag","glamorous__WEBPACK_IMPORTED_MODULE_9__","div","opacity","transition","backgroundSize","backgroundImage","LazyImage","react__WEBPACK_IMPORTED_MODULE_8___default","css","containerStyles","overflow","backgroundColor","boxShadow","LazyLoader","_this3","_ref2","Div","_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__","l10n","pp_react_l10n__WEBPACK_IMPORTED_MODULE_12__","ProfileReviewStyling","glamorous__WEBPACK_IMPORTED_MODULE_10__","margin","textAlign","myProfilePage","padding","position","top","ProfileReviewInnerChild","display","MoreInfoAboutUserStyling","color","fontSize","lineHeight","paddingBottom","textTransform","WelcomeNoteStyling","overflowWrap","wordWrap","isCoverUploadPage","shouldShowMoreMessage","WebkitLineClamp","WebkitBoxOrient","maxHeight","NameAndSlugDetailLocation","marginBottom","paddingTop","NameAndSlugDetailMessage","showAmountInput","personalMessagePaddingBottomStyling","NextButtonStyling","components_glamorous_link__WEBPACK_IMPORTED_MODULE_17__","@media (min-width: 540px) and (max-width: 690px)","ShowMoreDiv","fontWeight","cursor","SVGStyling","components_svg_logo__WEBPACK_IMPORTED_MODULE_20__","AmountField","amount","_amount_utils__WEBPACK_IMPORTED_MODULE_18__","currencyCode","_amountUtils$getAmoun","currencySymbolMap","currencyDecimal","assign","_this$props","react__WEBPACK_IMPORTED_MODULE_9___default","pp_amount_field_basic_v3__WEBPACK_IMPORTED_MODULE_13__","onChange","getFormattedValue","Component","ProfileView","amountValue","initialAmount","amountCurrencyCode","initialCurrencyCode","lodash_get__WEBPACK_IMPORTED_MODULE_8___default","isShowMore","react__WEBPACK_IMPORTED_MODULE_9__","style","borderTop","_this2$props","_this2$props$slugInfo","slugInfo","_this2$props$slugInfo2","_this2$props$slugInfo3","givenName","_this2$props$slugInfo4","_this2$props$slugInfo5","_this2$props$slugInfo6","_this2$props$isCoverU","_this2$props$isReview","shouldShowMoreAboutUser","welcomeNoteLength","recipientSlugPage","onClick","moreInfo","svgString","components_index__WEBPACK_IMPORTED_MODULE_19__","arrowDown","arrowUp","borderBottom","handleShowMoreClick","showDottedLines","isUserLoggedIn","generateUrlLoggedInState","generateUrlLoggedOutState","_this$props$slugInfo$","_this$props$slugInfo$2","_this$props$slugInfo$3","_this$props$slugInfo$4","_this$props$slugInfo$5","_this$props$slugInfo$6","_this$state","_this$state$amountVal","flow","_clientData$locality","utils_client_data__WEBPACK_IMPORTED_MODULE_14__","locality","locale","country","queryString","queryify","profile","String","locale.x","country.x","formattedAmount","host","isDev","isStage","window","origin","isProd","onboardDataRegularSignUp","JSON","stringify","intent","redirect_url","encodeURIComponent","sendMoneyText","guestQueryString","env","recipientIdType","recipientId","onboardDataGuest","signUpRequest","method","url","onboardData","isUserInGuestTreatment","_this$props$slugInfo$7","_this$props$slugInfo$8","_this$props$slugInfo$9","_this$props$slugInfo$10","_this$state2","_clientData$locality2","_this$props2","_this$props2$slugInfo","_this$props2$slugInfo2","_this$props2$slugInfo3","_this$props2$slugInfo4","_this$props2$slugInfo5","_this$props2$slugInfo6","_this$props2$slugInfo7","_this$props2$slugInfo8","_this$props2$showAmou","_this$state3","isCreateFlow","react_transition_group_CSSTransitionGroup__WEBPACK_IMPORTED_MODULE_11___default","transitionName","transitionEnterTimeout","transitionLeaveTimeout","borderRadius","components_lazy_load_image__WEBPACK_IMPORTED_MODULE_15__","backgroundPosition","backgroundRepeat","slug","marginTop","handleAmountChange","data-pagename","data-pagename2","href","generateSendMoneyUrl","moreAboutUser","components_share_with_friends__WEBPACK_IMPORTED_MODULE_16__","obj","keys","reduce","qs","push","join","pp_react_l10n__WEBPACK_IMPORTED_MODULE_10__","l10nSettings","ShareYourLinkStyling","glamorous__WEBPACK_IMPORTED_MODULE_8__","SVGParent","span","marginRight",":hover","@media (max-width: 880px)","@media (max-width: 320px)","components_svg_logo__WEBPACK_IMPORTED_MODULE_15__","SpanText","left","TooltipCopied","bottom","right",":before","content","borderLeft","borderRight","marginLeft","&.tooltip-enter","&.tooltip-enter.tooltip-enter-active","&.tooltip-leave.tooltip-leave-active","trackShareLinks","linkName","lib_analytics__WEBPACK_IMPORTED_MODULE_16__","ShareYourLink","isCopied","e","preventDefault","_this$props$slugInfo","consumerweb_sharing__WEBPACK_IMPORTED_MODULE_12___default","shareURLByFacebook","_this$props$slugInfo2","_this$props$slugInfo3","_this$props$slugInfo4","twitterShareLink","shareByTwitter","_this$props$slugInfo5","_this$props$slugInfo6","_this$props$slugInfo7","shareByWhatsApp","_this$props$slugInfo8","_this$props$slugInfo9","_this$props$slugInfo10","shareURLByMessenger","_this$props$slugInfo11","_this$props$slugInfo12","_this$props$slugInfo13","react__WEBPACK_IMPORTED_MODULE_7___default","react__WEBPACK_IMPORTED_MODULE_7__","showCopyText","react_copy_to_clipboard__WEBPACK_IMPORTED_MODULE_13___default","text","onCopy","copyToClipboard","background","border","ref","input","readOnly","className","glamor__WEBPACK_IMPORTED_MODULE_9__","react_transition_group__WEBPACK_IMPORTED_MODULE_14__","onKeyPress","click","components_index__WEBPACK_IMPORTED_MODULE_11__","clipBoard","handleFBClick","facebook","handleMessengerClick","messenger","handleTwitterClick","twitter","isMarketkingFlow","handleWhatsappClick","whatsapp","workaroundScoreBot","SVG","_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__","dangerProps","_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_1__","__html","react__WEBPACK_IMPORTED_MODULE_3___default","graphql_request__WEBPACK_IMPORTED_MODULE_0__","_client_data__WEBPACK_IMPORTED_MODULE_1__","requestURI","credentials","mode","addLoader","elementID","maximumDuration","overlayedElement","getElementById","classList","add","removeLoader","elementWithSpinner","getElementsByClassName","remove"],"mappings":"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","file":"ppme-grab~ppme-settings~ppme-slug.bundle.js","sourcesContent":["export const activateProfile = `\n mutation ActivateProfile ($slugName: String!) {\n  activateProfile (slug: $slugName) {\n    isSuccess\n  }\n}`\n","export const editProfileSettings = `\n  mutation EditProfileSettings ($editUserSettings: [PatchOptions]!, $slugName: String!) {\n    editProfileSettings (editSlugDetails: $editUserSettings, slug: $slugName) {\n      isSuccess\n    }\n  }\n`\n","export const editCoverPhotoDetails = `\n  mutation EditProfileSettings ($editCoverPhoto: [PatchOptions]!, $slugName: String!) {\n    editProfileSettings (editSlugDetails: $editCoverPhoto, slug: $slugName) {\n      isSuccess\n    }\n  }\n`\n","import { Container } from 'unstated'\nimport clientData from 'utils/client-data'\nimport _ from 'lodash'\nimport { activateProfile } from 'gql/mutation/activate-profile'\nimport { deactivateProfile } from 'gql/mutation/deactivate-profile'\nimport { editProfileSettings } from 'gql/mutation/edit-user-preferences'\nimport { editCoverPhotoDetails } from 'gql/mutation/edit-cover-photo'\nimport { locationQuery } from 'gql/query/location'\nimport { uploadCoverPhoto } from 'gql/mutation/upload-cover-photo'\nimport { personalMessageQuery } from 'gql/query/personal-message'\nimport { networkIdentityStatusQuery } from 'gql/query/network-identity-status'\nimport { coverPhotoQuery } from 'gql/query/cover-photo'\nimport { preferencesQuery } from 'gql/query/preference'\nimport { client } from 'utils/client'\nimport { addLoader, removeLoader } from 'utils/loader'\nimport { normalizeImage } from 'utils/image-utils'\n\nclass SettingsState extends Container {\n  state = {\n    pan: '50',\n    isReviewPage: true,\n    userHasCoverPhoto: !!_.get(\n      clientData,\n      'slugDetails.userPayPalMeDetails.personalizationSettings.coverPhotoUrl',\n      '',\n    ),\n    userHasProfilePicture:\n      _.get(clientData, 'slugDetails.userInfo.profilePhotoUrl') !==\n      'https://www.paypalobjects.com/digitalassets/c/consumer/paypalme/networkidentity/profile_man.svg',\n    imagePreviewUrl: _.get(\n      clientData,\n      'slugDetails.userPayPalMeDetails.personalizationSettings.coverPhotoUrl',\n      '',\n    ),\n    fileName: '',\n    shouldLoadPayPalMe: false,\n    slugDetails: _.get(clientData, 'slugDetails.userPayPalMeDetails', {}),\n    imageRef: {},\n    personalMessageValue: _.get(\n      clientData,\n      'slugDetails.userPayPalMeDetails.personalizationSettings.welcomeNote',\n      '',\n    ),\n  }\n\n  getSlugDetails = slugDetails => {\n    this.setState({\n      slugDetails,\n    })\n  }\n\n  async accountUpgradeOrSwitchOnOrOff(toggle) {\n    const { slugDetails: { paypalmeSlugName = '' } = {} } = this.state\n    const slugName = {\n      slugName: paypalmeSlugName,\n    }\n\n    addLoader()\n    await client.request(toggle, slugName)\n  }\n\n  async profileToggle(toggle) {\n    await this.accountUpgradeOrSwitchOnOrOff(toggle)\n    this.setState({\n      slugDetails: {\n        ...this.state.slugDetails,\n        isProfileStatusActive: !this.state.slugDetails.isProfileStatusActive,\n      },\n    })\n  }\n\n  updateProfilePhoto(profilePhotoUrl) {\n    this.setState({\n      slugDetails: {\n        ...this.state.slugDetails,\n        userInfo: {\n          ...this.state.slugDetails.userInfo,\n          profilePhotoUrl,\n        },\n      },\n    })\n  }\n\n  async turnOff() {\n    await this.profileToggle(deactivateProfile)\n    removeLoader()\n  }\n\n  async turnOn() {\n    await this.profileToggle(activateProfile)\n    removeLoader()\n  }\n\n  async upgradeAccount() {\n    const enrollUserToNetworkIdentity = [\n      {\n        op: 'replace',\n        path: '/network_identity_status',\n        value: 'OPTED_IN',\n      },\n    ]\n\n    const { slugDetails: { paypalmeSlugName = '' } = {} } = this.state\n    const variables = {\n      editUserSettings: enrollUserToNetworkIdentity,\n      slugName: paypalmeSlugName,\n    }\n\n    addLoader()\n\n    await client.request(editProfileSettings, variables)\n\n    // TODO: should we do this?\n    if (!this.state.slugDetails.isProfileStatusActive) {\n      await this.profileToggle(activateProfile)\n    }\n\n    await client.request(networkIdentityStatusQuery)\n    removeLoader()\n\n    this.setState({\n      slugDetails: {\n        ...this.state.slugDetails,\n        isProfileStatusActive: true,\n        networkIdentityStatus: 'OPTED_IN',\n      },\n    })\n  }\n\n  async editLocationPreference(variables) {\n    addLoader()\n    await client.request(editProfileSettings, variables)\n\n    const {\n      userPayPalMeDetails: {\n        userInfo: { displayAddress },\n        privacySettings: { location = [] } = {},\n      } = {},\n    } = await client.request(locationQuery)\n    removeLoader()\n\n    this.setState({\n      slugDetails: {\n        ...this.state.slugDetails,\n        userInfo: {\n          ...this.state.slugDetails.userInfo,\n          displayAddress,\n        },\n        privacySettings: {\n          ...this.state.slugDetails.privacySettings,\n          location,\n        },\n      },\n    })\n  }\n\n  async editUserPreferenceSettings(variables) {\n    addLoader()\n    await client.request(editProfileSettings, variables)\n\n    const {\n      userPayPalMeDetails: {\n        personalizationSettings: { transactionType = 'PERSONAL' } = {},\n      } = {},\n    } = await client.request(preferencesQuery)\n    removeLoader()\n\n    this.setState({\n      slugDetails: {\n        ...this.state.slugDetails,\n        personalizationSettings: {\n          ...this.state.slugDetails.personalizationSettings,\n          transactionType,\n        },\n      },\n    })\n  }\n\n  async updateCoverPhotoStatus() {\n    const {\n      userPayPalMeDetails: {\n        personalizationSettings: {\n          coverPhotoUrl = '',\n          coverPhotoVerticalPan = '50',\n        } = {},\n      } = {},\n    } = await client.request(coverPhotoQuery)\n\n    this.setState({\n      userHasCoverPhoto: Boolean(coverPhotoUrl),\n      slugDetails: {\n        ...this.state.slugDetails,\n        userInfo: {\n          ...this.state.slugDetails.userInfo,\n        },\n        personalizationSettings: {\n          ...this.state.slugDetails.personalizationSettings,\n          coverPhotoUrl,\n          coverPhotoVerticalPan,\n        },\n      },\n    })\n  }\n\n  async uploadCoverPhotoPreference({ imagePreviewUrl, filename, pan }) {\n    const {\n      slugDetails: {\n        personalizationSettings: {\n          coverPhotoUrl = '',\n          coverPhotoVerticalPan = '50',\n        } = {},\n      } = {},\n    } = this.state\n\n    let editCoverPhoto = []\n\n    addLoader()\n\n    /**\n     * if user hasn't changed either cover photo url or pan then don't call any api\n     * and just return back to settings page (this use case will only happen during edit photo)\n     * second case is when user has changed or added the photo then update both pan and image\n     * third case is when only pan is updated but not photo then just update the pan\n     */\n    if (coverPhotoUrl === imagePreviewUrl && coverPhotoVerticalPan === pan) {\n      removeLoader()\n      return undefined\n    } else if (coverPhotoUrl !== imagePreviewUrl) {\n      const variables = {\n        filename,\n        file: imagePreviewUrl,\n      }\n\n      const {\n        uploadCoverPhoto: { uploadedCoverPhotoUrl = '' },\n      } = await client.request(uploadCoverPhoto, variables)\n\n      editCoverPhoto = [\n        {\n          op: 'replace',\n          path: '/personalization_settings/cover_photo_vertical_pan',\n          value: Math.abs(pan).toString(),\n        },\n        {\n          op: 'replace',\n          path: '/personalization_settings/cover_photo_url',\n          value: uploadedCoverPhotoUrl,\n        },\n      ]\n    } else if (\n      coverPhotoUrl === imagePreviewUrl &&\n      coverPhotoVerticalPan !== pan\n    ) {\n      editCoverPhoto = [\n        {\n          op: 'replace',\n          path: '/personalization_settings/cover_photo_vertical_pan',\n          value: Math.abs(pan).toString(),\n        },\n      ]\n    }\n\n    const { slugDetails: { paypalmeSlugName = '' } = {} } = this.state\n    const coverPhotoEdit = {\n      editCoverPhoto,\n      slugName: paypalmeSlugName,\n    }\n\n    await client.request(editCoverPhotoDetails, coverPhotoEdit)\n\n    await this.updateCoverPhotoStatus()\n\n    removeLoader()\n\n    // make flow happy!\n    return undefined\n  }\n\n  pan = relativePan => {\n    this.setState({ pan: relativePan })\n  }\n\n  reviewPage = isReviewPage => {\n    this.setState({\n      isReviewPage,\n    })\n  }\n\n  userImagePreviewUrl = (imagePreviewUrl, filename) => {\n    this.setState({\n      imagePreviewUrl,\n      filename,\n    })\n  }\n\n  imageReference = imageRef => {\n    this.setState({\n      imageRef,\n    })\n  }\n\n  personalMessage(personalMessageValue) {\n    this.setState({\n      personalMessageValue,\n    })\n  }\n\n  async editPersonalMessage() {\n    const {\n      slugDetails: {\n        personalizationSettings: { welcomeNote: currentWelcomeNote = '' } = {},\n      } = {},\n    } = this.state\n\n    if (currentWelcomeNote === this.state.personalMessageValue) {\n      return undefined\n    }\n\n    const editUserSettings = [\n      {\n        op: 'replace',\n        path: '/personalization_settings/welcome_note',\n        value: this.state.personalMessageValue || '',\n      },\n    ]\n\n    const { slugDetails: { paypalmeSlugName = '' } = {} } = this.state\n    const variables = {\n      editUserSettings,\n      slugName: paypalmeSlugName,\n    }\n\n    addLoader()\n\n    await client.request(editProfileSettings, variables)\n\n    const {\n      userPayPalMeDetails: {\n        personalizationSettings: { welcomeNote = '' } = {},\n      } = {},\n    } = await client.request(personalMessageQuery)\n    removeLoader()\n\n    this.setState({\n      slugDetails: {\n        ...this.state.slugDetails,\n        userInfo: {\n          ...this.state.slugDetails.userInfo,\n        },\n        personalizationSettings: {\n          ...this.state.slugDetails.personalizationSettings,\n          welcomeNote,\n        },\n      },\n    })\n\n    return undefined\n  }\n\n  async removeCoverPhoto() {\n    addLoader()\n\n    const editCoverPhoto = [\n      {\n        op: 'replace',\n        path: '/personalization_settings/cover_photo_url',\n        value: '',\n      },\n    ]\n\n    const { slugDetails: { paypalmeSlugName = '' } = {} } = this.state\n    const coverPhotoRemove = {\n      editCoverPhoto,\n      slugName: paypalmeSlugName,\n    }\n\n    await client.request(editCoverPhotoDetails, coverPhotoRemove)\n\n    await this.updateCoverPhotoStatus()\n\n    removeLoader()\n  }\n\n  loadImage(fileSelectEvent) {\n    addLoader()\n    let fileReader = new FileReader()\n    let file\n    fileReader.onload = onLoadEvent => {\n      let url = onLoadEvent.target.result\n      let options = { mimeType: file.type }\n\n      // options.normalizeImageSize = true\n      normalizeImage(url, 1600, 1600, options, normalizedUrl => {\n        this.userImagePreviewUrl(normalizedUrl, file && file.name)\n        removeLoader()\n      })\n    }\n\n    file = fileSelectEvent.target.files[0]\n\n    if (file) {\n      fileReader.readAsDataURL(file)\n    }\n  }\n}\n\nexport default SettingsState\n","export const deactivateProfile = `\n mutation DeactivateProfile ($slugName: String!) {\n  deactivateProfile (slug: $slugName) {\n    isSuccess\n  }\n}`\n","export const networkIdentityStatusQuery = `\n  query {\n    userPayPalMeDetails {\n      isProfileStatusActive\n      networkIdentityStatus\n    }\n  }\n`\n","export const locationQuery = `\n  query {\n    userPayPalMeDetails {\n      userInfo {\n        displayAddress\n        userAddress {\n          city\n          state\n          countryCode\n        }\n      }\n      privacySettings {\n        location\n      }\n    }\n  }\n`\n","export const preferencesQuery = `\n  query {\n    userPayPalMeDetails {\n      personalizationSettings {\n        transactionType\n      }\n    }\n  }\n`\n","export const coverPhotoQuery = `\n  query {\n    userPayPalMeDetails {\n      personalizationSettings {\n        coverPhotoUrl\n        coverPhotoVerticalPan\n      }\n    }\n  }\n`\n","export const uploadCoverPhoto = `\n mutation UploadCoverPhoto ($filename: String!, $file: String!) {\n  uploadCoverPhoto(filename: $filename, file: $file) {\n    uploadedCoverPhotoUrl\n  }\n}\n`\n","export const personalMessageQuery = `\n  query {\n    userPayPalMeDetails {\n      personalizationSettings {\n        welcomeNote\n      }\n    }\n  }\n`\n","// @flow\n\nimport EXIF from 'exif-js'\n\ntype EXIFHTMLImageElement = HTMLImageElement & {\n  exifdata?: {\n    Orientation: number,\n  },\n}\n\n//options are:\n//normalizeImageSize - decrease image size to fit in toWidth and toHeight\nexport function normalizeImage(\n  dataUrl: string,\n  toWidth: number,\n  toHeight: number,\n  {\n    normalizeImageSize = false,\n    mimeType = 'image/jpeg',\n  }: { normalizeImageSize?: boolean, mimeType?: string } = {},\n  callback: string => void,\n) {\n  const img: EXIFHTMLImageElement = document.createElement('img')\n  img.onload = () => {\n    const canvas = document.createElement('canvas')\n    const ctx = canvas.getContext('2d')\n    let changed\n    let resizeWidth = img.width\n    let resizeHeight = img.height\n\n    // PNGs weigh too much\n    if (mimeType === 'image/png') {\n      mimeType = 'image/jpeg'\n    }\n\n    if (normalizeImageSize) {\n      if (resizeWidth > toWidth) {\n        resizeHeight *= toWidth / resizeWidth\n        resizeWidth = toWidth\n        changed = true\n      }\n\n      if (resizeHeight > toHeight) {\n        resizeWidth *= toHeight / resizeHeight\n        resizeHeight = toHeight\n        changed = true\n      }\n\n      if (changed) {\n        resizeWidth = Math.floor(resizeWidth)\n        resizeHeight = Math.floor(resizeHeight)\n        canvas.width = resizeWidth\n        canvas.height = resizeHeight\n      }\n    }\n\n    EXIF.getData(img, () => {\n      if (img.exifdata && img.exifdata.Orientation) {\n        if (!changed) {\n          canvas.width = resizeWidth = img.width\n          canvas.height = resizeHeight = img.height\n        }\n\n        // in exif orientations 5,6,7,8 the image width and height flips, so we need to flip\n        // the canvas dimensions as well\n        if (img.exifdata.Orientation >= 5 && img.exifdata.Orientation <= 8) {\n          const swapCanvasDimensions = canvas.height\n\n          canvas.height = canvas.width\n          canvas.width = swapCanvasDimensions\n        }\n\n        switch (img.exifdata.Orientation) {\n          case 2:\n            ctx.transform(-1, 0, 0, 1, resizeWidth, 0)\n            break\n          case 3:\n            ctx.transform(-1, 0, 0, -1, resizeWidth, resizeHeight)\n            break\n          case 4:\n            ctx.transform(1, 0, 0, -1, 0, resizeHeight)\n            break\n          case 5:\n            ctx.transform(0, 1, 1, 0, 0, 0)\n            break\n          case 6:\n            ctx.transform(0, 1, -1, 0, resizeHeight, 0)\n            break\n          case 7:\n            ctx.transform(0, -1, -1, 0, resizeHeight, resizeWidth)\n            break\n          case 8:\n            ctx.transform(0, -1, 1, 0, 0, resizeWidth)\n            break\n          default:\n            ctx.transform(1, 0, 0, 1, 0, 0)\n        }\n        ctx.drawImage(img, 0, 0, resizeWidth, resizeHeight)\n        return callback(canvas.toDataURL(mimeType))\n      } else if (changed) {\n        ctx.drawImage(img, 0, 0, resizeWidth, resizeHeight)\n        return callback(canvas.toDataURL(mimeType))\n      }\n      return callback(dataUrl)\n    })\n  }\n\n  // the animation acts wonky if we don't add the animation here\n  // we wait for 800ms once the image is selected, and do the transition as required\n  setTimeout(() => {\n    img.src = dataUrl\n  }, 800)\n}\n","// @flow\n/* eslint consumerweb/require-pagename:0 */\n// This allows us to make styled React components that can\n// either use <Link /> or <a /> based on whether they\n// provide a `to` prop.\nimport PropTypes from 'prop-types'\n\nimport React from 'react'\nimport { Link } from 'react-router-dom'\nimport glamorous from 'glamorous'\n\n// this creates a glamorousComponentFactory\n// for the react-router Link component\n// with all the configuration needed\nfunction ConditionalLink(props) {\n  if (props.to) {\n    return <Link {...props} />\n  }\n  return <a {...props} />\n}\nConditionalLink.propTypes = {\n  to: PropTypes.string,\n}\n\nconst glamorousLink = glamorous(ConditionalLink, {\n  rootEl: 'a',\n  displayName: 'glamorous(RouterLink)',\n  forwardProps: [\n    'to',\n    'query',\n    'hash',\n    'state',\n    'activeClassName',\n    'activeStyle',\n    'onlyActiveOnIndex',\n  ],\n})\n\nexport { glamorousLink }\n","// @flow\n\nimport React, { PureComponent, Component } from 'react'\nimport glamorous from 'glamorous'\n\ntype LazyProps = {\n  imageURL: string,\n  render: ({ loaded: boolean, imageURL: string }) => React$Element,\n}\n\ntype LazyState = {\n  loaded: boolean,\n}\n\nexport class Lazy extends Component<LazyProps, LazyState> {\n  state = {\n    loaded: false,\n  }\n\n  componentDidMount() {\n    if (!this.state.loaded) {\n      if (this.props.imageURL) {\n        const cacheImage = new Image()\n        cacheImage.onload = () => {\n          this.setState({\n            loaded: true,\n          })\n        }\n        cacheImage.src = this.props.imageURL\n      }\n    }\n  }\n\n  render() {\n    const payload = { loaded: this.state.loaded, imageURL: this.props.imageURL }\n    return this.props.render(payload)\n  }\n}\n\nconst LazyImageTag = glamorous.div(\n  {\n    opacity: 0,\n    transition: 'opacity 0.3s',\n    backgroundSize: 'cover',\n  },\n  ({ loaded, imageURL }) =>\n    loaded\n      ? {\n          width: '100%',\n          height: '100%',\n          backgroundImage: `url('${imageURL}')`,\n          opacity: 1,\n        }\n      : null,\n)\n\ntype LazyImageProps = {\n  imageURL: string,\n  loaded: boolean,\n  containerStyles?: {},\n}\n\nclass LazyImage extends PureComponent<LazyImageProps> {\n  render() {\n    return (\n      <LazyImageTag\n        css={\n          this.props.loaded ? [containerStyles, this.props.containerStyles] : {}\n        }\n        loaded={this.props.loaded}\n        imageURL={this.props.imageURL}\n      />\n    )\n  }\n}\n\ntype LazyLoaderProps = {\n  imageURL: string,\n  containerStyles?: {},\n}\n\nconst containerStyles = {\n  overflow: 'hidden',\n  backgroundColor: 'white',\n  width: 100,\n  height: 100,\n  boxShadow: '8px 14px 38px rgba(39,44,49,.06), 1px 3px 8px rgba(39,44,49,.03)',\n}\n\nexport default class LazyLoader extends Component<LazyLoaderProps> {\n  static defaultProps = {\n    containerStyles: {},\n  }\n\n  render() {\n    return (\n      <Lazy\n        imageURL={this.props.imageURL}\n        render={({ loaded, imageURL }) => {\n          if (!imageURL) {\n            return null\n          }\n          return (\n            <glamorous.Div\n              css={!loaded ? [containerStyles, this.props.containerStyles] : {}}\n            >\n              <LazyImage loaded={loaded} imageURL={imageURL} {...this.props} />\n            </glamorous.Div>\n          )\n        }}\n      />\n    )\n  }\n}\n","// @flow\n\nimport React, { Component, Fragment } from 'react'\nimport glamorous from 'glamorous'\nimport ReactCSSTransitionGroup from 'react-transition-group/CSSTransitionGroup'\nimport getContent from 'pp-react-l10n'\nimport PPAmountField from 'pp-amount-field/basic/v3'\nimport clientData from 'utils/client-data'\nimport LazyLoader from 'components/lazy-load-image'\nimport ShareYourLink from 'components/share-with-friends'\nimport { glamorousLink } from 'components/glamorous-link'\nimport * as amountUtils from '../amount-utils'\nimport _ from 'lodash'\nimport { svgImages } from 'components/index'\nimport SVG from 'components/svg-logo'\n\nconst l10n = getContent('pages/shared')\nconst DURATION = 300\n\nconst ProfileReviewStyling = glamorous.div(props => ({\n  backgroundColor: props.backgroundColor ? props.backgroundColor : '#f4f6f9',\n  margin: '0 auto',\n  textAlign: 'center',\n  boxShadow: !props.myProfilePage\n    ? '0 2px 2px 0 rgba(139, 139, 139, 0.5)'\n    : null,\n  padding: props.userHasCoverPhoto ? '0' : '36px 0 31px 0',\n  position: 'relative',\n  top: props.userHasCoverPhoto ? '-45px' : 'auto',\n}))\n\nconst ProfileReviewInnerChild = glamorous.div(props => ({\n  position: 'relative',\n  top: props.userHasCoverPhoto ? '-45px' : 'auto',\n  display: 'inline',\n}))\n\nconst MoreInfoAboutUserStyling = glamorous.div({\n  color: '#6c7378',\n  fontSize: '13px',\n  lineHeight: '1.38',\n  width: '85%',\n  display: 'inline-block',\n  paddingBottom: '6px',\n  textTransform: 'uppercase',\n})\n\nconst WelcomeNoteStyling = glamorous.div(\n  {\n    fontSize: '15px',\n    lineHeight: '1.6',\n    color: '#2c2e2f',\n    textAlign: 'center',\n    width: '95%',\n    margin: '0 auto',\n    overflowWrap: 'break-word',\n    wordWrap: 'break-word',\n    position: 'relative',\n  },\n  ({ isReviewPage, isCoverUploadPage, shouldShowMoreMessage }) =>\n    (isReviewPage || isCoverUploadPage) && !shouldShowMoreMessage\n      ? {\n          overflow: 'hidden',\n          display: '-webkit-box',\n          WebkitLineClamp: 2,\n          WebkitBoxOrient: 'vertical',\n          maxHeight: '71px',\n        }\n      : null,\n)\n\nconst NameAndSlugDetailLocation = glamorous.div({\n  marginBottom: '4px',\n  paddingTop: 12,\n  paddingBottom: 6,\n  margin: 0,\n  fontSize: 20,\n  color: '#2c2e2f',\n})\n\nconst NameAndSlugDetailMessage = glamorous.div(props => ({\n  paddingBottom: props.showAmountInput\n    ? 0\n    : props.personalMessagePaddingBottomStyling,\n  fontSize: 15,\n  color: '#2c2e2f',\n}))\n\nconst NextButtonStyling = glamorousLink(\n  {\n    marginBottom: 40,\n    width: '70% !important',\n    '@media (min-width: 540px) and (max-width: 690px)': {\n      width: '50% !important',\n    },\n  },\n  'vx_btn vx_btn-block',\n)\n\nconst ShowMoreDiv = glamorous.div(props => ({\n  color: '#0070ba',\n  fontSize: 14,\n  fontWeight: 500,\n  lineHeight: 1.43,\n  cursor: 'pointer',\n  padding: '8.5px 0 0 0',\n  display: props.shouldShowMoreMessage ? 'none' : 'inline-block',\n}))\n\nconst SVGStyling = glamorous(SVG, {\n  forwardProps: ['svgString'],\n  rootEl: 'span',\n})({\n  padding: '0 5px',\n  cursor: 'pointer',\n})\n\ntype AmountFieldProps = {\n  onChange: (value: string, currencyCode: string) => void,\n  currencyCode: string,\n  value: string,\n}\n\nclass AmountField extends React.Component<AmountFieldProps> {\n  currencySymbolMap: CurrencySymbolMap\n  currencyDecimal: CurrencyDecimal\n  constructor(...args) {\n    super(...args)\n    const {\n      currencySymbolMap,\n      currencyDecimal,\n    } = amountUtils.getAmountFieldInfo()\n    Object.assign(this, {\n      currencySymbolMap,\n      currencyDecimal,\n    })\n  }\n  getFormattedValue = amount => {\n    return amountUtils.getFormattedValue({\n      amount,\n      currencyCode: this.props.currencyCode,\n    })\n  }\n  render() {\n    const { currencyCode, value } = this.props\n    return (\n      <PPAmountField\n        currencyDecimal={this.currencyDecimal}\n        currencySymbolMap={this.currencySymbolMap}\n        currencyCode={currencyCode}\n        value={value}\n        onChange={this.props.onChange}\n        getFormattedValue={this.getFormattedValue}\n      />\n    )\n  }\n}\n\ntype ProfileViewProps = {\n  slugInfo: { slugDetails: SlugDetails },\n  initialAmount?: string,\n  initialCurrencyCode?: string,\n  isReviewPage?: boolean,\n  userHasCoverPhoto: boolean,\n  backgroundColor?: string,\n  showAmountInput?: boolean,\n  myProfilePage?: boolean,\n  isCoverUploadPage?: boolean,\n  isUserLoggedIn?: boolean,\n  isUserInGuestTreatment?: boolean,\n  isCreateFlow?: boolean,\n  personalMessagePaddingBottomStyling: number,\n  recipientSlugPage?: boolean,\n  isDev: boolean,\n  isProd: boolean,\n  isStage: boolean,\n}\n\ntype ProfileViewState = {\n  amountValue: string,\n  amountCurrencyCode: string,\n  userHasProfilePicture: boolean,\n  shouldShowMoreMessage: boolean,\n}\n\nclass ProfileView extends Component<ProfileViewProps, ProfileViewState> {\n  static defaultProps = {\n    isUserLoggedIn: clientData.isUserLoggedIn,\n    isUserInGuestTreatment: clientData.isUserInGuestTreatment,\n    isStage: clientData.isStage,\n    isDev: clientData.isDev,\n    isProd: clientData.isProd,\n  }\n\n  state = {\n    amountValue: this.props.initialAmount,\n    amountCurrencyCode: this.props.initialCurrencyCode,\n    userHasProfilePicture:\n      _.get(this, 'props.slugInfo.slugDetails.userInfo.profilePhotoUrl', '') !==\n      'https://www.paypalobjects.com/digitalassets/c/consumer/paypalme/networkidentity/profile_man.svg',\n    shouldShowMoreMessage: false,\n    isShowMore: true,\n  }\n\n  handleAmountChange = (amountValue: string, amountCurrencyCode: string) => {\n    this.setState({ amountValue, amountCurrencyCode })\n  }\n\n  showDottedLines = () => {\n    return (\n      <Fragment>\n        {this.props.myProfilePage ? (\n          <div\n            style={{\n              borderTop: '0.5px dotted #B7BCBF',\n              width: '85%',\n              margin: '0 auto',\n            }}\n          />\n        ) : null}\n      </Fragment>\n    )\n  }\n\n  handleShowMoreClick = () => {\n    this.setState({\n      shouldShowMoreMessage: true,\n    })\n  }\n\n  moreInfo = () => {\n    this.setState(state => ({ isShowMore: !state.isShowMore }))\n  }\n\n  moreAboutUser = () => {\n    let {\n      slugInfo: {\n        slugDetails: {\n          userInfo: { givenName = '', displayAddress = '' } = {},\n          personalizationSettings: { welcomeNote = '' } = {},\n        } = {},\n      },\n      isCoverUploadPage = false,\n      isReviewPage = false,\n    } = this.props\n\n    const shouldShowMoreAboutUser =\n      Boolean(displayAddress) || Boolean(welcomeNote)\n\n    let welcomeNoteLength = welcomeNote && welcomeNote.length\n\n    return (\n      <Fragment>\n        {shouldShowMoreAboutUser ? (\n          <Fragment>\n            {!isReviewPage &&\n              !isCoverUploadPage && (\n                <MoreInfoAboutUserStyling>\n                  {l10n('label.moreabout')} {givenName}\n                  {this.props.recipientSlugPage && (\n                    <SVGStyling\n                      onClick={this.moreInfo}\n                      svgString={\n                        this.state.isShowMore\n                          ? `${svgImages.arrowDown}`\n                          : `${svgImages.arrowUp}`\n                      }\n                    />\n                  )}\n                </MoreInfoAboutUserStyling>\n              )}\n            {this.state.isShowMore ? (\n              <div\n                style={{\n                  borderTop: '0.5px dotted #B7BCBF',\n                  borderBottom: '0.5px dotted #B7BCBF',\n                  width: '85%',\n                  margin: '0 auto',\n                  paddingTop: displayAddress ? 20 : 0,\n                  paddingBottom: welcomeNote ? 29 : 20,\n                }}\n              >\n                <div\n                  style={{\n                    fontSize: '14px',\n                    color: '#2c2e2f',\n                    paddingBottom: welcomeNote ? '24px' : 0,\n                  }}\n                >\n                  {displayAddress}\n                </div>\n                <WelcomeNoteStyling\n                  isReviewPage={isReviewPage}\n                  isCoverUploadPage={this.props.isCoverUploadPage}\n                  shouldShowMoreMessage={this.state.shouldShowMoreMessage}\n                >\n                  {welcomeNote}\n                </WelcomeNoteStyling>\n                {(this.props.isReviewPage || this.props.isCoverUploadPage) &&\n                  welcomeNoteLength > 50 && (\n                    <ShowMoreDiv\n                      onClick={this.handleShowMoreClick}\n                      shouldShowMoreMessage={this.state.shouldShowMoreMessage}\n                    >\n                      {l10n('label.showmore')}\n                    </ShowMoreDiv>\n                  )}\n              </div>\n            ) : (\n              <div\n                style={{\n                  borderTop: '0.5px dotted #B7BCBF',\n                  width: '85%',\n                  margin: '0 auto',\n                }}\n              />\n            )}\n          </Fragment>\n        ) : (\n          this.showDottedLines()\n        )}\n      </Fragment>\n    )\n  }\n\n  generateUrlLoggedOutState() {\n    const {\n      slugInfo: {\n        slugDetails: {\n          paypalmeSlugName = '',\n          userInfo: { displayName = '' } = {},\n          personalizationSettings: { transactionType = '' } = {},\n        } = {},\n      },\n    } = this.props\n\n    const { amountValue = '0', amountCurrencyCode } = this.state\n    const flow = transactionType === 'PERSONAL' ? 'send' : 'buy'\n    const {\n      locality: { locale, country },\n    } = clientData\n\n    const queryString = queryify({\n      profile: paypalmeSlugName,\n      currencyCode: amountCurrencyCode,\n      amount: String(amountUtils.normalizeNumber(amountValue)),\n      'locale.x': locale,\n      'country.x': country,\n    })\n\n    // if logged out get onboarding data...\n    // ${window.location.origin}\n    const formattedAmount = amountUtils.getFormattedAmount({\n      amount: this.state.amountValue,\n      currencyCode: this.state.amountCurrencyCode,\n    })\n\n    let host = 'https://www.paypal.com'\n    if (this.props.isDev) {\n      host = 'https://localhost.paypal.com'\n    }\n\n    if (this.props.isStage) {\n      host = window.location.origin\n    }\n\n    if (this.props.isProd) {\n      host = 'https://www.paypal.com'\n    }\n\n    const onboardDataRegularSignUp = JSON.stringify({\n      'country.x': country,\n      'locale.x': locale,\n      intent: 'paypalme',\n      redirect_url: `${host}/myaccount/transfer/${flow}/external/ppme?${encodeURIComponent(\n        queryString,\n      )}`,\n      sendMoneyText: encodeURIComponent(\n        `${l10n('msg.send')} ${displayName} ${formattedAmount}`,\n      ),\n    })\n\n    const guestQueryString = queryify({\n      env: 'ppme',\n      recipientIdType: 'ppme',\n      recipientId: paypalmeSlugName,\n      currencyCode: amountCurrencyCode,\n      amount: String(amountUtils.normalizeNumber(amountValue)),\n      'locale.x': locale,\n      'country.x': country,\n    })\n\n    const onboardDataGuest = JSON.stringify({\n      signUpRequest: {\n        method: 'get',\n        url: `${encodeURIComponent(\n          `${host}/myaccount/transfer/guestLogin/paypalme?${guestQueryString}`,\n        )}`,\n      },\n    })\n\n    const onboardData = this.props.isUserInGuestTreatment\n      ? `expId=ppme&onboardData=${encodeURIComponent(onboardDataGuest)}`\n      : `onboardData=${encodeURIComponent(onboardDataRegularSignUp)}`\n\n    return `${host}/signin?returnUri=${host}/myaccount/transfer/${flow}/external/ppme?${encodeURIComponent(\n      queryString,\n    )}&${onboardData}`\n  }\n\n  generateUrlLoggedInState() {\n    const {\n      slugInfo: {\n        slugDetails: {\n          paypalmeSlugName = '',\n          personalizationSettings: { transactionType = '' } = {},\n        } = {},\n      },\n    } = this.props\n    const flow = transactionType === 'PERSONAL' ? 'send' : 'buy'\n    const { amountValue, amountCurrencyCode } = this.state\n    const {\n      locality: { locale, country },\n    } = clientData\n\n    const queryString = queryify({\n      profile: paypalmeSlugName,\n      currencyCode: amountCurrencyCode,\n      amount: String(amountUtils.normalizeNumber(amountValue)),\n      'locale.x': locale,\n      'country.x': country,\n    })\n\n    let host = 'https://www.paypal.com'\n    if (this.props.isDev) {\n      host = 'https://localhost.paypal.com'\n    }\n\n    if (this.props.isStage) {\n      host = window.location.origin\n    }\n\n    if (this.props.isProd) {\n      host = 'https://www.paypal.com'\n    }\n\n    return `${host}/myaccount/transfer/${flow}/external/ppme?${queryString}`\n  }\n\n  generateSendMoneyUrl = () => {\n    return this.props.isUserLoggedIn\n      ? this.generateUrlLoggedInState()\n      : this.generateUrlLoggedOutState()\n  }\n\n  render() {\n    const {\n      slugInfo: {\n        slugDetails: {\n          paypalmeSlugName = '',\n          userInfo: {\n            displayName = '',\n            profilePhotoUrl = '',\n            displayAddress = '',\n          } = {},\n          personalizationSettings: { welcomeNote = '' } = {},\n        } = {},\n      },\n      showAmountInput = false,\n    } = this.props\n    const { amountValue, amountCurrencyCode } = this.state\n    const shouldShowMoreAboutUser =\n      Boolean(displayAddress) || Boolean(welcomeNote)\n\n    const personalMessagePaddingBottomStyling =\n      this.props.isCreateFlow ||\n      (!shouldShowMoreAboutUser && !this.props.myProfilePage)\n        ? 0\n        : 24\n\n    return (\n      <ReactCSSTransitionGroup\n        transitionName=\"reveal\"\n        transitionEnterTimeout={DURATION}\n        transitionLeaveTimeout={DURATION}\n      >\n        <ProfileReviewStyling\n          userHasCoverPhoto={this.props.userHasCoverPhoto}\n          backgroundColor={this.props.backgroundColor}\n          myProfilePage={this.props.myProfilePage}\n        >\n          <ProfileReviewInnerChild\n            userHasCoverPhoto={this.props.userHasCoverPhoto}\n          >\n            <div\n              style={{\n                width: '96px',\n                height: '96px',\n                display: 'inline-block',\n                borderRadius: '50%',\n              }}\n            >\n              <LazyLoader\n                imageURL={profilePhotoUrl}\n                containerStyles={{\n                  borderRadius: '50%',\n                  width: 96,\n                  height: 96,\n                  boxShadow: '0 5px 12px 0 rgba(2, 2, 2, 0.3)',\n                  backgroundPosition: this.state.userHasProfilePicture\n                    ? 'center center'\n                    : '50% 50%',\n                  backgroundSize: this.state.userHasProfilePicture\n                    ? 'cover'\n                    : 'auto',\n                  backgroundRepeat: 'no-repeat',\n                }}\n              />\n            </div>\n            <NameAndSlugDetailLocation>{displayName}</NameAndSlugDetailLocation>\n            <NameAndSlugDetailMessage\n              shouldShowMoreAboutUser={shouldShowMoreAboutUser}\n              personalMessagePaddingBottomStyling={\n                personalMessagePaddingBottomStyling\n              }\n              {...this.props}\n            >\n              {l10n('ppmeUrl', { slug: paypalmeSlugName })}\n            </NameAndSlugDetailMessage>\n            {showAmountInput && (\n              <Fragment>\n                <div style={{ marginTop: 30, marginBottom: 20 }}>\n                  <AmountField\n                    onChange={this.handleAmountChange}\n                    value={amountValue}\n                    currencyCode={amountCurrencyCode}\n                  />\n                </div>\n                <NextButtonStyling\n                  data-pagename=\"main:ppme:recipientprofile\"\n                  data-pagename2=\"main:ppme:recipientprofile:::\"\n                  name=\"next\"\n                  href={this.generateSendMoneyUrl()}\n                >\n                  {l10n('button.next')}\n                </NextButtonStyling>\n              </Fragment>\n            )}\n\n            {!this.props.isCreateFlow && this.moreAboutUser()}\n\n            {this.props.myProfilePage && <ShareYourLink {...this.props} />}\n          </ProfileReviewInnerChild>\n        </ProfileReviewStyling>\n        {this.props.recipientSlugPage && (\n          <a\n            href={`mailto:DL-PayPal-ReportPayPalMe@paypal.com?subject=Something doesn’t look right with this PayPal.Me/${paypalmeSlugName} link&body=The owner of this page doesn’t seem to be who he claims to be or this link does’t seem to comply with PayPal.Me Terms and Conditions, please check it out.`}\n            style={{\n              marginTop: 36,\n              position: 'relative',\n              top: this.props.userHasCoverPhoto ? -14 : 0,\n              color: '#7f868b',\n              fontSize: 13,\n              display: 'inline-block',\n            }}\n          >\n            {l10n('button.report')}\n          </a>\n        )}\n      </ReactCSSTransitionGroup>\n    )\n  }\n}\n\nfunction queryify(obj: { [key: string]: string }) {\n  return Object.keys(obj)\n    .reduce((qs, key) => {\n      qs.push(`${key}=${encodeURIComponent(obj[key])}`)\n      return qs\n    }, [])\n    .join('&')\n}\n\nexport default ProfileView\n","// @flow\n\nimport React, { Fragment } from 'react'\nimport glamorous from 'glamorous'\nimport { css } from 'glamor'\nimport getContent from 'pp-react-l10n'\nimport { svgImages } from 'components/index'\nimport sharing from 'consumerweb-sharing'\nimport CopyToClipboard from 'react-copy-to-clipboard'\nimport { CSSTransitionGroup } from 'react-transition-group'\nimport SVG from 'components/svg-logo'\nimport { trackLink } from 'lib/analytics'\n\nconst l10n = getContent('pages/shared')\nconst l10nSettings = getContent('pages/settings')\n\ntype Props = {\n  slugInfo: { slugDetails: SlugDetails },\n  showCopyText?: boolean,\n  isMarketkingFlow?: boolean,\n}\n\nconst ShareYourLinkStyling = glamorous.div({\n  color: '#6c7378',\n  fontSize: '13px',\n  lineHeight: '1.38',\n  width: '80%',\n  display: 'inline-block',\n  textTransform: 'uppercase',\n  marginTop: 22,\n  padding: 0,\n})\n\nconst SVGParent = glamorous.span({\n  display: 'inline-block',\n  width: '60px',\n  marginRight: '20px',\n  cursor: 'pointer',\n  transition: 'all .2s ease-in-out',\n  ':hover': {\n    transform: 'scale(1.1)',\n  },\n  '@media (max-width: 880px)': {\n    transform: 'scale(0.95)',\n    marginRight: '10px',\n  },\n  '@media (max-width: 320px)': {\n    transform: 'scale(0.9)',\n    marginRight: 0,\n  },\n})\n\nconst SVGStyling = glamorous(SVG, {\n  forwardProps: ['svgString'],\n  rootEl: 'span',\n})({\n  padding: '0 20px',\n  '@media (max-width: 320px)': {\n    padding: 0,\n  },\n})\n\nconst SpanText = glamorous.span({\n  fontSize: '13px',\n  color: '#ababab',\n  position: 'relative',\n  left: '10px',\n  '@media (max-width: 320px)': {\n    left: 0,\n  },\n})\n\nconst TooltipCopied = glamorous.span({\n  padding: '4px',\n  bottom: '0',\n  right: '75px',\n  backgroundColor: '#e1e7eb',\n  color: 'black',\n  width: '66px',\n  position: 'absolute',\n  borderRadius: '2px',\n  top: '10px',\n  height: '30px',\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\nconst trackShareLinks = linkName =>\n  trackLink(linkName, 'main:ppme:profile', 'main:ppme:profile:::', 'link')\n\ntype State = {\n  isCopied: boolean,\n}\n\nclass ShareYourLink extends React.Component<Props, State> {\n  _ref: ?HTMLElement = null\n\n  state = {\n    isCopied: false,\n  }\n  handleFBClick = (e: SyntheticEvent<HTMLElement>) => {\n    e.preventDefault()\n\n    trackShareLinks('facebook')\n\n    const {\n      slugInfo: { slugDetails: { paypalmeSlugName = '' } = {} } = {},\n    } = this.props\n    sharing.shareURLByFacebook(\n      `https://paypal.me/${paypalmeSlugName}`,\n      575,\n      400,\n    )\n  }\n\n  handleTwitterClick = (e: SyntheticEvent<HTMLElement>) => {\n    e.preventDefault()\n\n    trackShareLinks('twitter')\n\n    const {\n      slugInfo: { slugDetails: { paypalmeSlugName = '' } = {} } = {},\n    } = this.props\n    const twitterShareLink = `${l10n(\n      'share.twitter',\n    )} https://paypal.me/${encodeURIComponent(paypalmeSlugName)}`\n    sharing.shareByTwitter(twitterShareLink, 575, 400)\n  }\n\n  handleWhatsappClick = (e: SyntheticEvent<HTMLElement>) => {\n    e.preventDefault()\n\n    trackShareLinks('whatsapp')\n\n    const {\n      slugInfo: { slugDetails: { paypalmeSlugName = '' } = {} } = {},\n    } = this.props\n    sharing.shareByWhatsApp(\n      `https://paypal.me/${encodeURIComponent(paypalmeSlugName)}`,\n      575,\n      400,\n    )\n  }\n\n  handleMessengerClick = (e: SyntheticEvent<HTMLElement>) => {\n    e.preventDefault()\n\n    trackShareLinks('messenger')\n\n    const {\n      slugInfo: { slugDetails: { paypalmeSlugName = '' } = {} } = {},\n    } = this.props\n    sharing.shareURLByMessenger(\n      `https://paypal.me/${encodeURIComponent(paypalmeSlugName)}`,\n      '1624118454533304',\n      window.location.href,\n    )\n  }\n\n  copyToClipboard() {\n    trackShareLinks('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      <Fragment>\n        {!this.props.showCopyText && (\n          <ShareYourLinkStyling>\n            {l10n('header.shareyourlink')}\n          </ShareYourLinkStyling>\n        )}\n\n        {this.props.showCopyText && (\n          <div\n            style={{ position: 'relative', width: '90%', cursor: 'pointer' }}\n          >\n            <CopyToClipboard\n              text={`https://paypal.me/${paypalmeSlugName}`}\n              onCopy={() => {\n                this.copyToClipboard()\n              }}\n            >\n              <div>\n                <input\n                  style={{\n                    width: '100%',\n                    height: '60px',\n                    marginTop: 36,\n                    borderRadius: '5px',\n                    background: '#fff',\n                    border: 'solid 1px #b7bcbf',\n                    cursor: 'pointer',\n                  }}\n                  type=\"text\"\n                  ref={input => (this._ref = input)}\n                  value={`paypal.me/${paypalmeSlugName}`}\n                  readOnly={true}\n                />\n                <span\n                  className={css({\n                    position: 'absolute',\n                    right: '10px',\n                    top: '56px',\n                    color: '#0070ba',\n                    lineHeight: '1.54',\n                    fontSize: '13px',\n                  })}\n                >\n                  {l10n('button.copy')}\n                </span>\n                <CSSTransitionGroup\n                  transitionName=\"tooltip\"\n                  transitionEnterTimeout={300}\n                  transitionLeaveTimeout={300}\n                  style={{\n                    position: 'absolute',\n                    bottom: 0,\n                    right: '-105px',\n                  }}\n                >\n                  {this.state.isCopied && (\n                    <TooltipCopied key=\"copied-tooltip\">\n                      <label>{l10n('msg.copied')}</label>\n                    </TooltipCopied>\n                  )}\n                </CSSTransitionGroup>\n              </div>\n            </CopyToClipboard>\n          </div>\n        )}\n\n        <div style={{ marginTop: 20 }}>\n          {!this.props.showCopyText && (\n            <CopyToClipboard\n              text={`https://paypal.me/${paypalmeSlugName}`}\n              onCopy={() => {\n                this.copyToClipboard()\n              }}\n            >\n              <span\n                onKeyPress={e =>\n                  e.key === 'Enter' && this._ref && this._ref.click()\n                }\n                ref={input => (this._ref = input)}\n              >\n                <SVGParent>\n                  <SVGStyling svgString={`${svgImages.clipBoard}`} />\n                  <SpanText>{l10nSettings('share.copy')}</SpanText>\n                </SVGParent>\n              </span>\n            </CopyToClipboard>\n          )}\n          <SVGParent onClick={this.handleFBClick}>\n            <SVGStyling svgString={`${svgImages.facebook}`} />\n            <SpanText style={{ fontSize: '13px' }}>\n              {l10nSettings('share.facebook')}\n            </SpanText>\n          </SVGParent>\n          <SVGParent onClick={this.handleMessengerClick}>\n            <SVGStyling svgString={`${svgImages.messenger}`} />\n            <SpanText style={{ fontSize: '13px' }}>\n              {l10nSettings('share.messenger')}\n            </SpanText>\n          </SVGParent>\n          <SVGParent onClick={this.handleTwitterClick}>\n            <SVGStyling svgString={`${svgImages.twitter}`} />\n            <SpanText style={{ fontSize: '13px' }}>\n              {l10nSettings('share.twitter')}\n            </SpanText>\n          </SVGParent>\n          {this.props.isMarketkingFlow && (\n            <SVGParent onClick={this.handleWhatsappClick}>\n              <SVGStyling svgString={`${svgImages.whatsapp}`} />\n              <SpanText style={{ fontSize: '13px' }}>\n                {l10nSettings('share.whatsapp')}\n              </SpanText>\n            </SVGParent>\n          )}\n        </div>\n        <CSSTransitionGroup\n          transitionName=\"tooltip\"\n          transitionEnterTimeout={300}\n          transitionLeaveTimeout={300}\n        >\n          {this.state.isCopied &&\n            !this.props.showCopyText && (\n              <TooltipCopied key=\"copied-tooltip\">\n                <label>{l10n('msg.copied')}</label>\n              </TooltipCopied>\n            )}\n        </CSSTransitionGroup>\n      </Fragment>\n    )\n  }\n}\n\nexport default ShareYourLink\n","// @flow\n\nimport React from 'react'\n\ntype Props = {\n  svgString: string,\n  props: {},\n}\n\n/**\n * SRE bot's throws an error for dangerouslySetInnerHTML. This is a workaround for\n * legitimate use cases\n */\nconst workaroundScoreBot = ['dangerously', 'Set', 'Inner', 'HTML'].join('')\nexport default function SVG({ svgString, ...props }: Props) {\n  const dangerProps = { [workaroundScoreBot]: { __html: svgString } }\n  return <span {...props} {...dangerProps} />\n}\n","// @flow\n\nimport { GraphQLClient } from 'graphql-request'\nimport clientData from './client-data'\n\ntype Client = {|\n  request: (query: string, variables?: {}) => Promise<*>,\n|}\n\nconst client: Client = new GraphQLClient(\n  `${window.location.origin}${clientData.requestURI}/v1/graphql`,\n  {\n    credentials: 'include',\n    mode: 'cors',\n  },\n)\n\nexport { client }\n\nexport type { Client }\n","// @flow\n\nexport const addLoader = function(\n  elementID?: string = 'core-white-overpanel-navigation',\n  maximumDuration?: number = 15000,\n) {\n  if (typeof elementID !== 'string' || typeof maximumDuration !== 'number') {\n    elementID = 'core-white-overpanel-navigation'\n  }\n\n  const overlayedElement = document.getElementById(elementID)\n\n  if (overlayedElement) {\n    overlayedElement.classList.add('vx_has-spinner-large')\n  }\n}\n\nexport const removeLoader = function() {\n  const elementWithSpinner = document.getElementsByClassName(\n    'vx_has-spinner-large',\n  )\n\n  if (elementWithSpinner && elementWithSpinner[0]) {\n    elementWithSpinner[0].classList.remove('vx_has-spinner-large')\n  }\n}\n"],"sourceRoot":""}