@coinbase/cdp-react 0.0.78 → 0.0.80

package/README.md

@@ -18,6 +18,11 @@ the CDP frontend SDK.
  - {@link CopySolanaKeyButton | CopySolanaKeyButton} - a button for copying the private key of a user's Solana address
  - {@link ExportWallet | ExportWallet} - a component for exporting a user's wallet; includes a title, a warning about keeping private keys secure, the CopyAddress component, and either the CopyEvmKeyButton or CopySolanaKeyButton depending on the type of address provided
  - {@link ExportWalletModal | ExportWalletModal} - a button that triggers a modal with the ExportWallet component
+ - {@link EnrollMfa | EnrollMfa} - a component for MFA enrollment; guides users through setting up two-factor authentication via TOTP
+ - {@link EnrollMfaModal | EnrollMfaModal} - a button that triggers a modal with the MFA enrollment flow
+ - {@link VerifyMfa | VerifyMfa} - a component for MFA verification; prompts enrolled users to enter their authenticator code
+ - {@link VerifyMfaModal | VerifyMfaModal} - a button that triggers a modal with the MFA verification flow
+ - {@link VerifyMfaInline | VerifyMfaInline} - a wrapper component for embedding MFA verification within existing UI flows
 
 ## Quickstart
 

package/dist/assets/Badge.css

@@ -0,0 +1 @@
+.Badge-module__badge___IxlOE{align-items:center;border-radius:var(--cdp-web-borderRadius-badge);display:inline-flex;font-size:var(--cdp-web-font-size-base);font-family:var(--cdp-web-font-family-page);font-weight:500;justify-content:center;line-height:1;min-height:1em;min-width:1em;padding:.75em}.Badge-module__badge___IxlOE svg,.Badge-module__badge___IxlOE img{display:block;height:1.5em;width:1.5em;margin:0}.Badge-module__badge___IxlOE[data-variant=primary]{background-color:var(--cdp-web-colors-badge-primary-bg-default);color:var(--cdp-web-colors-badge-primary-text-default)}.Badge-module__badge___IxlOE[data-variant=secondary]{background-color:var(--cdp-web-colors-badge-secondary-bg-default);color:var(--cdp-web-colors-badge-secondary-text-default)}.Badge-module__badge___IxlOE[data-variant=warning]{background-color:var(--cdp-web-colors-badge-warning-bg-default);color:var(--cdp-web-colors-badge-warning-text-default)}

package/dist/assets/Banner.css

@@ -1 +1 @@
-.Banner-module__banner___vODjX{border-radius:var(--cdp-web-borderRadius-banner);display:flex;gap:.5em;padding:.75em;line-height:1.25em;background-color:var(--cdp-web-colors-bg-alternate);color:var(--cdp-web-colors-page-text-default)}.Banner-module__banner___vODjX[data-variant=error]{background-color:var(--cdp-web-colors-bg-negativeWash);color:var(--cdp-web-colors-fg-onNegativeWash)}.Banner-module__banner___vODjX[data-variant=success]{background-color:var(--cdp-web-colors-bg-positiveWash);color:var(--cdp-web-colors-fg-onPositiveWash)}.Banner-module__banner___vODjX[data-variant=warning]{background-color:var(--cdp-web-colors-bg-warningWash);color:var(--cdp-web-colors-fg-onWarningWash)}.Banner-module__banner___vODjX .Banner-module__icon___wzB6C{width:1.5em;height:1.25em;display:flex;align-items:center;justify-content:center}.Banner-module__banner___vODjX[data-variant=error] .Banner-module__icon___wzB6C{color:var(--cdp-web-colors-fg-negative)}.Banner-module__banner___vODjX[data-variant=success] .Banner-module__icon___wzB6C{color:var(--cdp-web-colors-fg-positive)}.Banner-module__banner___vODjX[data-variant=warning] .Banner-module__icon___wzB6C{color:var(--cdp-web-colors-fg-warning)}.Banner-module__banner___vODjX svg{width:.875em;height:.875em}.Banner-module__banner___vODjX .Banner-module__text___fTYC-{font-size:.875em;padding-right:.25em}
+.Banner-module__banner___vODjX{border-radius:var(--cdp-web-borderRadius-banner);display:flex;gap:.5em;padding:.75em;line-height:1.25em;background-color:var(--cdp-web-colors-bg-alternate);color:var(--cdp-web-colors-page-text-default)}.Banner-module__banner___vODjX[data-variant=error]{background-color:var(--cdp-web-colors-banner-error-bg-default);color:var(--cdp-web-colors-banner-error-text-default)}.Banner-module__banner___vODjX[data-variant=success]{background-color:var(--cdp-web-colors-banner-success-bg-default);color:var(--cdp-web-colors-banner-success-text-default)}.Banner-module__banner___vODjX[data-variant=warning]{background-color:var(--cdp-web-colors-banner-warning-bg-default);color:var(--cdp-web-colors-banner-warning-text-default)}.Banner-module__banner___vODjX .Banner-module__icon___wzB6C{width:1.5em;height:1.25em;display:flex;align-items:center;justify-content:center}.Banner-module__banner___vODjX[data-variant=error] .Banner-module__icon___wzB6C{color:var(--cdp-web-colors-banner-error-icon-default)}.Banner-module__banner___vODjX[data-variant=success] .Banner-module__icon___wzB6C{color:var(--cdp-web-colors-banner-success-icon-default)}.Banner-module__banner___vODjX[data-variant=warning] .Banner-module__icon___wzB6C{color:var(--cdp-web-colors-banner-warning-icon-default)}.Banner-module__banner___vODjX svg{width:.875em;height:.875em}.Banner-module__banner___vODjX .Banner-module__text___fTYC-{font-size:.875em;padding-right:.25em}

