`; return html; }, /** * Generate user email HTML for Data Entry services */ generateUserEmailHtml: function(type = 'calculate') { // Types: 'calculate', 'proposal' const cd = this.state.selections.contactDetails || {}; const totalPrice = this.state.totalPrice.toLocaleString(); const currentYear = new Date().getFullYear(); let title, intro, mainContent, ctaText, ctaLink; const baseService = this.state.selections['project-type']?.name || 'Data entry'; if (type === 'calculate') { title = "Il tuo preventivo per il data entry è pronto!"; intro = `Grazie per aver utilizzato il nostro calcolatore di preventivi per il data entry! Abbiamo elaborato le tue selezioni per fornirti un preventivo personalizzato per il tuo progetto di ${baseService}.`; mainContent = `In base al tipo di servizio, all'ambito e alle attività che hai selezionato, abbiamo generato un preventivo iniziale, così hai un'idea dell'investimento potenziale necessario. Il passo successivo è consultare il dettaglio sul nostro sito web. Ricorda che il prezzo finale dipende da fattori come la qualità e la complessità dei dati. Se desideri un preventivo preciso, clicca sul pulsante "Richiedi preventivo formale" nella pagina di riepilogo. Il nostro team ti contatterà poi per discutere i dettagli del progetto e fornirti un prezzo definitivo.`; ctaText = "Visualizza il preventivo del tuo progetto"; ctaLink = "https://umitech.it/preventivo/data-entry"; // Link to the page containing the calculator } else { // proposal (Richiedi un preventivo formale) title = "Richiesta di preventivo per il data entry ricevuta"; intro = `Grazie per aver richiesto un preventivo formale per il tuo progetto di ${baseService}, ${cd.name || 'cliente'}! Le tue esigenze sono in fase di valutazione da parte del nostro team di progetto.`; mainContent = `Non vediamo l'ora di aiutarti con le tue esigenze legate ai dati! Stiamo esaminando con attenzione i dettagli che ci hai fornito – tipo di servizio, volume, complessità, attività specifiche e requisiti di qualità. Per fornirti un preventivo accurato, spesso ci serve vedere dati di esempio e confermare le istruzioni. Riceverai nostre notizie entro 1 giorno lavorativo. Ti invieremo il preventivo formale oppure ti contatteremo per richiedere dei campioni o fissare una breve chiamata per chiarire i dettagli.`; ctaText = "Contatta il nostro team"; ctaLink = "https://umitech.it/contattaci"; } const html = ``; return html; }, /** * Populate Invoice Header and Generate Breakdown Items */ populateInvoiceDetails: function() { try { // Populate Header if (this.elements.invoiceDateEl) { this.elements.invoiceDateEl.textContent = new Date().toLocaleDateString(); } const cd = this.state.selections.contactDetails || {}; if (this.elements.invoiceClientNameEl) { this.elements.invoiceClientNameEl.innerHTML = `${cd.name || 'N/A'}`; } if (this.elements.invoiceClientEmailEl) { this.elements.invoiceClientEmailEl.textContent = cd.email || 'N/A'; } if (this.elements.invoiceClientPhoneEl) { let phoneText = ''; if (cd.phone) { phoneText = `${cd.countryCode || ''} ${cd.phone}`; } this.elements.invoiceClientPhoneEl.textContent = phoneText; } // Generate Breakdown Items this.generateQuoteBreakdown(); } catch (error) { console.error('Error populating invoice details:', error); } }, /** * Generate breakdown items for the quote summary page (data entry version) */ generateQuoteBreakdown: function() { try { if (!this.elements.breakdownItems) return; this.elements.breakdownItems.innerHTML = ''; // Clear previous items const getServiceUnit = (serviceValue) => { if (['general-data-entry', 'data-cleansing', 'data-migration', 'database-management', 'data-annotation', 'data-deduplication', 'data-formatting'].includes(serviceValue)) return ' / ora'; if (serviceValue === 'transcription') return ' / minuto audio'; if (['form-processing', 'invoice-entry', 'contact-list-building', 'survey-data-entry', 'product-catalog-entry', 'crm-data-update', 'image-tagging', 'pdf-to-excel', 'manual-data-research', 'order-processing'].includes(serviceValue)) return ' / voce'; // More specific unit could be derived from name return ''; // Default unit (e.g., for fixed price items) }; const createBreakdownItem = (label, price, unit = '', isSubItem = false, isBoldPrefix = false) => { // Show items with price > 0, the free consultation, or the base service type if (price === 0 && label !== 'Consulenza iniziale' && !isBoldPrefix && key !== 'project-type') return; const item = document.createElement('div'); item.className = 'uq-invoice-item'; let priceString = ''; if (price < 0) { priceString = `-€${Math.abs(price).toLocaleString()}`; // Discount } else if (price === 0 && label === 'Initial Consultation') { priceString = 'Incluso'; } else if (typeof price === 'number') { priceString = `€${price.toLocaleString()}${unit}`; // Add unit } let labelHtml = label; if (isBoldPrefix) { const parts = label.split(':'); labelHtml = (parts.length > 1) ? `${parts[0]}: ${parts.slice(1).join(':').trim()}` : `${label}`; } item.innerHTML = ``; this.elements.breakdownItems.appendChild(item); }; const createMultiItems = (key, labelPrefix) => { const sel = this.state.selections[key]; if (sel && Array.isArray(sel)) { sel.forEach(item => { // Show priced items OR the free initial consultation if (item.price !== 0 || item.value === 'strategy-consultation') { let label = item.name; if (item.value === 'strategy-consultation') label = 'Consulenza iniziale'; // Correct label const unit = (key === 'pages') ? getServiceUnit(item.value) : ''; // Get unit for tasks createBreakdownItem(label, item.price, unit, true, false); } }); } }; const createSingleItem = (key, labelPrefix = '', showZero = false) => { const sel = this.state.selections[key]; if (sel && typeof sel === 'object') { const price = sel.price || 0; // Show if price is not zero, or if showZero is true, or if it's the base project type if (price !== 0 || showZero || key === 'project-type') { let label = `${labelPrefix}${sel.name}`; let isBold = false; const unit = getServiceUnit(sel.value); // Get unit for single selections // Add bold prefixes for key single selections if (key === 'project-type') { label = `Servizio base: ${sel.name}`; isBold = true; } // Add other bold prefixes if needed for clarity // e.g., if (key === 'data-volume') { label = `Volume: ${sel.name}`; isBold = true; } createBreakdownItem(label, price, unit, false, isBold); } } }; // --- Add items in logical order based on Data Entry flow --- createSingleItem('project-type', '', true); // Base Service (Always show, with unit) // Scope createSingleItem('data-volume', 'Volume: '); createSingleItem('data-complexity', 'Complessità: '); // Quality & Tools createSingleItem('qa-level', 'Livello QA: '); createSingleItem('software-tools', 'Software: '); // Specific Tasks ('pages' key) createMultiItems('pages', ''); // Includes free consultation and units // Data Source & Instructions (using structural keys) createSingleItem('campaign-sophistication', 'Origine dati: '); // Data Source Type createMultiItems('market-research-options', ''); // Instruction Design Upsell // Additional Services ('additional-features' key) createMultiItems('additional-features', ''); // Ongoing Support (using structural keys) createSingleItem('marketing-retainer', 'Piano di supporto: '); // Management Plan createMultiItems('marketing-training-services', ''); // SOP Creation Upsell // Timeline createSingleItem('timeline', 'Tempistiche: '); if (this.elements.breakdownItems.children.length === 0 && this.state.totalPrice === 0) { this.elements.breakdownItems.innerHTML = ''; } } catch (error) { console.error('Error generating quote breakdown:', error); if (this.elements.breakdownItems) this.elements.breakdownItems.innerHTML = ''; } }, /** * Show the dedicated Thank You page section */ showSubmissionSuccessPage: function(action) { try { const messageElement = document.getElementById('thank-you-message'); if (messageElement) { if (action === 'proposal') { // Maps to "Richiedi un preventivo formale" messageElement.innerHTML = "La tua richiesta di preventivo per il data entry è stata inviata con successo!
Esamineremo i tuoi requisiti e ti ricontatteremo via email a breve, eventualmente per richiedere dati di esempio o una breve chiamata.
Controlla la tua casella di posta (anche nello spam) per l'email di conferma."; } else { // Default (shouldn't happen with current button, but as fallback) messageElement.innerHTML = "Il tuo preventivo per il data entry è stato calcolato!
Controlla la tua casella di posta (anche nella cartella spam) per ricevere l'email di riepilogo.
Puoi richiedere un preventivo formale dalla pagina di riepilogo."; } } this.showSection('thank-you'); } catch (error) { console.error('Error showing thank you page:', error); alert("Invio riuscito! Grazie."); this.resetCalculator(); } }, /** * Reset calculator to start a new quote */ resetCalculator: function(skipCookieClear = false) { try { console.log('Resetting calculator...'); if (!skipCookieClear) { this.clearSavedData(); } // Reset state this.state.selections = {}; this.state.totalPrice = 0; this.state.activeSections = [...this.state.sectionSequence]; this.state.currentSectionIndex = 0; this.state.submissionInProgress = false; // Reset UI Elements this.elements.calculator.querySelectorAll('.uq-option.selected').forEach(o => o.classList.remove('selected')); this.elements.contactForm?.reset(); this.elements.contactForm?.querySelectorAll('.uq-invalid-field').forEach(el => el.classList.remove('uq-invalid-field')); document.getElementById('country-code')?.querySelector('option[value="+61"]')?.setAttribute('selected', 'selected'); if (this.elements.kpiInputField) this.elements.kpiInputField.value = ''; // Clear Specific Software field this.hideValidationMessage(); if (this.elements.breakdownItems) this.elements.breakdownItems.innerHTML = ''; // Reset conditional elements/steps & visibility this.updateConditionalSections(); // Hide upsells this.updateStepIndicatorsVisibility(); // Specific Software input visibility handled by CSS // Ensure default consultation is selected again this.setDefaultSelections(); // Reset price, progress, nav this.calculateTotalPrice(); this.updatePriceDisplay(0); this.updateProgress(); // Show the welcome section this.showSection('welcome'); if (this.elements.priceBar) this.elements.priceBar.style.display = 'block'; this.updateNavigationButtons(); console.log('Calculator reset complete.'); } catch (error) { console.error('Error resetting calculator:', error); alert("Errore nel ripristino del calcolatore. Aggiorna la pagina."); } }, /** Clear saved cookies */ clearSavedData: function() { try { document.cookie = `${this.cookies.name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/; SameSite=Lax; Secure`; console.log('Cleared saved quote data cookie.'); } catch (error) { console.error('Error clearing saved data:', error); } }, /** Add/Remove Loading Indicator */ addLoadingIndicator: function(parent = this.elements.calculator.querySelector('.uq-section-active')) { if (!parent) return; this.removeLoadingIndicator(parent); const loader = document.createElement('div'); loader.className = 'uq-loading'; loader.innerHTML = ''; if (window.getComputedStyle(parent).position === 'static') { parent.style.position = 'relative'; } parent.appendChild(loader); }, removeLoadingIndicator: function(parent = this.elements.calculator) { parent?.querySelector('.uq-loading')?.remove(); }, /** Animate number change smoothly */ animateNumber: function(element, start, end) { if (!element) return; start = Number(start) || 0; end = Number(end) || 0; if (start === end) { element.textContent = end.toLocaleString(); return; } try { const duration = 600; let startTime = null; const step = (currentTime) => { if (!startTime) startTime = currentTime; const progress = Math.min((currentTime - startTime) / duration, 1); const easedProgress = this.easeOutCubic(progress); const currentValue = Math.round(start + easedProgress * (end - start)); element.textContent = currentValue.toLocaleString(); if (progress < 1) requestAnimationFrame(step); else element.textContent = end.toLocaleString(); }; requestAnimationFrame(step); } catch (error) { console.error('Error animating number:', error); element.textContent = end.toLocaleString(); } }, /** Easing function */ easeOutCubic: (t) => (--t) * t * t + 1, /** Debounce function */ debounce: function(func, wait) { let timeout; return (...args) => { clearTimeout(timeout); timeout = setTimeout(() => func.apply(this, args), wait); }; } }; // End QuoteCalculator Object // Initialize QuoteCalculator.init(); })(); // End IIFE }); // End DOMContentLoaded