/*
#topbar-cta-button #navbar #sidebar #content-area table-of-contents
*/
/*
Vida Style Sheet Locked and Loaded
*/
/* Initially hide logos on all domains */
html[data-domain] img[alt="light logo"],
html[data-domain] img[alt="dark logo"] {
  visibility: hidden;
}


/*
* Vida White-label Customization Script for UI
*/

window.dataLayer = window.dataLayer || [];
console.log("Custom white-label script loaded!");

// Define domain-specific rules
const domainConfig = [
  {
    match: /^vidadev\.lylepratt\.com$/,
    brandName: "AutomatedPhone",
    replacements: [
      { from: /help@vida\.inc/gi, to: "help@automatedphone.ai" },
      { from: /api\.vida\.dev/gi, to: "api.automatedphone.ai" },
      { from: /Vida(\.io)?/gi, to: "AutomatedPhone" },
    ],
    logoLightUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/automated-phone-light.png",
    logoDarkUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/automated-phone-dark.png",
  },
  {
    match: /^jobnimbus\.automatedphone\.ai$/,
    brandName: "JobNimbus",
    faviconUrl: "https://webappui.jobnimbus.com/images/favicon.png",
    replacements: [
      { from: /help@vida\.inc/gi, to: "help@automatedphone.ai" },
      { from: /api\.vida\.dev/gi, to: "api.automatedphone.ai" },
      { from: /Vida(\.io)?/gi, to: "JobNimbus" },
    ],
    logoLightUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/jobnimbus-logo.png",
    logoDarkUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/jobnimbus-logo.png",
  },
  {
    match: /^marketinghub\.jobnimbus\.com$/,
    brandName: "JobNimbus",
    faviconUrl: "https://webappui.jobnimbus.com/images/favicon.png",
    replacements: [
      { from: /help@vida\.inc/gi, to: "help@automatedphone.ai" },
      { from: /api\.vida\.dev/gi, to: "api.automatedphone.ai" },
      { from: /Vida(\.io)?/gi, to: "JobNimbus" },
    ],
    logoLightUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/jobnimbus-logo.png",
    logoDarkUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/jobnimbus-logo.png",
  },
  {
    match: /^agent\.myproclaim\.com$/,
    brandName: "Proclaim AI",
    replacements: [
      { from: /help@vida\.inc/gi, to: "help@proclaimvoip.com" },
      { from: /api\.vida\.dev/gi, to: "api.automatedphone.ai" },
      { from: /Vida(\.io)?/gi, to: "Proclaim AI" },
    ],
    logoLightUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/proclaimvoip_white.png",
    logoDarkUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/proclaimvoip_white.png",
  },
  {
    match: /(.*\.)?automatedphone\.ai$/,
    brandName: "AutomatedPhone",
    replacements: [
      { from: /help@vida\.inc/gi, to: "help@automatedphone.ai" },
      { from: /api\.vida\.dev/gi, to: "api.automatedphone.ai" },
      { from: /Vida(\.io)?/gi, to: "AutomatedPhone" },
    ],
    logoLightUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/automated-phone-light.png",
    logoDarkUrl: "https://vidapublic.s3.us-east-2.amazonaws.com/automated-phone-dark.png",
  },
  {
    match: /^app\.getvoicebot\.com$/,
    brandName: "VoiceBot",
    replacements: [
      { from: /help@vida\.inc/gi, to: "help@getvoicebot.com" },
      { from: /api\.vida\.dev/gi, to: "api.getvoicebot.com" },
      { from: /Vida(\.io)?/gi, to: "VoiceBot" },
    ],
    logoLightUrl: "https://lirp.cdn-website.com/6c7f9e27/dms3rep/multi/opt/VoiceBot_Header_Logo2-243w.png",
    logoDarkUrl: "https://lirp.cdn-website.com/6c7f9e27/dms3rep/multi/opt/VoiceBot_Header_Logo2-243w.png",
  }  
  // Removed generic fallback to avoid unintended replacements on vida.io
];