package/dist/assets/CDPReactProvider.css

@@ -0,0 +1 @@
+.VerifyMfa-module__mfa-verification___txLpd{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;padding:1em 2em;overflow:hidden;width:100%}.VerifyMfa-module__mfa-verification___txLpd *{box-sizing:border-box}.VerifyMfa-module__mfa-verification-content___-ksMh{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}.VerifyMfa-module__mfa-verification-form___7b69Y{padding-top:.5em}.VerifyMfa-module__footer___3bANn{padding-top:.75em;margin-top:auto;width:100%}.VerifyMfaModal-module__verify___GZ6dw{padding-top:1.5em}.VerifyMfaModal-module__content___BSj0G{display:flex;flex-direction:column;gap:1em}.VerifyMfaModal-module__header___2plY9{display:flex;align-items:center;justify-content:space-between}.VerifyMfaModal-module__close-icon___pyobJ{width:1.5em;height:1.5em}.VerifyMfaModal-module__close-button___h9yrq{padding:0}.VerifyMfaModal-module__trigger___YXiwC{padding-left:2em;padding-right:2em}.VerifyMfaModal-module__flow___HE2Lf{padding-top:.5em;padding-bottom:1em}

package/dist/assets/CoinbaseFooter.css

@@ -1 +1 @@
-.CoinbaseFooter-module__footer___d0ToM{color:var(--cdp-web-colors-page-text-muted);display:flex;align-items:center;justify-content:center;gap:.5em;line-height:1;padding:1em 2em 0}.CoinbaseFooter-module__text___dmxyS{display:flex;align-items:center;font-size:.75em;gap:.25em;margin:0}.CoinbaseFooter-module__icon___3-qMm{height:auto;width:.75em}.CoinbaseFooter-module__coinbase-icon___Ws6HN{height:1em;width:auto}
+.CoinbaseFooter-module__footer___d0ToM{color:var(--cdp-web-colors-page-text-muted);display:flex;align-items:center;justify-content:center;gap:.5em;line-height:1;padding:1em 1.5em 0}.CoinbaseFooter-module__text___dmxyS{display:flex;align-items:center;font-size:.75em;gap:.25em;margin:0}.CoinbaseFooter-module__icon___3-qMm{height:auto;width:.75em}.CoinbaseFooter-module__coinbase-icon___Ws6HN{height:1em;width:auto}

package/dist/assets/CopyTextField.css

@@ -0,0 +1 @@
+.CopyTextField-module__copy-text-field___zvHRO{display:flex;flex-direction:column;gap:.25em}.CopyTextField-module__visually-hidden___-sZqH{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.CopyTextField-module__label___gpVUi{display:block}.CopyTextField-module__input-container___tSIdj{position:relative;background-color:var(--cdp-web-colors-input-bg-readonly);color:var(--cdp-web-colors-input-text-readonly);cursor:pointer;border-radius:var(--cdp-web-borderRadius-input);padding:.75em;display:flex;align-items:center;justify-content:space-between;gap:.5em}.CopyTextField-module__text-truncated___mKZc-{color:var(--cdp-web-colors-input-text-readonly);font-size:.875em;overflow:hidden;pointer-events:none;text-overflow:ellipsis;transition:opacity .2s ease-out;white-space:nowrap}.CopyTextField-module__text-truncated___mKZc-.CopyTextField-module__disabled___HTUmj{opacity:.5}.CopyTextField-module__copy-button___U0AJC{align-items:center;background:transparent;border:0;border-radius:var(--cdp-web-borderRadius-cta);color:var(--cdp-web-colors-input-text-readonly);cursor:pointer;display:flex;height:1.5em;line-height:1;justify-content:center;padding:0;width:1.5em}.CopyTextField-module__copy-button___U0AJC:focus{outline:none}.CopyTextField-module__copy-button___U0AJC:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-input-border-focus);--cdp-web-button-ring-inset-color: var(--cdp-web-colors-page-bg-default);box-shadow:inset 0 0 0 2px var(--cdp-web-button-ring-inset-color),0 0 0 2px var(--cdp-web-button-ring-color)}.CopyTextField-module__success-icon___uzpP3{display:block;width:1.25em;height:1.25em}.CopyTextField-module__copy-icon___FKK7q{display:block;width:.875em;height:.875em}

package/dist/assets/EnrollMfa.css

@@ -0,0 +1 @@
+.EnrollMfa-module__mfa-enrollment___80xnL{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;padding:.75em 1.5em 1em;overflow:hidden;width:100%}.EnrollMfa-module__img___JmjV1:empty{display:none}.EnrollMfa-module__flex-container___9Dazs{display:flex;flex-direction:column;align-items:stretch;width:100%}.EnrollMfa-module__gap-2___BKEqR{gap:1em}.EnrollMfa-module__gap-3___JKVyF{gap:1.5em}.EnrollMfa-module__centered___YxB8I{text-align:center}.EnrollMfa-module__footer___Zro3u{margin-top:.75em}

package/dist/assets/EnrollMfaDescription.css

@@ -0,0 +1 @@
+.EnrollMfaDescription-module__description___qWKL6{color:var(--cdp-web-colors-page-text-muted);font-size:.875em;line-height:normal;margin:0}

