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

django_cfg/apps/payments/{static → admin_interface/old/static}/payments/css/components.css

@@ -128,13 +128,28 @@
 
 /* Card Components */
 .payment-card {
-    @apply bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6;
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 24px;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
     transition: all 0.2s ease-in-out;
 }
 
 .payment-card:hover {
-    @apply shadow-md;
-    transform: translateY(-1px);
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    transform: translateY(-2px);
+}
+
+/* Dark theme cards */
+.dark .payment-card {
+    background: #1f2937;
+    border-color: #374151;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
+}
+
+.dark .payment-card:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
 }
 
 .payment-card-header {
@@ -153,29 +168,253 @@
     @apply space-y-3;
 }
 
+/* Status Cards */
+.status-card {
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 20px;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+    transition: all 0.2s ease-in-out;
+}
+
+.status-card:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    transform: translateY(-1px);
+}
+
+.status-card-content {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+}
+
+.status-card-icon {
+    width: 48px;
+    height: 48px;
+    border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 24px;
+}
+
+.status-card-info {
+    flex: 1;
+}
+
+.status-card-title {
+    font-size: 14px;
+    font-weight: 500;
+    color: #6b7280;
+    margin-bottom: 4px;
+}
+
+.status-card-value {
+    font-size: 28px;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 4px;
+}
+
+.status-card-description {
+    font-size: 12px;
+    color: #9ca3af;
+    margin: 0;
+}
+
+.status-card-action-btn {
+    padding: 8px;
+    border-radius: 8px;
+    color: #6b7280;
+    transition: all 0.2s;
+}
+
+.status-card-action-btn:hover {
+    background: #f3f4f6;
+    color: #374151;
+}
+
+/* Status Card Color Variants */
+.status-card-blue .status-card-icon {
+    background: #dbeafe;
+    color: #2563eb;
+}
+
+.status-card-blue .status-card-value {
+    color: #2563eb;
+}
+
+.status-card-green .status-card-icon {
+    background: #dcfce7;
+    color: #16a34a;
+}
+
+.status-card-green .status-card-value {
+    color: #16a34a;
+}
+
+.status-card-red .status-card-icon {
+    background: #fee2e2;
+    color: #dc2626;
+}
+
+.status-card-red .status-card-value {
+    color: #dc2626;
+}
+
+.status-card-yellow .status-card-icon {
+    background: #fef3c7;
+    color: #d97706;
+}
+
+.status-card-yellow .status-card-value {
+    color: #d97706;
+}
+
+.status-card-purple .status-card-icon {
+    background: #f3e8ff;
+    color: #9333ea;
+}
+
+.status-card-purple .status-card-value {
+    color: #9333ea;
+}
+
+/* Dark Theme Status Cards */
+.dark .status-card {
+    background: #1f2937;
+    border-color: #374151;
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
+}
+
+.dark .status-card:hover {
+    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
+}
+
+.dark .status-card-title {
+    color: #d1d5db;
+}
+
+.dark .status-card-description {
+    color: #9ca3af;
+}
+
+.dark .status-card-action-btn {
+    color: #9ca3af;
+}
+
+.dark .status-card-action-btn:hover {
+    background: #374151;
+    color: #f3f4f6;
+}
+
+.dark .status-card-blue .status-card-icon {
+    background: #1e3a8a;
+    color: #60a5fa;
+}
+
+.dark .status-card-blue .status-card-value {
+    color: #60a5fa;
+}
+
+.dark .status-card-green .status-card-icon {
+    background: #14532d;
+    color: #4ade80;
+}
+
+.dark .status-card-green .status-card-value {
+    color: #4ade80;
+}
+
+.dark .status-card-red .status-card-icon {
+    background: #7f1d1d;
+    color: #f87171;
+}
+
+.dark .status-card-red .status-card-value {
+    color: #f87171;
+}
+
+.dark .status-card-yellow .status-card-icon {
+    background: #92400e;
+    color: #fbbf24;
+}
+
+.dark .status-card-yellow .status-card-value {
+    color: #fbbf24;
+}
+
+.dark .status-card-purple .status-card-icon {
+    background: #581c87;
+    color: #c084fc;
+}
+
+.dark .status-card-purple .status-card-value {
+    color: #c084fc;
+}
+
 /* Status Badges */
 .status-badge {
-    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
+    display: inline-flex;
+    align-items: center;
+    padding: 4px 12px;
+    border-radius: 20px;
+    font-size: 12px;
+    font-weight: 500;
 }
 
 .status-badge.success {
-    @apply bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200;
+    background: #dcfce7;
+    color: #166534;
 }
 
 .status-badge.error {
-    @apply bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200;
+    background: #fee2e2;
+    color: #991b1b;
 }
 
 .status-badge.warning {
-    @apply bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200;
+    background: #fef3c7;
+    color: #92400e;
 }
 
 .status-badge.info {
-    @apply bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200;
+    background: #dbeafe;
+    color: #1d4ed8;
 }
 
 .status-badge.pending {
-    @apply bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-200;
+    background: #f3f4f6;
+    color: #374151;
+}
+
+/* Dark theme badges */
+.dark .status-badge.success {
+    background: #14532d;
+    color: #4ade80;
+}
+
+.dark .status-badge.error {
+    background: #7f1d1d;
+    color: #f87171;
+}
+
+.dark .status-badge.warning {
+    background: #92400e;
+    color: #fbbf24;
+}
+
+.dark .status-badge.info {
+    background: #1e3a8a;
+    color: #60a5fa;
+}
+
+.dark .status-badge.pending {
+    background: #374151;
+    color: #d1d5db;
 }
 
 /* Button Components */

