@tatchi-xyz/sdk 0.20.0 → 0.31.0

package/dist/cjs/react/components/PasskeyAuthMenu/PasskeyAuthMenu-DRwSoF8q.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasskeyAuthMenu-DRwSoF8q.css","names":[],"sources":["../../../../../src/react/components/PasskeyAuthMenu/PasskeyAuthMenu.css"],"sourcesContent":["/* Root container */\n.w3a-signup-menu-root {\n  position: relative; /* relative position to anchor back button */\n  width: min(100dvw, 420px);\n  max-width: 100dvw;\n  min-width: 330px;\n  min-height: 250px;\n  color: var(--w3a-colors-textPrimary);\n  background: var(--w3a-colors-colorBackground);\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  border-radius: 3rem;\n  box-shadow: var(--w3a-shadows-lg);\n  padding: var(--w3a-spacing-lg);\n  padding-top: calc(var(--w3a-spacing-lg) + 4px);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  transition: height 260ms cubic-bezier(0.2, 0.8, 0.2, 1), min-height 260ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  will-change: height, min-height;\n}\n\n/* Back button */\n.w3a-back-button {\n  position: absolute;\n  top: 1rem;\n  left: 1rem;\n  width: 48px;\n  height: 48px;\n  padding: 0;\n  aspect-ratio: 1 / 1;\n  display: grid;\n  place-items: center;\n  line-height: 0;\n  border-radius: 50%;\n  color: var(--w3a-colors-textPrimary);\n  background: transparent;\n  cursor: pointer;\n  border: none;\n  z-index: 3;\n  transition: transform 120ms ease, background-color 160ms ease, opacity 220ms ease;\n  opacity: 0;\n  pointer-events: none;\n  filter: blur(0.2px);\n}\n.w3a-back-button.is-visible {\n  opacity: 1;\n  pointer-events: auto;\n  filter: none;\n}\n.w3a-back-button:hover {\n  transform: scale(1.02);\n  background: var(--w3a-colors-surface);\n}\n.w3a-back-button:active {\n  transform: scale(0.96);\n}\n\n/* Header */\n.w3a-header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  opacity: 1;\n  height: auto;\n  overflow: hidden;\n  transition: opacity 240ms ease-out, height 260ms cubic-bezier(0.2, 0.8, 0.2, 1), padding 260ms cubic-bezier(0.2, 0.8, 0.2, 1), margin 260ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  pointer-events: auto;\n  position: relative;\n  will-change: height, opacity;\n}\n\n/* Hide header when waiting or scan device is active */\n.w3a-signup-menu-root[data-waiting=\"true\"] .w3a-header,\n.w3a-signup-menu-root[data-scan-device=\"true\"] .w3a-header {\n  opacity: 0;\n  height: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n  pointer-events: none;\n}\n\n/* Hide header when email recovery is active */\n.w3a-signup-menu-root[data-email-recovery=\"true\"] .w3a-header {\n  opacity: 0;\n  height: 0px;\n  padding-top: 0px;\n  padding-bottom: 0px;\n  margin-top: 0px;\n  margin-bottom: 0px;\n  pointer-events: none;\n}\n\n/* Adjust content area when header is hidden */\n.w3a-signup-menu-root[data-waiting=\"true\"] .w3a-content-area,\n.w3a-signup-menu-root[data-scan-device=\"true\"] .w3a-content-area {\n  flex: 1 1 auto;\n  transition: height 260ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n/* Adjust content area when email recovery is active */\n.w3a-signup-menu-root[data-email-recovery=\"true\"] .w3a-content-area {\n  flex: 1 1 auto;\n  transition: height 260ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n/* Specific height adjustments for different states */\n.w3a-signup-menu-root[data-waiting=\"true\"] {\n  min-height: 200px;\n}\n\n.w3a-signup-menu-root[data-scan-device=\"true\"] {\n  min-height: 300px;\n}\n\n.w3a-signup-menu-root[data-email-recovery=\"true\"] {\n  min-height: 320px;\n}\n\n.w3a-title {\n  font-size: 24px;\n  font-weight: 700;\n  margin: 0.5rem 0.75rem;\n}\n\n.w3a-subhead {\n  font-size: 1rem;\n  font-weight: 500;\n  line-height: 1;\n  color: color-mix(in srgb, var(--w3a-colors-textSecondary), var(--w3a-colors-textPrimary) 20%);\n  margin: 0;\n  margin-bottom: 1rem;\n  margin-left: 0.75rem;\n}\n\n/* Content switcher container */\n.w3a-content-switcher {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden; /* ensure smooth height animations without spillover */\n  transition: height 260ms cubic-bezier(0.2, 0.8, 0.2, 1);\n  will-change: height;\n}\n\n/* Content area container */\n.w3a-content-area {\n  position: relative;\n  /* do not force-stretch; let content define intrinsic height */\n  flex: 0 1 auto;\n  display: flex;\n  flex-direction: column;\n  animation: fade-in 240ms ease-out;\n  transition: height 260ms cubic-bezier(0.2, 0.8, 0.2, 1);\n}\n\n/* Intrinsic sizer wrapper inside content area used for height measurement */\n.w3a-content-sizer {\n  display: block;\n  width: 100%;\n}\n\n/* Default content */\n.w3a-signin-menu {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 0px;\n  min-height: 250px;\n  width: 100%;\n  animation: content-enter 240ms ease-in-out;\n}\n\n@keyframes content-enter {\n  from {\n    opacity: 0;\n    transform: scale(0.98) translateY(6px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n@keyframes fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* Social providers row */\n.w3a-social-row {\n  display: flex;\n  gap: 8px;\n  margin-bottom: var(--w3a-spacing-sm);\n}\n.w3a-social-btn {\n  height: 48px;\n  flex: 1 1 0;\n  min-width: 0;\n  display: grid;\n  place-items: center;\n  cursor: pointer;\n  color: var(--w3a-colors-textSecondary, #64748b);\n  overflow: hidden;\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  background: var(--w3a-colors-surface);\n  border-radius: var(--w3a-border-radius-xl);\n  /* no shadow requested */\n  box-shadow: none;\n}\n.w3a-social-btn svg {\n  color: var(--w3a-colors-textSecondary, #64748b);\n}\n.w3a-social-btn:hover {\n  background: var(--w3a-colors-surface2);\n  box-shadow: var(--w3a-shadows-sm);\n}\n.w3a-social-btn:hover svg {\n  color: var(--w3a-colors-textPrimary, #1e293b);\n}\n\n/* Passkey row */\n.w3a-passkey-row {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.w3a-input-pill {\n  position: relative;\n  display: flex;\n  flex: 1;\n  align-items: center;\n  padding: 0rem 1rem;\n  height: 54px;\n  gap: 8px;\n  border: none;\n  background: var(--w3a-colors-surface);\n  border-radius: 2rem 2rem 2rem 2rem;\n  box-shadow: none;\n  overflow-x: hidden;\n  transition: border-radius 150ms ease-in-out;\n}\n.w3a-input-pill.is-enabled {\n  border-radius: 2rem 0.25rem 0.25rem 2rem;\n  transition: border-radius 150ms ease-in-out;\n}\n\n.w3a-input-wrap {\n  position: relative;\n  flex: 1;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  min-width: 0; /* allow input to shrink inside flex container without clipping */\n}\n.w3a-input {\n  width: 100%;\n  height: 32px;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: var(--w3a-colors-textPrimary);\n  font-size: 16px;\n  padding: 0;\n  min-width: 0; /* prevent overflow clipping in flex layouts */\n}\n\n/* Absolute status message anchored to bottom-right of the input area */\n.w3a-input::placeholder {\n  /* Improve contrast for placeholders on dark */\n  color: color-mix(in srgb, var(--w3a-colors-textSecondary), var(--w3a-colors-textPrimary) 35%);\n  opacity: 0.95;\n}\n\n.w3a-postfix {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n  color: var(--w3a-colors-textSecondary);\n  font-size: 16px;\n  white-space: nowrap;\n  pointer-events: none;\n  visibility: hidden; /* React enables once measured */\n  will-change: left;\n  transition: left 32ms ease;\n}\n.w3a-postfix.is-existing {\n  color: var(--w3a-colors-success);\n}\n/* On focus, keep postfix subtle for readability */\n.w3a-input:focus ~ .w3a-postfix {\n  color: var(--w3a-colors-textMuted);\n}\n\n.w3a-arrow-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 0;           /* hidden footprint by default */\n  padding: 0;\n  background: transparent;\n  border: 0;\n  border-radius: 2rem 0.25rem 0.25rem 2rem;\n  color: #fff;\n  line-height: 0;\n  cursor: pointer;\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  margin-left: -1rem;\n  z-index: 1;\n  border: 6px solid var(--w3a-colors-colorBackground, #fff);\n  height: 64px;\n  transition: transform 150ms ease,\n              background-color 150ms ease,\n              border-radius 150ms ease,\n              opacity 150ms ease,\n              width 150ms ease-in-out;\n}\n.w3a-arrow-btn.is-enabled {\n  width: 100px; /* expand when enabled */\n  /* Prefer themed primary; fall back to legacy then a sane default */\n  background: var(--w3a-colors-primary, #2563eb);\n  border-radius: 2rem;\n  /* border-radius: 2rem; */\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transition: transform 150ms ease,\n              background-color 150ms ease,\n              border-radius 150ms ease,\n              opacity 150ms ease,\n              width 150ms ease-in-out;\n}\n.w3a-arrow-btn.no-transition,\n.w3a-arrow-btn.no-transition.is-enabled {\n  transition: none;\n}\n.w3a-arrow-btn .w3a-arrow-icon {\n  color: #fff;\n}\n.w3a-arrow-btn.is-enabled:hover {\n  /* transform: scale(1.02); */\n  background: var(--w3a-colors-primaryHover, #1d4ed8);\n}\n.w3a-arrow-btn.is-enabled:active {\n  transform: scale(0.96);\n}\n.w3a-arrow-btn:disabled {\n  width: 0;\n  cursor: not-allowed;\n  opacity: 0.5;\n  background: var(--w3a-colors-borderSecondary);\n  transition: transform 150ms ease,\n              background-color 150ms ease,\n              border-radius 150ms ease,\n              opacity 150ms ease,\n              width 150ms ease-in-out;\n}\n.w3a-arrow-btn .w3a-arrow-label {\n  margin-left: 8px;\n  font-weight: 600;\n  line-height: 1;\n}\n\n/* Animated arrow inside the continue button */\n.w3a-arrow-btn .stripe-arrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.w3a-arrow-btn .stripe-arrow > .HoverArrow {\n  position: relative;\n  margin-top: 0.1rem;\n  margin-left: 8px;\n  stroke-width: 2;\n  fill: none;\n  stroke: currentColor;\n}\n\n/* Horizontal line: fades in on hover of the button */\n.w3a-arrow-btn .stripe-arrow > .HoverArrow .HoverArrow__linePath {\n  opacity: 0;\n  transition: opacity 120ms cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n/* Chevron: nudges right and slightly scales on hover */\n.w3a-arrow-btn .stripe-arrow > .HoverArrow .HoverArrow__tipPath {\n  transition: transform 120ms cubic-bezier(0.215, 0.61, 0.355, 1);\n}\n\n.w3a-arrow-btn.is-enabled:hover .stripe-arrow > .HoverArrow .HoverArrow__linePath,\n.w3a-arrow-btn.is-enabled:focus-visible .stripe-arrow > .HoverArrow .HoverArrow__linePath {\n  opacity: 1;\n}\n\n.w3a-arrow-btn.is-enabled:hover .stripe-arrow > .HoverArrow .HoverArrow__tipPath,\n.w3a-arrow-btn.is-enabled:focus-visible .stripe-arrow > .HoverArrow .HoverArrow__tipPath {\n  transform: translateX(3px);\n}\n\n/* Segmented control */\n.w3a-seg {\n  position: relative;\n  min-height: 54px;\n  overflow: hidden;\n  padding: 5px;\n  border: none;\n  background: var(--w3a-colors-surface2);\n  border-radius: var(--w3a-border-radius-xl);\n}\n.w3a-seg-active {\n  position: absolute;\n  top: 5px;\n  bottom: 5px;\n  left: 0;\n  border-radius: var(--w3a-border-radius-xl);\n  transition:\n    transform 320ms cubic-bezier(0.2, 0.8, 0.2, 1),\n    width 220ms ease,\n    opacity 150ms ease;\n  will-change: transform, width;\n  pointer-events: none;\n}\n.w3a-seg-grid {\n  display: flex;\n  gap: 4px;\n  height: 100%;\n  position: relative;\n  z-index: 1;\n}\n.w3a-seg-btn {\n  flex: 1 1 0;\n  min-width: 0;\n  min-height: 44px;\n  border-radius: 12px;\n  background: transparent;\n  /* Make inactive tabs more legible and clearly tappable */\n  color: color-mix(in srgb, var(--w3a-colors-textSecondary), var(--w3a-colors-textPrimary) 45%);\n  font-weight: 600;\n  cursor: pointer;\n  border: none;\n  /* Immediate taps on mobile; opt-out of double-tap zoom heuristics */\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  transition: color 200ms ease, transform 120ms ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  white-space: normal;\n  padding: 0 14px;\n  font-size: clamp(13px, 3.6vw, 15px);\n}\n.w3a-seg-btn:hover {\n  transform: scale(1.02);\n}\n.w3a-seg-btn:active {\n  transform: scale(0.98);\n}\n.w3a-seg-btn.is-active {\n  color: var(--w3a-colors-textPrimary);\n}\n.w3a-seg-btn:focus-visible {\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--w3a-colors-focus), transparent 60%);\n}\n\n@media (max-width: 420px) {\n  .w3a-signup-menu-root {\n    padding: 1rem;\n    padding-top: calc(1rem + 4px);\n    border-radius: 2rem;\n    max-width: calc(100dvw - 0.25rem);\n  }\n\n  @supports (width: 1dvw) {\n    .w3a-signup-menu-root { max-width: calc(100dvw - 0.25rem); }\n  }\n\n  .w3a-title {\n    font-size: 20px;\n  }\n\n  .w3a-subhead {\n    font-size: 0.9rem;\n    margin-bottom: 0.75rem;\n  }\n\n  .w3a-input-pill {\n    height: 48px;\n  }\n\n  .w3a-arrow-btn {\n    height: 60px;\n  }\n\n  .w3a-arrow-btn.is-enabled {\n    width: 60px;\n  }\n\n  .w3a-seg {\n    min-height: 48px;\n    padding: 4px;\n  }\n\n  .w3a-seg-grid {\n    gap: 3px;\n  }\n\n  .w3a-seg-active {\n    top: 4px;\n    bottom: 4px;\n  }\n\n  .w3a-seg-btn {\n    min-height: 42px;\n    padding: 0 12px;\n    font-size: clamp(12px, 3.4vw, 14px);\n  }\n\n  .w3a-back-button {\n    top: -0.5rem;\n    left: -0.5rem;\n  }\n}\n\n/* Waiting state */\n.w3a-waiting {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  background: transparent;\n  text-align: center;\n  min-height: 200px;\n  /* Quick fade with configurable delay for smoother handoff */\n  animation: content-enter 200ms ease-out;\n  animation-delay: var(--w3a-waiting-delay, 0ms);\n  animation-fill-mode: both;\n}\n.w3a-waiting-text { font-size: 18px; font-weight: 600; }\n.w3a-spinner {\n  width: 36px;\n  height: 36px;\n  border-radius: 999px;\n  border: 3px solid rgba(255,255,255,0.15);\n  border-top-color: var(--w3a-colors-primary);\n  animation: w3a-spin 0.9s linear infinite;\n}\n\n/* Scan device content wrapper */\n.w3a-scan-device-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  background: transparent;\n  text-align: center;\n  min-height: 300px;\n  width: 100%;\n  overflow: hidden;\n  animation: content-enter 240ms ease-out;\n}\n\n/* Ensure QR code content stays within bounds */\n.w3a-scan-device-content .qr-code-container,\n.w3a-scan-device-content .qr-modal-backdrop,\n.w3a-scan-device-content .qr-modal-content {\n  max-width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n}\n\n.w3a-scan-device-content .qr-code-display {\n  max-width: 280px;\n  width: 100%;\n}\n\n/* Status message row */\n.w3a-status-row {\n  position: absolute;\n  font-size: 0.75rem;\n  bottom: -10px;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n.w3a-status-message {\n  font-size: 11px;\n  font-weight: 500;\n}\n\n/* Section divider */\n.w3a-section-divider {\n  display: flex;\n  align-items: center;\n  margin: var(--w3a-spacing-md) 0;\n  position: relative;\n}\n\n.w3a-section-divider::before,\n.w3a-section-divider::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: var(--w3a-colors-borderSecondary);\n}\n\n.w3a-section-divider-text {\n  padding: 0 var(--w3a-spacing-sm);\n  font-size: 12px;\n  color: var(--w3a-colors-textSecondary);\n  font-weight: 500;\n  background: var(--w3a-colors-colorBackground);\n}\n\n/* Labels and helper text */\n.w3a-field-label {\n  font-size: 12px;\n  color: color-mix(in srgb, var(--w3a-colors-textSecondary), var(--w3a-colors-textPrimary) 35%);\n  margin: 6px 2px 6px;\n  font-weight: 600;\n}\n.w3a-seg-help {\n  font-size: 12px;\n  color: color-mix(in srgb, var(--w3a-colors-textSecondary), var(--w3a-colors-textPrimary) 25%);\n  margin: 0;\n  margin-left: 0.75rem;\n}\n.w3a-seg-help-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  margin-top: 8px;\n}\n/* Tooltip for account existence status */\n.w3a-input-wrap .w3a-tooltip {\n  position: absolute;\n  right: 0;\n  padding: 4px 8px;\n  border-radius: 1rem;\n  font-size: 0.7rem;\n  background: var(--w3a-colors-surface2);\n  color: var(--w3a-colors-textPrimary);\n  opacity: 0;\n  transform: translateX(50px) scale(0.9);\n  pointer-events: none;\n  transition: opacity 180ms ease, transform 200ms ease;\n  z-index: 2;\n}\n.w3a-input-wrap .w3a-tooltip.is-visible {\n  opacity: 0.8;\n  transform: translateX(0px) scale(1);\n}\n.w3a-input-wrap .w3a-tooltip.is-error {\n  color: var(--w3a-colors-error);\n  background: var(--w3a-colors-colorBackground);\n  /* background: color-mix(in srgb, var(--w3a-colors-error), transparent 90%); */\n}\n.w3a-input-wrap .w3a-tooltip.is-success {\n  color: var(--w3a-colors-blue400);\n  background: var(--w3a-colors-colorBackground);\n  /* background: color-mix(in srgb, var(--w3a-colors-blue400), transparent 90%); */\n}\n\n@keyframes w3a-spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n/* Pop/bounce-in animation (kept for legacy classes) */\n@keyframes w3a-input-msg-pop {\n  0% { opacity: 0; transform: translateY(8px) scale(0.98); }\n  60% { opacity: 1; transform: translateY(-2px) scale(1.02); }\n  100% { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .w3a-input-msg.is-error { animation: none; }\n}\n\n/* Button System */\n.w3a-scan-device-row {\n}\n\n.w3a-secondary-actions {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.w3a-link-device-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  height: 48px;\n  width: 100%;\n  max-width: 100%;\n  background: var(--w3a-colors-surface) !important;\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  border-radius: 2rem;\n  cursor: pointer;\n  color: var(--w3a-colors-textPrimary);\n  font-family: var(--w3a-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);\n  font-weight: 500;\n  font-size: 0.875rem;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Hover/focus elevated state (theme-reactive via CSS vars) */\n.w3a-link-device-btn:hover:not(:disabled),\n.w3a-link-device-btn:focus-visible {\n  background: var(--w3a-colors-surface2) !important;\n}\n\n.w3a-link-device-btn-primary {\n  background: var(--w3a-colors-buttonBackground, var(--w3a-colors-primary, #3b82f6)) !important;\n  border-color: transparent;\n  border-radius: 2rem;\n  color: var(--w3a-colors-textButton, white);\n}\n\n.w3a-link-device-btn-primary:hover:not(:disabled),\n.w3a-link-device-btn-primary:focus-visible {\n  background: var(--w3a-colors-buttonHoverBackground, var(--w3a-colors-primaryHover, #2563eb)) !important;\n  color: var(--w3a-colors-textButton, white);\n}\n\n.w3a-link-device-btn-primary:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n/* Button-local spinner: match text size inside buttons */\n.w3a-link-device-btn .w3a-spinner {\n  width: 1em;\n  height: 1em;\n  border-width: 2px;\n}\n\n.w3a-link-device-btn-primary .w3a-spinner {\n  border-color: rgba(255, 255, 255, 0.35);\n  border-top-color: #ffffff;\n}\n\n/* Email recovery slide */\n.w3a-email-recovery-content {\n  width: 100%;\n  padding-top: 1rem;\n}\n\n.w3a-email-recovery-slide {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-height: 260px;\n  animation: content-enter 240ms ease-out;\n}\n\n.w3a-email-recovery-title {\n  font-size: 20px;\n  font-weight: 700;\n  margin: 0.5rem 0.5rem;\n  display: flex;\n  justify-content: center;\n}\n\n.w3a-email-recovery-help {\n  font-size: 0.95rem;\n  line-height: 1.2;\n  color: color-mix(in srgb, var(--w3a-colors-textSecondary), var(--w3a-colors-textPrimary) 20%);\n  margin: 0 0.25rem;\n}\n\n.w3a-email-recovery-meta {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 0 0.25rem;\n  font-size: 0.85rem;\n}\n\n.w3a-email-recovery-meta-label {\n  opacity: 0.85;\n}\n\n.w3a-email-recovery-meta-value {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  font-size: 0.85rem;\n  opacity: 0.9;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 70%;\n  text-align: right;\n}\n\n.w3a-email-recovery-input-pill {\n  height: 54px;\n  padding: 0 1rem;\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  background: var(--w3a-colors-surface);\n  transition: box-shadow 160ms ease, border-color 160ms ease;\n}\n\n.w3a-email-recovery-input-pill:focus-within {\n  border-color: var(--w3a-colors-primary, #3b82f6);\n}\n\n.w3a-email-recovery-actions {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 4px;\n}\n\n.w3a-email-recovery-summary {\n  font-size: 0.875rem;\n  line-height: 1.2;\n  padding: 0 0.25rem;\n  color: color-mix(in srgb, var(--w3a-colors-textSecondary), var(--w3a-colors-textPrimary) 20%);\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.w3a-email-recovery-warning {\n  color: color-mix(in srgb, var(--w3a-colors-error), var(--w3a-colors-textPrimary) 30%);\n}\n\n.w3a-email-recovery-link {\n  font-size: 0.875rem;\n  color: var(--w3a-colors-primary, #3b82f6);\n  text-decoration: none;\n  padding: 0 0.25rem;\n}\n\n.w3a-email-recovery-link:hover {\n  text-decoration: underline;\n}\n\n.w3a-email-recovery-status {\n  font-size: 0.875rem;\n  padding: 0.75rem 0.875rem;\n  border-radius: 1rem;\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  background: var(--w3a-colors-surface);\n  color: var(--w3a-colors-textPrimary);\n  margin-bottom: 0.5rem;\n}\n\n.w3a-email-recovery-status.is-error {\n  border-color: color-mix(in srgb, var(--w3a-colors-error), var(--w3a-colors-borderPrimary) 60%);\n  color: var(--w3a-colors-error);\n}\n\n.w3a-email-recovery-elapsed {\n  margin-left: 6px;\n  opacity: 0.75;\n}\n\n.w3a-email-recovery-saved-emails {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.w3a-email-recovery-email-chip {\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  background: var(--w3a-colors-surface);\n  color: var(--w3a-colors-textPrimary);\n  padding: 6px 10px;\n  border-radius: 999px;\n  font-size: 0.85rem;\n  cursor: pointer;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.w3a-email-recovery-email-chip:hover:not(:disabled) {\n  background: var(--w3a-colors-surface2);\n}\n\n.w3a-email-recovery-email-chip:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.w3a-email-recovery-toast {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0.75rem 0.875rem;\n  border-radius: 1rem;\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  background: var(--w3a-colors-surface);\n  font-size: 0.875rem;\n  color: var(--w3a-colors-textPrimary);\n}\n\n.w3a-email-recovery-toast a {\n  color: var(--w3a-colors-primary, #3b82f6);\n  text-decoration: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 100%;\n}\n\n.w3a-email-recovery-toast a:hover {\n  text-decoration: underline;\n}\n\n.w3a-email-recovery-toast-close {\n  margin-left: auto;\n  width: 28px;\n  height: 28px;\n  border-radius: 999px;\n  border: none;\n  background: transparent;\n  color: var(--w3a-colors-textSecondary);\n  cursor: pointer;\n  display: grid;\n  place-items: center;\n}\n\n.w3a-email-recovery-toast-close:hover {\n  background: var(--w3a-colors-surface2);\n}\n"],"mappings":"AAAA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;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;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;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;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;AACA;AACA;;AAEA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;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;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA"}