package/dist/assets/EnrollMfaFlow.css

@@ -0,0 +1 @@
+.EnrollMfaFlow-module__method-wrapper___yT4Pj{width:100%}.EnrollMfaFlow-module__list___oGYkb{display:flex;flex-direction:column;gap:.75em;width:100%}

package/dist/assets/EnrollMfaFlowBackButton.css

@@ -0,0 +1 @@
+.EnrollMfaFlowBackButton-module__button___8J7mz{padding:0}.EnrollMfaFlowBackButton-module__icon___H7y5j{width:1.5em;height:1.5em}

package/dist/assets/EnrollMfaItems.css

@@ -0,0 +1 @@
+.EnrollMfaItems-module__list___5ZZmE{list-style:none;margin:0;padding:0;width:100%}

package/dist/assets/EnrollMfaModal.css

@@ -0,0 +1 @@
+.EnrollMfaModal-module__enroll___RFMmp{padding-top:1.5em}.EnrollMfaModal-module__enroll___RFMmp.EnrollMfaModal-module__no-footer___EMCyT{padding-bottom:1.5em}.EnrollMfaModal-module__header___ZotIP{display:flex;align-items:center;justify-content:space-between}.EnrollMfaModal-module__close-icon___L9an5{width:1.5em;height:1.5em}.EnrollMfaModal-module__close-button___-qa5Z{padding:0}.EnrollMfaModal-module__trigger___AxlwE{padding-left:2em;padding-right:2em}.EnrollMfaModal-module__img___bTKfB:empty{display:none}.EnrollMfaModal-module__flex-container___O6xYx{display:flex;flex-direction:column;align-items:stretch;width:100%}.EnrollMfaModal-module__gap-2___NBJPS{gap:1em}.EnrollMfaModal-module__gap-3___Jp1Oy{gap:1.5em}.EnrollMfaModal-module__centered___LhCxM{text-align:center}.EnrollMfaModal-module__footer___Adcfg{margin-top:.75em}

package/dist/assets/EnrollMfaTitle.css

@@ -0,0 +1 @@
+.EnrollMfaTitle-module__heading___ogrZZ{font-size:1em;font-weight:500;line-height:1.5;margin:0}

package/dist/assets/ExportWallet.css

@@ -1 +1 @@
-.ExportWallet-module__export-wallet___EyZys{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;gap:1em;padding:1.5em 1.5em 1em;overflow:hidden;width:100%}.ExportWallet-module__export-wallet___EyZys.ExportWallet-module__no-footer___fzl3R{padding-bottom:1.5em}.ExportWallet-module__export-wallet___EyZys [data-part=iframe-button]{margin:-2px;width:calc(100% + 4px)}.ExportWallet-module__export-wallet___EyZys *{box-sizing:border-box}.ExportWallet-module__export-wallet-title___MuI09{font-size:1em;line-height:1.1;font-weight:600;margin:0}.ExportWallet-module__footer___NvrFY{padding-left:0;padding-right:0}.ExportWalletModal-module__export-wallet___--L56{height:100%;overflow:hidden;gap:0}.ExportWalletModal-module__trigger___zMk8N{padding-left:2em;padding-right:2em}.ExportWalletModal-module__title-bar___RTPZq{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;width:100%}.ExportWalletModal-module__content___KzNol{display:flex;flex-direction:column;gap:1em}.ExportWalletModal-module__close-button___ImsDR{padding:0}.ExportWalletModal-module__close-icon___iAfyT{height:1.5em;width:1.5em}.ExportWalletModal-module__footer___byg1T{padding:.75em 0 0}@media (min-width: 450px){.ExportWalletModal-module__modal___pX1AP{max-width:25em}}
+.ExportWallet-module__export-wallet___EyZys{box-sizing:border-box;font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;background-color:var(--cdp-web-colors-page-bg-default);color:var(--cdp-web-colors-page-text-default);display:flex;flex-direction:column;max-width:38.25em;gap:1em;padding:1.5em 1.5em 1em;overflow:hidden;width:100%}.ExportWallet-module__export-wallet___EyZys.ExportWallet-module__no-footer___fzl3R{padding-bottom:1.5em}.ExportWallet-module__flex-container___-vm5t{display:flex;flex-direction:column;gap:1em}.ExportWallet-module__export-wallet___EyZys [data-part=iframe-button]{margin:-2px;width:calc(100% + 4px)}.ExportWallet-module__export-wallet___EyZys *{box-sizing:border-box}.ExportWallet-module__export-wallet-title___MuI09{font-size:1em;line-height:1.1;font-weight:500;margin:0}.ExportWallet-module__footer___NvrFY{padding-left:0;padding-right:0}.ExportWalletModal-module__export-wallet___--L56{height:100%;overflow:hidden;gap:0}.ExportWalletModal-module__export-wallet___--L56.ExportWalletModal-module__in-mfa-flow___9Fe8k{background:transparent;overflow:visible;padding:1em 0 0}.ExportWalletModal-module__wrapper___r1E1L{box-sizing:border-box;color:var(--cdp-web-colors-page-text-default);font:var(--cdp-web-font-size-base) / 1.5 var(--cdp-web-font-family-body);font-optical-sizing:auto;padding:1.5em 1.5em 1em}.ExportWalletModal-module__wrapper___r1E1L.ExportWalletModal-module__no-footer___J8uj2{padding-bottom:1.5em}.ExportWalletModal-module__trigger___zMk8N{padding-left:2em;padding-right:2em}.ExportWalletModal-module__title-bar___RTPZq{display:flex;justify-content:space-between;align-items:center;width:100%}.ExportWalletModal-module__title-bar-space-bottom___l-NvR{margin-bottom:1em}.ExportWalletModal-module__export-wallet-title___2k0L-{font-size:1em;line-height:1.1;font-weight:500;margin:0}.ExportWalletModal-module__content___KzNol{display:flex;flex-direction:column;gap:1em}.ExportWalletModal-module__close-button___ImsDR{margin-left:auto;margin-right:0;padding:0}.ExportWalletModal-module__close-icon___iAfyT{height:1.5em;width:1.5em}.ExportWalletModal-module__footer___byg1T{padding:.75em 0 0}.ExportWalletModal-module__footer-space-top___URl9q{margin-top:1em}.ExportWalletModal-module__visually-hidden___JAcNA{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width: 450px){.ExportWalletModal-module__modal___pX1AP{max-width:25em}}

