/**
 * Unified Footer Script for Mintlify
 * Handles both regular pages and custom pages
 */
(function() {
  // Configuration
  const footerConfig = {
    copyright: '© 2025 Centavo, Inc. All rights reserved | Centavo (DBA Payabli) is a registered Payment Facilitator of Wells Fargo Bank, NA, Concord, CA. Payabli is a registered ISO/MSP of Merrick Bank, South Jordan, UT.',
    links: [
      { text: 'Payabli', url: 'https://payabli.com' },
      { text: 'Terms', url: 'https://payabli.com/terms-and-conditions/' },
      { text: 'Contact', url: 'https://payabli.com/contact-us/' }
    ]
  };

  // Delay initial injection to ensure DOM is properly structured
  const INITIAL_DELAY = 700; // ms - adjust if needed
  
  // Initialize when DOM is ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() {
      setTimeout(init, INITIAL_DELAY);
    });
  } else {
    setTimeout(init, INITIAL_DELAY);
  }
  
  function init() {
    injectFooter();
    setupObserver();
    
    // Additional check after a delay to ensure footer exists
    setTimeout(function() {
      if (!footerExists()) {
        injectFooter();
      }
    }, 1000);
  }
  
  // Check if footer already exists by our ID
  function footerExists() {
    return document.getElementById('custom-footer') !== null;
  }
  
  // More reliable page type detection
  function getPageType() {
    // Skip injection on home page - checking for home.mdx specific elements
    if (document.querySelector('.home-content-container') || 
        document.querySelector('.home-card-section') ||
        document.querySelector('.home-header-container') ||
        window.location.pathname === '/' ||
        window.location.pathname === '/home' ||
        window.location.pathname.endsWith('home.mdx')) {
      console.log('Detected home page, skipping footer injection');
      return 'home';
    }
    
    // Check for custom page indicators
    if (document.querySelector('[class*="custom-page"]')) {
      console.log('Detected custom page');
      return 'custom';
    }
    
    // Check for existing footer
    if (document.querySelector('footer:not(#custom-footer)')) {
      console.log('Detected regular page with existing footer');
      return 'regular';
    }
    
    // Default to standalone if we can't determine
    console.log('Detected standalone page');
    return 'standalone';
  }
  
  // Create footer content (shared between all footer types)
  function createFooterContent() {
    const content = document.createElement('div');
    content.className = 'footer-content';
    
    // Copyright text
    const copyright = document.createElement('div');
    copyright.className = 'footer-copyright';
    copyright.textContent = footerConfig.copyright;
    
    // Links
    const links = document.createElement('div');
    links.className = 'footer-links';
    
    footerConfig.links.forEach(link => {
      const a = document.createElement('a');
      a.href = link.url;
      a.textContent = link.text;
      a.className = 'footer-link';
      a.target = '_blank'; // Open in new tab
      a.rel = 'noopener noreferrer'; // Security best practice
      links.appendChild(a);
    });
    
    // Assemble content
    content.appendChild(copyright);
    content.appendChild(links);
    
    return content;
  }
  
  // Inject footer based on page type
  function injectFooter() {
    // Skip if already exists
    if (footerExists()) {
      console.log('Footer already exists, skipping injection');
      return;
    }
    
    const pageType = getPageType();
    
    // Skip injection on home page
    if (pageType === 'home') {
      console.log('Home page detected, skipping footer injection');
      return;
    }
    
    // Add appropriate styles
    addFooterStyles();
    
    // Handle different page types
    switch (pageType) {
      case 'custom':
        injectCustomPageFooter();
        break;
      case 'regular':
        appendToExistingFooter();
        break;
      case 'standalone':
        injectStandaloneFooter();
        break;
    }
  }
  
  // Add footer to custom page (like home)
  function injectCustomPageFooter() {
    const footer = document.createElement('footer');
    footer.id = 'custom-footer';
    footer.className = 'custom-page-footer';
    
    footer.appendChild(createFooterContent());
    
    // More specific targeting for the home page
    // Find home container to append after - more robust targeting
    const homeContainer = document.querySelector('.home-content-container');
    const cardSection = document.querySelector('.home-card-section');
    const mainContent = document.querySelector('main');
    
    if (homeContainer) {
      console.log('Injecting after home-content-container');
      // Insert after the container
      if (homeContainer.nextSibling) {
        homeContainer.parentNode.insertBefore(footer, homeContainer.nextSibling);
      } else {
        homeContainer.parentNode.appendChild(footer);
      }
    } else if (cardSection) {
      console.log('Injecting after home-card-section');
      if (cardSection.nextSibling) {
        cardSection.parentNode.insertBefore(footer, cardSection.nextSibling);
      } else {
        cardSection.parentNode.appendChild(footer);
      }
    } else if (mainContent) {
      console.log('Injecting at end of main content');
      mainContent.appendChild(footer);
    } else {
      console.log('Fallback: appending to body');
      // Fallback to appending to body
      document.body.appendChild(footer);
    }
  }
  
  // Append content to existing footer
  function appendToExistingFooter() {
    const existingFooter = document.querySelector('footer:not(#custom-footer)');
    if (!existingFooter) {
      console.log('No existing footer found, falling back to standalone');
      injectStandaloneFooter();
      return;
    }
    
    const customContent = document.createElement('div');
    customContent.id = 'custom-footer';
    customContent.className = 'existing-footer-content';
    
    customContent.appendChild(createFooterContent());
    existingFooter.appendChild(customContent);
    console.log('Appended to existing footer');
  }
  
  // Create standalone footer
  function injectStandaloneFooter() {
    const footer = document.createElement('footer');
    footer.id = 'custom-footer';
    footer.className = 'standalone-footer';
    
    footer.appendChild(createFooterContent());
    
    // Try to find main content
    const mainContent = document.querySelector('main') || 
                       document.querySelector('[class*="content"]') ||
                       document.body;
    
    mainContent.appendChild(footer);
    console.log('Injected standalone footer');
  }
  
  // Add footer styles
  function addFooterStyles() {
    // Skip if styles already added
    if (document.getElementById('mintlify-footer-styles')) return;
    
    const style = document.createElement('style');
    style.id = 'mintlify-footer-styles';
    
    style.textContent = `
      /* Shared styles */
      .footer-content {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1rem;
      }
      
      .footer-copyright {
        margin-bottom: 1rem;
        font-size: 0.875rem;
        line-height: 1.5;
      }
      
      .footer-links {
        display: flex;
        justify-content: center;
        gap: 1.5rem;
        flex-wrap: wrap;
      }
      
      .footer-link {
        color: var(--tw-prose-links, #0066cc);
        text-decoration: none;
      }
      
      .footer-link:hover {
        text-decoration: underline;
      }
      
      /* Custom page footer */
      .custom-page-footer {
        margin-top: 4rem;
        padding: 2rem 0;
        /* border-top: 1px solid #e5e7eb; */
        text-align: center;
        width: 100%;
        position: relative;
        z-index: 10;
      }
      
      /* Content appended to existing footer */
      .existing-footer-content {
        margin-top: 1rem;
        padding-top: 1rem;
        /*border-top: 1px solid rgba(0, 0, 0, 0.1);*/
        text-align: center;
      }
      
      /* Standalone footer */
      .standalone-footer {
        margin-top: 4rem;
        padding: 2rem 0;
        border-top: 1px solid #e5e7eb;
        text-align: center;
        width: 100%;
        position: relative;
        z-index: 10;
      }
      
      /* Dark mode support */
      @media (prefers-color-scheme: dark) {
        .custom-page-footer,
        .standalone-footer {
          border-color: #374151;
        }
        
        .existing-footer-content {
          border-color: rgba(255, 255, 255, 0.1);
        }
        
        .footer-link {
          color: var(--tw-prose-links, #60a5fa);
        }
      }
      
      .dark .custom-page-footer,
      .dark .standalone-footer,
      .dark-theme .custom-page-footer,
      .dark-theme .standalone-footer {
        border-color: #374151;
      }
      
      .dark .existing-footer-content,
      .dark-theme .existing-footer-content {
        border-color: rgba(255, 255, 255, 0.1);
      }
      
      .dark .footer-link,
      .dark-theme .footer-link {
        color: var(--tw-prose-links, #60a5fa);
      }
    `;
    
    document.head.appendChild(style);
    console.log('Footer styles added');
  }
  
  // Set up observer for page changes - with delay to prevent premature injection
  function setupObserver() {
    let debounceTimer;
    
    const observer = new MutationObserver(mutations => {
      // Clear any existing timer
      clearTimeout(debounceTimer);
      
      // Set a new timer
      debounceTimer = setTimeout(() => {
        if (!footerExists()) {
          console.log('DOM changed, checking for footer injection');
          injectFooter();
        }
      }, 300);
    });
    
    observer.observe(document.body, {
      childList: true,
      subtree: true
    });
    
    // Handle route changes if using Next.js
    if (window.next && window.next.router) {
      window.next.router.events.on('routeChangeComplete', () => {
        clearTimeout(debounceTimer);
        debounceTimer = setTimeout(injectFooter, 500);
      });
    }
    
    console.log('Observer set up');
  }
})();