django_cfg/apps/payments/admin_interface/old/static/payments/js/ngrok-status.js

@@ -0,0 +1,163 @@
+/**
+ * Ngrok Status Component
+ * 
+ * Alpine.js component for displaying and managing ngrok tunnel status.
+ */
+
+// Ensure PaymentSystem namespace exists
+window.PaymentSystem = window.PaymentSystem || {};
+window.PaymentSystem.Components = window.PaymentSystem.Components || {};
+
+/**
+ * Ngrok Status Card Component
+ */
+window.PaymentSystem.Components.ngrokStatus = function() {
+    return {
+        status: {
+            active: false,
+            public_url: '',
+            webhook_url: '',
+            region: 'us',
+            proto: 'https',
+            error: null
+        },
+        refreshing: false,
+
+        async init() {
+            await this.loadStatus();
+            // Auto-refresh every 30 seconds
+            setInterval(() => this.loadStatus(), 30000);
+        },
+
+        async loadStatus() {
+            try {
+                // Use our health check endpoint instead of direct ngrok API
+                const response = await fetch('/api/payments/webhooks/health/');
+                if (response.ok) {
+                    const data = await response.json();
+                    const ngrokActive = data.details?.ngrok_available || false;
+                    const apiUrl = data.details?.api_base_url || '';
+                    
+                    if (ngrokActive) {
+                        this.status = {
+                            active: true,
+                            public_url: apiUrl,
+                            webhook_url: apiUrl + '/api/payments/webhooks/',
+                            region: 'auto',
+                            proto: apiUrl.startsWith('https') ? 'https' : 'http',
+                            error: null
+                        };
+                    } else {
+                        this.status = {
+                            active: false,
+                            public_url: '',
+                            webhook_url: '',
+                            region: 'us',
+                            proto: 'https',
+                            error: 'Ngrok tunnel not active'
+                        };
+                    }
+                } else {
+                    this.status = {
+                        active: false,
+                        public_url: '',
+                        webhook_url: '',
+                        region: 'us',
+                        proto: 'https',
+                        error: 'Health check API not accessible'
+                    };
+                }
+            } catch (error) {
+                console.error('Failed to fetch Ngrok status:', error);
+                this.status = {
+                    active: false,
+                    public_url: '',
+                    webhook_url: '',
+                    region: 'us',
+                    proto: 'https',
+                    error: error.message || 'Failed to check ngrok status'
+                };
+            }
+        },
+
+        async refreshStatus() {
+            this.refreshing = true;
+            try {
+                await this.loadStatus();
+            } finally {
+                this.refreshing = false;
+            }
+        },
+
+        async copyUrl() {
+            if (this.status.public_url) {
+                try {
+                    await navigator.clipboard.writeText(this.status.public_url);
+                    this.$dispatch('show-notification', {
+                        type: 'success',
+                        message: 'Public URL copied to clipboard'
+                    });
+                } catch (error) {
+                    console.error('Failed to copy URL:', error);
+                    this.$dispatch('show-notification', {
+                        type: 'error',
+                        message: 'Failed to copy URL to clipboard'
+                    });
+                }
+            }
+        },
+
+        async copyWebhookUrl() {
+            if (this.status.webhook_url) {
+                try {
+                    await navigator.clipboard.writeText(this.status.webhook_url);
+                    this.$dispatch('show-notification', {
+                        type: 'success',
+                        message: 'Webhook URL copied to clipboard'
+                    });
+                } catch (error) {
+                    console.error('Failed to copy webhook URL:', error);
+                    this.$dispatch('show-notification', {
+                        type: 'error',
+                        message: 'Failed to copy webhook URL to clipboard'
+                    });
+                }
+            }
+        },
+
+        openInBrowser() {
+            if (this.status.public_url) {
+                window.open(this.status.public_url, '_blank');
+            }
+        },
+
+        async startTunnel() {
+            // This would typically call a backend endpoint to start ngrok
+            this.$dispatch('show-notification', {
+                type: 'info',
+                message: 'Starting ngrok tunnel... (This feature requires backend implementation)'
+            });
+        },
+
+        async stopTunnel() {
+            // This would typically call a backend endpoint to stop ngrok
+            this.$dispatch('show-notification', {
+                type: 'info',
+                message: 'Stopping ngrok tunnel... (This feature requires backend implementation)'
+            });
+        }
+    };
+};
+
+// Global function for backward compatibility
+window.ngrokStatus = window.PaymentSystem.Components.ngrokStatus;
+
+// Also define it directly for immediate availability
+if (!window.ngrokStatus) {
+    window.ngrokStatus = window.PaymentSystem.Components.ngrokStatus;
+}
+
+// Debug: Log that the component is loaded
+console.log('Ngrok Status component loaded:', typeof window.ngrokStatus);
+console.log('PaymentSystem namespace:', window.PaymentSystem);
+console.log('Available functions:', Object.keys(window).filter(key => key.includes('ngrok')));

