> ## Documentation Index
> Fetch the complete documentation index at: https://floqer.com/llms.txt
> Use this file to discover all available pages before exploring further.
# HeyReach: Add Leads to a Campaign
export const SearchBar = ({onSearch, placeholder = "Search..."}) => {
const uniqueId = `search-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
const renderSearchBar = () => {
return `
`;
};
if (typeof document === "undefined") {
return null;
} else {
setTimeout(() => {
const element = document.getElementById(uniqueId);
if (element) {
element.innerHTML = renderSearchBar();
if (window.Alpine?.initTree) {
if (typeof window !== 'undefined') {
window.Alpine = window.Alpine || ({});
window.Alpine.store('search', {
query: '',
updateQuery(value) {
this.query = value;
window.dispatchEvent(new CustomEvent('search-query-updated', {
detail: {
query: value
}
}));
}
});
}
window.Alpine.initTree(element);
}
}
}, 1);
}
return
;
};
export const AccordionText = ({heading, content}) => {
const uniqueId = `accordion-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
const renderAccordion = (title, text) => {
const formattedText = text.split('\n').map(line => line.trim()).filter(line => line.length > 0).map(line => `${line}
`).join('');
return `
`;
};
if (typeof document === "undefined") {
return null;
} else {
setTimeout(() => {
const element = document.getElementById(uniqueId);
if (element) {
element.innerHTML = renderAccordion(heading, content);
if (window.Alpine?.initTree) {
window.Alpine.initTree(element);
} else {
console.error("Alpine.js is not loaded. Please ensure Alpine.js is included in your project.");
}
}
}, 1);
}
return
;
};
export const Breadcrumbs = ({items, disableNavigate = false, icon}) => {
const uniqueId = `breadcrumb-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
const defaultIcon = `
`;
const renderBreadcrumbs = breadcrumbItems => {
return `
${icon || defaultIcon}
${breadcrumbItems.map((item, index) => `
${index > 0 ? `
/
` : ''}
${!disableNavigate && item.href && !item.isActive ? `
${item.label}
` : `
${item.label}
`}
`).join('')}
`;
};
if (typeof document === "undefined") {
return null;
} else {
setTimeout(() => {
const element = document.getElementById(uniqueId);
if (element) {
element.innerHTML = renderBreadcrumbs(items);
}
}, 1);
}
return
;
};
export const ActionOutputs = ({outputs = []}) => {
const uniqueId = `div-out-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
const highlightText = (text, query) => {
if (!query || query.trim() === '') return text;
const queryLower = query.toLowerCase().trim();
const textStr = String(text);
const textLower = textStr.toLowerCase();
if (!textLower.includes(queryLower)) return text;
const parts = [];
let lastIndex = 0;
let index = textLower.indexOf(queryLower);
while (index !== -1) {
if (index > lastIndex) {
parts.push(textStr.substring(lastIndex, index));
}
parts.push(`${textStr.substring(index, index + queryLower.length)} `);
lastIndex = index + queryLower.length;
index = textLower.indexOf(queryLower, lastIndex);
}
if (lastIndex < textStr.length) {
parts.push(textStr.substring(lastIndex));
}
return parts.join('');
};
function filterCompanyData(data, searchQuery) {
if (!searchQuery) return data;
const queryLower = searchQuery.toLowerCase().trim();
return data.reduce((filteredSections, section) => {
const filteredItems = section.items.filter(item => {
if (item.nested) {
return item.name.toLowerCase().includes(queryLower) || item.values.some(value => value.toLowerCase().includes(queryLower));
}
return item.name.toLowerCase().includes(queryLower) || String(item.value).toLowerCase().includes(queryLower);
});
if (filteredItems.length > 0) {
return [...filteredSections, {
heading: section.heading,
items: filteredItems
}];
}
return filteredSections;
}, []);
}
const lightenColor = (color, percent) => {
const num = parseInt(color.replace("#", ""), 16), amt = Math.round(2.55 * percent), R = (num >> 16) + amt, G = (num >> 8 & 0x00ff) + amt, B = (num & 0x0000ff) + amt;
return `#${(0x1000000 + (R < 255 ? R < 1 ? 0 : R : 255) * 0x10000 + (G < 255 ? G < 1 ? 0 : G : 255) * 0x100 + (B < 255 ? B < 1 ? 0 : B : 255)).toString(16).slice(1)}`;
};
const firstLevel = (inputName, inputValue, required, accentColor, searchQuery = '', icon = null) => {
return `
${icon ? icon : ""}
${searchQuery ? highlightText(inputName?.toUpperCase(), searchQuery) : inputName?.toUpperCase()}
${searchQuery ? highlightText(inputValue, searchQuery) : inputValue}
${required ? `
` : ""}
`;
};
const nestedLevel = (inputName, inputValues, accentColor, searchQuery = '') => {
const lighterAccentColor = accentColor ? lightenColor(accentColor, 11) : "#E5E5E5";
const values = Array.isArray(inputValues) ? inputValues : [inputValues];
const valueElements = values.map(value => `
${searchQuery ? highlightText(value?.toUpperCase(), searchQuery) : value?.toUpperCase()}
`).join('');
return `
${searchQuery ? highlightText(inputName?.toUpperCase(), searchQuery) : inputName?.toUpperCase()}
>
${valueElements}
`;
};
const responseWrapper = (section, searchQuery = '') => {
const {heading, items = []} = section;
return `
${searchQuery ? highlightText(heading, searchQuery) : heading}
${items.map(item => {
if (item.nested) {
return nestedLevel(item.name, item.values, item.accentColor, searchQuery);
}
return firstLevel(item.name, item.value, item.required, item.accentColor, searchQuery, item.icon);
}).join('')}
`;
};
if (typeof document === "undefined") {
return null;
} else {
setTimeout(() => {
const element = document.getElementById(uniqueId);
if (element) {
element.innerHTML = `
${outputs.map(section => responseWrapper(section)).join('')}
`;
window.addEventListener("search-query-updated", e => {
if (e.detail.query) {
const filteredData = filterCompanyData(outputs, e.detail.query);
element.innerHTML = `
${filteredData.map(section => responseWrapper(section, e.detail.query)).join('')}
`;
} else {
element.innerHTML = `
${outputs.map(section => responseWrapper(section)).join('')}
`;
}
});
if (window.Alpine?.initTree) {
window.Alpine.initTree(element);
} else {
console.error("Alpine.js is not loaded. Please ensure Alpine.js is included in your project.");
}
}
}, 1);
}
return
;
};
export const ActionInputs = ({inputs = []}) => {
const uniqueId = `div-in-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
const input = (inputName, inputValue, required, accentColor) => {
return `
${inputName?.toUpperCase()}
${inputValue}
${required ? `
` : ""}
`;
};
if (typeof document === "undefined") {
return null;
} else {
setTimeout(() => {
const element = document.getElementById(uniqueId);
if (element) {
const requiredInputs = inputs.filter(i => i.required);
const optionalInputs = inputs.filter(i => !i.required);
element.innerHTML = `
${requiredInputs.length > 0 ? `
Required
${requiredInputs.map(i => input(i.name, i.value, true, i.accentColor)).join('')}
` : ''}
${optionalInputs.length > 0 ? `
Optional
${optionalInputs.map(i => input(i.name, i.value, false, i.accentColor)).join('')}
` : ''}
`;
if (window.Alpine?.initTree) {
window.Alpine.initTree(element);
}
}
}, 1);
}
return
;
};
HeyReach: Add Leads to a Campaign
HeyReach is a sales outreach platform that helps businesses automate their
lead generation and follow-up processes. It enables teams to create
personalized email sequences, track engagement, and manage prospects
through customizable campaigns.
Why use this action?
HeyReach provides powerful automation for your outreach campaigns,
allowing you to seamlessly add leads with custom variables for
personalization. It streamlines the prospecting process by handling the
technical aspects of campaign management, so you can focus on building
relationships.
INPUTS
OUTPUTS
RESPONSE
Campaign Automation: Set up and manage multi-touch email sequences without manual intervention. \n
🎯 Personalization at Scale: Leverage custom variables to create personalized messaging for hundreds of prospects. \n
📊 Lead Management: Organize prospects into specific campaigns based on criteria and segments. \n
⏱️ Time Optimization: Save hours by automating the addition of leads to your outreach workflows.
`}
/>
