hd-wallet-ui 1.2.3 → 1.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hd-wallet-ui",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "HD Wallet modal UI — login, keys, identity, trust map, and security bond. Attach to any button in your app.",
   "type": "module",
   "main": "src/app.js",
@@ -35,7 +35,7 @@
     "buffer": "^6.0.3",
     "flatbuffers": "^25.9.23",
     "flatc-wasm": "^25.12.19-wasm.43",
-    "hd-wallet-wasm": "^1.2.3",
+    "hd-wallet-wasm": "^1.2.5",
     "qrcode": "^1.5.3",
     "spacedatastandards.org": "^23.3.3-0.3.4",
     "vcard-cryptoperson": "^1.1.11"

package/src/app.js

@@ -204,6 +204,9 @@ async function p384GenerateKeyPairAsync() {
 // State
 // =============================================================================
 
+// Integration callback — set via options.onLogin in createWalletUI / init
+let _onLoginCallback = null;
+
 const state = {
   initialized: false,
   loggedIn: false,
@@ -2375,6 +2378,27 @@ function login(keys) {
   state.addresses = deriveAllAddressesFromHD();
   state.selectedCrypto = 'btc';
 
+  // Fire onLogin callback with SDN identity (coin type 1957 — Sputnik)
+  if (_onLoginCallback && state.hdRoot) {
+    try {
+      const sdnSigning = getSigningKey(state.hdRoot, 1957, 0, 0);
+      const sdnPubKey = ed25519.getPublicKey(sdnSigning.privateKey);
+      const xpub = state.hdRoot.toXpub();
+      _onLoginCallback({
+        xpub,
+        signingPublicKey: sdnPubKey,
+        async sign(message) {
+          const msgBytes = typeof message === 'string'
+            ? new TextEncoder().encode(message)
+            : message;
+          return ed25519.sign(msgBytes, sdnSigning.privateKey);
+        },
+      });
+    } catch (err) {
+      console.error('onLogin callback error:', err);
+    }
+  }
+
   // Close login modal if open
   $('login-modal')?.classList.remove('active');
 
@@ -3347,11 +3371,16 @@ function parseAndDisplayVCF(vcfText) {
   if (!resultEl || !fieldsEl) return;
 
   if (photoEl) {
-    photoEl.innerHTML = photo
-      ? `<img src="${photo}" alt="Contact photo">`
-      : `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" style="width:32px;height:32px;opacity:0.3">
+    const fallbackSvg = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" style="width:32px;height:32px;opacity:0.3">
           <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>
         </svg>`;
+    if (photo) {
+      photoEl.innerHTML = `<img src="${photo}" alt="Contact photo">`;
+      const img = photoEl.querySelector('img');
+      if (img) img.onerror = () => { photoEl.innerHTML = fallbackSvg; };
+    } else {
+      photoEl.innerHTML = fallbackSvg;
+    }
   }
 
   let html = '';
@@ -4163,6 +4192,7 @@ function setupMainAppHandlers() {
     const img = document.createElement('img');
     img.src = dataUrl;
     img.alt = 'Photo';
+    img.onerror = () => { img.remove(); resetPhotoPreview(); };
     preview.appendChild(img);
     const removeBtn = $('vcard-photo-remove');
     if (removeBtn) removeBtn.style.display = '';
@@ -5224,9 +5254,10 @@ function setupHomepageHandlers() {
 // =============================================================================
 
 export async function init(rootElement, options = {}) {
-  const { autoOpenWallet = false } = typeof rootElement === 'object' && !(rootElement instanceof Node)
+  const { autoOpenWallet = false, onLogin = null } = typeof rootElement === 'object' && !(rootElement instanceof Node)
     ? (options = rootElement, {}) : options;
   if (rootElement && rootElement instanceof Node) _root = rootElement;
+  if (typeof onLogin === 'function') _onLoginCallback = onLogin;
 
   // Inject modal HTML if not already present in the DOM
   if (!document.getElementById('keys-modal')) {
@@ -5337,6 +5368,8 @@ export async function init(rootElement, options = {}) {
  *
  * @param {Node}   [rootElement]  - Optional root element for DOM queries
  * @param {Object} [options]      - Options passed to init()
+ * @param {Function} [options.onLogin] - Callback fired after successful login with
+ *   `{ xpub, signingPublicKey, sign(message) }` for SDN identity (coin type 1957)
  * @returns {Promise<{openLogin: Function, openAccount: Function, destroy: Function}>}
  */
 export async function createWalletUI(rootElement, options = {}) {