django_cfg/apps/payments/admin_interface/serializers/__init__.py

@@ -0,0 +1,39 @@
+"""
+Admin Interface Serializers for Universal Payment System v2.0.
+
+DRF serializers for admin dashboard API endpoints.
+"""
+
+from .webhook_serializers import (
+    WebhookEventSerializer,
+    WebhookEventListSerializer,
+    WebhookStatsSerializer,
+    WebhookActionSerializer,
+    WebhookActionResultSerializer,
+)
+
+from .payment_serializers import (
+    AdminUserSerializer,
+    AdminPaymentListSerializer,
+    AdminPaymentDetailSerializer,
+    AdminPaymentCreateSerializer,
+    AdminPaymentUpdateSerializer,
+    AdminPaymentStatsSerializer,
+)
+
+__all__ = [
+    # Webhook serializers
+    'WebhookEventSerializer',
+    'WebhookEventListSerializer',
+    'WebhookStatsSerializer',
+    'WebhookActionSerializer',
+    'WebhookActionResultSerializer',
+    
+    # Payment serializers
+    'AdminUserSerializer',
+    'AdminPaymentListSerializer',
+    'AdminPaymentDetailSerializer',
+    'AdminPaymentCreateSerializer',
+    'AdminPaymentUpdateSerializer',
+    'AdminPaymentStatsSerializer',
+]

django_cfg/apps/payments/admin_interface/serializers/payment_serializers.py

