PyPI - django-cfg - Versions diffs - 1.3.3__py3-none-any.whl → 1.3.7__py3-none-any.whl - Mend

django-cfg 1.3.3py3-none-any.whl → 1.3.7py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (100) hide show

django_cfg/apps/payments/admin_interface/serializers/webhook_serializers.py ADDED Viewed

@@ -0,0 +1,114 @@
+"""
+Webhook Serializers for Admin Interface.
+DRF serializers for webhook management in admin dashboard.
+"""
+from rest_framework import serializers
+from datetime import datetime
+from typing import Dict, Any
+class WebhookEventSerializer(serializers.Serializer):
+    """
+    Serializer for individual webhook event.
+    """
+    id = serializers.IntegerField(read_only=True)
+    provider = serializers.CharField(max_length=50)
+    event_type = serializers.CharField(max_length=100)
+    status = serializers.ChoiceField(choices=[
+        ('success', 'Success'),
+        ('failed', 'Failed'),
+        ('pending', 'Pending'),
+        ('retry', 'Retry'),
+    ])
+    timestamp = serializers.DateTimeField()
+    payload_size = serializers.IntegerField(help_text="Size in bytes")
+    response_time = serializers.IntegerField(help_text="Response time in ms")
+    retry_count = serializers.IntegerField(default=0)
+    error_message = serializers.CharField(max_length=500, required=False, allow_blank=True)
+    payload_preview = serializers.CharField(max_length=200, required=False, allow_blank=True)
+    response_status_code = serializers.IntegerField(required=False)
+    webhook_url = serializers.URLField(required=False)
+class WebhookEventListSerializer(serializers.Serializer):
+    """
+    Serializer for paginated webhook events list.
+    """
+    events = WebhookEventSerializer(many=True)
+    total = serializers.IntegerField()
+    page = serializers.IntegerField()
+    per_page = serializers.IntegerField()
+    has_next = serializers.BooleanField()
+    has_previous = serializers.BooleanField()
+class WebhookProviderStatsSerializer(serializers.Serializer):
+    """
+    Serializer for provider-specific webhook statistics.
+    """
+    total = serializers.IntegerField()
+    successful = serializers.IntegerField()
+    failed = serializers.IntegerField()
+    pending = serializers.IntegerField(default=0)
+    success_rate = serializers.FloatField()
+class WebhookStatsSerializer(serializers.Serializer):
+    """
+    Serializer for comprehensive webhook statistics.
+    """
+    total = serializers.IntegerField()
+    successful = serializers.IntegerField()
+    failed = serializers.IntegerField()
+    pending = serializers.IntegerField()
+    success_rate = serializers.FloatField()
+    # Provider breakdown
+    providers = serializers.DictField(
+        child=WebhookProviderStatsSerializer(),
+        help_text="Statistics by provider"
+    )
+    # Time-based stats
+    last_24h = serializers.DictField(
+        child=serializers.IntegerField(),
+        help_text="Events in last 24 hours"
+    )
+    # Performance metrics
+    avg_response_time = serializers.FloatField()
+    max_response_time = serializers.IntegerField()
+class WebhookActionSerializer(serializers.Serializer):
+    """
+    Serializer for webhook actions (retry, clear, etc.).
+    """
+    action = serializers.ChoiceField(choices=[
+        ('retry', 'Retry'),
+        ('clear', 'Clear'),
+        ('retry_failed', 'Retry Failed'),
+    ])
+    event_ids = serializers.ListField(
+        child=serializers.IntegerField(),
+        required=False,
+        help_text="List of event IDs to process"
+    )
+class WebhookActionResultSerializer(serializers.Serializer):
+    """
+    Serializer for webhook action results.
+    """
+    success = serializers.BooleanField()
+    message = serializers.CharField(max_length=200)
+    event_id = serializers.IntegerField(required=False)
+    processed_count = serializers.IntegerField(required=False)
+    failed_count = serializers.IntegerField(required=False)
+    errors = serializers.ListField(
+        child=serializers.CharField(),
+        required=False,
+        help_text="List of error messages if any"
+    )

django_cfg/apps/payments/admin_interface/templates/payments/base.html CHANGED Viewed