Learn what causes Payabli to delete tokenized payment methods

Deleted Payment Methods

Does Payabli delete saved payment methods after declines?

requestToken

Payabli Docs

Use these educational guides to become a payments expert

Intro

Overview Guides

Learn about Payabli's three Ps: Pay In, Pay Out, Pay Ops

The Three Ps

Learn how transactions, batches, and transfers work together in Payabli to move money

How Money Moves

Learn how to get from signing with Payabli to your first residual check

Getting Started

Get Started with Payabli

Learn about the fields required for Level I, II, and III processing

Level II & Level III Processing

Level II and Level III Processing

Learn how pass-through fees work in Payabli

Pass-Through Fees

Learn about to how to set a preferred batch cutoff time with the Custom Batch Time feature

Custom Batch Times

Learn how payment method tokenization secures sensitive data and enhances security for your payments

Tokenization Overview

Payment Method Tokenization

Learn about Cardholder Initiated Transaction (CIT) and Merchant Initiated Transaction (MIT) indicators for Pay In transactions

CIT & MIT indicators

Understanding CIT and MIT Indicators

Learn about managed payables and the vendor enablement process

Managed Payables

Understanding Managed Payables

Learn more about the know-your-customer (KYC) and know-your-business (KYB) fields required for merchant onboarding

