ultimate-jekyll-manager 0.0.97 → 0.0.98

package/dist/assets/js/pages/payment/checkout/modules/pricing.js

@@ -1,47 +1,72 @@
 // Pricing calculations for checkout
-import { state } from './state.js';
+import { raw } from './state.js';
+
+// Calculate prices and return values for bindings
+// Takes raw data and returns formatted values
+export function calculatePrices(rawData = raw) {
+  // Return default values if product not loaded
+  if (!rawData.product) {
+    return {
+      subtotal: 0,
+      discountAmount: 0,
+      trialDiscountAmount: 0,
+      total: 0,
+      recurring: 0,
+      displayPrice: '$--'
+    };
+  }
 
-// Calculate prices
-export function calculatePrices() {
   let basePrice;
+  const isSubscription = rawData.product.is_subscription || false;
+  const hasFreeTrial = rawData.product.has_free_trial || false;
 
-  if (state.isSubscription) {
-    basePrice = state.billingCycle === 'monthly'
-      ? state.product.price_monthly
-      : state.product.price_annually;
+  if (isSubscription) {
+    basePrice = rawData.billingCycle === 'monthly'
+      ? (rawData.product.price_monthly || 0)
+      : (rawData.product.price_annually || 0);
   } else {
-    basePrice = state.product.price || 0;
+    basePrice = rawData.product.price || 0;
   }
 
-  state.subtotal = basePrice;
-  const discountAmount = (state.subtotal * state.discountPercent) / 100;
+  // Calculate subtotal
+  const subtotal = basePrice;
+
+  // Calculate discount amount
+  const discountAmount = (subtotal * rawData.discountPercent) / 100;
 
   // Calculate total after discount
-  const discountedTotal = state.subtotal - discountAmount;
+  const discountedTotal = subtotal - discountAmount;
 
-  // Update UI
-  document.getElementById('subtotal').textContent = `$${state.subtotal.toFixed(2)}`;
-  document.getElementById('discount-amount').textContent = discountAmount.toFixed(2);
+  // Calculate trial discount amount and final total
+  let total;
+  let trialDiscountAmount = 0;
 
-  // Show/hide discount row
-  if (state.discountPercent > 0) {
-    document.getElementById('discount-row').classList.remove('d-none');
+  if (hasFreeTrial && isSubscription) {
+    // Free trial means $0 due today
+    trialDiscountAmount = discountedTotal;
+    total = 0;
   } else {
-    document.getElementById('discount-row').classList.add('d-none');
+    total = discountedTotal;
   }
 
-  // Handle trial discount
-  const $trialDiscountRow = document.getElementById('trial-discount-row');
-  if (state.hasFreeTrial && state.isSubscription) {
-    // Show trial discount (full discounted amount)
-    $trialDiscountRow.classList.remove('d-none');
-    document.getElementById('trial-discount-amount').textContent = discountedTotal.toFixed(2);
-    state.total = 0; // Free trial means $0 due today
-    document.getElementById('total-price').textContent = '$0.00';
+  // Calculate recurring amount (after discount but before trial)
+  const recurring = discountedTotal;
+
+  // Format display price for product
+  let displayPrice;
+  if (isSubscription) {
+    const period = rawData.billingCycle === 'monthly' ? '/mo' : '/yr';
+    displayPrice = `$${discountedTotal.toFixed(2)}${period}`;
   } else {
-    // Hide trial discount
-    $trialDiscountRow.classList.add('d-none');
-    state.total = discountedTotal;
-    document.getElementById('total-price').textContent = `$${discountedTotal.toFixed(2)}`;
+    displayPrice = `$${discountedTotal.toFixed(2)}`;
   }
+
+  return {
+    subtotal,
+    discountAmount,
+    trialDiscountAmount,
+    total,
+    recurring,
+    displayPrice
+  };
 }

package/dist/assets/js/pages/payment/checkout/modules/state.js

@@ -8,27 +8,81 @@ export const config = {
   siteConfig: null // Will be populated from API
 };
 
-export const state = {
-  product: null,
+// Raw data storage (not exposed to bindings)
+export const raw = {
+  product: null, // Full product object from API
   billingCycle: 'annually',
   discountPercent: 0,
-  subtotal: 0,
-  total: 0,
-  isSubscription: false,
-  hasFreeTrial: false,
-  paymentMethod: 'card',
-  apiKeys: null, // Will store API keys from site config
-  checkoutId: null, // Unique checkout session ID
-  formData: null // Form data collected from checkout form
+  apiKeys: null,
+  checkoutId: null,
+  formData: null,
+  paymentMethod: 'card'
+};
+
+// State structure matches bindings exactly - THIS is what gets passed to bindings
+export const state = {
+  checkout: {
+    product: {
+      name: 'Loading...',
+      description: 'Loading product details...',
+      isSubscription: false
+    },
+    pricing: {
+      monthlyPrice: '$--',
+      annualMonthlyRate: '$--',
+      savingsBadge: '',
+      showSavingsBadge: false,
+      billingCyclePaymentText: '$-- monthly',
+      productPrice: '$--',
+      subtotal: '$--',
+      total: '$--',
+      recurringAmount: '$--',
+      recurringPeriod: 'annually',
+      showTerms: false,
+      termsText: ''
+    },
+    trial: {
+      show: false,
+      hasFreeTrial: false,
+      message: '',
+      discountAmount: '0.00'
+    },
+    discount: {
+      loading: false,
+      success: false,
+      error: false,
+      hasDiscount: false,
+      percent: '',
+      amount: '0.00',
+      successMessage: 'Discount applied',
+      errorMessage: 'Invalid discount code'
+    },
+    paymentMethods: {
+      card: false,
+      paypal: false,
+      applePay: false,
+      googlePay: false,
+      crypto: false
+    },
+    error: {
+      show: false,
+      message: ''
+    }
+  },
+  auth: {
+    user: {
+      email: ''
+    }
+  }
 };
 
 // Get payment provider IDs for current billing cycle
 export function getPaymentIds() {
-  if (!state.product?._raw?.pricing) return {};
+  if (!raw.product?._raw?.pricing) return {};
 
-  const pricing = state.billingCycle === 'monthly'
-    ? state.product._raw.pricing.monthly
-    : state.product._raw.pricing.annually;
+  const pricing = raw.billingCycle === 'monthly'
+    ? raw.product._raw.pricing.monthly
+    : raw.product._raw.pricing.annually;
 
   return {
     stripePriceId: pricing.stripePriceId,

package/dist/assets/js/pages/payment/checkout/modules/ui-bindings.js

@@ -0,0 +1,160 @@
+// UI Bindings Module - Refactored to use webManager.bindings()
+// This module replaces direct DOM manipulation with the bindings system
+
+import { state, raw } from './state.js';
+import { calculatePrices } from './pricing.js';
+
+// Build state from raw data
+// This is the ONLY place we transform raw data into the bindings structure
+export function buildStateFromRaw(webManager) {
+  const prices = calculatePrices(raw);
+
+  // Calculate savings for annual plan
+  const monthlyAnnual = raw.product?.price_monthly ? raw.product.price_monthly * 12 : 0;
+  const annuallyPrice = raw.product?.price_annually || 0;
+  const savingsPercent = monthlyAnnual > 0 ? Math.round(((monthlyAnnual - annuallyPrice) / monthlyAnnual) * 100) : 0;
+
+  // Get billing cycle text
+  const billingCycleText = raw.billingCycle === 'monthly' ? 'monthly' : 'annually';
+
+  // Format renewal date for terms
+  const renewalDate = new Date();
+  const daysToAdd = raw.billingCycle === 'monthly' ? 30 : 365;
+  renewalDate.setDate(renewalDate.getDate() + daysToAdd);
+  const formattedRenewalDate = renewalDate.toLocaleDateString('en-US', {
+    month: 'short',
+    day: 'numeric',
+    year: 'numeric'
+  });
+
+  // Get auth data
+  const user = webManager.auth().getUser();
+
+  // Update state directly with formatted bindings data
+  state.checkout.product.name = raw.product?.name || 'Loading...';
+  state.checkout.product.description = raw.product?.description || 'Loading product details...';
+  state.checkout.product.isSubscription = raw.product?.is_subscription || false;
+
+  state.checkout.pricing.monthlyPrice = raw.product?.price_monthly ? `$${raw.product.price_monthly.toFixed(2)}` : '$--';
+  state.checkout.pricing.annualMonthlyRate = raw.product?.price_annually ? `$${(raw.product.price_annually / 12).toFixed(2)}` : '$--';
+  state.checkout.pricing.savingsBadge = savingsPercent > 0 ? `Save ${savingsPercent}%` : '';
+  state.checkout.pricing.showSavingsBadge = savingsPercent > 0;
+  state.checkout.pricing.billingCyclePaymentText = raw.product ?
+    (raw.billingCycle === 'monthly'
+      ? `$${raw.product.price_monthly?.toFixed(2) || '--'} monthly`
+      : `$${raw.product.price_annually?.toFixed(2) || '--'} annually`)
+    : '$-- monthly';
+  state.checkout.pricing.productPrice = prices.displayPrice || '$--';
+  state.checkout.pricing.subtotal = prices.subtotal ? `$${prices.subtotal.toFixed(2)}` : '$--';
+  state.checkout.pricing.total = prices.total !== null ? `$${prices.total.toFixed(2)}` : '$--';
+  state.checkout.pricing.recurringAmount = prices.recurring ? `$${prices.recurring.toFixed(2)}` : '$--';
+  state.checkout.pricing.recurringPeriod = billingCycleText;
+  state.checkout.pricing.showTerms = raw.product?.is_subscription || false;
+  state.checkout.pricing.termsText = (raw.product?.is_subscription && raw.product) ?
+    `Your ${billingCycleText} subscription will start today and renew on ${formattedRenewalDate} for $${prices.recurring?.toFixed(2) || '--'} plus applicable tax. Cancel anytime.`
+    : '';
+
+  const hasFreeTrial = raw.product?.has_free_trial || false;
+  state.checkout.trial.show = hasFreeTrial && (raw.product?.is_subscription || false);
+  state.checkout.trial.hasFreeTrial = hasFreeTrial && (raw.product?.is_subscription || false) && prices.total === 0;
+  state.checkout.trial.message = hasFreeTrial ?
+    `Start your ${raw.product?.trial_days || 7}-day free trial today!` : '';
+  state.checkout.trial.discountAmount = hasFreeTrial && prices.trialDiscountAmount ?
+    prices.trialDiscountAmount.toFixed(2) : '0.00';
+
+  state.checkout.discount.hasDiscount = raw.discountPercent > 0;
+  state.checkout.discount.percent = raw.discountPercent > 0 ? `${raw.discountPercent}%` : '';
+  state.checkout.discount.amount = prices.discountAmount ? prices.discountAmount.toFixed(2) : '0.00';
+
+  state.auth.user.email = user?.email || '';
+}
+
+// Update all UI through bindings
+// Rebuilds state from raw data, then passes COMPLETE object
+export function updateAllUI(webManager) {
+  // Build state from raw data first
+  buildStateFromRaw(webManager);
+
+  console.log('🔄 Updating checkout bindings with data:', state);
+
+  webManager.bindings().update(state);
+}
+
+// Handle billing cycle change
+export function handleBillingCycleChange(newCycle, webManager) {
+  if (newCycle && newCycle !== raw.billingCycle) {
+    raw.billingCycle = newCycle;
+  }
+  updateAllUI(webManager);
+}
+
+// Show error message
+export function showError(message, webManager) {
+  state.checkout.error.show = true;
+  state.checkout.error.message = message;
+  webManager.bindings().update(state);
+}
+
+// Hide error
+export function hideError(webManager) {
+  state.checkout.error.show = false;
+  state.checkout.error.message = '';
+  webManager.bindings().update(state);
+}
+
+// Update payment button visibility based on processor availability
+export function updatePaymentButtonVisibility(paymentManager) {
+  const availableMethods = paymentManager.getAvailablePaymentMethods();
+
+  // Update state with payment methods
+  state.checkout.paymentMethods.card = paymentManager.isPaymentMethodAvailable('card');
+  state.checkout.paymentMethods.paypal = paymentManager.isPaymentMethodAvailable('paypal');
+  state.checkout.paymentMethods.applePay = paymentManager.isPaymentMethodAvailable('apple-pay');
+  state.checkout.paymentMethods.googlePay = paymentManager.isPaymentMethodAvailable('google-pay');
+  state.checkout.paymentMethods.crypto = paymentManager.isPaymentMethodAvailable('crypto');
+
+  console.log('Payment methods set in state. Available methods:', availableMethods.map(m => m.id));
+}
+
+// Show/hide discount loading state
+export function showDiscountLoading(show, webManager) {
+  state.checkout.discount.loading = show;
+  state.checkout.discount.success = false;
+  state.checkout.discount.error = false;
+  webManager.bindings().update(state);
+}
+
+// Show discount success
+export function showDiscountSuccess(message, webManager) {
+  state.checkout.discount.loading = false;
+  state.checkout.discount.success = true;
+  state.checkout.discount.error = false;
+  state.checkout.discount.successMessage = message || 'Discount applied';
+
+  // Rebuild state from raw (to update pricing with discount)
+  buildStateFromRaw(webManager);
+  webManager.bindings().update(state);
+}
+
+// Show discount error
+export function showDiscountError(message, webManager) {
+  state.checkout.discount.loading = false;
+  state.checkout.discount.success = false;
+  state.checkout.discount.error = true;
+  state.checkout.discount.errorMessage = message || 'Invalid discount code';
+  webManager.bindings().update(state);
+}
+
+// Hide all discount messages
+export function hideDiscountMessages(webManager) {
+  state.checkout.discount.loading = false;
+  state.checkout.discount.success = false;
+  state.checkout.discount.error = false;
+  webManager.bindings().update(state);
+}
+
+// Initialize checkout UI
+export function initializeCheckoutUI() {
+  console.log('🚀 Initializing checkout UI');
+  // State is already initialized with default values
+}

package/dist/assets/js/pages/payment/checkout/modules/ui.js

@@ -74,34 +74,29 @@ export function updateAllUI() {
     // Update trial badge based on current state
     updateTrialBadge();
 
-    // Get payment button elements once
-    const $cardBtn = document.getElementById('pay-with-card');
-    const $paypalBtn = document.getElementById('pay-with-paypal');
-    const $applePayBtn = document.getElementById('pay-with-apple-pay');
-    const $googlePayBtn = document.getElementById('pay-with-google-pay');
-    const $cryptoBtn = document.getElementById('pay-with-crypto');
-
-    // Get button text spans (PayPal uses logo, so no text span)
-    const $cardBtnText = $cardBtn?.querySelector('span.fw-semibold');
-    const $applePayBtnText = $applePayBtn?.querySelector('span.fw-semibold');
-    const $googlePayBtnText = $googlePayBtn?.querySelector('span.fw-semibold');
-    const $cryptoBtnText = $cryptoBtn?.querySelector('span.fw-semibold');
+    // Helper function to update button text for specific payment method
+    const updateButtonText = (paymentMethod, textContent) => {
+      const buttons = document.querySelectorAll(`.payment-button[data-payment-method="${paymentMethod}"] span.fw-semibold`);
+      buttons.forEach(span => {
+        span.textContent = textContent;
+      });
+    };
 
     // Update payment button text based on trial
     if (state.hasFreeTrial) {
       // Update all payment buttons for free trial (keeping logic for future customization)
-      if ($cardBtnText) $cardBtnText.textContent = 'Credit/Debit Card';
+      updateButtonText('card', 'Credit/Debit Card');
       // PayPal uses logo - no text to update
-      if ($applePayBtnText) $applePayBtnText.textContent = 'Apple Pay';
-      if ($googlePayBtnText) $googlePayBtnText.textContent = 'Google Pay';
-      if ($cryptoBtnText) $cryptoBtnText.textContent = 'Crypto';
+      updateButtonText('apple-pay', 'Apple Pay');
+      updateButtonText('google-pay', 'Google Pay');
+      updateButtonText('crypto', 'Crypto');
     } else {
       // Reset to normal payment text
-      if ($cardBtnText) $cardBtnText.textContent = 'Credit/Debit Card';
+      updateButtonText('card', 'Credit/Debit Card');
       // PayPal uses logo - no text to update
-      if ($applePayBtnText) $applePayBtnText.textContent = 'Apple Pay';
-      if ($googlePayBtnText) $googlePayBtnText.textContent = 'Google Pay';
-      if ($cryptoBtnText) $cryptoBtnText.textContent = 'Crypto';
+      updateButtonText('apple-pay', 'Apple Pay');
+      updateButtonText('google-pay', 'Google Pay');
+      updateButtonText('crypto', 'Crypto');
     }
 
     // Update subscription terms
@@ -255,28 +250,18 @@ export function hidePreloader() {
 
 // Update payment button visibility based on processor availability
 export function updatePaymentButtonVisibility(paymentManager) {
-  // Define button mappings - all IDs use payment methods, not processors
-  const buttonMappings = [
-    { paymentMethod: 'card', buttonId: 'pay-with-card' },
-    { paymentMethod: 'paypal', buttonId: 'pay-with-paypal' },
-    { paymentMethod: 'crypto', buttonId: 'pay-with-crypto' },
-    { paymentMethod: 'apple-pay', buttonId: 'pay-with-apple-pay' },
-    { paymentMethod: 'google-pay', buttonId: 'pay-with-google-pay' }
-  ];
-
-  // Check each payment method and update button visibility
-  buttonMappings.forEach(({ paymentMethod, buttonId }) => {
-    const $button = document.getElementById(buttonId);
-    if ($button) {
-      const isAvailable = paymentManager.isPaymentMethodAvailable(paymentMethod);
-
-      if (isAvailable) {
-        // Show the button
-        $button.classList.remove('d-none');
-      } else {
-        // Hide the button
-        $button.classList.add('d-none');
-      }
+  // Get all payment buttons
+  const paymentButtons = document.querySelectorAll('.payment-button');
+
+  // Update each button's visibility based on its payment method
+  paymentButtons.forEach(button => {
+    const paymentMethod = button.getAttribute('data-payment-method');
+    const isAvailable = paymentManager.isPaymentMethodAvailable(paymentMethod);
+
+    if (isAvailable) {
+      button.classList.remove('d-none');
+    } else {
+      button.classList.add('d-none');
     }
   });
 

package/dist/assets/js/pages/payment/confirmation/index.js

@@ -1,4 +1,7 @@
 // Libraries
+import { state } from './modules/state.js';
+import { initializeConfirmationUI, updateAllUI } from './modules/bindings.js';
+
 let webManager = null;
 
 /* Test URL
@@ -13,10 +16,16 @@ export default (Manager, options) => {
 
     // Initialize when DOM is ready
     await webManager.dom().ready();
-    
+
+    // Initialize UI with loading states
+    initializeConfirmationUI();
+
+    // Load order data and update bindings
     loadOrderData();
+
+    // Trigger celebration
     await triggerCelebration();
-    
+
     // Resolve after initialization
     return resolve();
   });
@@ -26,59 +35,55 @@ export default (Manager, options) => {
 function loadOrderData() {
   const urlParams = new URLSearchParams(window.location.search);
 
-  // Parse order data from URL
-  const orderData = {
-    orderId: urlParams.get('order_id') || urlParams.get('transaction_id'),
-    productId: urlParams.get('product_id') || urlParams.get('product'),
-    productName: urlParams.get('product_name'),
-    total: parseFloat(urlParams.get('amount') || urlParams.get('total') || 0),
-    currency: urlParams.get('currency') || 'USD',
-    billingCycle: urlParams.get('frequency') || urlParams.get('billing_cycle'),
-    paymentMethod: urlParams.get('payment_method'),
-    hasFreeTrial: urlParams.get('trial') === 'true',
-    email: urlParams.get('email')
-  };
-
-  // DOM elements
-  const $orderNumber = document.getElementById('order-number');
-  const $productName = document.getElementById('product-name');
-  const $totalPaid = document.getElementById('total-paid');
-  const $subscriptionInfo = document.getElementById('subscription-info');
-  const $billingInfo = document.getElementById('billing-info');
-
-  if (orderData.orderId) {
-    // Populate order details
-    if ($orderNumber) $orderNumber.textContent = orderData.orderId;
-    if ($productName) $productName.textContent = orderData.productName || orderData.productId || 'Product';
-    if ($totalPaid) $totalPaid.textContent = `$${orderData.total.toFixed(2)}`;
-
-    // Handle subscription information
-    if (orderData.billingCycle && $subscriptionInfo) {
-      $subscriptionInfo.classList.remove('d-none');
-
-      if ($billingInfo) {
-        if (orderData.hasFreeTrial) {
-          $billingInfo.innerHTML = `
-            <strong>Free Trial Active!</strong> Your trial period has begun.
-            You'll be charged ${orderData.billingCycle === 'monthly' ? 'monthly' : 'annually'} after the trial ends.
-          `;
-        } else {
-          $billingInfo.innerHTML = `
-            Your ${orderData.billingCycle} subscription is now active.
-            You'll be charged automatically each ${orderData.billingCycle === 'monthly' ? 'month' : 'year'}.
-          `;
-        }
-      }
+  // Parse raw data from URL
+  const orderId = urlParams.get('order_id') || urlParams.get('transaction_id') || generateOrderNumber();
+  const productId = urlParams.get('product_id') || urlParams.get('product');
+  const productName = urlParams.get('product_name');
+  const total = parseFloat(urlParams.get('amount') || urlParams.get('total') || 0);
+  const currency = urlParams.get('currency') || 'USD';
+  const billingCycle = urlParams.get('frequency') || urlParams.get('billing_cycle');
+  const paymentMethod = urlParams.get('payment_method');
+  const hasFreeTrial = urlParams.get('trial') === 'true';
+
+  // Build billing cycle text
+  const billingCycleText = billingCycle === 'monthly' ? 'monthly' : billingCycle === 'annually' ? 'annually' : '';
+  const billingPeriodText = billingCycle === 'monthly' ? 'month' : billingCycle === 'annually' ? 'year' : '';
+
+  // Build subscription info text
+  let subscriptionInfoText = '';
+  if (billingCycle) {
+    if (hasFreeTrial) {
+      subscriptionInfoText = `Free Trial Active! Your trial period has begun. You'll be charged ${billingCycleText} after the trial ends.`;
+    } else {
+      subscriptionInfoText = `Your ${billingCycleText} subscription is now active. You'll be charged automatically each ${billingPeriodText}.`;
     }
-
-    // Track analytics only if not already tracked
-    trackPurchaseIfNotTracked(orderData);
-  } else {
-    // Fallback for direct page access without params
-    if ($orderNumber) $orderNumber.textContent = generateOrderNumber();
-    if ($productName) $productName.textContent = 'Your Purchase';
-    if ($totalPaid) $totalPaid.textContent = '$0.00';
   }
+
+  // Update state directly in bindings format
+  state.confirmation.order.id = orderId;
+  state.confirmation.order.productName = productName || productId || 'Product';
+  state.confirmation.order.total = `$${total.toFixed(2)}`;
+  state.confirmation.order.currency = currency;
+  state.confirmation.subscription.show = !!billingCycle;
+  state.confirmation.subscription.hasFreeTrial = hasFreeTrial;
+  state.confirmation.subscription.billingCycle = billingCycleText;
+  state.confirmation.subscription.infoText = subscriptionInfoText;
+  state.confirmation.loaded = true;
+
+  // Update UI with complete bindings
+  updateAllUI(webManager);
+
+  // Track analytics only if not already tracked
+  trackPurchaseIfNotTracked({
+    orderId,
+    productId,
+    productName,
+    total,
+    currency,
+    billingCycle,
+    paymentMethod,
+    hasFreeTrial
+  });
 }
 
 // Generate a mock order number

package/dist/assets/js/pages/payment/confirmation/modules/bindings.js

@@ -0,0 +1,28 @@
+// Confirmation Bindings Module
+import { state } from './state.js';
+
+// Get the COMPLETE confirmation bindings object
+// State IS the bindings - no transformation needed
+export function getCompleteConfirmationBindings() {
+  // Just return state directly - it's already structured correctly
+  return state;
+}
+
+// Update all UI through bindings
+// ALWAYS passes the COMPLETE confirmation object
+export function updateAllUI(webManager) {
+  const bindingsData = getCompleteConfirmationBindings();
+
+  console.log('🔄 Updating confirmation bindings with data:', bindingsData);
+
+  webManager.bindings().update(bindingsData);
+}
+
+// Initialize confirmation UI with loading states
+export function initializeConfirmationUI() {
+  console.log('🚀 Initializing confirmation UI');
+
+  // State is already initialized with default values
+  // We'll update bindings once after data is loaded
+  state.confirmation.loaded = false;
+}

package/dist/assets/js/pages/payment/confirmation/modules/state.js

@@ -0,0 +1,19 @@
+// Confirmation state management
+// This is the SINGLE source of truth - structure matches bindings exactly
+export const state = {
+  confirmation: {
+    order: {
+      id: 'Loading...',
+      productName: 'Product',
+      total: '$0.00',
+      currency: 'USD'
+    },
+    subscription: {
+      show: false,
+      hasFreeTrial: false,
+      billingCycle: '',
+      infoText: ''
+    },
+    loaded: false
+  }
+};

package/dist/assets/js/ultimate-jekyll-manager.js

@@ -1,9 +1,10 @@
 // Static imports for core modules (bundled together for efficiency)
-import initModule from '__main_assets__/js/core/init.js';
+// import initializeModule from '__main_assets__/js/core/initialize.js';
 import authModule from '__main_assets__/js/core/auth.js';
 import lazyLoadingModule from '__main_assets__/js/core/lazy-loading.js';
 import queryStringsModule from '__main_assets__/js/core/query-strings.js';
 import serviceWorkerModule from '__main_assets__/js/core/service-worker.js';
+import completeModule from '__main_assets__/js/core/complete.js';
 
 // Ultimate Jekyll Manager Module
 export default async function (Manager, options) {
@@ -17,7 +18,7 @@ export default async function (Manager, options) {
   console.log('Global module loaded successfully (assets/js/ultimate-jekyll-manager.js)');
 
   // Initialize fixed modules synchronously (already loaded via static imports)
-  initModule(Manager, options);
+  // initializeModule(Manager, options);
   authModule(Manager, options);
   lazyLoadingModule(Manager, options);
   queryStringsModule(Manager, options);
@@ -56,4 +57,7 @@ export default async function (Manager, options) {
 
   // Wait for all conditional modules to load
   await Promise.all(modulePromises);
+
+  // Run the complete module to finalize page load state
+  completeModule(Manager, options);
 }