@@ -4,113 +4,80 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{% block title %}Universal Payment System v2.0{% endblock %}</title>
+    <title>{% block title %}Payment Admin - Django CFG{% endblock %}</title>
     <!-- Material Icons -->
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
     <!-- Tailwind CSS -->
     <script src="https://cdn.tailwindcss.com"></script>
-    <!-- Alpine.js for interactivity -->
+    <!-- Alpine.js -->
     <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
-    <!-- Chart.js for statistics -->
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
-    <!-- Custom CSS -->
-    <link rel="stylesheet" href="{% static 'payments/css/dashboard.css' %}">
-    <link rel="stylesheet" href="{% static 'payments/css/components.css' %}">
-    <!-- Custom styles -->
     <style>
         [x-cloak] { display: none !important; }
-        /* Custom scrollbar */
-        .custom-scrollbar::-webkit-scrollbar {
-            width: 6px;
-        }
-        .custom-scrollbar::-webkit-scrollbar-track {
-            background: #f1f5f9;
-        }
-        .custom-scrollbar::-webkit-scrollbar-thumb {
-            background: #cbd5e1;
-            border-radius: 3px;
-        }
-        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
-            background: #94a3b8;
-        }
-        /* Dark mode scrollbar */
-        .dark .custom-scrollbar::-webkit-scrollbar-track {
-            background: #1e293b;
-        }
-        .dark .custom-scrollbar::-webkit-scrollbar-thumb {
-            background: #475569;
-        }
-        .dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
-            background: #64748b;
-        }
     </style>
+    <!-- Dark mode initialization script to prevent flash -->
+    <script>
+        // Initialize dark mode before Alpine.js loads
+        if (localStorage.getItem('darkMode') === 'true' ||
+            (!localStorage.getItem('darkMode') && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+            document.documentElement.classList.add('dark');
+        }
+    </script>
     {% block extra_head %}{% endblock %}
 </head>
-<body class="h-full bg-gray-50 dark:bg-gray-900" x-data="{ darkMode: localStorage.getItem('darkMode') === 'true' }"
-      x-init="$watch('darkMode', val => localStorage.setItem('darkMode', val))"
-      :class="{ 'dark': darkMode }">
+<body class="h-full bg-gray-50 dark:bg-gray-900" x-data="{
+    darkMode: localStorage.getItem('darkMode') === 'true' ||
+              (!localStorage.getItem('darkMode') && window.matchMedia('(prefers-color-scheme: dark)').matches),
+    showNgrokHelp: false
+}" x-init="$watch('darkMode', val => {
+    localStorage.setItem('darkMode', val);
+    document.documentElement.classList.toggle('dark', val);
+})">
     <!-- Navigation -->
-    <nav class="bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700">
+    <nav class="bg-white dark:bg-gray-800 shadow border-b border-gray-200 dark:border-gray-700">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <div class="flex justify-between items-center h-16">
-                <!-- Logo and title -->
+            <div class="flex justify-between h-16">
+                <!-- Logo -->
                 <div class="flex items-center">
-                    <div class="flex-shrink-0 flex items-center">
-                        <span class="material-icons-round text-blue-600 mr-2 text-2xl">payment</span>
-                        <h1 class="text-xl font-bold text-gray-900 dark:text-white">
-                            Universal Payment System v2.0
-                        </h1>
-                    </div>
+                    <span class="material-icons-outlined text-blue-600 mr-2">payment</span>
+                    <h1 class="text-xl font-semibold text-gray-900 dark:text-white">Payment Admin</h1>
                 </div>
-                <!-- Navigation links -->
-                <div class="hidden md:block">
-                    <div class="ml-10 flex items-baseline space-x-4">
-                        <a href="{% url 'cfg_payments_admin:webhook-dashboard' %}"
-                           class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
-                            <span class="material-icons-outlined mr-1 text-sm">webhook</span>
-                            Webhooks
-                        </a>
-                        <a href="{% url 'cfg_payments_admin:payment-list' %}"
-                           class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
-                            <span class="material-icons-outlined mr-1 text-sm">payments</span>
-                            Payments
-                        </a>
-                        <a href="{% url 'admin:payments_universalpayment_changelist' %}"
-                           class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium flex items-center">
-                            <span class="material-icons-outlined mr-1 text-sm">admin_panel_settings</span>
-                            Admin
-                        </a>
-                    </div>
-                </div>
-                <!-- Dark mode toggle -->
+                <!-- Navigation Links -->
                 <div class="flex items-center space-x-4">
