paddle_rails 0.1.0

data/app/presenters/paddle_rails/product_presenter.rb

@@ -0,0 +1,178 @@
+# frozen_string_literal: true
+
+module PaddleRails
+  # Presenter for products on the onboarding page.
+  #
+  # Wraps a {Product} and its active {Price} records
+  # and exposes formatted data for the onboarding view so the template
+  # can stay mostly declarative and free from business logic.
+  #
+  # @example Building presenters in the controller
+  #   products = Product.active.includes(:prices)
+  #   @products = products.each_with_index.map do |product, index|
+  #     PaddleRails::ProductPresenter.new(product, index: index)
+  #   end
+  #
+  # @example Using presenter methods in the view
+  #   <% @products.each do |product| %>
+  #     <%= product.name %>
+  #     <%= product.primary_label %>  <!-- e.g. "29 EUR / month" -->
+  #   <% end %>
+  class ProductPresenter
+    attr_reader :product, :index
+
+    # Initialize a new presenter.
+    #
+    # @param product [PaddleRails::Product] the product being presented
+    # @param index [Integer] zero-based index of the product in the list
+    # @param default_currency [String] fallback currency code, defaults to "EUR"
+    def initialize(product, index: 0, default_currency: "EUR")
+      @product = product
+      @index = index
+      @default_currency = default_currency
+    end
+
+    # Display name for the product.
+    #
+    # Falls back to `"Product #{index + 1}"` when the record has no name.
+    #
+    # @return [String]
+    def name
+      product.name.presence || "Product #{index + 1}"
+    end
+
+    # Description text for the product.
+    #
+    # @return [String, nil]
+    def description
+      product.description
+    end
+
+    # All active prices for the product, ordered by unit price.
+    #
+    # @return [ActiveRecord::Relation<PaddleRails::Price>]
+    def prices
+      @prices ||= product.prices.active.order(:unit_price)
+    end
+
+    # Whether the product has any active prices.
+    #
+    # @return [Boolean]
+    def any_prices?
+      prices.any?
+    end
+
+    # Whether the product has more than one active price.
+    #
+    # @return [Boolean]
+    def multiple_prices?
+      prices.many?
+    end
+
+    # The primary price used for the default selection.
+    #
+    # @return [PaddleRails::Price, nil]
+    def primary_price
+      prices.first
+    end
+
+    # The formatted primary amount, converted from minor units.
+    #
+    # @return [Integer] whole amount (e.g. 29 for 29.00)
+    def primary_amount
+      amount_for(primary_price)
+    end
+
+    # The currency code for the primary price.
+    #
+    # @return [String] e.g. "EUR"
+    def primary_currency
+      currency_for(primary_price)
+    end
+
+    # The human-readable billing interval for the primary price.
+    #
+    # @return [String] e.g. "month", "12 months", or "one-time"
+    def primary_billing
+      billing_for(primary_price)
+    end
+
+    # Full label for the primary price.
+    #
+    # @return [String] e.g. "29 EUR / month"
+    def primary_label
+      label_for(primary_price)
+    end
+
+    # Paddle price ID of the primary price.
+    #
+    # @return [String, nil]
+    def primary_price_id
+      primary_price&.paddle_price_id
+    end
+
+    # Trial days for the primary price, if any.
+    #
+    # @return [Integer, nil]
+    def trial_days
+      primary_price&.trial_days
+    end
+
+    # Returns an array of [paddle_price_id, label] pairs
+    # for all active prices on this product.
+    #
+    # @return [Array<Array(String, String)>]
+    def price_options
+      prices.map { |price| [price.paddle_price_id, label_for(price)] }
+    end
+
+    private
+
+    # Convert a price's unit_price (stored in minor units) to an integer amount.
+    #
+    # @param price [PaddleRails::Price, nil]
+    # @return [Integer]
+    def amount_for(price)
+      return 0 unless price&.unit_price
+
+      (price.unit_price / 100.0).to_i
+    end
+
+    # Resolve a price's currency or fall back to the default.
+    #
+    # @param price [PaddleRails::Price, nil]
+    # @return [String]
+    def currency_for(price)
+      (price&.currency || @default_currency).upcase
+    end
+
+    # Build a human-readable billing interval from Paddle data.
+    #
+    # @param price [PaddleRails::Price, nil]
+    # @return [String]
+    def billing_for(price)
+      return "one-time" unless price&.billing_interval.present?
+
+      interval = price.billing_interval.to_s.downcase
+      count = (price.billing_interval_count || 1).to_i
+
+      case interval
+      when "month"
+        count == 1 ? "month" : "#{count} months"
+      when "year"
+        count == 1 ? "year" : "#{count} years"
+      else
+        price.billing_interval
+      end
+    end
+
+    # Build a full label for a price.
+    #
+    # @param price [PaddleRails::Price, nil]
+    # @return [String]
+    def label_for(price)
+      "#{amount_for(price)} #{currency_for(price)} / #{billing_for(price)}"
+    end
+  end
+end
+

