{"version":3,"sources":["../js/PersonalizedBanner.878b543b814249a613fd.js","components/PersonalizedBanner/PersonalizedBanner.js","shared/components/ProfilePhoto/index.js","shared/components/ProfilePhoto/styles.css","components/PersonalizedBanner/styles.css"],"names":["webpackJsonp","145","module","__webpack_exports__","__webpack_require__","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0_react__","__WEBPACK_IMPORTED_MODULE_0_react___default","n","__WEBPACK_IMPORTED_MODULE_1__logger__","__WEBPACK_IMPORTED_MODULE_2__logger_fpti__","__WEBPACK_IMPORTED_MODULE_3__lib_content__","__WEBPACK_IMPORTED_MODULE_4__globals__","__WEBPACK_IMPORTED_MODULE_5__lib_utils__","__WEBPACK_IMPORTED_MODULE_6__shared_components_ProfilePhoto__","__WEBPACK_IMPORTED_MODULE_7__styles_css__","__WEBPACK_IMPORTED_MODULE_7__styles_css___default","__WEBPACK_IMPORTED_MODULE_8__lib_redirects__","getProfilePhotoUrl","user","profileImage","url","href","getBannerContent","oneTouched","isUserDeviceTokenLogin","getIsUserDeviceTokenLogin","oneTouchMsg","getContent","givenName","name","getLogoutContent","logout","action","logger","fpti","REVIEW_PAYLOAD","redirectToLogout","PersonalizedBanner","_ref","_ref$allQueryData","allQueryData","data","getUser","activeSession","params","ulReturn","profilePhotoUrl","bannerContent","logoutContent","handleLogout","logoutContext","a","createElement","className","styles","Container","src","data-testid","BannerContent","LogoutButton","onClick","568","_inheritsLoose","subClass","superClass","prototype","create","constructor","__proto__","__WEBPACK_IMPORTED_MODULE_1__styles_css__","__WEBPACK_IMPORTED_MODULE_1__styles_css___default","ProfilePhoto","_Component","apply","this","arguments","render","width","props","style","borderRadius","backgroundImage","height","Component","569","exports","profilePhoto","570","container","logoutButton"],"mappings":"AAAAA,cAAc,KAERC,IACA,SAAUC,EAAQC,EAAqBC,GAE7C,YCLAC,QAAAC,eAAAH,EAAA,cAAAI,OAAA,OAAAC,GAAAJ,EAAA,GAAAK,EAAAL,EAAAM,EAAAF,GAAAG,EAAAP,EAAA,GAAAQ,EAAAR,EAAA,IAAAS,EAAAT,EAAA,IAAAU,EAAAV,EAAA,GAAAW,EAAAX,EAAA,IAAAY,EAAAZ,EAAA,KAAAa,EAAAb,EAAA,KAAAc,EAAAd,EAAAM,EAAAO,GAAAE,EAAAf,EAAA,IAaMgB,EAAqB,SAACC,OAAc,KAAdA,SAC1B,IAAMC,GAAeD,EAAKC,YAC1B,OAAOA,GAAeA,EAAaC,IAAIC,KAAO,IAG1CC,EAAmB,SAACJ,EAAWK,OAAuB,KAAlCL,cAAkC,KAAvBK,OAAa,EAChD,IAAMC,GAAyBC,cACzBC,EACJH,IAAeC,EAAyBG,YAAW,4BAA8B,GAC7EC,EAAYV,EAAKW,MAAQX,EAAKW,KAAKD,SAEzC,OAAUD,aAAW,YAAcC,cAAnC,IAAmDF,GAG/CI,EAAmB,SAACP,GACxB,MAAOA,GAAaI,YAAW,gBAAkBA,YAAW,iBAGxDI,EAAS,SAACR,GACd,GAAMS,GAAST,EAAa,SAAW,QACvCU,KAAOC,KAAKF,EAAQG,aAAiBH,YAAW,GAChDI,YAAiBJ,IAKbK,EAAqB,SAAAC,GAMrB,GAAAC,GAAAD,EALJE,aAEYtB,EAGRqB,EAAA,GAHAE,KAAQvB,KAINK,EAAamB,cAAUnB,WAGvBoB,GAAiBC,cAASC,SAC1BC,EAAkB7B,EAAmBC,QAAe,GACpD6B,EAAgBzB,EAAiBJ,MAAYK,IAAe,GAC5DyB,EAAgBlB,EAAiBP,IAAe,GAChD0B,EAAe,iBAAMlB,GAAOR,IAC5B2B,EAAgB3B,GAAcoB,GAAkBK,gBAAeC,gBAAiB,IAEtF,OACE3C,GAAA6C,EAAAC,cAAA,OAAKC,UAAWC,IAAOC,WACpBT,GAAmBxC,EAAA6C,EAAAC,cAACvC,EAAA,GAAa2C,IAAKV,IACtCC,GACCzC,EAAA6C,EAAAC,cAAA,QAAMK,cAAY,8BAA8BJ,UAAWC,IAAOI,eAC/DX,GAGJG,GACC5C,EAAA6C,EAAAC,cAAA,UACEK,cAAY,iCACZJ,UAAWC,IAAOK,aAClBC,QAASV,EAAcD,cAEtBC,EAAcF,gBAOVX,cDnDTwB,IACA,SAAU9D,EAAQC,EAAqBC,GAE7C,YAKA,SAAS6D,GAAeC,EAASC,GAAYD,EAASE,UAAU/D,OAAOgE,OAAOF,EAAWC,WAAWF,EAASE,UAAUE,YAAYJ,EAASA,EAASK,UAAUJ,EAJ1I,GAAI3D,GAAsCJ,EAAoB,GAC1DK,EAA8CL,EAAoBM,EAAEF,GACpEgE,EAA4CpE,EAAoB,KAChEqE,EAAoDrE,EAAoBM,EAAE8D,GE9B7FE,EF+BmM,SAASC,GAAoD,QAASD,KAAe,MAAOC,GAAWC,MAAMC,KAAKC,YAAYD,KAAqY,MAA9eZ,GAAeS,EAAaC,GAA8FD,EAAaN,UE9BnWW,OAAA,WACE,GAAIC,GAAQH,KAAKI,MAAMD,OAAS,EAEhC,OACEvE,GAAA6C,EAAAC,cAAA,OACEC,UAAWC,IAAOiB,aAClBQ,OACEC,aAAiBH,EAAL,KACZI,gBAAe,QAAUP,KAAKI,MAAMtB,IAArB,KACfqB,MAAOA,EACPK,OAAQL,GAEVpB,cAAY,mBFkB+rBc,GE/BxrBY,YAmBZZ,QFgBTa,IACA,SAAUrF,EAAQsF,GGtCxBtF,EAAAsF,SAAkBd,aAAA,oCAAAe,aAAA,sCH6CZC,IACA,SAAUxF,EAAQsF,GI9CxBtF,EAAAsF,SAAkB9B,UAAA,uCAAAiC,UAAA,uCAAA9B,cAAA,2CAAAX,cAAA,2CAAAY,aAAA,0CAAA8B,aAAA","file":"js/PersonalizedBanner.878b543b814249a613fd.js","sourcesContent":["webpackJsonp([21],{\n\n/***/ 145:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__logger__ = __webpack_require__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__logger_fpti__ = __webpack_require__(31);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__lib_content__ = __webpack_require__(30);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__globals__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__lib_utils__ = __webpack_require__(18);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__shared_components_ProfilePhoto__ = __webpack_require__(568);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__styles_css__ = __webpack_require__(570);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__styles_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7__styles_css__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__lib_redirects__ = __webpack_require__(37);\nvar getProfilePhotoUrl=function getProfilePhotoUrl(user){if(user===void 0){user={};}var profileImage=user.profileImage;return profileImage?profileImage.url.href:'';};var getBannerContent=function getBannerContent(user,oneTouched){if(user===void 0){user={};}if(oneTouched===void 0){oneTouched=false;}var isUserDeviceTokenLogin=Object(__WEBPACK_IMPORTED_MODULE_4__globals__[\"f\" /* getIsUserDeviceTokenLogin */])();var oneTouchMsg=oneTouched&&!isUserDeviceTokenLogin?Object(__WEBPACK_IMPORTED_MODULE_3__lib_content__[\"a\" /* default */])('login.loggedWithOneTouch'):'';var givenName=user.name&&user.name.givenName;return Object(__WEBPACK_IMPORTED_MODULE_3__lib_content__[\"a\" /* default */])('login.hi',{givenName:givenName})+\" \"+oneTouchMsg;};var getLogoutContent=function getLogoutContent(oneTouched){return oneTouched?Object(__WEBPACK_IMPORTED_MODULE_3__lib_content__[\"a\" /* default */])('login.notYou'):Object(__WEBPACK_IMPORTED_MODULE_3__lib_content__[\"a\" /* default */])('login.logOut');};var logout=function logout(oneTouched){var action=oneTouched?'notyou':'logout';__WEBPACK_IMPORTED_MODULE_1__logger__[\"a\" /* default */].fpti(action,Object(__WEBPACK_IMPORTED_MODULE_2__logger_fpti__[\"k\" /* REVIEW_PAYLOAD */])({action:action}),true);Object(__WEBPACK_IMPORTED_MODULE_8__lib_redirects__[\"e\" /* redirectToLogout */])(action);};// Wrap the component with GraphQL component to sync showing the loading component\n// while waiting for both GraphQL query and async import of component to complete\nvar PersonalizedBanner=function PersonalizedBanner(_ref){var _ref$allQueryData=_ref.allQueryData,user=_ref$allQueryData[0].data.user;var oneTouched=Object(__WEBPACK_IMPORTED_MODULE_4__globals__[\"i\" /* getUser */])().oneTouched;// when ulReturn is a query param, it means that there is a new login. When it isn't present\n// it means it is an already active session.\nvar activeSession=!Object(__WEBPACK_IMPORTED_MODULE_5__lib_utils__[\"e\" /* params */])().ulReturn;var profilePhotoUrl=getProfilePhotoUrl(user||{})||'';var bannerContent=getBannerContent(user||{},oneTouched)||'';var logoutContent=getLogoutContent(oneTouched)||'';var handleLogout=function handleLogout(){return logout(oneTouched);};var logoutContext=oneTouched||activeSession?{logoutContent:logoutContent,handleLogout:handleLogout}:null;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"div\",{className:__WEBPACK_IMPORTED_MODULE_7__styles_css___default.a.Container},profilePhotoUrl&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_6__shared_components_ProfilePhoto__[\"a\" /* default */],{src:profilePhotoUrl}),bannerContent&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"span\",{\"data-testid\":\"personalized-banner-content\",className:__WEBPACK_IMPORTED_MODULE_7__styles_css___default.a.BannerContent},bannerContent),logoutContext&&__WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"button\",{\"data-testid\":\"personalized-banner-logout-btn\",className:__WEBPACK_IMPORTED_MODULE_7__styles_css___default.a.LogoutButton,onClick:logoutContext.handleLogout},logoutContext.logoutContent));};/* harmony default export */ __webpack_exports__[\"default\"] = (PersonalizedBanner);\n\n/***/ }),\n\n/***/ 568:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__styles_css__ = __webpack_require__(569);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__styles_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__styles_css__);\nfunction _inheritsLoose(subClass,superClass){subClass.prototype=Object.create(superClass.prototype);subClass.prototype.constructor=subClass;subClass.__proto__=superClass;}var ProfilePhoto=/*#__PURE__*/function(_Component){_inheritsLoose(ProfilePhoto,_Component);function ProfilePhoto(){return _Component.apply(this,arguments)||this;}var _proto=ProfilePhoto.prototype;_proto.render=function render(){var width=this.props.width||40;return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(\"div\",{className:__WEBPACK_IMPORTED_MODULE_1__styles_css___default.a.ProfilePhoto,style:{borderRadius:width+\"px\",backgroundImage:\"url(\\\"\"+this.props.src+\"\\\")\",width:width,height:width},\"data-testid\":\"profile-photo\"});};return ProfilePhoto;}(__WEBPACK_IMPORTED_MODULE_0_react__[\"Component\"]);/* harmony default export */ __webpack_exports__[\"a\"] = (ProfilePhoto);\n\n/***/ }),\n\n/***/ 569:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\nmodule.exports = {\"ProfilePhoto\":\"ProfilePhoto__ProfilePhoto--gxsvZ\",\"profilePhoto\":\"ProfilePhoto__ProfilePhoto--gxsvZ\"};\n\n/***/ }),\n\n/***/ 570:\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\nmodule.exports = {\"Container\":\"PersonalizedBanner__Container--3tR4U\",\"container\":\"PersonalizedBanner__Container--3tR4U\",\"BannerContent\":\"PersonalizedBanner__BannerContent--1xoQX\",\"bannerContent\":\"PersonalizedBanner__BannerContent--1xoQX\",\"LogoutButton\":\"PersonalizedBanner__LogoutButton--x13yJ\",\"logoutButton\":\"PersonalizedBanner__LogoutButton--x13yJ\"};\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// js/PersonalizedBanner.878b543b814249a613fd.js","import React from 'react';\n\nimport logger from '@/logger';\nimport { REVIEW_PAYLOAD } from '@/logger/fpti';\n\nimport getContent from '@/lib/content';\nimport { getUser, getIsUserDeviceTokenLogin } from '@/globals';\nimport { params } from '@/lib/utils';\n\nimport ProfilePhoto from '@/shared/components/ProfilePhoto';\nimport styles from './styles.css';\nimport { redirectToLogout } from '@/lib/redirects';\n\nconst getProfilePhotoUrl = (user = {}) => {\n  const profileImage = user.profileImage;\n  return profileImage ? profileImage.url.href : '';\n};\n\nconst getBannerContent = (user = {}, oneTouched = false) => {\n  const isUserDeviceTokenLogin = getIsUserDeviceTokenLogin();\n  const oneTouchMsg =\n    oneTouched && !isUserDeviceTokenLogin ? getContent('login.loggedWithOneTouch') : '';\n  const givenName = user.name && user.name.givenName;\n\n  return `${getContent('login.hi', { givenName })} ${oneTouchMsg}`;\n};\n\nconst getLogoutContent = (oneTouched) => {\n  return oneTouched ? getContent('login.notYou') : getContent('login.logOut');\n};\n\nconst logout = (oneTouched) => {\n  const action = oneTouched ? 'notyou' : 'logout';\n  logger.fpti(action, REVIEW_PAYLOAD({ action }), true);\n  redirectToLogout(action);\n};\n\n// Wrap the component with GraphQL component to sync showing the loading component\n// while waiting for both GraphQL query and async import of component to complete\nconst PersonalizedBanner = ({\n  allQueryData: [\n    {\n      data: { user },\n    },\n  ],\n}) => {\n  const oneTouched = getUser().oneTouched;\n  // when ulReturn is a query param, it means that there is a new login. When it isn't present\n  // it means it is an already active session.\n  const activeSession = !params().ulReturn;\n  const profilePhotoUrl = getProfilePhotoUrl(user || {}) || '';\n  const bannerContent = getBannerContent(user || {}, oneTouched) || '';\n  const logoutContent = getLogoutContent(oneTouched) || '';\n  const handleLogout = () => logout(oneTouched);\n  const logoutContext = oneTouched || activeSession ? { logoutContent, handleLogout } : null;\n\n  return (\n    <div className={styles.Container}>\n      {profilePhotoUrl && <ProfilePhoto src={profilePhotoUrl} />}\n      {bannerContent && (\n        <span data-testid=\"personalized-banner-content\" className={styles.BannerContent}>\n          {bannerContent}\n        </span>\n      )}\n      {logoutContext && (\n        <button\n          data-testid=\"personalized-banner-logout-btn\"\n          className={styles.LogoutButton}\n          onClick={logoutContext.handleLogout}\n        >\n          {logoutContext.logoutContent}\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default PersonalizedBanner;\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/PersonalizedBanner/PersonalizedBanner.js","import React, { Component } from 'react';\nimport styles from './styles.css';\n\nclass ProfilePhoto extends Component {\n  render() {\n    let width = this.props.width || 40;\n\n    return (\n      <div\n        className={styles.ProfilePhoto}\n        style={{\n          borderRadius: `${width}px`,\n          backgroundImage: `url(\"${this.props.src}\")`,\n          width: width,\n          height: width,\n        }}\n        data-testid=\"profile-photo\"\n      />\n    );\n  }\n}\n\nexport default ProfilePhoto;\n\n\n\n// WEBPACK FOOTER //\n// ./src/shared/components/ProfilePhoto/index.js","// removed by extract-text-webpack-plugin\nmodule.exports = {\"ProfilePhoto\":\"ProfilePhoto__ProfilePhoto--gxsvZ\",\"profilePhoto\":\"ProfilePhoto__ProfilePhoto--gxsvZ\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/shared/components/ProfilePhoto/styles.css\n// module id = 569\n// module chunks = 21","// removed by extract-text-webpack-plugin\nmodule.exports = {\"Container\":\"PersonalizedBanner__Container--3tR4U\",\"container\":\"PersonalizedBanner__Container--3tR4U\",\"BannerContent\":\"PersonalizedBanner__BannerContent--1xoQX\",\"bannerContent\":\"PersonalizedBanner__BannerContent--1xoQX\",\"LogoutButton\":\"PersonalizedBanner__LogoutButton--x13yJ\",\"logoutButton\":\"PersonalizedBanner__LogoutButton--x13yJ\"};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/PersonalizedBanner/styles.css\n// module id = 570\n// module chunks = 21"],"sourceRoot":""}