ultimate-jekyll-manager 0.0.118 → 0.0.120

package/dist/assets/js/pages/contact/index.js

@@ -1,6 +1,11 @@
+/**
+ * Contact Page JavaScript
+ */
+
 // Libraries
 import { FormManager } from '__main_assets__/js/libs/form-manager.js';
 import fetch from 'wonderful-fetch';
+
 let webManager = null;
 
 // Module
@@ -13,50 +18,98 @@ export default (Manager) => {
     await webManager.dom().ready();
 
     setupForm();
+    setupFormScrolling();
 
     // Resolve after initialization
     return resolve();
   });
 };
 
-// Global variables
-let formManager = null;
-
 // Setup form handling
 function setupForm() {
-  // Initialize FormManager with proper configuration
-  formManager = new FormManager('#contact-form', {
-    autoDisable: true,
-    showSpinner: true,
-    validateOnSubmit: true,
-    allowMultipleSubmissions: false,
+  const formManager = new FormManager('#contact-form', {
+    allowResubmit: false,
     resetOnSuccess: true,
-    submitButtonLoadingText: 'Sending...',
-    submitButtonSuccessText: 'Message Sent!',
   });
 
-  // Listen to FormManager events
-  formManager.addEventListener('submit', handleFormSubmit);
-  formManager.addEventListener('change', handleFieldChange);
+  formManager.on('submit', async ({ data }) => {
+    const slapformId = webManager.config.brand.contact['slapform-form-id'];
+
+    console.log('Contact form submission:', data);
+
+    // Check honeypot fields (anti-spam)
+    if (data.url_check || data.slap_honey) {
+      console.warn('Honeypot field filled - potential spam');
+      trackContactSpam();
+      return;
+    }
+
+    // Check if slapformId is missing
+    if (!slapformId) {
+      webManager.sentry().captureException(new Error('Contact form is not configured - missing slapform ID'));
+      throw new Error('Contact form is not configured properly. Please try again later.');
+    }
+
+    trackContactFormSubmit(data.subject || 'general');
+
+    // Prepare data for API
+    const requestData = {
+      first_name: data.first_name,
+      last_name: data.last_name,
+      email: data.email,
+      company: data.company || '',
+      subject: data.subject,
+      message: data.message,
+    };
+
+    // Get API endpoint from site config or use default
+    const apiEndpoint = `https://api.slapform.com/${slapformId}`;
+
+    try {
+      // Send request using wonderful-fetch
+      await fetch(apiEndpoint, {
+        method: 'POST',
+        body: requestData,
+        response: 'json',
+        timeout: 30000,
+      });
+
+      formManager.showSuccess('Thank you for your message! We\'ll get back to you within 24 hours.');
+    } catch (error) {
+      // Only capture technical errors to Sentry (network, timeout, API errors)
+      if (error.message?.includes('network') || error.message?.includes('timeout') || !error.message?.includes('Failed')) {
+        webManager.sentry().captureException(new Error('Contact form submission error', { cause: error }));
+      }
 
-  // Setup smooth scroll to form
-  setupFormScrolling();
+      // Show user-friendly error message
+      let errorMessage = 'An error occurred while sending your message. ';
+
+      if (error.message?.includes('network')) {
+        errorMessage += 'Please check your internet connection and try again.';
+      } else if (error.message?.includes('timeout')) {
+        errorMessage += 'The request timed out. Please try again.';
+      } else if (error.message?.includes('Failed')) {
+        errorMessage = error.message;
+      } else {
+        errorMessage += 'Please try again or contact us directly.';
+      }
+
+      throw new Error(errorMessage);
+    }
+  });
 }
 
 // Setup smooth scrolling to form and chat handler
 function setupFormScrolling() {
-  // Find all contact method links
   const $contactLinks = document.querySelectorAll('a[href="#form"], a[href="#chat"]');
 
-  $contactLinks.forEach(link => {
-    link.addEventListener('click', (e) => {
+  $contactLinks.forEach($link => {
+    $link.addEventListener('click', (e) => {
       e.preventDefault();
 
-      const href = link.getAttribute('href');
+      const href = $link.getAttribute('href');
 
       if (href === '#chat') {
-        trackChatClick();
-
         // Open chat window
         try {
           chatsy.open();
@@ -64,176 +117,62 @@ function setupFormScrolling() {
           webManager.sentry().captureException(new Error('Error opening chat', { cause: error }));
           webManager.utilities().showNotification('Chat is currently unavailable. Please try again later.', 'danger');
         }
-      } else if (href === '#form') {
-        trackFormClick();
+        return;
+      }
 
-        // Find the form section by ID
+      if (href === '#form') {
         const $formSection = document.getElementById('form');
-
-        if ($formSection) {
-          // Smooth scroll to the form section
-          $formSection.scrollIntoView({
-            behavior: 'smooth',
-            block: 'start'
-          });
-
-          // Focus the first input immediately and after scroll completes
-          const focusFirstInput = () => {
-            // Find the first input field in the form
-            const $firstInput = document.querySelector('#contact-form input');
-            if (!$firstInput) {
-              return;
-            }
-
-            $firstInput.focus();
-            // Don't select text on mobile devices
-            if (!('ontouchstart' in window) && $firstInput.select) {
-              $firstInput.select();
-            }
-          };
-
-          // Try focusing immediately
-          focusFirstInput();
-
-          // Also try after scroll animation completes
-          setTimeout(focusFirstInput, 800);
+        if (!$formSection) {
+          return;
         }
+
+        // Smooth scroll to the form section
+        $formSection.scrollIntoView({
+          behavior: 'smooth',
+          block: 'start',
+        });
+
+        // Focus the first input after scroll completes
+        const focusFirstInput = () => {
+          const $firstInput = document.querySelector('#contact-form input');
+          if (!$firstInput) {
+            return;
+          }
+
+          $firstInput.focus();
+          // Don't select text on mobile devices
+          if (!('ontouchstart' in window) && $firstInput.select) {
+            $firstInput.select();
+          }
+        };
+
+        // Try focusing immediately and after scroll animation
+        focusFirstInput();
+        setTimeout(focusFirstInput, 800);
       }
     });
   });
 }
 
-// Handle form submission event from FormManager
-async function handleFormSubmit(event) {
-  // Prevent default FormManager submission
-  event.preventDefault();
-
-  const formData = event.detail.data;
-  const slapformId = webManager.config.brand.contact['slapform-form-id'];
-
-  console.log('Contact form submission:', formData);
-
-  // Check honeypot field (anti-spam)
-  if (formData.url_check) {
-    console.warn('Honeypot field filled - potential spam');
-    trackContactSpam();
-    formManager.setFormState('ready');
-    return;
-  }
-
-  // Check if slapformId is missing
-  if (!slapformId) {
-    webManager.sentry().captureException(new Error('Contact form is not configured - missing slapform ID'));
-    formManager.showError('Contact form is not configured properly. Please try again later.');
-    formManager.setFormState('ready');
-    return;
-  }
-
-  trackContactFormSubmit(formData.subject || 'general');
-
-  try {
-    // Prepare data for API
-    const requestData = {
-      first_name: formData.first_name,
-      last_name: formData.last_name,
-      email: formData.email,
-      company: formData.company || '',
-      subject: formData.subject,
-      message: formData.message,
-    };
-
-    // Get API endpoint from site config or use default
-    const apiEndpoint = `https://api.slapform.com/${slapformId}`;
-
-    // Send request using wonderful-fetch
-    await fetch(apiEndpoint, {
-      method: 'POST',
-      body: requestData,
-      response: 'json',
-      timeout: 30000 // 30 second timeout
-    });
-
-    // Handle successful response
-    formManager.showSuccess('Thank you for your message! We\'ll get back to you within 24 hours.');
-    formManager.setFormState('submitted');
-  } catch (error) {
-    // Only capture technical errors to Sentry (network, timeout, API errors)
-    if (error.message?.includes('network') || error.message?.includes('timeout') || !error.message?.includes('Failed')) {
-      webManager.sentry().captureException(new Error('Contact form submission error', { cause: error }));
-    }
-
-    // Show user-friendly error message
-    let errorMessage = 'An error occurred while sending your message. ';
-
-    if (error.message?.includes('network')) {
-      errorMessage += 'Please check your internet connection and try again.';
-    } else if (error.message?.includes('timeout')) {
-      errorMessage += 'The request timed out. Please try again.';
-    } else if (error.message?.includes('Failed')) {
-      errorMessage = error.message;
-    } else {
-      errorMessage += 'Please try again or contact us directly.';
-    }
-
-    formManager.showError(errorMessage);
-    formManager.setFormState('ready');
-  }
-}
-
-// Handle field changes
-function handleFieldChange(event) {
-  const { field, fieldName } = event.detail;
-
-  // Clear field-specific error message if it exists
-  if (field.dataset.invalidField) {
-    const $feedback = field.parentElement.querySelector('.invalid-feedback');
-    if ($feedback) {
-      $feedback.textContent = '';
-    }
-  }
-}
-
 // Tracking functions
-function trackChatClick() {
-  // gtag('event', 'contact_method_click', {
-  //   method: 'chat'
-  // });
-  // fbq('track', 'Contact', {
-  //   content_name: 'Chat'
-  // });
-  // ttq.track('ClickButton', {
-  //   content_name: 'Chat'
-  // });
-}
-
-function trackFormClick() {
-  // gtag('event', 'contact_method_click', {
-  //   method: 'form'
-  // });
-  // fbq('track', 'Contact', {
-  //   content_name: 'Form'
-  // });
-  // ttq.track('ClickButton', {
-  //   content_name: 'Contact Form'
-  // });
-}
-
 function trackContactSpam() {
   gtag('event', 'contact_form_spam', {
-    content_type: 'honeypot'
+    content_type: 'honeypot',
   });
 }
 
 function trackContactFormSubmit(subject) {
-  gtag('event', 'contact_form_submit', {
-    subject: subject
+  gtag('event', 'generate_lead', {
+    lead_source: 'contact_form',
+    subject: subject,
   });
   fbq('track', 'Lead', {
     content_name: 'Contact Form',
-    content_category: subject
+    content_category: subject,
   });
-  ttq.track('FormSubmit', {
+  ttq.track('Contact', {
+    content_id: 'contact-form',
+    content_type: 'product',
     content_name: 'Contact Form',
-    content_type: subject
   });
 }

package/dist/assets/js/pages/download/index.js

@@ -1,8 +1,12 @@
+/**
+ * Download Page JavaScript
+ */
+
 // Libraries
 import { FormManager } from '__main_assets__/js/libs/form-manager.js';
 import fetch from 'wonderful-fetch';
+
 let webManager = null;
-let mobileEmailForms = {};
 
 // Module
 export default (Manager) => {
@@ -37,8 +41,8 @@ const config = {
   selectors: {
     platformButtons: '.platform-btn',
     platformDownloads: '[data-platform]',
-    downloadButtons: '.tab-pane[data-platform] .btn-primary:not([type="submit"])'
-  }
+    downloadButtons: '.tab-pane[data-platform] .btn-primary:not([type="submit"])',
+  },
 };
 
 // Setup platform detection and auto-select
@@ -128,54 +132,26 @@ function showOnboardingModal(platform) {
   modal.show();
 }
 
-
 // Tracking functions
-// function trackPlatformDetection(platform) {
-//   gtag('event', 'platform_detected', {
-//     platform: platform
-//   });
-//   fbq('track', 'ViewContent', {
-//     content_name: 'Download Page',
-//     content_category: platform
-//   });
-//   ttq.track('ViewContent', {
-//     content_name: 'Download Page',
-//     content_type: platform
-//   });
-// }
-
-// function trackPlatformSwitch(platform) {
-//   gtag('event', 'platform_switch', {
-//     platform: platform
-//   });
-//   fbq('track', 'CustomizeProduct', {
-//     content_name: 'Platform Selection',
-//     content_category: platform
-//   });
-//   ttq.track('ClickButton', {
-//     content_name: 'Platform Switch',
-//     content_type: platform
-//   });
-// }
-
 function trackDownloadClick(platform, downloadName, downloadUrl) {
   console.log('Download clicked:', platform, downloadName, downloadUrl);
 
   gtag('event', 'download', {
     platform: platform,
     download_name: downloadName,
-    download_url: downloadUrl
+    download_url: downloadUrl,
   });
 
   fbq('trackCustom', 'Download', {
     content_name: downloadName,
     content_category: platform,
-    content_type: 'download'
+    content_type: 'download',
   });
 
   ttq.track('Download', {
+    content_id: `download-${platform}`,
+    content_type: 'product',
     content_name: downloadName,
-    content_type: platform
   });
 }
 
@@ -187,7 +163,9 @@ function setupCopyButtons() {
     $button.addEventListener('click', async function() {
       const $input = this.closest('.input-group').querySelector('input');
 
-      if (!$input || !$input.value) return;
+      if (!$input || !$input.value) {
+        return;
+      }
 
       try {
         await webManager.utilities().clipboardCopy($input);
@@ -220,57 +198,32 @@ function setupMobileEmailForms() {
     const formId = `#mobile-email-form-${platform}`;
 
     const formManager = new FormManager(formId, {
-      autoDisable: true,
-      showSpinner: true,
-      validateOnSubmit: true,
-      allowMultipleSubmissions: false,
-      submitButtonLoadingText: 'Sending...',
-      submitButtonSuccessText: 'Sent!',
+      allowResubmit: false,
+      submittingText: 'Sending...',
+      submittedText: 'Email Sent!',
     });
 
-    formManager.addEventListener('submit', (e) => handleMobileEmailSubmit(e, platform));
-
-    mobileEmailForms[platform] = formManager;
-  });
-}
-
-// Handle mobile email form submission
-async function handleMobileEmailSubmit(event, platform) {
-  event.preventDefault();
-
-  const formData = event.detail.data;
-  const email = formData.email;
-  const formManager = mobileEmailForms[platform];
-
-  console.log('Mobile email form submitted:', {
-    platform: platform,
-    email: email
-  });
-
-  try {
-    // Get API endpoint
-    const apiEndpoint = webManager.getApiUrl() + '/backend-manager';
-
-    // Send request using wonderful-fetch
-    await fetch(apiEndpoint, {
-      method: 'POST',
-      body: {
-        command: 'general:send-email',
-        payload: {
-          id: 'general:download-app-link',
-          email: email,
-        }
-      },
-      response: 'json',
-      timeout: 30000
+    formManager.on('submit', async ({ data }) => {
+      console.log('Mobile email form submitted:', { platform, email: data.email });
+
+      // Get API endpoint
+      const apiEndpoint = webManager.getApiUrl() + '/backend-manager';
+
+      // Send request using wonderful-fetch
+      await fetch(apiEndpoint, {
+        method: 'POST',
+        body: {
+          command: 'general:send-email',
+          payload: {
+            id: 'general:download-app-link',
+            email: data.email,
+          },
+        },
+        response: 'json',
+        timeout: 30000,
+      });
+
+      formManager.showSuccess('Success! Please check your email for the download link.');
     });
-
-    // Handle successful response
-    formManager.showSuccess('Success! Please check your email for the download link.');
-    formManager.setFormState('submitted');
-  } catch (error) {
-    webManager.sentry().captureException(new Error('Mobile email form submission error', { cause: error }));
-    formManager.showError(error.message || 'Failed to send email');
-    formManager.setFormState('ready');
-  }
+  });
 }

package/dist/assets/js/pages/oauth2/index.js

@@ -33,7 +33,7 @@ async function handleOAuthCallback() {
     // Get URL parameters
     const urlParams = new URLSearchParams(window.location.search);
     const code = urlParams.get('code');
-    const stateParam = urlParams.get('state');
+    const state = urlParams.get('state');
     const error = urlParams.get('error');
     const errorDescription = urlParams.get('error_description');
 
@@ -47,47 +47,47 @@ async function handleOAuthCallback() {
       throw new Error('Missing authorization code');
     }
 
-    if (!stateParam) {
+    if (!state) {
       throw new Error('Missing state parameter');
     }
 
     // Parse state
-    let state;
+    let stateParsed;
     try {
-      state = JSON.parse(decodeURIComponent(stateParam));
+      stateParsed = JSON.parse(decodeURIComponent(state));
     } catch (e) {
       console.error('Failed to parse state:', e);
       throw new Error('Invalid state parameter');
     }
 
-    console.log('OAuth callback state:', state);
+    console.log('OAuth callback state:', stateParsed);
 
     // Validate state
-    if (!state.provider) {
+    if (!stateParsed.provider) {
       throw new Error('Missing provider in state');
     }
 
-    if (!state.authenticationToken) {
+    if (!stateParsed.authenticationToken) {
       throw new Error('Missing authentication token');
     }
 
-    if (!state.serverUrl) {
+    if (!stateParsed.serverUrl) {
       throw new Error('Missing server URL');
     }
 
     // Update provider name
-    const providerName = capitalizeFirstLetter(state.provider);
+    const providerName = capitalizeFirstLetter(stateParsed.provider);
     $provider.textContent = providerName;
 
     // Validate redirect URL
-    if (state.redirectUrl && !isValidRedirectUrl(state.redirectUrl)) {
+    if (stateParsed.redirectUrl && !isValidRedirectUrl(stateParsed.redirectUrl)) {
       throw new Error('Invalid redirect URL');
     }
 
     // Build tokenize payload
     const payload = {
       state: 'tokenize',
-      provider: state.provider,
+      provider: stateParsed.provider,
       code: code
     };
 
@@ -101,13 +101,13 @@ async function handleOAuthCallback() {
     console.log('Tokenize payload:', payload);
 
     // Call server to complete OAuth flow
-    const response = await fetch(state.serverUrl, {
+    const response = await fetch(stateParsed.serverUrl, {
       method: 'POST',
       timeout: 60000,
       response: 'json',
       tries: 2,
       body: {
-        authenticationToken: state.authenticationToken,
+        authenticationToken: stateParsed.authenticationToken,
         command: 'user:oauth2',
         payload: payload
       }
@@ -120,7 +120,7 @@ async function handleOAuthCallback() {
     }
 
     // Show success
-    showSuccess(state.redirectUrl || state.referrer || '/account#connections');
+    showSuccess(stateParsed.redirectUrl || stateParsed.referrer || '/account#connections');
 
   } catch (error) {
     console.error('OAuth callback error:', error);
@@ -163,11 +163,11 @@ function showError(message) {
 
   // Set return button href
   const urlParams = new URLSearchParams(window.location.search);
-  const stateParam = urlParams.get('state');
+  const state = urlParams.get('state');
 
-  if (stateParam) {
+  if (state) {
     try {
-      const state = JSON.parse(decodeURIComponent(stateParam));
+      const state = JSON.parse(decodeURIComponent(state));
       if (state.referrer) {
         $returnButton.href = state.referrer;
       }