data/app/presenters/paddle_rails/subscription_presenter.rb

@@ -0,0 +1,145 @@
+# frozen_string_literal: true
+
+module PaddleRails
+  class SubscriptionPresenter
+    attr_reader :subscription
+
+    delegate :status, :items, to: :subscription
+
+    def initialize(subscription)
+      @subscription = subscription
+    end
+
+    def product_name
+      subscription.product&.name || "Subscription"
+    end
+
+    def product_initial
+      (subscription.product&.name&.chars&.first || "S").upcase
+    end
+
+    def status_label
+      status.titleize
+    end
+
+    def amount
+      total_cents = items.sum do |item|
+        next 0 unless item.price && item.price.unit_price
+        item.price.unit_price * item.quantity
+      end
+      (total_cents / 100.0)
+    end
+
+    def currency
+      # Assuming all items have the same currency, which is standard for a single subscription.
+      # We can check the first item's price currency.
+      first_item_with_price = items.find { |i| i.price.present? }
+      return "" unless first_item_with_price
+      first_item_with_price.price.currency.upcase
+    end
+
+    def formatted_amount
+      # We'll let the view handle number_to_currency for now to keep view helpers available.
+      amount
+    end
+
+    def currency_symbol
+      return "$" if currency.blank?
+      currency == "EUR" ? "€" : "$"
+    end
+    
+    def interval_label
+      # Use the interval from the first recurring item, or fallback to the first item.
+      # Usually all items in a subscription share the billing cycle.
+      item = items.find { |i| i.recurring? && i.price.present? } || items.find { |i| i.price.present? }
+      return "" unless item&.price
+      
+      interval = item.price.billing_interval
+      count = item.price.billing_interval_count || 1
+
+      case interval
+      when "month" then (count == 1 ? "month" : "#{count} months")
+      when "year" then (count == 1 ? "year" : "#{count} years")
+      else interval
+      end
+    end
+
+    def billing_date_title
+      if subscription.scheduled_for_cancellation?
+        "Scheduled for cancellation"
+      elsif subscription.canceled?
+        "Canceled on"
+      else
+        "Next billing date"
+      end
+    end
+
+    def billing_date
+      date = if subscription.scheduled_for_cancellation?
+               subscription.scheduled_cancelation_at
+             elsif subscription.canceled?
+               subscription.updated_at
+             else
+               subscription.current_period_end_at
+             end
+      
+      date&.strftime("%B %d, %Y") || "N/A"
+    end
+
+    def price_display_text
+      return "Custom plan" if amount.zero?
+      # View will handle currency formatting
+      nil
+    end
+
+    def has_price?
+      amount > 0
+    end
+
+    def payment_method_type
+      subscription.payment_method_type
+    end
+
+    def has_payment_method?
+      subscription.payment_method_id.present?
+    end
+
+    def card_brand
+      return nil unless has_payment_method?
+      details = subscription.payment_method_details || {}
+      card = details["card"] || details[:card] || {}
+      (card["brand"] || card[:brand] || "").upcase
+    end
+
+    def card_last4
+      return nil unless has_payment_method?
+      details = subscription.payment_method_details || {}
+      card = details["card"] || details[:card] || {}
+      card["last4"] || card[:last4]
+    end
+
+    def card_expiration
+      return nil unless has_payment_method?
+      details = subscription.payment_method_details || {}
+      card = details["card"] || details[:card] || {}
+      month = card["expiry_month"] || card[:expiry_month]
+      year = card["expiry_year"] || card[:expiry_year]
+      
+      return nil unless month && year
+      
+      # Format as MM/YYYY
+      "#{month.to_s.rjust(2, '0')}/#{year}"
+    end
+
+    def payment_method_icon
+      # Return the brand name for display in the icon area
+      # This can be styled with CSS to show appropriate icons
+      card_brand.presence || "CARD"
+    end
+
+    private
+    
+    # Removed def price as we now calculate totals across all items
+  end
+end
+

