Function bindBillingEvents

static/js/payment.js:1084–1157

()

}

function bindBillingEvents() {
    document.getElementById("parse-billing-btn")?.addEventListener("click", parseSingleBillingText);
    document.getElementById("parse-batch-btn")?.addEventListener("click", parseBatchBillingText);
    document.getElementById("clear-billing-btn")?.addEventListener("click", clearBillingText);
    document.getElementById("save-billing-template-btn")?.addEventListener("click", saveCurrentAsTemplate);
    document.getElementById("apply-billing-template-btn")?.addEventListener("click", applySelectedTemplate);
    document.getElementById("delete-billing-template-btn")?.addEventListener("click", deleteSelectedTemplate);
    document.getElementById("save-batch-template-btn")?.addEventListener("click", saveBatchProfilesAsTemplates);
    document.getElementById("billing-template-select")?.addEventListener("change", (event) => {
        const selectValue = event?.target?.value || "";
        if (!selectValue) {
            setInputValue("billing-template-name", "");
            return;
        }
        const selected = getBillingTemplates().find((tpl) => tpl.id === selectValue);
        if (selected) {
            setInputValue("billing-template-name", selected.name || "");
        }
    });

    document.getElementById("billing-country-input")?.addEventListener("change", () => {
        onBillingCountryChanged();
        persistBillingProfileNonSensitive();
        setRandomBillingHint("");
    });

    [
        "card-number-input",
        "card-expiry-input",
        "card-cvc-input",
        "billing-name-input",
        "billing-country-input",
        "billing-currency-input",
        "billing-line1-input",
        "billing-city-input",
        "billing-state-input",
        "billing-postal-input",
    ].forEach((id) => {
        const node = document.getElementById(id);
        node?.addEventListener("input", debounce(() => {
            persistBillingProfileNonSensitive();
            resetGenerateLinkButtonState();
        }, 200));
        node?.addEventListener("change", resetGenerateLinkButtonState);
    });

    document.getElementById("card-expiry-input")?.addEventListener("input", (event) => {
        const el = event.target;
        if (!el) return;
        const next = normalizeExpiryInputForTyping(el.value);
        if (el.value !== next) {
            el.value = next;
        }
    });

    document.getElementById("card-number-input")?.addEventListener("input", (event) => {
        const el = event.target;
        if (!el) return;