@seaverse/payment-sdk 0.9.7 → 0.9.8

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;
@@ -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) {