/* GF Recebíveis — shared icons and small components */
const { useState, useEffect, useRef } = React;
// Inline icons (stroke-based, lucide-like)
const Icon = ({ name, size = 20, ...props }) => {
const s = size;
const common = { width: s, height: s, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 1.7, strokeLinecap: 'round', strokeLinejoin: 'round', ...props };
switch (name) {
case 'check':
return ;
case 'check-circle':
return ;
case 'arrow-right':
return ;
case 'whatsapp':
return ;
case 'clock':
return ;
case 'users':
return ;
case 'trending-down':
return ;
case 'wallet':
return ;
case 'shield':
return ;
case 'sparkles':
return ;
case 'phone':
return ;
case 'mail':
return ;
case 'instagram':
return ;
case 'linkedin':
return ;
case 'plus':
return ;
case 'send':
return ;
case 'spark':
return ;
case 'lock':
return ;
case 'briefcase':
return ;
case 'heart-handshake':
return ;
case 'zap':
return ;
case 'chart':
return ;
case 'target':
return ;
case 'file':
return ;
default: return null;
}
};
// Animated counter — counts up to `end` over `duration` ms when in view
function useInView(ref, threshold = 0.3) {
const [seen, setSeen] = useState(false);
useEffect(() => {
if (!ref.current) return;
const el = ref.current;
const obs = new IntersectionObserver((entries) => {
entries.forEach(e => { if (e.isIntersecting) { setSeen(true); obs.disconnect(); } });
}, { threshold });
obs.observe(el);
return () => obs.disconnect();
}, []);
return seen;
}
const Counter = ({ end, duration = 1800, decimals = 0, prefix = '', suffix = '', format }) => {
const ref = useRef(null);
const seen = useInView(ref);
const [val, setVal] = useState(0);
useEffect(() => {
if (!seen) return;
const start = performance.now();
let raf;
const tick = (now) => {
const t = Math.min(1, (now - start) / duration);
const eased = 1 - Math.pow(1 - t, 3);
setVal(end * eased);
if (t < 1) raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, [seen, end, duration]);
let display;
if (format === 'brl') {
// round to integer
display = new Intl.NumberFormat('pt-BR', { maximumFractionDigits: 0 }).format(Math.round(val));
} else {
display = val.toLocaleString('pt-BR', { minimumFractionDigits: decimals, maximumFractionDigits: decimals });
}
return {prefix}{display}{suffix};
};
// Reveal-on-scroll wrapper
const Reveal = ({ children, delay = 0, as: As = 'div', ...rest }) => {
const ref = useRef(null);
const [show, setShow] = useState(false);
useEffect(() => {
if (!ref.current) return;
const obs = new IntersectionObserver((entries) => {
entries.forEach(e => { if (e.isIntersecting) { setTimeout(() => setShow(true), delay); obs.disconnect(); } });
}, { threshold: 0.15 });
obs.observe(ref.current);
return () => obs.disconnect();
}, [delay]);
return {children};
};
Object.assign(window, { Icon, Counter, Reveal, useInView });