KYC and KYB Requirements

Required Fields for Boarding Applications

Learn about suspicious activity detection and compliance in payment processing

Risk & Compliance Basics

Risk and Compliance Basics

Use Creator to build your own PCI-compliant embeddable components with no code

Build Your Own Components

Use these developer-focused guides and to build your integration with Payabli

Integration Guides and Developer Resources

Learn how to build a world-class payments integration with Payabli

Getting Started for Developers

Learn the difference between these commonly used terms

Paypoint vs Entrypoint

Learn more about Payabli's Pay In features for developers, and find all the guides in one place.

Pay In Developer Overview

Learn more about Payabli's Pay Out features for developers, and find all the guides in one place.

Pay Out Developer Overview

Learn more about Payabli's Pay Ops features for developers, and find all the guides in one place.

Pay Ops Developer Overview

Use these references to get to know Payabli's APIs

API Reference

Learn how authentication and API tokens work with the Payabli API

Authentication and API Tokens

Use idempotency keys to prevent duplicate requests

Request Idempotency

Prevent Duplicate Requests

Learn about the environments you can use to build with Payabli

Environments

Learn about entrypoints and how they are used in Payabli

Entrypoint Overview

Learn about responseCode and resultCodes returned by the API

API Responses

API responseCode and resultCode Reference

Learn about request limits and fraud controls in Payabli

Rate Limits

Download a Payabli Postman collection to get testing fast

Postman Collection

Use these guides to learn about using Payabli as a partner or a merchant

User Guides

Learn about reporting on and managing Pay In transactions in the Payabli UI

Manage Transactions

Manage Pay In Transactions in the UI

Learn how to add and manage customers in the Payabli UI

Manage Customers