// Immediately set a data attribute based on the domain
(function() {
  const hostname = window.location.hostname;
  // Determine if the current domain matches any white-label domain
  const isWhiteLabel = domainConfig.some(config => config.match.test(hostname));
  // Add a data attribute to <html> so CSS can react accordingly
  document.documentElement.setAttribute('data-domain', isWhiteLabel ? 'whitelabel' : 'default');
})();

// Get current domain config based on regex match
const hostname = window.location.hostname;
const currentDomainConfig = domainConfig.find(config => config.match.test(hostname));

// Redirect to vida.io if no domain match
if (!currentDomainConfig && !hostname.includes("vida.io")) {
  console.log("No matching domain found. Redirecting to vida.io/docs with the same path");
  const currentPath = window.location.pathname + window.location.search + window.location.hash;
  window.location.href = "https://vida.io/docs" + currentPath;
}

// Replace text mentions (enhanced handling for code blocks)
function replaceBrandMentions() {
  if (!currentDomainConfig || !currentDomainConfig.replacements) return;

  const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false);

  while (walker.nextNode()) {
    const node = walker.currentNode;

    if (node.__whitelabeled) continue;

    const isCodeElement = node.parentElement.closest('pre, code, script, style');

    currentDomainConfig.replacements.forEach(({ from, to }) => {
      // FIXED LINE BELOW:
      const allowInCode = from.source.includes('api\\.vida\\.dev') || from.source.includes('help@vida\\.inc');
      
      if (!isCodeElement || allowInCode) {
        node.nodeValue = node.nodeValue.replace(from, to);
      }
    });

    node.__whitelabeled = true;
  }
}

// replace urls
function replaceURLs() {
  if (!currentDomainConfig) return; // Only run on whitelabel domains
  const newDomain = window.location.hostname;
  // Process all anchor tags in the document
  document.querySelectorAll('a').forEach(link => {
    if (link.href && link.href.indexOf('vida.io') !== -1) {
      link.href = link.href.replace(/vida\.io/gi, newDomain);
    }
  });
}

// Replace logo
function replaceLogo() {  
  const logoImgs = document.querySelectorAll('div.flex-1.flex.items-center.gap-x-4 a img');
  logoImgs.forEach(img => {
    let newSrc, newAlt;
    
    // If there's a whitelabel config, use that; otherwise use the default Vida logos.
    if (currentDomainConfig) {
      if (img.alt === 'light logo') {
        newSrc = currentDomainConfig.logoLightUrl;
        newAlt = `${currentDomainConfig.brandName} Logo Light`;
      } else if (img.alt === 'dark logo') {
        newSrc = currentDomainConfig.logoDarkUrl;
        newAlt = `${currentDomainConfig.brandName} Logo Dark`;
      }
    } else {
      if (img.alt === 'light logo') {
        newSrc = 'https://mintlify.s3.us-west-1.amazonaws.com/vida/logos/light.svg';
        newAlt = 'Vida Logo Light';
      } else if (img.alt === 'dark logo') {
        newSrc = 'https://mintlify.s3.us-west-1.amazonaws.com/vida/logos/dark.svg';
        newAlt = 'Vida Logo Dark';
      }
    }

    // Preload the new image before applying it.
    if (newSrc) {
      const preloadedImage = new Image();
      preloadedImage.onload = function() {
        img.src = newSrc;
        img.alt = newAlt;
        // Use inline style with !important to override any CSS hiding the element.
        img.style.setProperty('visibility', 'visible', 'important');
      };
      preloadedImage.src = newSrc;
    }
  });
}

function removeUnwantedNavItems() {
  // SECTION HEADERS TO REMOVE COMPLETELY
  const sectionHeadersToRemove = [
    "Enablement",
    "Agent Examples"
  ];

  // SPECIFIC ITEM TEXT TO REMOVE
  const individualItemsToRemove = [
    "Athena Health",
    "Cox Automotive",
    "White-Label Capabilities",
    "Enabling SMS",
    "OpenAI Speech-to-Speech"
  ];

  // === Remove Entire Sections by <h5> header ===
  document.querySelectorAll('h5').forEach(h5 => {
    const title = h5.textContent.trim();
    if (sectionHeadersToRemove.includes(title)) {
      const container = h5.closest('div');
      if (container) {
        container.remove();
        console.log(`[White-label] Removed section: ${title}`);
      }
    }
  });

  // === Remove individual <li> items by inner text ===
  document.querySelectorAll('li').forEach(li => {
    const label = li.textContent.trim();
    if (individualItemsToRemove.some(item => label.includes(item))) {
      li.remove();
      console.log(`[White-label] Removed nav item: ${label}`);
    }
  });
}