package/dist/assets/OTPForm.css

@@ -1 +1 @@
-.OTPForm-module__otp-form___G1-63 [data-part=input-group]{padding-bottom:1.5em}.OTPForm-module__otp-form___G1-63 [data-part=success],.OTPForm-module__otp-form___G1-63 [data-part=error]{margin-top:-1.5em}.OTPForm-module__form-footer___ybmdd{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;min-height:1.5em;padding-top:1.5em;padding-bottom:.5em}.OTPForm-module__server-state-wrapper___R5j5k{margin-top:-1.5em;min-height:1.5em;position:relative;top:-.25em}.OTPForm-module__loading-spinner___8N9XU{color:var(--cdp-web-colors-link-primary-text-default);display:block;margin:0 auto}.OTPForm-module__resend-wrapper___aZUAz{display:flex;align-items:center;justify-content:center;text-align:center;min-height:1.5em}.OTPForm-module__reset-timer___7ElWj{color:var(--cdp-web-colors-page-text-muted);font-weight:500;line-height:1em;min-height:1em;display:flex;align-items:center;justify-content:center}.OTPForm-module__reset-timer___7ElWj p{font-size:.875em;line-height:1;margin:0}
+.OTPForm-module__otp-form___G1-63 [data-part=input-group]{padding-bottom:1.5em}.OTPForm-module__otp-form___G1-63 [data-part=success],.OTPForm-module__otp-form___G1-63 [data-part=error]{margin-top:-1.5em}.OTPForm-module__resend-controls___yFns-{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;min-height:1.5em;padding-top:1.5em;padding-bottom:.5em}.OTPForm-module__loading-spinner-wrapper___iw7f0{margin-top:-1.5em;min-height:1.5em;position:relative;top:.25em}.OTPForm-module__resend-controls-spinner-wrapper___AyU3A{top:-.25em}.OTPForm-module__loading-spinner___8N9XU{color:var(--cdp-web-colors-link-primary-text-default);display:block;margin:0 auto}.OTPForm-module__resend-wrapper___aZUAz{display:flex;align-items:center;justify-content:center;text-align:center;min-height:1.5em}.OTPForm-module__reset-timer___7ElWj{color:var(--cdp-web-colors-page-text-muted);font-weight:500;line-height:1em;min-height:1em;display:flex;align-items:center;justify-content:center}.OTPForm-module__reset-timer___7ElWj p{font-size:.875em;line-height:1;margin:0}

package/dist/assets/QRCode.css

@@ -0,0 +1 @@
+.QRCode-module__qr-code___Ourka{margin:0 auto}

package/dist/assets/ToggleListItem.css

