zulip/static/js/billing/event_status.js

import $ from "jquery";

import * as loading from "../loading";

import * as helpers from "./helpers";

function update_status_and_redirect(status_message, redirect_to) {
    $("#webhook-loading").hide();
    $("#webhook-success").show();
    $("#webhook-success").text(status_message);
    setTimeout(() => {
        window.location.replace(redirect_to);
    }, 5000);
}

function show_error_message(message) {
    $("#webhook-loading").hide();
    $("#webhook-error").show();
    $("#webhook-error").text(message);
}

function show_html_error_message(rendered_message) {
    $("#webhook-loading").hide();
    $("#webhook-error").show();
    $("#webhook-error").html(rendered_message);
}

function handle_session_complete_event(session) {
    let message = "";
    let redirect_to = "";
    switch (session.type) {
        case "upgrade_from_billing_page":
        case "retry_upgrade_with_another_payment_method":
            message = "We have received your billing details. Attempting to create charge...";
            redirect_to = `/billing/event_status?stripe_payment_intent_id=${session.stripe_payment_intent_id}`;
            break;
        case "free_trial_upgrade_from_billing_page":
            message =
                "Your free trial of Zulip Standard has been activated. You would be redirected to the billing page soon.";
            redirect_to = "/billing";
            break;
        case "free_trial_upgrade_from_onboarding_page":
            message =
                "Your free trial of Zulip Standard has been activated. You would be redirected to the billing page soon.";
            redirect_to = "/billing?onboarding=true";
            break;
        case "card_update_from_billing_page":
            message =
                "Your card has been updated. You would be redirected to the billing page soon.";
            redirect_to = "/billing#payment-method";
    }
    update_status_and_redirect(message, redirect_to);
}

async function stripe_checkout_session_status_check(stripe_session_id) {
    const response = await $.get("/json/billing/event/status", {stripe_session_id});
    if (response.session.status === "created") {
        return false;
    }
    if (response.session.event_handler.status === "started") {
        return false;
    }
    if (response.session.event_handler.status === "succeeded") {
        handle_session_complete_event(response.session);
        return true;
    }
    if (response.session.event_handler.status === "failed") {
        show_error_message(response.session.event_handler.error.message);
        return true;
    }

    return false;
}

export function initialize_retry_with_another_card_link_click_handler() {
    $("#retry-with-another-card-link").on("click", (e) => {
        e.preventDefault();
        $("#webhook-error").hide();
        helpers.create_ajax_request(
            "/json/billing/session/start_retry_payment_intent_session",
            "restartsession",
            [],
            "POST",
            (response) => {
                window.location.replace(response.stripe_session_url);
            },
        );
    });
}

export async function stripe_payment_intent_status_check(stripe_payment_intent_id) {
    const response = await $.get("/json/billing/event/status", {stripe_payment_intent_id});

    switch (response.payment_intent.status) {
        case "requires_payment_method":
            if (response.payment_intent.event_handler.status === "succeeded") {
                show_html_error_message(
                    response.payment_intent.last_payment_error.message +
                        "<br>" +
                        'You can try adding <a id="retry-with-another-card-link"> another card or </a> or retry the upgrade.',
                );
                initialize_retry_with_another_card_link_click_handler();
                return true;
            }
            if (response.payment_intent.event_handler.status === "failed") {
                show_error_message(response.payment_intent.event_handler.error.message);
                return true;
            }
            return false;
        case "succeeded":
            if (response.payment_intent.event_handler.status === "succeeded") {
                update_status_and_redirect(
                    "Charge created successfully. Your organization has been upgraded. Redirecting to billing page...",
                    "/billing/",
                );
                return true;
            }
            if (response.payment_intent.event_handler.status === "failed") {
                show_error_message(response.payment_intent.event_handler.error.message);
                return true;
            }
            return false;
        default:
            return false;
    }
}

export async function check_status() {
    if ($("#data").attr("data-stripe-session-id")) {
        return await stripe_checkout_session_status_check(
            $("#data").attr("data-stripe-session-id"),
        );
    }
    return await stripe_payment_intent_status_check(
        $("#data").attr("data-stripe-payment-intent-id"),
    );
}

async function start_status_polling() {
    let completed = false;
    try {
        completed = await check_status();
    } catch {
        setTimeout(start_status_polling, 5000);
    }
    if (!completed) {
        setTimeout(start_status_polling, 5000);
    }
}

async function initialize() {
    const form_loading = "#webhook-loading";
    const form_loading_indicator = "#webhook_loading_indicator";

    loading.make_indicator($(form_loading_indicator), {
        text: "Processing ...",
        abs_positioned: true,
    });
    $(form_loading).show();
    await start_status_polling();
}

$(() => {
    initialize();
});