{"version":3,"sources":["webpack:///./pagination/index.js","webpack:///./utils/session-timer.js","webpack:///./screens/session-timer/index.js","webpack:///./screens/simplelayout/index.js","webpack:///./utils/venice.js"],"names":["mapStyles","styles","opacity","transform","offset","AnimatedSwitchPagination","props","useEffect","window","scrollTo","className","runOnMount","location","pathname","atEnter","action","history","atLeave","atActive","data-test-id","children","withRouter","signoutTimer","warningTimer","onWarning","init","options","clientData","isUserLoggedIn","venice","setTimeout","startWebAuthTimer","assign","STYLES","MODAL","css","zIndex","Wrapper","glamorous","div","display","justifyContent","Container","flexDirection","alignItems","ButtonContainer","marginTop","l10n","getContent","SessionTimer","useState","isOpen","setIsOpen","isLoading","setIsLoading","initSessionTimer","onSubmit","a","axios","clearTimeout","ReactDOM","unstable_batchedUpdates","hideLogo","title","hideTitle","overpanel","onClose","closeOnBackgroundClick","closeButtonLabel","src","ILLUSTRATIONS","WARNING","alt","width","height","disabled","onClick","position","background","tableLayout","top","SpinnerContainer","left","backgroundColor","animation","White","right","overflow","overflowY","WhiteWidth","maxWidth","isFullScreen","margin","padding","isSellerDashboardPreview","isSellerProducts","phoneLandscapeMaxAndSmaller","isMyProfile","Content","contentMarginTop","marginBottom","isSellerProfile","widerPage","tabletLandscapeMaxAndSmaller","phoneLandscapeMinAndSmaller","navigationItemStylingFix","cursor","NavLink","verticalAlign","Navigation","linkName","currentPath","getCurrentPath","isSellerRoute","split","trackAction","trackSellerClick","pathName","subPathName","INSTRUMENTATION","INSTRUMENTATION_MAP","NEW","Events","tracking","slug","hasSlugInUrl","includes","pathSplit","length","index","SELLER_INSTRUMENTATION_MAP","state","error","headerKey","instrumentationObj","decisionMsg","photoFlow","isMediaservError","error_source","error_code","photo_uploaded_flag","e","type","key","trackClick","push","isSellerSettings","replace","goBack","showBackLink","isSettingsPage","isTimeoutPage","isSuccessPage","isLandingPage","isSellerDashboard","tabIndex","onKeyDown","handleBackButton","data-testid","aria-label","_closeLink","React","createRef","this","current","focus","style","dir","renderBackButton","href","flowCancelUrl","ref","Component","matchUrl","urlMatchArr","positions","paths","i","Layout","document","getElementById","scrollTop","match","url","isNewUser","isPersonalProfileSlug","isVisaPlus","id","SPINNER_ID","size","screenReaderText","theme","isNativeApp","Boolean","isIOS","navigator","platform","test","onProfileSave","photoDataURI","profileSave","profileImageChanged","reAuth"],"mappings":"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","file":"ppme-shared.bundle.js","sourcesContent":["// @flow\n\nimport React, { useEffect } from 'react'\nimport { AnimatedSwitch } from 'react-router-transition'\nimport { withRouter } from 'react-router-dom'\nimport type { RouterHistory } from 'react-router'\nimport './index.css'\n\ntype Props = {\n children: React$Element,\n history: RouterHistory,\n}\n\nfunction pageTransitions(action) {\n return {\n atEnter: {\n offset: action === 'PUSH' ? 600 : -600,\n opacity: 1,\n },\n atLeave: {\n offset: action === 'PUSH' ? -600 : 600,\n opacity: 0,\n },\n atActive: {\n offset: 0,\n opacity: 1,\n },\n }\n}\n\nconst mapStyles = styles => ({\n opacity: styles.opacity,\n transform: `translateX(${styles.offset}px)`,\n})\n\nexport function AnimatedSwitchPagination(props: Props) {\n useEffect(() => {\n window.scrollTo(0, 0)\n })\n\n return (\n \n {props.children}\n \n )\n}\n\nexport default withRouter(AnimatedSwitchPagination)\n","// @flow\n// after 15 minutes of inactivity, the user's session expires\n// we warn them of this after 14 minutes to give them a minute to interact\n// with the app and extend their session.\nimport * as venice from './venice'\nimport clientData from './client-data'\n\nlet signoutTimer\nlet warningTimer\nlet onWarning\n\nfunction init(options) {\n if (!clientData.isUserLoggedIn) {\n // no reason to log them out if they're not logged in\n return\n }\n onWarning = options.onWarning\n if (venice.isNativeApp) {\n startNativeAuthTimer()\n } else {\n startWebAuthTimer()\n }\n}\n\nfunction startNativeAuthTimer() {\n const TIMEOUT = 15.02 * 60 * 1000 // 15 minutes and 1.2 seconds\n setTimeout(venice.reAuth, TIMEOUT)\n}\n\nfunction startWebAuthTimer() {\n const TIMEOUT = 14 * 60 * 1000 // 14 minutes\n warningTimer = setTimeout(() => {\n onWarning()\n signoutTimer = setTimeout(() => {\n window.location.assign('/signin')\n }, 60 * 1000) // 1 minute\n }, TIMEOUT)\n}\n\nfunction onSessionExtended() {\n clearTimeout(signoutTimer)\n clearTimeout(warningTimer)\n startWebAuthTimer()\n}\n\nexport { init, onSessionExtended }\n","// @flow\n\nimport React, { useState, useEffect } from 'react'\nimport ReactDOM from 'react-dom'\nimport glamorous from 'glamorous'\nimport { css } from 'glamor'\nimport getContent from 'pp-react-l10n'\nimport axios from 'axios'\nimport { Modal, Button } from '@paypalcorp/pp-react'\n\nimport { ILLUSTRATIONS } from 'utils/constants'\n\nimport {\n init as initSessionTimer,\n onSessionExtended,\n} from 'utils/session-timer'\n\nconst STYLES = {\n MODAL: css({ zIndex: 99999 }),\n}\n\nconst Wrapper = glamorous.div({\n display: 'flex',\n justifyContent: 'center',\n})\nconst Container = glamorous.div({\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n})\n\nconst ButtonContainer = glamorous.div({ marginTop: '2rem' })\n\nconst l10n = getContent('pages/session-timer')\n\nfunction SessionTimer() {\n const [isOpen, setIsOpen] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n\n useEffect(() => {\n initSessionTimer({\n onWarning: () => {\n setIsOpen(true)\n },\n })\n }, [])\n\n const onClose = () => {\n setIsOpen(false)\n }\n\n const onSubmit = async () => {\n // double check since React does not guarantee renders between event boundaries\n if (isLoading) {\n return\n }\n\n setIsLoading(true)\n\n try {\n await axios('/auth/extend')\n\n onSessionExtended()\n\n ReactDOM.unstable_batchedUpdates(() => {\n setIsLoading(false)\n setIsOpen(false)\n })\n } catch (e) {\n setIsLoading(false)\n }\n }\n\n return (\n \n \n \n \"\"\n

{l10n('session.all_done')}

\n {l10n('session.we_will_log_you_out')}\n \n \n \n \n \n \n )\n}\n\nexport default SessionTimer\n","// @flow\nimport React, { Component } from 'react'\nimport glamorous from 'glamorous'\nimport getContent from 'pp-react-l10n'\nimport { withRouter } from 'react-router-dom'\nimport { LoadingSpinner as Spinner } from '@paypalcorp/pp-react'\nimport type { RouterHistory } from 'react-router'\nimport clientData from 'utils/client-data'\nimport _ from 'lodash'\nimport { isNativeApp } from 'utils/venice'\nimport { SPINNER_ID } from 'utils/loader'\nimport {\n INSTRUMENTATION_MAP,\n SELLER_INSTRUMENTATION_MAP,\n} from 'utils/constants'\nimport { tracking, trackAction } from '../../lib/analytics'\nimport Events from 'lib/analytics/event-tags'\nimport {\n phoneLandscapeMaxAndSmaller,\n tabletLandscapeMaxAndSmaller,\n phoneLandscapeMinAndSmaller,\n} from '../../lib/styles/media-queries'\nconst l10n = getContent('pages/settings')\nconst Wrapper = glamorous.div({\n position: 'absolute',\n zIndex: '1050',\n width: '100%',\n height: '100%',\n background: '#f4f6f9',\n display: 'table',\n tableLayout: 'fixed',\n top: '0',\n})\nconst SpinnerContainer = glamorous.div({\n position: 'fixed',\n top: 0,\n left: 0,\n width: '100%',\n height: '100%',\n backgroundColor: 'rgba(255, 255, 255, 0.6)',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n animation: 'vx_fade-in 0.3s ease-out 0s both',\n zIndex: 1,\n})\nconst White = glamorous.div(props => ({\n position: 'fixed',\n right: 0,\n left: 0,\n // super important for animations to work because as our route\n // \"leaves\" to the right/left of the screen, it will be hidden\n overflow: 'hidden',\n overflowY: 'auto',\n width: props.WhiteWidth,\n height: '100%',\n maxWidth: !props.isFullScreen && '700px',\n margin: '0 auto',\n padding: '0 20px',\n background:\n props.isSellerDashboardPreview || props.isSellerProducts\n ? 'none'\n : '#ffffff',\n [phoneLandscapeMaxAndSmaller]: {\n width: '100%',\n padding: props.isMyProfile ? '0' : '0 20px',\n },\n}))\nconst Content = glamorous.div(props => ({\n marginTop: props.contentMarginTop,\n marginBottom: props.isFullScreen ? 0 : 104,\n padding: !props.isSellerProfile\n ? '0 25%'\n : props.widerPage\n ? '0 13%'\n : '0 25%',\n [tabletLandscapeMaxAndSmaller]: {\n padding: '0 12.5%',\n },\n [phoneLandscapeMaxAndSmaller]: {\n padding: '0 8.33%',\n },\n [phoneLandscapeMinAndSmaller]: {\n padding: '0',\n },\n}))\n// the x and back button on the modal corners has a weird bounding\n// box due to use of padding instead of margin\nconst navigationItemStylingFix = {\n padding: 0,\n margin: '24px 4px 0',\n cursor: 'pointer',\n}\nconst NavLink = glamorous.a(\n 'vx_backBtn vx_backBtn_flow',\n navigationItemStylingFix,\n {\n display: 'flex',\n alignItems: 'center',\n height: '1.5em',\n\n // these overrides are to ensure the back arrow always points backwards\n // this overrides the [dir=rtl] style ruls from vx\n ':before': {\n verticalAlign: 'inherit',\n transform: 'none',\n marginTop: -2,\n },\n },\n)\n\ntype NavigationProps = {\n history: RouterHistory,\n isMyProfile: boolean,\n isSettingsPage: boolean,\n isTimeoutPage: boolean,\n isSellerDashboard: boolean,\n isSuccessPage: boolean,\n isLandingPage: boolean,\n isSellerSettings: boolean,\n}\nclass Navigation extends Component {\n constructor(props) {\n super(props)\n this._closeLink = React.createRef()\n }\n componentDidMount() {\n // for a11y, set the focus on the close link everytime it renders\n if (this._closeLink.current) {\n this._closeLink.current.focus()\n }\n }\n\n getCurrentPath = history => {\n return _.get(history, 'location.pathname', '')\n }\n\n trackClick = linkName => {\n const currentPath = this.getCurrentPath(this.props.history)\n const isSellerRoute = currentPath.split('/')[1] === 'seller'\n\n // FPTI back instrumentation handled automatically via event handlers\n if (linkName === 'close') {\n trackAction('close')\n }\n\n if (isSellerRoute) {\n return this.trackSellerClick(linkName)\n }\n\n let pathName = currentPath.split('/')[2]\n const subPathName = currentPath.split('/')[3]\n if (subPathName) {\n pathName += `/${subPathName}`\n }\n\n const INSTRUMENTATION = INSTRUMENTATION_MAP[pathName]\n if (\n INSTRUMENTATION &&\n INSTRUMENTATION.NEW &&\n INSTRUMENTATION.NEW[linkName] &&\n Events[INSTRUMENTATION.NEW[linkName]]\n ) {\n tracking(Events[INSTRUMENTATION.NEW[linkName]]({}))\n }\n }\n trackSellerClick = linkName => {\n const slug = _.get(clientData, 'sellerProfileDetails.id')\n const currentPath = this.getCurrentPath(this.props.history)\n const hasSlugInUrl = slug && currentPath.includes(slug)\n const pathSplit = currentPath.split('/')\n if (!pathSplit.length) return\n\n // Start index if slug is there should be 3 so we can strip\n // out the slug to check SELLER_INSTRUMENTATION_MAP\n let index = hasSlugInUrl ? 3 : 2\n\n let pathName = pathSplit[index]\n index++\n\n while (index <= pathSplit.length - 1) {\n pathName += `/${pathSplit[index]}`\n index++\n }\n\n const INSTRUMENTATION = SELLER_INSTRUMENTATION_MAP[pathName]\n\n if (\n INSTRUMENTATION &&\n INSTRUMENTATION[linkName] &&\n Events[INSTRUMENTATION[linkName]]\n ) {\n if (pathName === 'error') {\n const {\n location: {\n state: {\n error: {\n headerKey = '',\n instrumentationObj: {\n decisionMsg = '',\n photoFlow = 'profile',\n isMediaservError = false,\n },\n } = {},\n } = {},\n } = {},\n } = this.props.history\n if (headerKey === 'badPhoto') {\n tracking(\n Events[INSTRUMENTATION[linkName]]({\n error_source: 'image_screen',\n error_code: decisionMsg,\n photo_uploaded_flag: photoFlow,\n }),\n )\n } else if (headerKey === 'uploadPhoto' && isMediaservError) {\n // isMediaservError distinction is needed for instrumentation since Edit photo uses the same error codes to display the error screen\n tracking(\n Events[INSTRUMENTATION[linkName]]({\n error_source: 'mediaserv',\n error_code: 'SERVICE_ERROR',\n photo_uploaded_flag: photoFlow,\n }),\n )\n }\n } else {\n tracking(Events[INSTRUMENTATION[linkName]]({}))\n }\n }\n }\n handleBackButton = e => {\n const currentPath = this.getCurrentPath(this.props.history)\n if (e.type === 'click' || e.key === 'Enter') {\n this.trackClick('back')\n if (this.props.isMyProfile) {\n this.props.history.push('/my/settings')\n } else if (this.props.isSellerSettings) {\n this.props.history.push(currentPath.replace('/settings', '/dashboard'))\n } else {\n this.props.history.goBack()\n }\n }\n }\n componentDidUpdate() {\n if (this._closeLink.current) {\n this._closeLink.current.focus()\n }\n }\n\n renderBackButton = () => {\n const showBackLink = !(\n this.props.isSettingsPage ||\n this.props.isTimeoutPage ||\n this.props.isSuccessPage ||\n this.props.isLandingPage ||\n this.props.isSellerDashboard\n )\n\n return (\n <>\n {showBackLink ? (\n \n \n {this.props.isMyProfile\n ? l10n('button.manage')\n : l10n('button.back')}\n \n \n ) : null}\n \n )\n }\n\n render() {\n // the navigation flow is directionality specific and should always go\n // from left to right. So we'll make sure things flow that way here too\n return (\n
\n {this.renderBackButton()}\n {!this.props.isTimeoutPage ? (\n this.trackClick('close')}\n >\n {l10n('icon.close')}\n \n ) : null}\n
\n )\n }\n}\ntype LayoutProps = {\n children: Node,\n history: RouterHistory,\n match: {\n url: string,\n },\n}\n\n// NOTE: Update all matches to use this function\n/**\n *\n * @param {*} urlMatchArr - contains url split by '/'\n * @param {*} positions - array containing indices in urlMatchArr we want to check\n * @param {*} path - array containing path string to be matched with indices\n * @returns whether a url matches what we are expecting\n */\nconst matchUrl = (urlMatchArr, positions, paths) => {\n for (let i = 0; i < positions.length; i++) {\n if (urlMatchArr[positions[i]] !== paths[i]) {\n return false\n }\n }\n return true\n}\n\nclass Layout extends Component {\n componentDidUpdate() {\n const overpanel = document.getElementById('core-white-overpanel-navigation')\n if (overpanel) {\n overpanel.scrollTop = 0\n }\n }\n render() {\n const urlMatchArr = this.props.match.url.split('/')\n const isMyProfile = urlMatchArr[2] === 'profile'\n const isSellerProfile = urlMatchArr[1] === 'seller'\n const isSettingsPage = urlMatchArr[2] === 'settings'\n const isSuccessPage = isSellerProfile && urlMatchArr[2] === 'success'\n const isLandingPage = isSellerProfile && urlMatchArr[2] === 'landing'\n const isSellerDashboard = isSellerProfile && urlMatchArr[3] === 'dashboard'\n const isSellerDashboardPreview =\n isSellerDashboard && urlMatchArr[4] === 'preview'\n const isSellerProducts = isSellerProfile && urlMatchArr[5] === 'products'\n // Match length to ensure it only matches '/settings' and not '/setttings/*'\n const isSellerSettings =\n isSellerProfile &&\n urlMatchArr[3] === 'settings' &&\n urlMatchArr.length === 4\n const isNewUser = _.get(clientData, 'myProfileData.isNewUser')\n const isTimeoutPage = urlMatchArr[2] === 'session-timeout'\n // We are expecting index 1 of urlMatchArr to be 'my' and index 2 to be 'createusername'\n const isPersonalProfileSlug = matchUrl(\n urlMatchArr,\n [1, 2],\n ['my', 'createusername'],\n )\n const isVisaPlus = matchUrl(urlMatchArr, [1], ['visa-plus'])\n const isFullScreen = isPersonalProfileSlug || isVisaPlus\n\n let WhiteWidth = '66.6%'\n let contentMarginTop = 104\n if (isFullScreen) {\n WhiteWidth = '100%'\n contentMarginTop = 0\n } else if (isSellerProfile) {\n WhiteWidth = '90%'\n }\n\n if (isSettingsPage) {\n contentMarginTop = 84\n }\n\n return (\n \n \n \n \n \n {!isFullScreen &&\n !isNewUser &&\n !isNativeApp &&\n !isSellerDashboardPreview && (\n \n )}\n \n {this.props.children}\n \n \n \n )\n }\n}\nexport default withRouter(Layout)\n","/**\n * For mobile apps communicate through the venice bridge when certain\n * events happen.\n *\n * @flow\n */\n\nexport const isNativeApp = Boolean(\n typeof window !== 'undefined' && window.venice,\n)\n\nconst isIOS = Boolean(\n typeof window !== 'undefined' &&\n window.navigator &&\n window.navigator.platform &&\n /iPad|iPhone|iPod/.test(navigator.platform),\n)\n\ntype ShareText = { text: string, url: string }\nexport function onShareText(obj: ShareText) {\n if (!isNativeApp) return\n if (isIOS) {\n window.venice.shareText(obj)\n } else {\n window.venice.shareText(obj.text)\n }\n}\n\ntype ProfileOptions = { profilePhotoUrl?: string }\nexport function onProfileSave({ photoDataURI = '' }: ProfileOptions = {}) {\n if (!isNativeApp) return\n\n // doesn't seem to exist for IOS at least\n if (!isIOS) {\n window.venice.profileSave()\n }\n\n // we need to check these methods exist, becuase they don't always...\n if (photoDataURI && isIOS) {\n window.venice.profileImageChanged(photoDataURI)\n }\n}\n\n// this is something about resetting the image\n// when we don't go through with profile creation\nexport function onProfileCancel() {\n if (!isNativeApp) return\n\n // doesn't seem to exist for IOS at least\n if (window.venice.profileCancel) {\n window.venice.profileCancel()\n }\n}\n\nexport function reAuth() {\n return window.venice.reAuth()\n}\n"],"sourceRoot":""}