function removeUnwantedHeaderLinks() {
  const headerLinkTextsToRemove = [
    "OpenAPI Definition",
    "Examples",
    "Pricing",
    "Login"
  ];

  const headerNavLinks = document.querySelectorAll('nav ul li a');

  headerNavLinks.forEach(link => {
    const text = link.textContent.trim();
    if (headerLinkTextsToRemove.includes(text)) {
      const li = link.closest('li');
      if (li) {
        li.remove();
        console.log(`[White-label] Removed header link: ${text}`);
      }
    }
  });

  // Also remove the CTA login button (desktop)
  const ctaButton = document.querySelector('#topbar-cta-button');
  if (ctaButton) {
    ctaButton.remove();
    console.log('[White-label] Removed CTA Login button');
  }
}

function hideSocialIcons() {
  // Only act when a white-label domain is active
  if (!currentDomainConfig) return;

  // Hide every social-icon link in the footer
  document
    .querySelectorAll('#footer .flex a')
    .forEach(a => { a.style.display = 'none'; });
}

function replaceFavicon() {
  if (!currentDomainConfig || !currentDomainConfig.faviconUrl) return;

  // Remove all existing favicon links
  const selectors = [
    "link[rel='icon']",
    "link[rel='shortcut icon']",
    "link[rel='apple-touch-icon']",
    "link[rel='mask-icon']"
  ];
  selectors.forEach(selector => {
    document.querySelectorAll(selector).forEach(el => el.remove());
  });

  // Add the new favicon
  const link = document.createElement('link');
  link.rel = 'icon';
  link.type = 'image/png';
  link.href = currentDomainConfig.faviconUrl;
  document.head.appendChild(link);

  console.log(`[White-label] Favicon set to ${link.href}`);
}


// Initialize replacements
function initializeWhiteLabel() {
  replaceLogo(); 
  replaceFavicon();
  if (currentDomainConfig) {
    replaceURLs(); // Update URLs to point at the current domain 
    replaceBrandMentions();
    removeUnwantedNavItems();
    removeUnwantedHeaderLinks();
    hideSocialIcons();
    console.log("White-label applied for domain:", currentDomainConfig.brandName);
  }
}

// Function to observe and initialize white-label replacements and Zapier embed
function observeAndInitialize() {
  const observer = new MutationObserver((mutationsList) => {
    mutationsList.forEach(() => {
      initializeWhiteLabel();
      initializeZapierEmbed();
    });
  });

  observer.observe(document.body, { childList: true, subtree: true });
}

// Wait for DOM load
if (document.readyState === "loading") {
  document.addEventListener("DOMContentLoaded", () => {
    initializeWhiteLabel();
    observeAndInitialize();
  });
} else {
  initializeWhiteLabel();
  observeAndInitialize();
}

/*
* Vida Style Scripts Locked and Loaded
*/
console.log("Custom vida script loaded!");

function loadCSS(url, callback) {
  var link = document.createElement('link');
  link.rel = 'stylesheet';
  link.href = url;
  link.onload = callback;
  document.head.appendChild(link);
}

function loadJS(url, callback) {
  var script = document.createElement('script');
  script.src = url;
  script.type = 'text/javascript';
  script.async = true;
  script.onload = callback;
  document.head.appendChild(script);
}

loadJS('https://vida.io/embed/button/v1/script.js', function() {
  console.log("Loaded Vida Widget JS");
});