+                    <a href="{% url 'cfg_payments_admin:dashboard' %}"
+                       class="text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium">
+                        Dashboard
+                    </a>
+                    <a href="{% url 'cfg_payments_admin:payment-list' %}"
+                       class="text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium">
+                        Payments
+                    </a>
+                    <a href="{% url 'cfg_payments_admin:webhook-dashboard' %}"
+                       class="text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white px-3 py-2 rounded-md text-sm font-medium">
+                        Webhooks
+                    </a>
+                    <!-- Dark Mode Toggle -->
                     <button @click="darkMode = !darkMode"
-                            class="p-2 rounded-md text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700">
-                        <span x-show="!darkMode" class="material-icons-outlined">dark_mode</span>
-                        <span x-show="darkMode" class="material-icons-outlined">light_mode</span>
+                            class="p-2 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white transition-colors">
+                        <span x-show="!darkMode" x-cloak class="material-icons-outlined">dark_mode</span>
+                        <span x-show="darkMode" x-cloak class="material-icons-outlined">light_mode</span>
                     </button>
                 </div>
             </div>
         </div>
     </nav>
-    <!-- Main content -->
+    <!-- Main Content -->
     <main class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
-        <!-- Page header -->
+        <!-- Page Header -->
         {% block header %}
         <div class="mb-8">
             <h2 class="text-2xl font-bold text-gray-900 dark:text-white">
@@ -118,7 +85,7 @@
             </h2>
             {% block page_subtitle %}
             <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
-                Monitor and manage your payment system
+                Manage payments and webhooks
             </p>
             {% endblock %}
         </div>
@@ -128,34 +95,32 @@
         {% if messages %}
         <div class="mb-6 space-y-2">
             {% for message in messages %}
-            <div class="rounded-md p-4 {% if message.tags == 'error' %}bg-red-50 text-red-800 border border-red-200{% elif message.tags == 'warning' %}bg-yellow-50 text-yellow-800 border border-yellow-200{% elif message.tags == 'success' %}bg-green-50 text-green-800 border border-green-200{% else %}bg-blue-50 text-blue-800 border border-blue-200{% endif %}">
+            <div class="rounded-md p-4 {% if message.tags == 'error' %}bg-red-50 text-red-800 border border-red-200 dark:bg-red-900/20 dark:text-red-400 dark:border-red-800{% elif message.tags == 'warning' %}bg-yellow-50 text-yellow-800 border border-yellow-200 dark:bg-yellow-900/20 dark:text-yellow-400 dark:border-yellow-800{% elif message.tags == 'success' %}bg-green-50 text-green-800 border border-green-200 dark:bg-green-900/20 dark:text-green-400 dark:border-green-800{% else %}bg-blue-50 text-blue-800 border border-blue-200 dark:bg-blue-900/20 dark:text-blue-400 dark:border-blue-800{% endif %}">
                 {{ message }}
             </div>
             {% endfor %}
         </div>
         {% endif %}
-        <!-- Page content -->
+        <!-- Page Content -->
         {% block content %}{% endblock %}
     </main>
     <!-- Footer -->
     <footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 mt-12">
         <div class="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8">
-            <div class="flex justify-between items-center text-sm text-gray-600 dark:text-gray-400">
-                <div>
-                    Universal Payment System v2.0 - Built with Django-CFG
-                </div>
-                <div>
-                    {% now "Y-m-d H:i:s" %} UTC
-                </div>
+            <div class="text-center text-sm text-gray-600 dark:text-gray-400">
+                Payment Admin - Django CFG
             </div>
         </div>
     </footer>
-    <!-- Custom JavaScript -->
-    <script src="{% static 'payments/js/utils.js' %}"></script>
-    <script src="{% static 'payments/js/components.js' %}"></script>
+    <!-- Global Dialogs -->
+    {% include 'payments/components/ngrok_help_dialog.html' %}
+    <!-- Payment System JS Components -->
+    <script src="{% static 'payments/js/api-client.js' %}"></script>
+    <script src="{% static 'payments/js/ngrok-status.js' %}"></script>
     {% block extra_js %}{% endblock %}
 </body>

django_cfg/apps/payments/admin_interface/templates/payments/components/dialog.html ADDED Viewed

@@ -0,0 +1,81 @@
+{% comment %}
+Dialog Component
+Usage:
+{% include 'payments/components/dialog.html' with dialog_id="myDialog" title="Dialog Title" %}
+Then in your Alpine.js component:
+x-data="{ showMyDialog: false }"
+@click="showMyDialog = true"
+And in the dialog content:
+<div x-show="showMyDialog" x-cloak>
+    {% include 'payments/components/dialog.html' with dialog_id="myDialog" title="My Title" %}
+</div>
+{% endcomment %}
+<!-- Dialog Backdrop -->
+<div x-show="show{{ dialog_id|title }}"
+     x-cloak
+     x-transition:enter="transition ease-out duration-300"
+     x-transition:enter-start="opacity-0"
+     x-transition:enter-end="opacity-100"
+     x-transition:leave="transition ease-in duration-200"
+     x-transition:leave-start="opacity-100"
+     x-transition:leave-end="opacity-0"
+     class="fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center z-50"
+     @click.away="show{{ dialog_id|title }} = false">
+    <!-- Dialog Panel -->
+    <div x-show="show{{ dialog_id|title }}"
+         x-transition:enter="transition ease-out duration-300"
+         x-transition:enter-start="opacity-0 transform scale-95"
+         x-transition:enter-end="opacity-100 transform scale-100"
+         x-transition:leave="transition ease-in duration-200"
+         x-transition:leave-start="opacity-100 transform scale-100"
+         x-transition:leave-end="opacity-0 transform scale-95"
+         class="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-md w-full mx-4 max-h-96 overflow-y-auto"
+         @click.stop>
+        <!-- Dialog Header -->
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+            <div class="flex items-center justify-between">
+                <h3 class="text-lg font-medium text-gray-900 dark:text-white">
+                    {% if icon %}
+                    <span class="material-icons-outlined mr-2 text-{{ icon_color|default:'blue' }}-600 dark:text-{{ icon_color|default:'blue' }}-400">{{ icon }}</span>
+                    {% endif %}
+                    {{ title }}
+                </h3>
+                <button @click="show{{ dialog_id|title }} = false"
+                        class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200">
+                    <span class="material-icons-outlined">close</span>
+                </button>
+            </div>
+        </div>
+        <!-- Dialog Content -->
+        <div class="px-6 py-4">
+            {% block dialog_content %}
+            {{ content|default:"Dialog content goes here" }}
+            {% endblock %}
+        </div>
+        <!-- Dialog Footer -->
+        {% if show_footer|default:True %}
+        <div class="px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex justify-end space-x-3">
+            {% block dialog_footer %}
+            <button @click="show{{ dialog_id|title }} = false"
+                    class="px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-600 dark:hover:bg-gray-600">
+                {{ cancel_text|default:"Close" }}
+            </button>
+            {% if confirm_action %}
+            <button @click="{{ confirm_action }}; show{{ dialog_id|title }} = false"
+                    class="px-4 py-2 text-sm font-medium text-white bg-{{ confirm_color|default:'blue' }}-600 border border-transparent rounded-md hover:bg-{{ confirm_color|default:'blue' }}-700">
+                {{ confirm_text|default:"Confirm" }}
+            </button>
+            {% endif %}
+            {% endblock %}
+        </div>
+        {% endif %}
+    </div>
+</div>

django_cfg/apps/payments/admin_interface/templates/payments/components/ngrok_help_dialog.html ADDED Viewed