data/app/views/layouts/paddle_rails/application.html.erb

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Paddle rails</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= yield :head %>
+
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600&display=swap" rel="stylesheet">
+
+  <%= stylesheet_link_tag "paddle_rails/application", media: "all" %>
+  <%= stylesheet_link_tag "paddle_rails/tailwind", media: "all" %>
+
+  <style>
+    body {
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      font-weight: 400;
+    }
+  </style>
+</head>
+<body class="bg-slate-50">
+  <div class="flex flex-col md:flex-row md:h-screen md:overflow-hidden">
+    <!-- Sidebar - On top on mobile, fixed on left on desktop -->
+    <aside class="w-full md:w-80 bg-gradient-to-b from-slate-900 via-slate-900 to-slate-800 flex-shrink-0 flex flex-col relative overflow-hidden">
+      <!-- Decorative background elements -->
+      <div class="absolute inset-0 overflow-hidden pointer-events-none">
+        <div class="absolute -top-24 -right-24 w-64 h-64 bg-indigo-500/10 rounded-full blur-3xl"></div>
+        <div class="absolute top-1/2 -left-32 w-64 h-64 bg-purple-500/10 rounded-full blur-3xl"></div>
+        <div class="absolute -bottom-32 right-0 w-48 h-48 bg-emerald-500/10 rounded-full blur-3xl"></div>
+      </div>
+      
+      <div class="p-6 md:p-8 flex-1 overflow-y-auto relative z-10">
+        <!-- Icon badge -->
+        <div class="w-14 h-14 rounded-2xl bg-gradient-to-br from-indigo-500 to-purple-600 flex items-center justify-center mb-6 shadow-lg shadow-indigo-500/25">
+          <svg class="w-7 h-7 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
+          </svg>
+        </div>
+
+        <!-- Main Heading -->
+        <h1 class="text-2xl md:text-[1.75rem] font-semibold text-white mb-3 leading-tight tracking-tight">
+          Billing & subscription
+        </h1>
+
+        <!-- Description -->
+        <p class="text-slate-400 text-sm leading-relaxed mb-8">
+          Manage your plan, view payment history, download invoices, and update payment methods.
+        </p>
+
+        <!-- Quick Links -->
+        <div class="space-y-1 mb-8">
+          <p class="text-xs font-semibold text-slate-500 uppercase tracking-wider mb-3">Quick links</p>
+          <a href="#" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-slate-300 hover:text-white hover:bg-white/5 transition-all duration-200 group">
+            <svg class="w-4 h-4 text-slate-500 group-hover:text-indigo-400 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+            </svg>
+            <span class="text-sm font-medium">Invoices & receipts</span>
+          </a>
+          <a href="#" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-slate-300 hover:text-white hover:bg-white/5 transition-all duration-200 group">
+            <svg class="w-4 h-4 text-slate-500 group-hover:text-indigo-400 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
+            </svg>
+            <span class="text-sm font-medium">Payment methods</span>
+          </a>
+          <a href="#" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-slate-300 hover:text-white hover:bg-white/5 transition-all duration-200 group">
+            <svg class="w-4 h-4 text-slate-500 group-hover:text-indigo-400 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+            </svg>
+            <span class="text-sm font-medium">Help & support</span>
+          </a>
+        </div>
+
+        <!-- Back Link -->
+        <% back_path_proc = PaddleRails.configuration.customer_portal_back_path %>
+        <% back_path = instance_exec(&back_path_proc) if back_path_proc %>
+        <% if back_path.present? %>
+          <%= link_to back_path, class: "inline-flex items-center gap-2 px-4 py-2.5 rounded-lg bg-white/5 border border-white/10 text-slate-300 hover:text-white hover:bg-white/10 hover:border-white/20 text-sm font-medium transition-all duration-200" do %>
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+            </svg>
+            Back to app
+          <% end %>
+        <% end %>
+      </div>
+      
+      <!-- Footer with User Info -->
+      <div class="p-6 md:px-8 md:py-5 border-t border-white/5 relative z-10">
+        <% if subscription_owner %>
+          <div class="flex items-center justify-between">
+            <div class="flex-1 min-w-0">
+              <% if subscription_owner.respond_to?(:name) && subscription_owner.name.present? %>
+                <p class="text-sm font-medium text-white leading-snug truncate"><%= subscription_owner.name %></p>
+                <% if subscription_owner.respond_to?(:email) %>
+                  <p class="text-xs text-slate-400 leading-snug truncate mt-0.5"><%= subscription_owner.email %></p>
+                <% end %>
+              <% elsif subscription_owner.respond_to?(:email) %>
+                <p class="text-sm font-medium text-white leading-snug truncate"><%= subscription_owner.email %></p>
+              <% end %>
+            </div>
+            <div class="flex items-center gap-1.5 ml-4">
+              <div class="w-5 h-5 rounded bg-emerald-500/20 flex items-center justify-center">
+                <svg class="w-3 h-3 text-emerald-400" fill="currentColor" viewBox="0 0 20 20">
+                  <path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
+                </svg>
+              </div>
+            </div>
+          </div>
+        <% else %>
+          <div class="flex items-center gap-2">
+            <div class="w-5 h-5 rounded bg-white/10 flex items-center justify-center">
+              <svg class="w-3 h-3 text-slate-400" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
+              </svg>
+            </div>
+            <span class="text-xs text-slate-500">Secure billing portal</span>
+          </div>
+        <% end %>
+      </div>
+    </aside>
+
+    <!-- Scrollable Content Area -->
+    <main class="flex-1 overflow-y-auto bg-white">
+      <!-- Trust Header -->
+      <div class="bg-gradient-to-r from-slate-50 to-slate-100 border-b border-slate-200/60">
+        <div class="max-w-6xl mx-auto px-4 md:px-8 py-3 flex items-center justify-between">
+          <div class="flex items-center gap-6 text-xs text-slate-600">
+            <span class="flex items-center gap-1.5">
+              <svg class="w-4 h-4 text-emerald-600" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 1a4.5 4.5 0 00-4.5 4.5V9H5a2 2 0 00-2 2v6a2 2 0 002 2h10a2 2 0 002-2v-6a2 2 0 00-2-2h-.5V5.5A4.5 4.5 0 0010 1zm3 8V5.5a3 3 0 10-6 0V9h6z" clip-rule="evenodd" />
+              </svg>
+              <span class="font-medium">Secure connection</span>
+            </span>
+            <span class="hidden sm:flex items-center gap-1.5">
+              <svg class="w-4 h-4 text-emerald-600" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
+              </svg>
+              <span>256-bit SSL encrypted</span>
+            </span>
+          </div>
+          <div class="flex items-center gap-2 text-xs text-slate-500">
+            <span>Powered by</span>
+            <span class="font-semibold text-slate-700">Paddle</span>
+          </div>
+        </div>
+      </div>
+
+      <!-- Flash Notifications -->
+      <% if flash[:notice] || flash[:alert] %>
+        <div class="px-4 md:px-8 pt-4 max-w-6xl mx-auto">
+          <% if flash[:notice] %>
+            <div class="bg-emerald-50 border border-emerald-200 text-emerald-800 px-4 py-3 rounded-lg mb-4" role="alert">
+              <p class="text-sm font-medium"><%= raw flash[:notice] %></p>
+            </div>
+          <% end %>
+          <% if flash[:alert] %>
+            <div class="bg-red-50 border border-red-200 text-red-800 px-4 py-3 rounded-lg mb-4" role="alert">
+              <p class="text-sm font-medium"><%= raw flash[:alert] %></p>
+            </div>
+          <% end %>
+        </div>
+      <% end %>
+
+      <%= yield %>
+    </main>
+  </div>
+</body>
+</html>