/*
* Zapier Embed
*/
function initializeZapierEmbed() {
  const container = document.querySelector("#zapier-container");

  if (!container) return;

  if (!container.querySelector("zapier-full-experience")) {
    const script = document.createElement("script");
    script.type = "module";
    script.src = "https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements/zapier-elements.esm.js";
    document.head.appendChild(script);

    const stylesheet = document.createElement("link");
    stylesheet.rel = "stylesheet";
    stylesheet.href = "https://cdn.zapier.com/packages/partner-sdk/v0/zapier-elements/zapier-elements.css";
    document.head.appendChild(stylesheet);

    const element = document.createElement("zapier-full-experience");
    element.clientId = "4ztZwOUy6owmn3O9h3IhW0bs89Elxp45qSkqWGCt";
    element.theme = "light";
    element.appSearchBarDisplay = "show";
    container.appendChild(element);
  }
}


Subscribe to product plan

apiKeyAuth

AI Phone Agent Docs

Docs, tutorials, guides, and more, for Vida, the leading AI phone agent for small business. Answer calls and texts with an AI phone agent that always works and is never busy.

Documentation

Integrating OpenAI's Realtime Speech-to-Speech API with Vida Agents

OpenAI Speech-to-Speech

Details on your Vida Agent including examples for a variety of objectives and use-cases.

Introduction

Tips on how to instruct your agent to handle your calls like a pro.

Instructions

Turbo charge your Vida AI phone agent with functions like webhooks, scheduling, call transfer, and more.

Functions

Give your AI phone agent access to external information on the web.

Links

Information on HD Text-to-Speech Voices available for your Vida phone agent.

Voice

Tips on configuring how your Agent answers the phone or starts web conversations.

Greeting

Configure the language your Vida AI phone agent understands.

Language

Information on Vida's contact syncing capabilities and how contacts influence how calls and messages are handled.

Contacts

Enable SMS capabilities on your Vida AI phone agent by registering your Brand and Texting Campaign with Carriers.

Enabling SMS

How to configure and use Webhook actions in Vida agents.

Webhooks

How to configure and use Call Transfer actions in Vida agents.

Call Transfer

How to configure and use Take a Message functions in Vida agents.

Take a Message

How to configure and use the Notify function in Vida agents.

Notify

How to configure and use the Send Email function in Vida agents.

Send Email

How to configure and use the Send SMS function in Vida agents.

Send SMS

How to configure and use Schedule function in Vida agents.

Schedule

How to enable your Vida agent to request payment before it performs an action.

Request Payment

How to configure and use the Pre-Answer function in Vida agents.

Pre-Answer

How to configure and use the Reporting function in Vida agents.

Reporting

How to configure and use the Zapier agent function in Vida AI phone agents.

Zapier

How to configure and use Record Audio function.

Audio Recording

Example of Vida agent configured to answer calls for a restaurant.

Restaurant

Example of Vida agent configured to answer calls for a retail store.

Retail

Example of Vida agent configured to answer calls for a home services company.

Home Services

Example of Vida agent configured to book consultations for an IT services company.

Professional Services

Example of Vida agent configured to handle calls for a salon.

Salon

Example of Vida agent configured to handle calls for a logistics company.

Logistics

Guide for white-label resellers to embed AI agents into their clients' websites and customize the experience.

Embedding Tools for AI Enablement

Manage billing seamlessly for your AI Agent Enablement services with custom onboarding flows, branded subscriptions, and APIs.

AI Agent Enablement Billing Tools

Chargebee Billing Integration and Configuration

Chargebee Billing Integration

Stripe Billing Integration and Configuration

Stripe Billing Integration

Track and manage detailed usage data across all tiers of your AI agent enablement platform, with maximum flexibility for resellers and their customers.

Usage Features for AI Agent Enablement

Discover the extensive white-label options available to tailor Vida’s AI platform to your brand and offer a seamless experience for your customers.

White-Label Capabilities

Explore APIs tailored for resellers and white-label users to enable seamless integration and management of Vida's AI agent platform.

API Overview for Resellers and White-Label Users

Learn how to configure SIP for both inbound and outbound calls with Vida AI phone agents.

General SIP Guide for AI Enablement

