@tatchi-xyz/sdk 0.20.0 → 0.31.0

package/dist/cjs/react/components/AccountMenuButton/LinkedDevicesModal-C-RBcCPI.css

@@ -0,0 +1,452 @@
+/* Linked Devices Modal Styles */
+
+.w3a-access-keys-modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  /* Ensure this modal stays below the wallet iframe overlay */
+  z-index: var(--w3a-z-underlay-backdrop, calc(var(--w3a-wallet-overlay-z, 2147483646) - var(--w3a-wallet-underlay-backdrop-offset, 2)));
+  background: oklch(0.2 0.01 240 / 0.8);
+  backdrop-filter: blur(8px);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  animation: backdrop-opacity 32ms ease-in;
+  will-change: opacity;
+}
+
+.w3a-access-keys-modal-inner {
+  position: relative;
+  z-index: var(--w3a-z-underlay-content, calc(var(--w3a-wallet-overlay-z, 2147483646) - var(--w3a-wallet-underlay-content-offset, 1)));
+  display: grid;
+  place-items: center;
+  height: 100%;
+  width: 100%;
+  max-width: 480;
+  border-radius: 12px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  overflow: visible;
+}
+
+.w3a-access-keys-modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  padding: 1rem;
+  overflow: visible;
+  min-height: 200px;
+  max-width: 480px;
+  min-width: 340px;
+  background: var(--w3a-colors-colorBackground);
+  border: 1px solid var(--w3a-colors-borderPrimary);
+  border-radius: 2rem;
+}
+
+.w3a-access-keys-modal-close {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  background: none;
+  border: none;
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--w3a-colors-textMuted);
+  cursor: pointer;
+  padding: 24px;
+  border-radius: 2rem;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+}
+
+.w3a-access-keys-modal-close:hover {
+  color: var(--w3a-colors-textPrimary);
+  background: var(--w3a-colors-surface);
+}
+
+.w3a-access-keys-modal-header {
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+  align-items: center;
+  padding: 1rem;
+}
+
+.w3a-access-keys-modal-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  color: var(--w3a-colors-textPrimary);
+  margin: 0;
+}
+
+.w3a-access-keys-modal-subtitle {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--w3a-colors-textPrimary);
+  margin: 16px 0 8px;
+}
+
+.w3a-access-keys-section {
+  margin-top: 12px;
+}
+
+.theme-light .w3a-access-key-current {
+  color: var(--w3a-colors-blue500, var(--w3a-colors-primary));
+}
+
+.theme-dark .w3a-access-key-current {
+  color: var(--w3a-colors-primary, var(--w3a-colors-blue500));
+}
+
+
+/* Loading, error, and empty states */
+.w3a-access-keys-error,
+.w3a-access-keys-empty {
+  text-align: center;
+  padding: 32px;
+  color: var(--w3a-colors-textMuted);
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.w3a-access-keys-error { color: var(--w3a-colors-error); }
+
+.w3a-access-keys-error .w3a-btn {
+  margin-top: 16px;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .w3a-access-keys-modal-outer {
+    padding: 8px;
+  }
+
+  .w3a-access-keys-modal-inner {
+    max-width: 100%;
+  max-height: 90vh;
+  /* Prefer dynamic viewport height on capable browsers */
+  @supports (height: 1dvh) {
+    max-height: 90dvh;
+  }
+  }
+
+  .w3a-access-keys-modal-header {
+    padding: 16px;
+  }
+
+  .w3a-access-keys-modal-content {
+    padding: 0 16px 16px;
+    max-width: 480px;
+  }
+}
+
+@media (max-width: 480px) {
+  .w3a-key-item {
+    max-width: 100%;
+  }
+}
+
+/* Linked Devices List */
+.w3a-keys-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  flex: 1;
+  overflow-x: visible;
+}
+
+.w3a-key-item {
+  box-sizing: border-box;
+  display: grid;
+  align-items: center;
+  background: var(--w3a-colors-surface);
+  border: 1px solid var(--w3a-colors-borderPrimary);
+  border-radius: 1rem;
+  padding: 1rem;
+  transition: all 0.2s ease;
+  overflow: visible;
+  animation: fadeInKeyItem 0.2s ease-in;
+}
+
+.w3a-key-content {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+}
+
+.w3a-key-details {
+  flex: 1;
+  min-width: 0;
+  font-size: 0.9rem;
+  font-weight: 500;
+  line-height: 1rem;
+  display: grid;
+  gap: 0.5rem;
+}
+
+.w3a-key-details .mono {
+  word-break: break-all;
+}
+
+.w3a-key-details .body {
+  margin-bottom: 0;
+}
+
+.w3a-key-details .body:last-child {
+  margin-bottom: 0;
+}
+
+.w3a-key-status {
+  flex-shrink: 0;
+}
+
+.w3a-status-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 92px;
+  padding: 2px 8px;
+  background: transparent;
+  color: var(--w3a-colors-success);
+  border: 1px solid var(--w3a-colors-success);
+  border-radius: 12px;
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+.theme-light .w3a-status-badge.w3a-full-access {
+  color: var(--w3a-colors-blue500);
+  border-color: var(--w3a-colors-blue500);
+}
+
+.w3a-key-header {
+  display: flex;
+  align-items: center;
+  gap: var(--w3a-spacing-sm);
+  color: var(--w3a-colors-textPrimary);
+}
+
+.w3a-copyable-key {
+  cursor: pointer;
+  flex: 1;
+  margin: 0;
+  transition: all 0.2s ease;
+  color: var(--w3a-colors-textPrimary);
+}
+
+.w3a-copyable-key:hover {
+  cursor: pointer;
+  color: var(--w3a-colors-primary);
+}
+
+/* Tooltip styles */
+.w3a-copyable-key {
+  position: relative;
+}
+
+.w3a-copy-tooltip {
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  background: var(--w3a-colors-surface2);
+  color: var(--w3a-colors-textPrimary);
+  border: 1px solid var(--w3a-colors-textMuted);
+  padding: 0.25rem 0.5rem;
+  border-radius: 1rem;
+  font-size: 0.75rem;
+  white-space: nowrap;
+  z-index: 1000;
+  margin-bottom: 0.25rem;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  animation: tooltipFadeIn 0.1s ease-in-out;
+  pointer-events: none;
+}
+
+.w3a-copy-tooltip::after {
+  content: '';
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 4px solid transparent;
+  border-top-color: var(--w3a-colors-surface);
+}
+
+/* Registered timestamp styling */
+.w3a-registered {
+  font-size: 0.9rem;
+  color: var(--w3a-colors-textPrimary);
+}
+
+/* Theme-specific contrast for registered timestamps */
+.theme-dark .w3a-registered {
+  color: var(--w3a-colors-textPrimary);
+}
+.theme-light .w3a-registered {
+  color: var(--w3a-colors-textPrimary);
+}
+
+/* Inline device row layout */
+.w3a-device-row {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
+/* Device badge */
+.w3a-device-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 4px 8px;
+  border-radius: 999px;
+  border: 1px solid var(--w3a-colors-borderPrimary);
+  color: #fff;
+  background: var(--w3a-colors-buttonBackground);
+  font-size: 0.825rem;
+  font-weight: 600;
+  line-height: 1;
+}
+
+.w3a-current-device-text {
+  opacity: 0.85;
+}
+
+.w3a-separator {
+  opacity: 0.6;
+}
+
+@keyframes tooltipFadeIn {
+  from {
+    opacity: 0;
+    transform: translateX(-50%) translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+  }
+}
+
+@keyframes copiedPulse {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.05);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+/* Button System */
+.w3a-btn {
+  padding: 4px 8px;
+  border: none;
+  border-radius: 8px;
+  font-size: 0.9rem;
+  font-weight: 500;
+  min-width: 2rem;
+  min-height: 2rem;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 2px;
+}
+
+.w3a-btn-primary {
+  background: var(--w3a-colors-primary);
+  color: #fff;
+}
+
+.w3a-btn-primary:hover:not(:disabled) {
+  background: var(--w3a-colors-primaryHover);
+  box-shadow: 0 2px 4px var(--w3a-shadows-sm);
+}
+
+.w3a-btn-primary:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.w3a-btn-danger {
+  background: var(--w3a-colors-error);
+  color: #fff;
+}
+
+.w3a-btn-danger:hover:not(:disabled) {
+  background: var(--w3a-colors-error);
+  box-shadow: 0 2px 4px var(--w3a-shadows-sm);
+}
+
+.w3a-btn-danger:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.w3a-spinner {
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--w3a-colors-borderPrimary);
+  border-top: 2px solid var(--w3a-colors-primary);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+/* Button-local spinner: match text size inside small buttons */
+.w3a-btn .w3a-spinner,
+.w3a-btn-primary .w3a-spinner,
+.w3a-btn-danger .w3a-spinner,
+.w3a-btn-disabled .w3a-spinner {
+  width: 1em;
+  height: 1em;
+  border-width: 2px;
+  margin-left: 0;
+}
+
+/* Danger button spinner: use white instead of primary/blue */
+.w3a-btn-danger .w3a-spinner {
+  border-color: rgba(255, 255, 255, 0.4);
+  border-top-color: #ffffff;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+@keyframes fadeInKeyItem {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes backdrop-opacity {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+
+/*# sourceMappingURL=LinkedDevicesModal-C-RBcCPI.css.map*/

package/dist/cjs/react/components/AccountMenuButton/LinkedDevicesModal-C-RBcCPI.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedDevicesModal-C-RBcCPI.css","names":[],"sources":["../../../../../src/react/components/AccountMenuButton/LinkedDevicesModal.css"],"sourcesContent":["/* Linked Devices Modal Styles */\n\n.w3a-access-keys-modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  /* Ensure this modal stays below the wallet iframe overlay */\n  z-index: var(--w3a-z-underlay-backdrop, calc(var(--w3a-wallet-overlay-z, 2147483646) - var(--w3a-wallet-underlay-backdrop-offset, 2)));\n  background: oklch(0.2 0.01 240 / 0.8);\n  backdrop-filter: blur(8px);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  animation: backdrop-opacity 32ms ease-in;\n  will-change: opacity;\n}\n\n.w3a-access-keys-modal-inner {\n  position: relative;\n  z-index: var(--w3a-z-underlay-content, calc(var(--w3a-wallet-overlay-z, 2147483646) - var(--w3a-wallet-underlay-content-offset, 1)));\n  display: grid;\n  place-items: center;\n  height: 100%;\n  width: 100%;\n  max-width: 480;\n  border-radius: 12px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  overflow: visible;\n}\n\n.w3a-access-keys-modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n  overflow: visible;\n  min-height: 200px;\n  max-width: 480px;\n  min-width: 340px;\n  background: var(--w3a-colors-colorBackground);\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  border-radius: 2rem;\n}\n\n.w3a-access-keys-modal-close {\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  background: none;\n  border: none;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--w3a-colors-textMuted);\n  cursor: pointer;\n  padding: 24px;\n  border-radius: 2rem;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n}\n\n.w3a-access-keys-modal-close:hover {\n  color: var(--w3a-colors-textPrimary);\n  background: var(--w3a-colors-surface);\n}\n\n.w3a-access-keys-modal-header {\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  align-items: center;\n  padding: 1rem;\n}\n\n.w3a-access-keys-modal-title {\n  font-size: 1.5rem;\n  font-weight: 700;\n  color: var(--w3a-colors-textPrimary);\n  margin: 0;\n}\n\n.w3a-access-keys-modal-subtitle {\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--w3a-colors-textPrimary);\n  margin: 16px 0 8px;\n}\n\n.w3a-access-keys-section {\n  margin-top: 12px;\n}\n\n.theme-light .w3a-access-key-current {\n  color: var(--w3a-colors-blue500, var(--w3a-colors-primary));\n}\n\n.theme-dark .w3a-access-key-current {\n  color: var(--w3a-colors-primary, var(--w3a-colors-blue500));\n}\n\n\n/* Loading, error, and empty states */\n.w3a-access-keys-error,\n.w3a-access-keys-empty {\n  text-align: center;\n  padding: 32px;\n  color: var(--w3a-colors-textMuted);\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.w3a-access-keys-error { color: var(--w3a-colors-error); }\n\n.w3a-access-keys-error .w3a-btn {\n  margin-top: 16px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .w3a-access-keys-modal-outer {\n    padding: 8px;\n  }\n\n  .w3a-access-keys-modal-inner {\n    max-width: 100%;\n  max-height: 90vh;\n  /* Prefer dynamic viewport height on capable browsers */\n  @supports (height: 1dvh) {\n    max-height: 90dvh;\n  }\n  }\n\n  .w3a-access-keys-modal-header {\n    padding: 16px;\n  }\n\n  .w3a-access-keys-modal-content {\n    padding: 0 16px 16px;\n    max-width: 480px;\n  }\n}\n\n@media (max-width: 480px) {\n  .w3a-key-item {\n    max-width: 100%;\n  }\n}\n\n/* Linked Devices List */\n.w3a-keys-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  overflow-x: visible;\n}\n\n.w3a-key-item {\n  box-sizing: border-box;\n  display: grid;\n  align-items: center;\n  background: var(--w3a-colors-surface);\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  border-radius: 1rem;\n  padding: 1rem;\n  transition: all 0.2s ease;\n  overflow: visible;\n  animation: fadeInKeyItem 0.2s ease-in;\n}\n\n.w3a-key-content {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n}\n\n.w3a-key-details {\n  flex: 1;\n  min-width: 0;\n  font-size: 0.9rem;\n  font-weight: 500;\n  line-height: 1rem;\n  display: grid;\n  gap: 0.5rem;\n}\n\n.w3a-key-details .mono {\n  word-break: break-all;\n}\n\n.w3a-key-details .body {\n  margin-bottom: 0;\n}\n\n.w3a-key-details .body:last-child {\n  margin-bottom: 0;\n}\n\n.w3a-key-status {\n  flex-shrink: 0;\n}\n\n.w3a-status-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 92px;\n  padding: 2px 8px;\n  background: transparent;\n  color: var(--w3a-colors-success);\n  border: 1px solid var(--w3a-colors-success);\n  border-radius: 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n}\n\n.theme-light .w3a-status-badge.w3a-full-access {\n  color: var(--w3a-colors-blue500);\n  border-color: var(--w3a-colors-blue500);\n}\n\n.w3a-key-header {\n  display: flex;\n  align-items: center;\n  gap: var(--w3a-spacing-sm);\n  color: var(--w3a-colors-textPrimary);\n}\n\n.w3a-copyable-key {\n  cursor: pointer;\n  flex: 1;\n  margin: 0;\n  transition: all 0.2s ease;\n  color: var(--w3a-colors-textPrimary);\n}\n\n.w3a-copyable-key:hover {\n  cursor: pointer;\n  color: var(--w3a-colors-primary);\n}\n\n/* Tooltip styles */\n.w3a-copyable-key {\n  position: relative;\n}\n\n.w3a-copy-tooltip {\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--w3a-colors-surface2);\n  color: var(--w3a-colors-textPrimary);\n  border: 1px solid var(--w3a-colors-textMuted);\n  padding: 0.25rem 0.5rem;\n  border-radius: 1rem;\n  font-size: 0.75rem;\n  white-space: nowrap;\n  z-index: 1000;\n  margin-bottom: 0.25rem;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  animation: tooltipFadeIn 0.1s ease-in-out;\n  pointer-events: none;\n}\n\n.w3a-copy-tooltip::after {\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border: 4px solid transparent;\n  border-top-color: var(--w3a-colors-surface);\n}\n\n/* Registered timestamp styling */\n.w3a-registered {\n  font-size: 0.9rem;\n  color: var(--w3a-colors-textPrimary);\n}\n\n/* Theme-specific contrast for registered timestamps */\n.theme-dark .w3a-registered {\n  color: var(--w3a-colors-textPrimary);\n}\n.theme-light .w3a-registered {\n  color: var(--w3a-colors-textPrimary);\n}\n\n/* Inline device row layout */\n.w3a-device-row {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* Device badge */\n.w3a-device-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px 8px;\n  border-radius: 999px;\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  color: #fff;\n  background: var(--w3a-colors-buttonBackground);\n  font-size: 0.825rem;\n  font-weight: 600;\n  line-height: 1;\n}\n\n.w3a-current-device-text {\n  opacity: 0.85;\n}\n\n.w3a-separator {\n  opacity: 0.6;\n}\n\n@keyframes tooltipFadeIn {\n  from {\n    opacity: 0;\n    transform: translateX(-50%) translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n}\n\n@keyframes copiedPulse {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.05);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n/* Button System */\n.w3a-btn {\n  padding: 4px 8px;\n  border: none;\n  border-radius: 8px;\n  font-size: 0.9rem;\n  font-weight: 500;\n  min-width: 2rem;\n  min-height: 2rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n}\n\n.w3a-btn-primary {\n  background: var(--w3a-colors-primary);\n  color: #fff;\n}\n\n.w3a-btn-primary:hover:not(:disabled) {\n  background: var(--w3a-colors-primaryHover);\n  box-shadow: 0 2px 4px var(--w3a-shadows-sm);\n}\n\n.w3a-btn-primary:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  transform: none;\n}\n\n.w3a-btn-danger {\n  background: var(--w3a-colors-error);\n  color: #fff;\n}\n\n.w3a-btn-danger:hover:not(:disabled) {\n  background: var(--w3a-colors-error);\n  box-shadow: 0 2px 4px var(--w3a-shadows-sm);\n}\n\n.w3a-btn-danger:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  transform: none;\n}\n\n.w3a-spinner {\n  width: 16px;\n  height: 16px;\n  border: 2px solid var(--w3a-colors-borderPrimary);\n  border-top: 2px solid var(--w3a-colors-primary);\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n}\n\n/* Button-local spinner: match text size inside small buttons */\n.w3a-btn .w3a-spinner,\n.w3a-btn-primary .w3a-spinner,\n.w3a-btn-danger .w3a-spinner,\n.w3a-btn-disabled .w3a-spinner {\n  width: 1em;\n  height: 1em;\n  border-width: 2px;\n  margin-left: 0;\n}\n\n/* Danger button spinner: use white instead of primary/blue */\n.w3a-btn-danger .w3a-spinner {\n  border-color: rgba(255, 255, 255, 0.4);\n  border-top-color: #ffffff;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeInKeyItem {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes backdrop-opacity {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n"],"mappings":"AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/cjs/react/components/AccountMenuButton/LinkedDevicesModal2.js

@@ -1,6 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.js');
-const require_accountIds = require('../../sdk/src/core/types/accountIds.js');
-const require_rpcCalls = require('../../sdk/src/core/rpcCalls.js');
+const require_accountIds = require('../../src/core/types/accountIds.js');
+const require_rpcCalls = require('../../src/core/rpcCalls.js');
 const require_index = require('../../context/index.js');
 const require_ThemeProvider = require('../theme/ThemeProvider.js');
 require('./LinkedDevicesModal.js');
@@ -10,8 +10,6 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/react/components/AccountMenuButton/LinkedDevicesModal.tsx
-require_rpcCalls.init_rpcCalls();
-require_accountIds.init_accountIds();
 const LinkedDevicesModal = ({ nearAccountId, isOpen, onClose }) => {
 	const { tatchi, loginState, viewAccessKeyList } = require_index.useTatchi();
 	const { theme } = require_ThemeProvider.useTheme();
@@ -108,7 +106,10 @@ const LinkedDevicesModal = ({ nearAccountId, isOpen, onClose }) => {
 		setDeletingKeyPublicKey(publicKey);
 		setDeleteError(null);
 		try {
-			await tatchi.deleteDeviceKey(nearAccountId, publicKey);
+			await tatchi.deleteDeviceKey(nearAccountId, publicKey, { signerMode: {
+				mode: "threshold-signer",
+				behavior: "fallback"
+			} });
 			await loadAuthenticators();
 		} catch (err) {
 			setDeleteError(err.message || "Failed to delete access key");

package/dist/cjs/react/components/AccountMenuButton/LinkedDevicesModal2.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkedDevicesModal2.js","names":["LinkedDevicesModal: React.FC<LinkedDevicesModalProps>","useTatchi","useTheme","getAuthenticatorsByUser","toAccountId","rows: Array<{ credentialId: string; registered: string; deviceNumber: number; nearPublicKey: string | null }>","err: any","Theme","items: React.ReactNode[]"],"sources":["../../../../../src/react/components/AccountMenuButton/LinkedDevicesModal.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { useTatchi } from '../../context';\nimport './LinkedDevicesModal.css';\nimport { useTheme, Theme } from '../theme';\n\nimport { getAuthenticatorsByUser } from '@/core/rpcCalls';\nimport type { ContractStoredAuthenticator } from '@/core/TatchiPasskey/recoverAccount';\nimport type { AccessKeyList } from '@/core/NearClient';\nimport { toAccountId } from '@/core/types/accountIds';\n\ninterface LinkedDevicesModalProps {\n  nearAccountId: string;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport const LinkedDevicesModal: React.FC<LinkedDevicesModalProps> = ({\n  nearAccountId,\n  isOpen,\n  onClose\n}) => {\n  const { tatchi, loginState, viewAccessKeyList } = useTatchi();\n  const { theme } = useTheme();\n  // Authenticators list: credentialId + registered timestamp + device number\n  const [authRows, setAuthRows] = useState<Array<{\n    credentialId: string;\n    registered: string;\n    deviceNumber: number;\n    nearPublicKey: string | null;\n  }>>([{ credentialId: 'placeholder', registered: '', deviceNumber: 0, nearPublicKey: null }]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [accessKeyList, setAccessKeyList] = useState<AccessKeyList | null>(null);\n  const [tooltipVisible, setTooltipVisible] = useState<number | null>(null);\n  const [copiedKeys, setCopiedKeys] = useState<Set<number>>(new Set());\n  const [currentDeviceNumber, setCurrentDeviceNumber] = useState<number | null>(null);\n  const [deletingKeyPublicKey, setDeletingKeyPublicKey] = useState<string | null>(null);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n\n  const formatDateTime = (iso: string) => {\n    if (!iso) return '—';\n    try { return new Date(iso).toLocaleString(); } catch { return iso; }\n  };\n\n  useEffect(() => {\n    if (isOpen) {\n      loadAuthenticators();\n      // Also resolve current device number for highlighting\n      (async () => {\n        try {\n          if (!tatchi) return;\n          const { login } = await tatchi.getLoginSession(nearAccountId);\n          const dn = (login as any)?.userData?.deviceNumber;\n          if (typeof dn === 'number' && Number.isFinite(dn)) {\n            setCurrentDeviceNumber(dn);\n          } else {\n            setCurrentDeviceNumber(null);\n          }\n        } catch {\n          setCurrentDeviceNumber(null);\n        }\n      })();\n    }\n  }, [isOpen]);\n\n  // Close on ESC press while modal is open\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        e.preventDefault();\n        onClose();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [isOpen, onClose]);\n\n  const loadAuthenticators = async () => {\n    if (!tatchi) return;\n\n    setIsLoading(true);\n    setError(null);\n    setDeleteError(null);\n\n    try {\n      const nearClient = tatchi.getNearClient();\n      const contractId = tatchi.configs.contractId;\n      const [tuples, keys] = await Promise.all([\n        getAuthenticatorsByUser(nearClient, contractId, toAccountId(nearAccountId)),\n        viewAccessKeyList(nearAccountId)\n      ]);\n\n      // Map each authenticator to a single row with credentialId and registered timestamp\n      const rows: Array<{ credentialId: string; registered: string; deviceNumber: number; nearPublicKey: string | null }> = [];\n      for (const [credentialId, auth] of (tuples || []) as Array<[string, ContractStoredAuthenticator]>) {\n        const dn = Number(auth.device_number);\n        const rawRegistered = String((auth as any).registered ?? '');\n        const registered = (() => {\n          if (!rawRegistered) return '';\n          // Legacy contracts may return a numeric timestamp string.\n          if (/^\\d+$/.test(rawRegistered)) {\n            const ts = Number(rawRegistered);\n            return Number.isFinite(ts) ? new Date(ts).toISOString() : rawRegistered;\n          }\n          return rawRegistered;\n        })();\n\n        const nearPublicKey = (auth as any).near_public_key ?? null;\n        rows.push({ credentialId, registered, deviceNumber: dn, nearPublicKey });\n      }\n      setAuthRows(rows.length > 0 ? rows : []);\n      setAccessKeyList(keys);\n    } catch (err: any) {\n      setError(err.message || 'Failed to load linked devices or access keys');\n      setAccessKeyList(null);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleDeleteKey = async (publicKey: string) => {\n    if (!tatchi || !publicKey) return;\n    if (!nearAccountId) return;\n\n    setDeletingKeyPublicKey(publicKey);\n    setDeleteError(null);\n\n    try {\n      await tatchi.deleteDeviceKey(nearAccountId, publicKey);\n      await loadAuthenticators();\n    } catch (err: any) {\n      setDeleteError(err.message || 'Failed to delete access key');\n    } finally {\n      setDeletingKeyPublicKey(null);\n    }\n  };\n\n  const copyToClipboard = async (text: string, keyIndex: number) => {\n    try {\n      await navigator.clipboard.writeText(text);\n\n      // Fire custom event for copy action\n      const copyEvent = new CustomEvent('accessKeyCopied', {\n        detail: {\n          publicKey: text,\n          keyIndex: keyIndex,\n          timestamp: Date.now()\n        }\n      });\n      window.dispatchEvent(copyEvent);\n\n      // Show brief tooltip feedback\n      setTooltipVisible(keyIndex);\n      setTimeout(() => setTooltipVisible(null), 2000);\n\n      // Set copied state for status badge\n      setCopiedKeys(prev => new Set(prev).add(keyIndex));\n      setTimeout(() => {\n        setCopiedKeys(prev => {\n          const newSet = new Set(prev);\n          newSet.delete(keyIndex);\n          return newSet;\n        });\n      }, 3000);\n    } catch (err) {\n      console.error('Failed to copy to clipboard:', err);\n    }\n  };\n\n  if (!isOpen) return null;\n\n  // Prevent any events from bubbling up to parent components\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onClose();\n  };\n\n  const handleModalContentClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    // Don't call onClose here - we want to keep the modal open\n  };\n\n  return (\n    <Theme mode=\"scope-only\">\n    <div className={`w3a-access-keys-modal-backdrop theme-${theme}`}\n      onClick={handleBackdropClick}\n      onMouseDown={(e) => e.stopPropagation()}\n      onMouseUp={(e) => e.stopPropagation()}\n    >\n      <div className=\"w3a-access-keys-modal-content\"\n        onClick={handleModalContentClick}\n        onMouseDown={(e) => e.stopPropagation()}\n        onMouseUp={(e) => e.stopPropagation()}\n      >\n        <div className=\"w3a-access-keys-modal-header\">\n          <h2 className=\"w3a-access-keys-modal-title\">Linked Devices</h2>\n        </div>\n        <button className=\"w3a-access-keys-modal-close\"\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n            onClose();\n          }}\n        >\n          ✕\n        </button>\n\n        {error && (\n          <div className=\"w3a-access-keys-error\">\n            <p>{error}</p>\n            <button onClick={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n              loadAuthenticators();\n            }} className=\"w3a-btn w3a-btn-primary\">\n              Try Again\n            </button>\n          </div>\n        )}\n\n        {!isLoading && !error && authRows.filter(r => r.credentialId !== 'placeholder').length === 0 && (\n          <div className=\"w3a-access-keys-empty\">\n            <p>No authenticators found.</p>\n          </div>\n        )}\n\n        {!error && authRows.filter(r => r.credentialId !== 'placeholder').length > 0 && (\n          <div className=\"w3a-keys-list\">\n            {(() => {\n              console.log(\"authRows\", authRows)\n              const rows = authRows.filter(r => r.credentialId !== 'placeholder');\n              const current = (currentDeviceNumber != null)\n                ? rows.find(r => r.deviceNumber === currentDeviceNumber)\n                : null;\n              const others = (currentDeviceNumber != null)\n                ? rows.filter(r => r.deviceNumber !== currentDeviceNumber)\n                : rows;\n\n              const items: React.ReactNode[] = [];\n\n              if (current) {\n                const index = 0;\n                const currentKey = current.nearPublicKey || loginState?.nearPublicKey || null;\n                const isCurrentKey = !!currentKey && loginState?.nearPublicKey === currentKey;\n                const canDelete = !!accessKeyList && accessKeyList.keys.length > 1;\n                const isDeletingThisKey = !!currentKey && deletingKeyPublicKey === currentKey;\n                items.push(\n                  <div key={`current-${current.deviceNumber}`} className=\"w3a-key-item\">\n                    <div className=\"w3a-key-content\">\n                      <div className=\"w3a-key-details\">\n                        <div className=\"w3a-key-header\">\n                          <div className=\"mono w3a-device-row\">\n                            <span className=\"w3a-device-badge\">Device {current.deviceNumber}</span>\n                            <span className=\"w3a-current-device-text\">(current device)</span>\n                          </div>\n                        </div>\n                        <div className=\"mono w3a-registered\">Registered: {formatDateTime(current.registered)}</div>\n                        {currentKey && (\n                          <div\n                            className=\"mono w3a-copyable-key w3a-access-key-current\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              copyToClipboard(currentKey, index);\n                            }}\n                            onMouseEnter={() => setTooltipVisible(index)}\n                            onMouseLeave={() => setTooltipVisible(null)}\n                            title=\"Click to copy\"\n                          >\n                            Access Key: {currentKey}\n                            {tooltipVisible === index && (\n                              <div className=\"w3a-copy-tooltip\">Click to copy</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                      {currentKey && (\n                        <div className=\"w3a-key-status\">\n                          <button\n                            className={`w3a-btn ${isCurrentKey ? 'w3a-btn-primary' : 'w3a-btn-danger'}`}\n                            style={{ width: '64px' }}\n                            disabled={!canDelete || isDeletingThisKey}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              if (canDelete && !isDeletingThisKey) {\n                                void handleDeleteKey(currentKey);\n                              }\n                            }}\n                          >\n                            {isDeletingThisKey ? (\n                              <span className=\"w3a-spinner\"/>\n                            ) : (\n                              'Delete'\n                            )}\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                );\n              }\n\n              others.forEach((item, i) => {\n                const canDelete = !!accessKeyList && accessKeyList.keys.length > 1;\n                const isDeletingThisKey = !!item.nearPublicKey && deletingKeyPublicKey === item.nearPublicKey;\n                items.push(\n                  <div key={`other-${item.deviceNumber}-${i}`} className=\"w3a-key-item\">\n                    <div className=\"w3a-key-content\">\n                      <div className=\"w3a-key-details\">\n                        <div className=\"w3a-key-header\">\n                          <div className=\"mono w3a-device-row\">\n                            <span className=\"w3a-device-badge\">Device {item.deviceNumber}</span>\n                          </div>\n                        </div>\n                        <div className=\"mono w3a-registered\">Registered: {formatDateTime(item.registered)}</div>\n                        {item.nearPublicKey && (\n                          <div\n                            className=\"mono w3a-copyable-key\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              copyToClipboard(item.nearPublicKey!, 10 + i);\n                            }}\n                            onMouseEnter={() => setTooltipVisible(10 + i)}\n                            onMouseLeave={() => setTooltipVisible(null)}\n                            title=\"Click to copy\"\n                          >\n                            Access Key: {item.nearPublicKey}\n                            {tooltipVisible === 10 + i && (\n                              <div className=\"w3a-copy-tooltip\">Click to copy</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                      {item.nearPublicKey && (\n                        <div className=\"w3a-key-status\">\n                          <button\n                            className=\"w3a-btn w3a-btn-danger\"\n                            style={{ width: '64px' }}\n                            disabled={!canDelete || isDeletingThisKey}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              if (canDelete && !isDeletingThisKey) {\n                                void handleDeleteKey(item.nearPublicKey!);\n                              }\n                            }}\n                          >\n                            {isDeletingThisKey ? (\n                              <span className=\"w3a-spinner\"/>\n                            ) : (\n                              'Delete'\n                            )}\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                );\n              });\n\n              return items;\n            })()}\n          </div>\n        )}\n\n        {deleteError && (\n          <div className=\"w3a-access-keys-error\">\n            <p>{deleteError}</p>\n          </div>\n        )}\n      </div>\n    </div>\n    </Theme>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LinkedDevicesModal2.js","names":["LinkedDevicesModal: React.FC<LinkedDevicesModalProps>","useTatchi","useTheme","getAuthenticatorsByUser","toAccountId","rows: Array<{ credentialId: string; registered: string; deviceNumber: number; nearPublicKey: string | null }>","err: any","Theme","items: React.ReactNode[]"],"sources":["../../../../../src/react/components/AccountMenuButton/LinkedDevicesModal.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { useTatchi } from '../../context';\nimport './LinkedDevicesModal.css';\nimport { useTheme, Theme } from '../theme';\n\nimport { getAuthenticatorsByUser } from '@/core/rpcCalls';\nimport type { ContractStoredAuthenticator } from '@/core/TatchiPasskey/syncAccount';\nimport type { AccessKeyList } from '@/core/NearClient';\nimport { toAccountId } from '@/core/types/accountIds';\n\ninterface LinkedDevicesModalProps {\n  nearAccountId: string;\n  isOpen: boolean;\n  onClose: () => void;\n}\n\nexport const LinkedDevicesModal: React.FC<LinkedDevicesModalProps> = ({\n  nearAccountId,\n  isOpen,\n  onClose\n}) => {\n  const { tatchi, loginState, viewAccessKeyList } = useTatchi();\n  const { theme } = useTheme();\n  // Authenticators list: credentialId + registered timestamp + device number\n  const [authRows, setAuthRows] = useState<Array<{\n    credentialId: string;\n    registered: string;\n    deviceNumber: number;\n    nearPublicKey: string | null;\n  }>>([{ credentialId: 'placeholder', registered: '', deviceNumber: 0, nearPublicKey: null }]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [accessKeyList, setAccessKeyList] = useState<AccessKeyList | null>(null);\n  const [tooltipVisible, setTooltipVisible] = useState<number | null>(null);\n  const [copiedKeys, setCopiedKeys] = useState<Set<number>>(new Set());\n  const [currentDeviceNumber, setCurrentDeviceNumber] = useState<number | null>(null);\n  const [deletingKeyPublicKey, setDeletingKeyPublicKey] = useState<string | null>(null);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n\n  const formatDateTime = (iso: string) => {\n    if (!iso) return '—';\n    try { return new Date(iso).toLocaleString(); } catch { return iso; }\n  };\n\n  useEffect(() => {\n    if (isOpen) {\n      loadAuthenticators();\n      // Also resolve current device number for highlighting\n      (async () => {\n        try {\n          if (!tatchi) return;\n          const { login } = await tatchi.getLoginSession(nearAccountId);\n          const dn = (login as any)?.userData?.deviceNumber;\n          if (typeof dn === 'number' && Number.isFinite(dn)) {\n            setCurrentDeviceNumber(dn);\n          } else {\n            setCurrentDeviceNumber(null);\n          }\n        } catch {\n          setCurrentDeviceNumber(null);\n        }\n      })();\n    }\n  }, [isOpen]);\n\n  // Close on ESC press while modal is open\n  useEffect(() => {\n    if (!isOpen) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' || e.key === 'Esc') {\n        e.preventDefault();\n        onClose();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [isOpen, onClose]);\n\n  const loadAuthenticators = async () => {\n    if (!tatchi) return;\n\n    setIsLoading(true);\n    setError(null);\n    setDeleteError(null);\n\n    try {\n      const nearClient = tatchi.getNearClient();\n      const contractId = tatchi.configs.contractId;\n      const [tuples, keys] = await Promise.all([\n        getAuthenticatorsByUser(nearClient, contractId, toAccountId(nearAccountId)),\n        viewAccessKeyList(nearAccountId)\n      ]);\n\n      // Map each authenticator to a single row with credentialId and registered timestamp\n      const rows: Array<{ credentialId: string; registered: string; deviceNumber: number; nearPublicKey: string | null }> = [];\n      for (const [credentialId, auth] of (tuples || []) as Array<[string, ContractStoredAuthenticator]>) {\n        const dn = Number(auth.device_number);\n        const rawRegistered = String((auth as any).registered ?? '');\n        const registered = (() => {\n          if (!rawRegistered) return '';\n          // Legacy contracts may return a numeric timestamp string.\n          if (/^\\d+$/.test(rawRegistered)) {\n            const ts = Number(rawRegistered);\n            return Number.isFinite(ts) ? new Date(ts).toISOString() : rawRegistered;\n          }\n          return rawRegistered;\n        })();\n\n        const nearPublicKey = (auth as any).near_public_key ?? null;\n        rows.push({ credentialId, registered, deviceNumber: dn, nearPublicKey });\n      }\n      setAuthRows(rows.length > 0 ? rows : []);\n      setAccessKeyList(keys);\n    } catch (err: any) {\n      setError(err.message || 'Failed to load linked devices or access keys');\n      setAccessKeyList(null);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleDeleteKey = async (publicKey: string) => {\n    if (!tatchi || !publicKey) return;\n    if (!nearAccountId) return;\n\n    setDeletingKeyPublicKey(publicKey);\n    setDeleteError(null);\n\n    try {\n      await tatchi.deleteDeviceKey(nearAccountId, publicKey, {\n        signerMode: { mode: 'threshold-signer', behavior: 'fallback' },\n      });\n      await loadAuthenticators();\n    } catch (err: any) {\n      setDeleteError(err.message || 'Failed to delete access key');\n    } finally {\n      setDeletingKeyPublicKey(null);\n    }\n  };\n\n  const copyToClipboard = async (text: string, keyIndex: number) => {\n    try {\n      await navigator.clipboard.writeText(text);\n\n      // Fire custom event for copy action\n      const copyEvent = new CustomEvent('accessKeyCopied', {\n        detail: {\n          publicKey: text,\n          keyIndex: keyIndex,\n          timestamp: Date.now()\n        }\n      });\n      window.dispatchEvent(copyEvent);\n\n      // Show brief tooltip feedback\n      setTooltipVisible(keyIndex);\n      setTimeout(() => setTooltipVisible(null), 2000);\n\n      // Set copied state for status badge\n      setCopiedKeys(prev => new Set(prev).add(keyIndex));\n      setTimeout(() => {\n        setCopiedKeys(prev => {\n          const newSet = new Set(prev);\n          newSet.delete(keyIndex);\n          return newSet;\n        });\n      }, 3000);\n    } catch (err) {\n      console.error('Failed to copy to clipboard:', err);\n    }\n  };\n\n  if (!isOpen) return null;\n\n  // Prevent any events from bubbling up to parent components\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onClose();\n  };\n\n  const handleModalContentClick = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    // Don't call onClose here - we want to keep the modal open\n  };\n\n  return (\n    <Theme mode=\"scope-only\">\n    <div className={`w3a-access-keys-modal-backdrop theme-${theme}`}\n      onClick={handleBackdropClick}\n      onMouseDown={(e) => e.stopPropagation()}\n      onMouseUp={(e) => e.stopPropagation()}\n    >\n      <div className=\"w3a-access-keys-modal-content\"\n        onClick={handleModalContentClick}\n        onMouseDown={(e) => e.stopPropagation()}\n        onMouseUp={(e) => e.stopPropagation()}\n      >\n        <div className=\"w3a-access-keys-modal-header\">\n          <h2 className=\"w3a-access-keys-modal-title\">Linked Devices</h2>\n        </div>\n        <button className=\"w3a-access-keys-modal-close\"\n          onClick={(e) => {\n            e.preventDefault();\n            e.stopPropagation();\n            onClose();\n          }}\n        >\n          ✕\n        </button>\n\n        {error && (\n          <div className=\"w3a-access-keys-error\">\n            <p>{error}</p>\n            <button onClick={(e) => {\n              e.preventDefault();\n              e.stopPropagation();\n              loadAuthenticators();\n            }} className=\"w3a-btn w3a-btn-primary\">\n              Try Again\n            </button>\n          </div>\n        )}\n\n        {!isLoading && !error && authRows.filter(r => r.credentialId !== 'placeholder').length === 0 && (\n          <div className=\"w3a-access-keys-empty\">\n            <p>No authenticators found.</p>\n          </div>\n        )}\n\n        {!error && authRows.filter(r => r.credentialId !== 'placeholder').length > 0 && (\n          <div className=\"w3a-keys-list\">\n            {(() => {\n              console.log(\"authRows\", authRows)\n              const rows = authRows.filter(r => r.credentialId !== 'placeholder');\n              const current = (currentDeviceNumber != null)\n                ? rows.find(r => r.deviceNumber === currentDeviceNumber)\n                : null;\n              const others = (currentDeviceNumber != null)\n                ? rows.filter(r => r.deviceNumber !== currentDeviceNumber)\n                : rows;\n\n              const items: React.ReactNode[] = [];\n\n              if (current) {\n                const index = 0;\n                const currentKey = current.nearPublicKey || loginState?.nearPublicKey || null;\n                const isCurrentKey = !!currentKey && loginState?.nearPublicKey === currentKey;\n                const canDelete = !!accessKeyList && accessKeyList.keys.length > 1;\n                const isDeletingThisKey = !!currentKey && deletingKeyPublicKey === currentKey;\n                items.push(\n                  <div key={`current-${current.deviceNumber}`} className=\"w3a-key-item\">\n                    <div className=\"w3a-key-content\">\n                      <div className=\"w3a-key-details\">\n                        <div className=\"w3a-key-header\">\n                          <div className=\"mono w3a-device-row\">\n                            <span className=\"w3a-device-badge\">Device {current.deviceNumber}</span>\n                            <span className=\"w3a-current-device-text\">(current device)</span>\n                          </div>\n                        </div>\n                        <div className=\"mono w3a-registered\">Registered: {formatDateTime(current.registered)}</div>\n                        {currentKey && (\n                          <div\n                            className=\"mono w3a-copyable-key w3a-access-key-current\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              copyToClipboard(currentKey, index);\n                            }}\n                            onMouseEnter={() => setTooltipVisible(index)}\n                            onMouseLeave={() => setTooltipVisible(null)}\n                            title=\"Click to copy\"\n                          >\n                            Access Key: {currentKey}\n                            {tooltipVisible === index && (\n                              <div className=\"w3a-copy-tooltip\">Click to copy</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                      {currentKey && (\n                        <div className=\"w3a-key-status\">\n                          <button\n                            className={`w3a-btn ${isCurrentKey ? 'w3a-btn-primary' : 'w3a-btn-danger'}`}\n                            style={{ width: '64px' }}\n                            disabled={!canDelete || isDeletingThisKey}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              if (canDelete && !isDeletingThisKey) {\n                                void handleDeleteKey(currentKey);\n                              }\n                            }}\n                          >\n                            {isDeletingThisKey ? (\n                              <span className=\"w3a-spinner\"/>\n                            ) : (\n                              'Delete'\n                            )}\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                );\n              }\n\n              others.forEach((item, i) => {\n                const canDelete = !!accessKeyList && accessKeyList.keys.length > 1;\n                const isDeletingThisKey = !!item.nearPublicKey && deletingKeyPublicKey === item.nearPublicKey;\n                items.push(\n                  <div key={`other-${item.deviceNumber}-${i}`} className=\"w3a-key-item\">\n                    <div className=\"w3a-key-content\">\n                      <div className=\"w3a-key-details\">\n                        <div className=\"w3a-key-header\">\n                          <div className=\"mono w3a-device-row\">\n                            <span className=\"w3a-device-badge\">Device {item.deviceNumber}</span>\n                          </div>\n                        </div>\n                        <div className=\"mono w3a-registered\">Registered: {formatDateTime(item.registered)}</div>\n                        {item.nearPublicKey && (\n                          <div\n                            className=\"mono w3a-copyable-key\"\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              copyToClipboard(item.nearPublicKey!, 10 + i);\n                            }}\n                            onMouseEnter={() => setTooltipVisible(10 + i)}\n                            onMouseLeave={() => setTooltipVisible(null)}\n                            title=\"Click to copy\"\n                          >\n                            Access Key: {item.nearPublicKey}\n                            {tooltipVisible === 10 + i && (\n                              <div className=\"w3a-copy-tooltip\">Click to copy</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                      {item.nearPublicKey && (\n                        <div className=\"w3a-key-status\">\n                          <button\n                            className=\"w3a-btn w3a-btn-danger\"\n                            style={{ width: '64px' }}\n                            disabled={!canDelete || isDeletingThisKey}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              if (canDelete && !isDeletingThisKey) {\n                                void handleDeleteKey(item.nearPublicKey!);\n                              }\n                            }}\n                          >\n                            {isDeletingThisKey ? (\n                              <span className=\"w3a-spinner\"/>\n                            ) : (\n                              'Delete'\n                            )}\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                );\n              });\n\n              return items;\n            })()}\n          </div>\n        )}\n\n        {deleteError && (\n          <div className=\"w3a-access-keys-error\">\n            <p>{deleteError}</p>\n          </div>\n        )}\n      </div>\n    </div>\n    </Theme>\n  );\n};\n"],"mappings":"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"}