loadPolicy()¶

window.complyr.loadPolicy(policyType, selector);

// ❌ ERRO
window.complyr.loadPolicy('privacy-policy', '#elemento-inexistente');
// Error: Element with selector '#elemento-inexistente' not found

// ✅ SOLUÇÃO
const element = document.querySelector('#policy-container');
if (element) {
  window.complyr.loadPolicy('privacy-policy', '#policy-container');
} else {
  console.error('Container de política não encontrado');
}

// ❌ ERRO
window.complyr.loadPolicy('invalid-policy', '#container');
// Error: Invalid policy type 'invalid-policy'

// ✅ SOLUÇÃO
const validTypes = [
  'privacy-policy',
  'terms-of-service',
  'cookie-policy',
  'data-processing'
];

const policyType = 'privacy-policy';

if (validTypes.includes(policyType)) {
  window.complyr.loadPolicy(policyType, '#container');
} else {
  console.error('Tipo de política inválido:', policyType);
}

// ❌ ERRO
window.complyr.loadPolicy('terms-of-service', '#container');
// Error: Policy 'terms-of-service' not found or not published

// ✅ SOLUÇÃO
// 1. Verificar no dashboard Complyr se a política existe
// 2. Verificar se o status está como "Publicada"
// 3. Tratar erro graciosamente

try {
  window.complyr.loadPolicy('terms-of-service', '#container');
} catch (error) {
  console.error('Erro ao carregar política:', error);

  // Exibir mensagem alternativa
  document.querySelector('#container').innerHTML = `
    <div class="error-message">
      <p>Não foi possível carregar a política no momento.</p>
      <p>Por favor, entre em contato com o suporte.</p>
    </div>
  `;
}

// ❌ ERRO
// Script executado antes de Complyr carregar
window.complyr.loadPolicy('privacy-policy', '#container');
// TypeError: Cannot read property 'loadPolicy' of undefined

// ✅ SOLUÇÃO 1: Aguardar evento
window.addEventListener('complyr:loaded', function() {
  window.complyr.loadPolicy('privacy-policy', '#container');
});

// ✅ SOLUÇÃO 2: Polling
function waitForComplyr(callback) {
  if (window.complyr && typeof window.complyr.loadPolicy === 'function') {
    callback();
  } else {
    setTimeout(() => waitForComplyr(callback), 100);
  }
}

waitForComplyr(() => {
  window.complyr.loadPolicy('privacy-policy', '#container');
});

// ✅ SOLUÇÃO 3: Promise
function whenComplyrReady() {
  return new Promise((resolve) => {
    if (window.complyr) {
      resolve(window.complyr);
    } else {
      window.addEventListener('complyr:loaded', () => {
        resolve(window.complyr);
      }, { once: true });
    }
  });
}

// Uso
whenComplyrReady().then((complyr) => {
  complyr.loadPolicy('privacy-policy', '#container');
});

function loadPolicyWithErrorHandling(policyType, selector) {
  try {
    // Verificar se Complyr está disponível
    if (!window.complyr) {
      throw new Error('Complyr não está carregado');
    }

    // Verificar se elemento existe
    const element = document.querySelector(selector);
    if (!element) {
      throw new Error(`Elemento ${selector} não encontrado`);
    }

    // Carregar política
    window.complyr.loadPolicy(policyType, selector);

    console.log(`✅ Política ${policyType} carregada com sucesso`);

  } catch (error) {
    console.error('❌ Erro ao carregar política:', error);

    // Exibir mensagem de erro para usuário
    const fallbackElement = document.querySelector(selector);
    if (fallbackElement) {
      fallbackElement.innerHTML = `
        <div style="padding: 20px; background: #fee; border: 1px solid #fcc;">
          <p><strong>Erro ao carregar política</strong></p>
          <p>${error.message}</p>
          <button onclick="location.reload()">Tentar novamente</button>
        </div>
      `;
    }

    // Enviar para sistema de logging (opcional)
    if (window.Sentry) {
      Sentry.captureException(error);
    }
  }
}

// Uso
window.addEventListener('complyr:loaded', function() {
  loadPolicyWithErrorHandling('privacy-policy', '#policy-container');
});

// Ativar logs detalhados
localStorage.setItem('complyr_debug', 'true');
location.reload();

// Verá logs como:
// [Complyr] Loading policy: privacy-policy
// [Complyr] Target selector: #policy-container
// [Complyr] Fetching policy from API...
// [Complyr] Policy loaded successfully
// [Complyr] HTML inserted into #policy-container