SIP Register your Vida AI agent to an external PBX to send and receive calls.

SIP Registration

Vida AI phone agents can receive inbound calls over SIP / VoIP.

SIP to your Agent

Vida AI phone agents can send outbound calls over SIP / VoIP.

SIP from your agent

How to forward calls to your Vida AI phone agent.

Forward Calls to your Agent

How to share your Vida Agent by publishing its number and sharing its profile.

Publish your Agent

Every Vida AI phone agent has a public profile. Share the link to share your agent!

Share Agent profile

Embed your AI agent into your website to allow vistors to talk to your agent from anywhere.

Embed your Agent

Port an Existing Number

Vida AI phone agents integrate with thousands of apps including CRMs, Ticketing systems, and more!

Integrate your Agent

Use Vida AI phone agents with Zapier to integrate with thousands of apps!

Vida AI phone agents integrate with Athena Health for appointment scheduling and more!

Athena Health

Vida AI phone agents integrate with Cox Automotive APIs for scheduling, lead qualification, and more!

Cox Automotive

Vida AI phone agents integrate with Google Calendar to streamline scheduling and conflict checking!

Google Calendar

Get started with Vida's AI enabled communications platform.

API Overview

Getting Started

Access all the data on Vida through our RESTful API.

Authentication

List tokens

Create a token

Delete a token

Publish your staging agent to your active default agent. 

Publish an Agent

Revert staging agent to current default active agent settings

Revert an Agent

Update Agent

Fetch Staging Agent

Fetch your Live (default) agent configuration.

Fetch Live Agent

Get Agent

Use this endpoint to initiate an outbound call from your Vida agent to a destination number or user. Your agent will handle the call.

Outbound Call from Agent

Use this endpoint to initiate an outbound SMS text message from your Vida agent to a destination number or user. Your agent will handle the conversation. Note: You must have an active SMS Brand and Campaign on your account for this endpoint to work.

Outbound SMS from Agent

Assign phone number to your account for use

Assign phone number to your account

Assign a phone number you are supplying yourself to an agent. Requires reseller account.

Assign a BYO phone number

Return a phone number and unassigns the number from the agent account. If provided by an external integrated number supplier, will return to them too. Requires reseller account.

Return / Unassign Phone Number

Search for a phone number based on city, region, and country.

Search for local numbers by locality

Search for a phone number based on prefix.

Search for local numbers by prefix

Search for a phone number based on phrase.

Search for local numbers by phrase

List all your existing SIP IP whitelist entries.

List SIP IP Whitelist

Add a new IP address to your SIP IP whitelist.

Add IP to SIP IP Whitelist

Remove an existing IP address from your SIP IP whitelist.

Remove IP from SIP IP Whitelist

List all existing SIP outbound routes for a user.

List SIP Outbound Routes

Add a new outbound route for SIP. IP or domain Required (port and transport optional).

Add SIP Outbound Route

Remove SIP Outbound Route

List Priority Inbox

List Junk Inbox

Fetch recent messages across all inboxes.

Fetch Recent Messages

Fetch all messages for a particular room Id

Fetch Room Messages

Fetch specific conversation logs for a given room ID and UUID

Fetch Conversation

List all your existing webhook destinations.

List Webhooks

Add Webhook

Remove Webhook

Fetch additional information context stored for conversations with a particular person.

Fetch Context

Injects additional information context your agent can use in conversations with a specific person.

Add Context

Check if an agent url is available for use

Check agent url availability

Check if existing agent url exists for a user or create new one

Fetch existing agent url

Create a new url for an agent and replace existing one if exists

Create agent url

Create a new reseller under your partner account. Partner account required.

Create a new reseller

List all of your resellers. Partner account required.

List resellers

Create a new organization under your reseller account. Reseller account required.

Create a new organization

Delete (immediately) an organization under your reseller. Reseller account required.

API Documentation

Authorization

Agents

Phone Numbers

SIP

Messaging

Webhooks

Knowledge

Agent URLs

Accounts

Billing

API Reference

Subscribe to product plan

Authorizations

Body

Response