@@ -0,0 +1 @@
+.ToggleListItem-module__item___MoMVD{display:flex;align-items:center;justify-content:flex-start;gap:.75em;padding:.75em 1em;margin:0;box-shadow:inset 0 0 0 1px var(--cdp-web-colors-page-border-default);color:var(--cdp-web-colors-page-text-default);border-radius:.75em}.ToggleListItem-module__item___MoMVD[data-size=md]{padding:.75em 1em}.ToggleListItem-module__item___MoMVD[data-size=sm]{padding:.5em 1em}.ToggleListItem-module__item-icon___-fk9h{display:flex;align-items:center;justify-content:center;width:1em;height:1em}.ToggleListItem-module__item-icon___-fk9h svg{width:.875em;height:.875em}.ToggleListItem-module__item-text___nFMfG{font-weight:500;font-size:.875em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ToggleListItem-module__item-action___G48jL{display:flex;align-items:center;margin-left:auto;margin-right:0}.ToggleListItem-module__button___MEFkz{width:1.5em;height:1.5em;padding:0}.ToggleListItem-module__button___MEFkz:disabled{opacity:.5;cursor:not-allowed}.ToggleListItem-module__button___MEFkz svg{width:.75em;height:.75em}

package/dist/assets/VerifyMfaDescription.css

@@ -0,0 +1 @@
+.VerifyMfaDescription-module__description___mDWgu{color:var(--cdp-web-colors-page-text-muted);font-size:.875em;line-height:normal;text-align:center;margin:0}

package/dist/assets/VerifyMfaFlow.css

@@ -0,0 +1 @@
+.VerifyMfaFlow-module__method-wrapper___LEPzD{width:100%}

package/dist/assets/VerifyMfaImage.css

@@ -0,0 +1 @@
+.VerifyMfaImage-module__image___xftcN{text-align:center;width:100%}

package/dist/assets/VerifyMfaInline.css

@@ -0,0 +1 @@
+.VerifyMfaInline-module__verify-mfa-inline___mn38o{box-sizing:border-box;overflow:hidden;width:100%}.VerifyMfaInline-module__verify-mfa-inline___mn38o *{box-sizing:border-box}.VerifyMfaInline-module__icon___pezMX{width:1.5em;height:auto}div.VerifyMfaInline-module__mfa-verification___WyY76{padding:0}.VerifyMfaInline-module__mfa-verification-content___M4fq0{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%}.VerifyMfaInline-module__mfa-verification-form___8h2u-{padding-top:.5em}

package/dist/assets/VerifyMfaTitle.css

@@ -0,0 +1 @@
+.VerifyMfaTitle-module__heading___18nul{font-size:1em;font-weight:500;line-height:1.5;text-align:center;margin:0}

package/dist/assets/totp.css

@@ -0,0 +1 @@
+.totp-module__qr-code___qyK1k{border-radius:12px;margin:0 auto;max-width:142px;overflow:hidden;width:100%}.totp-module__qr-code___qyK1k svg{display:block;height:auto;transition:opacity .2s ease-out;width:100%}.totp-module__qr-code___qyK1k.totp-module__expired___SKiyj svg{opacity:.5;filter:blur(4px)}.totp-module__container___1aL5H{display:flex;flex-direction:column;gap:1em}.totp-module__copy-key___iwzZf{display:flex;flex-direction:column;gap:.25em}.totp-module__copy-key___iwzZf.totp-module__expired___SKiyj [data-part=input-text]{filter:blur(4px)}.totp-module__otp-form___OzooV{padding-top:.5em}

package/dist/chunks/CDPReactProvider.CIQm4C4z.js

@@ -0,0 +1,299 @@
+import { jsx as o, jsxs as p, Fragment as N } from "react/jsx-runtime";
+import { OAuth2ProviderType as Q, CDPContext as ee, CDPHooksProvider as oe } from "@coinbase/cdp-hooks";
+import { useRef as A, useEffect as S, createContext as D, useState as $, useCallback as m, useMemo as E, useContext as P, useId as j, lazy as te } from "react";
+import { registerMfaListener as re, cancelMfaVerification as ne } from "@coinbase/cdp-core";
+import { A as se, u as J } from "./useSendComponentCallOnce.BHZMuo6E.js";
+import { ThemeProvider as ae } from "../components/ThemeProvider/index.js";
+import { c as ie } from "./lite.1fxw3LjI.js";
+import { Button as Y } from "../components/ui/Button/index.js";
+import { Modal as ce, ModalContent as fe, ModalClose as le, ModalTitle as de, ModalDescription as ue, ModalTrigger as me } from "../components/ui/Modal/index.js";
+import { VerifyMfaDescription as q } from "../components/VerifyMfa/VerifyMfaDescription.js";
+import { VerifyMfaFlow as z } from "../components/VerifyMfa/VerifyMfaFlow.js";
+import { VerifyMfaFooter as B } from "../components/VerifyMfa/VerifyMfaFooter.js";
+import { VerifyMfaImage as G } from "../components/VerifyMfa/VerifyMfaImage.js";
+import { VerifyMfaProvider as pe, useVerifyMfaContext as he } from "../components/VerifyMfa/VerifyMfaProvider.js";
+import { VerifyMfaTitle as X } from "../components/VerifyMfa/VerifyMfaTitle.js";
+import { IconXMark as Me } from "../icons/IconXMark.js";
+import { childrenHasComponent as I } from "../utils/childrenHasComponent.js";
+import '../assets/CDPReactProvider.css';function _e(e) {
+  const t = A(!1);
+  S(() => {
+    t.current || (se.sendHookCallEvent({ name: e }), t.current = !0);
+  }, [e]);
+}
+const ve = "VerifyMfa-module__footer___3bANn", b = {
+  "mfa-verification": "VerifyMfa-module__mfa-verification___txLpd",
+  "mfa-verification-content": "VerifyMfa-module__mfa-verification-content___-ksMh",
+  "mfa-verification-form": "VerifyMfa-module__mfa-verification-form___7b69Y",
+  footer: ve
+}, ye = ({
+  className: e = "",
+  children: t,
+  ...r
+}) => {
+  const { state: n } = he(), { showCoinbaseFooter: s } = R(), a = typeof t == "function" ? t(n) : t;
+  return /* @__PURE__ */ p("div", { className: `${b["mfa-verification"]} ${e}`, ...r, children: [
+    a,
+    !a && /* @__PURE__ */ p("div", { className: b["mfa-verification-content"], children: [
+      /* @__PURE__ */ o(G, {}),
+      /* @__PURE__ */ p("div", { children: [
+        /* @__PURE__ */ o(X, {}),
+        /* @__PURE__ */ o(q, {})
+      ] }),
+      /* @__PURE__ */ o(z, { className: b["mfa-verification-form"] }),
+      s && /* @__PURE__ */ o(B, { className: b.footer })
+    ] })
+  ] });
+}, Ce = ({ onSuccess: e, onError: t, ...r }) => (J("verify_mfa"), /* @__PURE__ */ o(pe, { onError: t, onSuccess: e, children: /* @__PURE__ */ o(ye, { ...r }) })), ge = "VerifyMfaModal-module__verify___GZ6dw", Ve = "VerifyMfaModal-module__content___BSj0G", Ae = "VerifyMfaModal-module__header___2plY9", Pe = "VerifyMfaModal-module__trigger___YXiwC", we = "VerifyMfaModal-module__flow___HE2Lf", V = {
+  verify: ge,
+  content: Ve,
+  header: Ae,
+  "close-icon": "VerifyMfaModal-module__close-icon___pyobJ",
+  "close-button": "VerifyMfaModal-module__close-button___h9yrq",
+  trigger: Pe,
+  flow: we
+}, K = D(null), xe = () => {
+  const e = P(K);
+  if (!e)
+    throw new Error("useVerifyMfaModalContext must be used within a VerifyMfaModal");
+  return e;
+}, U = ({
+  children: e,
+  className: t = "",
+  label: r,
+  ...n
+}) => /* @__PURE__ */ o(me, { asChild: !0, children: e || /* @__PURE__ */ o(Y, { className: ie(V.trigger, t), ...n, children: r || "Verify" }) }), O = ({ children: e, ...t }) => {
+  const { onSuccess: r, onError: n } = xe(), { showCoinbaseFooter: s } = R();
+  return /* @__PURE__ */ o(fe, { ...t, children: /* @__PURE__ */ o(Ce, { className: V.verify, onSuccess: r, onError: n, children: (a) => /* @__PURE__ */ p(N, { children: [
+    e ? typeof e == "function" ? e(a) : e : null,
+    !e && /* @__PURE__ */ p(N, { children: [
+      /* @__PURE__ */ p("div", { className: V.header, children: [
+        /* @__PURE__ */ o("span", {}),
+        /* @__PURE__ */ o(le, { asChild: !0, children: /* @__PURE__ */ o(
+          Y,
+          {
+            className: V["close-button"],
+            "aria-label": "Close",
+            size: "md",
+            variant: "transparentSecondary",
+            children: /* @__PURE__ */ o(Me, { className: V["close-icon"] })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ p("div", { className: V.content, children: [
+        /* @__PURE__ */ o(G, {}),
+        /* @__PURE__ */ p("div", { children: [
+          /* @__PURE__ */ o(de, { asChild: !0, children: /* @__PURE__ */ o(X, {}) }),
+          /* @__PURE__ */ o(ue, { asChild: !0, children: /* @__PURE__ */ o(q, {}) })
+        ] }),
+        /* @__PURE__ */ o("div", { className: V.flow, children: /* @__PURE__ */ o(z, {}) })
+      ] }),
+      s && /* @__PURE__ */ o(B, {})
+    ] })
+  ] }) }) });
+}, be = ({
+  children: e,
+  open: t,
+  setIsOpen: r,
+  onCancel: n,
+  onError: s,
+  onSuccess: a
+}) => {
+  J("verify_mfa_modal");
+  const f = t !== void 0 && r !== void 0, [i, u] = $(!1), M = f ? t : i, l = A(!1), _ = m(
+    (v) => {
+      l.current = !0, a?.(v);
+    },
+    [a]
+  ), y = m(
+    (v) => {
+      f ? r?.(v) : u(v), v || (l.current || n?.(), l.current = !1);
+    },
+    [f, r, u, n]
+  ), h = e ? I(e, U) : !1, d = e ? I(e, O) : !1, w = !h && !d, x = E(
+    () => ({ onCancel: n, onError: s, onSuccess: _ }),
+    [n, s, _]
+  );
+  return /* @__PURE__ */ o(K.Provider, { value: x, children: /* @__PURE__ */ o(ce, { open: M, onOpenChange: y, children: w ? /* @__PURE__ */ p(N, { children: [
+    /* @__PURE__ */ o(U, { children: e }),
+    /* @__PURE__ */ o(O, {})
+  ] }) : /* @__PURE__ */ p(N, { children: [
+    e,
+    !d && /* @__PURE__ */ o(O, {})
+  ] }) }) });
+}, Oe = (e) => e?.closest("[data-cdp-provider]")?.getAttribute?.("data-cdp-provider") ?? null, F = D(void 0), Ne = "__core_mfa_handler__", Se = ({ children: e }) => {
+  const { mfa: t } = R(), r = He(), { disableAutoPrompt: n } = t, [s, a] = $(null), f = A(/* @__PURE__ */ new Map()), i = A(!1), u = m((c, C) => {
+    f.current.set(c, C);
+  }, []), M = m((c) => {
+    f.current.delete(c);
+  }, []), l = A(s);
+  l.current = s;
+  const _ = A(null), y = m((c) => l.current !== null ? !1 : (_.current = document.activeElement, a(c), !0), []), h = m(() => {
+    a(null);
+    const c = _.current;
+    _.current = null, c && requestAnimationFrame(() => {
+      c.focus();
+    });
+  }, []);
+  S(() => n ? void 0 : re(() => {
+    const C = document.activeElement, k = Oe(C);
+    k !== null && k !== r || (i.current = !0, y(Ne));
+  }), [n, y, r]);
+  const d = s ? f.current.get(s)?.current : void 0, w = s !== null, x = m(
+    (c) => {
+      c || h();
+    },
+    [h]
+  ), v = m(
+    (c) => {
+      i.current && (i.current = !1), d?.onSuccess?.(c);
+      const C = d?.closeOnSuccessDelay === void 0 ? 500 : d?.closeOnSuccessDelay;
+      C !== null && (C === 0 ? h() : setTimeout(() => h(), C));
+    },
+    [d, h]
+  ), L = m(
+    (c) => {
+      d?.onError?.(c);
+    },
+    [d]
+  ), T = m(() => {
+    i.current && (ne(), i.current = !1), d?.onCancel?.();
+  }, [d]), Z = E(
+    () => ({
+      register: u,
+      unregister: M,
+      open: y,
+      close: h
+    }),
+    [u, M, y, h]
+  );
+  return /* @__PURE__ */ p(F.Provider, { value: Z, children: [
+    e,
+    /* @__PURE__ */ o(
+      be,
+      {
+        open: w,
+        setIsOpen: x,
+        onSuccess: v,
+        onError: L,
+        onCancel: T,
+        children: /* @__PURE__ */ o(O, {})
+      }
+    )
+  ] });
+}, Qe = (e = {}) => {
+  const t = P(F);
+  if (!t)
+    throw new Error(
+      "useVerifyMfaModal must be used within a MfaVerificationProvider or CDPReactProvider"
+    );
+  _e("use_verify_mfa_modal");
+  const r = j(), n = A(e);
+  S(() => {
+    n.current = e;
+  }, [e]);
+  const { register: s, unregister: a, open: f, close: i } = t;
+  S(() => (s(r, n), () => a(r)), [s, a, r]);
+  const u = m(() => f(r), [f, r]), M = m(() => {
+    i();
+  }, [i]);
+  return { open: u, close: M };
+}, eo = () => P(F) ?? {
+  register: () => {
+  },
+  unregister: () => {
+  },
+  open: () => !1,
+  close: () => {
+  }
+}, Ee = te(() => import("../components/OAuthStatusModal/index.js")), W = (e) => {
+  try {
+    return JSON.stringify(e);
+  } catch {
+  }
+  return "";
+}, Te = Object.keys(Q).map((e) => `oauth:${e}`), De = [
+  /** Email OTP method */
+  "email",
+  /** SMS OTP method */
+  "sms"
+], oo = [...De, ...Te], to = ({
+  children: e,
+  className: t = "",
+  config: r,
+  name: n,
+  style: s,
+  theme: a
+}) => {
+  const f = j(), i = n ?? f, { appName: u, appLogoUrl: M, showCoinbaseFooter: l, authMethods: _, ...y } = r, h = W(y), d = E(() => y, [h]), w = { appName: u, appLogoUrl: M, showCoinbaseFooter: l, authMethods: _ }, x = _?.some((T) => T.startsWith("oauth:")), v = /* @__PURE__ */ o(Fe, { name: i, config: w, children: /* @__PURE__ */ o(ae, { className: t, style: s, theme: a, "data-cdp-provider": i, children: /* @__PURE__ */ p(Se, { children: [
+    e,
+    x && /* @__PURE__ */ o(Ee, {})
+  ] }) }) });
+  return P(ee) ? v : /* @__PURE__ */ o(oe, { config: d, children: v });
+}, H = D(
+  void 0
+), g = {
+  appName: "",
+  appLogoUrl: "",
+  showCoinbaseFooter: !0,
+  authMethods: ["email"],
+  mfa: {
+    disableAutoPrompt: !1
+  }
+}, Fe = ({
+  children: e,
+  config: t,
+  name: r
+}) => {
+  const {
+    appName: n = g.appName,
+    appLogoUrl: s = g.appLogoUrl,
+    showCoinbaseFooter: a = g.showCoinbaseFooter,
+    authMethods: f = g.authMethods,
+    mfa: { disableAutoPrompt: i = g.mfa.disableAutoPrompt } = g.mfa
+  } = t ?? {}, u = W(f), M = E(() => {
+    let l = ["email"];
+    try {
+      l = JSON.parse(u);
+    } catch {
+    }
+    return {
+      app: {
+        appName: n,
+        appLogoUrl: s,
+        showCoinbaseFooter: a,
+        authMethods: Array.isArray(l) && l?.length ? l : g.authMethods,
+        mfa: {
+          disableAutoPrompt: i
+        }
+      },
+      name: r
+    };
+  }, [n, s, a, u, r, i]);
+  return /* @__PURE__ */ o(H.Provider, { value: M, children: e });
+}, R = () => {
+  const e = P(H);
+  if (!e)
+    throw new Error("useAppConfig must be used within an AppConfigProvider");
+  return e.app;
+}, He = () => {
+  const e = P(H);
+  if (!e)
+    throw new Error("useProviderName must be used within an AppConfigProvider");
+  return e.name ?? "";
+};
+export {
+  De as A,
+  to as C,
+  Te as O,
+  Ce as V,
+  He as a,
+  Qe as b,
+  oo as c,
+  be as d,
+  O as e,
+  U as f,
+  Se as g,
+  eo as h,
+  R as u
+};

package/dist/chunks/{LinkAuthFlow.3HN888DV.js → LinkAuthFlow.BaUSMzGH.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as m, Fragment as p } from "react/jsx-runtime";
 import { createContext as S, useContext as I, useMemo as v, forwardRef as A, useRef as L, useImperativeHandle as x, useEffect as N } from "react";
-import { useAppConfig as C } from "../components/CDPReactProvider/index.js";
+import { u as C } from "./CDPReactProvider.CIQm4C4z.js";
 import { SignIn as _ } from "../components/SignIn/index.js";
 import "@coinbase/cdp-hooks";
 import { SwitchSlideTransition as T } from "../components/ui/SwitchSlideTransition/index.js";

package/dist/chunks/index.CKQKBoX2.js

@@ -0,0 +1,9 @@
+import "@coinbase/cdp-hooks";
+import "react";
+import { totpMethodConfig as t } from "../components/EnrollMfa/methods/totp.js";
+const p = {
+  totp: t
+};
+export {
+  p as m
+};

package/dist/chunks/{index.Bvudzh_y.js → index.C_DV0Ud7.js}

@@ -1,5 +1,5 @@
 import { OAuth2ProviderType as t } from "@coinbase/cdp-hooks";
-import "../components/CDPReactProvider/index.js";
+import "./CDPReactProvider.CIQm4C4z.js";
 import { config as i } from "../components/SignIn/flows/SignInWithEmail.js";
 import { config as m } from "../components/SignIn/flows/SignInWithSms.js";
 import "react";

package/dist/chunks/index.Dp-lIxM1.js

@@ -0,0 +1,9 @@
+import "@coinbase/cdp-hooks";
+import "react";
+import { totpMethodConfig as t } from "../components/VerifyMfa/methods/totp.js";
+const r = {
+  totp: t
+};
+export {
+  r as m
+};

package/dist/components/CDPReactProvider/index.d.ts

@@ -9,12 +9,15 @@ export interface AppConfig {
     appLogoUrl?: string;
     showCoinbaseFooter?: boolean;
     authMethods?: [AuthMethod, ...AuthMethod[]];
+    mfa?: {
+        disableAutoPrompt?: boolean;
+    };
 }
 export type Config = AppConfig & CDPHooksConfig;
 export type CDPReactProviderProps = {
     config: Config;
     name?: string;
 } & ThemeProviderProps;
-export declare const CDPReactProvider: ({ children, className, config, name, style, theme, }: CDPReactProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CDPReactProvider: ({ children, className, config, name: nameFromProps, style, theme, }: CDPReactProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useAppConfig: () => Required<AppConfig>;
 export declare const useProviderName: () => string;

package/dist/components/CDPReactProvider/index.js

@@ -1,81 +1,13 @@
-import { jsx as c, jsxs as y } from "react/jsx-runtime";
-import { OAuth2ProviderType as w, CDPContext as O, CDPHooksProvider as H } from "@coinbase/cdp-hooks";
-import { lazy as N, createContext as T, useContext as m, useMemo as g } from "react";
-import { ThemeProvider as b } from "../ThemeProvider/index.js";
-const D = N(() => import("../OAuthStatusModal/index.js")), l = (o) => {
-  try {
-    return JSON.stringify(o);
-  } catch {
-  }
-  return "";
-}, S = Object.keys(w).map((o) => `oauth:${o}`), U = [
-  /** Email OTP method */
-  "email",
-  /** SMS OTP method */
-  "sms"
-], J = [...U, ...S], V = ({
-  children: o,
-  className: r = "",
-  config: n,
-  name: s,
-  style: a,
-  theme: i
-}) => {
-  const { appName: h, appLogoUrl: p, showCoinbaseFooter: u, authMethods: t, ...d } = n, A = l(d), M = g(() => d, [A]), P = { appName: h, appLogoUrl: p, showCoinbaseFooter: u, authMethods: t }, v = t?.some((x) => x.startsWith("oauth:")), f = /* @__PURE__ */ c(L, { name: s, config: P, children: /* @__PURE__ */ y(b, { className: r, style: a, theme: i, children: [
-    o,
-    v && /* @__PURE__ */ c(D, {})
-  ] }) });
-  return m(O) ? f : /* @__PURE__ */ c(H, { config: M, children: f });
-}, C = T(
-  void 0
-), e = {
-  appName: "",
-  appLogoUrl: "",
-  showCoinbaseFooter: !0,
-  authMethods: ["email"]
-}, L = ({
-  children: o,
-  config: r,
-  name: n
-}) => {
-  const {
-    appName: s = e.appName,
-    appLogoUrl: a = e.appLogoUrl,
-    showCoinbaseFooter: i = e.showCoinbaseFooter,
-    authMethods: h = e.authMethods
-  } = r ?? {}, p = l(h), u = g(() => {
-    let t = ["email"];
-    try {
-      t = JSON.parse(p);
-    } catch {
-    }
-    return {
-      app: {
-        appName: s,
-        appLogoUrl: a,
-        showCoinbaseFooter: i,
-        authMethods: Array.isArray(t) && t?.length ? t : e.authMethods
-      },
-      name: n
-    };
-  }, [s, a, i, p, n]);
-  return /* @__PURE__ */ c(C.Provider, { value: u, children: o });
-}, z = () => {
-  const o = m(C);
-  if (!o)
-    throw new Error("useAppConfig must be used within an AppConfigProvider");
-  return o.app;
-}, K = () => {
-  const o = m(C);
-  if (!o)
-    throw new Error("useProviderName must be used within an AppConfigProvider");
-  return o.name ?? "";
-};
+import "react/jsx-runtime";
+import "@coinbase/cdp-hooks";
+import "react";
+import { c as p, A as m, C as t, O as A, u as H, a as T } from "../../chunks/CDPReactProvider.CIQm4C4z.js";
+import "../ThemeProvider/index.js";
 export {
-  J as ALL_AUTH_METHODS,
-  U as AUTH_METHODS,
-  V as CDPReactProvider,
-  S as OAUTH_METHODS,
-  z as useAppConfig,
-  K as useProviderName
+  p as ALL_AUTH_METHODS,
+  m as AUTH_METHODS,
+  t as CDPReactProvider,
+  A as OAUTH_METHODS,
+  H as useAppConfig,
+  T as useProviderName
 };