} Redirect to Hermesnodeweb for risky login\n */\nexport function redirectToRiskyLogin({ reason = '', destination = '', extraParams = {} } = {}) {\n return Promise.resolve()\n .then(() => destination && setDestination(destination))\n .then(() => {\n const isLocalhost = window.location.host.includes('localhost');\n const baseUrl = isLocalhost\n ? 'https://www.msmaster.qa.paypal.com/webapps/hermes?ul=landing'\n : '/webapps/hermes?ul=landing';\n const queryParams = {\n ...params(),\n ...extraParams,\n reason,\n };\n\n // hashUrl handler can be removed after ADD_BANK_LINK is removed\n const hashUrl = extraParams.hashUrl;\n const defaultRemoved = ['ul', 'ulReturn', 'reason', 'returnToLiteUri'];\n // `hashUrl` means we will be fallback to Hermes, hence `lite` can't present\n if (hashUrl) {\n defaultRemoved.push(...['lite', 'hashUrl']);\n } else {\n defaultRemoved.push(...['hermes']);\n }\n\n defaultRemoved.forEach((key) => {\n delete queryParams[key];\n });\n\n let hermesUrl = buildURL(baseUrl, queryParams);\n if (hashUrl) {\n hermesUrl += hashUrl;\n }\n\n logger.cal.info(`REDIRECT_TO_HERMES_RISKY_LOGIN_${reason}`, { url: hermesUrl });\n redirect(hermesUrl);\n })\n .catch((e) => logger.info.cal('REDIRECT_TO_RISKY_LOGIN_ERROR', { message: e && e.message }));\n}\n\nconst isUnsafeRedirect = (url) =>\n url.toLowerCase().replace(/\\s/g, '').indexOf('javascript:') !== -1; // eslint-disable-line no-script-url\n\nconst blacklist = ['password', 'pr_password'];\nconst blacklistRegex = new RegExp(`(${blacklist.join('|')})=([^&]*)`, 'g');\n\nconst sanitizeUrlForLogging = (inputUrl) =>\n inputUrl.replace(blacklistRegex, (match, key, value) => `${key}=**`);\n\n/**\n * Redirect to the provided url.\n * Also triggers spinner and flushes logs\n * If rejectOnTimeout is specified, reject promise after given timeout\n * @param {String} url\n * @param {Object} param1\n */\nexport const redirect = (\n url = '',\n { replace, windowOpen, spinnerType = SPINNER_TYPES.DEFAULT, rejectOnTimeout } = {}\n) => {\n return new Promise((resolve, reject) => {\n if (isUnsafeRedirect(url)) {\n logger.cal.info('HERMIONE_UNSAFE_REDIRECT', { url });\n throw new Error(`HERMIONE_UNSAFE_REDIRECT ${url}`);\n }\n\n logger.cal.info('REDIRECT', { url: sanitizeUrlForLogging(url) });\n\n const redirectBack = () => {\n if (replace) {\n resolve(window.location.replace(url));\n } else if (windowOpen) {\n resolve(window.open(url));\n } else {\n resolve(window.location.assign(url));\n }\n };\n const options = { redirected: false };\n\n if (!windowOpen) {\n updateFeature('SPINNER', { visible: true, data: { type: spinnerType } });\n }\n\n // Redirect after logs flush\n flushLogsAndRedirect({\n redirect: redirectBack,\n payload: undefined,\n logName: 'BACK_TO_MERCHANT_REDIRECT',\n options,\n });\n\n if (rejectOnTimeout) {\n setTimeout(() => {\n options.redirected = true;\n reject();\n }, rejectOnTimeout);\n }\n });\n};\n\n/**\n * trigger fallback with some reason\n */\nexport function fallback({ reason }) {\n const baseUrl = '/checkoutweb/fallback';\n const previousParams = Object.assign({}, params());\n\n BLACKLISTED_REDIRECT_QUERY_PARAMS.forEach(\n (blacklistedKey) => delete previousParams[blacklistedKey]\n );\n const previousQueryString = stringify(previousParams);\n\n const newParams = {\n token: getToken(),\n reason: reason,\n query: previousQueryString,\n };\n\n const fallbackUrl = buildURL(baseUrl, newParams);\n\n return redirect(fallbackUrl, { replace: true });\n}\n\n/**\n * Reconstruct returnUrl for native & partner integrations for incontext integations\n *\n * @param {Object} options | The options object\n * @param {string} options.url - can be either return/cancel url\n * @param {string} options.intent\n * @param {string} options.paymentId\n * @param {Object} options.xparms - xparams object\n * @param {Object} options.urlParams - EC token for transaction. Query: checkoutSession.cart.cartId\n * @param {boolean} options.isVzero - Boolean flag to indicate current integration is vzero\n * @param {string} options.fromNative - Boolean flag to indicate current integration is native\n * @returns {string} Construct the correct url for native & partner integrations for incontext integration\n */\nexport const reconstructReturnUrl = ({\n url = '',\n intent = '',\n userId = '',\n paymentId = '',\n returnUrl = '',\n isVzero = isVzeroIntegration(),\n redirectUri = params().redirect_uri || '',\n fromNative = Boolean(params().native_xo),\n invalidIntegrationType = Boolean(redirectUri) && (isVzero || fromNative),\n} = {}) => {\n const urlParams = {};\n const payload = {\n url,\n vzero: isVzero,\n native: fromNative,\n return_url: returnUrl,\n redirect_uri: redirectUri,\n ...(paymentId && { payment_id: paymentId }),\n };\n\n // NOTE: for v2 order transacitons (incontext), `returnUrl` will be `null` from approveMemberPayment\n // mutation since both `returnUrl` and `cancelUrl` are being handled by window.xprops\n if (!url && !redirectUri && returnUrl) {\n return returnUrl;\n }\n\n // TODO: can be removed after investigation\n if (!url.includes('paymentId') && paymentId) {\n logger.cal.warn('MISSING_PAYMENT_ID_FROM_URL', payload);\n }\n\n // By default `redirect_uri` should ONLY be honored by either\n // native or partner (ex, vzero) integrations\n if (!invalidIntegrationType) {\n logger.cal.info('INVALID_INTEGRATION_TYPE_FOR_RECONSTRUCT_URL', payload);\n return returnUrl;\n }\n\n // TODO: can be removed after investigation\n const { isDeepLink: isNativeRedirectUri } = getProtocolType(redirectUri, 'redirect_uri');\n if (!isNativeRedirectUri) {\n logger.cal.warn('INVALID_REDIRECT_URI', payload);\n }\n\n // TODO: can be removed after investigation\n if (!redirectUri.includes('token')) {\n redirectUri += `?token=${getToken()}`;\n logger.cal.warn('MISSING_TOKEN_FROM_REDIRECT_URI', payload);\n }\n\n // TODO: can be removed after investigation\n if (!redirectUri.includes('PayerID') && userId) {\n redirectUri += `&PayerID=${userId}`;\n logger.cal.warn('MISSING_PAYER_ID_FROM_REDIRECT_URI', {\n ...payload,\n payer_id: userId,\n });\n }\n\n // TODO: can be removed after investigation\n if (!redirectUri.includes('paymentId') && paymentId) {\n // NOTE: double check to ensure `paymentId` is present & not duplicagted\n urlParams.paymentId = paymentId;\n logger.cal.warn('MISSING_PAYMENT_ID_FROM_URL', { payment_id: paymentId });\n }\n\n urlParams.intent = intent && intent.toLowerCase();\n urlParams.opType = 'payment';\n urlParams.return_uri = `${url}${paymentId ? `&paymentId=${paymentId}` : ''}`;\n const finalReturnUrl = buildURL(redirectUri, urlParams);\n\n logger.cal.info('RECONSTRUCT_RETURN_URL', {\n ...payload,\n reconstruct_return_url: finalReturnUrl,\n });\n return finalReturnUrl;\n};\n\n/**\n * Redirect back to checkoutlite on 3DS approve failure\n */\nexport function redirectOnThreeDSFailed({ message = '' }) {\n const { originApp = 'hermione' } = params();\n\n const baseUrl = '/checkoutweb';\n const newParams = Object.assign({}, params(), {\n threeDSFailed: true,\n });\n\n logger.fpti(\n 'errorThreeDSContingency',\n THREE_DS_PAYLOAD({\n action: 'errorThreeDSContingency',\n message,\n originApp,\n })\n );\n\n // For Link and Pay, we'd only get the sticky FI associated with the BA.\n // On 3ds error, we need to list the other FIs and this requires re-planning\n // and hence falling back to hermes\n if (originApp === 'link_and_pay') {\n return fallback({ reason: 'failed3DS' });\n }\n\n const redirectUrl = buildURL(baseUrl, newParams);\n\n redirect(redirectUrl, { replace: true });\n}\n\n/**\n * Redirect to the same page and pass in new/updated params\n *\n * @param {Object} _params - New/Updated parameters object\n * @param {String} returnUrl - New refresh return url with new/updated parameter\n */\nexport const redirectToSameLocationWithNewParam = (newParams = {}) => {\n const baseUrl = window.location.pathname;\n const queryParams = {\n ...params(),\n ...newParams,\n };\n\n const newUrl = buildURL(baseUrl, queryParams);\n\n return redirect(newUrl);\n};\n","import './preInit';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ApolloProvider } from '@apollo/react-components';\nimport { init as initContent } from 'pp-react-l10n';\nimport ErrorBoundary from '@/components/ErrorBoundary';\nimport { LOG_TRANSITIONS, logger } from '@paypalcorp/c3-util-logger';\nimport { params } from '@paypalcorp/c3-util-browser';\nimport { getGlobals, getIsMockedMode, initGlobals } from '@paypalcorp/c3-shared-globals';\nimport { isIncontext } from '@/lib/utils';\nimport CheckoutError from '@/lib/checkoutError';\nimport windowEligible from '@/lib/windowEligibility';\nimport configureApolloClient from '@/lib/configureApolloClient';\nimport { getClientMetadataID, initFraudNet } from '@/lib/fraudNet';\nimport { AppIndex } from './AppIndex';\n\n__webpack_nonce__ = getGlobals().nonce; // eslint-disable-line\n\nconst MockedMode = React.lazy(() => import('./MockedMode'));\n\nlogger.cal.transition(LOG_TRANSITIONS.INIT);\n\nconst initialData = initGlobals();\nconst { user = {}, uri, content, deployEnv = {} } = initialData;\n// eslint-disable-next-line i18n-scan/no-country-dependency\nconst integrationType = user.ecToken && /^EC-[\\w]+/.test(user.ecToken) ? 'EC' : 'WPS';\n\nif (params().euat === '1') {\n user.auth.access_token = window.location.hash.substr(1);\n}\n\ninitContent({ content });\n\nif (!user.ecToken) {\n CheckoutError({ message: 'ec_token_is_missing' });\n}\n\n// get common FPTI keys\nconst commonKeys = {};\n\n// Initialize CAL and FPTI Logger\nlogger.init(\n {\n token: user.ecToken,\n loggerEndpoint: uri.loggerEndpoint,\n incontext: isIncontext(),\n externalName: 'checkoutuinodeweb',\n internalName: 'HERMIONE',\n experienceName: 'checkoutlite',\n context_type: `${integrationType}-token`,\n common: commonKeys,\n },\n {},\n {\n common: {\n integration_type: integrationType,\n context_type: `${integrationType}-token`,\n 'x-paypal-fpti': {\n context_type: `${integrationType}-token`,\n },\n },\n }\n);\n\n// initialize apollo client\nconst client = configureApolloClient({\n queryEndpoint: uri.queryEndpoint,\n token: user.ecToken,\n auth: user.auth || {},\n enableRetry: true,\n});\n\ninitFraudNet({\n token: getClientMetadataID(user.ecToken),\n fraudNetEndpoint: uri.fraudNetEndpoint,\n deployEnv,\n});\nconst MockedModeLoader = () => Loading Use cases viewer...
;\n\nconst render = (Application) => {\n ReactDOM.render(\n \n \n {!getIsMockedMode() ? (\n \n ) : (\n }>\n \n \n )}\n \n ,\n document.getElementById('root')\n );\n};\n\nfunction startApp() {\n const { windowEligibility, reason = 'unknown' } = windowEligible();\n if (!windowEligibility) {\n CheckoutError({ message: `window_ineligible_${reason}` });\n // Don't render the app, as it can potentially cause problems if we start setting up the checkout session here and on Hermes\n return;\n }\n\n if (process.env.NODE_ENV === 'development') {\n // initialize react-axe a11y auditing\n // https://github.com/dequelabs/react-axe\n // it slows UI drastically\n if (params().enableAllyChecks) {\n const axe = require('react-axe');\n setTimeout(() => axe(React, ReactDOM, 1000), 10000);\n }\n }\n\n render(AppIndex);\n}\n\nstartApp();\n","import { settings } from 'emeth';\nsettings.debug = false;\nsettings.warn = () => {};\n","// extracted by extract-css-chunks-webpack-plugin\nmodule.exports = {\"font-family\":\"'PayPalSansBig-Regular', Helvetica Neue, HelveticaNeue, helvetica, arial, sans-serif\",\"fontFamily\":\"'PayPalSansBig-Regular', Helvetica Neue, HelveticaNeue, helvetica, arial, sans-serif\",\"ppui-coachtip-background-color\":\"#2c2e2f\",\"ppuiCoachtipBackgroundColor\":\"#2c2e2f\",\"ppui-coachtip-text-color\":\"#fff\",\"ppuiCoachtipTextColor\":\"#fff\",\"ppui-color-blue-300\":\"#bfdbee\",\"ppuiColorBlue300\":\"#bfdbee\",\"ppui-font-family-500\":\"'PayPalSansBig-Medium'\",\"ppuiFontFamily500\":\"'PayPalSansBig-Medium'\",\"ppui-color-blue-600\":\"#0070ba\",\"ppuiColorBlue600\":\"#0070ba\",\"ppui-color-blue-800\":\"#003087\",\"ppuiColorBlue800\":\"#003087\",\"ppui-font-size-md\":\"0.9375rem\",\"ppuiFontSizeMd\":\"0.9375rem\",\"ppui-font-size-xl-2\":\"1.5rem\",\"ppuiFontSizeXl2\":\"1.5rem\",\"ppui-font-weight-light\":\"300\",\"ppuiFontWeightLight\":\"300\",\"ppui-font-weight-normal\":\"500\",\"ppuiFontWeightNormal\":\"500\",\"ppui-line-height-sm\":\"1.125rem\",\"ppuiLineHeightSm\":\"1.125rem\",\"ppui-spacing-lg\":\"0.75rem\",\"ppuiSpacingLg\":\"0.75rem\"};","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SpinnerOverlay from '@/shared/components/SpinnerOverlay';\nimport getContent from '@/lib/content';\n\nexport default function DefaultSpinner({ contentKey } = {}) {\n return {getContent(contentKey)};\n}\n\nDefaultSpinner.propTypes = {\n contentKey: PropTypes.string.isRequired,\n};\n","import React from 'react';\nimport { createPortal } from 'react-dom';\nimport { useFeature } from '@/components/Feature/hooks';\nimport { SPINNER_TYPES } from './constants';\nimport DefaultSpinner from './DefaultSpinner';\nimport ReturnToMerchantSpinner from './ReturnToMerchantSpinner';\n\nconst SpinnerPortal = (props) => {\n return {createPortal(props.children, document.body)}
;\n};\n\nconst SpinnerComponent = ({ spinnerType = SPINNER_TYPES.DEFAULT }) => {\n switch (spinnerType) {\n case SPINNER_TYPES.THREE_DS_PROCESSING: {\n return ;\n }\n case SPINNER_TYPES.RETURN_TO_MERCHANT: {\n return ;\n }\n case SPINNER_TYPES.PROCESS_CARD: {\n return ;\n }\n case SPINNER_TYPES.PROCESS_INCENTIVE: {\n return ;\n }\n default:\n return ;\n }\n};\n\nexport default () => {\n const { enabled, visible, data } = useFeature('SPINNER');\n\n if (!enabled || !visible) {\n return null;\n }\n\n return (\n \n \n \n );\n};\n\nexport { SPINNER_TYPES };\n","import React, { lazy, Suspense, useEffect } from 'react';\nimport { logger } from '@paypalcorp/c3-util-logger';\n\n/**\n * resolve dynamic chunk with an ability to retry if failed\n */\nexport const lazyLoadChunkWithRetry = ({ fn, retriesLeft = 5, interval = 1500, id }) => {\n return new Promise((resolve, reject) => {\n window.logCPLPhase(id, 'chunk', true);\n fn()\n .then((result) => {\n logger.cal.info(`CHUNK_${id}_LOADED`);\n window.logCPLPhase(id, 'chunk');\n if (result == null) {\n console.warn(`could not load %s`, id);\n }\n resolve(result);\n })\n .catch((error) => {\n setTimeout(() => {\n if (retriesLeft === 1) {\n // reject('maximum retries exceeded');\n reject(error);\n return;\n }\n logger.cal.info(`CHUNK_${id}_RETRY`);\n // Passing on \"reject\" is the important part\n lazyLoadChunkWithRetry({ fn, retriesLeft: retriesLeft - 1, interval, id }).then(\n resolve,\n reject\n );\n }, interval);\n });\n }).catch(() => {\n logger.cal.error(`CHUNK_${id}_FAILED`);\n window.location.reload();\n\n // TODO: discuss this approach to show an alert and reload the page\n // if (window.confirm(getContent('offline.message') || 'You are offline. Press OK to reload')) {\n // window.location.reload();\n // }\n });\n};\n\n/**\n * dynamically lazy load component using React.lazy && React.Suspense\n * with an ability to preload the chunk\n */\nexport const lazyComponent = (\n dynamicImport,\n { id, loading: LoaderComponent, error: ErrorComponent }\n) => {\n const LazyComponent = lazy(() => lazyLoadChunkWithRetry({ fn: dynamicImport, id }));\n const ComponentWithSuspense = React.forwardRef((props, ref) => {\n useEffect(() => {\n dynamicImport().then().catch();\n }, []);\n\n if (props.isLoading) {\n return LoaderComponent ? : null;\n }\n\n if (props.error) {\n return ErrorComponent ? : null;\n }\n\n return (\n : null}>\n \n \n );\n });\n return ComponentWithSuspense;\n};\n","import { useQuery } from '@apollo/react-hooks';\nimport { logger } from '@paypalcorp/c3-util-logger';\nimport { getSingleFeatureQuery, getContingenciesQuery } from '@paypalcorp/c3-util-store';\nimport { getOperationName } from '@paypalcorp/c3-util-graphql';\n\n/**\n * Execute feature queries\n * TODO: don't ignore rules of hooks\n * @param {Array} queries queries to execute\n * @param {Boolean} skip if the query should be skipped entirely\n * @returns array of feature data\n */\nexport function useGqlNetworkQuery({ queries, skip = false }) {\n return queries.reduce((map, { query, variables, fetchPolicy, context } = {}, idx) => {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n map[`${getOperationName(query)}_${idx}`] = useQuery(query, {\n variables,\n fetchPolicy,\n context,\n errorPolicy: 'ignore',\n skip,\n });\n\n return map;\n }, {});\n}\n\n/**\n * Query features from local state\n * TODO: don't ignore rules of hooks\n * @param {Array} features feature IDs\n * @returns array of local feature state\n */\nexport function useFeatureQuery(features) {\n return features.reduce((map, featureId) => {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n map[`${featureId}`] = useQuery(getSingleFeatureQuery, { variables: { id: featureId } });\n\n return map;\n }, {});\n}\n\nexport function useContingencyQuery(id) {\n const { data = {}, error } = useQuery(getContingenciesQuery, { variables: { id } });\n\n if (error) {\n logger.cal.error('ERROR_EXECUTING_CONTINGENCY_QUERY', { error, query: getContingenciesQuery });\n }\n\n return data;\n}\n\n/**\n * Query for a contingency\n * @param {String} id Contingency ID\n */\nexport function useContingency(id) {\n const { contingencies = [] } = useContingencyQuery(id) || {};\n return contingencies.find((contingency) => contingency.id === id) ?? null;\n}\n\n/**\n * Hook to query for a Feature, which includes\n * - it's ID\n * - if it's enabled\n * - if it's visible\n * - its data\n * - and more!! 😮\n * Initial feature config is defined in `/src/store/features.js`\n * @param {String} id Feature ID\n */\nexport function useFeature(id) {\n const { data: { feature = {} } = {} } = useQuery(getSingleFeatureQuery, {\n variables: { id },\n });\n\n return (\n feature || {\n enabled: false,\n visible: false,\n data: {},\n }\n );\n}\n","import {\n fallback,\n redirectToLogout,\n redirectGenericError,\n redirectToRiskyLogin,\n redirectToAuthChallenge,\n redirectToNegativeBalanceRecovery,\n} from '@/lib/redirects';\nimport { isIframe } from '@paypalcorp/c3-util-browser';\nimport { isObject } from '@paypalcorp/c3-util-lang';\nimport { SHARED_CARD_CONTINGENCIES } from '@/components/SharedCard/constants';\nimport { logger } from '@paypalcorp/c3-util-logger';\n\n// This is a list of current contingency Hermione is currently aware of and will be\n// handling corresponding contingency accordingly with its own set of handlers\nexport const HANDLED_CONTINGENCIES = [\n 'NEED_CREDIT_CARD',\n 'EXPIRED_CREDIT_CARD',\n 'NEED_CREDIT_CARD_OR_BANK_ACCOUNT',\n 'SEPA_ACCEPT_CONTINGENCY',\n 'CC_AUTHORIZATION_DECLINED',\n 'ALLOWED_CARD_TYPES_COULD_NOT_BE_RETRIEVED', // handle `GET_SUPPORTED_CARDS_QUERY` contingency\n 'NEED_SHIPPING_ADDRESS', // handle `NEED_DOMESTIC_SHIPPING_ADDRESS_TO_PAY` contingency\n 'NEED_PRIMARY_ADDRESS', // handle `NEED_PRIMARY_ADDRESS` contingency for addressless user during CBT flow\n 'BANK_LOGIN_CREDENTIALS_INVALID', // handles when users provides invalid credentials in OpenBanking\n 'FETCH_BANK_BALANCE_TIME_OUT',\n 'INITIATE_OTP_CONTINGENCY',\n 'PAYER_CANNOT_PAY',\n 'PAYER_ACCOUNT_RESTRICTED',\n 'FI_CONFIRMATION_CONTINGENCY', // handle 3DS (2.0) contingency for addCard use case so no fallback\n 'CC_PROCESSOR_DECLINED', \n ...SHARED_CARD_CONTINGENCIES, // shared card related contingenciesptest\n];\n\nexport const GLOBAL_CONTINGENCIES_HANDLERS = {\n // Step up auth contingency during the planning step - user is logged in, but risk determines that user may have\n // suspicious activity around payments. To resolve, user must provide secondary authentication, such as completing\n // SMS verification.\n VERIFY_USER_IDENTITY({ errorData = {} }) {\n // step_up_context is a mandatory param from planning response , check before redirecting\n if (errorData.step_up_context) {\n return redirectToAuthChallenge(errorData.step_up_context);\n } else {\n return redirectGenericError();\n }\n },\n // Payer Action Required is a contingency in which Buyer's action is required.\n // It contains {String} cause which tells why the contingency is thrown\n // It contains {Object} resolution, which contains details on how to resolve the contingency\n // Currently its only being thrown for Negative Balance Recovery Contingency & contingencies not mapped in xo-janus\n // Refer: https://github.paypal.com/Checkout/xo-janus/blob/master/lib/payService/transportMapper.js#L29 - {function checkContingency}\n PAYER_ACTION_REQUIRED({ message, errorData = {} }) {\n const { cause, resolution: { name: resolutionName } = {} } = errorData;\n\n /*\n * Added isIframe check because MoneyNodeWeb which handles Negative Balance Recovery\n * return html with `x-frame-opts: sameorigin` which prevents loading the page in Iframe flows.\n * Currently, we fallback to hermes if we receive NBR contingency in Iframe flow.\n * TODO: Remove the isIframe check here & find a solution for consumer apps to work in Checkout's Iframe flow.\n */\n if (\n cause === 'NEED_NEGATIVE_BALANCE_RECOVERY' &&\n resolutionName === 'PAYER_TO_CLEAR_NEGATIVE_BALANCE' &&\n !isIframe()\n ) {\n return redirectToNegativeBalanceRecovery();\n } else {\n // reason: \"PAYER_ACTION_REQUIRED|NEED_NEGATIVE_BALANCE_RECOVERY|PAYER_TO_CLEAR_NEGATIVE_BALANCE\"\n return fallback({\n reason: `${message}|${cause}|${resolutionName}`,\n });\n }\n },\n // Payer Authentication Required throws when an action needs more permissions than the user currently has.\n // This can happen when a One Touch user tries to change something, such as adding an address (merchant override).\n // Solution is to make the user log in\n PAYER_AUTHENTICATION_REQUIRED({ message, errorData = {} } = {}) {\n logger.cal.info(`HANDLE_${message}`, {\n message,\n cause: errorData.cause,\n ...(isObject(errorData.resolution) && {\n resolution: errorData.resolution.name,\n }),\n });\n\n redirectToRiskyLogin({\n reason: message,\n extraParams: {\n lite: 1,\n fromLite: 1,\n invalidateCheckoutSessionPlan: true,\n ulClientKey: 'riskyLoginShippingPassed',\n ulClientRedirect: 'insufficientPermission',\n },\n });\n },\n\n // For Link and Pay transaction, if a user is 'skip logged in',\n // the user cannot perform transactions for any other EC-Token\n // other than which the user was skip logged in for.\n LINK_AND_PAY_TOKENS_MISMATCH({ errorData = {} }) {\n return redirectToLogout('LINK_AND_PAY_TOKENS_MISMATCH', {\n hermes: 1,\n fromLite: 1,\n });\n },\n\n // Payer Invalid for Payment is thrown for Link and Pay experience in\n // under the following scenario:\n // If a User A (logged in/ one touched) requests for Link and Pay\n // transaction for a billingAgreement setup for User B, PAPS throws\n // error PAYER_INVALID_FOR_PAYMENT. So we logout User A.\n // ***\n // If this contingency is thrown for other cases, we might have to handle\n // it using cause/resolution if passed\n PAYER_INVALID_FOR_PAYMENT({ errorData = {} }) {\n return redirectToLogout('PAYER_INVALID_FOR_PAYMENT', {\n hermes: 1,\n fromLite: 1,\n });\n },\n\n TRANSACTION_REFUSED() {\n return redirectGenericError({ code: 'PAYMENT_DENIED', replace: true });\n },\n};\n","import { ApolloLink, Observable } from 'apollo-link';\n\nimport { logger } from '@paypalcorp/c3-util-logger';\nimport { getOperationType } from '@paypalcorp/c3-util-graphql';\nimport { updateFeature } from '@paypalcorp/c3-util-store';\nimport { SPINNER_TYPES } from '@/components/Spinner';\n\n/**\n * @description `apolloSpinner` is a non-terminating link to show / hide spinners for Mutation graphql calls\n *\n * @returns {Observable} | Returns an Observable of an execution result\n */\nexport const spinnerLink = () => {\n return new ApolloLink((operation, forward) => {\n const { operationName } = operation;\n const operationType = getOperationType(operation);\n let spinnerType = SPINNER_TYPES.DEFAULT;\n\n if (operationName === 'AddCreditCard') {\n spinnerType = SPINNER_TYPES.PROCESS_CARD;\n }\n\n if (operationName === 'approveIncentivePayment') {\n spinnerType = SPINNER_TYPES.PROCESS_INCENTIVE;\n }\n\n if (operationName === 'GetThreeDsJwtQuery') {\n spinnerType = SPINNER_TYPES.THREE_DS_START;\n }\n\n if (\n operationName === 'ThreeDsLookUpMutation' ||\n operationName === 'ThreedsCreateConfirmationMutation'\n ) {\n spinnerType = SPINNER_TYPES.THREE_DS_PROCESS;\n }\n\n if (\n operationName === 'ThreeDsAuthenticateMutation' ||\n operationName === 'ThreedsUpdateConfirmationMutation'\n ) {\n spinnerType = SPINNER_TYPES.THREEE_DS_END;\n }\n\n const triggerToggleSpinner = (visible) => {\n updateFeature('SPINNER', { visible, data: { type: spinnerType } });\n };\n\n if (\n operationType === 'mutation' ||\n (operationType === 'query' && operationName === 'GetThreeDsJwtQuery')\n ) {\n triggerToggleSpinner(true);\n logger.cal.info(`SHOW_SPINNER_${operationName}`);\n }\n\n return new Observable((observer) => {\n const subscription = forward(operation);\n if (subscription) {\n // check if forward returns null or not\n return subscription.subscribe({\n next: (result) => {\n if (operationType === 'mutation' || operationType === 'query') {\n triggerToggleSpinner(false);\n logger.cal.info(`HIDE_SPINNER_${operationName}`);\n }\n\n observer.next(result);\n },\n error: (error) => {\n const statusCode = error && error.statusCode;\n\n if (statusCode === 401) {\n triggerToggleSpinner(true);\n logger.cal.info(`SHOW_SPINNER_401_${operationName}`);\n } else {\n triggerToggleSpinner(false);\n logger.cal.info(`HIDE_SPINNER_NETWORK_ERROR_${statusCode}_${operationName}`);\n }\n observer.error(error);\n },\n complete: observer.complete.bind(observer),\n });\n }\n return () => {\n // clean up\n if (subscription) subscription.unsubscribe();\n };\n });\n });\n};\n","import { ApolloLink, Observable } from 'apollo-link';\nimport { isUndefined } from '@paypalcorp/c3-util-lang';\nimport get from 'dlv';\nimport { logger } from '@paypalcorp/c3-util-logger';\nimport { TRANSITION_PAYLOAD } from '@paypalcorp/c3-util-logger';\n\n/**\n * It's a stateful link and centralized place to log gql data into cal / fpti\n *\n * It auto logs payload to cal / fpti once all resolvers return non undefined values\n * If some of the fields were not resolved by end of the user session - manually flush them before user redirect via\n *\n * ```\n * import { instrumentationLink } from '@/lib/apolloLinks';\n *\n * instrumentationLink.logPayload();\n * ```\n */\nclass InstrumentationLink extends ApolloLink {\n constructor() {\n super();\n this.logFlushed = false;\n this.payload = {};\n\n this.payloadResolvers = {\n is_gambling: (result) => get(result, 'data.checkoutSession.merchant.isGambling'),\n };\n\n Object.keys(this.payloadResolvers).forEach((key) => {\n this.payload[key] = undefined;\n });\n }\n\n addToPayload(key, value) {\n if (!isUndefined(value)) {\n this.payload[key] = value;\n }\n }\n\n logPayload() {\n // make sure log is fired once to prevent duplicate logs\n if (!this.logFlushed) {\n Object.keys(this.payload).forEach((key) => {\n const value = this.payload[key];\n\n if (typeof value === 'boolean') {\n this.payload[key] = value ? 1 : 0;\n }\n });\n\n logger.fpti(\n 'flow_params',\n TRANSITION_PAYLOAD({\n from: 'flow_params',\n to: 'process_flow_params',\n ...this.payload,\n })\n );\n\n this.logFlushed = true;\n }\n }\n\n logPayloadIfReady() {\n const isReadyToFlush = !Object.keys(this.payload).some((k) => isUndefined(this.payload[k]));\n\n if (!isReadyToFlush) {\n return;\n }\n\n this.logPayload();\n }\n\n resolveAndLog(result, operationName) {\n window.logCPLPhase(operationName, 'query');\n try {\n Object.keys(this.payloadResolvers).forEach((key) => {\n const resolvedValue = this.payloadResolvers[key](result);\n this.addToPayload(key, resolvedValue);\n });\n\n this.logPayloadIfReady();\n } catch (err) {\n logger.cal.info('instrumentation_link_error', { error: err.stack || err.toString() });\n }\n }\n\n request(operation, forward) {\n window.logCPLPhase(operation.operationName, 'query', true);\n return new Observable((observer) => {\n const subscription = forward(operation);\n\n if (subscription) {\n return subscription.subscribe({\n next: (result) => {\n this.resolveAndLog(result, operation.operationName);\n observer.next(result);\n },\n error: (error) => {\n observer.error(error);\n },\n complete: observer.complete.bind(observer),\n });\n }\n return () => {\n // clean up\n if (subscription) subscription.unsubscribe();\n };\n });\n }\n}\n\nexport const instrumentationLink = new InstrumentationLink();\n","import { ApolloLink } from 'apollo-link';\nimport { getAccessToken } from '@paypalcorp/c3-shared-globals';\nimport { params } from '@paypalcorp/c3-util-browser';\nimport { logger } from '@paypalcorp/c3-util-logger';\n\n/**\n * Avoid using auth related identifers\n * for client side logging\n * example:\n * - 'AUTH'\n * - 'ACCESS_TOKEN'\n */\nconst LOG_PREFIX = 'AT_CHANGE';\n\n/**\n * Refresh access token being sent for each\n * request with latest value from globals.\n *\n * @param {*} headers\n * @returns\n */\nexport const authLink = (headers) => {\n return new ApolloLink((operation, forward) => {\n const accessToken = getAccessToken();\n operation.setContext((prevContext) => {\n const oldAccessToken = headers['x-paypal-internal-euat'];\n const newAccessToken = params().euat === '1' ? window.location.hash.substr(1) : accessToken;\n logger.cal.info(`${LOG_PREFIX}_${oldAccessToken !== newAccessToken}`);\n headers['x-paypal-internal-euat'] = newAccessToken;\n return {\n headers,\n };\n });\n return forward(operation);\n });\n};\n","import { logger } from '@paypalcorp/c3-util-logger';\nimport { getGlobals, getFallback } from '@paypalcorp/c3-shared-globals';\nimport { HANDLED_CONTINGENCIES } from '@/lib/contingencies';\nimport { fallback } from '@/lib/redirects';\n\nexport const attemptRedirect = (reason = 'error') => {\n // This is temporary until we can get CORS enabled on Akamai, and ErrorBoundaries\n // are released in Preact: https://github.com/developit/preact/pull/819\n\n const fallbackSettings = getFallback();\n\n try {\n throw Error();\n } catch (e) {\n // if we're running tests, we should always call `fallback()` because\n // sometimes `window.fallbackTriggered` is already `true` when running a test\n if (\n process.env.NODE_ENV === 'test' ||\n (!window.fallbackTriggered && fallbackSettings.redirectOnError)\n ) {\n window.fallbackTriggered = true;\n fallback({ reason });\n }\n }\n};\n\n/**\n * Takes a GraphQL error and formats it for logging\n * @param {object} error | A GraphQL error object\n * @returns {object} A formatted object to use for error logging\n */\nconst parseError = (error) => {\n const { graphQLErrors, networkError } = error || {};\n if (graphQLErrors && graphQLErrors.length) {\n return {\n message: graphQLErrors[0].statusCode === 200 ? `gqlContingency` : `gqlError`,\n statusCode: graphQLErrors[0].statusCode,\n details: graphQLErrors.map(({ message }) => message).toString(),\n };\n }\n if (networkError) {\n return {\n message: `gqlNetworkError`,\n statusCode: networkError.statusCode,\n details: networkError.message,\n };\n }\n if (error instanceof Error) {\n return {\n message: error.message,\n details: error.stack,\n };\n }\n\n return { message: `unknownError` };\n};\n/**\n * Ideally we could use Error Boundaries, but Preact does not currently support them\n * (coming soon -- the PR is merged, waiting for new release). This will log checkout\n * errors and ineligible traffic to separate them from generic JS errors.\n *\n * @param {object} obj | Args object\n * @param {string} obj.message | A formatted message to use for error logging\n * @param {object} obj.error | An error object to use for a new `Error` instance\n * @returns {void} Nothing is returned, but does cause a redirect if enabled\n */\n\nconst CheckoutError = ({ message, error }) => {\n // do not fallback for 401 errors.\n // Currently for approvePaymentMutation we are still falling back because `CheckoutError` is getting executed on each GQL error.\n if (error && error.networkError && error.networkError.statusCode === 401) {\n return;\n }\n\n const checkoutError = new Error(error || message || 'undefined');\n checkoutError.type = 'checkout';\n if (error) {\n const parsedError = parseError(error);\n checkoutError.message = parsedError.message;\n checkoutError.details = parsedError.details;\n }\n\n if (HANDLED_CONTINGENCIES.includes(checkoutError.details)) {\n return;\n }\n\n const reason = checkoutError.message;\n const {\n user: { ecToken },\n } = getGlobals();\n\n logger.cal.error(`CHECKOUT_ERROR_${reason}`, {\n ...checkoutError,\n timestamp: Date.now(),\n token: ecToken,\n });\n\n attemptRedirect(reason);\n};\n\nexport default CheckoutError;\n"],"sourceRoot":""}