`; return html; },/** * Generate user email HTML for Document services */ generateUserEmailHtml: function(type = 'calculate') { const cd = this.state.selections.contactDetails || {}; const totalPrice = this.state.totalPrice.toLocaleString(); const currentYear = new Date().getFullYear();let title, intro, mainContent, ctaText, ctaLink;if (type === 'calculate') { title = "Your Document Estimate is Ready!"; intro = `Thank you for using our document quote calculator! We've processed your selections to provide a personalized estimate.`; mainContent = `Based on the services and scope you selected, we've generated an estimate for your document project. This provides a clear starting point for our potential collaboration.The next step is to review the detailed breakdown on our website. If you'd like to discuss further or move forward, simply click the "Request Formal Quote" button on the summary page. Our team will then reach out to schedule a consultation or request your source files for review.`; ctaText = "View Your Project Details"; // Assuming the calculator lives on this page ctaLink = "https://umitech.com.au/document-quote"; // MODIFIED Link } else { // proposal (Formal Quote Request) title = "Your Document Quote Request Received"; intro = `Thanks for requesting a formal document quote, ${cd.name || 'there'}! Your requirements are being reviewed by our team.`; mainContent = `We're excited about the possibility of polishing your documents! We are now carefully reviewing your selected services and project details to create a comprehensive quote tailored to your needs.Expect to hear from us within 1 business day. We'll either send the formal quote directly (if the scope is clear) or reach out via email to request your source file(s) or schedule a brief call if we have any clarifying questions. This ensures the final plan aligns perfectly with your requirements.`; ctaText = "Contact Our Team"; ctaLink = "https://umitech.com.au/contact"; }// Handle Hourly/Retainer display in estimate price let estimatePriceDisplay = totalPrice; const supportPlan = this.state.selections['doc-support-plan']; let supportPlanText = '(based on selected project services)'; if (supportPlan && typeof supportPlan === 'object') { if (supportPlan.value === 'support-hourly' && supportPlan.price > 0) { supportPlanText = `(+ $${supportPlan.price}/hr Ad-Hoc)`; } else if (supportPlan.value === 'support-retainer' && supportPlan.price > 0) { supportPlanText = `(+ $${supportPlan.price}/mo Retainer)`; } }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 (document version) */ generateQuoteBreakdown: function() { try { if (!this.elements.breakdownItems) return; this.elements.breakdownItems.innerHTML = '';const createBreakdownItem = (label, price, isSubItem = false, isBoldPrefix = false, forceShowZero = false) => { // Show items with price, the free kickoff call, or forced items if (typeof price !== 'number' && !forceShowZero) return; // Hide if price not number, unless forced if (price === 0 && label !== 'Project Kick-off Call' && !forceShowZero) return; // Hide $0 unless kickoff or forcedconst item = document.createElement('div'); item.className = 'uq-invoice-item'; let priceString = `$${price.toLocaleString()}`; // Default format if (price < 0) { priceString = `-$${Math.abs(price).toLocaleString()}`; } else if (price === 0 && label === 'Project Kick-off Call') { priceString = 'Included'; } else if (price === 0 && forceShowZero) { priceString = '$0'; }// Special display for Hourly/Retainer support plans const supportPlan = this.state.selections['doc-support-plan']; if (supportPlan && typeof supportPlan === 'object' && label.startsWith('Ongoing Support:')) { if (supportPlan.value === 'support-hourly' && supportPlan.price > 0) { priceString = `$${supportPlan.price}/hr`; } else if (supportPlan.value === 'support-retainer' && supportPlan.price > 0) { priceString = `$${supportPlan.price}/mo`; } else if (supportPlan.value === 'support-none') { // Don't show the "No Plan" option in the breakdown return; } }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 kickoff call if (item.price !== 0 || item.value === 'strategy-consultation') { let label = item.name; if (item.value === 'strategy-consultation') label = 'Project Kick-off Call'; // Correct label createBreakdownItem(label, item.price, true, false); } }); } };const createSingleItem = (key, labelPrefix = '', showZero = false) => { const sel = this.state.selections[key]; if (sel && typeof sel === 'object') { // Only show if price is non-zero OR if showZero is true if (sel.price !== 0 || showZero) { let label = `${labelPrefix}${sel.name}`; let isBold = false; // Add bold prefixes for key single selections if (key === 'project-type') { label = `Base Service: ${sel.name}`; isBold = true; } if (key === 'design-level') { label = `Design Level: ${sel.name}`; isBold = true; } if (key === 'doc-support-plan') { label = `Ongoing Support: ${sel.name}`; isBold = true; } if (key === 'timeline') { label = `Timeline: ${sel.name}`; isBold = true; } // Add others as needed... createBreakdownItem(label, sel.price, false, isBold, showZero); } } };// --- Add items in logical order based on Document flow --- createSingleItem('project-type', '', true); // Base Service (Always show)// Document Details createSingleItem('document-length', 'Length/Complexity: '); createMultiItems('output-format', ''); // Sub-items for formats// Revisions & Collaboration createSingleItem('revision-rounds', 'Revisions: '); // Don't show Collaboration Method in breakdown as it's informational ($0)// Document Elements ('pages' key) createMultiItems('pages', ''); // Includes free kickoff call// Design Level & Consistency createSingleItem('design-level', '', false); // Show if price > 0 createMultiItems('template-creation-options', ''); // Sub-items for template/guide upsell// Add-on Services ('additional-features' key) createMultiItems('additional-features', '');// Ongoing Support & Training createSingleItem('doc-support-plan', '', false); // Show if price != 0 (handled by priceString logic now) createMultiItems('doc-training-services', ''); // Sub-items for training// Timeline createSingleItem('timeline', '', false); // Show if price != 0if (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') { // Represents 'Request Formal Quote' messageElement.innerHTML = "Your document quote request has been sent successfully!
We'll review it and get back to you via email shortly.
Please check your inbox (and spam folder) for a confirmation email."; } else { // Default (calculate) - Less likely scenario for document workflow messageElement.innerHTML = "Your document 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 document 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.domainInputField) this.elements.domainInputField.value = ''; // Clear Specific Instructions fieldthis.hideValidationMessage(); if (this.elements.breakdownItems) this.elements.breakdownItems.innerHTML = '';// Reset conditional elements/steps & visibility this.updateConditionalSections(); // Hide upsells this.updateStepIndicatorsVisibility(); // Likely no effect // Specific Instructions input visibility handled by CSS// Ensure default kickoff call 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('Document 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 document quote data cookie.'); } catch (error) { console.error('Error clearing saved data:', error); } },/** Apply mobile-specific class and layout adjustments */ applyMobileOptimizations: function() { // CSS now handles responsive display },/** 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