package/dist/cjs/react/components/SendTxButtonWithTooltip.js

@@ -1,218 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const require_tags = require('../sdk/src/core/WebAuthnManager/LitComponents/tags.js');
-const require_index = require('../context/index.js');
-const require_ThemeProvider = require('./theme/ThemeProvider.js');
-const require_TouchIcon = require('./AccountMenuButton/icons/TouchIcon2.js');
-const require_create_component = require('../node_modules/.pnpm/@lit_react@1.0.8_@types_react@19.1.12/node_modules/@lit/react/node/create-component.js');
-const require_iframe_host = require('../sdk/src/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/iframe-host.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/react/components/SendTxButtonWithTooltip.tsx
-const TouchIdWithText = ({ buttonText = "Send Transaction", loading = false }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-	style: {
-		display: "inline-flex",
-		alignItems: "center",
-		fontSize: "0.9rem"
-	},
-	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		style: {
-			borderRadius: "50%",
-			position: "relative",
-			width: 22,
-			height: 22,
-			marginRight: 4
-		},
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			style: {
-				position: "absolute",
-				inset: 0,
-				display: "grid",
-				placeItems: "center",
-				transition: "opacity 160ms ease",
-				opacity: loading ? 0 : 1
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TouchIcon.default, {
-				width: 22,
-				height: 22,
-				strokeWidth: 1.6
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			style: {
-				position: "absolute",
-				inset: 0,
-				display: "grid",
-				placeItems: "center",
-				transition: "opacity 160ms ease",
-				opacity: loading ? 1 : 0
-			},
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-				width: "22",
-				height: "22",
-				viewBox: "0 0 50 50",
-				"aria-hidden": true,
-				focusable: "false",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
-					cx: "25",
-					cy: "25",
-					r: "20",
-					stroke: "currentColor",
-					strokeWidth: "4",
-					fill: "none",
-					opacity: "0.25"
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-					d: "M25 5 a20 20 0 0 1 0 40",
-					stroke: "currentColor",
-					strokeWidth: "4",
-					fill: "none",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("animateTransform", {
-						attributeName: "transform",
-						type: "rotate",
-						from: "0 25 25",
-						to: "360 25 25",
-						dur: "0.8s",
-						repeatCount: "indefinite"
-					})
-				})]
-			})
-		})]
-	}), buttonText]
-});
-/**
-* React wrapper around the Lit `w3a-tx-button` component.
-* Much cleaner implementation that delegates iframe management to Lit.
-*/
-const SendTxButtonWithTooltip = ({ nearAccountId, txSigningRequests, options, onCancel, onEvent, onSuccess, onLoadTouchIdPrompt, color, buttonStyle, buttonHoverStyle, buttonTextElement = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TouchIdWithText, {}), tooltipPosition = {
-	width: "min(330px, calc(var(--w3a-vw, 100vw) - 1rem))",
-	height: "auto",
-	position: "top-center"
-}, txTreeTheme = "dark", lockTheme = false }) => {
-	useWarnDuplicateHooks({
-		onEventProp: onEvent,
-		optionsOnEvent: options?.onEvent
-	});
-	const { tatchi } = require_index.useTatchi();
-	const externalConfirm = (0, react.useMemo)(() => {
-		return async ({ nearAccountId: nearAccountId$1, txSigningRequests: txSigningRequests$1, options: options$1 }) => {
-			return await tatchi.signAndSendTransactions({
-				nearAccountId: nearAccountId$1,
-				transactions: txSigningRequests$1,
-				options: options$1
-			});
-		};
-	}, [tatchi]);
-	const [currentTheme, setCurrentTheme] = (0, react.useState)(txTreeTheme);
-	const [loadingTouchIdPrompt, setLoadingTouchIdPrompt] = (0, react.useState)(false);
-	const { theme } = require_ThemeProvider.useTheme();
-	(0, react.useEffect)(() => {
-		if (lockTheme) return;
-		setCurrentTheme(theme || "dark");
-	}, [theme, lockTheme]);
-	(0, react.useEffect)(() => {
-		if (lockTheme) setCurrentTheme(txTreeTheme);
-	}, [txTreeTheme, lockTheme]);
-	const RawIframeButton = (0, react.useMemo)(() => require_create_component.t({
-		react: react.default,
-		tagName: require_tags.W3A_TX_BUTTON_ID,
-		elementClass: require_iframe_host.IframeButtonHost,
-		events: {}
-	}), []);
-	const internalTooltipPosition = (0, react.useMemo)(() => ({
-		width: tooltipPosition?.width ?? "min(330px, calc(var(--w3a-vw, 100vw) - 1rem))",
-		height: tooltipPosition.height,
-		position: tooltipPosition.position,
-		offset: "6px",
-		boxPadding: "6px"
-	}), [
-		tooltipPosition?.width,
-		tooltipPosition?.height,
-		tooltipPosition?.position
-	]);
-	const handleLoadTouchIdPrompt = (loading) => {
-		try {
-			setLoadingTouchIdPrompt(loading);
-		} catch {}
-		try {
-			onLoadTouchIdPrompt?.(loading);
-		} catch {}
-	};
-	const content = (0, react.useMemo)(() => {
-		if (buttonTextElement) {
-			if ((0, react.isValidElement)(buttonTextElement)) {
-				const isDomElement = typeof buttonTextElement.type === "string";
-				return isDomElement ? buttonTextElement : (0, react.cloneElement)(buttonTextElement, { loading: loadingTouchIdPrompt });
-			}
-			return buttonTextElement;
-		}
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TouchIdWithText, { loading: loadingTouchIdPrompt });
-	}, [buttonTextElement, loadingTouchIdPrompt]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RawIframeButton, {
-		onMouseEnter: () => {
-			try {
-				tatchi.prefetchBlockheight();
-			} catch {}
-		},
-		onFocus: () => {
-			try {
-				tatchi.prefetchBlockheight();
-			} catch {}
-		},
-		nearAccountId,
-		txSigningRequests,
-		options: {
-			afterCall: options?.afterCall,
-			onError: options?.onError,
-			onEvent: onEvent ?? options?.onEvent,
-			waitUntil: options?.waitUntil,
-			executionWait: options?.executionWait,
-			confirmationConfig: options?.confirmationConfig
-		},
-		onCancel,
-		onSuccess,
-		onLoadTouchIdPrompt: handleLoadTouchIdPrompt,
-		color,
-		buttonStyle: toStyleRecord(buttonStyle),
-		buttonHoverStyle: toStyleRecord(buttonHoverStyle),
-		tooltipPosition: internalTooltipPosition,
-		txTreeTheme: currentTheme,
-		externalConfirm,
-		children: content
-	});
-};
-/**
-* Converts a React CSSProperties object to a Record<string, string | number> for Lit components
-* @param style
-* @returns
-*/
-const toStyleRecord = (style) => {
-	if (!style) return void 0;
-	const out = {};
-	Object.keys(style).forEach((k) => {
-		const v = style[k];
-		if (v !== void 0 && v !== null) out[k] = v;
-	});
-	return out;
-};
-/**
-* Warns when duplicate hooks are provided to SendTxButtonWithTooltip.
-* Specifically checks for both top-level `onEvent` prop and `options.onEvent`.
-* The component prioritizes the top-level prop and ignores `options.onEvent`.
-*/
-function useWarnDuplicateHooks({ onEventProp, optionsOnEvent }) {
-	const warnedRef = (0, react.useRef)(false);
-	(0, react.useEffect)(() => {
-		const bothProvided = Boolean(onEventProp) && Boolean(optionsOnEvent);
-		if (bothProvided && !warnedRef.current) {
-			console.warn("[SendTxButtonWithTooltip] Both onEvent (top-level prop) and options.onEvent are provided. The top-level onEvent takes precedence; options.onEvent will be ignored. Pass only one to avoid confusion.");
-			warnedRef.current = true;
-		}
-		if (!bothProvided) warnedRef.current = false;
-	}, [onEventProp, optionsOnEvent]);
-}
-
-//#endregion
-exports.SendTxButtonWithTooltip = SendTxButtonWithTooltip;
-exports.TouchIdWithText = TouchIdWithText;
-//# sourceMappingURL=SendTxButtonWithTooltip.js.map

