Overleaf/services/web/frontend/js/features/subscription/util/handle-stripe-payment-action.ts

import { FetchError, postJSON } from '@/infrastructure/fetch-json'
import getMeta from '@/utils/meta'
import { loadStripe } from '@stripe/stripe-js/pure'

export default async function handleStripePaymentAction(
  error: FetchError,
  options?: { successPath?: string }
): Promise<{ handled: boolean }> {
  const clientSecret = error?.data?.clientSecret
  const publicKey = error?.data?.publicKey

  if (clientSecret && publicKey) {
    const stripe = await loadStripe(publicKey)
    if (stripe) {
      const currentPath = window.location.pathname + window.location.search
      const returnUrl = new URL(
        '/user/subscription/offsite',
        getMeta('ol-ExposedSettings').siteUrl
      )
      const returnParams = new URLSearchParams({ path: currentPath })
      if (options?.successPath) {
        returnParams.set('successPath', options.successPath)
      }
      returnUrl.search = returnParams.toString()

      const manualConfirmationFlow = await stripe.confirmPayment({
        clientSecret,
        redirect: 'if_required',
        confirmParams: {
          return_url: returnUrl.toString(),
        },
      })
      if (manualConfirmationFlow.error) {
        const paymentIntentId = manualConfirmationFlow.error.payment_intent?.id
        try {
          await postJSON(
            `/user/subscription/void-change?payment_intent_id=${paymentIntentId}`
          )
        } catch (error) {
          // do nothing
        }
        return { handled: false }
      } else {
        try {
          await postJSON(`/user/subscription/sync`)
        } catch (error) {
          // if the sync fails, there may be stale data until the webhook is
          // processed but we can't do any special handling for that in here
        }
        return { handled: true }
      }
    }
  }
  return { handled: false }
}