@@ -0,0 +1,149 @@
+"""
+Payment Serializers for Admin Interface.
+
+DRF serializers for payment management in admin dashboard.
+"""
+
+from rest_framework import serializers
+from django.contrib.auth import get_user_model
+from ...models import UniversalPayment
+
+User = get_user_model()
+
+
+class AdminUserSerializer(serializers.ModelSerializer):
+    """
+    Simplified user serializer for admin interface.
+    """
+    class Meta:
+        model = User
+        fields = ['id', 'username', 'email', 'first_name', 'last_name', 'is_active']
+        read_only_fields = fields
+
+
+class AdminPaymentListSerializer(serializers.ModelSerializer):
+    """
+    Serializer for payment list in admin interface.
+    """
+    user = AdminUserSerializer(read_only=True)
+    status_display = serializers.CharField(source='get_status_display', read_only=True)
+    provider_display = serializers.CharField(source='get_provider_display', read_only=True)
+    age = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = UniversalPayment
+        fields = [
+            'id', 'user', 'amount_usd', 'currency_code', 'provider', 'provider_display',
+            'status', 'status_display', 'pay_amount', 'pay_address', 'transaction_hash',
+            'created_at', 'updated_at', 'age', 'description'
+        ]
+        read_only_fields = fields
+    
+    def get_age(self, obj):
+        """Get human-readable age of payment."""
+        return obj.age_display
+
+
+class AdminPaymentDetailSerializer(serializers.ModelSerializer):
+    """
+    Detailed serializer for individual payment in admin interface.
+    """
+    user = AdminUserSerializer(read_only=True)
+    status_display = serializers.CharField(source='get_status_display', read_only=True)
+    provider_display = serializers.CharField(source='get_provider_display', read_only=True)
+    age = serializers.SerializerMethodField()
+    
+    class Meta:
+        model = UniversalPayment
+        fields = [
+            'id', 'user', 'internal_payment_id', 'amount_usd', 'actual_amount_usd',
+            'fee_amount_usd', 'currency_code', 'provider', 'provider_display',
+            'status', 'status_display', 'pay_amount', 'pay_address', 'payment_url',
+            'transaction_hash', 'confirmations_count', 'security_nonce',
+            'expires_at', 'completed_at', 'description', 'callback_url', 'cancel_url',
+            'provider_data', 'webhook_data', 'created_at', 'updated_at', 'age'
+        ]
+        read_only_fields = fields
+    
+    def get_age(self, obj):
+        """Get human-readable age of payment."""
+        return obj.age_display
+
+
+class AdminPaymentCreateSerializer(serializers.ModelSerializer):
+    """
+    Serializer for creating payments in admin interface.
+    """
+    class Meta:
+        model = UniversalPayment
+        fields = [
+            'user', 'amount_usd', 'currency_code', 'provider',
+            'description', 'callback_url', 'cancel_url'
+        ]
+    
+    def validate_amount_usd(self, value):
+        """Validate USD amount."""
+        if value <= 0:
+            raise serializers.ValidationError("Amount must be positive")
+        if value > 100000:  # Max $100k per payment
+            raise serializers.ValidationError("Amount exceeds maximum limit")
+        return value
+
+
+class AdminPaymentUpdateSerializer(serializers.ModelSerializer):
+    """
+    Serializer for updating payments in admin interface.
+    """
+    class Meta:
+        model = UniversalPayment
+        fields = [
+            'status', 'description', 'callback_url', 'cancel_url',
+            'provider_data', 'webhook_data'
+        ]
+    
+    def validate_status(self, value):
+        """Validate status transitions."""
+        if self.instance and self.instance.status == UniversalPayment.PaymentStatus.COMPLETED:
+            if value != UniversalPayment.PaymentStatus.COMPLETED:
+                raise serializers.ValidationError("Cannot change status of completed payment")
+        return value
+
+
+class AdminPaymentStatsSerializer(serializers.Serializer):
+    """
+    Serializer for payment statistics in admin interface.
+    """
+    total_payments = serializers.IntegerField()
+    total_amount_usd = serializers.FloatField()
+    successful_payments = serializers.IntegerField()
+    failed_payments = serializers.IntegerField()
+    pending_payments = serializers.IntegerField()
+    success_rate = serializers.FloatField()
+    
+    # Provider breakdown
+    by_provider = serializers.DictField(
+        child=serializers.DictField(),
+        help_text="Statistics by provider"
+    )
+    
+    # Currency breakdown
+    by_currency = serializers.DictField(
+        child=serializers.DictField(),
+        help_text="Statistics by currency"
+    )
+    
+    # Time-based stats
+    last_24h = serializers.DictField(
+        child=serializers.IntegerField(),
+        help_text="Payments in last 24 hours"
+    )
+    
+    last_7d = serializers.DictField(
+        child=serializers.IntegerField(),
+        help_text="Payments in last 7 days"
+    )
+    
+    last_30d = serializers.DictField(
+        child=serializers.IntegerField(),
+        help_text="Payments in last 30 days"
+    )