package/dist/cjs/react/components/SendTxButtonWithTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SendTxButtonWithTooltip.js","names":["TouchIdWithText: React.FC<{ buttonText?: string; loading?: boolean }>","TouchIcon","SendTxButtonWithTooltip: React.FC<SendTxButtonWithTooltipProps>","useTatchi","txSigningRequests","useTheme","createComponent","React","W3A_TX_BUTTON_ID","IframeButtonHost","internalTooltipPosition: TooltipPositionInternal","out: Record<string, string | number>"],"sources":["../../../../src/react/components/SendTxButtonWithTooltip.tsx"],"sourcesContent":["import React, {\n  useState,\n  useEffect,\n  useMemo,\n  isValidElement,\n  cloneElement,\n  useRef,\n} from 'react';\nimport { createComponent } from '@lit/react';\nimport {\n  TooltipPosition,\n  TooltipPositionInternal\n} from '@/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer/iframe-geometry';\nimport type { ThemeName } from '@/core/WebAuthnManager/LitComponents/confirm-ui-types';\nimport { IframeButtonHost } from '@/core/WebAuthnManager/LitComponents/IframeButtonWithTooltipConfirmer';\nimport { W3A_TX_BUTTON_ID } from '@/core/WebAuthnManager/LitComponents/tags';\nimport type { SendTxButtonWithTooltipBaseProps } from '../types';\nimport { useTatchi } from '../context';\nimport { useTheme } from './theme';\nimport TouchIcon from './AccountMenuButton/icons/TouchIcon';\nimport { TransactionInput } from '@/core/types/actions';\nimport type { EventCallback, ActionSSEEvent } from '@/core/types/sdkSentEvents';\n\n\nexport const TouchIdWithText: React.FC<{ buttonText?: string; loading?: boolean }> = ({\n  buttonText = 'Send Transaction',\n  loading = false,\n}) => (\n  <span style={{\n    display: 'inline-flex',\n    alignItems: 'center',\n    fontSize: '0.9rem',\n   }}\n  >\n    <div style={{\n      borderRadius: '50%',\n      position: 'relative',\n      width: 22,\n      height: 22,\n      marginRight: 4,\n    }}>\n      <div style={{\n        position: 'absolute', inset: 0,\n        display: 'grid', placeItems: 'center',\n        transition: 'opacity 160ms ease',\n        opacity: loading ? 0 : 1,\n      }}>\n        <TouchIcon width={22} height={22} strokeWidth={1.6} />\n      </div>\n      <div style={{\n        position: 'absolute', inset: 0,\n        display: 'grid', placeItems: 'center',\n        transition: 'opacity 160ms ease',\n        opacity: loading ? 1 : 0,\n      }}>\n        {/* SVG spinner using SMIL animateTransform for rotation */}\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 50 50\" aria-hidden focusable=\"false\">\n          <circle cx=\"25\" cy=\"25\" r=\"20\" stroke=\"currentColor\" strokeWidth=\"4\" fill=\"none\" opacity=\"0.25\" />\n          <path d=\"M25 5 a20 20 0 0 1 0 40\" stroke=\"currentColor\" strokeWidth=\"4\" fill=\"none\">\n            <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"0.8s\" repeatCount=\"indefinite\" />\n          </path>\n        </svg>\n      </div>\n    </div>\n    {buttonText}\n  </span>\n)\n\nexport interface SendTxButtonWithTooltipProps extends SendTxButtonWithTooltipBaseProps {\n  color?: string;\n  buttonStyle?: React.CSSProperties;\n  buttonHoverStyle?: React.CSSProperties;\n  /** Content shown inside the button; can be text or any element */\n  buttonTextElement?: React.ReactNode;\n  tooltipPosition?: TooltipPosition;\n  txTreeTheme?: ThemeName;\n  lockTheme?: boolean;\n}\n\n/**\n * React wrapper around the Lit `w3a-tx-button` component.\n * Much cleaner implementation that delegates iframe management to Lit.\n */\nexport const SendTxButtonWithTooltip: React.FC<SendTxButtonWithTooltipProps> = ({\n  nearAccountId,\n  txSigningRequests,\n  options,\n  // Behavioral props\n  onCancel,\n  onEvent,\n  onSuccess,\n  onLoadTouchIdPrompt,\n  // Optional customizations\n  color,\n  buttonStyle,\n  buttonHoverStyle,\n  buttonTextElement = <TouchIdWithText />,\n  tooltipPosition = {\n    width: 'min(330px, calc(var(--w3a-vw, 100vw) - 1rem))',\n    height: 'auto',\n    position: 'top-center',\n  },\n  txTreeTheme = 'dark',\n  lockTheme = false,\n}) => {\n\n  useWarnDuplicateHooks({ onEventProp: onEvent, optionsOnEvent: options?.onEvent });\n\n  const { tatchi } = useTatchi();\n  // Provide external confirm handler when using TatchiPasskeyIframe (no local context)\n  const externalConfirm = useMemo(() => {\n    // Always route via the manager's API; TatchiPasskeyIframe proxies to wallet-origin.\n    return async ({ nearAccountId, txSigningRequests, options }: {\n      nearAccountId: string;\n      txSigningRequests: TransactionInput[];\n      options?: any;\n    }) => {\n      return await tatchi.signAndSendTransactions({\n        nearAccountId,\n        transactions: txSigningRequests,\n        options,\n      });\n    };\n  }, [tatchi]);\n\n  const [currentTheme, setCurrentTheme] = useState<ThemeName>(txTreeTheme);\n  const [loadingTouchIdPrompt, setLoadingTouchIdPrompt] = useState(false);\n\n  // Uncontrolled mode: drive theme from the shared Theme context\n  const { theme } = useTheme();\n  useEffect(() => {\n    if (lockTheme) return;\n    setCurrentTheme((theme as ThemeName) || 'dark');\n  }, [theme, lockTheme]);\n\n  // Controlled mode: sync with TxTreeTheme prop changes\n  useEffect(() => {\n    if (lockTheme) setCurrentTheme(txTreeTheme);\n  }, [txTreeTheme, lockTheme]);\n\n  // Inline Lit wrapper creation\n  const RawIframeButton = useMemo(() => createComponent({\n    react: React,\n    tagName: W3A_TX_BUTTON_ID,\n    elementClass: IframeButtonHost,\n    events: {}\n  }), []);\n\n  const internalTooltipPosition: TooltipPositionInternal = useMemo(() => ({\n    // If a tooltipPosition is provided without a width, use a sensible default.\n    width: tooltipPosition?.width ?? 'min(330px, calc(var(--w3a-vw, 100vw) - 1rem))',\n    height: tooltipPosition.height,\n    position: tooltipPosition.position,\n    offset: '6px',\n    boxPadding: '6px',\n  }), [\n    // Use optional chaining in deps to account for runtime undefineds\n    tooltipPosition?.width,\n    tooltipPosition?.height,\n    tooltipPosition?.position,\n  ]);\n  // NOTE: ensure offset >= boxPadding or tooltip's padding overlaps the button and makes\n  // it harder to click in some areas of the button.\n  // boxPadding is padding to ensure the tooltip has space for it's shadow\n\n  const handleLoadTouchIdPrompt = (loading: boolean) => {\n    try { setLoadingTouchIdPrompt(loading); } catch {}\n    try { onLoadTouchIdPrompt?.(loading); } catch {}\n  };\n\n  const content = useMemo(() => {\n    if (buttonTextElement) {\n      if (isValidElement(buttonTextElement)) {\n        const isDomElement = typeof (buttonTextElement as any).type === 'string';\n        return isDomElement\n          ? buttonTextElement\n          : cloneElement(buttonTextElement as any, { loading: loadingTouchIdPrompt });\n      }\n      return buttonTextElement;\n    }\n    return <TouchIdWithText loading={loadingTouchIdPrompt} />;\n  }, [buttonTextElement, loadingTouchIdPrompt]);\n\n  return (\n    <RawIframeButton\n      onMouseEnter={() => {\n        // Warm up block height/hash (and nonce if missing) on hover\n        // Fire-and-forget to avoid blocking UI thread\n        try { void tatchi.prefetchBlockheight(); } catch {}\n      }}\n      onFocus={() => {\n        // Also prefetch on keyboard focus\n        try { void tatchi.prefetchBlockheight(); } catch {}\n      }}\n      // sendAndSignTransaction args\n      nearAccountId={nearAccountId}\n      txSigningRequests={txSigningRequests}\n      // hooks\n      options={{\n        afterCall: options?.afterCall,\n        onError: options?.onError,\n        // Prefer explicit onEvent prop if provided, else fall back to options.onEvent\n        onEvent: onEvent ?? options?.onEvent,\n        waitUntil: options?.waitUntil,\n        executionWait: options?.executionWait,\n        // Plumb per-call confirmation override (e.g., force drawer)\n        confirmationConfig: options?.confirmationConfig,\n      }}\n      onCancel={onCancel}\n      onSuccess={onSuccess}\n      onLoadTouchIdPrompt={handleLoadTouchIdPrompt}\n      // styles to pass to Lit component: IframeButtonHost.ts\n      color={color}\n      buttonStyle={toStyleRecord(buttonStyle)}\n      buttonHoverStyle={toStyleRecord(buttonHoverStyle)}\n      tooltipPosition={internalTooltipPosition}\n      txTreeTheme={currentTheme}\n      externalConfirm={externalConfirm}\n    >\n      {content}\n    </RawIframeButton>\n  );\n};\n\n/**\n * Converts a React CSSProperties object to a Record<string, string | number> for Lit components\n * @param style\n * @returns\n */\nexport const toStyleRecord = (style?: React.CSSProperties): Record<string, string | number> | undefined => {\n  if (!style) return undefined;\n  const out: Record<string, string | number> = {};\n  Object.keys(style).forEach((k) => {\n    const v = (style as any)[k];\n    if (v !== undefined && v !== null) out[k] = v as any;\n  });\n  return out;\n};\n\n/**\n * Warns when duplicate hooks are provided to SendTxButtonWithTooltip.\n * Specifically checks for both top-level `onEvent` prop and `options.onEvent`.\n * The component prioritizes the top-level prop and ignores `options.onEvent`.\n */\nfunction useWarnDuplicateHooks({\n  onEventProp,\n  optionsOnEvent,\n}: {\n  onEventProp?: EventCallback<ActionSSEEvent>;\n  optionsOnEvent?: EventCallback<ActionSSEEvent>;\n}) {\n  const warnedRef = useRef(false);\n  useEffect(() => {\n    const bothProvided = Boolean(onEventProp) && Boolean(optionsOnEvent);\n    if (bothProvided && !warnedRef.current) {\n      console.warn(\n        '[SendTxButtonWithTooltip] Both onEvent (top-level prop) and options.onEvent are provided. The top-level onEvent takes precedence; options.onEvent will be ignored. Pass only one to avoid confusion.'\n      );\n      warnedRef.current = true;\n    }\n    if (!bothProvided) {\n      warnedRef.current = false;\n    }\n  }, [onEventProp, optionsOnEvent]);\n}\n\nexport default SendTxButtonWithTooltip;\n"],"mappings":"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"}