Manage Customers in the UI

Learn how to set up and manage recurring payments in the Payabli UI

Manage Autopays

Manage Autopays in the UI

Learn how to create, send, and manage invoices in the Payabli UI

Manage Invoices

Manage Invoices in the UI

Learn how to report on and manage Pay In batches and funding in the Payabli UI

Manage Batches & Funding

Manage Pay In Batches and Funding in the UI

Learn how to manage payment disputes like ACH returns and chargebacks in the Payabli UI

Manage Payment Disputes

Manage ACH Returns and Chargebacks in the UI

Learn how to create transactions from the Payabli UI

Make Transactions

Make Transactions from the UI

Learn how to set up a PAX A920 device in PayHub to make card-present sales

PAX A920 Setup

Set Up a PAX A920 Device in PayHub

Learn about reporting on and managing Pay Out transactions in the Payabli UI

Manage Pay Out Transactions in the UI

Learn how to add and manage bills in the Payabli UI

Manage Bills

Manage Bills in the UI

Learn how to add and manage vendors in the Payabli UI

Manage Vendors

Manage Vendors in the UI

Learn how to report on and manage Pay Out batches and funding in the Payabli UI

Manage Batches & funding

Manage Pay Out Batches and Funding in the UI

Learn how to get the check image for a paid payout to a vendor from PartnerHub or PayHub

Get payout check image

Get Payout Transaction Check Image

Learn how to add and manage notifications and automated reports in the UI

Manage Notifications

Manage Notifications in the UI

Learn how to manage products and services in the Payabli UI

Manage Catalog

Manage Line Items and the Catalog from the UI

Use these references to look up glossary terms, response codes, errors, and statuses

Reference Guides

Understand common terms used in Payabli and across the payments industry

Payment Glossary

Use these payment methods to test your integration with Payabli

Payment Methods for Testing

Money In Schemas

Money In Statuses

Understand how to handle different types of ACH returns

ACH Return Codes

ACH Return Codes Reference

Learn about payment response codes for different payment methods

Payment Responses

Payment Response Codes and Errors

Learn about money out statuses and events and how they work together

Money Out Schemas

Money Out Statuses

Learn about statuses and substatuses during the merchant boarding process

Boarding Statuses

Boarding Statuses Reference

TransEvent Reference

Changes, improvements, and fixes to the Payabli APIs and UIs in 2025

2025 API and UI Changelog

Changes, improvements, and fixes to the Payabli APIs and UIs in 2024

2024 API and UI Changelog

Changes, improvements, and fixes to the Payabli APIs and UIs in 2023

2023 API and UI Changelog

component.js Changelog

Embedded Components Library Changelog

Read answers to common questions and learn how to troubleshoot problems

Support

Browse through resources by audience and area

Resources Index

Learn about the Pay In transaction lifecycle and its stages and statuses

Pay In Transaction Lifecycle

ACH Payments Cycle

Credit Card Payments Cycle

Learn how payment disputes like chargebacks and ACH returns work

Payment Disputes

Learn how Payabli handles chargebacks and ACH returns for split transactions

Split Chargebacks and Returns

Split Payment Chargebacks and Returns

Learn about refunds and what to do when refunds fail

Refunds and Refund Failures

Understand Refunds and Failures

References

Learn about enabling Apple Pay via the Payabli UI

Activate Apple Pay

Activate Apple Pay (UI)

Learn about managing Apple Pay and payment method domains via the Payabli UI

Manage Apple Pay

Manage Apple Pay (UI)

Board Merchants

Learn how to see an application's notes and events in PartnerHub

Notes & Events

Get Boarding App Notes and Events in PartnerHub

Learn how to bulk board merchants in Payabli

Bulk Boarding

Bulk Boarding Guide

Learn how to access Payabli's PartnerHub and PayHub UIs

Access UI

Access PartnerHub and PayHub

Learn about how threshold amounts affect your payment processing

Thresholds

Understanding Thresholds

Learn how to update a paypoint's bank account information

Change Bank Accounts

Request Bank Account Change

Learn which countries and territories are supported for money in and money out features

See Also: