PyPI - django-cfg - Versions diffs - 1.3.3__tar.gz → 1.3.5__tar.gz - Mend

django-cfg 1.3.3tar.gz → 1.3.5tar.gz

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 (683) hide show

{django_cfg-1.3.3 → django_cfg-1.3.5}/PKG-INFO RENAMED Viewed

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-cfg
-Version: 1.3.3
+Version: 1.3.5
 Summary: 🚀 Next-gen Django configuration: type-safety, AI features, blazing-fast setup, and automated best practices — all in one.
 Project-URL: Homepage, https://djangocfg.com
 Project-URL: Documentation, https://docs.djangocfg.com

{django_cfg-1.3.3 → django_cfg-1.3.5}/pyproject.toml RENAMED Viewed

@@ -4,7 +4,7 @@ build-backend = "hatchling.build"
 [project]
 name = "django-cfg"
-version = "1.3.3"
+version = "1.3.5"
 description = "🚀 Next-gen Django configuration: type-safety, AI features, blazing-fast setup, and automated best practices — all in one."
 readme = "README.md"
 license = {text = "MIT"}

{django_cfg-1.3.3 → django_cfg-1.3.5}/src/django_cfg/__init__.py RENAMED Viewed

@@ -32,7 +32,7 @@ Example:
 default_app_config = "django_cfg.apps.DjangoCfgConfig"
 # Version information
-__version__ = "1.3.3"
+__version__ = "1.3.5"
 __license__ = "MIT"
 # Import registry for organized lazy loading

{django_cfg-1.3.3/src/django_cfg/apps/payments/admin_interface/templates → django_cfg-1.3.5/src/django_cfg/apps/payments/admin_interface/old}/payments/base.html RENAMED Viewed

@@ -14,8 +14,6 @@
     <!-- Tailwind CSS -->
     <script src="https://cdn.tailwindcss.com"></script>
-    <!-- Alpine.js for interactivity -->
-    <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>
@@ -57,9 +55,10 @@
     {% block extra_head %}{% endblock %}
 </head>
-<body class="h-full bg-gray-50 dark:bg-gray-900" x-data="{ darkMode: localStorage.getItem('darkMode') === 'true' }"
+<body class="h-full bg-gray-50 dark:bg-gray-900" x-data="{ darkMode: localStorage.getItem('darkMode') === 'true', mobileMenuOpen: false }"
       x-init="$watch('darkMode', val => localStorage.setItem('darkMode', val))"
-      :class="{ 'dark': darkMode }">
+      :class="{ 'dark': darkMode }"
+      @click.away="mobileMenuOpen = false">
     <!-- Navigation -->
     <nav class="bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700">
@@ -79,23 +78,33 @@
                 <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">
+                           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 transition-colors">
                             <span class="material-icons-outlined mr-1 text-sm">webhook</span>
-                            Webhooks
+                            <span class="hidden lg:inline">Webhooks</span>
+                            <span class="lg:hidden">Hooks</span>
                         </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">
+                           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 transition-colors">
                             <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">
+                           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 transition-colors">
                             <span class="material-icons-outlined mr-1 text-sm">admin_panel_settings</span>
-                            Admin
+                            <span class="hidden lg:inline">Admin</span>
                         </a>
                     </div>
                 </div>
+                <!-- Mobile menu button -->
+                <div class="md:hidden">
+                    <button @click="mobileMenuOpen = !mobileMenuOpen"
+                            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="!mobileMenuOpen" class="material-icons-outlined">menu</span>
+                        <span x-show="mobileMenuOpen" class="material-icons-outlined">close</span>
+                    </button>
+                </div>
                 <!-- Dark mode toggle -->
                 <div class="flex items-center space-x-4">
                     <button @click="darkMode = !darkMode"
@@ -156,6 +165,10 @@
     <!-- Custom JavaScript -->
     <script src="{% static 'payments/js/utils.js' %}"></script>
     <script src="{% static 'payments/js/components.js' %}"></script>
+    <script src="{% static 'payments/js/ngrok-status.js' %}"></script>
+    <!-- Alpine.js for interactivity (loaded after our components) -->
+    <script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
     {% block extra_js %}{% endblock %}
 </body>

django_cfg-1.3.5/src/django_cfg/apps/payments/admin_interface/old/payments/components/dev_tool_card.html ADDED Viewed

@@ -0,0 +1,125 @@
+{% comment %}
+Development Tools Card Component
+Provides quick access to development and debugging tools
+{% endcomment %}
+<div class="payment-card">
+    <div class="payment-card-header">
+        <h3 class="font-medium text-gray-900 dark:text-white flex items-center">
+            <span class="material-icons-outlined mr-2">build</span>
+            Development Tools
+        </h3>
+        <span class="text-xs text-gray-500 dark:text-gray-400">Debug & Test</span>
+    </div>
+    <div class="payment-card-content">
+        <div class="grid grid-cols-1 gap-3">
+            <!-- Test Payment -->
+            <a href="{% url 'cfg_payments_admin:payment-create' %}?test=1"
+               class="flex items-center p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg hover:bg-blue-100 dark:hover:bg-blue-900/30 transition-colors">
+                <span class="material-icons-outlined text-blue-600 dark:text-blue-400 mr-3">science</span>
+                <div class="flex-1">
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">Test Payment</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">Create test payment</div>
+                </div>
+                <span class="material-icons-outlined text-gray-400 text-sm">arrow_forward</span>
+            </a>
+            <!-- Webhook Tester -->
+            <a href="{% url 'cfg_payments_admin:webhook-dashboard' %}#test"
+               class="flex items-center p-3 bg-purple-50 dark:bg-purple-900/20 rounded-lg hover:bg-purple-100 dark:hover:bg-purple-900/30 transition-colors">
+                <span class="material-icons-outlined text-purple-600 dark:text-purple-400 mr-3">webhook</span>
+                <div class="flex-1">
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">Webhook Tester</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">Test webhook endpoints</div>
+                </div>
+                <span class="material-icons-outlined text-gray-400 text-sm">arrow_forward</span>
+            </a>
+            <!-- API Explorer -->
+            <a href="/api/schema/swagger-ui/" target="_blank"
+               class="flex items-center p-3 bg-green-50 dark:bg-green-900/20 rounded-lg hover:bg-green-100 dark:hover:bg-green-900/30 transition-colors">
+                <span class="material-icons-outlined text-green-600 dark:text-green-400 mr-3">api</span>
+                <div class="flex-1">
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">API Explorer</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">Swagger UI documentation</div>
+                </div>
+                <span class="material-icons-outlined text-gray-400 text-sm">open_in_new</span>
+            </a>
+            <!-- Database Admin -->
+            <a href="{% url 'admin:payments_universalpayment_changelist' %}" target="_blank"
+               class="flex items-center p-3 bg-orange-50 dark:bg-orange-900/20 rounded-lg hover:bg-orange-100 dark:hover:bg-orange-900/30 transition-colors">
+                <span class="material-icons-outlined text-orange-600 dark:text-orange-400 mr-3">storage</span>
+                <div class="flex-1">
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">Database Admin</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">Django admin interface</div>
+                </div>
+                <span class="material-icons-outlined text-gray-400 text-sm">open_in_new</span>
+            </a>
+            <!-- Logs Viewer -->
+            <button onclick="showLogsModal()"
+                    class="flex items-center p-3 bg-gray-50 dark:bg-gray-700 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors w-full text-left">
+                <span class="material-icons-outlined text-gray-600 dark:text-gray-400 mr-3">description</span>
+                <div class="flex-1">
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">View Logs</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">Application logs</div>
+                </div>
+                <span class="material-icons-outlined text-gray-400 text-sm">visibility</span>
+            </button>
+            <!-- Clear Cache -->
+            <button onclick="clearCache()"
+                    class="flex items-center p-3 bg-red-50 dark:bg-red-900/20 rounded-lg hover:bg-red-100 dark:hover:bg-red-900/30 transition-colors w-full text-left">
+                <span class="material-icons-outlined text-red-600 dark:text-red-400 mr-3">clear_all</span>
+                <div class="flex-1">
+                    <div class="text-sm font-medium text-gray-900 dark:text-white">Clear Cache</div>
+                    <div class="text-xs text-gray-500 dark:text-gray-400">Reset application cache</div>
+                </div>
+                <span class="material-icons-outlined text-gray-400 text-sm">refresh</span>
+            </button>
+        </div>
+        <!-- Development Status -->
+        <div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-600">
+            <div class="flex items-center justify-between text-xs">
+                <span class="text-gray-500 dark:text-gray-400">Environment:</span>
+                <span class="font-medium text-yellow-600 dark:text-yellow-400 bg-yellow-100 dark:bg-yellow-900/20 px-2 py-1 rounded">
+                    {% if settings.DEBUG %}Development{% else %}Production{% endif %}
+                </span>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+function showLogsModal() {
+    // This would typically open a modal with recent logs
+    alert('Logs viewer would open here. Implement backend endpoint for logs.');
+}
+function clearCache() {
+    if (confirm('Are you sure you want to clear the application cache?')) {
+        // This would typically call a backend endpoint to clear cache
+        fetch('/admin/payments/clear-cache/', {
+            method: 'POST',
+            headers: {
+                'X-CSRFToken': document.querySelector('[name=csrfmiddlewaretoken]')?.value || '',
+                'Content-Type': 'application/json'
+            }
+        })
+        .then(response => response.json())
+        .then(data => {
+            if (data.success) {
+                alert('Cache cleared successfully!');
+            } else {
+                alert('Failed to clear cache: ' + data.error);
+            }
+        })
+        .catch(error => {
+            alert('Cache clear functionality requires backend implementation.');
+        });
+    }
+}
+</script>

django_cfg-1.3.5/src/django_cfg/apps/payments/admin_interface/old/payments/components/ngrok_status_card.html ADDED Viewed

@@ -0,0 +1,113 @@
+{% comment %}
+Ngrok Status Card Component
+Displays ngrok tunnel status with real-time updates
+{% endcomment %}
+<div class="payment-card" x-data="(window.ngrokStatus || window.PaymentSystem?.Components?.ngrokStatus)()" x-init="init()">
+    <div class="payment-card-header">
+        <h3 class="font-medium text-gray-900 dark:text-white flex items-center">
+            <span class="material-icons-outlined mr-2">language</span>
+            Ngrok Tunnel
+        </h3>
+        <button @click="refreshStatus()"
+                class="text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 flex items-center">
+            <span class="material-icons-outlined text-sm" :class="{ 'animate-spin': refreshing }">refresh</span>
+        </button>
+    </div>
+    <div class="payment-card-content">
+        <div class="space-y-4">
+            <!-- Tunnel Status -->
+            <div class="flex items-center justify-between">
+                <div class="flex items-center space-x-2">
+                    <span class="status-indicator" :class="{
+                        'status-active': status.active,
+                        'status-inactive': !status.active
+                    }"></span>
+                    <span class="text-sm text-gray-900 dark:text-white">Tunnel Status</span>
+                </div>
+                <span class="text-xs font-medium" :class="{
+                    'text-green-600 dark:text-green-400': status.active,
+                    'text-red-600 dark:text-red-400': !status.active
+                }" x-text="status.active ? 'Active' : 'Inactive'">Checking...</span>
+            </div>
+            <!-- Public URL -->
+            <div x-show="status.active && status.public_url" class="space-y-2">
+                <div class="flex items-center justify-between">
+                    <span class="text-sm text-gray-700 dark:text-gray-300">Public URL:</span>
+                    <button @click="copyUrl()"
+                            class="btn-icon text-gray-400 hover:text-gray-600 dark:hover:text-gray-200"
+                            title="Copy URL">
+                        <span class="material-icons-outlined text-sm">content_copy</span>
+                    </button>
+                </div>
+                <div class="code-block text-xs break-all" x-text="status.public_url">
+                    Loading...
+                </div>
+            </div>
+            <!-- Webhook URL -->
+            <div x-show="status.active && status.webhook_url" class="space-y-2">
+                <div class="flex items-center justify-between">
+                    <span class="text-sm text-gray-700 dark:text-gray-300">Webhook URL:</span>
+                    <button @click="copyWebhookUrl()"
+                            class="btn-icon text-gray-400 hover:text-gray-600 dark:hover:text-gray-200"
+                            title="Copy Webhook URL">
+                        <span class="material-icons-outlined text-sm">content_copy</span>
+                    </button>
+                </div>
+                <div class="code-block text-xs break-all" x-text="status.webhook_url">
+                    Loading...
+                </div>
+            </div>
+            <!-- Connection Info -->
+            <div x-show="status.active" class="grid grid-cols-2 gap-4 text-xs">
+                <div>
+                    <span class="text-gray-500 dark:text-gray-400">Region:</span>
+                    <span class="text-gray-900 dark:text-white ml-1" x-text="status.region || 'us'">us</span>
+                </div>
+                <div>
+                    <span class="text-gray-500 dark:text-gray-400">Protocol:</span>
+                    <span class="text-gray-900 dark:text-white ml-1" x-text="status.proto || 'https'">https</span>
+                </div>
+            </div>
+            <!-- Error Message -->
+            <div x-show="!status.active && status.error" class="text-xs text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded">
+                <span class="material-icons-outlined mr-1 text-sm">error</span>
+                <span x-text="status.error">Connection failed</span>
+            </div>
+        </div>
+        <!-- Actions -->
+        <div class="mt-6 pt-4 border-t border-gray-200 dark:border-gray-600">
+            <div class="flex space-x-2">
+                <button @click="startTunnel()"
+                        x-show="!status.active"
+                        class="flex-1 btn btn-primary text-xs py-2">
+                    <span class="material-icons-outlined mr-1 text-sm">play_arrow</span>
+                    Start Tunnel
+                </button>
+                <button @click="stopTunnel()"
+                        x-show="status.active"
+                        class="flex-1 btn btn-danger text-xs py-2">
+                    <span class="material-icons-outlined mr-1 text-sm">stop</span>
+                    Stop Tunnel
+                </button>
+                <a href="#" @click.prevent="openInBrowser()"
+                   x-show="status.active && status.public_url"
+                   class="flex-1 btn btn-outline text-xs py-2 text-center">
+                    <span class="material-icons-outlined mr-1 text-sm">open_in_new</span>
+                    Open
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+{% comment %}
+JavaScript for this component is loaded from:
+{% load static %}{% static 'payments/js/ngrok-status.js' %}
+{% endcomment %}

django_cfg-1.3.5/src/django_cfg/apps/payments/admin_interface/old/payments/components/status_card.html ADDED Viewed

@@ -0,0 +1,35 @@
+{% comment %}
+Status Card Component with Material Icons
+Usage:
+{% include 'payments/components/status_card.html' with title="Ngrok Status" value="Active" icon="language" color_class="text-green-600" description="Tunnel URL available" %}
+Available icons: Material Icons names (e.g., "language", "payment", "check_circle", "error", "warning")
+{% endcomment %}
+<div class="status-card status-card-{{ icon_bg_color|default:'blue' }}">
+    <div class="status-card-content">
+        <div class="status-card-icon">
+            <span class="material-icons-outlined">{{ icon|default:'analytics' }}</span>
+        </div>
+        <div class="status-card-info">
+            <h3 class="status-card-title">{{ title }}</h3>
+            <div class="status-card-value">
+                {{ value }}
+                {% if status_icon %}
+                <span class="material-icons-outlined status-icon">{{ status_icon }}</span>
+                {% endif %}
+            </div>
+            {% if description %}
+            <p class="status-card-description">{{ description }}</p>
+            {% endif %}
+        </div>
+        {% if action_url %}
+        <div class="status-card-action">
+            <a href="{{ action_url }}" class="status-card-action-btn">
+                <span class="material-icons-outlined">{{ action_icon|default:'open_in_new' }}</span>
+            </a>
+        </div>
+        {% endif %}
+    </div>
+</div>

{django_cfg-1.3.3/src/django_cfg/apps/payments/admin_interface/templates → django_cfg-1.3.5/src/django_cfg/apps/payments/admin_interface/old}/payments/payment_dashboard.html RENAMED Viewed

@@ -210,6 +210,15 @@
         </div>
     </div>
+    <!-- Ngrok Status and Development Tools -->
+    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
+        <!-- Ngrok Status -->
+        {% include 'payments/components/ngrok_status_card.html' %}
+        <!-- Development Tools -->
+        {% include 'payments/components/dev_tool_card.html' %}
+    </div>
     <!-- Loading Spinner Component -->
     <div x-show="loading" x-cloak class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
         {% include 'payments/components/loading_spinner.html' %}

{django_cfg-1.3.3/src/django_cfg/apps/payments/admin_interface/templates → django_cfg-1.3.5/src/django_cfg/apps/payments/admin_interface/old}/payments/webhook_dashboard.html RENAMED Viewed

@@ -80,22 +80,7 @@
     <!-- Status Overview -->
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
         <!-- Ngrok Status -->
-        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-            <div class="flex items-center">
-                <div class="flex-shrink-0">
-                    <div class="w-8 h-8 bg-blue-100 dark:bg-blue-900 rounded-full flex items-center justify-center">
-                        <span class="text-blue-600 dark:text-blue-400">🌐</span>
-                    </div>
-                </div>
-                <div class="ml-4">
-                    <h3 class="text-sm font-medium text-gray-900 dark:text-white">Ngrok Status</h3>
-                    <p class="text-2xl font-semibold" :class="ngrokStatus.active ? 'text-green-600' : 'text-red-600'">
-                        <span x-text="ngrokStatus.active ? 'Active' : 'Inactive'"></span>
-                    </p>
-                    <p class="text-xs text-gray-500 dark:text-gray-400" x-text="ngrokStatus.description"></p>
-                </div>
-            </div>
-        </div>
+        {% include 'payments/components/status_card.html' with title="Ngrok Status" value="Active" icon="language" color_class="text-green-600" description="Tunnel is running" icon_bg_color="blue" %}
         <!-- Providers Count -->
         <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
@@ -210,77 +195,8 @@
             </div>
         </div>
-        <!-- Development Tools -->
-        <div class="bg-white dark:bg-gray-800 rounded-lg shadow">
-            <div class="px-6 py-4 border-b border-gray-200 dark:border-gray-700">
-                <h2 class="text-lg font-semibold text-gray-900 dark:text-white">Development Tools</h2>
-                <p class="text-sm text-gray-600 dark:text-gray-400">Tools for testing and debugging webhooks</p>
-            </div>
-            <div class="p-6 space-y-4">
-                <!-- Ngrok Tool -->
-                <div class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg">
-                    <h4 class="font-medium text-gray-900 dark:text-white mb-2">Ngrok Tunnel</h4>
-                    <div class="space-y-2 text-sm">
-                        <div class="flex justify-between">
-                            <span class="text-gray-600 dark:text-gray-400">Status:</span>
-                            <span :class="ngrokStatus.active ? 'text-green-600' : 'text-red-600'" x-text="ngrokStatus.active ? 'Active' : 'Inactive'"></span>
-                        </div>
-                        <div class="flex justify-between" x-show="ngrokStatus.url">
-                            <span class="text-gray-600 dark:text-gray-400">URL:</span>
-                            <code class="text-xs break-all" x-text="ngrokStatus.url"></code>
-                        </div>
-                    </div>
-                    <button @click="checkNgrokStatus()"
-                            class="mt-3 w-full px-3 py-1 text-sm bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded hover:bg-gray-200 dark:hover:bg-gray-600">
-                        Check Status
-                    </button>
-                </div>
-                <!-- Webhook Tester -->
-                <div class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg">
-                    <h4 class="font-medium text-gray-900 dark:text-white mb-2">Webhook Tester</h4>
-                    <div class="space-y-2 text-sm">
-                        <div class="flex justify-between">
-                            <span class="text-gray-600 dark:text-gray-400">Last Test:</span>
-                            <span class="text-xs" x-text="lastTest || 'Never'"></span>
-                        </div>
-                        <div class="flex justify-between">
-                            <span class="text-gray-600 dark:text-gray-400">Status:</span>
-                            <span class="text-xs" x-text="testStatus || 'N/A'"></span>
-                        </div>
-                    </div>
-                    <button @click="showTestModal = true"
-                            class="mt-3 w-full px-3 py-1 text-sm bg-blue-100 dark:bg-blue-900 text-blue-700 dark:text-blue-300 rounded hover:bg-blue-200 dark:hover:bg-blue-800">
-                        Test Webhook
-                    </button>
-                </div>
-                <!-- Health Monitor -->
-                <div class="p-4 border border-gray-200 dark:border-gray-700 rounded-lg">
-                    <h4 class="font-medium text-gray-900 dark:text-white mb-2">Health Monitor</h4>
-                    <div class="space-y-2 text-sm">
-                        <div class="flex justify-between">
-                            <span class="text-gray-600 dark:text-gray-400">Overall:</span>
-                            <span :class="healthStatus.healthy ? 'text-green-600' : 'text-red-600'" x-text="healthStatus.healthy ? 'Healthy' : 'Issues'"></span>
-                        </div>
-                        <div class="flex justify-between">
-                            <span class="text-gray-600 dark:text-gray-400">Last Check:</span>
-                            <span class="text-xs" x-text="healthStatus.last_check || 'Never'"></span>
-                        </div>
-                    </div>
-                    <button @click="checkHealth()"
-                            class="mt-3 w-full px-3 py-1 text-sm bg-green-100 dark:bg-green-900 text-green-700 dark:text-green-300 rounded hover:bg-green-200 dark:hover:bg-green-800">
-                        Check Health
-                    </button>
-                </div>
-            </div>
-        </div>
+        <!-- Ngrok Status & Tools -->
+        {% include 'payments/components/ngrok_status_card.html' %}
     </div>
     <!-- Statistics Section -->
@@ -409,6 +325,11 @@ function webhookDashboard() {
         async init() {
             await this.loadData();
+            // Listen for notifications from ngrok component
+            this.$el.addEventListener('show-notification', (event) => {
+                this.showNotification(event.detail.type, event.detail.message);
+            });
         },
         async loadData() {
@@ -502,8 +423,11 @@ function webhookDashboard() {
         },
         async checkNgrokStatus() {
-            await this.checkHealth();
-            this.showNotification('info', 'Ngrok status updated');
+            // This is now handled by the ngrok component
+            this.$dispatch('show-notification', {
+                type: 'info',
+                message: 'Ngrok status updated by component'
+            });
         },
         async sendTestWebhook() {

django-cfg 1.3.3__tar.gz → 1.3.5__tar.gz

django-cfg 1.3.3tar.gz → 1.3.5tar.gz