nostr-components 0.2.4 → 0.2.5

package/dist/assets/{dialog-component-Dqg0QU9I.js → dialog-component-Da1ZIYh9.js}

@@ -8,8 +8,13 @@ var d=Object.defineProperty;var c=(a,t,e)=>t in a?d(a,t,{enumerable:!0,configura
       padding: var(--nostrc-spacing-xl, 20px);
       background: var(--nostrc-theme-bg, #ffffff);
       color: var(--nostrc-theme-text-primary, #000000);
-      position: relative;
+      margin: auto;
       font-family: var(--nostrc-font-family-primary, ui-sans-serif, system-ui, sans-serif);
+      /* Ensure dialog is centered when opened */
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
     }
 
     .nostr-base-dialog[open] {
@@ -63,4 +68,4 @@ var d=Object.defineProperty;var c=(a,t,e)=>t in a?d(a,t,{enumerable:!0,configura
       color: var(--nostrc-theme-text-primary, #000000);
     }
   `;class g extends HTMLElement{constructor(){super();l(this,"dialog",null)}static get observedAttributes(){return["header","data-theme"]}injectStyles(){if(document.querySelector("style[data-dialog-component-styles]"))return;const e=document.createElement("style");e.setAttribute("data-dialog-component-styles","true"),e.textContent=h(),document.head.appendChild(e)}render(){this.injectStyles();const e=this.getAttribute("header")||"Dialog",o=this.getAttribute("data-theme");this.dialog=document.createElement("dialog"),this.dialog.className="nostr-base-dialog",o&&this.dialog.setAttribute("data-theme",o);const i=document.createElement("div");i.className="dialog-header";const s=document.createElement("h2");s.textContent=e;const n=document.createElement("button");n.className="dialog-close-btn",n.setAttribute("aria-label","Close dialog"),n.textContent="✕",i.appendChild(s),i.appendChild(n);const r=document.createElement("div");for(r.className="dialog-content";this.firstChild;)r.appendChild(this.firstChild);this.dialog.appendChild(i),this.dialog.appendChild(r),document.body.appendChild(this.dialog),this.setupEventListeners()}setupEventListeners(){if(!this.dialog)return;const e=this.dialog.querySelector(".dialog-close-btn");e==null||e.addEventListener("click",()=>{this.close()}),this.dialog.addEventListener("click",o=>{o.target===this.dialog&&this.close()}),this.dialog.addEventListener("cancel",o=>{o.preventDefault(),this.close()}),this.dialog.addEventListener("close",()=>{this.cleanup()})}show(){this.showModal()}showModal(){var e;this.dialog||this.render(),(e=this.dialog)==null||e.showModal()}close(){var e;(e=this.dialog)==null||e.close()}cleanup(){this.dialog&&this.dialog.isConnected&&this.dialog.remove(),this.isConnected&&this.remove(),this.dialog=null}disconnectedCallback(){this.cleanup()}attributeChangedCallback(e,o,i){if(e==="header"&&this.dialog){const s=this.dialog.querySelector(".dialog-header h2");s&&(s.textContent=i||"Dialog")}else e==="data-theme"&&this.dialog&&(i?this.dialog.setAttribute("data-theme",i):this.dialog.removeAttribute("data-theme"))}}customElements.get("dialog-component")||customElements.define("dialog-component",g);
-//# sourceMappingURL=dialog-component-Dqg0QU9I.js.map
+//# sourceMappingURL=dialog-component-Da1ZIYh9.js.map

package/dist/assets/dialog-component-Da1ZIYh9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-component-Da1ZIYh9.js","sources":["../../src/base/dialog-component/style.ts","../../src/base/dialog-component/dialog-component.ts"],"sourcesContent":["// SPDX-License-Identifier: MIT\n\n/**\n * Base dialog component styles\n * Provides common styling for all dialog components\n */\nexport const getDialogComponentStyles = (): string => {\n  return `\n    /* Base Dialog Styles */\n    .nostr-base-dialog {\n      width: 400px;\n      max-width: 90vw;\n      border: none;\n      border-radius: var(--nostrc-border-radius-lg, 10px);\n      padding: var(--nostrc-spacing-xl, 20px);\n      background: var(--nostrc-theme-bg, #ffffff);\n      color: var(--nostrc-theme-text-primary, #000000);\n      margin: auto;\n      font-family: var(--nostrc-font-family-primary, ui-sans-serif, system-ui, sans-serif);\n      /* Ensure dialog is centered when opened */\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    .nostr-base-dialog[open] {\n      display: block;\n    }\n\n    .nostr-base-dialog::backdrop {\n      background: rgba(0, 0, 0, 0.5);\n    }\n\n    .dialog-header {\n      position: relative;\n      margin-bottom: var(--nostrc-spacing-lg, 16px);\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .dialog-header h2 {\n      font-size: var(--nostrc-font-size-large, 1.25rem);\n      font-weight: var(--nostrc-font-weight-bold, 700);\n      margin: 0;\n      flex: 1;\n      text-align: left;\n      padding-top: 2px;\n      color: var(--nostrc-theme-text-primary, #000000);\n    }\n\n    .dialog-close-btn {\n      border: none;\n      background: var(--nostrc-theme-hover-bg, #f7fafc);\n      border-radius: var(--nostrc-border-radius-full, 50%);\n      width: 32px;\n      height: 32px;\n      min-width: 32px;\n      font-size: var(--nostrc-font-size-base, 16px);\n      cursor: pointer;\n      color: var(--nostrc-theme-text-secondary, #666666);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .dialog-close-btn:hover {\n      background: var(--nostrc-theme-border, rgba(0, 0, 0, 0.05));\n      color: var(--nostrc-theme-text-primary, #000000);\n    }\n\n    .dialog-content {\n      line-height: 1.6;\n      color: var(--nostrc-theme-text-primary, #000000);\n    }\n  `;\n};\n\n","// SPDX-License-Identifier: MIT\n\nimport { getDialogComponentStyles } from './style';\n\n/**\n * Base dialog component that extends HTMLElement\n * Provides common dialog functionality with header, close button, and content area\n * \n * Usage:\n * ```typescript\n * const dialog = document.createElement('dialog-component');\n * dialog.setAttribute('header', 'Dialog Title');\n * dialog.innerHTML = '<p>Your content goes here</p>';\n * dialog.showModal(); // Don't append to body, just call showModal()\n * ```\n * \n * Features:\n * - Header with customizable text\n * - Close button\n * - Click outside to close\n * - ESC key to close\n * - Automatic cleanup on close\n * \n * Important: Only one instance of this component should be added to the DOM at any time.\n * Multiple instances may cause conflicts with event listeners and cleanup behavior.\n */\nexport class DialogComponent extends HTMLElement {\n  private dialog: HTMLDialogElement | null = null;\n\n  constructor() {\n    super();\n  }\n\n  /**\n   * Observed attributes for the component\n   */\n  static get observedAttributes() {\n    return ['header', 'data-theme'];\n  }\n\n  /**\n   * Inject dialog styles into document head\n   * Prevents duplicate injection by checking for existing styles\n   */\n  private injectStyles(): void {\n    if (document.querySelector('style[data-dialog-component-styles]')) return;\n    \n    const style = document.createElement('style');\n    style.setAttribute('data-dialog-component-styles', 'true');\n    style.textContent = getDialogComponentStyles();\n    document.head.appendChild(style);\n  }\n\n  /**\n   * Render the dialog\n   */\n  private render(): void {\n    this.injectStyles();\n\n    const headerText = this.getAttribute('header') || 'Dialog';\n    const theme = this.getAttribute('data-theme');\n\n    this.dialog = document.createElement('dialog');\n    this.dialog.className = 'nostr-base-dialog';\n    if (theme) {\n      this.dialog.setAttribute('data-theme', theme);\n    }\n\n    const headerDiv = document.createElement('div');\n    headerDiv.className = 'dialog-header';\n    \n    const headerH2 = document.createElement('h2');\n    headerH2.textContent = headerText;\n    \n    const closeBtn = document.createElement('button');\n    closeBtn.className = 'dialog-close-btn';\n    closeBtn.setAttribute('aria-label', 'Close dialog');\n    closeBtn.textContent = '✕';\n    \n    headerDiv.appendChild(headerH2);\n    headerDiv.appendChild(closeBtn);\n\n    const contentDiv = document.createElement('div');\n    contentDiv.className = 'dialog-content';\n    \n    // Safely move child nodes from component to dialog content\n    // This preserves any existing DOM nodes without using innerHTML\n    while (this.firstChild) {\n      contentDiv.appendChild(this.firstChild);\n    }\n\n    this.dialog.appendChild(headerDiv);\n    this.dialog.appendChild(contentDiv);\n\n    document.body.appendChild(this.dialog);\n\n    this.setupEventListeners();\n  }\n\n  /**\n   * Setup event listeners for closing the dialog\n   */\n  private setupEventListeners(): void {\n    if (!this.dialog) return;\n\n    // Close button click\n    const closeBtn = this.dialog.querySelector('.dialog-close-btn');\n    closeBtn?.addEventListener('click', () => {\n      this.close();\n    });\n\n    // Click outside dialog (on backdrop)\n    this.dialog.addEventListener('click', (e) => {\n      if (e.target === this.dialog) {\n        this.close();\n      }\n    });\n\n    // ESC key handler\n    this.dialog.addEventListener('cancel', (e) => {\n      e.preventDefault();\n      this.close();\n    });\n\n    // Cleanup on close\n    this.dialog.addEventListener('close', () => {\n      this.cleanup();\n    });\n  }\n\n  /**\n   * Show the dialog (alias for showModal)\n   */\n  public show(): void {\n    this.showModal();\n  }\n\n  /**\n   * Show the dialog as modal\n   */\n  public showModal(): void {\n    if (!this.dialog) {\n      this.render();\n    }\n    this.dialog?.showModal();\n  }\n\n  /**\n   * Close the dialog\n   */\n  public close(): void {\n    this.dialog?.close();\n  }\n\n  /**\n   * Cleanup when dialog is closed\n   */\n  private cleanup(): void {\n    if (this.dialog && this.dialog.isConnected) {\n      this.dialog.remove();\n    }\n    if (this.isConnected) {\n      this.remove();\n    }\n    this.dialog = null;\n  }\n\n  /**\n   * Called when component is removed from DOM\n   */\n  disconnectedCallback(): void {\n    this.cleanup();\n  }\n\n  /**\n   * Called when observed attributes change\n   */\n  attributeChangedCallback(name: string, _oldValue: string, newValue: string): void {\n    if (name === 'header' && this.dialog) {\n      const heading = this.dialog.querySelector('.dialog-header h2');\n      if (heading) {\n        heading.textContent = newValue || 'Dialog';\n      }\n    } else if (name === 'data-theme' && this.dialog) {\n      if (newValue) {\n        this.dialog.setAttribute('data-theme', newValue);\n      } else {\n        this.dialog.removeAttribute('data-theme');\n      }\n    }\n  }\n}\n\n// Define custom element\nif (!customElements.get('dialog-component')) {\n  customElements.define('dialog-component', DialogComponent);\n}\n\n"],"names":["getDialogComponentStyles","DialogComponent","__publicField","style","headerText","theme","headerDiv","headerH2","closeBtn","contentDiv","e","_a","name","_oldValue","newValue","heading"],"mappings":"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"}

package/dist/assets/{dialog-likers-BzTesCZa.js → dialog-likers-BjiCHFan.js}

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/zap-utils-B1sz0Abx.js","assets/nostr-service-pr_crY62.js","assets/utils--bxLbhGF.js"])))=>i.map(i=>d[i]);
-import{_ as y}from"./preload-helper-D7HrI6pR.js";import"./dialog-component-Dqg0QU9I.js";import{getBatchedProfileMetadata as x,extractProfileMetadataContent as k}from"./zap-utils-B1sz0Abx.js";import{h as p,e as g,f as b,c as v}from"./base-styles-CBypR3FR.js";import"./nostr-service-pr_crY62.js";import"./utils--bxLbhGF.js";function $(t="light"){const e=t==="dark";return`
+import{_ as y}from"./preload-helper-D7HrI6pR.js";import"./dialog-component-Da1ZIYh9.js";import{getBatchedProfileMetadata as x,extractProfileMetadataContent as k}from"./zap-utils-B1sz0Abx.js";import{h as p,e as g,f as b,c as v}from"./base-styles-CBypR3FR.js";import"./nostr-service-pr_crY62.js";import"./utils--bxLbhGF.js";function $(t="light"){const e=t==="dark";return`
     .likers-dialog-content {
       padding: 0;
       max-height: 60vh;
@@ -235,4 +235,4 @@ import{_ as y}from"./preload-helper-D7HrI6pR.js";import"./dialog-component-Dqg0Q
       </div>
     </div>
   `}async function N(t,e){const r=t.querySelector(".likers-list");if(!r)return;const a=[...new Set(e.map(n=>n.authorPubkey))];console.log("Nostr-Components: Likers dialog: Fetching profiles for",a.length,"unique authors");try{const n=await x(a),i=new Map;n.forEach(o=>{i.set(o.id,o.profile)});const s=new Map;a.forEach(o=>{s.set(o,p(o))});for(let o=0;o<e.length;o++){const l=e[o],c=i.get(l.authorPubkey),d=s.get(l.authorPubkey)||l.authorPubkey;let u;if(c){const h=k(c);u={...l,authorName:h.display_name||h.name||d,authorPicture:h.picture,authorNpub:d}}else u={...l,authorName:d,authorNpub:d};const f=r.querySelector(`[data-like-index="${o}"]`);if(f){const h=m(u,o);f.outerHTML=h}}console.log("Nostr-Components: Likers dialog: Progressive enhancement completed for",e.length,"like entries")}catch(n){console.error("Nostr-Components: Likers dialog: Error in batched profile enhancement",n),console.log("Nostr-Components: Likers dialog: Falling back to individual profile fetching"),await E(t,e)}}async function E(t,e){const r=t.querySelector(".likers-list");if(!r)return;const a=new Map,n=e.map(async(i,s)=>{if(a.has(i.authorPubkey)){const o=a.get(i.authorPubkey);return{index:s,enhanced:{...i,authorName:o.authorName,authorPicture:o.authorPicture,authorNpub:o.authorNpub}}}try{const{getProfileMetadata:o}=await y(async()=>{const{getProfileMetadata:f}=await import("./zap-utils-B1sz0Abx.js");return{getProfileMetadata:f}},__vite__mapDeps([0,1,2])),l=await o(i.authorPubkey),c=k(l),d=p(i.authorPubkey),u={...i,authorName:c.display_name||c.name||d,authorPicture:c.picture,authorNpub:d};return a.set(i.authorPubkey,u),{index:s,enhanced:u}}catch(o){console.error("Nostr-Components: Likers dialog: Error fetching profile for",i.authorPubkey,o);const l=p(i.authorPubkey),c={...i,authorName:l,authorNpub:l};return a.set(i.authorPubkey,c),{index:s,enhanced:c}}});for(const i of n)try{const{index:s,enhanced:o}=await i,l=r.querySelector(`[data-like-index="${s}"]`);if(l){const c=m(o,s);l.outerHTML=c}}catch(s){console.error("Nostr-Components: Likers dialog: Error processing profile enhancement",s)}}export{w as injectLikersDialogStyles,z as openLikersDialog};
-//# sourceMappingURL=dialog-likers-BzTesCZa.js.map
+//# sourceMappingURL=dialog-likers-BjiCHFan.js.map

package/dist/assets/{dialog-likers-BzTesCZa.js.map → dialog-likers-BjiCHFan.js.map}

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["getLikersDialogStyles","theme","isDark","injectLikersDialogStyles","style","renderLikeEntry","like","index","authorNameSafe","escapeHtml","njumpUrl","hexToNpub","profilePictureSafe","isValidUrl","profilePicture","isDislike","statusText","statusClass","formatRelativeTime","renderSkeletonLikeEntry","npub","openLikersDialog","params","likeDetails","dialogComponent","initialContent","renderInitialContent","dialogElement","_a","dialog","enhanceLikeDetailsProgressively","npubs","likersList","uniqueAuthorIds","profileResults","getBatchedProfileMetadata","profileMap","result","npubMap","pubkey","profile","enhanced","profileContent","extractProfileMetadataContent","skeletonEntry","enhancedEntry","error","enhanceLikeDetailsIndividually","profileCache","profilePromises","cachedProfile","getProfileMetadata","__vitePreload","profileMetadata","promise"],"ignoreList":[],"sources":["../../src/nostr-like/dialog-likers-style.ts","../../src/nostr-like/dialog-likers.ts"],"sourcesContent":["// SPDX-License-Identifier: MIT\n\nexport function getLikersDialogStyles(theme: 'light' | 'dark' = 'light'): string {\n  const isDark = theme === 'dark';\n  \n  return `\n    .likers-dialog-content {\n      padding: 0;\n      max-height: 60vh;\n      overflow-y: auto;\n    }\n\n    .likers-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .like-entry {\n      display: flex;\n      align-items: center;\n      padding: 12px;\n      border-radius: 8px;\n      background: ${isDark ? '#2a2a2a' : '#f8f9fa'};\n      border: 1px solid ${isDark ? '#3a3a3a' : '#e9ecef'};\n      transition: background-color 0.2s ease;\n    }\n\n    .like-entry:hover {\n      background: ${isDark ? '#3a3a3a' : '#e9ecef'};\n    }\n\n    .like-author-info {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      width: 100%;\n    }\n\n    .like-author-picture {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      object-fit: cover;\n      flex-shrink: 0;\n    }\n\n    .like-author-picture-default {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background: ${isDark ? '#3a3a3a' : '#e9ecef'};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n\n    .like-author-details {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .like-author-link {\n      color: ${isDark ? '#ffffff' : '#000000'};\n      text-decoration: none;\n      font-weight: 500;\n      font-size: 14px;\n      transition: color 0.2s ease;\n    }\n\n    .like-author-link:hover {\n      color: ${isDark ? '#4a9eff' : '#1877f2'};\n      text-decoration: underline;\n    }\n\n    .like-date {\n      color: ${isDark ? '#b0b0b0' : '#65676b'};\n      font-size: 12px;\n      font-weight: 400;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .like-status {\n      font-weight: 500;\n      font-size: 11px;\n      padding: 2px 6px;\n      border-radius: 4px;\n    }\n\n    .like-status.liked {\n      color: ${isDark ? '#4a9eff' : '#1877f2'};\n      background: ${isDark ? 'rgba(74, 158, 255, 0.1)' : 'rgba(24, 119, 242, 0.1)'};\n    }\n\n    .like-status.disliked {\n      color: #d32f2f;\n      background: rgba(211, 47, 47, 0.1);\n    }\n\n    .no-likes {\n      text-align: center;\n      color: ${isDark ? '#b0b0b0' : '#65676b'};\n      font-size: 14px;\n      padding: 40px 20px;\n    }\n\n    /* Skeleton loading states */\n    .skeleton-entry {\n      opacity: 0.7;\n    }\n\n    .skeleton-picture {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background: linear-gradient(90deg, \n        ${isDark ? '#3a3a3a' : '#f0f0f0'} 25%, \n        ${isDark ? '#4a4a4a' : '#e0e0e0'} 50%, \n        ${isDark ? '#3a3a3a' : '#f0f0f0'} 75%\n      );\n      background-size: 200% 100%;\n      animation: skeleton-loading 1.5s infinite;\n      flex-shrink: 0;\n    }\n\n    .skeleton-name {\n      width: 120px;\n      height: 14px;\n      background: linear-gradient(90deg, \n        ${isDark ? '#3a3a3a' : '#f0f0f0'} 25%, \n        ${isDark ? '#4a4a4a' : '#e0e0e0'} 50%, \n        ${isDark ? '#3a3a3a' : '#f0f0f0'} 75%\n      );\n      background-size: 200% 100%;\n      animation: skeleton-loading 1.5s infinite;\n      border-radius: 2px;\n    }\n\n    @keyframes skeleton-loading {\n      0% {\n        background-position: -200% 0;\n      }\n      100% {\n        background-position: 200% 0;\n      }\n    }\n\n    /* Responsive */\n    @media (max-width: 480px) {\n      .likers-dialog-content {\n        max-height: 70vh;\n      }\n\n      .like-entry {\n        padding: 10px;\n      }\n\n      .like-author-picture,\n      .like-author-picture-default,\n      .skeleton-picture {\n        width: 36px;\n        height: 36px;\n      }\n\n      .like-author-link {\n        font-size: 13px;\n      }\n\n      .like-date {\n        font-size: 11px;\n      }\n    }\n\n    /* Scrollbar styling */\n    .likers-dialog-content::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    .likers-dialog-content::-webkit-scrollbar-track {\n      background: ${isDark ? '#2a2a2a' : '#f1f1f1'};\n      border-radius: 3px;\n    }\n\n    .likers-dialog-content::-webkit-scrollbar-thumb {\n      background: ${isDark ? '#555' : '#c1c1c1'};\n      border-radius: 3px;\n    }\n\n    .likers-dialog-content::-webkit-scrollbar-thumb:hover {\n      background: ${isDark ? '#777' : '#a8a8a8'};\n    }\n  `;\n}\n","// SPDX-License-Identifier: MIT\n\n// Import for side effects to register the custom element\nimport '../base/dialog-component/dialog-component';\nimport type { DialogComponent } from '../base/dialog-component/dialog-component';\nimport { getLikersDialogStyles } from './dialog-likers-style';\nimport { getBatchedProfileMetadata, extractProfileMetadataContent } from '../nostr-zap/zap-utils';\nimport { escapeHtml, formatRelativeTime, hexToNpub, isValidUrl } from '../common/utils';\nimport { LikeDetails } from './like-utils';\n\n/**\n * Modal dialog for displaying individual like details (likers).\n * \n * Shows a list of all users who liked a URL with:\n * - User's name\n * - User's profile picture\n * - Time of like (relative time)\n * - Clickable links to user profiles via njump.me\n */\n\nexport interface OpenLikersModalParams {\n  likeDetails: LikeDetails[];\n  theme?: 'light' | 'dark';\n}\n\n/**\n * Inject likers dialog content styles into document head\n * Prevents duplicate injection by checking for existing styles\n */\nexport const injectLikersDialogStyles = (theme: 'light' | 'dark' = 'light') => {\n  // Remove existing likers dialog styles\n  const existingStyles = document.querySelectorAll('style[data-likers-dialog-styles]');\n  existingStyles.forEach(style => style.remove());\n  \n  const style = document.createElement('style');\n  style.setAttribute('data-likers-dialog-styles', 'true');\n  style.textContent = getLikersDialogStyles(theme);\n  document.head.appendChild(style);\n}\n\ninterface EnhancedLikeDetails extends LikeDetails {\n  authorName?: string;\n  authorPicture?: string;\n  authorNpub?: string;\n}\n\n/**\n * Render individual like entry HTML (with profile data)\n */\nfunction renderLikeEntry(like: EnhancedLikeDetails, index: number): string {\n  const authorNameSafe = escapeHtml(like.authorName || 'Unknown liker');\n  const npubSafe = like.authorNpub || hexToNpub(like.authorPubkey);\n  const njumpUrl = `https://njump.me/${npubSafe}`;\n  const profilePictureSafe = isValidUrl(like.authorPicture || '') ? like.authorPicture || '' : '';\n  \n  const profilePicture = profilePictureSafe \n    ? `<img src=\"${profilePictureSafe}\" alt=\"${authorNameSafe}\" class=\"like-author-picture\" />`\n    : `<div class=\"like-author-picture-default\">👤</div>`;\n  \n  const isDislike = like.content === '-';\n  const statusText = isDislike ? 'Disliked' : 'Liked';\n  const statusClass = isDislike ? 'disliked' : 'liked';\n  \n  return `\n    <div class=\"like-entry\" data-like-index=\"${index}\" data-author-pubkey=\"${like.authorPubkey}\">\n      <div class=\"like-author-info\">\n        ${profilePicture}\n        <div class=\"like-author-details\">\n          <a href=\"${njumpUrl}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"like-author-link\">\n            ${authorNameSafe}\n          </a>\n          <div class=\"like-date\">\n            ${formatRelativeTime(Math.floor(like.date.getTime() / 1000))}\n            <span class=\"like-status ${statusClass}\">${statusText}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Render skeleton like entry HTML (with npub)\n */\nfunction renderSkeletonLikeEntry(like: LikeDetails, npub: string, index: number): string {\n  const isDislike = like.content === '-';\n  const statusText = isDislike ? 'Disliked' : 'Liked';\n  const statusClass = isDislike ? 'disliked' : 'liked';\n  \n  return `\n    <div class=\"like-entry skeleton-entry\" data-like-index=\"${index}\" data-author-pubkey=\"${like.authorPubkey}\">\n      <div class=\"like-author-info\">\n        <div class=\"skeleton-picture\"></div>\n        <div class=\"like-author-details\">\n          <div class=\"like-author-link skeleton-name\">\n            ${escapeHtml(npub)}\n          </div>\n          <div class=\"like-date\">\n            ${formatRelativeTime(Math.floor(like.date.getTime() / 1000))}\n            <span class=\"like-status ${statusClass}\">${statusText}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Opens the likers dialog showing individual like details\n */\nexport async function openLikersDialog(params: OpenLikersModalParams): Promise<DialogComponent> {\n  const { likeDetails, theme = 'light' } = params;\n  \n  // Inject styles\n  injectLikersDialogStyles(theme);\n  \n  // Ensure custom element is defined\n  if (!customElements.get('dialog-component')) {\n    await customElements.whenDefined('dialog-component');\n  }\n  \n  // Create dialog component (not added to DOM)\n  const dialogComponent = document.createElement('dialog-component') as DialogComponent;\n  dialogComponent.setAttribute('header', 'Likers');\n  if (params.theme) {\n    dialogComponent.setAttribute('data-theme', params.theme);\n  }\n  \n  // Initial content with skeleton loaders showing npubs\n  const initialContent = await renderInitialContent(likeDetails);\n  dialogComponent.innerHTML = initialContent;\n  \n  // Show the dialog (this will create and append the actual dialog element)\n  dialogComponent.showModal();\n  \n  // Get the actual dialog element for progressive enhancement\n  const dialogElement: HTMLDialogElement | null = \n    dialogComponent.querySelector('.nostr-base-dialog') ||\n    dialogComponent.shadowRoot?.querySelector('.nostr-base-dialog') ||\n    document.body.querySelector('.nostr-base-dialog');\n  \n  if (!dialogElement) {\n    console.error('[openLikersDialog] Failed to find dialog element after showModal()');\n    throw new Error('Dialog element not found. The dialog may not have been created properly.');\n  }\n  \n  // Type assertion: dialog is guaranteed to be non-null after the check above\n  const dialog = dialogElement as HTMLDialogElement;\n  \n  // Start progressive enhancement\n  if (dialog && likeDetails.length > 0) {\n    enhanceLikeDetailsProgressively(dialog, likeDetails);\n  }\n\n  return dialogComponent;\n}\n\n/**\n * Render initial dialog content with skeleton loaders showing npubs\n */\nasync function renderInitialContent(likeDetails: LikeDetails[]): Promise<string> {\n  if (likeDetails.length === 0) {\n    return `\n      <div class=\"likers-dialog-content\">\n        <div class=\"likers-list\">\n          <div class=\"no-likes\">No likes yet</div>\n        </div>\n      </div>\n    `;\n  }\n\n  // Convert all pubkeys to npubs for immediate display\n  const npubs = likeDetails.map(like => hexToNpub(like.authorPubkey));\n\n  const skeletonEntries = likeDetails.map((like, index) => \n    renderSkeletonLikeEntry(like, npubs[index], index)\n  ).join('');\n\n  return `\n    <div class=\"likers-dialog-content\">\n      <div class=\"likers-list\">\n        ${skeletonEntries}\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Progressively enhance like details with profile information (batched approach)\n */\nasync function enhanceLikeDetailsProgressively(dialog: HTMLDialogElement, likeDetails: LikeDetails[]): Promise<void> {\n  const likersList = dialog.querySelector('.likers-list') as HTMLElement;\n  if (!likersList) return;\n\n  // Get unique author IDs\n  const uniqueAuthorIds = [...new Set(likeDetails.map(like => like.authorPubkey))];\n  console.log(\"Nostr-Components: Likers dialog: Fetching profiles for\", uniqueAuthorIds.length, \"unique authors\");\n\n  try {\n    // Fetch all profiles in a single batched call\n    const profileResults = await getBatchedProfileMetadata(uniqueAuthorIds);\n    \n    // Create a map for quick lookup\n    const profileMap = new Map<string, any>();\n    profileResults.forEach(result => {\n      profileMap.set(result.id, result.profile);\n    });\n\n    // Convert all pubkeys to npubs for display\n    const npubMap = new Map<string, string>();\n    uniqueAuthorIds.forEach(pubkey => {\n      npubMap.set(pubkey, hexToNpub(pubkey));\n    });\n\n    // Process each like entry\n    for (let index = 0; index < likeDetails.length; index++) {\n      const like = likeDetails[index];\n      const profile = profileMap.get(like.authorPubkey);\n      const npub = npubMap.get(like.authorPubkey) || like.authorPubkey;\n      \n      let enhanced: EnhancedLikeDetails;\n      \n      if (profile) {\n        const profileContent = extractProfileMetadataContent(profile);\n        enhanced = {\n          ...like,\n          authorName: profileContent.display_name || profileContent.name || npub,\n          authorPicture: profileContent.picture,\n          authorNpub: npub,\n        };\n      } else {\n        // Fallback if profile not found\n        enhanced = {\n          ...like,\n          authorName: npub,\n          authorNpub: npub,\n        };\n      }\n\n      // Find the corresponding skeleton entry by index and replace it\n      const skeletonEntry = likersList.querySelector(`[data-like-index=\"${index}\"]`);\n      if (skeletonEntry) {\n        const enhancedEntry = renderLikeEntry(enhanced, index);\n        skeletonEntry.outerHTML = enhancedEntry;\n      }\n    }\n\n    console.log(\"Nostr-Components: Likers dialog: Progressive enhancement completed for\", likeDetails.length, \"like entries\");\n  } catch (error) {\n    console.error(\"Nostr-Components: Likers dialog: Error in batched profile enhancement\", error);\n    \n    // Fallback to individual processing if batched approach fails\n    console.log(\"Nostr-Components: Likers dialog: Falling back to individual profile fetching\");\n    await enhanceLikeDetailsIndividually(dialog, likeDetails);\n  }\n}\n\n/**\n * Fallback: Enhance like details individually (original approach)\n */\nasync function enhanceLikeDetailsIndividually(dialog: HTMLDialogElement, likeDetails: LikeDetails[]): Promise<void> {\n  const likersList = dialog.querySelector('.likers-list') as HTMLElement;\n  if (!likersList) return;\n\n  // Create a map to track which profiles we've already fetched\n  const profileCache = new Map<string, EnhancedLikeDetails>();\n  \n  // Fetch all profile metadata in parallel\n  const profilePromises = likeDetails.map(async (like, index) => {\n    // Check if we already have this profile cached\n    if (profileCache.has(like.authorPubkey)) {\n      const cachedProfile = profileCache.get(like.authorPubkey)!;\n      return {\n        index,\n        enhanced: {\n          ...like,\n          authorName: cachedProfile.authorName,\n          authorPicture: cachedProfile.authorPicture,\n          authorNpub: cachedProfile.authorNpub,\n        }\n      };\n    }\n\n    try {\n      const { getProfileMetadata } = await import('../nostr-zap/zap-utils');\n      const profileMetadata = await getProfileMetadata(like.authorPubkey);\n      const profileContent = extractProfileMetadataContent(profileMetadata);\n      const npub = hexToNpub(like.authorPubkey);\n      \n      const enhanced = {\n        ...like,\n        authorName: profileContent.display_name || profileContent.name || npub,\n        authorPicture: profileContent.picture,\n        authorNpub: npub,\n      };\n\n      // Cache the profile for other entries from the same author\n      profileCache.set(like.authorPubkey, enhanced);\n      \n      return {\n        index,\n        enhanced\n      };\n    } catch (error) {\n      console.error(\"Nostr-Components: Likers dialog: Error fetching profile for\", like.authorPubkey, error);\n      // Fallback with just pubkey converted to npub\n      const npub = hexToNpub(like.authorPubkey);\n      const enhanced = {\n        ...like,\n        authorName: npub,\n        authorNpub: npub,\n      };\n      \n      // Cache the fallback profile\n      profileCache.set(like.authorPubkey, enhanced);\n      \n      return {\n        index,\n        enhanced\n      };\n    }\n  });\n\n  // Process each profile as it becomes available\n  for (const promise of profilePromises) {\n    try {\n      const { index, enhanced } = await promise;\n      \n      // Find the corresponding skeleton entry by index and replace it\n      const skeletonEntry = likersList.querySelector(`[data-like-index=\"${index}\"]`);\n      if (skeletonEntry) {\n        const enhancedEntry = renderLikeEntry(enhanced, index);\n        skeletonEntry.outerHTML = enhancedEntry;\n      }\n    } catch (error) {\n      console.error(\"Nostr-Components: Likers dialog: Error processing profile enhancement\", error);\n    }\n  }\n}\n"],"file":"assets/dialog-likers-BzTesCZa.js"}
+{"version":3,"mappings":"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","names":["getLikersDialogStyles","theme","isDark","injectLikersDialogStyles","style","renderLikeEntry","like","index","authorNameSafe","escapeHtml","njumpUrl","hexToNpub","profilePictureSafe","isValidUrl","profilePicture","isDislike","statusText","statusClass","formatRelativeTime","renderSkeletonLikeEntry","npub","openLikersDialog","params","likeDetails","dialogComponent","initialContent","renderInitialContent","dialogElement","_a","dialog","enhanceLikeDetailsProgressively","npubs","likersList","uniqueAuthorIds","profileResults","getBatchedProfileMetadata","profileMap","result","npubMap","pubkey","profile","enhanced","profileContent","extractProfileMetadataContent","skeletonEntry","enhancedEntry","error","enhanceLikeDetailsIndividually","profileCache","profilePromises","cachedProfile","getProfileMetadata","__vitePreload","profileMetadata","promise"],"ignoreList":[],"sources":["../../src/nostr-like/dialog-likers-style.ts","../../src/nostr-like/dialog-likers.ts"],"sourcesContent":["// SPDX-License-Identifier: MIT\n\nexport function getLikersDialogStyles(theme: 'light' | 'dark' = 'light'): string {\n  const isDark = theme === 'dark';\n  \n  return `\n    .likers-dialog-content {\n      padding: 0;\n      max-height: 60vh;\n      overflow-y: auto;\n    }\n\n    .likers-list {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .like-entry {\n      display: flex;\n      align-items: center;\n      padding: 12px;\n      border-radius: 8px;\n      background: ${isDark ? '#2a2a2a' : '#f8f9fa'};\n      border: 1px solid ${isDark ? '#3a3a3a' : '#e9ecef'};\n      transition: background-color 0.2s ease;\n    }\n\n    .like-entry:hover {\n      background: ${isDark ? '#3a3a3a' : '#e9ecef'};\n    }\n\n    .like-author-info {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      width: 100%;\n    }\n\n    .like-author-picture {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      object-fit: cover;\n      flex-shrink: 0;\n    }\n\n    .like-author-picture-default {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background: ${isDark ? '#3a3a3a' : '#e9ecef'};\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n\n    .like-author-details {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .like-author-link {\n      color: ${isDark ? '#ffffff' : '#000000'};\n      text-decoration: none;\n      font-weight: 500;\n      font-size: 14px;\n      transition: color 0.2s ease;\n    }\n\n    .like-author-link:hover {\n      color: ${isDark ? '#4a9eff' : '#1877f2'};\n      text-decoration: underline;\n    }\n\n    .like-date {\n      color: ${isDark ? '#b0b0b0' : '#65676b'};\n      font-size: 12px;\n      font-weight: 400;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .like-status {\n      font-weight: 500;\n      font-size: 11px;\n      padding: 2px 6px;\n      border-radius: 4px;\n    }\n\n    .like-status.liked {\n      color: ${isDark ? '#4a9eff' : '#1877f2'};\n      background: ${isDark ? 'rgba(74, 158, 255, 0.1)' : 'rgba(24, 119, 242, 0.1)'};\n    }\n\n    .like-status.disliked {\n      color: #d32f2f;\n      background: rgba(211, 47, 47, 0.1);\n    }\n\n    .no-likes {\n      text-align: center;\n      color: ${isDark ? '#b0b0b0' : '#65676b'};\n      font-size: 14px;\n      padding: 40px 20px;\n    }\n\n    /* Skeleton loading states */\n    .skeleton-entry {\n      opacity: 0.7;\n    }\n\n    .skeleton-picture {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      background: linear-gradient(90deg, \n        ${isDark ? '#3a3a3a' : '#f0f0f0'} 25%, \n        ${isDark ? '#4a4a4a' : '#e0e0e0'} 50%, \n        ${isDark ? '#3a3a3a' : '#f0f0f0'} 75%\n      );\n      background-size: 200% 100%;\n      animation: skeleton-loading 1.5s infinite;\n      flex-shrink: 0;\n    }\n\n    .skeleton-name {\n      width: 120px;\n      height: 14px;\n      background: linear-gradient(90deg, \n        ${isDark ? '#3a3a3a' : '#f0f0f0'} 25%, \n        ${isDark ? '#4a4a4a' : '#e0e0e0'} 50%, \n        ${isDark ? '#3a3a3a' : '#f0f0f0'} 75%\n      );\n      background-size: 200% 100%;\n      animation: skeleton-loading 1.5s infinite;\n      border-radius: 2px;\n    }\n\n    @keyframes skeleton-loading {\n      0% {\n        background-position: -200% 0;\n      }\n      100% {\n        background-position: 200% 0;\n      }\n    }\n\n    /* Responsive */\n    @media (max-width: 480px) {\n      .likers-dialog-content {\n        max-height: 70vh;\n      }\n\n      .like-entry {\n        padding: 10px;\n      }\n\n      .like-author-picture,\n      .like-author-picture-default,\n      .skeleton-picture {\n        width: 36px;\n        height: 36px;\n      }\n\n      .like-author-link {\n        font-size: 13px;\n      }\n\n      .like-date {\n        font-size: 11px;\n      }\n    }\n\n    /* Scrollbar styling */\n    .likers-dialog-content::-webkit-scrollbar {\n      width: 6px;\n    }\n\n    .likers-dialog-content::-webkit-scrollbar-track {\n      background: ${isDark ? '#2a2a2a' : '#f1f1f1'};\n      border-radius: 3px;\n    }\n\n    .likers-dialog-content::-webkit-scrollbar-thumb {\n      background: ${isDark ? '#555' : '#c1c1c1'};\n      border-radius: 3px;\n    }\n\n    .likers-dialog-content::-webkit-scrollbar-thumb:hover {\n      background: ${isDark ? '#777' : '#a8a8a8'};\n    }\n  `;\n}\n","// SPDX-License-Identifier: MIT\n\n// Import for side effects to register the custom element\nimport '../base/dialog-component/dialog-component';\nimport type { DialogComponent } from '../base/dialog-component/dialog-component';\nimport { getLikersDialogStyles } from './dialog-likers-style';\nimport { getBatchedProfileMetadata, extractProfileMetadataContent } from '../nostr-zap/zap-utils';\nimport { escapeHtml, formatRelativeTime, hexToNpub, isValidUrl } from '../common/utils';\nimport { LikeDetails } from './like-utils';\n\n/**\n * Modal dialog for displaying individual like details (likers).\n * \n * Shows a list of all users who liked a URL with:\n * - User's name\n * - User's profile picture\n * - Time of like (relative time)\n * - Clickable links to user profiles via njump.me\n */\n\nexport interface OpenLikersModalParams {\n  likeDetails: LikeDetails[];\n  theme?: 'light' | 'dark';\n}\n\n/**\n * Inject likers dialog content styles into document head\n * Prevents duplicate injection by checking for existing styles\n */\nexport const injectLikersDialogStyles = (theme: 'light' | 'dark' = 'light') => {\n  // Remove existing likers dialog styles\n  const existingStyles = document.querySelectorAll('style[data-likers-dialog-styles]');\n  existingStyles.forEach(style => style.remove());\n  \n  const style = document.createElement('style');\n  style.setAttribute('data-likers-dialog-styles', 'true');\n  style.textContent = getLikersDialogStyles(theme);\n  document.head.appendChild(style);\n}\n\ninterface EnhancedLikeDetails extends LikeDetails {\n  authorName?: string;\n  authorPicture?: string;\n  authorNpub?: string;\n}\n\n/**\n * Render individual like entry HTML (with profile data)\n */\nfunction renderLikeEntry(like: EnhancedLikeDetails, index: number): string {\n  const authorNameSafe = escapeHtml(like.authorName || 'Unknown liker');\n  const npubSafe = like.authorNpub || hexToNpub(like.authorPubkey);\n  const njumpUrl = `https://njump.me/${npubSafe}`;\n  const profilePictureSafe = isValidUrl(like.authorPicture || '') ? like.authorPicture || '' : '';\n  \n  const profilePicture = profilePictureSafe \n    ? `<img src=\"${profilePictureSafe}\" alt=\"${authorNameSafe}\" class=\"like-author-picture\" />`\n    : `<div class=\"like-author-picture-default\">👤</div>`;\n  \n  const isDislike = like.content === '-';\n  const statusText = isDislike ? 'Disliked' : 'Liked';\n  const statusClass = isDislike ? 'disliked' : 'liked';\n  \n  return `\n    <div class=\"like-entry\" data-like-index=\"${index}\" data-author-pubkey=\"${like.authorPubkey}\">\n      <div class=\"like-author-info\">\n        ${profilePicture}\n        <div class=\"like-author-details\">\n          <a href=\"${njumpUrl}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"like-author-link\">\n            ${authorNameSafe}\n          </a>\n          <div class=\"like-date\">\n            ${formatRelativeTime(Math.floor(like.date.getTime() / 1000))}\n            <span class=\"like-status ${statusClass}\">${statusText}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Render skeleton like entry HTML (with npub)\n */\nfunction renderSkeletonLikeEntry(like: LikeDetails, npub: string, index: number): string {\n  const isDislike = like.content === '-';\n  const statusText = isDislike ? 'Disliked' : 'Liked';\n  const statusClass = isDislike ? 'disliked' : 'liked';\n  \n  return `\n    <div class=\"like-entry skeleton-entry\" data-like-index=\"${index}\" data-author-pubkey=\"${like.authorPubkey}\">\n      <div class=\"like-author-info\">\n        <div class=\"skeleton-picture\"></div>\n        <div class=\"like-author-details\">\n          <div class=\"like-author-link skeleton-name\">\n            ${escapeHtml(npub)}\n          </div>\n          <div class=\"like-date\">\n            ${formatRelativeTime(Math.floor(like.date.getTime() / 1000))}\n            <span class=\"like-status ${statusClass}\">${statusText}</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Opens the likers dialog showing individual like details\n */\nexport async function openLikersDialog(params: OpenLikersModalParams): Promise<DialogComponent> {\n  const { likeDetails, theme = 'light' } = params;\n  \n  // Inject styles\n  injectLikersDialogStyles(theme);\n  \n  // Ensure custom element is defined\n  if (!customElements.get('dialog-component')) {\n    await customElements.whenDefined('dialog-component');\n  }\n  \n  // Create dialog component (not added to DOM)\n  const dialogComponent = document.createElement('dialog-component') as DialogComponent;\n  dialogComponent.setAttribute('header', 'Likers');\n  if (params.theme) {\n    dialogComponent.setAttribute('data-theme', params.theme);\n  }\n  \n  // Initial content with skeleton loaders showing npubs\n  const initialContent = await renderInitialContent(likeDetails);\n  dialogComponent.innerHTML = initialContent;\n  \n  // Show the dialog (this will create and append the actual dialog element)\n  dialogComponent.showModal();\n  \n  // Get the actual dialog element for progressive enhancement\n  const dialogElement: HTMLDialogElement | null = \n    dialogComponent.querySelector('.nostr-base-dialog') ||\n    dialogComponent.shadowRoot?.querySelector('.nostr-base-dialog') ||\n    document.body.querySelector('.nostr-base-dialog');\n  \n  if (!dialogElement) {\n    console.error('[openLikersDialog] Failed to find dialog element after showModal()');\n    throw new Error('Dialog element not found. The dialog may not have been created properly.');\n  }\n  \n  // Type assertion: dialog is guaranteed to be non-null after the check above\n  const dialog = dialogElement as HTMLDialogElement;\n  \n  // Start progressive enhancement\n  if (dialog && likeDetails.length > 0) {\n    enhanceLikeDetailsProgressively(dialog, likeDetails);\n  }\n\n  return dialogComponent;\n}\n\n/**\n * Render initial dialog content with skeleton loaders showing npubs\n */\nasync function renderInitialContent(likeDetails: LikeDetails[]): Promise<string> {\n  if (likeDetails.length === 0) {\n    return `\n      <div class=\"likers-dialog-content\">\n        <div class=\"likers-list\">\n          <div class=\"no-likes\">No likes yet</div>\n        </div>\n      </div>\n    `;\n  }\n\n  // Convert all pubkeys to npubs for immediate display\n  const npubs = likeDetails.map(like => hexToNpub(like.authorPubkey));\n\n  const skeletonEntries = likeDetails.map((like, index) => \n    renderSkeletonLikeEntry(like, npubs[index], index)\n  ).join('');\n\n  return `\n    <div class=\"likers-dialog-content\">\n      <div class=\"likers-list\">\n        ${skeletonEntries}\n      </div>\n    </div>\n  `;\n}\n\n/**\n * Progressively enhance like details with profile information (batched approach)\n */\nasync function enhanceLikeDetailsProgressively(dialog: HTMLDialogElement, likeDetails: LikeDetails[]): Promise<void> {\n  const likersList = dialog.querySelector('.likers-list') as HTMLElement;\n  if (!likersList) return;\n\n  // Get unique author IDs\n  const uniqueAuthorIds = [...new Set(likeDetails.map(like => like.authorPubkey))];\n  console.log(\"Nostr-Components: Likers dialog: Fetching profiles for\", uniqueAuthorIds.length, \"unique authors\");\n\n  try {\n    // Fetch all profiles in a single batched call\n    const profileResults = await getBatchedProfileMetadata(uniqueAuthorIds);\n    \n    // Create a map for quick lookup\n    const profileMap = new Map<string, any>();\n    profileResults.forEach(result => {\n      profileMap.set(result.id, result.profile);\n    });\n\n    // Convert all pubkeys to npubs for display\n    const npubMap = new Map<string, string>();\n    uniqueAuthorIds.forEach(pubkey => {\n      npubMap.set(pubkey, hexToNpub(pubkey));\n    });\n\n    // Process each like entry\n    for (let index = 0; index < likeDetails.length; index++) {\n      const like = likeDetails[index];\n      const profile = profileMap.get(like.authorPubkey);\n      const npub = npubMap.get(like.authorPubkey) || like.authorPubkey;\n      \n      let enhanced: EnhancedLikeDetails;\n      \n      if (profile) {\n        const profileContent = extractProfileMetadataContent(profile);\n        enhanced = {\n          ...like,\n          authorName: profileContent.display_name || profileContent.name || npub,\n          authorPicture: profileContent.picture,\n          authorNpub: npub,\n        };\n      } else {\n        // Fallback if profile not found\n        enhanced = {\n          ...like,\n          authorName: npub,\n          authorNpub: npub,\n        };\n      }\n\n      // Find the corresponding skeleton entry by index and replace it\n      const skeletonEntry = likersList.querySelector(`[data-like-index=\"${index}\"]`);\n      if (skeletonEntry) {\n        const enhancedEntry = renderLikeEntry(enhanced, index);\n        skeletonEntry.outerHTML = enhancedEntry;\n      }\n    }\n\n    console.log(\"Nostr-Components: Likers dialog: Progressive enhancement completed for\", likeDetails.length, \"like entries\");\n  } catch (error) {\n    console.error(\"Nostr-Components: Likers dialog: Error in batched profile enhancement\", error);\n    \n    // Fallback to individual processing if batched approach fails\n    console.log(\"Nostr-Components: Likers dialog: Falling back to individual profile fetching\");\n    await enhanceLikeDetailsIndividually(dialog, likeDetails);\n  }\n}\n\n/**\n * Fallback: Enhance like details individually (original approach)\n */\nasync function enhanceLikeDetailsIndividually(dialog: HTMLDialogElement, likeDetails: LikeDetails[]): Promise<void> {\n  const likersList = dialog.querySelector('.likers-list') as HTMLElement;\n  if (!likersList) return;\n\n  // Create a map to track which profiles we've already fetched\n  const profileCache = new Map<string, EnhancedLikeDetails>();\n  \n  // Fetch all profile metadata in parallel\n  const profilePromises = likeDetails.map(async (like, index) => {\n    // Check if we already have this profile cached\n    if (profileCache.has(like.authorPubkey)) {\n      const cachedProfile = profileCache.get(like.authorPubkey)!;\n      return {\n        index,\n        enhanced: {\n          ...like,\n          authorName: cachedProfile.authorName,\n          authorPicture: cachedProfile.authorPicture,\n          authorNpub: cachedProfile.authorNpub,\n        }\n      };\n    }\n\n    try {\n      const { getProfileMetadata } = await import('../nostr-zap/zap-utils');\n      const profileMetadata = await getProfileMetadata(like.authorPubkey);\n      const profileContent = extractProfileMetadataContent(profileMetadata);\n      const npub = hexToNpub(like.authorPubkey);\n      \n      const enhanced = {\n        ...like,\n        authorName: profileContent.display_name || profileContent.name || npub,\n        authorPicture: profileContent.picture,\n        authorNpub: npub,\n      };\n\n      // Cache the profile for other entries from the same author\n      profileCache.set(like.authorPubkey, enhanced);\n      \n      return {\n        index,\n        enhanced\n      };\n    } catch (error) {\n      console.error(\"Nostr-Components: Likers dialog: Error fetching profile for\", like.authorPubkey, error);\n      // Fallback with just pubkey converted to npub\n      const npub = hexToNpub(like.authorPubkey);\n      const enhanced = {\n        ...like,\n        authorName: npub,\n        authorNpub: npub,\n      };\n      \n      // Cache the fallback profile\n      profileCache.set(like.authorPubkey, enhanced);\n      \n      return {\n        index,\n        enhanced\n      };\n    }\n  });\n\n  // Process each profile as it becomes available\n  for (const promise of profilePromises) {\n    try {\n      const { index, enhanced } = await promise;\n      \n      // Find the corresponding skeleton entry by index and replace it\n      const skeletonEntry = likersList.querySelector(`[data-like-index=\"${index}\"]`);\n      if (skeletonEntry) {\n        const enhancedEntry = renderLikeEntry(enhanced, index);\n        skeletonEntry.outerHTML = enhancedEntry;\n      }\n    } catch (error) {\n      console.error(\"Nostr-Components: Likers dialog: Error processing profile enhancement\", error);\n    }\n  }\n}\n"],"file":"assets/dialog-likers-BjiCHFan.js"}

package/dist/components/nostr-like.es.js

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dialog-likers-BzTesCZa.js","assets/preload-helper-D7HrI6pR.js","assets/dialog-component-Dqg0QU9I.js","assets/zap-utils-B1sz0Abx.js","assets/nostr-service-pr_crY62.js","assets/utils--bxLbhGF.js","assets/base-styles-CBypR3FR.js"])))=>i.map(i=>d[i]);
-var m=Object.defineProperty;var w=(r,e,t)=>e in r?m(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var d=(r,e,t)=>w(r,typeof e!="symbol"?e+"":e,t);import{_ as y}from"../assets/preload-helper-D7HrI6pR.js";import{e as b,g as L,N as x,a as i,c as C}from"../assets/base-styles-CBypR3FR.js";import{S as f,e as g}from"../assets/nostr-service-pr_crY62.js";import"../assets/dialog-component-Dqg0QU9I.js";function S({isLoading:r,isError:e,errorMessage:t,buttonText:n,isLiked:o,likeCount:s,hasLikes:a=!1,isCountLoading:l=!1,theme:u="light"}){if(e)return E(t||"");const c=N(o,u),h=o?"<span>Liked</span>":`<span>${b(n)}</span>`;return U(c,h,s,a,o,r,l)}function E(r){return A('<div class="error-icon">&#9888;</div>',b(r))}function A(r,e){return`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dialog-likers-BjiCHFan.js","assets/preload-helper-D7HrI6pR.js","assets/dialog-component-Da1ZIYh9.js","assets/zap-utils-B1sz0Abx.js","assets/nostr-service-pr_crY62.js","assets/utils--bxLbhGF.js","assets/base-styles-CBypR3FR.js"])))=>i.map(i=>d[i]);
+var m=Object.defineProperty;var w=(r,e,t)=>e in r?m(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var d=(r,e,t)=>w(r,typeof e!="symbol"?e+"":e,t);import{_ as y}from"../assets/preload-helper-D7HrI6pR.js";import{e as b,g as L,N as x,a as i,c as C}from"../assets/base-styles-CBypR3FR.js";import{S as f,e as g}from"../assets/nostr-service-pr_crY62.js";import"../assets/dialog-component-Da1ZIYh9.js";function S({isLoading:r,isError:e,errorMessage:t,buttonText:n,isLiked:o,likeCount:s,hasLikes:a=!1,isCountLoading:l=!1,theme:u="light"}){if(e)return E(t||"");const c=N(o,u),h=o?"<span>Liked</span>":`<span>${b(n)}</span>`;return U(c,h,s,a,o,r,l)}function E(r){return A('<div class="error-icon">&#9888;</div>',b(r))}function A(r,e){return`
     <div class="nostr-like-button-container">
       <div class="nostr-like-button-left-container">
         ${r}
@@ -289,7 +289,7 @@ var m=Object.defineProperty;var w=(r,e,t)=>e in r?m(r,e,{enumerable:!0,configura
         <li>Works with a browser extension like <a href="https://getalby.com" target="_blank" rel="noopener noreferrer">Alby</a> or nos2x</li>
       </ul>
     </div>
-  `,e.showModal()};new TextDecoder("utf-8");new TextEncoder;function k(r){r.indexOf("://")===-1&&(r="wss://"+r);let e=new URL(r);return e.pathname=e.pathname.replace(/\/+/g,"/"),e.pathname.endsWith("/")&&(e.pathname=e.pathname.slice(0,-1)),(e.port==="80"&&e.protocol==="ws:"||e.port==="443"&&e.protocol==="wss:")&&(e.port=""),e.searchParams.sort(),e.hash="",e.toString()}async function I(r,e){const t=k(r),n=new f;try{const o=await n.querySync(e,{kinds:[17],"#k":["web"],"#i":[t],limit:1e3}),s=[];let a=0,l=0;for(const c of o)s.push({authorPubkey:c.pubkey,date:new Date(c.created_at*1e3),content:c.content}),c.content==="-"?l++:a++;return s.sort((c,h)=>h.date.getTime()-c.date.getTime()),{totalCount:a-l,likeDetails:s,likedCount:a,dislikedCount:l}}catch(o){throw o instanceof Error?o:new Error(String(o))}finally{n.close(e)}}function v(r,e){return{kind:17,content:e,tags:[["k","web"],["i",r]],created_at:Math.floor(Date.now()/1e3)}}function M(r){return v(r,"+")}function H(r){return v(r,"-")}async function P(r,e,t){const n=new f,o=r;try{const s=await n.querySync(t,{kinds:[17],authors:[e],"#k":["web"],"#i":[o],limit:1});if(s.length===0)return!1;const a=s[0];return a.content==="+"||a.content===""}catch(s){return console.error("Nostr-Components: Like button: Error checking user like status",s),!1}finally{n.close(t)}}async function T(){try{if(typeof window<"u"&&window.nostr)return await window.nostr.getPublicKey()}catch(r){console.error("Nostr-Components: Like button: Error getting user pubkey",r)}return null}async function p(r){try{if(typeof window<"u"&&window.nostr)return await window.nostr.signEvent(r);throw new Error("NIP-07 extension not available")}catch(e){throw console.error("Nostr-Components: Like button: Error signing event",e),e}}function _(){return typeof window<"u"&&!!window.nostr}class F extends x{constructor(){super();d(this,"likeActionStatus",this.channel("likeAction"));d(this,"likeListStatus",this.channel("likeList"));d(this,"currentUrl","");d(this,"isLiked",!1);d(this,"likeCount",0);d(this,"cachedLikeDetails",null);d(this,"loadSeq",0)}connectedCallback(){var t;(t=super.connectedCallback)==null||t.call(this),this.likeListStatus.get()===i.Idle&&this.initChannelStatus("likeList",i.Loading,{reflectOverall:!1}),this.attachDelegatedListeners(),this.render()}static get observedAttributes(){return[...super.observedAttributes,"url","text"]}attributeChangedCallback(t,n,o){n!==o&&(super.attributeChangedCallback(t,n,o),(t==="url"||t==="text")&&(this.likeActionStatus.set(i.Ready),this.likeListStatus.set(i.Loading),this.isLiked=!1,this.errorMessage="",this.updateLikeCount(),this.render()))}validateInputs(){if(!super.validateInputs())return this.likeActionStatus.set(i.Idle),this.likeListStatus.set(i.Idle),!1;const t=this.getAttribute("url"),n=this.getAttribute("text"),o=this.tagName.toLowerCase();let s=null;return t&&(C(t)||(s="Invalid URL format")),n&&n.length>32&&(s="Max text length: 32 characters"),s?(this.likeActionStatus.set(i.Error,s),this.likeListStatus.set(i.Error,s),console.error(`Nostr-Components: ${o}: ${s}`),!1):!0}onStatusChange(t){this.render()}onNostrRelaysConnected(){this.updateLikeCount(),this.render()}ensureCurrentUrl(){this.currentUrl||(this.currentUrl=k(this.getAttribute("url")||window.location.href))}async updateLikeCount(){const t=++this.loadSeq;try{await this.ensureNostrConnected(),this.currentUrl=k(this.getAttribute("url")||window.location.href),this.likeListStatus.set(i.Loading),this.render();const n=await I(this.currentUrl,this.getRelays());if(t!==this.loadSeq)return;this.likeCount=n.totalCount,this.cachedLikeDetails=n,this.likeListStatus.set(i.Ready)}catch(n){console.error("[NostrLike] Failed to fetch like count:",n),this.likeListStatus.set(i.Error,"Failed to load likes")}finally{this.render()}}async handleLikeClick(){if(this.ensureCurrentUrl(),!this.currentUrl){this.likeActionStatus.set(i.Error,"Invalid URL"),this.render();return}if(this.likeActionStatus.set(i.Loading),!_()){this.likeActionStatus.set(i.Error,"Please install a Nostr browser extension (Alby, nos2x, etc.)"),this.render();return}try{const t=await T();t&&(this.isLiked=await P(this.currentUrl,t,this.getRelays()))}catch(t){console.error("[NostrLike] Failed to check user like status:",t),this.likeActionStatus.set(i.Error,"Failed to check user like status")}finally{this.render()}if(this.isLiked){if(!window.confirm("You have already liked this. Do you want to unlike it?")){this.likeActionStatus.set(i.Ready),this.render();return}await this.handleUnlike()}else await this.handleLike()}async handleLike(){if(this.ensureCurrentUrl(),!this.currentUrl){this.likeActionStatus.set(i.Error,"Invalid URL"),this.render();return}this.likeActionStatus.set(i.Loading),this.render();try{const t=M(this.currentUrl),n=await p(t);await new g(this.nostrService.getNDK(),n).publish(),this.isLiked=!0,this.likeCount++,this.likeActionStatus.set(i.Ready),await this.updateLikeCount()}catch(t){console.error("[NostrLike] Failed to like:",t),this.isLiked=!1,this.likeCount--;const n=t instanceof Error?t.message:"Failed to like";this.likeActionStatus.set(i.Error,n)}finally{this.render()}}async handleUnlike(){if(this.ensureCurrentUrl(),!this.currentUrl){this.likeActionStatus.set(i.Error,"Invalid URL"),this.render();return}this.likeActionStatus.set(i.Loading),this.render();try{const t=H(this.currentUrl),n=await p(t);await new g(this.nostrService.getNDK(),n).publish(),this.isLiked=!1,this.likeCount>0&&this.likeCount--,this.likeActionStatus.set(i.Ready),await this.updateLikeCount()}catch(t){console.error("[NostrLike] Failed to unlike:",t),this.isLiked=!0,this.likeCount++;const n=t instanceof Error?t.message:"Failed to unlike";this.likeActionStatus.set(i.Error,n)}finally{this.render()}}async handleCountClick(){if(!(this.likeCount===0||!this.cachedLikeDetails))try{const{openLikersDialog:t}=await y(async()=>{const{openLikersDialog:n}=await import("../assets/dialog-likers-BzTesCZa.js");return{openLikersDialog:n}},__vite__mapDeps([0,1,2,3,4,5,6]));await t({likeDetails:this.cachedLikeDetails.likeDetails,theme:this.theme==="dark"?"dark":"light"})}catch(t){console.error("[NostrLike] Error opening likers dialog:",t)}}async handleHelpClick(){try{await $(this.theme==="dark"?"dark":"light")}catch(t){console.error("[NostrLike] Error showing help dialog:",t)}}attachDelegatedListeners(){this.delegateEvent("click",".nostr-like-button",t=>{var n,o;(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t),this.handleLikeClick()}),this.delegateEvent("click",".like-count",t=>{var n,o;(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t),this.handleCountClick()}),this.delegateEvent("click",".help-icon",t=>{var n,o;(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t),this.handleHelpClick()})}renderContent(){const t=this.likeActionStatus.get()===i.Loading||this.conn.get()===i.Loading,n=this.likeListStatus.get()===i.Loading,o=this.computeOverall()===i.Error,s=this.errorMessage,a=this.getAttribute("text")||"Like",l={isLoading:t,isError:o,errorMessage:s,buttonText:a,isLiked:this.isLiked,likeCount:this.likeCount,hasLikes:this.likeCount>0,isCountLoading:n,theme:this.theme};this.shadowRoot.innerHTML=`
+  `,e.showModal()};new TextDecoder("utf-8");new TextEncoder;function k(r){r.indexOf("://")===-1&&(r="wss://"+r);let e=new URL(r);return e.pathname=e.pathname.replace(/\/+/g,"/"),e.pathname.endsWith("/")&&(e.pathname=e.pathname.slice(0,-1)),(e.port==="80"&&e.protocol==="ws:"||e.port==="443"&&e.protocol==="wss:")&&(e.port=""),e.searchParams.sort(),e.hash="",e.toString()}async function I(r,e){const t=k(r),n=new f;try{const o=await n.querySync(e,{kinds:[17],"#k":["web"],"#i":[t],limit:1e3}),s=[];let a=0,l=0;for(const c of o)s.push({authorPubkey:c.pubkey,date:new Date(c.created_at*1e3),content:c.content}),c.content==="-"?l++:a++;return s.sort((c,h)=>h.date.getTime()-c.date.getTime()),{totalCount:a-l,likeDetails:s,likedCount:a,dislikedCount:l}}catch(o){throw o instanceof Error?o:new Error(String(o))}finally{n.close(e)}}function v(r,e){return{kind:17,content:e,tags:[["k","web"],["i",r]],created_at:Math.floor(Date.now()/1e3)}}function M(r){return v(r,"+")}function H(r){return v(r,"-")}async function P(r,e,t){const n=new f,o=r;try{const s=await n.querySync(t,{kinds:[17],authors:[e],"#k":["web"],"#i":[o],limit:1});if(s.length===0)return!1;const a=s[0];return a.content==="+"||a.content===""}catch(s){return console.error("Nostr-Components: Like button: Error checking user like status",s),!1}finally{n.close(t)}}async function T(){try{if(typeof window<"u"&&window.nostr)return await window.nostr.getPublicKey()}catch(r){console.error("Nostr-Components: Like button: Error getting user pubkey",r)}return null}async function p(r){try{if(typeof window<"u"&&window.nostr)return await window.nostr.signEvent(r);throw new Error("NIP-07 extension not available")}catch(e){throw console.error("Nostr-Components: Like button: Error signing event",e),e}}function _(){return typeof window<"u"&&!!window.nostr}class F extends x{constructor(){super();d(this,"likeActionStatus",this.channel("likeAction"));d(this,"likeListStatus",this.channel("likeList"));d(this,"currentUrl","");d(this,"isLiked",!1);d(this,"likeCount",0);d(this,"cachedLikeDetails",null);d(this,"loadSeq",0)}connectedCallback(){var t;(t=super.connectedCallback)==null||t.call(this),this.likeListStatus.get()===i.Idle&&this.initChannelStatus("likeList",i.Loading,{reflectOverall:!1}),this.attachDelegatedListeners(),this.render()}static get observedAttributes(){return[...super.observedAttributes,"url","text"]}attributeChangedCallback(t,n,o){n!==o&&(super.attributeChangedCallback(t,n,o),(t==="url"||t==="text")&&(this.likeActionStatus.set(i.Ready),this.likeListStatus.set(i.Loading),this.isLiked=!1,this.errorMessage="",this.updateLikeCount(),this.render()))}validateInputs(){if(!super.validateInputs())return this.likeActionStatus.set(i.Idle),this.likeListStatus.set(i.Idle),!1;const t=this.getAttribute("url"),n=this.getAttribute("text"),o=this.tagName.toLowerCase();let s=null;return t&&(C(t)||(s="Invalid URL format")),n&&n.length>32&&(s="Max text length: 32 characters"),s?(this.likeActionStatus.set(i.Error,s),this.likeListStatus.set(i.Error,s),console.error(`Nostr-Components: ${o}: ${s}`),!1):!0}onStatusChange(t){this.render()}onNostrRelaysConnected(){this.updateLikeCount(),this.render()}ensureCurrentUrl(){this.currentUrl||(this.currentUrl=k(this.getAttribute("url")||window.location.href))}async updateLikeCount(){const t=++this.loadSeq;try{await this.ensureNostrConnected(),this.currentUrl=k(this.getAttribute("url")||window.location.href),this.likeListStatus.set(i.Loading),this.render();const n=await I(this.currentUrl,this.getRelays());if(t!==this.loadSeq)return;this.likeCount=n.totalCount,this.cachedLikeDetails=n,this.likeListStatus.set(i.Ready)}catch(n){console.error("[NostrLike] Failed to fetch like count:",n),this.likeListStatus.set(i.Error,"Failed to load likes")}finally{this.render()}}async handleLikeClick(){if(this.ensureCurrentUrl(),!this.currentUrl){this.likeActionStatus.set(i.Error,"Invalid URL"),this.render();return}if(this.likeActionStatus.set(i.Loading),!_()){this.likeActionStatus.set(i.Error,"Please install a Nostr browser extension (Alby, nos2x, etc.)"),this.render();return}try{const t=await T();t&&(this.isLiked=await P(this.currentUrl,t,this.getRelays()))}catch(t){console.error("[NostrLike] Failed to check user like status:",t),this.likeActionStatus.set(i.Error,"Failed to check user like status")}finally{this.render()}if(this.isLiked){if(!window.confirm("You have already liked this. Do you want to unlike it?")){this.likeActionStatus.set(i.Ready),this.render();return}await this.handleUnlike()}else await this.handleLike()}async handleLike(){if(this.ensureCurrentUrl(),!this.currentUrl){this.likeActionStatus.set(i.Error,"Invalid URL"),this.render();return}this.likeActionStatus.set(i.Loading),this.render();try{const t=M(this.currentUrl),n=await p(t);await new g(this.nostrService.getNDK(),n).publish(),this.isLiked=!0,this.likeCount++,this.likeActionStatus.set(i.Ready),await this.updateLikeCount()}catch(t){console.error("[NostrLike] Failed to like:",t),this.isLiked=!1,this.likeCount--;const n=t instanceof Error?t.message:"Failed to like";this.likeActionStatus.set(i.Error,n)}finally{this.render()}}async handleUnlike(){if(this.ensureCurrentUrl(),!this.currentUrl){this.likeActionStatus.set(i.Error,"Invalid URL"),this.render();return}this.likeActionStatus.set(i.Loading),this.render();try{const t=H(this.currentUrl),n=await p(t);await new g(this.nostrService.getNDK(),n).publish(),this.isLiked=!1,this.likeCount>0&&this.likeCount--,this.likeActionStatus.set(i.Ready),await this.updateLikeCount()}catch(t){console.error("[NostrLike] Failed to unlike:",t),this.isLiked=!0,this.likeCount++;const n=t instanceof Error?t.message:"Failed to unlike";this.likeActionStatus.set(i.Error,n)}finally{this.render()}}async handleCountClick(){if(!(this.likeCount===0||!this.cachedLikeDetails))try{const{openLikersDialog:t}=await y(async()=>{const{openLikersDialog:n}=await import("../assets/dialog-likers-BjiCHFan.js");return{openLikersDialog:n}},__vite__mapDeps([0,1,2,3,4,5,6]));await t({likeDetails:this.cachedLikeDetails.likeDetails,theme:this.theme==="dark"?"dark":"light"})}catch(t){console.error("[NostrLike] Error opening likers dialog:",t)}}async handleHelpClick(){try{await $(this.theme==="dark"?"dark":"light")}catch(t){console.error("[NostrLike] Error showing help dialog:",t)}}attachDelegatedListeners(){this.delegateEvent("click",".nostr-like-button",t=>{var n,o;(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t),this.handleLikeClick()}),this.delegateEvent("click",".like-count",t=>{var n,o;(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t),this.handleCountClick()}),this.delegateEvent("click",".help-icon",t=>{var n,o;(n=t.preventDefault)==null||n.call(t),(o=t.stopPropagation)==null||o.call(t),this.handleHelpClick()})}renderContent(){const t=this.likeActionStatus.get()===i.Loading||this.conn.get()===i.Loading,n=this.likeListStatus.get()===i.Loading,o=this.computeOverall()===i.Error,s=this.errorMessage,a=this.getAttribute("text")||"Like",l={isLoading:t,isError:o,errorMessage:s,buttonText:a,isLiked:this.isLiked,likeCount:this.likeCount,hasLikes:this.likeCount>0,isCountLoading:n,theme:this.theme};this.shadowRoot.innerHTML=`
       ${z()}
       ${S(l)}
     `}}customElements.define("nostr-like",F);

package/dist/components/nostr-zap.es.js

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/zap-utils-B1sz0Abx.js","assets/nostr-service-pr_crY62.js","assets/utils--bxLbhGF.js"])))=>i.map(i=>d[i]);
-var Yt=Object.defineProperty;var Jt=(e,t,n)=>t in e?Yt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var _=(e,t,n)=>Jt(e,typeof t!="symbol"?t+"":t,n);import{N as Gt}from"../assets/nostr-user-component-BOdux8_6.js";import{n as Qt,g as St,h as G,e as X,f as kt,c as At,a as N}from"../assets/base-styles-CBypR3FR.js";import"../assets/dialog-component-Dqg0QU9I.js";import{getProfileMetadata as Wt,getZapEndpoint as Xt,fetchInvoice as te,listenForZapReceipt as ee,getBatchedProfileMetadata as ne,extractProfileMetadataContent as Nt,fetchTotalZapAmount as oe}from"../assets/zap-utils-B1sz0Abx.js";import{_ as re}from"../assets/preload-helper-D7HrI6pR.js";import{i as ae}from"../assets/utils--bxLbhGF.js";import"../assets/user-resolver-C-E6KdwY.js";import"../assets/nostr-service-pr_crY62.js";const ie=(e="light")=>{const t=e==="dark";return`
+var Yt=Object.defineProperty;var Jt=(e,t,n)=>t in e?Yt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var _=(e,t,n)=>Jt(e,typeof t!="symbol"?t+"":t,n);import{N as Gt}from"../assets/nostr-user-component-BOdux8_6.js";import{n as Qt,g as St,h as G,e as X,f as kt,c as At,a as N}from"../assets/base-styles-CBypR3FR.js";import"../assets/dialog-component-Da1ZIYh9.js";import{getProfileMetadata as Wt,getZapEndpoint as Xt,fetchInvoice as te,listenForZapReceipt as ee,getBatchedProfileMetadata as ne,extractProfileMetadataContent as Nt,fetchTotalZapAmount as oe}from"../assets/zap-utils-B1sz0Abx.js";import{_ as re}from"../assets/preload-helper-D7HrI6pR.js";import{i as ae}from"../assets/utils--bxLbhGF.js";import"../assets/user-resolver-C-E6KdwY.js";import"../assets/nostr-service-pr_crY62.js";const ie=(e="light")=>{const t=e==="dark";return`
     /* === ZAP DIALOG CONTENT STYLES === */
     .zap-dialog-content {
       text-align: center;

package/dist/nostr-components.es.js

@@ -1,2 +1,2 @@
-import"./components/nostr-profile-badge.es.js";import"./components/nostr-post.es.js";import"./components/nostr-profile.es.js";import"./components/nostr-follow-button.es.js";import"./components/nostr-zap.es.js";import"./components/nostr-comment.es.js";import"./components/nostr-dm.es.js";import"./components/nostr-live-chat.es.js";import"./components/nostr-like.es.js";import"./assets/base-styles-CBypR3FR.js";import"./assets/nostr-service-pr_crY62.js";import"./assets/nostr-user-component-BOdux8_6.js";import"./assets/user-resolver-C-E6KdwY.js";import"./assets/copy-delegation-C4uvRTVM.js";import"./assets/icons-Dr_d9MII.js";import"./assets/theme-C1r1Zw8r.js";import"./assets/dialog-component-Dqg0QU9I.js";import"./assets/zap-utils-B1sz0Abx.js";import"./assets/utils--bxLbhGF.js";import"./assets/preload-helper-D7HrI6pR.js";import"./assets/nip05-utils-BNBHUmkr.js";
+import"./components/nostr-profile-badge.es.js";import"./components/nostr-post.es.js";import"./components/nostr-profile.es.js";import"./components/nostr-follow-button.es.js";import"./components/nostr-zap.es.js";import"./components/nostr-comment.es.js";import"./components/nostr-dm.es.js";import"./components/nostr-live-chat.es.js";import"./components/nostr-like.es.js";import"./assets/base-styles-CBypR3FR.js";import"./assets/nostr-service-pr_crY62.js";import"./assets/nostr-user-component-BOdux8_6.js";import"./assets/user-resolver-C-E6KdwY.js";import"./assets/copy-delegation-C4uvRTVM.js";import"./assets/icons-Dr_d9MII.js";import"./assets/theme-C1r1Zw8r.js";import"./assets/dialog-component-Da1ZIYh9.js";import"./assets/zap-utils-B1sz0Abx.js";import"./assets/utils--bxLbhGF.js";import"./assets/preload-helper-D7HrI6pR.js";import"./assets/nip05-utils-BNBHUmkr.js";
 //# sourceMappingURL=nostr-components.es.js.map

package/dist/nostr-components.umd.js

@@ -1266,8 +1266,13 @@ ${u}`)}return t}async fetchFollows(e){try{return(await e.followSet()).size}catch
       padding: var(--nostrc-spacing-xl, 20px);
       background: var(--nostrc-theme-bg, #ffffff);
       color: var(--nostrc-theme-text-primary, #000000);
-      position: relative;
+      margin: auto;
       font-family: var(--nostrc-font-family-primary, ui-sans-serif, system-ui, sans-serif);
+      /* Ensure dialog is centered when opened */
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
     }
 
     .nostr-base-dialog[open] {