package/dist/cjs/react/components/ShowQRCode-CL4gsszN.css

@@ -1,113 +0,0 @@
-.qr-code-container {
-  padding-top: 1rem;
-}
-
-/* Modal Header */
-.qr-header {
-  position: relative;
-  display: grid;
-  place-content: center;
-  padding: 0rem;
-}
-
-.qr-title {
-  font-size: 1.5rem;
-  font-weight: 700;
-  color: var(--w3a-colors-textPrimary, #1e293b);
-  padding-top: 0rem;
-  margin: 0;
-}
-
-.qr-body {
-  padding: 0rem;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-.qr-code-section {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-/* QR Code Display */
-.qr-code-display {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0rem;
-  padding: 1rem;
-  border-radius: 1.5rem;
-  width: 100%;
-  max-width: 300px;
-}
-
-.qr-instruction, .qr-status {
-  margin: 0;
-  font-size: 1rem;
-  font-weight: 500;
-  line-height: 1.5;
-  color: var(--w3a-colors-textSecondary, #1e293b);
-  text-align: center;
-}
-
-.qr-status {
-  margin-bottom: 0.5rem;
-}
-
-.animated-ellipsis {
-  display: inline-block;
-  width: 1.2em;
-  text-align: left;
-}
-
-.animated-ellipsis::after {
-  content: "...";
-  animation: ellipsis 1.5s infinite;
-}
-
-@keyframes ellipsis {
-  0% { content: "..."; }
-  25% { content: ""; }
-  50% { content: "."; }
-  75% { content: ".."; }
-  100% { content: "..."; }
-}
-
-.qr-code-image {
-  max-width: 200px;
-  height: auto;
-  border-radius: var(--w3a-border-radius-md, 0.5rem);
-}
-
-.qr-loading {
-  text-align: center;
-  padding: 2rem;
-  color: var(--w3a-colors-textSecondary, #64748b);
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-  .qr-modal-content {
-    margin: 1rem;
-    max-width: calc(100vw - 2rem);
-  }
-
-  @supports (width: 1dvw) {
-    .qr-modal-content { max-width: calc(100dvw - 2rem); }
-  }
-
-  .qr-code-image {
-    max-width: 200px;
-  }
-
-  .qr-code-display {
-    padding: 1rem;
-  }
-}
-
-
-/*# sourceMappingURL=ShowQRCode-CL4gsszN.css.map*/

package/dist/cjs/react/components/ShowQRCode-CL4gsszN.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShowQRCode-CL4gsszN.css","names":[],"sources":["../../../../src/react/components/ShowQRCode.css"],"sourcesContent":[".qr-code-container {\n  padding-top: 1rem;\n}\n\n/* Modal Header */\n.qr-header {\n  position: relative;\n  display: grid;\n  place-content: center;\n  padding: 0rem;\n}\n\n.qr-title {\n  font-size: 1.5rem;\n  font-weight: 700;\n  color: var(--w3a-colors-textPrimary, #1e293b);\n  padding-top: 0rem;\n  margin: 0;\n}\n\n.qr-body {\n  padding: 0rem;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.qr-code-section {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n/* QR Code Display */\n.qr-code-display {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0rem;\n  padding: 1rem;\n  border-radius: 1.5rem;\n  width: 100%;\n  max-width: 300px;\n}\n\n.qr-instruction, .qr-status {\n  margin: 0;\n  font-size: 1rem;\n  font-weight: 500;\n  line-height: 1.5;\n  color: var(--w3a-colors-textSecondary, #1e293b);\n  text-align: center;\n}\n\n.qr-status {\n  margin-bottom: 0.5rem;\n}\n\n.animated-ellipsis {\n  display: inline-block;\n  width: 1.2em;\n  text-align: left;\n}\n\n.animated-ellipsis::after {\n  content: \"...\";\n  animation: ellipsis 1.5s infinite;\n}\n\n@keyframes ellipsis {\n  0% { content: \"...\"; }\n  25% { content: \"\"; }\n  50% { content: \".\"; }\n  75% { content: \"..\"; }\n  100% { content: \"...\"; }\n}\n\n.qr-code-image {\n  max-width: 200px;\n  height: auto;\n  border-radius: var(--w3a-border-radius-md, 0.5rem);\n}\n\n.qr-loading {\n  text-align: center;\n  padding: 2rem;\n  color: var(--w3a-colors-textSecondary, #64748b);\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .qr-modal-content {\n    margin: 1rem;\n    max-width: calc(100vw - 2rem);\n  }\n\n  @supports (width: 1dvw) {\n    .qr-modal-content { max-width: calc(100dvw - 2rem); }\n  }\n\n  .qr-code-image {\n    max-width: 200px;\n  }\n\n  .qr-code-display {\n    padding: 1rem;\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA"}

package/dist/cjs/react/components/WalletIframeTxButtonHost.js

@@ -1,177 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const require_validation = require('../sdk/src/core/WalletIframe/validation.js');
-const require_index = require('../context/index.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/react/components/WalletIframeTxButtonHost.tsx
-require_validation.init_validation();
-/**
-* WalletTxButtonHost
-*
-* Mounts a tx-confirm button inside the wallet iframe document and wires result
-* messages back to the parent app. The button is rendered inline in the wallet
-* iframe (no nested iframe), enabling invokedFrom='wallet-iframe' and allowing
-* confirmationConfig to be respected across origins (embedded/skip without modal).
-*/
-function WalletIframeTxButtonHost({ nearAccountId, transactions, text = "Send Transaction", theme = "dark", width = 200, height = 48, className, style, onSuccess, onCancel, onError }) {
-	const ctx = require_index.useTatchi();
-	const pmConfigs = ctx?.tatchi?.configs;
-	const walletOrigin = pmConfigs?.iframeWallet?.walletOrigin;
-	const walletServicePath = pmConfigs?.iframeWallet?.walletServicePath;
-	const config = (0, react.useMemo)(() => {
-		const fallbackOrigin = (() => {
-			try {
-				return typeof window !== "undefined" ? window.location.origin : null;
-			} catch {
-				return null;
-			}
-		})();
-		const originCandidate = walletOrigin || fallbackOrigin;
-		if (!originCandidate) return {
-			iframeSrc: null,
-			allowOrigin: null,
-			warning: null,
-			error: "[WalletIframeTxButtonHost] Unable to resolve wallet origin. Provide iframeWallet.walletOrigin or ensure window.location.origin is available."
-		};
-		let originUrl;
-		try {
-			originUrl = new URL(originCandidate);
-		} catch (err) {
-			const message = err instanceof Error ? err.message : String(err);
-			return {
-				iframeSrc: null,
-				allowOrigin: null,
-				warning: null,
-				error: `[WalletIframeTxButtonHost] Invalid wallet origin: ${message}`
-			};
-		}
-		let warning = null;
-		if (!walletOrigin) warning = "[WalletIframeTxButtonHost] iframeWallet.walletOrigin is not configured. Falling back to the host origin reduces isolation.";
-		else if (fallbackOrigin && originUrl.origin === fallbackOrigin) warning = "[WalletIframeTxButtonHost] iframeWallet.walletOrigin matches the host origin. Wallet iframe isolation is reduced.";
-		try {
-			const path = walletServicePath || "/wallet-service";
-			const iframeSrc = new URL(path, originUrl).href;
-			return {
-				iframeSrc,
-				allowOrigin: originUrl.origin,
-				warning,
-				error: null
-			};
-		} catch (err) {
-			const message = err instanceof Error ? err.message : String(err);
-			return {
-				iframeSrc: null,
-				allowOrigin: originUrl.origin,
-				warning,
-				error: `[WalletIframeTxButtonHost] Failed to construct iframe URL: ${message}`
-			};
-		}
-	}, [walletOrigin, walletServicePath]);
-	const iframeRef = (0, react.useRef)(null);
-	const [ready, setReady] = (0, react.useState)(false);
-	const idRef = (0, react.useRef)(`w3a-tx-host-${Math.random().toString(36).slice(2)}`);
-	(0, react.useEffect)(() => {
-		const onMessage = (evt) => {
-			const data = evt.data;
-			const type = require_validation.isObject(data) && require_validation.isString(data.type) ? data.type : void 0;
-			const payload = require_validation.isObject(data) && require_validation.isObject(data.payload) ? data.payload : void 0;
-			if (type === "SERVICE_HOST_BOOTED") setReady(true);
-			else if (type === "TX_BUTTON_RESULT") {
-				const ok = require_validation.isObject(payload) ? payload.ok : void 0;
-				const id = require_validation.isObject(payload) ? payload.id : void 0;
-				if (id && id !== idRef.current) return;
-				if (ok) {
-					const result = payload.result;
-					if (result) onSuccess?.(result);
-				} else if (require_validation.isObject(payload) && payload.cancelled) onCancel?.();
-				else if (require_validation.isObject(payload)) {
-					const msg = payload.error || "Tx button action failed";
-					onError?.(new Error(msg));
-				}
-			}
-		};
-		window.addEventListener("message", onMessage);
-		return () => window.removeEventListener("message", onMessage);
-	}, [
-		onCancel,
-		onError,
-		onSuccess
-	]);
-	(0, react.useEffect)(() => {
-		if (config.error || !config.iframeSrc) return;
-		const w$1 = iframeRef.current?.contentWindow;
-		if (!w$1 || !ready) return;
-		w$1.postMessage({
-			type: "WALLET_SET_CONFIG",
-			payload: pmConfigs
-		}, "*");
-		w$1.postMessage({
-			type: "WALLET_UI_MOUNT",
-			payload: {
-				key: "w3a-tx-button-host",
-				id: idRef.current,
-				props: {
-					nearAccountId,
-					transactions,
-					text,
-					theme,
-					className,
-					buttonStyle: style
-				}
-			}
-		}, "*");
-		return () => {
-			w$1?.postMessage({
-				type: "WALLET_UI_UNMOUNT",
-				payload: { id: idRef.current }
-			}, "*");
-		};
-	}, [
-		className,
-		nearAccountId,
-		pmConfigs,
-		ready,
-		style,
-		text,
-		theme,
-		transactions
-	]);
-	const toCssSize = (v) => {
-		if (v == null) return void 0;
-		if (require_validation.isFiniteNumber(v)) return `${v}px`;
-		const s = String(v).trim();
-		return s || void 0;
-	};
-	(0, react.useEffect)(() => {
-		if (config.warning) console.warn(config.warning);
-	}, [config.warning]);
-	const w = toCssSize(width);
-	const h = toCssSize(height);
-	if (config.error) {
-		console.error(config.error);
-		return null;
-	}
-	if (!config.iframeSrc) return null;
-	const allowAttr = config.allowOrigin ? `publickey-credentials-create 'self' ${config.allowOrigin}; publickey-credentials-get 'self' ${config.allowOrigin}; clipboard-read; clipboard-write` : "publickey-credentials-create 'self'; publickey-credentials-get 'self'; clipboard-read; clipboard-write";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("iframe", {
-		ref: iframeRef,
-		title: "wallet-tx-button-host",
-		className,
-		style: {
-			border: "none",
-			width: w,
-			height: h,
-			...style
-		},
-		src: config.iframeSrc,
-		sandbox: "allow-scripts allow-same-origin",
-		allow: allowAttr
-	});
-}
-
-//#endregion
-exports.WalletIframeTxButtonHost = WalletIframeTxButtonHost;
-//# sourceMappingURL=WalletIframeTxButtonHost.js.map

package/dist/cjs/react/components/WalletIframeTxButtonHost.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WalletIframeTxButtonHost.js","names":["useTatchi","pmConfigs: TatchiConfigs | undefined","originUrl: URL","warning: string | null","isObject","isString","w","isFiniteNumber"],"sources":["../../../../src/react/components/WalletIframeTxButtonHost.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { useTatchi } from '@/react/context';\nimport { TransactionInput } from '../../core/types';\nimport type { TatchiConfigs, ActionResult } from '@/core/types/tatchi';\nimport { isObject, isString, isFiniteNumber } from '@/core/WalletIframe/validation';\n\nexport interface WalletIframeTxButtonHostProps {\n  nearAccountId: string;\n  transactions: Array<TransactionInput>;\n  text?: string;\n  theme?: 'dark' | 'light';\n  width?: number | string;\n  height?: number | string;\n  className?: string;\n  style?: React.CSSProperties;\n  buttonStyle: Record<string, string> | CSSStyleDeclaration;\n  buttonHoverStyle: Record<string, string> | CSSStyleDeclaration;\n  tooltipPosition: Record<string, string>,\n  onSuccess?: (result: ActionResult[]) => void;\n  onCancel?: () => void;\n  onError?: (error: Error) => void;\n}\n\n/**\n * WalletTxButtonHost\n *\n * Mounts a tx-confirm button inside the wallet iframe document and wires result\n * messages back to the parent app. The button is rendered inline in the wallet\n * iframe (no nested iframe), enabling invokedFrom='wallet-iframe' and allowing\n * confirmationConfig to be respected across origins (embedded/skip without modal).\n */\nexport function WalletIframeTxButtonHost({\n  nearAccountId,\n  transactions,\n  text = 'Send Transaction',\n  theme = 'dark',\n  width = 200,\n  height = 48,\n  className,\n  style,\n  onSuccess,\n  onCancel,\n  onError,\n}: WalletIframeTxButtonHostProps) {\n\n  const ctx = useTatchi();\n  const pmConfigs: TatchiConfigs | undefined = (ctx as any)?.tatchi?.configs;\n  const walletOrigin = pmConfigs?.iframeWallet?.walletOrigin;\n  const walletServicePath = pmConfigs?.iframeWallet?.walletServicePath;\n\n  const config = useMemo(() => {\n    const fallbackOrigin = (() => {\n      try {\n        return typeof window !== 'undefined' ? window.location.origin : null;\n      } catch {\n        return null;\n      }\n    })();\n\n    const originCandidate = walletOrigin || fallbackOrigin;\n    if (!originCandidate) {\n      return {\n        iframeSrc: null,\n        allowOrigin: null,\n        warning: null,\n        error: '[WalletIframeTxButtonHost] Unable to resolve wallet origin. Provide iframeWallet.walletOrigin or ensure window.location.origin is available.',\n      } as const;\n    }\n\n    let originUrl: URL;\n    try {\n      originUrl = new URL(originCandidate);\n    } catch (err) {\n      const message = err instanceof Error ? err.message : String(err);\n      return {\n        iframeSrc: null,\n        allowOrigin: null,\n        warning: null,\n        error: `[WalletIframeTxButtonHost] Invalid wallet origin: ${message}`,\n      } as const;\n    }\n\n    let warning: string | null = null;\n    if (!walletOrigin) {\n      warning = '[WalletIframeTxButtonHost] iframeWallet.walletOrigin is not configured. Falling back to the host origin reduces isolation.';\n    } else if (fallbackOrigin && originUrl.origin === fallbackOrigin) {\n      warning = '[WalletIframeTxButtonHost] iframeWallet.walletOrigin matches the host origin. Wallet iframe isolation is reduced.';\n    }\n\n    try {\n      const path = walletServicePath || '/wallet-service';\n      const iframeSrc = new URL(path, originUrl).href;\n      return {\n        iframeSrc,\n        allowOrigin: originUrl.origin,\n        warning,\n        error: null,\n      } as const;\n    } catch (err) {\n      const message = err instanceof Error ? err.message : String(err);\n      return {\n        iframeSrc: null,\n        allowOrigin: originUrl.origin,\n        warning,\n        error: `[WalletIframeTxButtonHost] Failed to construct iframe URL: ${message}`,\n      } as const;\n    }\n  }, [walletOrigin, walletServicePath]);\n\n  const iframeRef = useRef<HTMLIFrameElement | null>(null);\n  const [ready, setReady] = useState(false);\n  const idRef = useRef<string>(`w3a-tx-host-${Math.random().toString(36).slice(2)}`);\n\n  useEffect(() => {\n    const onMessage = (evt: MessageEvent) => {\n      const data = evt.data as unknown;\n      const type = isObject(data) && isString((data as any).type) ? (data as any).type : undefined;\n      const payload = isObject(data) && isObject((data as any).payload) ? (data as any).payload : undefined;\n      if (type === 'SERVICE_HOST_BOOTED') {\n        setReady(true);\n      } else if (type === 'TX_BUTTON_RESULT') {\n        const ok = isObject(payload) ? (payload.ok as boolean | undefined) : undefined;\n        const id = isObject(payload) ? (payload.id as string | undefined) : undefined;\n        if (id && id !== idRef.current) return;\n        if (ok) {\n          const result = (payload as { result?: ActionResult[] }).result;\n          if (result) onSuccess?.(result);\n        } else if (isObject(payload) && (payload as { cancelled?: boolean }).cancelled) {\n          onCancel?.();\n        } else if (isObject(payload)) {\n          const msg = (payload as { error?: string }).error || 'Tx button action failed';\n          onError?.(new Error(msg));\n        }\n      }\n    };\n    window.addEventListener('message', onMessage);\n    return () => window.removeEventListener('message', onMessage);\n  }, [onCancel, onError, onSuccess]);\n\n  useEffect(() => {\n    if (config.error || !config.iframeSrc) return;\n    const w = iframeRef.current?.contentWindow;\n    if (!w || !ready) return;\n    w.postMessage({ type: 'WALLET_SET_CONFIG', payload: pmConfigs }, '*');\n    w.postMessage({\n      type: 'WALLET_UI_MOUNT',\n      payload: {\n        key: 'w3a-tx-button-host',\n        id: idRef.current,\n        props: {\n          nearAccountId,\n          transactions,\n          text,\n          theme,\n          className,\n          buttonStyle: style,\n        }\n      }\n    }, '*');\n    return () => {\n      w?.postMessage({ type: 'WALLET_UI_UNMOUNT', payload: { id: idRef.current } }, '*');\n    };\n  }, [className, nearAccountId, pmConfigs, ready, style, text, theme, transactions]);\n\n  // Convert number|string to CSS length string, adding px for finite numbers\n  const toCssSize = (v?: number | string): string | undefined => {\n    if (v == null) return undefined;\n    if (isFiniteNumber(v)) return `${v}px`;\n    const s = String(v).trim();\n    return s || undefined;\n  };\n  useEffect(() => {\n    if (config.warning) {\n      console.warn(config.warning);\n    }\n  }, [config.warning]);\n\n  const w = toCssSize(width);\n  const h = toCssSize(height);\n\n  if (config.error) {\n    console.error(config.error);\n    return null;\n  }\n\n  if (!config.iframeSrc) {\n    return null;\n  }\n\n  const allowAttr = config.allowOrigin\n    ? `publickey-credentials-create 'self' ${config.allowOrigin}; publickey-credentials-get 'self' ${config.allowOrigin}; clipboard-read; clipboard-write`\n    : \"publickey-credentials-create 'self'; publickey-credentials-get 'self'; clipboard-read; clipboard-write\";\n\n  return (\n    <iframe\n      ref={iframeRef}\n      title=\"wallet-tx-button-host\"\n      className={className}\n      style={{ border: 'none', width: w, height: h, ...style }}\n      src={config.iframeSrc}\n      sandbox=\"allow-scripts allow-same-origin\"\n      allow={allowAttr}\n    />\n  );\n}\n\nexport default WalletIframeTxButtonHost;\n"],"mappings":"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"}

package/dist/cjs/react/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/react/index.ts"],"sourcesContent":["/**\n * React Components for Web3Authn Passkey\n *\n * This package provides React components and hooks for integrating Web3Authn Passkey\n * functionality into React applications.\n *\n * **Important:** All React components and hooks must be used inside a TatchiPasskey context.\n * Wrap your app with TatchiPasskeyProvider to provide the required context.\n *\n * @example\n * ```tsx\n * import { TatchiPasskeyProvider, QRCodeScanner, AccountMenuButton } from '@tatchi-xyz/sdk/react';\n *\n * function App() {\n *   return (\n *     <TatchiPasskeyProvider configs={passkeyConfigs}>\n *       <div>\n *         <QRCodeScanner onDeviceLinked={(result) => console.log(result)} />\n *         <AccountMenuButton username=\"alice\" onLogout={() => console.log('logout')} />\n *       </div>\n *     </TatchiPasskeyProvider>\n *   );\n * }\n * ```\n */\n\nexport { TatchiContextProvider, useTatchi } from './context';\nexport {\n  TatchiPasskeyProvider,\n} from './context/TatchiPasskeyProvider';\n\n// === RE-EXPORT CORE TYPES ===\nexport { TatchiPasskey } from '../core/TatchiPasskey';\nexport { PASSKEY_MANAGER_DEFAULT_CONFIGS } from '../core/defaultConfigs';\nexport type { TatchiConfigs, TatchiConfigsInput } from '../core/types/tatchi';\nexport type { StoreUserDataInput } from '../core/IndexedDBManager/passkeyClientDB';\n\n// === RE-EXPORT ACTION TYPES ===\n// Value export for enum\nexport { ActionType } from '../core/types/actions';\n// Type exports for action shapes\nexport type {\n  ActionArgs,\n  FunctionCallAction,\n  TransferAction,\n  CreateAccountAction,\n  DeployContractAction,\n  StakeAction,\n  AddKeyAction,\n  DeleteKeyAction,\n  DeleteAccountAction\n} from '../core/types/actions';\n\n// === TYPES ===\nexport type {\n  TatchiContextType,\n  TatchiContextProviderProps,\n  LoginState,\n  LoginResult,\n  RegistrationResult,\n  // SSE Events\n  RegistrationSSEEvent,\n  LoginSSEvent,\n  ActionSSEEvent,\n  DeviceLinkingSSEEvent,\n  AccountRecoverySSEEvent,\n  EmailRecoverySSEEvent,\n  // Re-exported from TatchiPasskey types\n  RegistrationHooksOptions,\n  LoginHooksOptions,\n  SignNEP413HooksOptions,\n  ActionHooksOptions,\n  // UI State\n  AccountInputState,\n  UseAccountInputReturn,\n} from './types';\n\n////////////////////////////\n// === REACT HOOKS ===\n////////////////////////////\n\nexport { useNearClient } from './hooks/useNearClient';\nexport type { NearClient, AccessKeyList } from '../core/NearClient';\nexport { useAccountInput } from './hooks/useAccountInput';\nexport { useQRCamera, QRScanMode } from './hooks/useQRCamera';\nexport type { UseQRCameraOptions, UseQRCameraReturn } from './hooks/useQRCamera';\nexport { useDeviceLinking } from './hooks/useDeviceLinking';\nexport type { UseDeviceLinkingOptions, UseDeviceLinkingReturn } from './hooks/useDeviceLinking';\nexport { useQRFileUpload } from './hooks/useQRFileUpload';\nexport type { UseQRFileUploadOptions, UseQRFileUploadReturn } from './hooks/useQRFileUpload';\nexport { usePostfixPosition } from './components/PasskeyAuthMenu/ui/usePostfixPosition';\nexport type { UsePostfixPositionOptions, UsePostfixPositionReturn } from './components/PasskeyAuthMenu/ui/usePostfixPosition';\nexport { TxExecutionStatus } from '../core/types/actions';\n\n////////////////////////////\n// === REACT COMPONENTS ===\n////////////////////////////\n\nexport { AccountMenuButton, ProfileSettingsButton } from './components/AccountMenuButton';\n// QR Scanner (jsQR library lazy-loaded in qrScanner.ts utility)\nexport { QRCodeScanner } from './components/QRCodeScanner';\n// Show QR Code for device linking\nexport { ShowQRCode } from './components/ShowQRCode';\n// Embedded transaction confirmation component (React wrapper hosting Lit component)\nexport {\n  TouchIdWithText,\n  SendTxButtonWithTooltip,\n  type SendTxButtonWithTooltipProps,\n} from './components/SendTxButtonWithTooltip';\nexport {\n  WalletIframeTxButtonHost,\n  type WalletIframeTxButtonHostProps,\n} from './components/WalletIframeTxButtonHost';\n// Sign Up / Sign In menu\nexport { PasskeyAuthMenu, PasskeyAuthMenuSkeleton } from './components/PasskeyAuthMenu/passkeyAuthMenuCompat';\nexport type { PasskeyAuthMenuProps } from './components/PasskeyAuthMenu/passkeyAuthMenuCompat';\nexport { AuthMenuMode, AuthMenuModeMap } from './components/PasskeyAuthMenu/authMenuTypes';\nexport type { AuthMenuModeLabel, AuthMenuHeadings } from './components/PasskeyAuthMenu/authMenuTypes';\n// SSR-safe shell + explicit client entrypoints\nexport {\n  PasskeyAuthMenuClient,\n  PasskeyAuthMenuSkeletonInner,\n  preloadPasskeyAuthMenu,\n} from './components/PasskeyAuthMenu';\n// Small SVG utility icon used in examples\nexport { default as TouchIcon } from './components/AccountMenuButton/icons/TouchIcon';\nexport { default as QRCodeIcon } from './components/QRCodeIcon';\nexport { default as SunIcon } from './components/AccountMenuButton/icons/SunIcon';\nexport { default as MoonIcon } from './components/AccountMenuButton/icons/MoonIcon';\n\n// Theme components\nexport { useTheme, Theme } from './components/theme';\nexport type { UseThemeReturn, ThemeProps, ThemeMode } from './components/theme';\nexport { LIGHT_TOKENS, DARK_TOKENS } from './components/theme';\n\n// === ACCOUNT RECOVERY ENUMS ===\nexport {\n  AccountRecoveryPhase,\n  AccountRecoveryStatus,\n} from '../core/types/sdkSentEvents';\nexport type { ActionResult } from '../core/types/tatchi';\n\n// === DEVICE LINKING ENUMS ===\nexport {\n  DeviceLinkingPhase,\n  DeviceLinkingStatus,\n  RegistrationPhase,\n  RegistrationStatus,\n  LoginPhase,\n  LoginStatus,\n  ActionPhase,\n  ActionStatus,\n  DelegateActionPhase,\n  EmailRecoveryPhase,\n  EmailRecoveryStatus\n} from '../core/types/sdkSentEvents';\n\n// === PROFILE BUTTON TYPES ===\nexport { PROFILE_MENU_ITEM_IDS } from './components/AccountMenuButton/types';\nexport type {\n  ProfileDimensions,\n  ProfileAnimationConfig,\n  MenuItem,\n  AccountMenuButtonProps,\n  ProfileSettingsButtonProps,\n  UserAccountButtonProps,\n  ProfileDropdownProps,\n  MenuItemProps,\n  LogoutMenuItemProps,\n  ProfileRelayerToggleSectionProps,\n  ProfileStateRefs,\n  DeviceLinkingScannerParams,\n  ToggleColorProps,\n  ProfileSettingsMenuItemId,\n  HighlightedProfileMenuItem,\n} from './components/AccountMenuButton/types';\n"],"mappings":""}