// Desativar logs
localStorage.removeItem('complyr_debug');

// Verificar se elemento existe
console.log('Elemento:', document.querySelector('#policy-container'));

// Verificar se Complyr carregou
console.log('Complyr disponível:', typeof window.complyr !== 'undefined');

// Verificar método loadPolicy
console.log('loadPolicy disponível:', typeof window.complyr?.loadPolicy === 'function');

// Ver conteúdo após carregamento
setTimeout(() => {
  const container = document.querySelector('#policy-container');
  console.log('HTML da política:', container?.innerHTML.substring(0, 500));
}, 2000);

// ❌ RUIM: Carregar política na inicialização da página
window.addEventListener('complyr:loaded', function() {
  window.complyr.loadPolicy('privacy-policy', '#hidden-modal-content');
});

// ✅ BOM: Carregar apenas quando modal abrir
document.getElementById('show-policy-btn').addEventListener('click', function() {
  openModal();

  // Carregar apenas na primeira vez
  if (!window.policyLoaded) {
    window.complyr.loadPolicy('privacy-policy', '#modal-content');
    window.policyLoaded = true;
  }
});

// Recarregar política (útil após atualização no dashboard)
function reloadPolicy(policyType, selector) {
  const container = document.querySelector(selector);

  if (container) {
    // Limpar conteúdo
    container.innerHTML = '<p>Recarregando...</p>';

    // Aguardar um momento antes de recarregar
    setTimeout(() => {
      window.complyr.loadPolicy(policyType, selector);
    }, 100);
  }
}

// Botão para recarregar
document.getElementById('reload-btn').addEventListener('click', () => {
  reloadPolicy('privacy-policy', '#policy-container');
});

// ✅ Aguardar Complyr carregar
window.addEventListener('complyr:loaded', function() {
  window.complyr.loadPolicy('privacy-policy', '#container');
});

// ✅ Validar elemento antes de carregar
const element = document.querySelector('#policy-container');
if (element) {
  window.complyr.loadPolicy('privacy-policy', '#policy-container');
}

// ✅ Tratar erros graciosamente
try {
  window.complyr.loadPolicy('privacy-policy', '#container');
} catch (error) {
  console.error('Erro:', error);
  // Exibir mensagem de erro
}

// ✅ Usar IDs únicos para seletores
window.complyr.loadPolicy('privacy-policy', '#unique-policy-id');

// ✅ Aplicar estilos customizados via CSS externo
// (não modificar HTML da política diretamente)

// ❌ NÃO executar antes de Complyr carregar
window.complyr.loadPolicy('privacy-policy', '#container');
// TypeError: window.complyr is undefined

// ❌ NÃO assumir que elemento sempre existe
window.complyr.loadPolicy('privacy-policy', '#maybe-nonexistent');
// Error: Element not found

// ❌ NÃO ignorar erros
window.complyr.loadPolicy('invalid', '#container');
// Erro não tratado

// ❌ NÃO modificar HTML da política manualmente após carregar
document.querySelector('#container').innerHTML += '<p>Extra content</p>';
// Quebra formatação e pode causar problemas

// ❌ NÃO usar seletores genéricos que podem pegar múltiplos elementos
window.complyr.loadPolicy('privacy-policy', '.policy');
// Usa apenas o primeiro elemento (pode não ser o desejado)

window.complyr.loadPolicy('privacy-policy', '#sidebar-policy');
window.complyr.loadPolicy('privacy-policy', '#footer-policy');

window.addEventListener('complyr:loaded', function() {
  window.complyr.loadPolicy('privacy-policy', '#policy-container');

  // Aguardar carregamento
  setTimeout(() => {
    const container = document.querySelector('#policy-container');
    const lastUpdated = container.querySelector('[data-last-updated]');

    if (lastUpdated) {
      document.getElementById('last-update-date').textContent =
        lastUpdated.getAttribute('data-last-updated');
    }
  }, 1000);
});

window.addEventListener('complyr:loaded', function() {
  window.complyr.loadPolicy('privacy-policy', '#policy-container');

  // Enviar evento para Google Analytics
  if (window.gtag) {
    gtag('event', 'policy_loaded', {
      'policy_type': 'privacy-policy',
      'page_location': window.location.href
    });
  }
});

const userLanguage = navigator.language.startsWith('en') ? 'en' : 'pt';
const policyType = userLanguage === 'en'
  ? 'privacy-policy-en'
  : 'privacy-policy';

window.complyr.loadPolicy(policyType, '#policy-container');