`; 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 = "Your Data Entry Estimate is Ready!"; intro = `Thank you for using our data entry quote calculator! We've processed your selections to provide a personalized estimate for your ${baseService} project.`; mainContent = `Based on the service type, scope, and tasks you selected, we've generated an initial estimate. This gives you an idea of the potential investment required.The next step is to review the breakdown on our website. Remember that the final price depends on factors like data quality and complexity. If you'd like a precise quote, click the "Request Formal Quote" button on the summary page. Our team will then reach out to discuss your project details and provide a firm price.`; ctaText = "View Your Project Estimate"; ctaLink = "https://umitech.com.au/data-entry-quote"; // Link to the page containing the calculator } else { // proposal (Request Formal Quote) title = "Your Data Entry Quote Request Received"; intro = `Thanks for requesting a formal quote for your ${baseService} project, ${cd.name || 'there'}! Your requirements are being reviewed by our project team.`; mainContent = `We're looking forward to helping you with your data needs! We are carefully reviewing the details you provided – service type, volume, complexity, specific tasks, and quality requirements.To provide an accurate quote, we often need to see sample data and confirm instructions. Expect to hear from our team within 1 business day. We'll either send the formal quote or reach out to request samples or schedule a brief call to clarify details.`; ctaText = "Contact Our Team"; ctaLink = "https://umitech.com.au/contact"; }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 itemsconst getServiceUnit = (serviceValue) => { if (['general-data-entry', 'data-cleansing', 'data-migration', 'database-management', 'data-annotation', 'data-deduplication', 'data-formatting'].includes(serviceValue)) return ' / hour'; if (serviceValue === 'transcription') return ' / audio min'; 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 ' / item'; // 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 !== 'Initial Consultation' && !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 = 'Included'; } 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 = 'Initial Consultation'; // 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 = `Base Service: ${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', 'Complexity: ');// Quality & Tools createSingleItem('qa-level', 'QA Level: '); createSingleItem('software-tools', 'Software: ');// Specific Tasks ('pages' key) createMultiItems('pages', ''); // Includes free consultation and units// Data Source & Instructions (using structural keys) createSingleItem('campaign-sophistication', 'Data Source: '); // 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', 'Support Plan: '); // Management Plan createMultiItems('marketing-training-services', ''); // SOP Creation Upsell// Timeline createSingleItem('timeline', 'Timeline: ');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 "Request Formal Quote" messageElement.innerHTML = "Your data entry quote request has been sent successfully!
We'll review your requirements and get back to you via email shortly, potentially requesting sample data or a quick call.
Please check your inbox (and spam folder) for a confirmation email."; } else { // Default (shouldn't happen with current button, but as fallback) messageElement.innerHTML = "Your data entry estimate has been calculated!
Please check your inbox (and spam folder) for a summary email.
You can request a formal quote from the summary page."; } } this.showSection('thank-you'); } catch (error) { console.error('Error showing thank you page:', error); alert("Submission successful! Thank you."); 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 fieldthis.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("Error resetting the calculator. Please refresh the page."); } },/** 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