@@ -0,0 +1,112 @@
+{% comment %}
+Ngrok Help Dialog Component
+Shows instructions for starting ngrok tunnel
+{% endcomment %}
+<!-- Ngrok Help Dialog -->
+<div x-show="showNgrokHelp"
+     x-cloak
+     x-transition:enter="transition ease-out duration-300"
+     x-transition:enter-start="opacity-0"
+     x-transition:enter-end="opacity-100"
+     x-transition:leave="transition ease-in duration-200"
+     x-transition:leave-start="opacity-100"
+     x-transition:leave-end="opacity-0"
+     class="fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center z-50"
+     @click.away="showNgrokHelp = false">
+    <!-- Dialog Panel -->
+    <div x-show="showNgrokHelp"
+         x-transition:enter="transition ease-out duration-300"
+         x-transition:enter-start="opacity-0 transform scale-95"
+         x-transition:enter-end="opacity-100 transform scale-100"
+         x-transition:leave="transition ease-in duration-200"
+         x-transition:leave-start="opacity-100 transform scale-100"
+         x-transition:leave-end="opacity-0 transform scale-95"
+         class="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-lg w-full mx-4"
+         @click.stop>
+        <!-- Dialog Header -->
+        <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
+            <div class="flex items-center justify-between">
+                <h3 class="text-lg font-medium text-gray-900 dark:text-white flex items-center">
+                    <span class="material-icons-outlined mr-2 text-blue-600 dark:text-blue-400">help</span>
+                    How to Start Ngrok Tunnel
+                </h3>
+                <button @click="showNgrokHelp = false"
+                        class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200">
+                    <span class="material-icons-outlined">close</span>
+                </button>
+            </div>
+        </div>
+        <!-- Dialog Content -->
+        <div class="px-6 py-4 space-y-4">
+            <div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4">
+                <div class="flex items-start">
+                    <span class="material-icons-outlined text-blue-600 dark:text-blue-400 mr-2 mt-0.5">info</span>
+                    <div>
+                        <h4 class="font-medium text-blue-900 dark:text-blue-100 mb-1">Ngrok is not active</h4>
+                        <p class="text-sm text-blue-800 dark:text-blue-200">
+                            To enable ngrok tunnel for webhook testing, restart your development server with the ngrok command.
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div>
+                <h4 class="font-medium text-gray-900 dark:text-white mb-2 flex items-center">
+                    <span class="material-icons-outlined mr-2 text-green-600 dark:text-green-400">terminal</span>
+                    Start Server with Ngrok
+                </h4>
+                <div class="bg-gray-900 dark:bg-gray-800 rounded-lg p-4 font-mono text-sm">
+                    <div class="text-green-400 mb-2"># Stop current server (Ctrl+C) and run:</div>
+                    <div class="text-white">python manage.py runserver_ngrok</div>
+                </div>
+            </div>
+            <div>
+                <h4 class="font-medium text-gray-900 dark:text-white mb-2 flex items-center">
+                    <span class="material-icons-outlined mr-2 text-purple-600 dark:text-purple-400">settings</span>
+                    Advanced Options
+                </h4>
+                <div class="space-y-2 text-sm">
+                    <div class="bg-gray-50 dark:bg-gray-700 rounded p-3">
+                        <div class="font-mono text-gray-800 dark:text-gray-200 mb-1">python manage.py runserver_ngrok --domain myapp</div>
+                        <div class="text-gray-600 dark:text-gray-400">Use custom subdomain</div>
+                    </div>
+                    <div class="bg-gray-50 dark:bg-gray-700 rounded p-3">
+                        <div class="font-mono text-gray-800 dark:text-gray-200 mb-1">python manage.py runserver_ngrok 0.0.0.0:8080</div>
+                        <div class="text-gray-600 dark:text-gray-400">Use custom port</div>
+                    </div>
+                </div>
+            </div>
+            <div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4">
+                <div class="flex items-start">
+                    <span class="material-icons-outlined text-yellow-600 dark:text-yellow-400 mr-2 mt-0.5">lightbulb</span>
+                    <div>
+                        <h4 class="font-medium text-yellow-900 dark:text-yellow-100 mb-1">Pro Tip</h4>
+                        <p class="text-sm text-yellow-800 dark:text-yellow-200">
+                            Once ngrok is active, you'll see the public URL here and can copy it for webhook configuration.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Dialog Footer -->
+        <div class="px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex justify-between">
+            <a href="https://ngrok.com/docs"
+               target="_blank"
+               class="text-sm text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 flex items-center">
+                <span class="material-icons-outlined mr-1 text-sm">open_in_new</span>
+                Ngrok Documentation
+            </a>
+            <button @click="showNgrokHelp = false"
+                    class="px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transparent rounded-md hover:bg-blue-700">
+                Got it!
+            </button>
+        </div>
+    </div>
+</div>

django-cfg 1.3.3__py3-none-any.whl → 1.3.7__py3-none-any.whl

django-cfg 1.3.3py3-none-any.whl → 1.3.7py3-none-any.whl