data/app/views/paddle_rails/checkout/show.html.erb

@@ -0,0 +1,128 @@
+<div class="min-h-screen flex flex-col justify-center p-4 md:p-8 max-w-4xl mx-auto">
+  <!-- Header -->
+  <div class="text-center mb-12">
+    <h1 class="text-3xl md:text-4xl lg:text-5xl font-semibold tracking-tight text-gray-900 mb-4">
+      Complete your purchase
+    </h1>
+    <p class="text-gray-600 text-lg">Review your order and complete the checkout process</p>
+  </div>
+
+  <!-- Checkout container where Paddle.js will render the inline checkout -->
+  <div id="checkout-container" class="checkout-container">
+    <!-- Paddle.js will automatically inject the checkout here when the transaction ID is present -->
+  </div>
+
+  <!-- Processing state (hidden by default) -->
+  <div id="processing-state" class="hidden text-center">
+    <div class="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-gray-900 mb-4"></div>
+    <p class="text-gray-600 text-lg">Processing your order...</p>
+  </div>
+</div>
+
+<!-- script loaded here to make sure it's loaded after the page is rendered -->
+<script src="https://cdn.paddle.com/paddle/v2/paddle.js"></script>
+<script type="text/javascript">
+  Paddle.Environment.set("<%= PaddleRails.configuration.environment || 'sandbox' %>");
+  Paddle.Initialize({
+    token: "<%= PaddleRails.configuration.public_token %>",
+    checkout: {
+      settings: {
+        displayMode: "inline",
+        variant: "dark",
+        frameTarget: "checkout-container",
+        frameInitialHeight: "450",
+        frameStyle: "width: 100%; min-width: 312px; background-color: transparent; border: none;"
+      }
+    },
+    eventCallback: function(data) {
+      console.log(data);
+      if (data.name == "checkout.loaded") {
+        // Checkout loaded successfully
+      };
+      if (data.name == "checkout.completed") {
+        // Hide checkout frame
+        var checkoutContainer = document.getElementById("checkout-container");
+        if (checkoutContainer) {
+          checkoutContainer.style.display = "none";
+        }
+
+        // Show processing state
+        var processingState = document.getElementById("processing-state");
+        if (processingState) {
+          processingState.classList.remove("hidden");
+        }
+
+        // Extract transaction ID from URL
+        var urlParams = new URLSearchParams(window.location.search);
+        var transactionId = urlParams.get("_ptxn");
+
+        if (transactionId) {
+          // Start polling for subscription status
+          pollSubscriptionStatus(transactionId);
+        } else {
+          console.error("Transaction ID not found in URL");
+          // Fallback: redirect after a delay
+          setTimeout(function() {
+            window.location.href = "<%= paddle_rails.root_path %>";
+          }, 2000);
+        }
+      };
+    }
+  });
+
+  // Poll the subscription status endpoint
+  function pollSubscriptionStatus(transactionId) {
+    var pollInterval = 1000; // Poll every second
+    var maxAttempts = 30; // Maximum 30 attempts (30 seconds)
+    var attempts = 0;
+
+    var poll = function() {
+      attempts++;
+
+      // Construct the status check URL
+      var baseUrl = "<%= paddle_rails.check_transaction_status_path('PLACEHOLDER') %>";
+      var statusUrl = baseUrl.replace('PLACEHOLDER', encodeURIComponent(transactionId));
+      fetch(statusUrl, {
+        method: "GET",
+        headers: {
+          "Accept": "application/json",
+          "X-Requested-With": "XMLHttpRequest"
+        },
+        credentials: "same-origin"
+      })
+      .then(function(response) {
+        return response.json();
+      })
+      .then(function(data) {
+        if (data.status === "active") {
+          // Subscription is active, redirect to dashboard
+          if (data.redirect_url) {
+            window.location.href = data.redirect_url;
+          } else {
+            window.location.href = "<%= paddle_rails.root_path %>";
+          }
+        } else if (attempts >= maxAttempts) {
+          // Max attempts reached, redirect anyway
+          console.warn("Max polling attempts reached, redirecting...");
+          window.location.href = "<%= paddle_rails.root_path %>";
+        } else {
+          // Still pending, poll again
+          setTimeout(poll, pollInterval);
+        }
+      })
+      .catch(function(error) {
+        console.error("Error polling subscription status:", error);
+        // On error, retry after a delay
+        if (attempts < maxAttempts) {
+          setTimeout(poll, pollInterval);
+        } else {
+          // Max attempts reached, redirect anyway
+          window.location.href = "<%= paddle_rails.root_path %>";
+        }
+      });
+    };
+
+    // Start polling
+    poll();
+  }
+</script>