;\n\nconst PaymentProcessComponent = ({\n setPaymentProcess,\n fetchData,\n recipient,\n hasRecipient,\n isRecipientActive,\n locale,\n ...props\n}: PaymentProcessProps) => {\n const [isFetching, setIsFetching] = useState(true);\n const [searchParams] = useSearchParams();\n\n function stopFetching() {\n setIsFetching(false);\n }\n\n function getRecipientCode() {\n const destination = searchParams.get('destination');\n const code = searchParams.get('recipient');\n\n return destination || code || recipient;\n }\n\n const recipientCode = getRecipientCode();\n\n useEffect(() => {\n setPaymentProcess();\n }, [setPaymentProcess]);\n\n useEffect(() => {\n fetchData(recipientCode as string).then(stopFetching);\n }, [fetchData, locale, recipientCode]);\n\n if (!recipientCode) {\n return ;\n }\n if (isFetching) {\n return ;\n }\n if (!hasRecipient || !isRecipientActive) {\n return (\n <>\n \n \n \n );\n }\n\n return (\n \n \n \n );\n};\n\nconst mapStateToProps = (state: RootState) => ({\n recipient: getFieldValue(state, 'recipient'),\n hasRecipient: !!getRecipientId(state),\n isRecipientActive: isRecipientActive(state),\n locale: getCurrentLocale(state),\n});\n\nconst mapDispatchToProps = {\n fetchData,\n setPaymentProcess,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\nconst PaymentProcess = connector(\n WithPaymentCompletedRedirection(PaymentProcessComponent),\n);\n\nexport { PaymentProcess };\n","// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck TODO migrate RedirectToTracking\nimport type { ComponentType } from 'react';\nimport { useSelector } from 'react-redux';\n\nimport { RedirectToTracking } from 'components/RedirectToTracking/RedirectToTracking';\nimport { SpinnerOverlay } from 'components/SpinnerOverlay/SpinnerOverlay';\nimport { hasOrder, hasPayment, isPaymentProcess } from 'selectors';\nimport { useTranslations } from 'utils';\nimport { getDisplayName } from 'utils/getDisplayName/getDisplayName';\n\nconst FIVE_SECONDS_IN_MS = 5000;\n\nconst WithPaymentCompletedRedirectionHOC = >(\n WrappedComponent: ComponentType
,\n) => {\n const WithPaymentCompletedRedirection = (props: P) => {\n const i18n = useTranslations();\n\n const isInPaymentProcess = useSelector(isPaymentProcess);\n const orderExists = useSelector(hasOrder);\n const paymentExists = useSelector(hasPayment);\n const isPaymentCompleted = paymentExists && orderExists;\n const shouldRedirectToTracking = isPaymentCompleted && isInPaymentProcess;\n\n if (!shouldRedirectToTracking) {\n return ;\n }\n\n return (\n \n \n \n );\n };\n\n WithPaymentCompletedRedirection.displayName = `WithPaymentCompletedRedirection(${getDisplayName(\n WrappedComponent,\n )})`;\n\n return WithPaymentCompletedRedirection;\n};\n\nexport {\n WithPaymentCompletedRedirectionHOC as WithPaymentCompletedRedirection,\n};\n","// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck TODO no idea how to type it\nimport React from 'react';\n\nconst lazyLoadReact = (factory: () => Promise, retries = 2) => {\n const moduleImport =\n !isNaN(retries) && retries > 0 ? retryLazy(factory, retries) : factory;\n\n const Component = React.lazy(moduleImport);\n Component.preload = moduleImport;\n\n return Component;\n};\n\nconst retryLazy = (factory: () => Promise, retries = 2) => {\n let count = 1;\n const getModule = () =>\n new Promise((resolve, reject) => {\n factory()\n .then((module: unknown) => resolve(module))\n .catch((error: unknown) => {\n if (count > retries) {\n return reject(error);\n }\n return resolve(count++ && getModule());\n });\n });\n return () => getModule();\n};\n\nexport { lazyLoadReact, retryLazy };\n","import { Navigate, useLocation } from 'react-router-dom';\n\nimport { Spinner } from 'components/Spinner/Spinner';\nimport { LOGIN_ROUTE } from 'constants/index';\nimport { useAuth } from 'hooks/useAuth/useAuth';\n\nconst AuthRoute = ({ children }: { children: JSX.Element }) => {\n const location = useLocation();\n const { isAuthenticated, canAuthenticate } = useAuth();\n\n if (!isAuthenticated && canAuthenticate) {\n return ;\n }\n\n return isAuthenticated ? (\n children\n ) : (\n \n );\n};\n\nexport { AuthRoute };\n","import { Suspense, useEffect } from 'react';\nimport { Route, Routes as Switch, useSearchParams } from 'react-router-dom';\n\nimport { v4 } from 'uuid';\n\nimport { useDispatch } from 'store/configureStore';\n\nimport { enableFeature, fetchFeatures, fetchIPCountryCode } from 'actions';\nimport { PrefillOrderAndPay } from 'components/PrefillOrderAndPay/PrefillOrderAndPay';\nimport { Spinner } from 'components/Spinner/Spinner';\nimport { SESSION_ID_NAME } from 'constants/index';\nimport {\n CAP_DUPLICATED_ROUTE,\n CASHBACK_ROUTE,\n CHANGE_PASSWORD_ROUTE,\n GATEWAY_DUPLICATED_ROUTE,\n IMPERSONATE_ROUTE,\n KYC_DETAILS_ROUTE,\n LOGIN_ROUTE,\n ORDER_DETAIL_ROUTE,\n ORDER_TRACKING_ROUTE,\n PAYMENTS_ROUTE,\n PAYMENT_DETAILS_ROUTE,\n PAY_ROUTE,\n PAY_STEP_ROUTE,\n PROFILE_ROUTE,\n PROFILE_SECTION_ROUTE,\n RECURRING_RECEIVABLES_ROUTE,\n REFUND_ROUTE,\n REQUEST_RESET_PASSWORD_ROUTE,\n ROOT_ROUTE,\n SIGN_UP_ROUTE,\n STUDENT_EXPENSES_PAYMENTS_ROUTE,\n WIDGET_ROUTE,\n} from 'constants/routes';\nimport { IsEmbeddedFetched } from 'containers/IsEmbeddedFetched/IsEmbeddedFetched';\nimport { PaymentProcess } from 'containers/PaymentProcess/PaymentProcess';\nimport { useIsImpersonatingUser } from 'hooks/isImpersonatingUser/isImpersonatingUser';\nimport { useMaintenanceMode } from 'hooks/useMaintenanceMode/useMaintenanceMode';\nimport { lazyLoadReact } from 'utils/lazyLoadReact/lazyLoadReact';\nimport { sessionStorage } from 'utils/storage';\n\nimport { AuthRoute } from './AuthRoute/AuthRoute';\nimport { RedirectToPay } from './RedirectToPay/RedirectToPay';\n\nconst CAPDuplicatedPage = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"DuplicatedPage\" */ 'components/CAP/DuplicatedPage/DuplicatedPage'\n ).then(module => ({\n default: module.DuplicatedPage,\n })),\n);\nconst CashBack = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"CashBack\" */ 'components/CashBack/CashBack'\n ).then(module => ({\n default: module.CashBack,\n })),\n);\nconst ChangePasswordPage = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"ChangePasswordPage\" */ 'components/ChangePasswordPage/ChangePasswordPage'\n ).then(module => ({\n default: module.ChangePasswordPage,\n })),\n);\nconst ForgotPasswordPage = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"ForgotPasswordPage\" */ 'components/ForgotPasswordPage/ForgotPasswordPage'\n ).then(module => ({\n default: module.ForgotPasswordPage,\n })),\n);\nconst GatewayDuplicatedPage = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"GatewayDuplicatedPage\" */ 'components/GatewayDuplicatedPage/GatewayDuplicatedPage'\n ).then(module => ({\n default: module.GatewayDuplicatedPage,\n })),\n);\nconst KYCSetup = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"KYCSetup\" */ 'components/KYCSetup/KYCSetup'\n ).then(module => ({\n default: module.KYCSetup,\n })),\n);\nconst LoginPage = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"LoginPage\" */ 'components/LoginPage/LoginPage'\n ).then(module => ({\n default: module.LoginPage,\n })),\n);\nconst MaintenancePage = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"MaintenancePage\" */ 'components/MaintenancePage/MaintenancePage'\n ).then(module => ({\n default: module.MaintenancePage,\n })),\n);\nconst NotFound = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"NotFound\" */ 'components/NotFound/NotFound'\n ).then(module => ({\n default: module.NotFound,\n })),\n);\nconst PaymentDetailSetup = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"PaymentDetailSetup\" */ 'components/PaymentDetailSetup/PaymentDetailSetup'\n ).then(module => ({\n default: module.PaymentDetailSetup,\n })),\n);\nconst Profile = lazyLoadReact(() =>\n import(/* webpackChunkName: \"Profile\" */ 'components/Profile/Profile').then(\n module => ({\n default: module.Profile,\n }),\n ),\n);\nconst PaymentRefunds = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"PaymentRefunds\" */ './PaymentRefunds/PaymentRefunds'\n ).then(module => ({\n default: module.PaymentRefunds,\n })),\n);\nconst SignUpPage = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"SignUpPage\" */ 'components/SignUpPage/SignUpPage'\n ).then(module => ({\n default: module.SignUpPage,\n })),\n);\nconst TrackingSetup = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"TrackingSetup\" */ 'components/TrackingSetup/TrackingSetup'\n ).then(module => ({\n default: module.TrackingSetup,\n })),\n);\nconst WidgetSetup = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"WidgetSetup\" */ 'components/WidgetSetup/WidgetSetup'\n ).then(module => ({\n default: module.WidgetSetup,\n })),\n);\nconst Impersonate = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"Impersonate\" */ 'containers/Impersonate/Impersonate'\n ).then(module => ({\n default: module.Impersonate,\n })),\n);\nconst PaymentList = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"PaymentList\" */ 'containers/PaymentList/PaymentList'\n ).then(module => ({\n default: module.PaymentListContainer,\n })),\n);\nconst RecurringReceivables = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"RecurringReceivables\" */ 'containers/RecurringReceivables/RecurringReceivables'\n ).then(module => ({\n default: module.RecurringReceivables,\n })),\n);\nconst StudentExpensesPayments = lazyLoadReact(() =>\n import(\n /* webpackChunkName: \"RecurringReceivables\" */ 'containers/StudentExpensesPayments/StudentExpensesPayments'\n ).then(module => ({\n default: module.StudentExpensesPayments,\n })),\n);\n\nfunction Routes() {\n const inMaintenanceMode = useMaintenanceMode();\n const isImpersonatingUser = useIsImpersonatingUser();\n const dispatch = useDispatch();\n const [searchParams] = useSearchParams();\n\n useEffect(() => {\n const features = searchParams.get('features');\n sessionStorage.setItem(SESSION_ID_NAME, v4());\n dispatch(fetchFeatures());\n\n if (features) {\n features.split(',').forEach((feature: string) => {\n dispatch(enableFeature(feature));\n });\n }\n\n dispatch(fetchIPCountryCode());\n }, [dispatch, searchParams]);\n\n return (\n }>\n {inMaintenanceMode ? (\n \n ) : (\n \n } />\n {[PAY_ROUTE, PAY_STEP_ROUTE].map(path => (\n \n \n \n }\n />\n ))}\n\n } />\n } />\n } />\n }\n />\n\n }\n />\n\n } />\n } />\n\n }\n />\n\n } />\n } />\n \n \n \n }\n />\n\n \n \n \n }\n />\n\n \n \n \n }\n />\n\n \n \n \n }\n />\n\n \n \n \n }\n />\n\n {isImpersonatingUser ? null : (\n \n \n \n }\n />\n )}\n\n \n \n \n }\n />\n\n \n \n \n }\n />\n\n } />\n } />\n \n )}\n \n );\n}\n\nexport { Routes };\n","import { useSelector } from 'react-redux';\n\nimport { MAINTENANCE_MODE } from 'constants/index';\nimport { useFeatureFlags } from 'hooks/useFeatureFlags/useFeatureFlags';\nimport { getRecipientId } from 'selectors';\n\nfunction useMaintenanceMode() {\n const isFeatureEnabled = useFeatureFlags(MAINTENANCE_MODE);\n const recipientId = useSelector(getRecipientId);\n\n return isFeatureEnabled && recipientId !== undefined && recipientId !== 'PTU';\n}\n\nexport { useMaintenanceMode };\n","// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck TODO migrate\nimport { PureComponent } from 'react';\nimport { connect } from 'react-redux';\n\nimport PropTypes from 'prop-types';\n\nimport { PERMANENT_COOKIE_NAME } from 'constants/index';\nimport type { RootState } from 'reducers/types';\nimport { getEmail, getFieldValue } from 'selectors';\nimport { cookies } from 'utils/cookies/cookies';\nimport { url } from 'utils/url/url';\n\nconst PRODUCTION_KEY = '65960b63de';\nconst DEVELOPMENT_KEY = '437424ee7b';\nconst IMPERSONATE_DOMAIN_MATCHER =\n /https:\\/\\/(demo.)?operations.flywire.(lol|com)\\//;\n\nclass SiftComponent extends PureComponent {\n static propTypes = {\n senderEmail: PropTypes.string,\n userEmail: PropTypes.string,\n };\n\n state = {\n isScriptInjected: false,\n };\n\n componentDidMount() {\n if (!this.isImpersonate()) {\n this.injectSnippet();\n this.setState({ isScriptInjected: true });\n }\n }\n\n componentDidUpdate() {\n if (this.isImpersonate()) {\n return;\n }\n\n const { userEmail, senderEmail } = this.props;\n\n const userId = userEmail || senderEmail;\n\n if (this.isScriptInjected()) {\n window._sift.push(['_setUserId', userId]);\n }\n }\n\n isImpersonate() {\n const referrer = document.referrer;\n return IMPERSONATE_DOMAIN_MATCHER.test(referrer);\n }\n\n getKey() {\n const origin = url.getCurrentUrl();\n const isDemo = /demo\\./.test(origin);\n const isStaging = /flywire.(lol|cc)/.test(origin);\n const isEnvProduction =\n process.env.NODE_ENV === 'production' && !isDemo && !isStaging;\n\n return isEnvProduction ? PRODUCTION_KEY : DEVELOPMENT_KEY;\n }\n\n injectSnippet() {\n const script = document.createElement('script');\n const fingerprint = cookies.read(PERMANENT_COOKIE_NAME) || '';\n const { userEmail, senderEmail } = this.props;\n const accountKey = this.getKey();\n\n // eslint-disable-next-line no-useless-escape\n const sessionIdValidChars = /[^a-zA-Z0-9\\=\\.\\-\\_\\+\\@:\\&\\^\\%\\!\\$]/g;\n const sessionId = fingerprint.replace(sessionIdValidChars, '$');\n\n const userEmailVar = userEmail\n ? `_sift.push(['_setUserId', '${userEmail}']);`\n : `_sift.push(['_setUserId', '${senderEmail}']);`;\n\n script.innerHTML = `\n var _sift = window._sift = window._sift || [];\n _sift.push(['_setAccount', '${accountKey}']);\n ${userEmailVar}\n _sift.push(['_setSessionId', '${sessionId}']);\n _sift.push(['_trackPageview']);\n (function() {\n function ls() {\n var e = document.createElement('script');\n e.src = 'https://cdn.siftscience.com/s.js';\n document.body.appendChild(e);\n }\n if (window.attachEvent) {\n window.attachEvent('onload', ls);\n } else {\n window.addEventListener('load', ls, false);\n }\n })();\n `;\n\n document.body.appendChild(script);\n }\n\n isScriptInjected() {\n const { isScriptInjected } = this.state;\n\n return isScriptInjected && window._sift;\n }\n\n render() {\n return null;\n }\n}\n\nconst mapStateToProps = (state: RootState) => ({\n userEmail: getEmail(state),\n senderEmail: getFieldValue(state, 'sender_email'),\n});\n\nconst Sift = connect(mapStateToProps)(SiftComponent);\n\nexport { Sift };\n","import type { ReactNode } from 'react';\nimport { useEffect, useState } from 'react';\nimport type { ConnectedProps } from 'react-redux';\nimport { connect } from 'react-redux';\n\nimport {\n fetchUser,\n fetchUserPaymentsIfNeeded,\n recoverRefreshTokenIfNeeded,\n} from 'actions';\nimport { Spinner } from 'components/Spinner/Spinner';\nimport type { RootState } from 'reducers/types';\nimport { isLoggedIn } from 'selectors';\n\ntype AuthUserProps = ConnectedProps & {\n children?: ReactNode | undefined;\n};\n\nfunction AuthUserComponent({\n recoverRefreshTokenIfNeeded,\n children,\n fetchUser,\n fetchUserPaymentsIfNeeded,\n isLoggedIn,\n}: AuthUserProps) {\n const [isFetching, setIsFetching] = useState(true);\n\n function stopFetching() {\n setIsFetching(false);\n }\n\n useEffect(() => {\n async function fetchData() {\n if (isLoggedIn) {\n await fetchUser();\n await fetchUserPaymentsIfNeeded();\n }\n\n stopFetching();\n }\n\n fetchData();\n\n return () => stopFetching();\n }, [fetchUser, fetchUserPaymentsIfNeeded, isLoggedIn]);\n\n useEffect(() => {\n window.addEventListener('focus', recoverRefreshTokenIfNeeded);\n\n return () => {\n window.removeEventListener('focus', recoverRefreshTokenIfNeeded);\n };\n }, [recoverRefreshTokenIfNeeded]);\n\n if (isFetching) {\n return ;\n }\n\n return <>{children};\n}\n\nconst mapStateToProps = (state: RootState) => ({\n isLoggedIn: isLoggedIn(state),\n});\n\nconst mapDispatchToProps = {\n recoverRefreshTokenIfNeeded: recoverRefreshTokenIfNeeded,\n fetchUser,\n fetchUserPaymentsIfNeeded,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\nconst AuthUser = connector(AuthUserComponent);\n\nexport { AuthUser };\n","import React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { Provider } from 'react-redux';\nimport { BrowserRouter as Router } from 'react-router-dom';\n\nimport { ErrorBoundary } from '@sentry/react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\n\nimport { store } from 'store/configureStore';\n\nimport { Analytics } from 'components/Analytics/Analytics';\nimport { AnalyticsHeap } from 'components/AnalyticsHeap/AnalyticsHeap';\nimport { Chat } from 'components/Chat/Chat';\nimport { EmbeddedSetup } from 'components/EmbeddedSetup/EmbeddedSetup';\nimport { Routes } from 'components/Routes/Routes';\nimport { Sift } from 'components/Sift/Sift';\nimport { AuthUser } from 'containers/AuthUser/AuthUser';\nimport { TranslationProvider } from 'contexts/TranslationContext/TranslationContext';\n\nimport { embedded } from 'repositories';\n\nimport './EmbeddedEntry';\n\nimport './styles/main.scss';\n\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n refetchOnWindowFocus: false,\n refetchInterval: false,\n retry: 2,\n },\n },\n});\n\nconst container = document.getElementById('payex-app-root')!;\nconst root = createRoot(container);\n\nroot.render(\n \n \n \n \n \n \n \n \n \n \n {embedded.isEnabled() && }\n \n {!embedded.isEnabled() && }\n \n \n \n \n \n \n ,\n);\n","import zoid from 'zoid';\n\nimport { decodeObject, encodeObject } from 'utils/encoding';\n\nexport function getEnvFromUrl(url) {\n if (url.includes('payex-web-dev')) {\n const matches = url.match(/payex-web-dev-(.+?)\\.flywire\\.cc/);\n return matches ? matches[1] : 'local';\n }\n\n if (url.includes('flywire.lol')) {\n return 'staging';\n }\n\n if (url.includes('demo.flywire.com')) {\n return 'demo';\n }\n\n if (url.includes('flywire.com')) {\n return 'production';\n }\n\n return 'local';\n}\n\nif (!window.flywire) {\n const embedded = zoid.create({\n tag: 'fw-payment',\n dimensions: {\n width: '100%',\n height: '800px',\n },\n url: config => {\n const urls = {\n demo: 'https://payment.demo.flywire.com/',\n local: 'http://localhost:5300/',\n app: 'http://payex/',\n production: 'https://payment.flywire.com/',\n staging: 'https://payment.flywire.lol',\n };\n\n const { props } = decodeObject(config);\n return urls[props.env] || `https://payex-web-dev-${props.env}.flywire.cc`;\n },\n defaultEnv: 'demo',\n scrolling: true,\n defaultLogLevel: 'error',\n });\n\n const embeddedAdapter = {\n Payment: {\n render: (config, selector) => {\n const encodedConfig = encodeObject(config);\n\n return embedded(encodedConfig).render(selector);\n },\n getEnvFromUrl: getEnvFromUrl,\n },\n };\n\n window.flywire = embeddedAdapter;\n window.requester = 'payex';\n}\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { getRecipientName } from 'selectors';\n\nimport { heapAgent } from 'services/analytics/heapAgent/heapAgent';\n\nconst initializeHeapAgent = () => () => {\n heapAgent.initialize();\n};\n\nconst trackHeapSelectedPaymentOption =\n (): PayexThunkAction => (_, getState) => {\n const recipientName = getRecipientName(getState());\n const metadata = { recipient_name: recipientName };\n\n heapAgent.trackEvent('Selected payment option', metadata);\n };\n\nconst trackHeapEvent =\n (name: string, metadata: Record): PayexThunkAction =>\n () => {\n heapAgent.trackEvent(name, metadata);\n };\n\nexport { initializeHeapAgent, trackHeapEvent, trackHeapSelectedPaymentOption };\n","import type {\n PayexDispatch,\n PayexGetState,\n PayexThunkAction,\n} from 'store/configureStore';\n\nimport { cleanUserData } from 'actions/entities/user/user';\nimport {\n getCaptchaResponse,\n getRefreshToken,\n isFetching,\n isLoggedIn,\n} from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { isHttpErrorWithStatus } from 'utils/errors/errors';\n\nimport type { PayexService, payex } from 'services/payex';\n\nimport type { HttpError } from '../../constants';\nimport {\n EXCHANGE_LOGIN_TOKEN_SUCCESS,\n FORCE_AUTH_CHECK,\n HTTPStatuses,\n IMPERSONATE_EXPIRATION_IN_SECONDS,\n IMPERSONATE_FAKE_REFRESH_TOKEN,\n IMPERSONATE_USER_SUCCESS,\n INTERNAL_SERVER_FAILURE,\n LOGIN_USER_FAILURE,\n LOGIN_USER_REQUEST,\n LOGIN_USER_SUCCESS,\n RECOVER_REFRESH_TOKEN,\n REFRESH_TOKEN,\n USER_CREDENTIALS_VERIFICATION_FAILURE,\n USER_CREDENTIALS_VERIFICATION_REQUEST,\n USER_CREDENTIALS_VERIFICATION_SUCCESS,\n} from '../../constants';\nimport { getStoredRefreshToken } from '../../store/storage';\n\nconst USER_NEEDS_TO_CHANGE_PASSWORD = 'user_needs_to_change_password';\n\ntype LoginResponse = {\n accessToken: string;\n expiresIn: number;\n refreshToken?: string;\n tokenType: string;\n updatePassword?: boolean;\n};\n\ninterface LogInStrategy {\n call: (\n payex: PayexService,\n captchaResponse?: string,\n ) => Promise;\n}\n\ntype PasswordStrategyOpts = {\n username: string;\n password: string;\n};\n\nconst passwordStrategy = (user: PasswordStrategyOpts): LogInStrategy => {\n return {\n call(\n payex: PayexService,\n captchaResponse?: string,\n ): Promise {\n return payex.auth.logIn({\n grant_type: 'password',\n ...user,\n ...(captchaResponse && { captcha_response: captchaResponse }),\n });\n },\n };\n};\n\ntype StrategyOpts = {\n authCode: string;\n};\n\nconst googleStrategy = (opts: StrategyOpts): LogInStrategy => {\n return {\n call(\n payex: PayexService,\n captchaResponse?: string,\n ): Promise {\n return payex.auth.logIn({\n grant_type: 'google_oauth',\n auth_code: opts.authCode,\n ...(captchaResponse && { captcha_response: captchaResponse }),\n });\n },\n };\n};\n\nconst facebookStrategy = (opts: StrategyOpts): LogInStrategy => {\n return {\n call(\n payex: PayexService,\n captchaResponse?: string,\n ): Promise {\n return payex.auth.logIn({\n grant_type: 'facebook_oauth',\n auth_code: opts.authCode,\n ...(captchaResponse && { captcha_response: captchaResponse }),\n });\n },\n };\n};\n\nconst logInUser: (args: {\n payex: typeof payex;\n dispatch: PayexDispatch;\n getState: PayexGetState;\n loginStrategy: LogInStrategy;\n actions: Record;\n dispatchPayload?: boolean;\n}) => Promise = async ({\n loginStrategy,\n payex,\n dispatch,\n getState,\n actions,\n dispatchPayload = false,\n}) => {\n const state = getState();\n const isFetchingAuthentication = isFetching(state, 'authentication');\n const { requestAction, successAction, failureAction } = actions;\n\n if (isFetchingAuthentication) {\n return Promise.resolve();\n }\n\n dispatch({ type: requestAction });\n const captchaResponse = getCaptchaResponse(state);\n\n try {\n const response = await loginStrategy.call(payex, captchaResponse);\n\n const { updatePassword = false } = response;\n\n if (updatePassword) {\n throw userNeedsToChangePasswordError();\n }\n\n if (!dispatchPayload) {\n return dispatch({ type: successAction });\n }\n\n const payload = normalizeAuthPayload(response);\n\n return dispatch({\n type: successAction,\n payload: { authentication: payload },\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const httpError = error as HttpError;\n if (httpError.status === HTTPStatuses.INTERNAL_SERVER_ERROR) {\n dispatch({ type: INTERNAL_SERVER_FAILURE });\n }\n }\n\n dispatch({ type: failureAction });\n throw error;\n }\n};\n\nconst userNeedsToChangePasswordError = () => {\n const error: HttpError = new Error(USER_NEEDS_TO_CHANGE_PASSWORD);\n error.parsedBody = { errors: [{ error: USER_NEEDS_TO_CHANGE_PASSWORD }] };\n\n return error;\n};\n\nconst logInWithStrategy =\n (loginStrategy: LogInStrategy): PayexThunkAction =>\n async (dispatch, getState, { payex }) => {\n const actions = {\n requestAction: LOGIN_USER_REQUEST,\n successAction: LOGIN_USER_SUCCESS,\n failureAction: LOGIN_USER_FAILURE,\n };\n\n const dispatchPayload = true;\n\n return logInUser({\n loginStrategy,\n dispatch,\n getState,\n actions,\n dispatchPayload,\n payex,\n });\n };\n\nexport const googleSignIn = (signInOpts: StrategyOpts): PayexThunkAction => {\n return logInWithStrategy(googleStrategy(signInOpts));\n};\n\nexport const facebookSignIn = (signInOpts: StrategyOpts): PayexThunkAction => {\n return logInWithStrategy(facebookStrategy(signInOpts));\n};\n\nexport const logIn = (signInOpts: PasswordStrategyOpts): PayexThunkAction => {\n return logInWithStrategy(passwordStrategy(signInOpts));\n};\n\nexport const verifyUserCredentials =\n (user: PasswordStrategyOpts): PayexThunkAction =>\n async (dispatch, getState, { payex }) => {\n const actions = {\n requestAction: USER_CREDENTIALS_VERIFICATION_REQUEST,\n successAction: USER_CREDENTIALS_VERIFICATION_SUCCESS,\n failureAction: USER_CREDENTIALS_VERIFICATION_FAILURE,\n };\n\n return logInUser({\n loginStrategy: passwordStrategy(user),\n dispatch,\n getState,\n actions,\n payex,\n });\n };\n\nexport const refreshToken =\n (): PayexThunkAction =>\n async (dispatch, getState, { payex }) => {\n const GRANT_TYPE = 'refresh_token';\n const state = getState();\n const refreshToken = getRefreshToken(state);\n\n if (!refreshToken || refreshToken === IMPERSONATE_FAKE_REFRESH_TOKEN) {\n return;\n }\n\n try {\n const response = await payex.auth.refreshToken({\n refresh_token: refreshToken,\n grant_type: GRANT_TYPE,\n });\n\n const payload = normalizeAuthPayload(response);\n return dispatch(setRefreshToken(payload));\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const { status } = error as HttpError;\n\n if (status === HTTPStatuses.UNAUTHORIZED) {\n dispatch(cleanUserData());\n } else {\n errorNotifier.notify(error);\n }\n }\n }\n };\n\nexport const recoverRefreshTokenIfNeeded =\n (): PayexThunkAction => async (dispatch, getState) => {\n const state = getState();\n const loggedIn = isLoggedIn(state);\n const storedRefreshToken = getStoredRefreshToken();\n\n if (!loggedIn && storedRefreshToken) {\n dispatch({\n type: RECOVER_REFRESH_TOKEN,\n payload: {\n refreshToken: decodeURIComponent(storedRefreshToken),\n },\n });\n }\n dispatch({\n type: FORCE_AUTH_CHECK,\n });\n };\n\nexport const setRefreshToken = (payload = {}) => ({\n type: REFRESH_TOKEN,\n payload,\n});\n\nexport const exchangeLoginToken =\n (loginToken: string): PayexThunkAction =>\n async (dispatch, _getState, { apiV3 }) => {\n const response = await apiV3.authentication.exchangeLoginToken({\n loginToken,\n });\n\n if (!response.refreshToken) {\n return;\n }\n\n dispatch({ type: EXCHANGE_LOGIN_TOKEN_SUCCESS, payload: response });\n\n return dispatch(refreshToken());\n };\n\nexport const impersonate =\n (accessToken: string): PayexThunkAction =>\n async dispatch => {\n const response = {\n expiresIn: IMPERSONATE_EXPIRATION_IN_SECONDS,\n accessToken: accessToken,\n refreshToken: IMPERSONATE_FAKE_REFRESH_TOKEN,\n tokenType: 'bearer',\n updatePassword: false,\n };\n\n const payload = normalizeAuthPayload(response);\n\n return dispatch({\n type: IMPERSONATE_USER_SUCCESS,\n payload: { authentication: payload },\n });\n };\n\nexport const normalizeAuthPayload = (payload: LoginResponse) => {\n const expiresIn = payload.expiresIn;\n const currentTimestamp = Math.round(Date.now() / 1000);\n const expiresInTimestamp = currentTimestamp + expiresIn;\n\n return { ...payload, expiresIn: expiresInTimestamp };\n};\n","import type { Decamelized } from 'humps';\nimport { decamelizeKeys } from 'humps';\nimport isEmpty from 'lodash/isEmpty';\nimport { normalize } from 'normalizr';\nimport type { Dispatch } from 'redux';\n\nimport type { PayexDispatch, PayexThunkAction } from 'store/configureStore';\n\nimport {\n enableFeature,\n setFieldValue,\n taxErrorNotification,\n trackCouponValidation,\n} from 'actions';\nimport { COUPON_CODE } from 'constants/coupons';\nimport {\n ADD_COUPON_FAILURE,\n ADD_COUPON_REQUEST,\n ADD_ORDER_TO_USER_FAILURE,\n ADD_ORDER_TO_USER_REQUEST,\n ADD_ORDER_TO_USER_SUCCESS,\n ADD_REDEEM_CASHBACK_FAILURE,\n ADD_REDEEM_CASHBACK_REQUEST,\n CREATE_ORDER_FAILURE,\n CREATE_ORDER_REQUEST,\n CREATE_ORDER_SUCCESS,\n DELETE_COUPON_FAILURE,\n DELETE_COUPON_REQUEST,\n DELETE_REDEEM_CASHBACK_FAILURE,\n DELETE_REDEEM_CASHBACK_REQUEST,\n EMPTY_ERROR_FIELDS,\n HTTPStatuses,\n INVALID_PARAM_ERROR,\n MAINTENANCE_MODE,\n PERMANENT_COOKIE_NAME,\n RESET_ORDER,\n UPDATE_ORDER_FAILURE,\n UPDATE_ORDER_REQUEST,\n UPDATE_ORDER_SUCCESS,\n} from 'constants/index';\nimport { schemas } from 'constants/schemas';\nimport type { Item, Order, Price } from 'models';\nimport type { Field, FieldEntityType } from 'models/field';\nimport type { NormalizedEntity, RootState } from 'reducers/types';\nimport {\n getCurrentLocale,\n getFieldByEntity,\n getFieldById,\n getFieldValue,\n getItems,\n getOrder,\n getOrderOffer,\n getOrderSectionFieldValue,\n getPayouts,\n getRecipient,\n isEmbedded,\n isFetching,\n isReadOnlyOrderSectionField,\n isThereAnErrorRetrievingTaxes,\n shouldHideUserManagement,\n} from 'selectors';\nimport { cookies } from 'utils/cookies/cookies';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { url } from 'utils/url/url';\n\nimport type {\n CreateOrderRequestBody,\n OfferEntityFields,\n OrderRequestBody,\n OrderServiceError,\n OwnershipResponse,\n RecipientEntityFields,\n} from 'services/apiV3/orders/types';\nimport { extraFees } from 'services/payex/extraFees/extraFees';\n\ntype APIError = {\n parsedBody?: { errors?: OrderServiceError[] };\n status: number;\n};\n\nconst ORDER_CREATION_ENTITIES: FieldEntityType[] = ['sender', 'recipient'];\n\nconst alreadyFetchingOrder = () =>\n Promise.reject(new Error('Already fetching order...'));\n\nconst hasOrderValueChanged = (field: Field, state: RootState) => {\n const orderFieldValue = getOrderSectionFieldValue(field.id, state);\n\n if (!orderFieldValue) {\n return !!field.defaultValue;\n }\n\n return field.defaultValue !== orderFieldValue;\n};\n\nconst editableFields = (field: Field) => !field.apiReadOnly;\n\nconst normalizeEntity = (\n fields: NormalizedEntity,\n state: RootState,\n recreateOrder = false,\n) => {\n const getFieldsById = (fieldId: string) => getFieldById(state, fieldId);\n\n const filledFields = (field: Field) =>\n hasOrderValueChanged(field, state) || !!field.defaultValue;\n\n const normalizeFields = (field: Field) => ({\n id: field.name,\n value: field.defaultValue,\n });\n let normalizedFields = fields.ids.map(getFieldsById).filter(filledFields);\n\n if (!recreateOrder) {\n normalizedFields = normalizedFields.filter(editableFields);\n }\n\n const finalFields = normalizedFields.map(normalizeFields);\n\n return finalFields.length ? { fields: finalFields } : {};\n};\n\nexport const entitiesPayload = (\n entityOrEntities: FieldEntityType | FieldEntityType[],\n state: RootState,\n isUpdate = false,\n recreateOrder = false,\n) => {\n const fingerprint = cookies.read(PERMANENT_COOKIE_NAME) || undefined;\n const entities = Array.isArray(entityOrEntities)\n ? entityOrEntities\n : new Array(entityOrEntities);\n\n const payload = entities.reduce((acc, entity) => {\n const fields = getFieldByEntity(state, entity);\n const normalizedPayload = normalizeEntity(fields, state, recreateOrder);\n\n if (entity === 'sender') {\n if (!isUpdate || !isReadOnlyOrderSectionField(state, 'sender_country')) {\n const selectedCountry = getFieldValue(state, 'sender_country');\n const countryField = { id: 'country', value: selectedCountry };\n const { fields = [] } = normalizedPayload;\n normalizedPayload.fields = [...fields, countryField];\n }\n\n const areTermsAccepted = !!getFieldValue(state, 'are_terms_accepted');\n if (areTermsAccepted) {\n const termsField = {\n id: 'are_terms_accepted',\n value: areTermsAccepted,\n };\n normalizedPayload.fields = normalizedPayload.fields || [];\n normalizedPayload.fields.push(termsField);\n }\n }\n\n if (entity === 'offers') {\n const offerValue = getFieldValue(state, 'offer');\n (normalizedPayload as OfferEntityFields).id = offerValue as string;\n }\n\n if (entity === 'recipient') {\n const items = recreateOrder\n ? getItems(state)\n : getItems(state).filter(editableFields);\n\n const itemsPayload = items.map(item => {\n return { id: item.id, amount: Number(getFieldValue(state, item.id)) };\n });\n\n if (itemsPayload.length) {\n (normalizedPayload as RecipientEntityFields).items = itemsPayload;\n }\n }\n\n return {\n ...acc,\n ...{ [entity === 'offers' ? 'offer' : entity]: normalizedPayload },\n fingerprint,\n };\n }, {} as OrderRequestBody);\n\n const locale = getCurrentLocale(state);\n const provider = getFieldValue(state, 'provider');\n if (provider) {\n payload.provider = provider as string;\n }\n\n if (isEmbedded(state)) {\n const callbackUrl = getFieldValue(state, 'callback_url');\n const callbackVersion = getFieldValue(state, 'callback_version');\n\n const hasCallbackUrl = callbackUrl && (callbackUrl as string).length > 0;\n const isCallbackV2 = callbackVersion === '2';\n\n const statusChangeCallback = {\n id: getFieldValue(state, 'callback_id') as string,\n ...(hasCallbackUrl ? { url: callbackUrl as string } : {}),\n ...(isCallbackV2 ? { version: '2' } : {}),\n };\n\n payload.callback = statusChangeCallback;\n }\n\n return {\n ...payload,\n locale,\n };\n};\n\nconst unexpectedError = (error: APIError, dispatch: PayexDispatch) => {\n dispatch({ type: CREATE_ORDER_FAILURE, payload: {} });\n throw error;\n};\n\nconst paymentInformationError = (\n error: { parsedBody?: { errors?: OrderServiceError[] } },\n dispatch: PayexDispatch,\n) => {\n const {\n parsedBody: { errors } = {},\n } = error;\n const payload = normalize(errors, schemas.arrayOfErrors);\n\n dispatch({ type: CREATE_ORDER_FAILURE, payload });\n throw error;\n};\n\nconst removeInvalidFieldsFromPayload = (\n errors: OrderServiceError[] = [],\n payload: CreateOrderRequestBody,\n) => {\n const newPayload = { ...payload };\n const COUNTRY_SOURCE = '/sender/fields/country';\n const { sender, recipient, offer } = newPayload;\n\n const omitCountry = (error: OrderServiceError) =>\n error.source !== COUNTRY_SOURCE;\n const fieldsToRemove = errors.filter(omitCountry).map(error => error.param);\n\n const isValid = (field: Field) => !fieldsToRemove.includes(field.id);\n const newSenderFields = sender.fields.filter(isValid);\n const newRecipientFields = recipient.fields\n ? recipient.fields.filter(isValid)\n : [];\n const newOfferFields = offer?.fields ? offer.fields.filter(isValid) : [];\n\n newPayload.sender.fields = newSenderFields;\n newPayload.recipient.fields = newRecipientFields;\n if (newPayload.offer && !isEmpty(offer)) {\n newPayload.offer.fields = newOfferFields;\n }\n\n return newPayload;\n};\n\nconst createOrderRetry =\n (error: APIError, payload: CreateOrderRequestBody): PayexThunkAction =>\n (dispatch, _getState, { apiV3 }) => {\n const {\n parsedBody: { errors } = {},\n } = error;\n\n dispatch({\n type: EMPTY_ERROR_FIELDS,\n payload: normalize(errors, schemas.arrayOfErrors),\n });\n\n return apiV3.orders\n .create(removeInvalidFieldsFromPayload(errors, payload))\n .then(response => {\n dispatch({ type: CREATE_ORDER_SUCCESS, payload: response });\n })\n .catch(error => {\n unexpectedError(error, dispatch);\n });\n };\n\nexport const createOrder =\n (\n recreateOrder = false,\n ): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isOfferSelected = !!getFieldValue(state, 'offer');\n const isRecurringConfigurationSet = !!getFieldValue(\n state,\n 'metadata_recurring_configuration_id',\n );\n const orderCreationEntities = [...ORDER_CREATION_ENTITIES];\n if (isOfferSelected) {\n orderCreationEntities.push('offers');\n }\n\n const payload = entitiesPayload(\n orderCreationEntities,\n state,\n false,\n recreateOrder,\n );\n\n const payouts = getPayouts(state);\n if (!isEmpty(payouts)) {\n payload.payables = payouts;\n }\n\n const recipientId = 'recipient';\n if (payload.recipient) {\n payload.recipient.id = getFieldValue(state, recipientId) as string;\n }\n\n const callbackId = getFieldValue(state, 'callback_id');\n const callbackUrl = getFieldValue(state, 'callback_url');\n const callbackVersion = getFieldValue(state, 'callback_version');\n\n if (callbackId || callbackUrl || callbackVersion) {\n payload.callback = {\n ...(callbackId && { id: callbackId as string }),\n ...(callbackUrl && { url: callbackUrl as string }),\n ...(callbackVersion && { version: callbackVersion as string }),\n };\n }\n\n const returnUrl = getFieldValue(state, 'return_url');\n if (returnUrl) {\n payload.return_url = returnUrl as string;\n }\n if (recreateOrder) {\n const currentOrder = getOrder(state);\n if (currentOrder?.metadata) {\n const { trackingUrl, ...restMetadata } = currentOrder.metadata;\n payload.metadata = decamelizeKeys(restMetadata) as Record<\n string,\n string\n >;\n }\n } else if (isRecurringConfigurationSet) {\n payload.metadata = {\n recurring_configuration_id: getFieldValue(\n state,\n 'metadata_recurring_configuration_id',\n ) as string,\n };\n }\n\n dispatch({ type: CREATE_ORDER_REQUEST });\n\n return apiV3.orders\n .create(payload)\n .then(response =>\n dispatch({ type: CREATE_ORDER_SUCCESS, payload: response }),\n )\n .catch((error: APIError) => {\n if (error.status === 503) {\n return dispatch(enableFeature(MAINTENANCE_MODE));\n }\n\n const {\n parsedBody: { errors } = {},\n } = error;\n const isValidationError = (error: OrderServiceError) =>\n error.type === INVALID_PARAM_ERROR;\n const validationErrors = errors?.filter(isValidationError);\n const hasNotValidationErrors = validationErrors?.length === 0;\n\n const isRecipient = (error: OrderServiceError) =>\n error.param === 'recipient';\n const recipientError = validationErrors?.find(isRecipient);\n if (recipientError) {\n dispatch({ type: CREATE_ORDER_FAILURE, payload: recipientError });\n throw error;\n }\n\n const paymentInformationFields = ['country', 'items', 'amount'];\n const isPaymentInformation = (error: OrderServiceError) =>\n error.param && paymentInformationFields.includes(error.param);\n const paymentInformationErrors =\n validationErrors?.filter(isPaymentInformation);\n\n const hasPaymentInformationErrors = !!paymentInformationErrors?.length;\n\n if (hasNotValidationErrors) {\n return unexpectedError(error, dispatch);\n }\n\n if (hasPaymentInformationErrors) {\n return paymentInformationError(error, dispatch);\n }\n\n return dispatch(createOrderRetry(error, payload));\n });\n };\n\nexport const recreateOrder = (): ReturnType => dispatch => {\n dispatch(setFieldValue('offer', ''));\n return dispatch(createOrder(true));\n};\n\nconst returnUrl = (id: string, token: string, hideUserManagement: boolean) => {\n const domain = url.getCurrentUrl();\n let trackingUrl = `${domain}/tracking/${id}?token=${token}`;\n\n if (hideUserManagement === true) {\n trackingUrl = `${trackingUrl}&hideUserManagement=true`;\n }\n\n return trackingUrl;\n};\n\nexport const updateOrderMetadata =\n (metadata: Record): PayexThunkAction =>\n (dispatch, getState) => {\n const state = getState();\n const provider = getFieldValue(state, 'provider');\n\n return dispatch(\n updateOrder({\n ...(provider && { provider: provider as string }),\n fingerprint: cookies.read(PERMANENT_COOKIE_NAME) || undefined,\n metadata,\n }),\n );\n };\n\nexport const addExtraFees =\n () => (dispatch: Dispatch, getState: () => RootState) => {\n const state = getState();\n const order = getOrder(state);\n const offer = getOrderOffer(state);\n\n const currency = (offer.price as Price).currency;\n\n order.price = {\n currency: { code: currency },\n } as Price;\n\n const requestBody = decamelizeKeys(order) as Decamelized;\n\n dispatch({ type: UPDATE_ORDER_REQUEST });\n\n extraFees\n .add(requestBody)\n .then(response => {\n dispatch({ type: UPDATE_ORDER_SUCCESS, payload: response });\n })\n .catch(error => {\n const {\n parsedBody: { errors: validationErrors = [] } = {},\n } = error;\n\n dispatch({\n type: UPDATE_ORDER_FAILURE,\n payload: normalize(validationErrors, schemas.arrayOfErrors),\n });\n });\n };\n\nconst updateOrder =\n (payload: Partial): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingOrder = isFetching(state, 'order');\n\n if (isFetchingOrder) {\n return alreadyFetchingOrder();\n }\n\n dispatch({ type: UPDATE_ORDER_REQUEST });\n\n const { id, token } = getOrder(state);\n const hideUserManagement = shouldHideUserManagement(state);\n payload.return_url = returnUrl(id, token, hideUserManagement);\n payload.metadata = {\n ...payload.metadata,\n tracking_url: returnUrl(id, token, hideUserManagement),\n };\n const recipient = getRecipient(state);\n\n return apiV3.orders\n .update({ orderId: id, token, ...payload, recipientId: recipient?.id })\n .then(response =>\n dispatch({ type: UPDATE_ORDER_SUCCESS, payload: response }),\n )\n .catch(error => {\n if (error.status === 503) {\n return dispatch(enableFeature(MAINTENANCE_MODE));\n }\n\n const {\n parsedBody: { errors: validationErrors = [] } = {},\n } = error;\n\n error.message = `${UPDATE_ORDER_FAILURE} ${error.message}`;\n if (error.status >= HTTPStatuses.INTERNAL_SERVER_ERROR) {\n errorNotifier.notifyWithFingerprint(error, [\n UPDATE_ORDER_FAILURE,\n error.status,\n ]);\n }\n\n dispatch({\n type: UPDATE_ORDER_FAILURE,\n payload: normalize(validationErrors, schemas.arrayOfErrors),\n });\n\n if (isThereAnErrorRetrievingTaxes(getState())) {\n dispatch(taxErrorNotification());\n }\n\n throw error;\n });\n };\n\nexport const updateOrderWithEntities =\n (\n entities: FieldEntityType | FieldEntityType[],\n ): PayexThunkAction> =>\n (dispatch, getState) => {\n const state = getState();\n const payload = entitiesPayload(entities, state, true);\n\n return dispatch(updateOrder(payload));\n };\n\nconst paymentInformationPayload = (state: RootState) => {\n const locale = getCurrentLocale(state);\n\n const fingerprint = cookies.read(PERMANENT_COOKIE_NAME);\n\n const sender: { fields: { id: string; value: string }[] } = {\n fields: [],\n };\n if (!isReadOnlyOrderSectionField(state, 'sender_country')) {\n const selectedCountry = getFieldValue(state, 'sender_country') as string;\n sender.fields.push({ id: 'country', value: selectedCountry });\n }\n\n const formatItem = (item: Item) => {\n const { id } = item;\n const amount = Number(getFieldValue(state, item.id));\n\n return { id, amount };\n };\n const items = getItems(state);\n const itemsPayload = items.filter(editableFields).map(formatItem);\n const recipient = { items: itemsPayload };\n\n return { sender, recipient, locale, fingerprint };\n};\n\nexport const updateOrderWithPaymentInformation =\n (): PayexThunkAction => (dispatch, getState) => {\n const state = getState();\n const payload = paymentInformationPayload(state);\n\n return dispatch(updateOrder(payload));\n };\n\nexport const addOrderToUser =\n (): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const order = getOrder(state);\n const { id: orderId, token } = order;\n\n dispatch({ type: ADD_ORDER_TO_USER_REQUEST });\n\n return apiV3.orders\n .addOrderToUser({ orderId, token })\n .then(payload => dispatch({ type: ADD_ORDER_TO_USER_SUCCESS, payload }))\n .then(response => response.payload)\n .catch(error => {\n error.message = `${ADD_ORDER_TO_USER_FAILURE} ${error.message}`;\n if (error.status !== HTTPStatuses.UNPROCESSABLE_ENTITY) {\n errorNotifier.notifyWithFingerprint(error, [\n ADD_ORDER_TO_USER_FAILURE,\n error.status,\n ]);\n }\n });\n };\n\nexport const resetOrder = (): PayexThunkAction => dispatch => {\n dispatch({\n type: RESET_ORDER,\n });\n};\n\nexport const addCoupon =\n (couponCode: string): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingOrder = isFetching(state, 'order');\n\n if (isFetchingOrder) {\n return alreadyFetchingOrder();\n }\n\n dispatch({ type: ADD_COUPON_REQUEST });\n\n const { id, token } = getOrder(state);\n\n return apiV3.orders\n .addCoupon({\n orderId: id,\n token,\n couponCode,\n })\n .then(response => {\n const couponValidation = response?.couponValidation;\n delete response.couponValidation;\n\n dispatch({ type: UPDATE_ORDER_SUCCESS, payload: response });\n dispatch(setFieldValue(COUPON_CODE, couponCode));\n couponValidation && dispatch(trackCouponValidation(couponValidation));\n })\n .catch(error => {\n dispatch({ type: ADD_COUPON_FAILURE });\n\n error.message = `${ADD_COUPON_FAILURE} ${error.message}`;\n if (error.status > HTTPStatuses.UNPROCESSABLE_ENTITY) {\n errorNotifier.notifyWithFingerprint(error, [\n ADD_COUPON_FAILURE,\n error.status,\n ]);\n }\n\n const couponValidation = error.parsedBody?.couponValidation;\n couponValidation && dispatch(trackCouponValidation(couponValidation));\n\n throw error;\n });\n };\n\nexport const deleteCoupon =\n (couponCode: string): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingOrder = isFetching(state, 'order');\n\n if (isFetchingOrder) {\n return alreadyFetchingOrder();\n }\n\n dispatch({ type: DELETE_COUPON_REQUEST });\n\n const { id, token } = getOrder(state);\n\n return apiV3.orders\n .deleteCoupon({\n orderId: id,\n token,\n couponCode,\n })\n .then(response => {\n dispatch({ type: UPDATE_ORDER_SUCCESS, payload: response });\n dispatch(setFieldValue(COUPON_CODE, ''));\n })\n .catch(error => {\n dispatch({ type: DELETE_COUPON_FAILURE });\n\n error.message = `${DELETE_COUPON_FAILURE} ${error.message}`;\n if (error.status >= HTTPStatuses.UNPROCESSABLE_ENTITY) {\n errorNotifier.notifyWithFingerprint(error, [\n DELETE_COUPON_FAILURE,\n error.status,\n ]);\n }\n\n throw error;\n });\n };\n\nexport const addRedeemCashback =\n (): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingOrder = isFetching(state, 'order');\n\n if (isFetchingOrder) {\n return alreadyFetchingOrder();\n }\n\n dispatch({ type: ADD_REDEEM_CASHBACK_REQUEST });\n\n const { id, token } = getOrder(state);\n\n return apiV3.orders\n .addRedeemCashback({\n orderId: id,\n token,\n })\n .then(response => {\n dispatch({ type: UPDATE_ORDER_SUCCESS, payload: response });\n })\n .catch(error => {\n dispatch({ type: ADD_REDEEM_CASHBACK_FAILURE });\n\n error.message = `${ADD_REDEEM_CASHBACK_FAILURE} ${error.message}`;\n if (error.status >= HTTPStatuses.UNPROCESSABLE_ENTITY) {\n errorNotifier.notifyWithFingerprint(error, [\n ADD_REDEEM_CASHBACK_FAILURE,\n error.status,\n ]);\n }\n });\n };\n\nexport const deleteRedeemCashback =\n (): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingOrder = isFetching(state, 'order');\n\n if (isFetchingOrder) {\n return alreadyFetchingOrder();\n }\n\n dispatch({ type: DELETE_REDEEM_CASHBACK_REQUEST });\n\n const { id, token } = getOrder(state);\n\n return apiV3.orders\n .deleteRedeemCashback({\n orderId: id,\n token,\n })\n .then(response => {\n dispatch({ type: UPDATE_ORDER_SUCCESS, payload: response });\n })\n .catch(error => {\n dispatch({ type: DELETE_REDEEM_CASHBACK_FAILURE });\n\n error.message = `${DELETE_REDEEM_CASHBACK_FAILURE} ${error.message}`;\n if (error.status >= HTTPStatuses.UNPROCESSABLE_ENTITY) {\n errorNotifier.notifyWithFingerprint(error, [\n DELETE_REDEEM_CASHBACK_FAILURE,\n error.status,\n ]);\n }\n });\n };\n","import type { PayexDispatch, PayexThunkAction } from 'store/configureStore';\n\nimport {\n enableFeature,\n entitiesPayload,\n fetchDocuments,\n newNotification,\n saveAcademicFields,\n setDocCollectorFinished,\n trackRecurringPaymentBooked,\n trackSubscriptionPaymentBooked,\n trackSubscriptionWhatsapp,\n} from 'actions';\nimport type { HttpError } from 'constants/index';\nimport {\n CANCEL_PAYMENT_FAILURE,\n CANCEL_PAYMENT_REQUEST,\n CANCEL_PAYMENT_SUCCESS,\n CHINESE_FIELD_ID,\n CREATE_PAYMENT_FAILURE,\n CREATE_PAYMENT_REQUEST,\n CREATE_PAYMENT_SUCCESS,\n DELETE_PAYMENT_LRS_FAILURE,\n DELETE_PAYMENT_LRS_REQUEST,\n DELETE_PAYMENT_LRS_SUCCESS,\n FETCH_DOCUMENTS_COLLECTIONS_FAILURE,\n FETCH_DOCUMENTS_COLLECTIONS_REQUEST,\n FETCH_DOCUMENTS_COLLECTIONS_SUCCESS,\n FETCH_DOCUMENTS_COLLECTIONS_SUCCESS_WITHOUT_RESULTS,\n FETCH_LOGGED_USER_PAYMENT_FAILURE,\n FETCH_LOGGED_USER_PAYMENT_REQUEST,\n FETCH_LOGGED_USER_PAYMENT_SUCCESS,\n FETCH_PAYMENT_FAILURE,\n FETCH_PAYMENT_REQUEST,\n FETCH_PAYMENT_SUCCESS,\n FETCH_SMS_NOTIFICATION_FAILURE,\n FETCH_SMS_NOTIFICATION_REQUEST,\n FETCH_SMS_NOTIFICATION_SUCCESS,\n FETCH_USER_PAYMENTS_FAILURE,\n FETCH_USER_PAYMENTS_REQUEST,\n FETCH_USER_PAYMENTS_SUCCESS,\n FETCH_USER_PAYMENT_FAILURE,\n FETCH_USER_PAYMENT_REQUEST,\n FETCH_USER_PAYMENT_SUCCESS,\n HTTPStatuses,\n INITIATE_PAYMENT_REQUEST,\n INITIATE_PAYMENT_SUCCESS,\n INTERVAL_FIELD,\n MAINTENANCE_MODE,\n PAYER_PASSPORT_FIELD_ID,\n PAYMENT_FETCH_ERROR,\n PAYMENT_PROOF_COMPLETED,\n PERMANENT_COOKIE_NAME,\n PROMOTIONS_OPT_IN_FIELD,\n SAVE_ACADEMIC_FIELDS_FAILURE,\n STUDENT_CHINESE_FIELD_ID,\n STUDENT_CNY_ID_NUMBER,\n STUDENT_PASSPORT_FIELD_ID,\n UPDATE_PAYMENT_FAILURE,\n UPDATE_PAYMENT_REQUEST,\n UPDATE_PAYMENT_SUCCESS,\n UPDATE_SENDER_EMAIL,\n UPLOAD_LRS_FAILURE,\n UPLOAD_LRS_REQUEST,\n UPLOAD_LRS_SIGNATURE_FILE_BAD_FORMAT,\n UPLOAD_LRS_SUCCESS,\n USE_PAYEX_PAYMENTS_CONTROLLER,\n} from 'constants/index';\nimport type {\n FieldEntityType,\n LegacyRecurringSelectedOffer,\n Payment,\n PreviousPayment,\n} from 'models';\nimport type { RootState } from 'reducers/types';\nimport {\n getAcademicFields,\n getCaptchaResponse,\n getCurrentLocale,\n getFeature,\n getFieldByEntity,\n getFieldValue,\n getLinkById,\n getOrder,\n getPayment,\n getPaymentId,\n getPaymentToken,\n getRecipientId,\n getSelectedOffer,\n isFetching,\n isLoggedIn,\n isSelectedOfferLegacyRecurring,\n isSelectedOfferLegacySubscription,\n isTrackingPage,\n orderHasOwner,\n paymentIsFromAgents,\n shouldHideUserManagement,\n shouldReceiveWhatsappNotification,\n untilIsFetched,\n} from 'selectors';\nimport { callbackPayment } from 'utils/callbackPayment/callbackPayment';\nimport { cookies } from 'utils/cookies/cookies';\nimport { now } from 'utils/date/date';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport {\n isHttpErrorWithParsedBody,\n isHttpErrorWithStatus,\n} from 'utils/errors/errors';\n\nimport { embedded } from 'repositories';\nimport { logger } from 'services/logger/logger';\nimport { lrs } from 'services/lrs/lrs';\nimport type { PaymentsService } from 'services/payex/payments/payments';\nimport type {\n RepeatPaymentPayload,\n UpdatePaymentRequestBody,\n} from 'services/payex/payments/types';\nimport type { CreatePaymentPayload } from 'services/payments/payments';\nimport { normalizeErrors, normalizePayment } from 'services/payments/payments';\nimport { normalizeSmsNotifications } from 'services/smsNotifications/smsNotifications';\n\nconst SIGNATURE_FILE_ERROR = 'invalid_signature';\nconst PERFORMING_ACTION_ERROR =\n 'notifications.edit_payment_details.performing_action_error';\nconst ENGLISH = 'en';\n\nconst shouldUsePayexService = (state: RootState) =>\n getFeature(state, USE_PAYEX_PAYMENTS_CONTROLLER);\nconst getCreatePaymentCallback = ():\n | ((payment: Payment) => unknown)\n | undefined => {\n const onPaymentCreated = embedded.getProp('onPaymentCreated');\n\n const callback = (payment: Payment): unknown =>\n // @ts-expect-error this is coming from embedded props and it's hard to type\n onPaymentCreated(callbackPayment(payment));\n\n return onPaymentCreated ? callback : undefined;\n};\n\nexport const createPayment =\n (platform: string): PayexThunkAction> =>\n async (dispatch, getState, { payments, promotions, userLanguage }) => {\n const state = getState();\n const isCreatingPayment = isFetching(state, 'createPayment');\n\n if (isCreatingPayment) {\n return;\n }\n\n dispatch({ type: CREATE_PAYMENT_REQUEST });\n\n const locale = getCurrentLocale(state);\n const senderEmail = getFieldValue(state, 'sender_email') as string;\n if (locale !== ENGLISH) {\n userLanguage.update(senderEmail as string, locale);\n }\n\n const promotionsOptIn = getFieldValue(state, PROMOTIONS_OPT_IN_FIELD);\n if (promotionsOptIn) {\n promotions.subscribe(senderEmail as string);\n }\n\n const { id, token } = getOrder(state);\n const captchaResponse = getCaptchaResponse(state);\n const selectedOffer = getSelectedOffer(state);\n const callback = getCreatePaymentCallback();\n const hideUserManagement = shouldHideUserManagement(state);\n const interval = getFieldValue(state, INTERVAL_FIELD);\n\n const subscriptionType =\n 'recurring' in selectedOffer\n ? (selectedOffer as LegacyRecurringSelectedOffer).recurring.type\n : undefined;\n\n const isSubscription = subscriptionType && subscriptionType !== 'fixed';\n const isRecurring =\n interval && (!subscriptionType || subscriptionType === 'fixed');\n\n const recipient = getRecipientId(state);\n const whatsappNotification = shouldReceiveWhatsappNotification(state);\n\n const params: CreatePaymentPayload = {\n orderId: id,\n token,\n locale,\n callback,\n hideUserManagement,\n captchaResponse: captchaResponse as string,\n ...(isSubscription && {\n recurring: { type: subscriptionType },\n }),\n ...(isRecurring && {\n recurring: {\n type: 'fixed',\n interval: interval as number,\n },\n }),\n platform,\n recipient,\n ...(whatsappNotification != null && { whatsappNotification }),\n };\n\n try {\n const normalizedPayment = await payments.create(params); ////\n\n if (whatsappNotification !== undefined && whatsappNotification !== null) {\n dispatch(trackSubscriptionWhatsapp(whatsappNotification));\n }\n\n if (isSelectedOfferLegacyRecurring(state)) {\n if (isSelectedOfferLegacySubscription(state)) {\n dispatch(trackSubscriptionPaymentBooked());\n } else if (interval) {\n dispatch(trackRecurringPaymentBooked(interval as number));\n }\n }\n\n saveAcademicFieldsToPayment(state, normalizedPayment, dispatch);\n\n return dispatch({\n type: CREATE_PAYMENT_SUCCESS,\n payload: normalizedPayment,\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const { status, parsedBody } = error as HttpError;\n\n if (status === 503) {\n return dispatch(enableFeature(MAINTENANCE_MODE));\n }\n\n return dispatch({\n type: CREATE_PAYMENT_FAILURE,\n payload: parsedBody,\n });\n } else {\n return dispatch({\n type: CREATE_PAYMENT_FAILURE,\n });\n }\n }\n };\n\nexport const fetchPayment =\n ({\n orderId,\n token,\n }: {\n orderId?: string;\n token?: string;\n } = {}): PayexThunkAction> =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n\n await untilIsFetched(getState, 'payment');\n\n dispatch({ type: FETCH_PAYMENT_REQUEST });\n\n const locale = getCurrentLocale(state);\n\n if (!orderId || !token) {\n ({ id: orderId, token } = getOrder(state));\n }\n\n if (!orderId || !token) {\n errorNotifier.notify(\n `${FETCH_PAYMENT_FAILURE} Invalid order id (${orderId}) or token (${token}) when fetching order payment`,\n );\n dispatch({ type: FETCH_PAYMENT_FAILURE });\n return { success: false };\n }\n\n try {\n const response = await apiV3.orders.fetchPayment({\n orderId,\n token,\n locale,\n });\n\n const payment = response[response.length - 1];\n\n if (!payment) {\n dispatch({ type: FETCH_PAYMENT_FAILURE });\n return { success: false };\n }\n\n dispatch({\n type: FETCH_PAYMENT_SUCCESS,\n payload: normalizePayment(payment),\n });\n\n return { success: true, payment };\n } catch (_error) {\n dispatch({ type: FETCH_PAYMENT_FAILURE });\n return { success: false };\n }\n };\n\nexport const cancelPayment =\n (): PayexThunkAction> =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isCancellingPayment = isFetching(state, 'paymentManagement');\n\n if (isCancellingPayment) {\n return;\n }\n\n dispatch({ type: CANCEL_PAYMENT_REQUEST });\n\n const { href, method } = getLinkById(state, 'cancellation') || {};\n\n if (!href) {\n return;\n }\n\n let cancellationReason;\n if (paymentIsFromAgents(state)) {\n cancellationReason = 'agents';\n }\n\n try {\n const response = await apiV3.orders.cancelPayment({\n url: href,\n method: method as string,\n cancellationReason,\n });\n\n await logger.log({\n description: 'payment cancelled by user',\n parameters: {\n payment: getPayment(state),\n },\n });\n\n return dispatch({\n type: CANCEL_PAYMENT_SUCCESS,\n payload: response,\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const httpError = error as HttpError;\n const { status } = httpError;\n\n if (\n status !== HTTPStatuses.NOT_FOUND &&\n status !== HTTPStatuses.BAD_REQUEST &&\n status !== HTTPStatuses.NOT_ALLOWED\n ) {\n httpError.message = `${CANCEL_PAYMENT_FAILURE} ${httpError.message}`;\n errorNotifier.notifyWithFingerprint(httpError, [\n CANCEL_PAYMENT_FAILURE,\n `${status || ''}`,\n ]);\n }\n }\n return dispatch({ type: CANCEL_PAYMENT_FAILURE });\n }\n };\n\nexport const initiatePayment =\n (): PayexThunkAction =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingPaymentActions = isFetching(state, 'paymentActions');\n\n if (isFetchingPaymentActions) {\n return;\n }\n\n dispatch({ type: INITIATE_PAYMENT_REQUEST });\n\n const { href: url, method } = getLinkById(state, 'initiate') || {};\n const currentIsoDate = now();\n const response = await apiV3.orders.initiatePayment({\n url: url as string,\n method: method as string,\n date: currentIsoDate,\n });\n\n return dispatch({\n type: INITIATE_PAYMENT_SUCCESS,\n payload: { ...response },\n });\n };\n\nexport const fetchUserPayments =\n ({\n page = 1,\n }: { page?: number } = {}): PayexThunkAction<\n Promise<{ type: string; payload: unknown }>\n > =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n try {\n await untilIsFetched(getState, 'payments');\n dispatch({ type: FETCH_USER_PAYMENTS_REQUEST });\n const payments = await service.payments.fetchUserPayments({ page });\n\n return dispatch({\n type: FETCH_USER_PAYMENTS_SUCCESS,\n payload: payments,\n });\n } catch (error) {\n return dispatch({\n type: FETCH_USER_PAYMENTS_FAILURE,\n payload: error,\n });\n }\n };\n\nexport const fetchUserPaymentsIfNeeded =\n (): PayexThunkAction => async (dispatch, getState) => {\n const {\n entities: { payments = [] } = {},\n } = getState();\n\n if (payments.length > 0) {\n return;\n }\n\n return dispatch(fetchUserPayments());\n };\n\ntype FetchPaymentByIdReturnType =\n | Promise>\n | Promise>\n | undefined;\n\nfunction saveAcademicFieldsToPayment(\n state: RootState,\n normalizedPayment: ReturnType,\n dispatch: PayexDispatch,\n) {\n try {\n const academicFields = getAcademicFields(state);\n if (academicFields) {\n const paymentId = normalizedPayment?.result;\n const payload = {\n payment_id: paymentId,\n expected_year_graduation: academicFields.expectedYearGraduation,\n program_type: academicFields.programType,\n student_personal_email: academicFields.studentPersonalEmail,\n student_mobile_number: academicFields.studentMobileNumber,\n };\n\n const token = normalizedPayment.entities.payments[paymentId].token;\n\n dispatch(saveAcademicFields({ token, payload }));\n }\n } catch (error) {\n errorNotifier.notify(error);\n\n return dispatch({\n type: SAVE_ACADEMIC_FIELDS_FAILURE,\n });\n }\n}\n\nexport function fetchPaymentById(\n id: string,\n isUserPayment: false,\n): PayexThunkAction<\n Promise> | undefined\n>;\nexport function fetchPaymentById(\n id: string,\n isUserPayment?: boolean,\n): PayexThunkAction<\n Promise> | undefined\n>;\n\nexport function fetchPaymentById(\n id: string,\n isUserPayment?: boolean,\n): PayexThunkAction {\n return async (dispatch, getState, { payex }) => {\n const state = getState();\n const isFetchingPayment = isFetching(state, 'payment');\n const locale = getCurrentLocale(state);\n\n if (isFetchingPayment) {\n return;\n }\n if (isUserPayment) {\n return fetchUserPaymentById(id, dispatch, { payments: payex.payments });\n }\n\n dispatch({ type: FETCH_PAYMENT_REQUEST });\n\n try {\n const payment = await payex.payments.fetchById({ id, locale });\n const { payload } = await dispatch({\n type: FETCH_PAYMENT_SUCCESS,\n payload: normalizePayment(payment),\n });\n return payload;\n } catch (_e) {\n dispatch({ type: FETCH_PAYMENT_FAILURE });\n }\n };\n}\n\nconst fetchUserPaymentById = (\n paymentId: string,\n dispatch: PayexDispatch,\n { payments }: { payments: PaymentsService },\n) => {\n dispatch({ type: FETCH_USER_PAYMENT_REQUEST });\n\n return payments\n .fetchById({\n id: paymentId,\n })\n .then(payment => {\n if (!payment) {\n return dispatch({ type: FETCH_USER_PAYMENT_FAILURE });\n }\n const payload = normalizePayment(payment);\n\n const {\n entities: { payments },\n result,\n } = payload;\n\n return dispatch({\n type: FETCH_USER_PAYMENT_SUCCESS,\n payload: payments[result],\n });\n })\n .then((response: { type: string; payload?: Payment }) => response.payload);\n};\n\nexport const fetchLoggedUserPaymentById =\n (\n paymentId: string,\n ): PayexThunkAction> =>\n async (dispatch, _, { payex }) => {\n dispatch({ type: FETCH_LOGGED_USER_PAYMENT_REQUEST });\n\n return payex.payments\n .fetchById({\n id: paymentId,\n })\n .then(payment => {\n const payload = normalizePayment(payment);\n const {\n entities: { payments },\n result,\n } = payload;\n\n return dispatch({\n type: FETCH_LOGGED_USER_PAYMENT_SUCCESS,\n payload: payments[result],\n });\n })\n .catch(error => {\n if (isHttpErrorWithStatus(error)) {\n const httpError = error as HttpError;\n const { status = '' } = httpError;\n if (status === HTTPStatuses.NOT_FOUND) {\n const message = PERFORMING_ACTION_ERROR;\n const noti = newNotification({ message, type: 'error' });\n\n dispatch(noti);\n }\n }\n\n dispatch({\n type: FETCH_LOGGED_USER_PAYMENT_FAILURE,\n });\n\n throw new Error(PAYMENT_FETCH_ERROR);\n });\n };\n\nexport const fetchSMSNotification =\n (): PayexThunkAction> =>\n async (dispatch, getState, { apiV3, payex }) => {\n try {\n const state = getState();\n const isFetchingPaymentActions = isFetching(state, 'paymentActions');\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n if (isFetchingPaymentActions) {\n return;\n }\n\n dispatch({ type: FETCH_SMS_NOTIFICATION_REQUEST });\n\n const { href: url } = getLinkById(state, 'sms_notification') || {};\n const response = await service.payments.fetchSMSNotification({\n url: url as string,\n });\n\n return dispatch({\n type: FETCH_SMS_NOTIFICATION_SUCCESS,\n payload: normalizeSmsNotifications(response),\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const httpError = error as HttpError;\n const { status = '' } = httpError;\n if (status !== HTTPStatuses.NOT_FOUND) {\n httpError.message = `${FETCH_SMS_NOTIFICATION_FAILURE} ${httpError.message}`;\n errorNotifier.notifyWithFingerprint(httpError, [\n FETCH_SMS_NOTIFICATION_FAILURE,\n `${status}`,\n ]);\n }\n }\n return dispatch({ type: FETCH_SMS_NOTIFICATION_FAILURE });\n }\n };\n\nexport const updatePayment =\n (): PayexThunkAction> =>\n (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const isUpdatingPayment = isFetching(state, 'payment');\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n if (isUpdatingPayment) {\n return Promise.reject(new Error('Already updating a payment...'));\n }\n\n dispatch({ type: UPDATE_PAYMENT_REQUEST });\n\n const token = getPaymentToken(state);\n const id = getPaymentId(state);\n const payload = updatePaymentPayload(state);\n\n return service.payments\n .update({ ...payload, id, token } as UpdatePaymentRequestBody)\n .then(payment => {\n updateSenderEmail(dispatch, payload);\n\n dispatch({\n type: UPDATE_PAYMENT_SUCCESS,\n payload: {\n sender: payment.sender,\n offer: payment.offer,\n recipient: payment.recipient,\n },\n });\n })\n .catch(error => {\n const {\n parsedBody: { errors },\n } = error;\n\n dispatch({\n type: UPDATE_PAYMENT_FAILURE,\n payload: normalizeErrors(errors),\n });\n\n throw new Error();\n });\n };\n\nconst updateSenderEmail = (\n dispatch: PayexDispatch,\n payload: ReturnType,\n) => {\n const {\n sender: { fields },\n } = payload;\n const email = fields.find(({ id }) => id === 'email')?.value;\n\n dispatch({ type: UPDATE_SENDER_EMAIL, payload: email });\n};\n\nconst updatePaymentPayload = (state: RootState) => {\n const shouldNotFilterEncryptedFields = () =>\n !isTrackingPage(state) || (orderHasOwner(state) && isLoggedIn(state));\n\n const filterChineseId = (fieldId: string) => {\n if (shouldNotFilterEncryptedFields()) {\n return true;\n }\n const chineseFields = [\n `offer_${CHINESE_FIELD_ID}`,\n `offer_${STUDENT_CHINESE_FIELD_ID}`,\n ];\n return !chineseFields.includes(fieldId);\n };\n\n const filterStudentCnyIdNumber = (fieldId: string) => {\n if (shouldNotFilterEncryptedFields()) {\n return true;\n }\n return fieldId !== STUDENT_CNY_ID_NUMBER;\n };\n\n const filterStudentPassport = (fieldId: string) => {\n if (shouldNotFilterEncryptedFields()) {\n return true;\n }\n return fieldId !== STUDENT_PASSPORT_FIELD_ID;\n };\n\n const filterPayerPassport = (fieldId: string) => {\n if (shouldNotFilterEncryptedFields()) {\n return true;\n }\n return fieldId !== PAYER_PASSPORT_FIELD_ID;\n };\n\n const entityFieldsPayload = (name: FieldEntityType) => {\n const entity = getFieldByEntity(state, name);\n const { byId: fields, ids: fieldList } = entity;\n\n return fieldList\n .filter(filterChineseId)\n .filter(filterStudentCnyIdNumber)\n .filter(filterStudentPassport)\n .filter(filterPayerPassport)\n .filter((fieldId: string) => {\n const field = fields[fieldId];\n return 'updatableForPayments' in field\n ? field.updatableForPayments\n : true;\n })\n .map(field => {\n const { name } = fields[field];\n const value = getFieldValue(state, field);\n return { id: name, value };\n });\n };\n\n return {\n recipient: {\n fields: entityFieldsPayload('recipient'),\n },\n offer: {\n fields: entityFieldsPayload('offers'),\n },\n sender: {\n fields: entityFieldsPayload('sender'),\n },\n };\n};\n\nexport const deletePaymentLRS =\n (): PayexThunkAction> =>\n async (dispatch, getState, { lrs }) => {\n const state = getState();\n const isFetchingPayment = isFetching(state, 'payment');\n\n if (isFetchingPayment) {\n return;\n }\n\n const paymentId = getPaymentId(state);\n const paymentToken = getPaymentToken(state);\n\n dispatch({ type: DELETE_PAYMENT_LRS_REQUEST });\n try {\n await lrs.delete({ paymentId, paymentToken });\n dispatch({ type: DELETE_PAYMENT_LRS_SUCCESS });\n dispatch(setDocCollectorFinished(false));\n dispatch(fetchDocuments());\n } catch (_error) {\n dispatch({ type: DELETE_PAYMENT_LRS_FAILURE });\n }\n };\n\ntype UploadLRSParams = {\n bankAccountNumber: string;\n studentFullName: string;\n studentID: string;\n transactions: PreviousPayment[];\n signatureImage: string;\n};\n\nexport const uploadLRS =\n (data: UploadLRSParams): PayexThunkAction> =>\n async (dispatch, getState) => {\n const state = getState();\n const paymentId = getPaymentId(state);\n const paymentToken = getPaymentToken(state);\n\n dispatch({ type: UPLOAD_LRS_REQUEST });\n try {\n await lrs.upload({\n ...data,\n paymentId,\n paymentToken,\n });\n dispatch(setDocCollectorFinished(true));\n dispatch(fetchDocuments());\n dispatch({ type: UPLOAD_LRS_SUCCESS });\n return { success: true };\n } catch (error) {\n let message = `notifications.${UPLOAD_LRS_FAILURE.toLowerCase()}`;\n if (isHttpErrorWithParsedBody(error)) {\n const httpError = error as HttpError;\n httpError.message = `${UPLOAD_LRS_FAILURE} ${httpError.message}`;\n errorNotifier.notifyWithFingerprint(\n httpError,\n [UPLOAD_LRS_FAILURE, `${httpError.status || ''}`],\n { ...data, paymentId },\n );\n\n const { parsedBody } = httpError;\n if (\n parsedBody?.error &&\n typeof parsedBody?.error === 'string' &&\n SIGNATURE_FILE_ERROR === parsedBody.error.toLowerCase()\n ) {\n message = `${message}.${SIGNATURE_FILE_ERROR}`;\n dispatch({ type: UPLOAD_LRS_SIGNATURE_FILE_BAD_FORMAT });\n }\n }\n const noti = newNotification({ message, type: 'error' });\n\n dispatch(noti);\n\n dispatch({ type: UPLOAD_LRS_FAILURE });\n\n return { success: false };\n }\n };\n\nexport const previewLRSData =\n (\n data: object,\n ): PayexThunkAction<\n Promise<{ success: false } | { success: true; data: ArrayBuffer }>\n > =>\n async (dispatch, getState) => {\n const state = getState();\n const paymentId = getPaymentId(state);\n const paymentToken = getPaymentToken(state);\n\n try {\n const lrsData = await lrs.previewForm({\n ...data,\n paymentId,\n paymentToken,\n });\n\n return { success: true, data: lrsData };\n } catch (error) {\n errorNotifier.notify(error, {\n ...data,\n paymentId,\n });\n dispatch({ type: UPLOAD_LRS_FAILURE });\n return { success: false };\n }\n };\n\nexport const repeatPayment =\n (): PayexThunkAction> =>\n async (_, getState, { payex }) => {\n const fingerprint = cookies.read(PERMANENT_COOKIE_NAME) || 'no_fingerprint';\n const state = getState();\n const payment = getPayment(state);\n const locale = getCurrentLocale(state);\n\n const dynamicFields = entitiesPayload(['offers', 'recipient'], state);\n\n if (!dynamicFields.recipient.items) {\n throw new Error('Items are required for repeat payment');\n }\n\n const payload: RepeatPaymentPayload = {\n id: payment.id,\n paymentToken: payment.token,\n items: dynamicFields.recipient.items,\n fingerprint,\n locale,\n offerFields: dynamicFields.offer?.fields,\n };\n const repeatedPayment = await payex.payments.repeatPayment(payload);\n\n return repeatedPayment;\n };\n\nexport const changePaymentMethod =\n (): PayexThunkAction> =>\n async (dispatch, getState, { payex }) => {\n const state = getState();\n const currentPayment = getPayment(state);\n const { id, token } = getOrder(state);\n const fingerprint = cookies.read(PERMANENT_COOKIE_NAME) || 'no_fingerprint';\n const locale = getCurrentLocale(state);\n const payload = {\n orderId: id,\n orderToken: token,\n paymentId: currentPayment.id,\n paymentToken: currentPayment.token,\n fingerprint,\n locale,\n };\n const payment = await payex.payments.changePaymentMethod(payload);\n return dispatch({\n type: CREATE_PAYMENT_SUCCESS,\n payload: normalizePayment(payment),\n });\n };\n\nexport const completePaymentProof = () => ({\n type: PAYMENT_PROOF_COMPLETED,\n});\n\nexport const fetchDocumentsCollections =\n (): PayexThunkAction =>\n async (dispatch, getState, { payex }) => {\n const state = getState();\n const isFetchingDocumentsCollections = isFetching(\n state,\n 'documentsCollections',\n );\n const paymentId = getPaymentId(state);\n\n if (!paymentId || isFetchingDocumentsCollections) {\n return;\n }\n\n dispatch({ type: FETCH_DOCUMENTS_COLLECTIONS_REQUEST });\n\n const { token } = getPayment(state);\n const locale = getCurrentLocale(state);\n try {\n const response = await payex.payments.fetchDocumentsCollections({\n id: paymentId,\n token,\n locale,\n });\n\n return dispatch({\n type: FETCH_DOCUMENTS_COLLECTIONS_SUCCESS,\n payload: response,\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const { status } = error as HttpError;\n\n if (status === HTTPStatuses.NOT_FOUND) {\n return dispatch({\n type: FETCH_DOCUMENTS_COLLECTIONS_SUCCESS_WITHOUT_RESULTS,\n });\n }\n }\n\n errorNotifier.notify(error);\n\n return dispatch({ type: FETCH_DOCUMENTS_COLLECTIONS_FAILURE });\n }\n };\n","import type { PaymentWithEntities } from 'models/payment';\n\nconst callbackPayment = (payment: PaymentWithEntities) => {\n const {\n value,\n currency: { code },\n } = payment.price;\n const formattedPrice = { value, currency: code };\n\n const formattedPayment = {\n reference: payment.id,\n price: formattedPrice,\n status: payment.status,\n instructions: null,\n instructionsType: null,\n trackingNumber: null,\n };\n\n return formattedPayment;\n};\n\nexport { callbackPayment };\n","import { normalize } from 'normalizr';\n\nimport type { PayexThunkAction } from 'store/configureStore';\n\nimport {\n FETCH_OFFER_FAILURE,\n FETCH_OFFER_REQUEST,\n FETCH_OFFER_SUCCESS,\n FETCH_REPEAT_PAYMENT_OFFER,\n HTTPStatuses,\n SET_DEFAULT_FIELD_VALUES,\n} from 'constants/index';\nimport { schemas } from 'constants/schemas';\nimport {\n getCurrentLocale,\n getPayment,\n getPaymentOption,\n getRecipient,\n getSenderCountry,\n getSenderFieldValue,\n getTotalAmount,\n isFetching,\n} from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\n\nimport type { RecipientsService } from 'services/apiV3/recipients/recipients';\n\nexport const fetchOfferForRepeatPayment =\n (): PayexThunkAction> =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n\n const { id: recipientId } = getRecipient(state);\n const countryValue = getSenderFieldValue(state, 'country');\n const amount = getTotalAmount(state);\n\n const paymentOption = getPaymentOption(state);\n\n const locale = getCurrentLocale(state);\n\n const country = countryValue ? (countryValue as string) : '';\n\n const offers = await (apiV3.recipients as RecipientsService).fetchOffers({\n recipientId,\n country,\n amount,\n locale,\n });\n\n const payload = offers.find(o => o.paymentOption === paymentOption) || {};\n\n dispatch({ type: FETCH_REPEAT_PAYMENT_OFFER, payload });\n };\n\nexport const fetchOfferFromOrder =\n (id: string): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n\n const { id: recipientId } = getRecipient(state);\n const country = getSenderCountry(state);\n\n const isFetchingOffer = isFetching(state, 'offer');\n if (isFetchingOffer) {\n return Promise.resolve();\n }\n\n dispatch({\n type: FETCH_OFFER_REQUEST,\n });\n\n const locale = getCurrentLocale(state);\n\n return (apiV3.recipients as RecipientsService)\n .fetchOffer({ id, recipientId, country, locale })\n .then(response => {\n const payload = normalize(response, schemas.offer);\n\n dispatch({\n type: FETCH_OFFER_SUCCESS,\n payload,\n });\n\n dispatch({\n type: SET_DEFAULT_FIELD_VALUES,\n payload,\n });\n })\n .catch(error => {\n dispatch({ type: FETCH_OFFER_FAILURE });\n\n const { status } = error;\n\n if (status !== HTTPStatuses.NOT_FOUND) {\n error.message = `${FETCH_OFFER_FAILURE} ${error.message}`;\n errorNotifier.notifyWithFingerprint(error, [\n FETCH_OFFER_FAILURE,\n status,\n ]);\n }\n });\n };\n\nexport const fetchOfferFromCurrentPayment =\n (): PayexThunkAction => (dispatch, getState) => {\n const state = getState();\n const {\n offer: { id },\n } = getPayment(state);\n\n dispatch(fetchOfferFromPayment(id));\n };\n\nexport const fetchOfferFromPayment =\n (id: string): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n\n const { id: recipientId } = getRecipient(state);\n const countryValue = getSenderFieldValue(state, 'country');\n const isFetchingOffer = isFetching(state, 'offer');\n if (isFetchingOffer) {\n return Promise.resolve();\n }\n\n const country = countryValue ? (countryValue as string) : '';\n\n dispatch({\n type: FETCH_OFFER_REQUEST,\n });\n\n const locale = getCurrentLocale(state);\n\n return (apiV3.recipients as RecipientsService)\n .fetchOffer({ id, recipientId, country, locale })\n .then(response => {\n const payload = normalize(response, schemas.offer);\n\n dispatch({\n type: FETCH_OFFER_SUCCESS,\n payload,\n });\n\n dispatch({\n type: SET_DEFAULT_FIELD_VALUES,\n payload,\n });\n })\n .catch(error => {\n dispatch({ type: FETCH_OFFER_FAILURE });\n const { status } = error;\n\n if (status !== HTTPStatuses.NOT_FOUND) {\n error.message = `${FETCH_OFFER_FAILURE} ${error.message}`;\n errorNotifier.notifyWithFingerprint(error, [\n FETCH_OFFER_FAILURE,\n status,\n ]);\n }\n throw error;\n });\n };\n","import get from 'lodash/get';\n\nimport type { PayexDispatch, PayexThunkAction } from 'store/configureStore';\n\nimport {\n FETCH_RECIPIENTS_FAILURE,\n FETCH_RECIPIENTS_REQUEST,\n FETCH_RECIPIENTS_SUCCESS,\n FETCH_RECIPIENT_COUNTRIES_REQUEST,\n FETCH_RECIPIENT_COUNTRIES_SUCCESS,\n FETCH_RECIPIENT_FAILURE,\n FETCH_RECIPIENT_FROM_PAYMENT_FAILURE,\n FETCH_RECIPIENT_FROM_PAYMENT_REQUEST,\n FETCH_RECIPIENT_FROM_PAYMENT_SUCCESS,\n FETCH_RECIPIENT_REQUEST,\n FETCH_RECIPIENT_SUCCESS,\n SET_DEFAULT_FIELD_VALUES,\n SET_FIELDS_VALUES,\n} from 'constants/index';\nimport type { Recipient } from 'models';\nimport type { RootState } from 'reducers/types';\nimport {\n getCurrentLocale,\n getFieldByEntity,\n getFieldValue,\n getRecipientsIds,\n isFetching,\n} from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\n\nimport {\n normalizeRecipient,\n normalizeRecipientCountries,\n normalizeRecipients,\n fetch as recipientsServiceFetch,\n} from 'services/recipients';\n\nimport type { RecipientsService } from '../../../services/apiV3/recipients/recipients';\n\nexport const fetchRecipient =\n (id: string): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n\n if (isFetching(state, 'recipient')) {\n return Promise.resolve();\n }\n\n dispatch({\n type: FETCH_RECIPIENT_REQUEST,\n });\n\n const locale = getCurrentLocale(state);\n\n return (apiV3.recipients as RecipientsService)\n .fetch({ id, locale })\n .then(response => handleRecipientResponse(response, dispatch, state))\n .catch(error => {\n handleRecipientError(error, dispatch);\n throw error;\n });\n };\n\nexport const fetchRecipientFromPayment =\n (id: string): PayexThunkAction> =>\n async (dispatch, getState) => {\n const state = getState();\n if (isFetching(state, 'recipient')) {\n return Promise.resolve();\n }\n\n dispatch({ type: FETCH_RECIPIENT_FROM_PAYMENT_REQUEST });\n\n const locale = getCurrentLocale(state);\n\n try {\n const response = await recipientsServiceFetch({ id, locale });\n dispatch({\n type: FETCH_RECIPIENT_FROM_PAYMENT_SUCCESS,\n payload: response,\n });\n } catch (error) {\n dispatch({ type: FETCH_RECIPIENT_FROM_PAYMENT_FAILURE });\n throw error;\n }\n };\n\nexport const fetchRecipientByCode =\n (id: string): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n\n const isFetchingRecipient = isFetching(state, 'recipient');\n if (isFetchingRecipient) {\n return Promise.resolve();\n }\n\n dispatch({\n type: FETCH_RECIPIENT_REQUEST,\n });\n\n const locale = getCurrentLocale(state);\n\n return (apiV3.recipients as RecipientsService)\n .fetch({ id, locale })\n .then(response => handleRecipientResponse(response, dispatch, state))\n .catch(error => handleRecipientError(error, dispatch));\n };\n\nconst handleRecipientResponse = (\n response: Recipient,\n dispatch: PayexDispatch,\n state: RootState,\n) => {\n const payload = normalizeRecipient(response);\n\n dispatch({\n type: FETCH_RECIPIENT_SUCCESS,\n payload,\n });\n\n const payloadWithoutPrefilledFields = removePrefilledFields(state, payload);\n\n dispatch({\n type: SET_DEFAULT_FIELD_VALUES,\n payload: payloadWithoutPrefilledFields,\n });\n};\n\nconst handleRecipientError = (error: unknown, dispatch: PayexDispatch) => {\n errorNotifier.notify(error);\n dispatch({ type: FETCH_RECIPIENT_FAILURE });\n};\n\nconst removePrefilledFields = (\n state: RootState,\n payload: ReturnType,\n) => {\n const NO_VALUE = '';\n const newPayload = { ...payload };\n\n newPayload.entities = { ...payload.entities };\n\n const {\n entities: { fields = {} },\n } = newPayload;\n\n newPayload.entities.fields = Object.keys(fields)\n .filter(field => getFieldValue(state, field) === NO_VALUE)\n .reduce((acc, key) => {\n // @ts-expect-error string is not a key\n acc[key] = fields[key];\n return acc;\n }, {});\n\n return newPayload;\n};\n\nexport const fetchRecipients =\n (idOrIds: string[] = []): PayexThunkAction> =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingRecipients = isFetching(state, 'recipients');\n\n if (isFetchingRecipients) {\n return Promise.resolve();\n }\n\n const ids = Array.isArray(idOrIds) ? idOrIds : new Array(idOrIds);\n const locale = getCurrentLocale(state);\n\n dispatch({\n type: FETCH_RECIPIENTS_REQUEST,\n });\n\n try {\n const recipients = await Promise.all(\n ids.map(async id => apiV3.recipients.fetch({ id, locale })),\n );\n\n dispatch({\n type: FETCH_RECIPIENTS_SUCCESS,\n payload: normalizeRecipients(recipients),\n });\n } catch (error) {\n errorNotifier.notify(error);\n\n dispatch({ type: FETCH_RECIPIENTS_FAILURE });\n }\n };\n\nexport const fetchPaymentsRecipient =\n (): PayexThunkAction> => async (dispatch, getState) => {\n const state = getState();\n const ids: string[] = getRecipientsIds(state);\n\n return dispatch(fetchRecipients(ids));\n };\n\nexport const fetchRecipientCountries =\n (recipientId: string): PayexThunkAction> =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingRecipient = isFetching(state, 'recipient');\n\n if (isFetchingRecipient) {\n return Promise.resolve();\n }\n dispatch({\n type: FETCH_RECIPIENT_COUNTRIES_REQUEST,\n });\n\n const response = await apiV3.recipients.fetchCountries({\n recipientId,\n locale: getCurrentLocale(state),\n });\n\n dispatch({\n type: FETCH_RECIPIENT_COUNTRIES_SUCCESS,\n payload: normalizeRecipientCountries(response),\n });\n };\n\nexport const resetRecipientHiddenFields =\n (): PayexThunkAction<{ type: string; payload: unknown }> =>\n (dispatch, getState) => {\n const state = getState();\n\n const { byId = {}, ids = [] } = getFieldByEntity(state, 'recipient') || {};\n\n const fields = ids.reduce((acc, current) => {\n if (!get(byId, `${current}.hidden`, false)) {\n return acc;\n }\n\n return { ...acc, [current]: get(byId, `${current}.value`, false) };\n }, {});\n\n return dispatch({\n type: SET_FIELDS_VALUES,\n payload: { fields },\n });\n };\n","import { normalize } from 'normalizr';\n\nimport type { PayexThunkAction } from 'store/configureStore';\n\nimport { fetchRecipients } from 'actions/index';\nimport { USE_PAYEX_PAYMENTS_CONTROLLER } from 'constants/features';\nimport type { HttpError } from 'constants/http';\nimport { HTTPStatuses } from 'constants/http';\nimport {\n FETCH_KYC_TOKEN_FAILURE,\n FETCH_KYC_TOKEN_REQUEST,\n FETCH_KYC_TOKEN_SUCCESS,\n FETCH_PAYMENT_REFUNDS_FAILURE,\n FETCH_PAYMENT_REFUNDS_REQUEST,\n FETCH_PAYMENT_REFUNDS_SUCCESS,\n} from 'constants/refunds';\nimport { schemas } from 'constants/schemas';\nimport type { RootState } from 'reducers/types';\nimport { getFeature } from 'selectors';\nimport { getKyc } from 'selectors/entities/refunds/refunds';\nimport { isFetching } from 'selectors/ui/ui';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { isHttpErrorWithStatus } from 'utils/errors/errors';\n\nconst shouldUsePayexService = (state: RootState) =>\n getFeature(state, USE_PAYEX_PAYMENTS_CONTROLLER);\n\nexport const fetchPaymentRefunds =\n (paymentId: string): PayexThunkAction =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const isFetchingRefunds = isFetching(state, 'refunds');\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n if (isFetchingRefunds) {\n return;\n }\n\n dispatch({ type: FETCH_PAYMENT_REFUNDS_REQUEST });\n\n try {\n const response = await service.payments.fetchPaymentRefunds({\n paymentId,\n });\n const { refunds = [] } = response;\n const uniqueRecipientIds = [\n ...new Set(\n refunds\n .map(refund => refund?.sender?.id)\n .filter(recipient => !!recipient),\n ),\n ].filter(Boolean);\n\n await dispatch(fetchRecipients(uniqueRecipientIds as string[]));\n return dispatch({\n type: FETCH_PAYMENT_REFUNDS_SUCCESS,\n payload: normalize(refunds, schemas.arrayOfRefunds),\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const _error = error as HttpError;\n const { status = '' } = _error as HttpError;\n\n if (\n status !== HTTPStatuses.NOT_FOUND &&\n status !== HTTPStatuses.BAD_REQUEST\n ) {\n _error.message = `${FETCH_PAYMENT_REFUNDS_FAILURE} ${_error.message}`;\n errorNotifier.notifyWithFingerprint(_error, [\n FETCH_PAYMENT_REFUNDS_FAILURE,\n `${_error.status}`,\n ]);\n }\n }\n return dispatch({ type: FETCH_PAYMENT_REFUNDS_FAILURE });\n }\n };\n\nexport const fetchKycToken =\n (kycReference: string): PayexThunkAction =>\n async (dispatch, _, { apiV3 }) => {\n dispatch({ type: FETCH_KYC_TOKEN_REQUEST });\n\n try {\n const { token } = await apiV3.kycs.fetchByReference(kycReference);\n return dispatch({ type: FETCH_KYC_TOKEN_SUCCESS, payload: token });\n } catch (_e) {\n return dispatch({ type: FETCH_KYC_TOKEN_FAILURE });\n }\n };\n\nexport const fetchRefundsAndKycToken =\n (paymentId: string): PayexThunkAction =>\n async (dispatch, getState) => {\n await dispatch(fetchPaymentRefunds(paymentId));\n const state = getState();\n const kyc = getKyc(state);\n\n if (kyc && kyc.reference) {\n return dispatch(fetchKycToken(kyc.reference));\n }\n };\n","import isEmpty from 'lodash/isEmpty';\n\nimport type { PayexThunkAction } from 'store/configureStore';\n\nimport { setValidationErrors, trackFieldsErrors } from 'actions';\nimport {\n SENDER_ADDRESS_FIELD,\n SENDER_COUNTRY_FIELD,\n WHITELISTED_COUNTRIES_FOR_PO_BOX,\n WHITELISTED_RECIPIENTS_FOR_PO_BOX,\n} from 'constants/index';\nimport type { Field, FieldValue, Section } from 'models';\nimport { getFieldById, getFieldValue, getRecipientId } from 'selectors';\nimport { clientValidate } from 'utils/clientValidate/clientValidate';\nimport { constraints } from 'utils/clientValidate/constraints';\n\nconst generateConstraints = ({\n fieldOrFields,\n}: {\n fieldOrFields: Field[] | Field;\n}) => {\n return constraints.generate({\n fieldOrFields,\n invalidMsg: 'form.errors.invalid',\n requiredMsg: 'form.errors.required',\n });\n};\n\nexport const validateSections =\n (\n sections: Section[],\n trackReasons = false,\n ): PayexThunkAction> =>\n async dispatch => {\n const fields = sections.reduce(\n (fields, section) => fields.concat(section.fields),\n [] as Field[],\n );\n\n const fieldValues = fields.reduce(\n (fieldValues, { id, defaultValue }) => {\n return defaultValue\n ? {\n ...fieldValues,\n [id]: defaultValue,\n }\n : fieldValues;\n },\n {} as Record,\n );\n\n const fieldsConstraints = generateConstraints({ fieldOrFields: fields });\n\n try {\n await clientValidate.async(fieldValues, fieldsConstraints);\n\n const invalidFields = fields.filter(\n field => (field as Field).required && !(field as Field).isValid,\n );\n\n if (!isEmpty(invalidFields) && trackReasons) {\n throw invalidFields.reduce((acc, { id, error }) => {\n return { ...acc, [id]: [error] };\n }, {});\n }\n return true;\n } catch (errors) {\n let requiredFieldsErrors = {};\n const _errors = errors as Record;\n\n if (trackReasons) {\n requiredFieldsErrors = Object.keys(_errors).reduce(\n (acc, id) => ({\n ...acc,\n [id]: fieldValues[id] ? 'Error' : 'Empty field',\n }),\n {} as Record,\n );\n }\n dispatch(setValidationErrors(_errors));\n dispatch(trackFieldsErrors(requiredFieldsErrors));\n return false;\n }\n };\n\nexport const validateSectionField =\n (id: string): PayexThunkAction =>\n async (dispatch, getState) => {\n const state = getState();\n const field = getFieldById(state, id);\n\n const fieldConstraints = generateConstraints({ fieldOrFields: field });\n\n try {\n await clientValidate.async(\n { [id]: field.defaultValue },\n fieldConstraints,\n );\n return true;\n } catch (errors) {\n dispatch(setValidationErrors(errors as Record));\n return false;\n }\n };\n\nconst isRecipientWhitelisted = (recipient: string) => {\n return WHITELISTED_RECIPIENTS_FOR_PO_BOX.includes(recipient);\n};\n\nconst isCountryWhitelisted = (country: string) => {\n return WHITELISTED_COUNTRIES_FOR_PO_BOX.includes(country);\n};\n\nconst isPoBox = (address: string) => {\n const poBoxPattern =\n /^(((\\d*\\s?)?((p[. ]?o[. ]?)|(unit\\s*\\d*\\s*box)|(post office box)|(office\\s?box)|(p[. ]?o[. ]?\\s?box)|(box)|(p[. ]?o[. ]?b[. ]?))(\\s?\\d*)?))(($)|(\\s.*$))/gim;\n return poBoxPattern.test(address);\n};\n\nexport const validateSenderAddress =\n (): PayexThunkAction => async (dispatch, getState) => {\n const state = getState();\n const value = getFieldValue(state, SENDER_ADDRESS_FIELD) as string;\n const country = getFieldValue(state, SENDER_COUNTRY_FIELD) as string;\n const recipient = getRecipientId(state);\n\n if (\n isPoBox(value) &&\n !isCountryWhitelisted(country) &&\n !isRecipientWhitelisted(recipient)\n ) {\n const errors = {\n [SENDER_ADDRESS_FIELD]: ['errors.po_box_not_accepted'],\n };\n dispatch(setValidationErrors(errors));\n return false;\n }\n\n return true;\n };\n","import { removeCookiesAuth } from 'store/storage';\nimport { removeLocalStorageUserKey } from 'store/storage/localStorage';\n\nimport { normalizeAuthPayload } from 'actions/authentication/authentication';\nimport {\n autoLogoutEnabled,\n getCaptchaResponse,\n getCurrentLocale,\n getFieldValue,\n getRefreshToken,\n isFetching,\n isImpersonatingUser,\n isLoggedIn,\n} from 'selectors';\nimport { cookies } from 'utils/cookies/cookies';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { isHttpErrorWithStatus } from 'utils/errors/errors';\nimport { localStorage, sessionStorage } from 'utils/storage';\n\nimport type { CheckActivePlansResponse } from 'domain/recurringReceivables/repository/types';\nimport { users } from 'repositories';\nimport { auth } from 'services/payex/auth/auth';\n\nimport type { HttpError } from '../../../constants';\nimport {\n AUTH_LOCALSTORAGE_KEY,\n CARD_ACTIVE_PLANS_FAILURE,\n CARD_ACTIVE_PLANS_REQUEST,\n CARD_ACTIVE_PLANS_SUCCESS,\n CHANGE_USER_PASSWORD_SUCCESS,\n CREATE_USER_FAILURE,\n CREATE_USER_REQUEST,\n CREATE_USER_SUCCESS,\n FETCH_EXTENDED_USER_FAILURE,\n FETCH_EXTENDED_USER_REQUEST,\n FETCH_EXTENDED_USER_SUCCESS,\n FETCH_PAYMENT_METHODS_FAILURE,\n FETCH_PAYMENT_METHODS_REQUEST,\n FETCH_PAYMENT_METHODS_SUCCESS,\n FETCH_USER_FAILURE,\n FETCH_USER_REQUEST,\n FETCH_USER_SUCCESS,\n HTTPStatuses,\n INTERNAL_SERVER_FAILURE,\n LOGIN_USER_SUCCESS,\n LOGOUT_USER_REQUEST,\n LOGOUT_USER_SUCCESS,\n REMOVE_CREDIT_CARD_FAILURE,\n REMOVE_CREDIT_CARD_REQUEST,\n REMOVE_CREDIT_CARD_SUCCESS,\n REMOVE_NEW_CREDIT_CARD_FAILURE,\n REMOVE_NEW_CREDIT_CARD_SUCCESS,\n SENDER_EMAIL_FIELD,\n USER_EXISTS_FAILURE,\n USER_EXISTS_REQUEST,\n USER_EXISTS_SUCCESS,\n} from '../../../constants';\nimport type { PayexThunkAction } from '../../../store/configureStore';\n\ntype UserAttributes = {\n firstName: string;\n lastName: string;\n email: string;\n password: string;\n};\n\nexport const signupUser =\n (attributes: UserAttributes): PayexThunkAction =>\n async (dispatch, getState) => {\n const state = getState();\n const isFetchingUser = isFetching(state, 'user');\n const locale = getCurrentLocale(state);\n const captchaResponse = getCaptchaResponse(state);\n\n if (isFetchingUser) {\n return Promise.resolve();\n }\n\n dispatch({ type: CREATE_USER_REQUEST });\n\n const { email, password, firstName, lastName } = attributes;\n const payload = {\n captchaResponse,\n email,\n firstName,\n lastName,\n locale,\n password,\n passwordConfirmation: password,\n };\n\n try {\n const { user, token } = await auth.signup(payload, locale);\n\n const authentication = normalizeAuthPayload(token);\n\n dispatch({\n type: CREATE_USER_SUCCESS,\n payload: user,\n });\n\n return dispatch({\n type: LOGIN_USER_SUCCESS,\n payload: { authentication, user },\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const { status } = error as HttpError;\n if (status === HTTPStatuses.INTERNAL_SERVER_ERROR) {\n dispatch({ type: INTERNAL_SERVER_FAILURE });\n }\n }\n\n dispatch({\n type: CREATE_USER_FAILURE,\n });\n throw error;\n }\n };\n\nexport const fetchUser =\n (): PayexThunkAction =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingUser = isFetching(state, 'user');\n\n if (isFetchingUser) {\n return;\n }\n\n dispatch({ type: FETCH_USER_REQUEST });\n\n try {\n const response = await apiV3.users.fetchUser();\n if (!response) {\n return dispatch({ type: FETCH_USER_FAILURE });\n }\n\n dispatch({\n type: FETCH_USER_SUCCESS,\n payload: response,\n });\n } catch (error) {\n dispatch({\n type: FETCH_USER_FAILURE,\n payload: error,\n });\n }\n };\n\nexport const cleanUserData =\n (): PayexThunkAction =>\n (dispatch, getState) => {\n const state = getState();\n const isLoggingOut = isFetching(state, 'logout');\n if (isLoggingOut) {\n return undefined;\n }\n\n dispatch({ type: LOGOUT_USER_REQUEST });\n\n localStorage.removeItem(AUTH_LOCALSTORAGE_KEY);\n sessionStorage.removeItem(AUTH_LOCALSTORAGE_KEY);\n removeCookiesAuth();\n removeLocalStorageUserKey();\n\n return dispatch({ type: LOGOUT_USER_SUCCESS });\n };\n\nexport const cleanUnauthorizedUserData =\n (): PayexThunkAction => (dispatch, getState) => {\n const state = getState();\n const isImpersonating = isImpersonatingUser(state);\n\n if (!isImpersonating) {\n dispatch(cleanUserData());\n }\n };\n\nexport const logout =\n (): PayexThunkAction =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const refreshToken = getRefreshToken(state);\n\n dispatch(cleanUserData());\n\n if (!refreshToken) {\n return Promise.resolve();\n }\n\n const payload = { refresh_token: refreshToken };\n\n try {\n return await apiV3.authentication.revoke(payload);\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const { status } = error as HttpError;\n if (status !== HTTPStatuses.UNAUTHORIZED) {\n errorNotifier.notify(error);\n }\n }\n }\n };\n\nexport const autoLogout = (): PayexThunkAction => (dispatch, getState) => {\n const state = getState();\n if (!isLoggedIn(state)) {\n return;\n }\n if (autoLogoutEnabled(state)) {\n return dispatch(logout());\n }\n};\n\nexport const resetUserPassword =\n (userEmail: string): PayexThunkAction =>\n () => {\n return auth.resetPassword({ userEmail });\n };\n\nexport const changeUserPassword =\n ({\n password,\n resetPasswordToken,\n }: {\n password: string;\n resetPasswordToken: string;\n }): PayexThunkAction =>\n async (dispatch, _getState, { apiV3 }) => {\n await apiV3.users.changePassword({\n password,\n resetPasswordToken,\n });\n return dispatch({\n type: CHANGE_USER_PASSWORD_SUCCESS,\n });\n };\n\nexport const userExists =\n (): PayexThunkAction => async (dispatch, getState) => {\n dispatch({\n type: USER_EXISTS_REQUEST,\n });\n\n const state = getState();\n const email = getFieldValue(state, SENDER_EMAIL_FIELD);\n const token = cookies.read('csrf');\n\n const response = await users.userExists({\n email: email as string,\n token: token || undefined,\n });\n\n dispatch({\n type: response ? USER_EXISTS_SUCCESS : USER_EXISTS_FAILURE,\n });\n };\n\nexport const fetchPaymentMethods =\n (): PayexThunkAction =>\n async (dispatch, _getState, { wallet }) => {\n dispatch({\n type: FETCH_PAYMENT_METHODS_REQUEST,\n });\n\n try {\n const response = await wallet.fetchPaymentMethods();\n\n dispatch({\n type: FETCH_PAYMENT_METHODS_SUCCESS,\n payload: response,\n });\n } catch (_error) {\n dispatch({ type: FETCH_PAYMENT_METHODS_FAILURE });\n }\n };\n\nexport const removeNewCreditCard =\n (apiConfirmationUrl: string, uuidToken: string): PayexThunkAction =>\n async (dispatch, _getState, { wallet }) => {\n dispatch({\n type: REMOVE_CREDIT_CARD_REQUEST,\n });\n return wallet\n .removeNewCreditCard({\n apiConfirmationUrl,\n uuidToken,\n })\n .then(() =>\n dispatch({\n type: REMOVE_NEW_CREDIT_CARD_SUCCESS,\n }),\n )\n .catch(() => {\n dispatch({ type: REMOVE_NEW_CREDIT_CARD_FAILURE });\n });\n };\n\nexport const removeCreditCard =\n (token: string): PayexThunkAction =>\n async (dispatch, _getState, { wallet }) => {\n dispatch({ type: REMOVE_CREDIT_CARD_REQUEST });\n\n try {\n const result = await wallet.removeCreditCard(token);\n\n dispatch({\n type: REMOVE_CREDIT_CARD_SUCCESS,\n payload: token,\n });\n return result;\n } catch (_error) {\n dispatch({ type: REMOVE_CREDIT_CARD_FAILURE });\n }\n };\n\nexport const checkCardActivePlans =\n (token: string): PayexThunkAction> =>\n async (dispatch, _, { recurringReceivables }) => {\n dispatch({\n type: CARD_ACTIVE_PLANS_REQUEST,\n });\n\n try {\n const response = await recurringReceivables.checkCardActivePlans(token);\n\n dispatch({\n type: CARD_ACTIVE_PLANS_SUCCESS,\n });\n\n return response;\n } catch (_error) {\n dispatch({\n type: CARD_ACTIVE_PLANS_FAILURE,\n });\n }\n };\n\nexport const fetchExtendedUser =\n (): PayexThunkAction =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n if (!isLoggedIn(state)) {\n return;\n }\n\n const isFetchingExtendedUser = isFetching(state, 'extendedUser');\n if (isFetchingExtendedUser) {\n return;\n }\n\n dispatch({ type: FETCH_EXTENDED_USER_REQUEST });\n try {\n const extendedUserMe = await apiV3.users.fetchExtendedUser();\n\n return dispatch({\n type: FETCH_EXTENDED_USER_SUCCESS,\n payload: extendedUserMe,\n });\n } catch (error) {\n return dispatch({\n type: FETCH_EXTENDED_USER_FAILURE,\n payload: error,\n });\n }\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { getFieldValue, getRecipientId, isFetching } from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport type { I18n } from 'utils/translations';\n\nimport type { SaveAcademicParams } from 'services/payex/academic/types';\n\nimport { isEmpty } from 'lodash';\nimport {\n FETCH_ACADEMIC_FAILURE,\n FETCH_ACADEMIC_REQUEST,\n FETCH_ACADEMIC_SUCCESS,\n PROMOTIONS_OPT_IN_FIELD,\n SAVE_ACADEMIC_FIELDS_FAILURE,\n SAVE_ACADEMIC_FIELDS_REQUEST,\n SAVE_ACADEMIC_FIELDS_SUCCESS,\n} from '../../../constants';\nimport { normalizeAcademicFields } from '../../../services/academic/academic';\n\nexport const fetchAcademicFields =\n (i18n: I18n): PayexThunkAction =>\n async (dispatch, getState, { payex }) => {\n const state = getState();\n\n if (isFetching(state, 'academic')) {\n return Promise.resolve();\n }\n\n dispatch({\n type: FETCH_ACADEMIC_REQUEST,\n });\n const recipient = getRecipientId(state) as string;\n const required =\n (getFieldValue(state, PROMOTIONS_OPT_IN_FIELD) as boolean) || false;\n\n if (!recipient) {\n return;\n }\n\n try {\n const response = await payex.academic.fetch(\n { recipient, required },\n { i18n },\n );\n const { fields = [] } = response;\n const payload = normalizeAcademicFields(fields);\n\n if (!isEmpty(payload)) {\n dispatch({\n type: FETCH_ACADEMIC_SUCCESS,\n payload,\n });\n }\n } catch (error) {\n errorNotifier.notify(error);\n\n dispatch({ type: FETCH_ACADEMIC_FAILURE });\n }\n };\n\nexport const saveAcademicFields =\n (request: SaveAcademicParams): PayexThunkAction =>\n async (dispatch, getState, { payex }) => {\n const state = getState();\n\n if (isFetching(state, 'academic')) {\n return Promise.resolve();\n }\n\n dispatch({\n type: SAVE_ACADEMIC_FIELDS_REQUEST,\n });\n\n try {\n await payex.academic.save(request);\n\n return dispatch({ type: SAVE_ACADEMIC_FIELDS_SUCCESS });\n } catch (error) {\n errorNotifier.notify(error);\n\n return dispatch({\n type: SAVE_ACADEMIC_FIELDS_FAILURE,\n });\n }\n };\n","import { schemas } from 'constants/schemas';\nimport type { Field } from 'models/field';\nimport type { Section } from 'models/section';\nimport { normalizeResponse } from 'utils/normalize/normalize';\n\nexport const normalizeAcademicFields = (\n fields: Field[] = [],\n): {\n entities?: {\n fields: Record;\n sections: Record;\n };\n result?: string[];\n} => {\n return fields.length\n ? normalizeResponse<{\n fields: Record;\n sections: Record;\n }>(fields, schemas.academic)\n : {};\n};\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { getCurrentLocale, isFetching } from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\n\nimport { normalizeCountries } from 'services/countries/countries';\n\nimport {\n FETCH_COUNTRIES_FAILURE,\n FETCH_COUNTRIES_REQUEST,\n FETCH_COUNTRIES_SUCCESS,\n} from '../../../constants';\n\nexport const fetchCountries =\n (\n locale?: string,\n ): PayexThunkAction> =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n\n const isFetchingCountries = isFetching(state, 'countries');\n if (isFetchingCountries) {\n return Promise.resolve();\n }\n\n dispatch({\n type: FETCH_COUNTRIES_REQUEST,\n });\n\n try {\n const response = await apiV3.countries.fetch({\n locale: locale || getCurrentLocale(state),\n });\n return dispatch({\n type: FETCH_COUNTRIES_SUCCESS,\n payload: normalizeCountries(response),\n });\n } catch (error) {\n errorNotifier.notify(error);\n dispatch({ type: FETCH_COUNTRIES_FAILURE });\n }\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport {\n UPLOAD_DOCUMENT_FAILURE,\n UPLOAD_DOCUMENT_REQUEST,\n UPLOAD_DOCUMENT_SUCCESS,\n USE_PAYEX_PAYMENTS_CONTROLLER,\n} from 'constants/index';\nimport type { RootState } from 'reducers/types';\nimport { getFeature, getPayment, getPaymentId, isFetching } from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\n\nconst shouldUsePayexService = (state: RootState) =>\n getFeature(state, USE_PAYEX_PAYMENTS_CONTROLLER);\n\nexport const generateDocumentUrl =\n (filename: string): PayexThunkAction =>\n async (_dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const { token } = getPayment(state);\n const id = getPaymentId(state);\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n try {\n const response = await service.payments.generateDocumentUrl({\n id,\n token,\n filename,\n });\n\n if (!response.url) {\n throw new Error('docCollector.error');\n }\n\n return response.url;\n } catch (error) {\n errorNotifier.notify(error);\n throw error;\n }\n };\n\nexport const uploadDocument =\n (\n file: File,\n documentUrl: string,\n // eslint-disable-next-line camelcase\n info: { payex_type?: string } = {},\n ): PayexThunkAction =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const isFetchingDocuments = isFetching(state, 'documents');\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n if (isFetchingDocuments) {\n return;\n }\n\n dispatch({ type: UPLOAD_DOCUMENT_REQUEST });\n\n try {\n await service.payments.uploadFileToUrl({\n file,\n url: documentUrl,\n info,\n });\n\n return dispatch({\n type: UPLOAD_DOCUMENT_SUCCESS,\n });\n } catch (error) {\n const { name } = file;\n\n errorNotifier.notify(error);\n\n return dispatch({\n type: UPLOAD_DOCUMENT_FAILURE,\n payload: { name },\n });\n }\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport type { HttpError } from 'constants/index';\nimport {\n DELETE_FILE_FAILURE,\n DELETE_FILE_REQUEST,\n DELETE_FILE_SUCCESS,\n UPLOAD_DOCUMENT_FAILURE,\n UPLOAD_DOCUMENT_MAX_FILES_FAILURE,\n UPLOAD_DOCUMENT_REQUEST,\n UPLOAD_DOCUMENT_SUCCESS,\n USE_PAYEX_PAYMENTS_CONTROLLER,\n} from 'constants/index';\nimport type { RootState } from 'reducers/types';\nimport { getFeature, isFetching } from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { isHttpErrorWithStatus } from 'utils/errors/errors';\n\nconst shouldUsePayexService = (state: RootState) =>\n getFeature(state, USE_PAYEX_PAYMENTS_CONTROLLER);\n\nexport const fetchUploadFileURL =\n (documentUploadURL: string): PayexThunkAction> =>\n async (_dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n try {\n const response = await service.payments.fetchFileUploadURL({\n documentUploadURL,\n });\n\n if (!response.url) {\n throw new Error('documentCollector.error');\n }\n\n return response.url;\n } catch (error) {\n errorNotifier.notify(error);\n throw error;\n }\n };\n\nexport const uploadFile =\n (\n file: File,\n documentUrl: string,\n ): PayexThunkAction<\n Promise\n > =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const isFetchingDocuments = isFetching(state, 'documents');\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n if (isFetchingDocuments) {\n return;\n }\n\n dispatch({ type: UPLOAD_DOCUMENT_REQUEST });\n\n try {\n await service.payments.uploadFileToUrl({\n file,\n url: documentUrl,\n });\n\n return dispatch({\n type: UPLOAD_DOCUMENT_SUCCESS,\n });\n } catch (error) {\n const { name } = file;\n\n errorNotifier.notify(error);\n\n return dispatch({\n type: UPLOAD_DOCUMENT_FAILURE,\n payload: { name },\n });\n }\n };\n\nexport const deleteFile =\n (url: string, fileId: string): PayexThunkAction =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const isFetchingDocuments = isFetching(state, 'documents');\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n if (isFetchingDocuments) {\n return;\n }\n\n dispatch({ type: DELETE_FILE_REQUEST });\n\n try {\n await service.payments.deleteFile({ url });\n\n return dispatch({\n type: DELETE_FILE_SUCCESS,\n payload: { fileId },\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const _error = error as HttpError;\n const { status = '' } = _error;\n\n _error.message = `${DELETE_FILE_FAILURE} ${_error.message}`;\n\n errorNotifier.notifyWithFingerprint(_error, [\n DELETE_FILE_FAILURE,\n `${status}`,\n ]);\n }\n }\n };\n\nexport const fileNumberExceeded = () => ({\n type: UPLOAD_DOCUMENT_MAX_FILES_FAILURE,\n});\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { isFetching } from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { isHttpErrorWithStatus } from 'utils/errors/errors';\n\nimport { normalizeKycFields } from 'services/kyc/kyc';\n\nimport type { HttpError } from '../../../constants';\nimport {\n FETCH_KYC_FAILURE,\n FETCH_KYC_REQUEST,\n FETCH_KYC_SUCCESS,\n HTTPStatuses,\n REFUND_KYC_FIELDS_MISSING,\n UPLOAD_REFUND_KYC_DOCUMENT_FAILURE,\n UPLOAD_REFUND_KYC_DOCUMENT_REQUEST,\n UPLOAD_REFUND_KYC_DOCUMENT_SUCCESS,\n} from '../../../constants';\n\nexport const fetchKYC =\n (\n id: string,\n ): PayexThunkAction<\n Promise<{ type: string; payload: unknown } | undefined>\n > =>\n async (dispatch, _, { apiV3 }) => {\n dispatch({ type: FETCH_KYC_REQUEST });\n\n try {\n const { fields = [], uploadUrl } = await apiV3.kycs.fetch({ id });\n return dispatch({\n type: FETCH_KYC_SUCCESS,\n payload: {\n ...normalizeKycFields(fields),\n uploadUrl,\n },\n });\n } catch (error) {\n errorNotifier.notify(error);\n dispatch({ type: FETCH_KYC_FAILURE });\n }\n };\n\nexport const uploadRefundKYC =\n (\n id: string,\n file: File,\n ): PayexThunkAction> =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingRefundKycDocument = isFetching(state, 'refundKycDocument');\n\n if (isFetchingRefundKycDocument) {\n return;\n }\n\n const { recipient, theme, ...fields } = state.ui.fieldValues;\n const { ids: fieldIds } = state.entities.fields.kycs;\n const documentUploadURL = state.entities.links.uploadUrl;\n\n const emptyFields = fieldIds.filter(key => !fields[key]);\n\n if (emptyFields.length > 0) {\n return dispatch({\n type: REFUND_KYC_FIELDS_MISSING,\n payload: { fields: emptyFields },\n });\n }\n\n const formattedFields = Object.keys(fields).map(key => {\n return { label: key, value: fields[key] };\n });\n\n dispatch({ type: UPLOAD_REFUND_KYC_DOCUMENT_REQUEST });\n\n try {\n await apiV3.kycs.uploadDocument(file, documentUploadURL || '');\n await apiV3.kycs.uploadInfo(id, formattedFields);\n\n return dispatch({ type: UPLOAD_REFUND_KYC_DOCUMENT_SUCCESS });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const httpError = error as HttpError;\n\n const { status } = httpError;\n\n if (\n status !== HTTPStatuses.NOT_FOUND &&\n status !== HTTPStatuses.BAD_REQUEST\n ) {\n httpError.message = `${UPLOAD_REFUND_KYC_DOCUMENT_FAILURE} ${httpError.message}`;\n errorNotifier.notifyWithFingerprint(httpError, [\n UPLOAD_REFUND_KYC_DOCUMENT_FAILURE,\n `${status}`,\n ]);\n }\n }\n return dispatch({ type: UPLOAD_REFUND_KYC_DOCUMENT_FAILURE });\n }\n };\n","import { schemas } from 'constants/schemas';\nimport type { Field } from 'models/field';\nimport { normalizeResponse } from 'utils/normalize/normalize';\n\nexport const normalizeKycFields = (\n kycFields: { label: string; value: string }[],\n): {\n entities?: {\n fields: Record;\n };\n result?: string[];\n} => {\n return kycFields.length\n ? normalizeResponse<{\n fields: Record;\n }>(kycFields, schemas.arrayOfKYCFields)\n : {};\n};\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport type { Order } from 'models/order';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { isHttpErrorWithStatus } from 'utils/errors/errors';\n\nimport type { HttpError } from '../../../constants/index';\nimport {\n FETCH_ORDER_FAILURE,\n FETCH_ORDER_REQUEST,\n FETCH_ORDER_SUCCESS,\n HTTPStatuses,\n} from '../../../constants/index';\nimport { getOrder, isFetching } from '../../../selectors';\n\ntype FetchOrderParameters = {\n orderId: string;\n token: string;\n forceFetch?: boolean;\n};\n\nexport const fetchOrder =\n ({\n orderId,\n token,\n forceFetch = false,\n }: FetchOrderParameters): PayexThunkAction<\n Promise\n > =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n\n const order = getOrder(state);\n if (!forceFetch && order && order.id) {\n return Promise.resolve(order);\n }\n\n const isFetchingOrder = isFetching(state, 'order');\n if (isFetchingOrder) {\n return Promise.resolve();\n }\n\n dispatch({ type: FETCH_ORDER_REQUEST });\n\n return apiV3.orders\n .fetch({ orderId, token })\n .then(response =>\n dispatch({ type: FETCH_ORDER_SUCCESS, payload: response as Order }),\n )\n .catch((error: Error) => {\n if (isHttpErrorWithStatus(error)) {\n const { status = '' } = error as HttpError;\n\n dispatch({ type: FETCH_ORDER_FAILURE });\n\n if (status !== HTTPStatuses.NOT_FOUND) {\n error.message = `${FETCH_ORDER_FAILURE} ${error.message}`;\n errorNotifier.notifyWithFingerprint(error, [\n FETCH_ORDER_FAILURE,\n `${status}`,\n ]);\n }\n }\n });\n };\n\nexport const refetchOrder =\n (\n params: Omit,\n ): PayexThunkAction<\n Promise\n > =>\n dispatch => {\n return dispatch(fetchOrder({ ...params, forceFetch: true }));\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport {\n FETCH_ORDER_OWNERSHIP_FAILURE,\n FETCH_ORDER_OWNERSHIP_REQUEST,\n FETCH_ORDER_OWNERSHIP_SUCCESS,\n HTTPStatuses,\n} from 'constants/index';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\n\nimport type { OrderService } from 'services/apiV3/orders/orders';\n\nexport const orderOwnership =\n (): PayexThunkAction> =>\n async (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const {\n entities: {\n order: { id, token },\n },\n } = state;\n\n dispatch({ type: FETCH_ORDER_OWNERSHIP_REQUEST });\n\n return (apiV3.orders as OrderService)\n .ownership({ id, token })\n .then(({ id, token }) =>\n dispatch({\n type: FETCH_ORDER_OWNERSHIP_SUCCESS,\n payload: { id, token },\n }),\n )\n .catch(error => {\n const { status } = error;\n\n if (status !== HTTPStatuses.NOT_FOUND) {\n errorNotifier.notify(error);\n }\n\n dispatch({ type: FETCH_ORDER_OWNERSHIP_FAILURE });\n });\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { USE_PAYEX_PAYMENTS_CONTROLLER } from 'constants/features';\nimport * as ACTION_TYPES from 'constants/smsNotifications';\nimport { SET_FIELD_VALUE } from 'constants/ui';\nimport type { RootState } from 'reducers/types';\nimport { getFeature, getFieldValue, getLinkById, isFetching } from 'selectors';\n\nimport { normalizeSmsNotifications } from 'services/smsNotifications/smsNotifications';\n\nimport { updatePayment } from '../payments';\n\nconst shouldUsePayexService = (state: RootState) =>\n getFeature(state, USE_PAYEX_PAYMENTS_CONTROLLER);\n\nexport const enableSenderSMSNotification =\n (): PayexThunkAction =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n const number = getFieldValue(state, 'sender_phone');\n\n dispatch({ type: ACTION_TYPES.RESET_RECEIVE_SMS_NOTIFICATIONS });\n\n const isFetchingPaymentActions = isFetching(state, 'paymentActions');\n if (isFetchingPaymentActions) {\n return;\n }\n\n const url = getUpdateSMSNotificationUrl(state);\n if (!url) {\n return;\n }\n\n dispatch({ type: ACTION_TYPES.ENABLE_SENDER_SMS_NOTIFICATION_REQUEST });\n\n try {\n const response = await service.payments.updateSMSNotification({\n active: true,\n number: number as string,\n url,\n });\n\n return dispatch({\n type: ACTION_TYPES.ENABLE_SENDER_SMS_NOTIFICATION_SUCCESS,\n payload: response,\n });\n } catch (error) {\n dispatch({ type: ACTION_TYPES.ENABLE_SENDER_SMS_NOTIFICATION_FAILURE });\n\n throw error;\n }\n };\n\nexport const updateSMSNotification =\n ({ number, active }: { number: string; active: boolean }): PayexThunkAction =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n const isFetchingPaymentActions = isFetching(state, 'paymentActions');\n if (isFetchingPaymentActions) {\n return;\n }\n\n const url = getUpdateSMSNotificationUrl(state);\n if (!url) {\n return;\n }\n\n dispatch({ type: ACTION_TYPES.UPDATE_SMS_NOTIFICATION_REQUEST });\n\n try {\n const response = await service.payments.updateSMSNotification({\n active,\n number,\n url,\n });\n\n if (active) {\n await dispatch({\n type: SET_FIELD_VALUE,\n payload: { name: 'sender_phone', value: number },\n });\n await dispatch(updatePayment());\n }\n\n return dispatch({\n type: ACTION_TYPES.UPDATE_SMS_NOTIFICATION_SUCCESS,\n payload: normalizeSmsNotifications(response),\n });\n } catch (error) {\n dispatch({ type: ACTION_TYPES.UPDATE_SMS_NOTIFICATION_FAILURE });\n\n throw error;\n }\n };\n\nconst getUpdateSMSNotificationUrl = (state: RootState) => {\n const link = getLinkById(state, 'sms_notification');\n if (!link) {\n return;\n }\n\n const { href } = link;\n return href;\n};\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { addOrderToUser } from 'actions/entities/orders/orders';\nimport { createPayment } from 'actions/entities/payments/payments';\nimport { enableSenderSMSNotification } from 'actions/entities/smsNotifications/smsNotifications';\nimport {\n CREATE_PAYMENT_FROM_ORDER_FAILURE,\n CREATE_PAYMENT_FROM_ORDER_REQUEST,\n CREATE_PAYMENT_FROM_ORDER_SUCCESS,\n} from 'constants/index';\nimport {\n getPlatform,\n isLoggedIn,\n orderHasOwner,\n shouldReceiveSMSNotification,\n shouldReceiveWhatsappNotification,\n} from 'selectors';\n\nexport const createPaymentFromOrder =\n (): PayexThunkAction> => async (dispatch, getState) => {\n dispatch({ type: CREATE_PAYMENT_FROM_ORDER_REQUEST });\n\n try {\n const state = getState();\n const shouldAddOrderToUser = isLoggedIn(state) && !orderHasOwner(state);\n if (shouldAddOrderToUser) {\n await dispatch(addOrderToUser());\n }\n\n await dispatch(createPayment(getPlatform(state)));\n\n if (\n shouldReceiveSMSNotification(state) &&\n !shouldReceiveWhatsappNotification(state)\n ) {\n await dispatch(enableSenderSMSNotification());\n }\n\n dispatch({ type: CREATE_PAYMENT_FROM_ORDER_SUCCESS });\n } catch (_error) {\n dispatch({ type: CREATE_PAYMENT_FROM_ORDER_FAILURE });\n }\n };\n","import { SET_PAYOUTS } from 'constants/index';\nimport type { Payout } from 'models/payout';\n\nexport const setPayouts = (payouts: Payout[]) => ({\n type: SET_PAYOUTS,\n payload: payouts,\n});\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { trackPaymentProof } from 'actions';\nimport type { HttpError } from 'constants/index';\nimport {\n DELETE_PROOF_FILE_REQUEST,\n DELETE_PROOF_FILE_SUCCESS,\n FETCH_PROOFS_FAILURE,\n FETCH_PROOFS_REQUEST,\n FETCH_PROOFS_SUCCESS,\n FETCH_PROOFS_SUCCESS_WITHOUT_RESULTS,\n HTTPStatuses,\n UPLOAD_PROOF_FAILURE,\n UPLOAD_PROOF_REQUEST,\n UPLOAD_PROOF_SUCCESS,\n USE_PAYEX_PAYMENTS_CONTROLLER,\n} from 'constants/index';\nimport type { RootState } from 'reducers/types';\nimport { getFeature, getPayment, getPaymentId, isFetching } from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { isHttpErrorWithStatus } from 'utils/errors/errors';\n\nimport { normalizeProofs } from 'services/payments/payments';\n\nconst shouldUsePayexService = (state: RootState) =>\n getFeature(state, USE_PAYEX_PAYMENTS_CONTROLLER);\n\nexport const fetchProofs =\n (): PayexThunkAction> =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const isFetchingProofs = isFetching(state, 'proofs');\n const id = getPaymentId(state);\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n if (isFetchingProofs) {\n return;\n }\n\n dispatch({ type: FETCH_PROOFS_REQUEST });\n\n const { token } = getPayment(state);\n try {\n const response = await service.payments.fetchProofs({ id, token });\n\n return dispatch({\n type: FETCH_PROOFS_SUCCESS,\n payload: normalizeProofs(response),\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const { status } = error as HttpError;\n\n if (status === HTTPStatuses.NOT_FOUND) {\n return dispatch({\n type: FETCH_PROOFS_SUCCESS_WITHOUT_RESULTS,\n });\n }\n }\n\n errorNotifier.notify(error);\n\n return dispatch({ type: FETCH_PROOFS_FAILURE });\n }\n };\n\nexport const generateProofUrl =\n (filename: string): PayexThunkAction> =>\n async (_dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n\n const { token } = getPayment(state);\n const id = getPaymentId(state);\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n try {\n const response = await service.payments.generateProofUrl({\n id,\n token,\n filename,\n });\n\n return response.url;\n } catch (error) {\n errorNotifier.notify(error);\n }\n };\n\nexport const uploadProof =\n (file: File, url: string): PayexThunkAction =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const isFetchingProofs = isFetching(state, 'proofs');\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n if (isFetchingProofs) {\n return;\n }\n\n dispatch({ type: UPLOAD_PROOF_REQUEST });\n\n let succeed = true;\n\n try {\n await service.payments.uploadFileToUrl({ file, url });\n\n dispatch({\n type: UPLOAD_PROOF_SUCCESS,\n });\n\n return dispatch(fetchProofs());\n } catch (error) {\n const { name } = file;\n if (isHttpErrorWithStatus(error)) {\n const _error = error as HttpError;\n const { status = '' } = _error;\n\n if (\n status !== HTTPStatuses.NOT_FOUND &&\n status !== HTTPStatuses.BAD_REQUEST\n ) {\n _error.message = `${UPLOAD_PROOF_FAILURE} ${_error.message}`;\n errorNotifier.notifyWithFingerprint(_error, [\n UPLOAD_PROOF_FAILURE,\n `${status}`,\n ]);\n }\n }\n\n succeed = false;\n\n return dispatch({\n type: UPLOAD_PROOF_FAILURE,\n payload: { name },\n });\n } finally {\n dispatch(trackPaymentProof(succeed));\n }\n };\n\nexport const deleteProofFile =\n (\n url: string,\n fileId: string,\n proofId: string,\n ): PayexThunkAction<\n Promise<{ type: string; payload: unknown } | undefined>\n > =>\n async (dispatch, getState, { apiV3, payex }) => {\n const state = getState();\n const isFetchingProofs = isFetching(state, 'proofs');\n const service = shouldUsePayexService(state) ? payex : apiV3;\n\n if (isFetchingProofs) {\n return;\n }\n\n dispatch({ type: DELETE_PROOF_FILE_REQUEST });\n\n try {\n await service.payments.deleteFile({ url });\n\n return dispatch({\n type: DELETE_PROOF_FILE_SUCCESS,\n payload: { fileId, proofId },\n });\n } catch (error) {\n errorNotifier.notify(error);\n }\n };\n","import type { PayexDispatch, PayexThunkAction } from 'store/configureStore';\n\nimport {\n FETCH_LEGACY_RECURRING_OFFERS_SUCCESS,\n FETCH_OFFERS_FAILURE,\n FETCH_OFFERS_REQUEST,\n FETCH_OFFERS_SUCCESS,\n FETCH_RECURRING_OFFERS_FAILURE,\n FETCH_RECURRING_OFFERS_REQUEST,\n FETCH_RECURRING_OFFERS_SUCCESS,\n HTTPStatuses,\n PERMANENT_COOKIE_NAME,\n} from 'constants/index';\nimport type { RootState } from 'reducers/types';\nimport {\n getCurrentLocale,\n getOrderAmount,\n getRecipient,\n getRecurringConfigurationId,\n getSenderCountry,\n isFetching,\n} from 'selectors';\nimport { cookies } from 'utils/cookies/cookies';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\n\nimport type { PayexService } from 'services/payex';\nimport { normalizeOffers } from 'services/payex/offers/offers';\n\nexport const fetchOffersFromOrderIfNeeded =\n (): PayexThunkAction> => (dispatch, getState) => {\n if (shouldFetchOffers(getState())) {\n return dispatch(fetchOffersFromOrder());\n }\n\n return Promise.resolve();\n };\n\nexport const fetchOffersFromOrder =\n (): PayexThunkAction> =>\n (dispatch, getState, { payex }) => {\n const state = getState();\n\n const { id: recipientId } = getRecipient(state);\n const country = getSenderCountry(state);\n const amount = getOrderAmount(state);\n const locale = getCurrentLocale(state);\n const fingerprint = cookies.read(PERMANENT_COOKIE_NAME) || 'no_fingerprint';\n const recurringConfigurationId = getRecurringConfigurationId(state);\n\n return fetchOffers({\n recipientId,\n country: country as string,\n amount,\n fingerprint,\n locale,\n dispatch,\n state,\n payex,\n recurringConfigurationId,\n });\n };\n\nconst shouldFetchOffers = (state: RootState) => {\n const offers = state.entities.offers;\n const none = offers.ids.length === 0;\n\n if (none) {\n return true;\n }\n\n return offers.didInvalidate;\n};\n\nconst fetchOffers = ({\n recipientId,\n country,\n amount,\n fingerprint,\n locale,\n dispatch,\n state,\n payex,\n recurringConfigurationId,\n}: {\n recipientId: string;\n country: string;\n amount: number;\n fingerprint: string;\n locale: string;\n dispatch: PayexDispatch;\n state: RootState;\n payex: PayexService;\n recurringConfigurationId?: string;\n}) => {\n const isFetchingOffers = isFetching(state, 'offers');\n if (isFetchingOffers) {\n return Promise.resolve();\n }\n\n dispatch({\n type: FETCH_OFFERS_REQUEST,\n });\n\n return payex.offers\n .getAll({\n recipientId,\n country,\n amount,\n fingerprint,\n locale,\n recurringConfigurationId,\n })\n .then(response => {\n const singleOffersPayload = normalizeOffers(response.single || []);\n const legacyRecurringOffersPayload = normalizeOffers(\n response.legacyRecurring || [],\n );\n\n dispatch({\n type: FETCH_OFFERS_SUCCESS,\n payload: singleOffersPayload,\n });\n\n dispatch({\n type: FETCH_LEGACY_RECURRING_OFFERS_SUCCESS,\n payload: legacyRecurringOffersPayload,\n });\n\n const recurringOffersPayload = normalizeOffers(\n response?.recurring?.data || [],\n );\n\n dispatch({\n type: FETCH_RECURRING_OFFERS_SUCCESS,\n payload: recurringOffersPayload,\n metadata: response?.recurring?.metadata || {},\n });\n })\n .catch(error => {\n dispatch({ type: FETCH_OFFERS_FAILURE });\n const { status } = error;\n if (status !== HTTPStatuses.NOT_FOUND) {\n error.message = `${FETCH_OFFERS_FAILURE} ${error.message}`;\n errorNotifier.notifyWithFingerprint(error, [\n FETCH_OFFERS_FAILURE,\n status,\n ]);\n }\n });\n};\n\nexport const fetchRecurringOffers = ({\n recipientId,\n country,\n amount,\n installments,\n dispatch,\n state,\n payex,\n recurringConfigurationId,\n}: {\n recipientId: string;\n country: string;\n amount: number;\n installments: number;\n dispatch: PayexDispatch;\n state: RootState;\n payex: PayexService;\n recurringConfigurationId?: string;\n}) => {\n const isFetchingOffers = isFetching(state, 'recurringOffers');\n if (isFetchingOffers) {\n return Promise.resolve();\n }\n\n dispatch({\n type: FETCH_RECURRING_OFFERS_REQUEST,\n });\n\n return payex.offers\n .getRecurringOffers({\n recipientId,\n country,\n amount,\n installments,\n recurringConfigurationId,\n })\n .then(response => {\n const recurringOffersPayload = normalizeOffers(response.data || []);\n\n dispatch({\n type: FETCH_RECURRING_OFFERS_SUCCESS,\n payload: recurringOffersPayload,\n metadata: response.metadata || {},\n });\n })\n .catch(error => {\n dispatch({ type: FETCH_RECURRING_OFFERS_FAILURE });\n const { status } = error;\n\n if (status !== HTTPStatuses.NOT_FOUND) {\n error.message = `${FETCH_OFFERS_FAILURE} ${error.message}`;\n errorNotifier.notifyWithFingerprint(error, [\n FETCH_RECURRING_OFFERS_FAILURE,\n status,\n ]);\n }\n });\n};\n\nexport const fetchRecurringOffersFromOrder =\n ({ installments }: { installments: number }): PayexThunkAction =>\n (dispatch, getState, { payex }) => {\n const state = getState();\n\n const { id: recipientId } = getRecipient(state);\n const country = getSenderCountry(state);\n const amount = getOrderAmount(state);\n const recurringConfigurationId = getRecurringConfigurationId(state);\n\n return fetchRecurringOffers({\n recipientId,\n amount,\n country: country as string,\n installments,\n dispatch,\n state,\n payex,\n recurringConfigurationId,\n });\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { newNotification } from 'actions/ui/ui';\nimport {\n CANCEL_RECURRING_RECEIVABLE_FAILURE,\n CANCEL_RECURRING_RECEIVABLE_REQUEST,\n CANCEL_RECURRING_RECEIVABLE_SUCCESS,\n CREATE_RECURRING_RECEIVABLE_FAILURE,\n CREATE_RECURRING_RECEIVABLE_REQUEST,\n CREATE_RECURRING_RECEIVABLE_SUCCESS,\n FETCH_USER_RECURRING_RECEIVABLES_FAILURE,\n FETCH_USER_RECURRING_RECEIVABLES_REQUEST,\n FETCH_USER_RECURRING_RECEIVABLES_SILENTLY_FAILURE,\n FETCH_USER_RECURRING_RECEIVABLES_SILENTLY_REQUEST,\n FETCH_USER_RECURRING_RECEIVABLES_SILENTLY_SUCCESS,\n FETCH_USER_RECURRING_RECEIVABLES_SUCCESS,\n IS_FETCHING_RECURRING_RECEIVABLE_CANCELLATION_FLAG,\n IS_FETCHING_USER_RECURRING_RECEIVABLES_FLAG,\n PERMANENT_COOKIE_NAME,\n} from 'constants/index';\nimport {\n getCurrentLocale,\n getNumberOfInstallments,\n getOffersRecurringConfigurationId,\n getOrder,\n getSelectedRecurringOffer,\n hasGatewayOrigin,\n isFetching,\n} from 'selectors';\nimport { cookies } from 'utils/cookies/cookies';\n\ntype APIError = {\n parsedBody?: { errors?: { type: string; message: string }[] };\n status: number;\n};\n\nexport const fetchUserRecurringReceivables =\n (params = {}, silently = false): PayexThunkAction =>\n async (dispatch, getState, { recurringReceivables }) => {\n try {\n const state = getState();\n const isFetchingRecurringReceivables = isFetching(\n state,\n IS_FETCHING_USER_RECURRING_RECEIVABLES_FLAG,\n );\n\n if (isFetchingRecurringReceivables) {\n return null;\n }\n\n dispatch({\n type: silently\n ? FETCH_USER_RECURRING_RECEIVABLES_SILENTLY_REQUEST\n : FETCH_USER_RECURRING_RECEIVABLES_REQUEST,\n });\n\n const response = await recurringReceivables.fetch(params);\n\n return dispatch({\n type: silently\n ? FETCH_USER_RECURRING_RECEIVABLES_SILENTLY_SUCCESS\n : FETCH_USER_RECURRING_RECEIVABLES_SUCCESS,\n payload: response,\n });\n } catch (error) {\n return dispatch({\n type: silently\n ? FETCH_USER_RECURRING_RECEIVABLES_SILENTLY_FAILURE\n : FETCH_USER_RECURRING_RECEIVABLES_FAILURE,\n payload: error,\n });\n }\n };\n\nexport const fetchUserRecurringReceivablesIfNeeded =\n (params = {}): PayexThunkAction> =>\n async (dispatch, getState) => {\n const {\n entities: { recurringReceivables = [] } = {},\n } = getState();\n\n if (recurringReceivables.length > 0) {\n return Promise.resolve();\n }\n\n return dispatch(fetchUserRecurringReceivables(params));\n };\n\nexport const cancelRecurringReceivable =\n (id: string): PayexThunkAction =>\n async (dispatch, getState, { recurringReceivables }) => {\n try {\n const state = getState();\n const isCancellingRecurringReceivable = isFetching(\n state,\n IS_FETCHING_RECURRING_RECEIVABLE_CANCELLATION_FLAG,\n );\n\n if (isCancellingRecurringReceivable) {\n return;\n }\n\n const locale = getCurrentLocale(state);\n\n dispatch({ type: CANCEL_RECURRING_RECEIVABLE_REQUEST });\n\n await recurringReceivables.cancel(id, locale);\n\n return dispatch({\n type: CANCEL_RECURRING_RECEIVABLE_SUCCESS,\n payload: { id },\n });\n } catch (error) {\n const message =\n (error as APIError)?.parsedBody?.errors?.[0]?.message ||\n 'notifications.cancel_recurring_receivable_failure';\n const noti = newNotification({ message, type: 'error' });\n dispatch(noti);\n return dispatch({\n type: CANCEL_RECURRING_RECEIVABLE_FAILURE,\n });\n }\n };\n\nexport const createRecurringReceivable =\n (tokenizationParams?: {\n apiConfirmationURL: string;\n sessionId: string;\n }): PayexThunkAction> =>\n async (dispatch, getState, { recurringReceivables }) => {\n try {\n const state = getState();\n const fingerprint = cookies.read(PERMANENT_COOKIE_NAME);\n const locale = getCurrentLocale(state);\n const { id: orderId, token: orderToken } = getOrder(state);\n const numberOfInstallments = getNumberOfInstallments(state);\n const isNonAutomated = !getSelectedRecurringOffer(state).recurring;\n const isFromGateway = hasGatewayOrigin(state);\n const recurringConfigurationId = getOffersRecurringConfigurationId(state);\n\n dispatch({ type: CREATE_RECURRING_RECEIVABLE_REQUEST });\n\n await recurringReceivables.create({\n ...(tokenizationParams || {}),\n fingerprint,\n locale,\n numberOfInstallments,\n orderId,\n orderToken,\n nonAutomated: isNonAutomated,\n isFromGateway,\n configurationId: recurringConfigurationId,\n });\n\n return dispatch({ type: CREATE_RECURRING_RECEIVABLE_SUCCESS });\n } catch (error) {\n dispatch({\n type: CREATE_RECURRING_RECEIVABLE_FAILURE,\n payload: error,\n });\n\n throw error;\n }\n };\n","import { schemas } from 'constants/schemas';\nimport type { Field } from 'models/field';\nimport type { Section } from 'models/section';\nimport { normalizeResponse } from 'utils/normalize/normalize';\n\nimport { apiV3 } from 'services/apiV3';\n\nexport const fetch = async ({\n country,\n locale,\n}: {\n country: string;\n locale: string;\n}) => {\n const sender = await apiV3.senders.fetch({ country, locale });\n\n return normalizeSenderFields(sender.fields);\n};\n\nexport const normalizeSenderFields = (\n fields: Field[] = [],\n): {\n entities?: {\n fields: Record;\n sections: Record;\n };\n result?: string[];\n} => {\n return fields.length\n ? normalizeResponse<{\n fields: Record;\n sections: Record;\n }>(fields, schemas.arrayOfFields)\n : {};\n};\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport {\n FETCH_SENDER_FAILURE,\n FETCH_SENDER_REQUEST,\n FETCH_SENDER_SUCCESS,\n SET_DEFAULT_FIELD_VALUES,\n UPDATE_SENDER_EMAIL,\n} from 'constants/index';\nimport {\n getCurrentCountryCode,\n getCurrentLocale,\n isBankTransferOfferSelected,\n isFetching,\n isLuluOfferSelected,\n isPayingFromIndia,\n} from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\n\nimport { normalizeSenderFields } from 'services/sender';\n\nexport const fetchSender =\n (): PayexThunkAction> =>\n (dispatch, getState, { apiV3 }) => {\n const state = getState();\n const isFetchingSender = isFetching(state, 'sender');\n\n if (isFetchingSender) {\n return Promise.resolve();\n }\n\n dispatch({\n type: FETCH_SENDER_REQUEST,\n });\n\n const country = getCurrentCountryCode(state) as string;\n const locale = getCurrentLocale(state);\n const isBankTransfer = isBankTransferOfferSelected(state);\n const isFromIndia = isPayingFromIndia(state);\n const isFromLulu = isLuluOfferSelected(state);\n\n return apiV3.senders\n .fetch({ country, locale, isBankTransfer, isFromIndia, isFromLulu })\n .then(({ fields = [] }) => {\n const payload = normalizeSenderFields(fields);\n\n dispatch({\n type: FETCH_SENDER_SUCCESS,\n payload,\n });\n\n dispatch({\n type: SET_DEFAULT_FIELD_VALUES,\n payload: payload,\n });\n })\n .catch(error => {\n errorNotifier.notify(error);\n\n dispatch({ type: FETCH_SENDER_FAILURE });\n });\n };\n\nexport const updateSenderEmail =\n (email: string): PayexThunkAction =>\n dispatch =>\n dispatch({ type: UPDATE_SENDER_EMAIL, payload: email });\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { featureFlags } from 'services/featureFlags/featureFlags';\n\nimport {\n ENABLE_FEATURE,\n FEATURES,\n FETCH_FEATURES_ERROR,\n FETCH_FEATURES_REQUEST,\n FETCH_FEATURES_SUCCESS,\n} from '../../constants';\n\nexport const enableFeature = (feature: string) => ({\n type: ENABLE_FEATURE,\n payload: { [feature]: true },\n});\n\nexport const fetchFeatures = (\n flags?: string | string[],\n): PayexThunkAction> => {\n const flagsToFetch = flags\n ? Array.isArray(flags)\n ? flags\n : [flags]\n : FEATURES;\n\n return dispatch => {\n dispatch({ type: FETCH_FEATURES_REQUEST });\n\n return featureFlags\n .fetch(flagsToFetch)\n .then(payload => dispatch({ type: FETCH_FEATURES_SUCCESS, payload }))\n .catch(() => dispatch({ type: FETCH_FEATURES_ERROR }));\n };\n};\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { newNotification } from 'actions';\nimport {\n RESET_VALIDATION_ERRORS,\n SET_VALIDATION_ERRORS,\n UPDATE_READ_ONLY_FIELDS,\n} from 'constants/index';\nimport { getCurrentLocale } from 'selectors';\nimport { supportUrl } from 'utils/flysiteUrls';\n\ntype ValidationErrors = Record;\n\nexport const setValidationErrors =\n (\n errors: ValidationErrors,\n excludeUpdateReadOnlyFields?: string[],\n ): PayexThunkAction =>\n dispatch => {\n const updateReadOnlyPayload: ValidationErrors = {};\n\n for (const [key, value] of Object.entries(errors)) {\n if (!excludeUpdateReadOnlyFields?.includes(key)) {\n updateReadOnlyPayload[key] = value;\n }\n }\n\n dispatch({\n type: UPDATE_READ_ONLY_FIELDS,\n payload: updateReadOnlyPayload,\n });\n\n return dispatch({\n type: SET_VALIDATION_ERRORS,\n payload: errors,\n });\n };\n\nexport const setTermsErrors = () => {\n const error = { are_terms_accepted: ['not accepted'] };\n return setValidationErrors(error);\n};\n\nexport const resetValidationErrors = () => ({\n type: RESET_VALIDATION_ERRORS,\n});\n\nexport const taxErrorNotification =\n (): PayexThunkAction => (dispatch, getState) => {\n const state = getState();\n const locale = getCurrentLocale(state);\n\n dispatch(\n newNotification({\n message: 'taxError.message',\n opts: { contactUrl: supportUrl(locale) },\n type: 'error',\n }),\n );\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { getFieldValue, isTrackingPage } from 'selectors';\n\nimport { DEFAULT_LOCALE, SET_LOCALE } from '../../constants';\nimport { isValidLocale } from '../../utils/translations';\n\nexport const setLocale =\n (locale: string): PayexThunkAction> =>\n async (dispatch, getState, { userLanguage }) => {\n const state = getState();\n const isValid = isValidLocale(locale);\n\n const senderEmail = getFieldValue(state, 'sender_email');\n if (isTrackingPage(state)) {\n userLanguage.update(senderEmail as string, locale);\n }\n\n dispatch({\n type: SET_LOCALE,\n payload: { locale: isValid ? locale : DEFAULT_LOCALE },\n });\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { fetchJson } from 'utils/fetchJson/fetchJson';\n\nimport {\n FETCH_PUBLIC_KEY_FAILURE,\n FETCH_PUBLIC_KEY_REQUEST,\n FETCH_PUBLIC_KEY_SUCCESS,\n PUBLIC_KEY_URL,\n} from '../../constants';\n\nexport const fetchPublicKey =\n (): PayexThunkAction> => async dispatch => {\n dispatch({ type: FETCH_PUBLIC_KEY_REQUEST });\n\n try {\n const publicKey = await fetchJson(PUBLIC_KEY_URL);\n dispatch({ type: FETCH_PUBLIC_KEY_SUCCESS, payload: publicKey });\n } catch (error) {\n errorNotifier.notify(error);\n\n dispatch({ type: FETCH_PUBLIC_KEY_FAILURE });\n }\n };\n","import { SET_KEEP_SESSION } from '../../../constants';\n\nexport const setKeepSession = (keepSession: boolean) => ({\n type: SET_KEEP_SESSION,\n payload: { keepSession },\n});\n","import {\n CLOSE_CANCEL_PAYMENT_MODAL,\n CLOSE_DUPLICATED_TAX_PAYMENT_MODAL,\n CLOSE_MODAL_REMAINING_BALANCE_PAYMENT_CREATED,\n CLOSE_PAYMENT_PROOF_MODAL,\n CONFIRM_TAX_MODAL,\n OPEN_MODAL_REMAINING_BALANCE_PAYMENT_CREATED,\n OPEN_PAYMENT_PROOF_MODAL,\n} from 'constants/index';\n\nexport const confirmTax = () => ({\n type: CONFIRM_TAX_MODAL,\n payload: true,\n});\n\nexport const closeDuplicatedTaxPaymentModal = () => ({\n type: CLOSE_DUPLICATED_TAX_PAYMENT_MODAL,\n});\n\nexport const openPaymentProofModal = () => ({\n type: OPEN_PAYMENT_PROOF_MODAL,\n});\n\nexport const closePaymentProofModal = () => ({\n type: CLOSE_PAYMENT_PROOF_MODAL,\n});\n\nexport const closePaymentCancellationFailedModal = () => ({\n type: CLOSE_CANCEL_PAYMENT_MODAL,\n});\n\nexport const openPaymentCreatedModal = () => ({\n type: OPEN_MODAL_REMAINING_BALANCE_PAYMENT_CREATED,\n});\n\nexport const closePaymentCreatedModal = () => ({\n type: CLOSE_MODAL_REMAINING_BALANCE_PAYMENT_CREATED,\n});\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport {\n getCountryCode,\n getCurrentCountryCode,\n isCAP,\n isFetching,\n localPaymentsAllowed,\n} from 'selectors';\n\nimport { geolocation } from 'services/geolocation/geolocation';\n\nimport {\n SET_SENDER_COUNTRY_FIELD,\n UPDATE_IP_COUNTRY_CODE_REQUEST,\n UPDATE_IP_COUNTRY_CODE_SUCCESS,\n} from '../../constants';\n\nexport const fetchIPCountryCode =\n (): PayexThunkAction => async (dispatch, getState) => {\n const state = getState();\n const isFetchingGeolocation = isFetching(state, 'geolocation');\n\n if (isFetchingGeolocation) {\n return Promise.resolve();\n }\n\n dispatch({ type: UPDATE_IP_COUNTRY_CODE_REQUEST });\n\n const payload = await geolocation.fetch();\n\n return dispatch({\n type: UPDATE_IP_COUNTRY_CODE_SUCCESS,\n payload: { countryCode: payload.countryCode },\n });\n };\n\nexport const setSenderCountryFromGeolocation =\n (): PayexThunkAction => (dispatch, getState) => {\n const state = getState();\n const recipientIsCAP = isCAP(state);\n const countryCode = getCountryCode(state);\n const isCountrySet = getCurrentCountryCode(state);\n const areLocalPaymentsAllowed = localPaymentsAllowed(state);\n\n if (\n !countryCode ||\n recipientIsCAP ||\n isCountrySet ||\n areLocalPaymentsAllowed\n ) {\n return;\n }\n\n dispatch({ type: SET_SENDER_COUNTRY_FIELD, payload: { countryCode } });\n };\n","/* eslint-disable camelcase */\nimport { FEEDBACK_ENDPOINT_URL } from 'constants/index';\nimport type { SupportedLocalesKeys } from 'utils';\n\ntype User = {\n firstName?: string;\n lastName?: string;\n email?: string;\n country?: string;\n language: SupportedLocalesKeys;\n};\n\ntype FeedbackPayload = {\n value: number;\n comment?: string;\n payment: string;\n user: User;\n recipient_name?: string;\n};\n\nexport const feedback = {\n send: (payload: FeedbackPayload) => {\n const isEnvProduction = process.env.NODE_ENV === 'production';\n if (!isEnvProduction) {\n return;\n }\n\n sendFeedbackToEndpoint(payload);\n },\n};\n\nconst sendFeedbackToEndpoint = ({ comment = '', ...props }) => {\n const method = 'POST';\n const payload = { ...props, comment };\n const body = JSON.stringify(payload);\n const options = { body, method };\n\n fetch(FEEDBACK_ENDPOINT_URL, options);\n};\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport type { RootState } from 'reducers/types';\nimport {\n getCurrentLocale,\n getPaymentId,\n getRecipientName,\n getSenderFieldValue,\n getSenderName,\n} from 'selectors';\n\nimport { feedback } from 'services/feedback/feedback';\n\nfunction getUser(state: RootState) {\n const { firstName, lastName } = getSenderName(state);\n const email = getSenderFieldValue(state, 'email');\n const country = getSenderFieldValue(state, 'country');\n const language = getCurrentLocale(state);\n\n return {\n firstName,\n lastName,\n email: email ? (email as string) : undefined,\n country: country ? (country as string).toLowerCase() : undefined,\n language,\n };\n}\n\nexport const sendFeedback =\n (rating: number, comment: string | undefined): PayexThunkAction =>\n (_, getState) => {\n const state = getState();\n const paymentId = getPaymentId(state);\n\n const message = {\n value: rating,\n comment,\n payment: paymentId,\n user: getUser(state),\n recipient_name: getRecipientName(state),\n };\n\n feedback.send(message);\n };\n","import { batch } from 'react-redux';\n\nimport type { PayexThunkAction } from 'store/configureStore';\n\nimport {\n FETCH_COUNTRIES_FAILURE,\n FETCH_COUNTRIES_REQUEST,\n FETCH_COUNTRIES_SUCCESS,\n FETCH_RECIPIENT_COUNTRIES_REQUEST,\n FETCH_RECIPIENT_COUNTRIES_SUCCESS,\n FETCH_RECIPIENT_FAILURE,\n FETCH_RECIPIENT_REQUEST,\n FETCH_RECIPIENT_SUCCESS,\n SET_DEFAULT_FIELD_VALUES,\n} from 'constants/index';\nimport type { Field } from 'models/field';\nimport type { RootState } from 'reducers/types';\nimport { getCurrentLocale, getFieldValue } from 'selectors';\n\nimport { fetch as fetchCountries } from 'services/countries/countries';\nimport type { normalizeRecipient } from 'services/recipients';\nimport {\n fetch as fetchRecipient,\n fetchCountries as fetchRecipientCountries,\n} from 'services/recipients';\n\nconst fetchData =\n (recipientId: string): PayexThunkAction> =>\n async (dispatch, getState) => {\n if (!recipientId || recipientId === '') {\n return dispatch({ type: FETCH_RECIPIENT_FAILURE });\n }\n\n batch(() => {\n dispatch({ type: FETCH_RECIPIENT_REQUEST });\n dispatch({ type: FETCH_COUNTRIES_REQUEST });\n dispatch({ type: FETCH_RECIPIENT_COUNTRIES_REQUEST });\n });\n const state = getState();\n const locale = getCurrentLocale(state);\n\n try {\n const [recipient, recipientCountries, countries] = await Promise.all([\n fetchRecipient({ id: recipientId, locale }),\n fetchRecipientCountries({ id: recipientId, locale }),\n fetchCountries({ locale }),\n ]);\n\n return batch(() => {\n dispatch({ type: FETCH_RECIPIENT_SUCCESS, payload: recipient });\n dispatch({ type: FETCH_COUNTRIES_SUCCESS, payload: countries });\n dispatch({\n type: FETCH_RECIPIENT_COUNTRIES_SUCCESS,\n payload: recipientCountries,\n });\n dispatch({\n type: SET_DEFAULT_FIELD_VALUES,\n payload: removePrefilledFields(getState(), recipient),\n });\n });\n } catch (_e) {\n return batch(() => {\n dispatch({ type: FETCH_RECIPIENT_FAILURE });\n dispatch({ type: FETCH_COUNTRIES_FAILURE });\n });\n }\n };\n\nconst removePrefilledFields = (\n state: RootState,\n payload: ReturnType,\n) => {\n const NO_VALUE = '';\n const newPayload = { ...payload };\n\n newPayload.entities = { ...payload.entities };\n\n const {\n entities: { fields },\n } = newPayload;\n\n newPayload.entities.fields = Object.keys(fields)\n .filter(field => getFieldValue(state, field) === NO_VALUE)\n .reduce(\n (acc, key) => {\n acc[key] = fields[key];\n return acc;\n },\n {} as Record,\n );\n\n return newPayload;\n};\n\nexport { fetchData };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport type { HttpError } from 'constants/index';\nimport {\n FETCH_DOCUMENTS_FAILURE,\n FETCH_DOCUMENTS_REQUEST,\n FETCH_DOCUMENTS_SUCCESS,\n FETCH_DOCUMENTS_SUCCESS_WITHOUT_RESULTS,\n FETCH_TRACKING_SETUP_DATA_FAILURE,\n FETCH_TRACKING_SETUP_DATA_REQUEST,\n FETCH_TRACKING_SETUP_DATA_SUCCESS,\n} from 'constants/index';\nimport {\n getCurrentLocale,\n getPayment,\n getPaymentId,\n isFetching,\n} from 'selectors';\nimport { errorNotifier } from 'utils/errorNotifier/errorNotifier';\nimport { isHttpErrorWithStatus } from 'utils/errors/errors';\n\nimport { HTTPStatuses } from '../../constants';\n\nexport const fetchDocuments =\n (): PayexThunkAction> =>\n async (dispatch, getState, { payex }) => {\n const state = getState();\n const isFetchingDocuments = isFetching(state, 'documents');\n const paymentId = getPaymentId(state);\n\n if (!paymentId || isFetchingDocuments) {\n return;\n }\n\n dispatch({ type: FETCH_DOCUMENTS_REQUEST });\n\n const { token } = getPayment(state);\n const locale = getCurrentLocale(state);\n try {\n const response = await payex.trackingPage.fetch({\n paymentId,\n token,\n locale,\n });\n\n return dispatch({\n type: FETCH_DOCUMENTS_SUCCESS,\n payload: response,\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const { status } = error as HttpError;\n\n if (status === HTTPStatuses.NOT_FOUND) {\n return dispatch({\n type: FETCH_DOCUMENTS_SUCCESS_WITHOUT_RESULTS,\n });\n }\n }\n\n errorNotifier.notify(error);\n\n return dispatch({ type: FETCH_DOCUMENTS_FAILURE });\n }\n };\n\nexport const fetchTrackingSetupData =\n (\n orderId: string,\n orderToken: string,\n ): PayexThunkAction> =>\n async (dispatch, getState, { payex }) => {\n const state = getState();\n const isFetchingData = isFetching(state, 'trackingSetupData');\n\n if (isFetchingData) {\n return;\n }\n\n dispatch({ type: FETCH_TRACKING_SETUP_DATA_REQUEST });\n\n try {\n const response = await payex.trackingPage.data(orderId, orderToken);\n\n dispatch({\n type: FETCH_TRACKING_SETUP_DATA_SUCCESS,\n payload: response,\n });\n } catch (error) {\n if (isHttpErrorWithStatus(error)) {\n const _error = error as HttpError;\n const { status = '' } = _error;\n if (status !== HTTPStatuses.NOT_FOUND) {\n _error.message = `${FETCH_TRACKING_SETUP_DATA_FAILURE} ${_error.message}`;\n errorNotifier.notifyWithFingerprint(_error, [\n FETCH_TRACKING_SETUP_DATA_FAILURE,\n `${status}`,\n ]);\n }\n }\n\n return dispatch({\n type: FETCH_TRACKING_SETUP_DATA_FAILURE,\n });\n }\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport {\n getPaymentPrice,\n getPaymentPurchase,\n getRecipientFieldValue,\n getSenderFieldValue,\n} from 'selectors';\n\nexport const createPreorderFromPayment =\n (productType: string): PayexThunkAction> =>\n async (_dispatch, getState, { studentExpenses }) => {\n const DEFAULT_PREORDER_URL =\n 'https://studentservices.flywire.com/bank-transfer?utm_source=payex&utm_medium=referral&utm_campaign=banktransfer_banner_12.14';\n\n const state = getState();\n try {\n const price = getPaymentPrice(state);\n const purchase = getPaymentPurchase(state);\n const senderEmail = getSenderFieldValue(state, 'email') as string;\n const senderFirstName = getSenderFieldValue(\n state,\n 'first_name',\n ) as string;\n const senderLastName = getSenderFieldValue(state, 'last_name') as string;\n const studentFirstName = getRecipientFieldValue(\n state,\n 'student_first_name',\n ) as string;\n const studentLastName = getRecipientFieldValue(\n state,\n 'student_last_name',\n ) as string;\n\n const preOrder = await studentExpenses.preOrders.create({\n currencyFrom: price.currency as string,\n currencyTo: purchase.currency as string,\n productType: productType,\n remitter: {\n email: senderEmail,\n firstName: senderFirstName,\n lastName: senderLastName,\n },\n beneficiary: {\n student: {\n firstName: studentFirstName,\n lastName: studentLastName,\n },\n },\n });\n\n const newWindow = window.open(\n preOrder.url,\n '_blank',\n 'noopener,noreferrer',\n );\n if (newWindow) {\n newWindow.opener = null;\n }\n } catch (_e) {\n window.open(DEFAULT_PREORDER_URL, '_blank', 'noopener,noreferrer');\n }\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { VISIT_NAME } from 'constants/index';\nimport {\n getCurrentCountry,\n getErrors,\n getPaymentStatus,\n getTotalAmount,\n} from 'selectors';\nimport type { WindowWithRequester } from 'utils/fetchJson/fetchJson';\nimport {\n type NonFXFeedbackResponses,\n formatNonFXFeedbackResponsesForRequest,\n} from 'utils/formatNonFXFeedbackResponsesForRequest/formatNonFXFeedbackResponsesForRequest';\n\nimport type { Tracker } from 'services/tracker/tracker';\n\nimport type { CouponValidationResponse } from '../../services/apiV3/orders/types';\n\nconst trackEvent = (\n tracker: Tracker,\n name: string,\n ownProps: Record,\n) => {\n const action = 'visit';\n const category = 'visit';\n const label = null;\n const value = null;\n const defaultProps = {\n action,\n category,\n label,\n value,\n };\n\n const props = { ...defaultProps, ...ownProps };\n\n return tracker.trackEvent(name, props);\n};\n\nexport const trackPaymentStatus =\n (): PayexThunkAction =>\n (_dispatch, getState, { tracker }) => {\n const label = getPaymentStatus(getState());\n const value = window.location.pathname;\n\n const props = { label, value };\n const name = VISIT_NAME;\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackPaymentStep =\n (step: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = VISIT_NAME;\n const value = step;\n\n return trackEvent(tracker, name, { value });\n };\n\nexport const trackDocCollector =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'visit document collection';\n const category = 'document collection';\n const value = window.location.pathname;\n const label = 'not validated';\n\n const props = { category, value, label };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackDocCollectorFold =\n (value: string): PayexThunkAction =>\n (_dispatch, getState, { tracker }) => {\n const name = 'Fold document collection';\n const action = 'click';\n const category = 'document collection';\n const label = getPaymentStatus(getState());\n\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackDocCollectorFileUpload =\n (apiResponse: unknown): PayexThunkAction =>\n (_dispatch, getState, { tracker }) => {\n const name = 'Upload';\n const action = 'upload';\n const category = 'document collection';\n const label = getPaymentStatus(getState());\n const value = apiResponse;\n\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackDocCollectorFileDownload =\n (value: string): PayexThunkAction =>\n (_dispatch, getState, { tracker }) => {\n const name = 'visit file';\n const category = 'document collection';\n const action = 'click';\n const label = getPaymentStatus(getState());\n\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackUserFeedback =\n (rating: number, comment: string | undefined): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'submit feedback';\n const category = 'feedback';\n const label = comment;\n const action = 'submit';\n const value = rating;\n\n const props = { action, category, value, label };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackPaymentActions =\n (value: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = `click ${value}`;\n const action = 'click';\n const category = 'payment action';\n\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackPaymentOption =\n (label: string, value: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = `Payment option ${value}`;\n const action = 'click';\n const category = 'cta payment method';\n\n const props = { category, label, action, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackFinishDocCollector =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const value = 'documentation finished';\n const name = value;\n const category = 'CTA';\n const action = 'click';\n\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackNavigation =\n (internalUrl: string, value: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = `${internalUrl} ${value} navigation`;\n const action = 'click';\n const category = 'navigation';\n\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackInitiateModal =\n (value: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click';\n const label = 'confirm funds modal';\n const name = `${action} ${value}`;\n\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackConfirmModal =\n (value: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click';\n const label = 'confirm funds modal';\n const name = `${action} ${value}`;\n\n const props = { action, category, label, value };\n return trackEvent(tracker, name, props);\n };\n\nexport const trackCancelPaymentModal =\n (reason: string, comment: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const label = 'cancel modal';\n const action = 'click';\n const name = `${action} ${label}`;\n\n const props = {\n action,\n category,\n label,\n user_cancellation_reason: reason,\n user_cancellation_comment: comment,\n };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackTermsOfUse =\n (link: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'terms of use';\n const action = 'click';\n const value = link;\n const name = `${action} ${link}`;\n\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackBPGEvent =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'click bpg';\n const category = 'cta';\n const action = 'click';\n const value = 'bpg';\n\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackFieldsErrors =\n (errorReasons: Record = {}): PayexThunkAction =>\n (_dispatch, getState, { tracker }) => {\n const state = getState();\n const category = 'field';\n const action = 'error';\n\n return getErrors(state).forEach((field: string) => {\n const name = `field error ${field} ${action}`;\n\n const props = {\n action,\n category,\n value: errorReasons[field] || 'yes',\n label: field,\n };\n trackEvent(tracker, name, props);\n });\n };\n\nexport const trackHelpEvent =\n (): PayexThunkAction =>\n (_dispatch, getState, { tracker }) => {\n const paymentStatus = getPaymentStatus(getState());\n const label = paymentStatus ? `front-end payment ${paymentStatus}` : null;\n const category = 'cta';\n const action = 'click';\n const value = 'help';\n const name = `${action} ${value}`;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackSelectCountry =\n (): PayexThunkAction =>\n (_dispatch, getState, { tracker }) => {\n const country = getCurrentCountry(getState());\n const label = 'sender_country';\n const category = 'field';\n const action = 'filled';\n const value = country.code;\n const name = label;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackFeature =\n (name: string, value: string | boolean): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'feature';\n const action = 'feature_flag';\n const label = null;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackFillAmount =\n (): PayexThunkAction =>\n (_dispatch, getState, { tracker }) => {\n const amount = getTotalAmount(getState());\n const label = 'amount';\n const category = 'field';\n const action = 'filled';\n const value = `${amount}`;\n const name = label;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackCallToAction =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'click dynamic cta';\n const label = null;\n const category = 'cta';\n const action = 'click';\n const value = 'dynamic_cta';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackNobookingCtaAction =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'click dynamic nobooking cta';\n const label = null;\n const category = 'cta';\n const action = 'click';\n const value = 'dynamic_nobooking_cta';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackOppPaymentRequest =\n (cardType: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'opp payment';\n const label = 'OPP';\n const action = 'pay';\n const category = 'OPP Payment';\n const value = cardType;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackOppPaymentSuccess =\n (cardType: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const label = 'OPP success';\n const action = 'successful payment';\n const category = 'OPP Payment';\n const value = cardType;\n const name = `${label} ${value}`;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackOppWalletPayment =\n (isStoredCard: boolean): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const label = 'OPP';\n const action = `pay with ${isStoredCard ? 'stored' : 'other'} card`;\n const category = 'Wallet';\n const name = `${label} ${action}`;\n const props = { action, category, label };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackOppSaveCardRequest =\n (isCardSavedSuccessfully: boolean): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const label = 'OPP';\n const action = 'store a card';\n const category = 'Wallet';\n const value = isCardSavedSuccessfully ? 'Success' : 'Error';\n const name = `${label} ${action} ${value}`;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackMakeNewPaymentCancel =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const label = null;\n const category = 'cta';\n const action = 'click';\n const value = 'new_payment_cancel';\n const name = 'make new payment after cancel';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackRepeatPayment =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'Repeat payment';\n const label = null;\n const category = 'cta';\n const action = 'click';\n const value = 'repeat_payment_my_payments';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackPaymentDetailsMoreInfo =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const label = 'more info';\n const category = 'visit';\n const action = 'click on more info';\n const value = 'visit_trackingURL_moreinfo';\n const name = `${label} ${action} ${value}`;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackChangePaymentMethod =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click';\n const value = 'change_payment_method';\n const name = 'Change payment method';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackChangePaymentMethodConfirmed =\n (oldPaymentId: string, newPaymentId: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click';\n const value = 'change_payment_method_confirmed';\n const name = 'Change payment method confirmed';\n const props = {\n action,\n category,\n value,\n paymentid: oldPaymentId,\n new_paymentid: newPaymentId,\n };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackLrsSubmission =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click';\n const value = 'fill_lrs_online';\n const name = 'LRSonline';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackUploadLrsSignature =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click option';\n const value = 'save_uploaded_signature_lrs_form';\n const name = 'save_uploaded_signature_lrs_form';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackDrawLrsSignature =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click option';\n const value = 'save_drawn_signature_lrs_form';\n const name = 'save_drawn_signature_lrs_form';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackWhyIsMyPymtPending =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'pending status';\n const label = null;\n const category = 'cta';\n const action = 'click';\n const value = 'check_pending_status';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackOpenPaymentGuideLink =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'payment guide';\n const category = 'cta';\n const action = 'click';\n const value = 'open_help_learn_more';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackClosePaymentGuide =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'exit payment guide';\n const action = 'click on \"X\" floating card';\n const category = 'cta';\n const value = 'close_payment_guide';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackRefund =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'track refund';\n const label = null;\n const category = 'cta';\n const action = 'click';\n const value = 'track_refund';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackRepeatPaymentError =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'repeat payment error';\n const label = null;\n const category = 'error';\n const action = 'error';\n const value = 'repeat_payment_error';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackRepeatPaymentErrorClose =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'close repeat payment error';\n const label = null;\n const category = 'cta';\n const action = 'click';\n const value = 'close_repeat_payment_error';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackCheckMarkup =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'check markup';\n const label = null;\n const category = 'cta';\n const action = 'click';\n const value = 'check_markup';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackSMSNotification =\n (activated: boolean): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'sms notification';\n const label = 'sms_notification';\n const category = 'cta';\n const action = 'click';\n const value = activated ? 'yes' : 'no';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackReturnToClient =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'return_to_client_site';\n const label = null;\n const category = 'cta';\n const action = 'click on return';\n const value = 'return_to_client_site';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackSharePaymentDetails =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'share_your_payment';\n const category = 'cta';\n const action = 'click on share';\n const value = 'share_your_payment';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackCopyPaymentLink =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'copy_payment_link';\n const category = 'cta';\n const action = 'click on copy link';\n const value = 'copy_payment_link';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackMissingDestination =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'no_portal_redirection';\n const category = 'navigation';\n const action = 'redirection to select institution';\n const value = document.referrer;\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackRecurringPaymentBooked =\n (interval: number): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const label = null;\n const category = 'recurring';\n const action =\n 'payers who selects recurring options on PayEx and get payment booked';\n const name = 'recurring_payment_booked';\n const props = { action, category, label, value: interval };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackRecurringPaymentCancelled =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const label = null;\n const category = 'recurring';\n const action =\n 'payer clicks on cancel button from account to cancel recurring';\n const name = 'payer_cancel_recurring_payment';\n const props = { action, category, label };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackPayWith =\n (value = 'click pay button'): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = value;\n const category = 'cta';\n const action = 'click';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackPaymentProof =\n (isSuccessful: boolean): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'payment action';\n const action = 'upload payment proof';\n const label = null;\n const name = 'payment proof uploaded';\n const value = isSuccessful ? 'yes' : 'no';\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackSubscriptionPaymentBooked =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'recurring';\n const action =\n 'payers who selects subscription options on PayEx and get payment booked';\n const name = 'subscription_payment_booked';\n const value = 'subscription';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackEditDetails =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click option';\n const name = 'edit_details_review_and_confirm';\n const value = 'edit_details_review_and_confirm';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackSaveEditedDetails =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click option';\n const name = 'save_edit_details_review_and_confirm';\n const value = 'save_edit_details_review_and_confirm';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackMoreInfo =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click option';\n const name = 'see_more_info_tracking_page';\n const value = 'see_more_info_tracking_page';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackRedirection =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const action = 'redirection';\n const category = 'cta';\n const name = 'redirect_user_gateway_to_client';\n const value = 'redirect_user_gateway_to_client';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackAcceptAndContinueCardSurchargePaymentWithFee =\n ({ productType }: { productType?: string }): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action =\n 'click the link to accept the fee and continue with the payment';\n const name = 'click_accept_and_continue_payment_with_fee';\n const value = 'click_accept_and_continue_payment_with_fee';\n const requester = (window as WindowWithRequester).requester;\n const props = { action, category, value, requester, productType };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackCardTokenizationSuccessForCardSurchargePayment =\n ({ productType }: { productType?: string }): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'payment action';\n const action = 'tokenization';\n const name = 'successful_tokenization';\n const value = 'successful_tokenization';\n // @ts-expect-error - ignore\n const requester = window.requester;\n const props = { action, category, value, requester, productType };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackChangeCountryOfCardIssuance =\n ({ productType }: { productType?: string }): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click the button to return to the select country step';\n const name = 'click_change_country_of_card_issuance';\n const value = 'click_change_country_of_card_issuance';\n const requester = (window as WindowWithRequester).requester;\n const props = { action, category, value, requester, productType };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackChangePaymentMethodInCardSurchargeError =\n ({ productType }: { productType?: string }): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click the button to go to change payment method';\n const name = 'click_change_payment_method_from_error';\n const value = 'click_change_payment_method_from_error';\n const requester = (window as WindowWithRequester).requester;\n const props = { action, category, value, requester, productType };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackChangeCountryOfCardIssuanceWhenBlocked =\n ({\n productType,\n country,\n }: {\n productType?: string;\n country?: string;\n }): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'click the button to go to change payment method';\n const name = 'click_change_country_of_card_issuance_because_blocking';\n const value = 'click_change_country_of_card_issuance_because_blocking';\n const requester = (window as WindowWithRequester).requester;\n const props = { action, category, value, requester, productType, country };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackDisplayBannerStudentExpenses =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'display';\n const name = 'display_banner_stu_exp_payex';\n const value = 'display_banner_stu_exp_payex';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackDisplayPaymentListBanner =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'display';\n const name = 'display_banner_stu_exp_payex';\n const value = 'display_banner_stu_exp_payex_account';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackDisplayPaymentListCalculator =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'display';\n const name = 'display_banner_stu_exp_payex';\n const value = 'display_calcutor_stu_exp_payex_account';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackUserLoginSignup =\n (type: string, source: string, origin: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'cta';\n const action = 'display';\n const name = `${type}_${source}_${origin}`;\n const value = name;\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackClickInstalmentPlansTab =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'payment action';\n const action = 'click';\n const label = null;\n const value = 'select_instalment_plans_tab';\n const name = value;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackClickSinglePaymentsTab =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'payment action';\n const action = 'click';\n const label = null;\n const value = 'select_single_payments_tab';\n const name = value;\n const props = { action, category, label, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackSubscriptionWhatsapp =\n (activated: boolean): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'whatsapp notification';\n const category = 'cta';\n const action = 'click';\n const value = activated\n ? 'subscription_whatsapp'\n : 'de-subscription_whatsapp';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackPayInAnotherCurrency =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const action = 'click';\n const category = 'payment action';\n const name = 'click_open_nonfxoptions';\n const value = 'click_open_nonfxoptions';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackClickUseINROptions =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'click_use_INR_option';\n const category = 'payment action';\n const action = 'click';\n const value = 'click_use_INR_option';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackClickUseUSDOptions =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'click_use_USD_option';\n const category = 'payment action';\n const action = 'click';\n const value = 'click_use_USD_option';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackClickSubmitFXFeedbackForm =\n (nonFXFeedbackResponses: NonFXFeedbackResponses): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'click_submit_FX_feedbackform';\n const category = 'payment action';\n const action = 'click';\n const value = 'click_submit_FX_feedbackform';\n const props = {\n action,\n category,\n value,\n ...formatNonFXFeedbackResponsesForRequest(nonFXFeedbackResponses),\n };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackClickCloseFXFeedbackForm =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'click_close_FX_feedbackform';\n const category = 'payment action';\n const action = 'click';\n const value = 'click_close_FX_feedbackform';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackErrorReadingFXFormOptions =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'error_reading_fx_form_options';\n const category = 'payment action';\n const action = 'display';\n const value = 'hide_FX_feedbackform';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackEmptyFXFormOptions =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'empty_fx_form_options';\n const category = 'payment action';\n const action = 'display';\n const value = 'hide_FX_feedbackform';\n const props = { action, category, value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackBinLookup =\n (response: unknown): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'bin_lookup_response';\n const value = response;\n const props = { value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackChargeResponse =\n (response: unknown): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'surcharge_flow_charge_response';\n const value = response;\n const props = { value };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackRefundSubmitAccountDetails =\n (paymentId: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'click_submit_account_details';\n const category = 'refund action';\n const action = 'click';\n const value = 'click_submit_account_details';\n const props = { action, category, value, paymentid: paymentId };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackCouponValidation =\n (couponValidation: CouponValidationResponse): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'coupon validation';\n const category = 'payment action';\n const action = 'add_coupon';\n const props = {\n action,\n category,\n value: couponValidation.valid,\n code: couponValidation.code,\n amount: couponValidation.amount,\n currency: couponValidation.currency,\n campaign_id: couponValidation.campaignId,\n rejection_reason: couponValidation.rejectionReason,\n };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackMandatoryAccountForIndia =\n (variant: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'payer_mandatory_account_india';\n const props = {\n variant,\n };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackMandatoryAccountForChina =\n (variant: string): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'payer_mandatory_account_china';\n const props = {\n variant,\n };\n\n return trackEvent(tracker, name, props);\n };\n\n/**\n * Wallet events\n */\nexport const trackClickAddNewCardToWallet =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const category = 'payment action';\n const action = 'click';\n const name = 'click_add_new_card_wallet';\n const value = 'click_add_new_card_wallet';\n const props = {\n action,\n category,\n value,\n };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackSaveNewCardToWallet =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'save_card_wallet';\n const category = 'payment action';\n const action = 'store a card';\n const value = 'save_card_wallet';\n const props = {\n action,\n category,\n value,\n };\n\n return trackEvent(tracker, name, props);\n };\nexport const trackClickRemoveCardFromWallet =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'click_remove_card_wallet';\n const category = 'payment action';\n const action = 'click';\n const value = 'click_remove_card_wallet';\n const props = {\n action,\n category,\n value,\n };\n\n return trackEvent(tracker, name, props);\n };\nexport const trackRemoveUnusedCardFromWallet =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'remove_card_wallet';\n const category = 'payment action';\n const action = 'remove a card';\n const value = 'remove_card_wallet_simple';\n const props = {\n action,\n category,\n value,\n };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackReplaceCardFromWalletWithNewCard =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'replace_card_wallet_new';\n const category = 'payment action';\n const action = 'replace a card';\n const value = 'replace_card_wallet_new';\n const props = {\n action,\n category,\n value,\n };\n\n return trackEvent(tracker, name, props);\n };\n\nexport const trackReplaceCardFromWalletWithExistingCard =\n (): PayexThunkAction =>\n (_dispatch, _getState, { tracker }) => {\n const name = 'replace_card_wallet_existing';\n const category = 'payment action';\n const action = 'replace a card';\n const value = 'replace_card_wallet_existing';\n const props = {\n action,\n category,\n value,\n };\n\n return trackEvent(tracker, name, props);\n };\n\n/**\n * End of wallet events\n */\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport { SET_CAPTCHA_RESPONSE } from '../../../constants';\n\nexport const setCaptchaResponse =\n (response: string): PayexThunkAction =>\n dispatch => {\n return dispatch({ type: SET_CAPTCHA_RESPONSE, payload: { response } });\n };\n","import { EXCHANGE_URL } from 'constants/index';\nimport { fetchJson } from 'utils/fetchJson/fetchJson';\n\nexport const exchange = {\n fetch: ({\n totalAmount,\n currencyFrom,\n currencyTo,\n }: {\n totalAmount: number;\n currencyFrom: string;\n currencyTo: string;\n }) => {\n const url = `${EXCHANGE_URL}?amount=${totalAmount}&to=${currencyTo}&from=${currencyFrom}`;\n\n return fetchJson<{ greaterThan10kUSD: boolean }>(url);\n },\n};\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport {\n CHINA_COUNTRY_CODE,\n EXCHANGE_CURRENCY_REQUEST,\n EXCHANGE_CURRENCY_SUCCESS,\n} from 'constants/index';\nimport {\n getCurrentCountryCode,\n getCurrentCurrency,\n getTotalAmount,\n} from 'selectors';\n\nimport { exchange } from 'services/exchange/exchange';\n\nexport const exchangeCurrency =\n (): PayexThunkAction => async (dispatch, getState) => {\n const state = getState();\n const countryCode = getCurrentCountryCode(state);\n if (countryCode !== CHINA_COUNTRY_CODE) {\n return;\n }\n\n dispatch({\n type: EXCHANGE_CURRENCY_REQUEST,\n });\n\n const { code: currencyFrom } = getCurrentCurrency(state);\n const totalAmount = getTotalAmount(state);\n\n const response = await exchange.fetch({\n totalAmount,\n currencyTo: 'USD',\n currencyFrom,\n });\n\n dispatch({\n type: EXCHANGE_CURRENCY_SUCCESS,\n payload: response,\n });\n };\n","import type { PayexThunkAction } from 'store/configureStore';\n\nimport * as ACTION_TYPES from 'constants/index';\nimport {\n INTERVAL_FIELD,\n IS_LEGACY_RECURRING_FIELD,\n IS_RECURRING_FIELD,\n} from 'constants/index';\nimport { createEntity } from 'factories/createEntity';\nimport type { FieldValue, Notification } from 'models';\nimport {\n getFieldByEntity,\n getFieldValue,\n getPayment,\n getPaymentOffer,\n getUser,\n isOnline,\n isRepeatingPayment,\n} from 'selectors';\n\nexport const goToNextStep = () => ({\n type: ACTION_TYPES.GO_TO_NEXT_STEP,\n});\n\nexport const goToPrevStep = () => ({\n type: ACTION_TYPES.GO_TO_PREV_STEP,\n});\n\nexport const goToStep = (step: number) => ({\n type: ACTION_TYPES.GO_TO_STEP,\n payload: { step },\n});\n\nexport const setFieldsValues = (fields: Record) => ({\n type: ACTION_TYPES.SET_FIELDS_VALUES,\n payload: { fields },\n});\n\nexport const savedSuccessfully = () => ({\n type: ACTION_TYPES.SAVED_SUCCESSFULLY,\n});\n\nexport const setFieldValue =\n (name: string, value: FieldValue): PayexThunkAction =>\n (dispatch, getState) => {\n const changeInPaymentInformation =\n name === 'sender_country' || name === 'amount';\n\n const state = getState();\n\n if (changeInPaymentInformation && !isRepeatingPayment(state)) {\n dispatch({\n type: ACTION_TYPES.RESET_SELECTED_OFFER,\n });\n }\n\n return dispatch({\n type: ACTION_TYPES.SET_FIELD_VALUE,\n payload: { name, value },\n });\n };\n\nexport const resetSelectedOffer = (): PayexThunkAction => dispatch => {\n dispatch({\n type: ACTION_TYPES.RESET_SELECTED_OFFER,\n });\n};\n\nexport const resetFieldsValues =\n (): PayexThunkAction => (dispatch, getState) => {\n const state = getState();\n const payload = getPayment(state);\n\n return dispatch({\n type: ACTION_TYPES.RESET_FIELDS_VALUES,\n payload,\n });\n };\n\nexport const cleanUIFieldValues = () => ({\n type: ACTION_TYPES.CLEAN_UI_FIELD_VALUES,\n});\n\nexport const setRepeatPaymentExperience =\n (isEnabled: boolean): PayexThunkAction =>\n dispatch => {\n return dispatch({\n type: ACTION_TYPES.SET_REPEAT_PAYMENT_EXPERIENCE,\n payload: isEnabled,\n });\n };\n\nexport const setRecipient = (recipient: string) =>\n setFieldValue('recipient', recipient);\n\nexport const setReadOnlyFields = (fields: string[]) => ({\n type: ACTION_TYPES.SET_READONLY_FIELDS,\n payload: fields,\n});\n\nexport const setPrefilledFields = (fields: string[]) => ({\n type: ACTION_TYPES.SET_PREFILLED_FIELDS,\n payload: fields,\n});\n\nexport const clearOfferFields =\n (): PayexThunkAction => (dispatch, getState) => {\n const state = getState();\n const { ids = [] } = getFieldByEntity(state, 'offers');\n\n dispatch({\n type: ACTION_TYPES.CLEAR_FIELDS,\n payload: [\n ...ids,\n INTERVAL_FIELD,\n IS_RECURRING_FIELD,\n IS_LEGACY_RECURRING_FIELD,\n ],\n });\n };\n\nexport const restart = () => ({\n type: ACTION_TYPES.RESTART,\n});\n\nexport const newNotification = ({\n message,\n opts,\n type = 'success',\n}: Pick & {\n type?: 'error' | 'info' | 'success';\n}) => ({\n type: ACTION_TYPES.UI_NOTIFICATION_NEW,\n payload: createEntity({ message, opts, type }),\n});\n\nexport const removeNotification = (id: string) => ({\n type: ACTION_TYPES.UI_NOTIFICATION_REMOVE,\n payload: id,\n});\n\nexport const setEmbedded = () => ({\n type: ACTION_TYPES.SET_EMBEDDED_EXPERIENCE,\n});\n\nexport const unsetEmbedded = () => ({\n type: ACTION_TYPES.UNSET_EMBEDDED_EXPERIENCE,\n});\n\nexport const setGatewayOrigin = () => ({\n type: ACTION_TYPES.SET_GATEWAY_ORIGIN,\n});\n\nexport const setGatewaySource = (source: string) => ({\n type: ACTION_TYPES.SET_GATEWAY_SOURCE,\n payload: source,\n});\n\nexport const showOfflineInstructions = () => ({\n type: ACTION_TYPES.SHOW_OFFLINE_INSTRUCTIONS,\n});\n\nexport const setDocCollectorFinished = (finished: boolean) => ({\n type: ACTION_TYPES.SET_DOC_COLLECTOR_FINISHED,\n payload: { finished },\n});\n\nexport const setPrefilledRejectOrConfirm = (status: boolean) => ({\n type: ACTION_TYPES.SET_PREFILLED_REJECT_OR_CONFIRM,\n payload: { status },\n});\n\nexport const hideUserManagement = () => ({\n type: ACTION_TYPES.HIDE_USER_MANAGEMENT,\n});\n\nexport const setReceiveSMSNotification = (receiveSMSNotification: boolean) => ({\n type: ACTION_TYPES.SET_RECEIVE_SMS_NOTIFICATION,\n payload: { receiveSMSNotification },\n});\n\nexport const setReceiveWhatsappNotification = (\n receiveWhatsappNotification: boolean | null,\n) => ({\n type: ACTION_TYPES.SET_RECEIVE_WHATSAPP_NOTIFICATION,\n payload: { receiveWhatsappNotification },\n});\n\nexport const showCancelPaymentOption = () => ({\n type: ACTION_TYPES.SHOW_CANCEL_PAYMENT_OPTION,\n});\n\nexport const hideCancelPaymentOption = () => ({\n type: ACTION_TYPES.HIDE_CANCEL_PAYMENT_OPTION,\n});\n\nexport const fetchEmbedded = (fetching: boolean) => ({\n type: ACTION_TYPES.FETCH_EMBEDDED,\n payload: fetching,\n});\n\nexport const setShouldAutoLoadOnlineScript =\n (): PayexThunkAction => (dispatch, getState) => {\n const state = getState();\n const paymentOffer = getPaymentOffer(state);\n\n if (!paymentOffer || !isOnline(state)) {\n return dispatch({\n type: ACTION_TYPES.SET_SHOULD_AUTO_LOAD_ONLINE_SCRIPT,\n payload: false,\n });\n }\n\n const isWorldpayOffer = /^worldpay/i.test(paymentOffer.paymentOption);\n const isWorldpayUnionpayOffer = /^worldpay.*unionpay/i.test(\n paymentOffer.paymentOption,\n );\n\n const isWorldpayWechatOffer = /^worldpay.*wechat/i.test(\n paymentOffer.paymentOption,\n );\n\n const shouldAutoLoadOnlineScript =\n !isWorldpayOffer || isWorldpayUnionpayOffer || isWorldpayWechatOffer;\n\n return dispatch({\n type: ACTION_TYPES.SET_SHOULD_AUTO_LOAD_ONLINE_SCRIPT,\n payload: shouldAutoLoadOnlineScript,\n });\n };\n\nexport const setRedirectToReferrer = (redirectToReferrer: boolean) => ({\n type: ACTION_TYPES.SET_REDIRECT_TO_REFERRER,\n payload: { redirectToReferrer },\n});\n\nexport const setPaymentProcess = () => ({\n type: ACTION_TYPES.SET_PAYMENT_PROCESS,\n});\n\nexport const unsetPaymentProcess = () => ({\n type: ACTION_TYPES.UNSET_PAYMENT_PROCESS,\n});\n\nexport const setTheme = (theme: Record) => ({\n type: ACTION_TYPES.SET_THEME,\n payload: theme,\n});\n\nexport const setTrackingPage = () => ({\n type: ACTION_TYPES.SET_TRACKING_PAGE,\n});\n\nexport const unsetTrackingPage = () => ({\n type: ACTION_TYPES.UNSET_TRACKING_PAGE,\n});\n\nexport const setChatVisible = () => ({\n type: ACTION_TYPES.SET_CHAT_VISIBLE,\n});\n\nexport const resetInvalidSMSAttempt = () => ({\n type: ACTION_TYPES.RESET_INVALID_SMS_ATTEMPT,\n});\n\nexport const setMaxAmount = (amount: number) => ({\n type: ACTION_TYPES.SET_MAX_AMOUNT,\n payload: amount,\n});\n\nexport const setEmbeddedConfirmationStep = (showConfirmationStep: boolean) => ({\n type: ACTION_TYPES.SET_EMBEDDED_CONFIRMATION_STEP,\n payload: showConfirmationStep,\n});\n\nexport const setPayerInfoByUser =\n (): PayexThunkAction => (dispatch, getState) => {\n const SENDER_EMAIL_FIELD = 'sender_email';\n const SENDER_FIRST_NAME_FIELD = 'sender_first_name';\n const SENDER_MIDDLE_NAME_FIELD = 'sender_middle_name';\n\n const state = getState();\n\n const { email, firstName, lastName } = getUser(state);\n const senderEmail = getFieldValue(state, SENDER_EMAIL_FIELD);\n if (!senderEmail) {\n return dispatch({\n type: ACTION_TYPES.SET_FIELDS_VALUES,\n payload: {\n fields: {\n [SENDER_EMAIL_FIELD]: email || '',\n [SENDER_FIRST_NAME_FIELD]: firstName || '',\n [SENDER_MIDDLE_NAME_FIELD]: lastName || '',\n },\n },\n });\n }\n };\n","import type { ChangeEvent, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Checkbox } from 'components/Checkbox/Checkbox';\n\nimport './Accept.scss';\n\ntype AcceptProps = {\n checked?: boolean;\n children: ReactNode;\n className?: string;\n dataTestId?: string;\n error?: boolean | string;\n name: string;\n readOnly?: boolean;\n required?: boolean;\n onChange: (e: ChangeEvent) => void;\n onBlur?: (e: ChangeEvent) => void;\n};\n\nconst Accept = ({\n checked = false,\n children,\n className,\n dataTestId = 'checkbox',\n error,\n name,\n readOnly = false,\n required = false,\n onChange,\n onBlur,\n}: AcceptProps) => {\n return (\n \n \n \n
\n \n );\n};\n\nexport { Accept };\n","import type { PropsWithChildren } from 'react';\n\nimport './Alert.scss';\n\ntype AlertType = 'danger' | 'warning' | 'info' | 'success';\ntype AlertProps = {\n id?: string;\n type?: AlertType;\n role?: string;\n};\n\nfunction Alert({\n children,\n type = 'info',\n role = 'alert',\n ...other\n}: PropsWithChildren) {\n return (\n \n {children}\n
\n );\n}\n\nexport { Alert, type AlertType };\n","import type { PropsWithChildren } from 'react';\n\nimport classNames from 'classnames';\n\nimport { ReactComponent as FilledInfoIcon } from 'icons/ico-info-blue.svg';\nimport { ReactComponent as InfoIcon } from 'icons/ico-info.svg';\n\nimport './Info.scss';\n\nfunction Info({\n children = null,\n className,\n ...other\n}: PropsWithChildren<{ className?: string }>) {\n return (\n \n {children}\n
\n );\n}\n\nInfo.Icon = () => {\n return ;\n};\n\nInfo.FilledIcon = ({ ...props }) => {\n return ;\n};\n\nexport { Info };\n","import type { ChangeEvent, Dispatch, ReactNode, SetStateAction } from 'react';\nimport React, {\n Fragment,\n createContext,\n useContext,\n useRef,\n useState,\n} from 'react';\n\nimport {\n Field,\n useInputClasses,\n useLabelClasses,\n} from '@flywire/headlessui-tailwindcss';\nimport { Combobox, Transition } from '@headlessui/react';\nimport classNames from 'classnames';\n\nimport { ReactComponent as Arrow } from 'icons/arrow.svg';\n\nimport './Autocomplete.scss';\n\nfunction standarizeText(text: string | number) {\n const textString = String(text);\n\n return (\n textString\n .toLowerCase()\n .replace(/\\s+/g, '')\n .normalize('NFD')\n // biome-ignore lint/suspicious/noMisleadingCharacterClass: \n .replace(/[\\u0300-\\u036f]/g, '')\n );\n}\n\ntype Option = {\n label: string;\n value: string;\n};\n\nconst EmptyOption: Option = { label: '', value: '' };\n\nexport type AutocompleteProps = {\n children: React.ReactNode;\n className?: string;\n error?: string | boolean;\n hint?: string;\n name?: string;\n onBlur?: () => void;\n onChange?: (value: string) => void;\n onFocus?: (value: string) => void;\n options: Option[];\n selected?: string;\n required?: boolean;\n readOnly?: boolean;\n disabled?: boolean;\n 'data-testid'?: string;\n};\n\ninterface ContextInterface {\n error?: string | boolean;\n name?: string;\n hasValue?: boolean;\n hint?: string;\n required?: boolean;\n readOnly?: boolean;\n disabled?: boolean;\n filteredOptions: Option[];\n setQuery: Dispatch>;\n onBlur?: () => void;\n}\n\nconst Context = createContext({\n filteredOptions: [],\n required: false,\n setQuery: () => {\n // does nothing\n },\n});\n\nfunction Input({\n className,\n labelClassName,\n 'data-testid': dataTestid,\n placeholder,\n}: {\n className?: string;\n labelClassName?: string;\n 'data-testid'?: string;\n placeholder?: string;\n}) {\n const {\n disabled,\n filteredOptions,\n name,\n readOnly,\n required,\n setQuery,\n error,\n } = useContext(Context);\n const fieldClasses = useInputClasses({ floatingLabel: true });\n const labelClasses = useLabelClasses({\n floatingLabel: true,\n className: labelClassName,\n });\n const buttonRef = useRef(null);\n const displayValue = (selected: Option) =>\n (selected &&\n filteredOptions.find(option => option.value === selected.value)?.label) ||\n '';\n\n const label = required ? `${placeholder} *` : placeholder;\n\n return (\n \n \n \n ) =>\n setQuery(evt.target.value)\n }\n onClick={() => buttonRef.current && buttonRef.current.click()}\n required={required}\n autoComplete=\"off\"\n aria-required={required}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-disabled={disabled}\n aria-autocomplete=\"list\"\n aria-controls={`${name}-options`}\n aria-labelledby={`${name}-label`}\n aria-invalid={!!error}\n placeholder={label}\n />\n buttonRef.current && buttonRef.current.click()}\n >\n {label}\n \n
\n \n \n \n \n );\n}\n\nfunction Options({ className }: { className?: string }) {\n const { filteredOptions, setQuery, onBlur } = useContext(Context);\n\n return (\n {\n setQuery('');\n onBlur?.();\n }}\n >\n \n {filteredOptions.map((option: Option) => (\n \n ))}\n \n \n );\n}\n\nfunction Option({ className, option }: { className?: string; option: Option }) {\n const { name } = useContext(Context);\n\n return (\n \n classNames(\n 'min-h-12 p-4 text-sm text-gray-950',\n { 'bg-blue-600 text-white': active },\n className,\n )\n }\n data-testid={`${name}-${option.value}`}\n value={option}\n >\n {option.label}\n \n );\n}\n\nfunction Error({\n children,\n className,\n ...rest\n}: {\n children: ReactNode;\n className?: string;\n}) {\n const { name } = useContext(Context);\n\n return (\n \n {children}\n \n );\n}\n\nfunction Hint(props: { children: ReactNode; className?: string }) {\n const { name } = useContext(Context);\n\n return ;\n}\n\nfunction Autocomplete({\n children,\n className,\n error,\n hint,\n name,\n onBlur,\n onChange,\n onFocus,\n options = [],\n selected,\n required,\n readOnly,\n disabled,\n 'data-testid': dataTestid,\n}: AutocompleteProps) {\n const [query, setQuery] = useState('');\n const filteredOptions =\n query === ''\n ? options\n : options.filter(option =>\n standarizeText(option.label).includes(standarizeText(query)),\n );\n const selectedOption =\n options.find(\n option => option.value.toLowerCase() === selected?.toLowerCase(),\n ) || EmptyOption;\n\n return (\n \n {\n onChange?.(option.value);\n setQuery('');\n }}\n onFocus={() => name && onFocus?.(name)}\n value={selectedOption}\n disabled={readOnly || disabled}\n className={classNames('group', className)}\n >\n {children}\n \n \n );\n}\n\nAutocomplete.Input = Input;\nAutocomplete.Option = Option;\nAutocomplete.Options = Options;\nAutocomplete.Error = Error;\nAutocomplete.Hint = Hint;\n\nexport { Autocomplete };\n","import React from 'react';\n\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { Heading } from 'components/Heading/Heading';\n\nimport './Box.scss';\n\ninterface BoxProps {\n children: React.ReactNode;\n className?: string;\n title?: string;\n}\n\nconst Box = ({ children, className, title, ...other }: BoxProps) => {\n const boxClassname = classNames('Box', className);\n\n return (\n \n {title && (\n
\n {title}\n \n )}\n
{children}
\n
\n ) =>\n handleKeyDown(evt, onReject)\n }\n >\n {rejectionButtonText}\n \n ) =>\n handleKeyDown(evt, confirm)\n }\n >\n {loading ? (\n \n ) : (\n {confirmationButtonText}\n )}\n \n
\n );\n};\n\nexport { Confirmation };\n","function Icon({ name, className }: { name: string; className?: string }) {\n return (\n \n );\n}\n\nexport { Icon };\n","function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgCreditCardIcons = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 0,\n height: 0,\n className: \"hidden\"\n}, props));\nexport { SvgCreditCardIcons as ReactComponent };\nexport default __webpack_public_path__ + \"assets/media/credit-card-icons.1f452ec4a877efcb843ff76421bb2a1f.svg\";","import { Icon } from 'components/ui/Icon/Icon';\nimport creditCardIcons from 'icons/credit-card-icons.svg';\n\nconst CreditCardIcon = ({ name }: { name: string }) => {\n return ;\n};\n\nexport { CreditCardIcon };\n","import { useMutation } from '@tanstack/react-query';\n\nimport type { CheckoutSession } from 'models';\n\nimport type { CreateSessionParams } from 'services/sessions/sessions';\nimport { sessions } from 'services/sessions/sessions';\n\ntype Params = {\n onSuccess: (session: CheckoutSession) => void;\n onMutate?: () => void;\n onError?: (error?: unknown) => void;\n onSettled?: () => void;\n};\n\nconst useCreateCheckoutSessions = (options: Params) => {\n const { mutate: createCheckoutSession } = useMutation(\n [`checkoutCreateSession`],\n async (params: CreateSessionParams) => sessions.create(params),\n options,\n );\n\n return {\n createCheckoutSession,\n };\n};\n\nexport { useCreateCheckoutSessions };\n","import { CardNewMandate } from '@flywire/internal-react-elements';\nimport '@flywire/internal-react-elements/styles.css';\n\nimport { CreditCardIcon } from 'components/CreditCardIcon/CreditCardIcon';\n\nimport type { CardWithCVVRequirement } from 'models';\nimport { useTranslations } from 'utils';\n\nimport { CardIcon } from '@flywire/icons';\nimport './CreditCardListItem.scss';\n\ntype CreditCardListItemProps = {\n card?: CardWithCVVRequirement;\n isSelected?: boolean;\n isCvvLoading?: boolean;\n onSelect: (creditCard?: CardWithCVVRequirement) => void;\n};\n\ntype AddCardProps = Omit;\ntype CreditCardProps = Omit & {\n card: CardWithCVVRequirement;\n withCvv?: boolean;\n};\n\nconst AddCard = ({ isSelected = false, onSelect }: AddCardProps) => {\n const i18n = useTranslations();\n return (\n <>\n \n onSelect()}\n />\n \n
\n \n \n \n \n );\n};\n\nconst CreditCard = ({\n card,\n isCvvLoading,\n isSelected,\n withCvv = true,\n onSelect,\n}: CreditCardProps) => {\n const i18n = useTranslations();\n\n const showCvv = withCvv && isSelected;\n\n return (\n \n
\n
onSelect(card)}\n />\n \n
\n {showTooltip ? (\n