@seaverse/payment-sdk 0.9.6 → 0.9.8

package/README.md

@@ -1,6 +1,6 @@
 # @seaverse/payment-sdk
 
-> **Version**: 0.9.6 | **Language**: English
+> **Version**: 0.9.7 | **Language**: English
 
 A comprehensive payment solution for SeaVerse platform, providing credit management, payment checkout, subscription management, and order tracking.
 
@@ -928,6 +928,11 @@ import type {
 
 ## 📄 Changelog
 
+### v0.9.7 (2026-02-08) - Configuration & Stability
+
+**🔧 Improvements**:
+- Configuration updates and stability improvements.
+
 ### v0.9.6 (2026-02-08) - Link Payment Callback Fix
 
 **🔧 Bug Fixes**:
@@ -1048,4 +1053,4 @@ Issues and Pull Requests are welcome!
 ---
 
 **Last Updated**: 2026-02-08
-**SDK Version**: 0.9.6
+**SDK Version**: 0.9.7

package/dist/index.browser.js

@@ -1885,6 +1885,9 @@ class PaymentModal {
             onClose: options.onClose ?? (() => { }),
             className: options.className ?? '',
             maxWidth: options.maxWidth ?? '480px',
+            background: options.background ?? '#ffffff',
+            border: options.border ?? '1px solid rgba(0, 0, 0, 0.1)',
+            borderRadius: options.borderRadius ?? '16px',
         };
     }
     /**
@@ -2011,9 +2014,9 @@ class PaymentModal {
       width: 100%;
       max-width: ${this.options.maxWidth};
       overflow-y: auto;
-      border-radius: 16px;
-      border: 1px solid rgba(0, 0, 0, 0.1);
-      background: #ffffff;
+      border-radius: ${this.options.borderRadius};
+      border: ${this.options.border};
+      background: ${this.options.background};
       box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
       transform: translateY(20px);
       opacity: 0;
@@ -2862,8 +2865,8 @@ const ENVIRONMENT_CONFIGS = {
     production: {
         scriptUrl: 'https://seaart-publish.sc-api.saconsole.com/payment-component/client.js',
         clientId: 'XF11ik3u5AJ16IyDI3hebq5',
-        orderApiUrl: 'https://payment.seaverse.com',
-        walletApiUrl: 'https://wallet.seaverse.com',
+        orderApiUrl: 'https://payment.seaverse.ai',
+        walletApiUrl: 'https://wallet.seaverse.ai',
         cssUrl: 'https://seaart-publish.sc-api.saconsole.com/payment-component/public/style.css',
     },
 };
@@ -8304,6 +8307,9 @@ class CreditPackageModal extends BasePackageModal {
             closeOnOverlayClick: false, // Disable click overlay to close
             closeOnEsc: false, // Disable ESC key to close
             maxWidth: '1200px',
+            background: '#0a0a0f',
+            border: '1px solid rgba(255, 255, 255, 0.1)',
+            borderRadius: '24px',
             onClose: () => {
                 this.cleanup();
                 this.options.onClose?.();
@@ -8475,13 +8481,8 @@ class CreditPackageModal extends BasePackageModal {
      * Apply modal styling (hook method override)
      */
     applyModalStyling() {
-        // Modify modal background to dark
-        const modalElement = document.querySelector('.payment-modal');
-        if (modalElement) {
-            modalElement.style.background = '#0a0a0f';
-            modalElement.style.border = '1px solid rgba(255, 255, 255, 0.1)';
-            modalElement.style.borderRadius = '24px';
-        }
+        // Modal background, border, and borderRadius are now configured
+        // via PaymentModal constructor options in createModal()
         // Modify title style
         const titleElement = document.querySelector('.payment-modal-title');
         if (titleElement) {
@@ -9183,7 +9184,7 @@ class GenericPackageModal extends BasePackageModal {
 /**
  * SDK version
  */
-const VERSION$2 = '0.9.6';
+const VERSION$2 = '0.9.7';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;