Calcular Frete

Endereço de Entrega:

`) ; startShippingCalculator(); } }) function startShippingCalculator() { // Elementos do DOM const wrapper = document.getElementById("shippingCalculator"); if (!wrapper) return; const form = document.getElementById("shippingForm"); const zipInput = document.getElementById("zipCodeInput"); const calculateBtn = document.getElementById("calculateButton"); const addressInfo = document.getElementById("addressInfo"); const addressDisplay = document.getElementById("addressDisplay"); const errorMessage = document.getElementById("errorMessage"); const ratesList = document.getElementById("ratesList"); // Estado let isLoading = false; // Validação de CEP function isValidZipCode(zipCode) { const cleanZip = zipCode.replace(/\D/g, ""); return cleanZip.length === 8; } // Formatar CEP function formatZipCode(value) { // Remove tudo que não é número let cleanValue = value.replace(/\D/g, ""); // Limita a 8 dígitos if (cleanValue.length > 8) { cleanValue = cleanValue.slice(0, 8); } // Formata com hífen (12345-678) if (cleanValue.length > 5) { cleanValue = cleanValue.slice(0, 5) + "-" + cleanValue.slice(5); } return cleanValue; } // Event listener para formatação automática zipInput.addEventListener("input", function (e) { e.target.value = formatZipCode(e.target.value); updateButtonState(); }); // Atualizar estado do botão function updateButtonState() { const isValid = isValidZipCode(zipInput.value); calculateBtn.disabled = isLoading || !isValid; } // Mostrar/Esconder elementos function showElement(element) { element.classList.add("is-visible"); } function hideElement(element) { element.classList.remove("is-visible"); } // Mostrar erro function showError(message) { errorMessage.textContent = message; showElement(errorMessage); } function hideError() { errorMessage.textContent = ""; hideElement(errorMessage); } // Mostrar loading function setLoading(loading) { isLoading = loading; if (loading) { calculateBtn.classList.add("is-loading"); calculateBtn.disabled = true; zipInput.disabled = true; } else { calculateBtn.classList.remove("is-loading"); zipInput.disabled = false; updateButtonState(); } } // Buscar endereço pelo CEP async function getAddressFromZip(zip) { const cleanZip = zip.replace(/\D/g, ""); const response = await fetch( `https://viacep.com.br/ws/${cleanZip}/json/` ); if (!response.ok) { throw new Error("Erro ao buscar CEP"); } const data = await response.json(); if (data.erro) { throw new Error("CEP não encontrado"); } return { zip: cleanZip, city: data.localidade, province: data.uf, province_code: data.uf, country: "Brazil", country_code: "BR", address1: data.logradouro || "", neighborhood: data.bairro || "", }; } // Preparar cálculo de frete async function prepareShippingRates(address) { try { const response = await fetch(`/cart/shipping_rates.json`, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ shipping_address: { zip: address.zip, country: address.country, province: address.province, }, }), }); // Status 202 (Accepted) e 200 (OK) são considerados sucesso if (response.ok || response.status === 202) { return true; } throw new Error("Erro ao preparar cálculo de frete"); } catch (error) { console.error("Error preparing shipping rates:", error); throw new Error( "Não foi possível iniciar o cálculo de frete. Tente novamente." ); } } // Buscar taxas de frete async function getShippingRates(address) { const params = new URLSearchParams({ "shipping_address[zip]": address.zip, "shipping_address[country]": address.country, "shipping_address[province]": address.province_code, }); const maxAttempts = 10; const delayMs = 1000; for (let attempt = 0; attempt < maxAttempts; attempt++) { try { const response = await fetch( `/cart/async_shipping_rates.json?${params.toString()}` ); if (!response.ok) { throw new Error("Erro ao obter taxas de frete"); } const data = await response.json(); // A API retorna null enquanto está calculando if (data === null || data === undefined) { // Aguarda antes de tentar novamente await new Promise((resolve) => setTimeout(resolve, delayMs)); continue; } // Verifica se tem taxas de frete disponíveis if ( data.shipping_rates && Array.isArray(data.shipping_rates) && data.shipping_rates.length > 0 ) { return data.shipping_rates; } // Se retornou um objeto mas sem taxas, significa que não há frete disponível if ( data.shipping_rates && Array.isArray(data.shipping_rates) && data.shipping_rates.length === 0 ) { return []; } // Aguarda antes de tentar novamente await new Promise((resolve) => setTimeout(resolve, delayMs)); } catch (error) { console.error("Error in attempt " + (attempt + 1) + ":", error); // Se for o último attempt, lança o erro if (attempt === maxAttempts - 1) { throw error; } // Senão, aguarda e tenta novamente await new Promise((resolve) => setTimeout(resolve, delayMs)); } } // Se chegou aqui, timeout - não conseguiu obter as taxas return []; } // Formatar preço function formatPrice(price, currency = "BRL") { const numericPrice = parseFloat(price); return new Intl.NumberFormat("pt-BR", { style: "currency", currency: currency, }).format(numericPrice); } // Formatar data function formatDate(dateString) { try { const date = new Date(dateString); return date.toLocaleDateString("pt-BR", { day: "2-digit", month: "2-digit", }); } catch { return dateString; } } // Formatar range de entrega function formatDeliveryRange(rate) { if (!rate.delivery_range || rate.delivery_range.length === 0) { return ""; } const [minDate, maxDate] = rate.delivery_range; if (minDate === maxDate) { return `Entrega estimada: ${formatDate(minDate)}`; } return `Entrega entre ${formatDate(minDate)} e ${formatDate( maxDate )}`; } // Salvar informações no carrinho async function saveShippingInfoToCart(address) { try { const cartData = { attributes: { _shipping_zip: address.zip, _shipping_city: address.city, _shipping_province: address.province, _shipping_province_code: address.province_code, _shipping_country: address.country, _shipping_country_code: address.country_code, }, }; await fetch("/cart/update.js", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(cartData), }); } catch (error) { console.error("Error saving shipping info to cart:", error); } } // Renderizar taxas de frete function renderShippingRates(rates) { ratesList.innerHTML = ""; if (rates.length === 0) { hideElement(ratesList); return; } rates.forEach((rate) => { const rateItem = document.createElement("div"); rateItem.className = "shipping-rate-item"; const rateInfo = document.createElement("div"); rateInfo.className = "shipping-rate-info"; const rateName = document.createElement("div"); rateName.className = "shipping-rate-name"; rateName.textContent = rate.name || rate.presentment_name; rateInfo.appendChild(rateName); const deliveryText = formatDeliveryRange(rate); if (deliveryText) { const rateDelivery = document.createElement("div"); rateDelivery.className = "shipping-rate-delivery"; rateDelivery.textContent = deliveryText; rateInfo.appendChild(rateDelivery); } const ratePrice = document.createElement("div"); ratePrice.className = "shipping-rate-price"; ratePrice.textContent = formatPrice(rate.price); rateItem.appendChild(rateInfo); rateItem.appendChild(ratePrice); ratesList.appendChild(rateItem); }); showElement(ratesList); } // Verificar se o carrinho tem itens async function hasCartItems() { try { const response = await fetch("/cart.js"); const cart = await response.json(); return cart.item_count > 0; } catch (error) { console.error("Error checking cart:", error); return false; } } // Calcular frete async function calculateShipping(e) { e.preventDefault(); const zipCode = zipInput.value; if (!isValidZipCode(zipCode)) { showError("Por favor, digite um CEP válido"); return; } // Verifica se há itens no carrinho const hasItems = await hasCartItems(); if (!hasItems) { showError( "Adicione produtos ao carrinho antes de calcular o frete." ); return; } setLoading(true); hideError(); hideElement(addressInfo); hideElement(ratesList); ratesList.innerHTML = ""; try { console.log("🔍 Iniciando cálculo de frete para CEP:", zipCode); // 1. Buscar endereço pelo CEP console.log("📍 Buscando endereço..."); const address = await getAddressFromZip(zipCode); console.log( "✅ Endereço encontrado:", address.city, "-", address.province_code ); // 2. Mostrar endereço addressDisplay.textContent = `${address.city} - ${address.province_code}, ${address.country}`; showElement(addressInfo); // 3. Salvar no carrinho console.log("💾 Salvando informações no carrinho..."); await saveShippingInfoToCart(address); // 4. Preparar cálculo console.log("⚙️ Preparando cálculo de frete..."); await prepareShippingRates(address); console.log("✅ Cálculo preparado, aguardando taxas..."); // 5. Buscar taxas console.log( "⏳ Buscando taxas de frete (isso pode levar alguns segundos)..." ); const rates = await getShippingRates(address); console.log("📦 Taxas recebidas:", rates.length, "opções"); if (rates.length === 0) { showError( "Não há opções de frete disponíveis para este endereço. Entre em contato conosco." ); } else { // 6. Renderizar taxas console.log("✨ Renderizando opções de frete"); renderShippingRates(rates); } } catch (error) { console.error("❌ Erro no cálculo de frete:", error); showError( error.message || "Erro ao calcular frete. Tente novamente." ); } finally { setLoading(false); } } // Event listener do formulário calculateBtn.addEventListener("click", calculateShipping); // Inicialização updateButtonState(); }

Filtros

Filtros