var vapiInstance = null; //SA const assistant = "03b91209-acdf-4bd7-b02b-28b02943d98a"; // Substitute with your assistant ID //USA //const assistant = "2b9c331a-f4cf-4f13-9071-f54aa1c722cd"; // Substitute with your assistant ID const apiKey = "063826f4-53c8-4737-bd1f-897582de71cf"; // Substitute with your Public key from Vapi Dashboard. const buttonConfig = { position: "bottom-right", // "bottom" | "top" | "left" | "right" | "top-right" | "top-left" | "bottom-left" | "bottom-right" offset: "40px", // decide how far the button should be from the edge width: "50px", // min-width of the button height: "50px", // height of the button idle: { // button state when the call is not active. color: `rgb(255, 180, 40)`, type: "pill", // or "round" title: "Have a quick question?", // only required in case of Pill subtitle: "Talk with our AI assistant (SA Only)", // only required in case of pill icon: `https://unpkg.com/lucide-static@0.321.0/icons/phone.svg`, }, loading: { // button state when the call is connecting color: `rgb(2, 51, 115)`, type: "pill", // or "round" title: "Connecting...", // only required in case of Pill subtitle: "Please wait", // only required in case of pill icon: `https://unpkg.com/lucide-static@0.321.0/icons/loader-2.svg`, }, active: { // button state when the call is in progress or active. color: `rgb(255, 0, 0)`, type: "pill", // or "round" title: "Call is in progress...", // only required in case of Pill subtitle: "End the call.", // only required in case of pill icon: `https://unpkg.com/lucide-static@0.321.0/icons/phone-off.svg`, }, };// Modify this as required (function (d, t) { var g = document.createElement(t), s = d.getElementsByTagName(t)[0]; g.src = "https://cdn.jsdelivr.net/gh/VapiAI/html-script-tag@latest/dist/assets/index.js"; g.defer = true; g.async = true; s.parentNode.insertBefore(g, s); g.onload = function () { vapiInstance = window.vapiSDK.run({ apiKey: apiKey, // mandatory assistant: assistant, // mandatory config: buttonConfig, // optional }); }; })(document, "script");