@coinbase/cdp-react 0.0.31 → 0.0.32

package/dist/assets/Button.css

@@ -1 +1 @@
-.Button-module__btn___Wj6Dr{--cdp-web-button-ring-color: transparent;--cdp-web-button-ring-width: 2px;--cdp-web-button-ring-inset-color: transparent;--cdp-web-button-ring-inset-width: 2px;border-radius:9999em}.Button-module__link-primary___6Zgkh,.Button-module__link-secondary___S0Qdo{padding:0 .25em}.Button-module__primary___WGT--{background-color:var(--cdp-web-colors-cta-primary-bg-default);color:var(--cdp-web-colors-cta-primary-text-default)}.Button-module__primary___WGT--:hover{background-color:var(--cdp-web-colors-cta-primary-bg-hover);color:var(--cdp-web-colors-cta-primary-text-hover)}.Button-module__primary___WGT--:focus{outline:none}.Button-module__primary___WGT--:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-cta-primary-border-focus);--cdp-web-button-ring-inset-color: var(--cdp-web-colors-page-bg-default);outline:none}.Button-module__secondary___Fx0LJ{background-color:var(--cdp-web-colors-cta-secondary-bg-default);color:var(--cdp-web-colors-cta-secondary-text-default)}.Button-module__secondary___Fx0LJ:hover{background-color:var(--cdp-web-colors-cta-secondary-bg-hover);color:var(--cdp-web-colors-cta-secondary-text-hover)}.Button-module__secondary___Fx0LJ:focus{outline:none}.Button-module__secondary___Fx0LJ:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-cta-secondary-border-focus);--cdp-web-button-ring-inset-color: var(--cdp-web-colors-page-bg-default);outline:none}.Button-module__link-primary___6Zgkh,.Button-module__transparent-primary___iwWv5{background-color:transparent;color:var(--cdp-web-colors-link-primary-text-default)}.Button-module__link-primary___6Zgkh:hover,.Button-module__transparent-primary___iwWv5:hover{color:var(--cdp-web-colors-link-primary-text-hover)}.Button-module__link-primary___6Zgkh:focus,.Button-module__transparent-primary___iwWv5:focus{outline:none}.Button-module__link-primary___6Zgkh:focus-visible,.Button-module__transparent-primary___iwWv5:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-link-primary-text-default);outline:none}.Button-module__link-secondary___S0Qdo,.Button-module__transparent-secondary___GfRXu{background-color:transparent;color:var(--cdp-web-colors-link-secondary-text-default)}.Button-module__link-secondary___S0Qdo:hover,.Button-module__transparent-secondary___GfRXu:hover{color:var(--cdp-web-colors-link-secondary-text-hover)}.Button-module__link-secondary___S0Qdo:focus,.Button-module__transparent-secondary___GfRXu:focus{outline:none}.Button-module__link-secondary___S0Qdo:focus-visible,.Button-module__transparent-secondary___GfRXu:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-link-secondary-text-default);outline:none}.Button-module__control-btn___9Gkoz{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-default);--cdp-web-button-ring-inset-width: 1px;background-color:var(--cdp-web-colors-select-trigger-bg-default);border-radius:.5em;color:var(--cdp-web-colors-select-trigger-text-default);font-weight:400}.Button-module__control-btn___9Gkoz:focus{outline:none}.Button-module__control-btn___9Gkoz:focus-visible{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-input-border-focus);--cdp-web-button-ring-inset-width: 2px;outline:none}
+.Button-module__btn___Wj6Dr{--cdp-web-button-ring-color: transparent;--cdp-web-button-ring-width: 2px;--cdp-web-button-ring-inset-color: transparent;--cdp-web-button-ring-inset-width: 2px;border-radius:9999em}.Button-module__link-primary___6Zgkh,.Button-module__link-secondary___S0Qdo{padding:0 .25em}.Button-module__primary___WGT--{background-color:var(--cdp-web-colors-cta-primary-bg-default);color:var(--cdp-web-colors-cta-primary-text-default)}.Button-module__primary___WGT--:hover{background-color:var(--cdp-web-colors-cta-primary-bg-hover);color:var(--cdp-web-colors-cta-primary-text-hover)}.Button-module__primary___WGT--:active{background-color:var(--cdp-web-colors-cta-primary-bg-pressed)}.Button-module__primary___WGT--:focus{outline:none}.Button-module__primary___WGT--:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-cta-primary-border-focus);--cdp-web-button-ring-inset-color: var(--cdp-web-colors-page-bg-default);outline:none}.Button-module__secondary___Fx0LJ{background-color:var(--cdp-web-colors-cta-secondary-bg-default);color:var(--cdp-web-colors-cta-secondary-text-default)}.Button-module__secondary___Fx0LJ:hover{background-color:var(--cdp-web-colors-cta-secondary-bg-hover);color:var(--cdp-web-colors-cta-secondary-text-hover)}.Button-module__secondary___Fx0LJ:active{background-color:var(--cdp-web-colors-cta-secondary-bg-pressed)}.Button-module__secondary___Fx0LJ:focus{outline:none}.Button-module__secondary___Fx0LJ:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-cta-secondary-border-focus);--cdp-web-button-ring-inset-color: var(--cdp-web-colors-page-bg-default);outline:none}.Button-module__link-primary___6Zgkh,.Button-module__transparent-primary___iwWv5{background-color:transparent;color:var(--cdp-web-colors-link-primary-text-default)}.Button-module__link-primary___6Zgkh:hover,.Button-module__transparent-primary___iwWv5:hover{color:var(--cdp-web-colors-link-primary-text-hover)}.Button-module__link-primary___6Zgkh:active,.Button-module__transparent-primary___iwWv5:active{background-color:var(--cdp-web-colors-link-primary-text-pressed)}.Button-module__link-primary___6Zgkh:focus,.Button-module__transparent-primary___iwWv5:focus{outline:none}.Button-module__link-primary___6Zgkh:focus-visible,.Button-module__transparent-primary___iwWv5:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-link-primary-text-default);outline:none}.Button-module__link-secondary___S0Qdo,.Button-module__transparent-secondary___GfRXu{background-color:transparent;color:var(--cdp-web-colors-link-secondary-text-default)}.Button-module__link-secondary___S0Qdo:hover,.Button-module__transparent-secondary___GfRXu:hover{color:var(--cdp-web-colors-link-secondary-text-hover)}.Button-module__link-secondary___S0Qdo:active,.Button-module__transparent-secondary___GfRXu:active{background-color:var(--cdp-web-colors-link-secondary-text-pressed)}.Button-module__link-secondary___S0Qdo:focus,.Button-module__transparent-secondary___GfRXu:focus{outline:none}.Button-module__link-secondary___S0Qdo:focus-visible,.Button-module__transparent-secondary___GfRXu:focus-visible{--cdp-web-button-ring-color: var(--cdp-web-colors-link-secondary-text-default);outline:none}.Button-module__control-btn___9Gkoz{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-default);--cdp-web-button-ring-inset-width: 1px;background-color:var(--cdp-web-colors-select-trigger-bg-default);border-radius:.5em;color:var(--cdp-web-colors-select-trigger-text-default);font-weight:400}.Button-module__control-btn___9Gkoz:hover{background-color:var(--cdp-web-colors-select-trigger-bg-hover)}.Button-module__control-btn___9Gkoz:active{background-color:var(--cdp-web-colors-select-trigger-bg-pressed)}.Button-module__control-btn___9Gkoz:focus{outline:none}.Button-module__control-btn___9Gkoz:focus-visible{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-input-border-focus);--cdp-web-button-ring-inset-width: 2px;outline:none}

package/dist/assets/FundErrorScreen.css

@@ -1 +1 @@
-.FundErrorScreen-module__icon___Mf6ck{width:4em;height:4em;color:var(--cdp-web-colors-fg-warning)}.FundErrorScreen-module__title___8Qv6o{font-size:1.25em;font-weight:600;line-height:1.4;margin:.5em 0 .25em}.FundErrorScreen-module__body___-p-r9{color:var(--cdp-web-colors-fg-muted);line-height:1.5;margin:0 0 .25em}.FundErrorScreen-module__body___-p-r9:last-child{margin-bottom:0}.FundErrorScreen-module__docs-link___mzeH8{white-space:nowrap}.FundErrorScreen-module__keywords___u85Do span[data-part=keyword]{background-color:var(--cdp-web-colors-code-bg-default);border:1px solid var(--cdp-web-colors-code-border-default);border-radius:.25em;color:var(--cdp-web-colors-code-text-default);font-size:.875em;line-height:1;padding:.2em .25em;font-family:var(--cdp-web-font-family-mono)}
+.FundErrorScreen-module__icon___Mf6ck{color:var(--cdp-web-colors-fg-warning);display:block;height:3em;width:3em}.FundErrorScreen-module__title___8Qv6o{font-size:1.25em;font-weight:600;line-height:1.4;margin:1em 0 .5em}.FundErrorScreen-module__body___-p-r9{color:var(--cdp-web-colors-fg-muted);line-height:1.5;margin:0 0 .5em}.FundErrorScreen-module__body___-p-r9:last-child{margin-bottom:0}.FundErrorScreen-module__docs-link___mzeH8{color:var(--cdp-web-colors-link-primary-text-default);white-space:nowrap}.FundErrorScreen-module__docs-link___mzeH8:hover{color:var(--cdp-web-colors-link-primary-text-hover)}.FundErrorScreen-module__docs-link___mzeH8:active{color:var(--cdp-web-colors-link-primary-text-pressed)}.FundErrorScreen-module__keywords___u85Do span[data-part=keyword]{background-color:var(--cdp-web-colors-code-bg-default);border:1px solid var(--cdp-web-colors-code-border-default);border-radius:.25em;color:var(--cdp-web-colors-code-text-default);font-size:.875em;line-height:1;padding:.2em .25em;font-family:var(--cdp-web-font-family-mono)}

package/dist/assets/FundModal.css

@@ -1 +1 @@
-.FundModal-module__trigger___2IuXj{padding-left:2em;padding-right:2em}.FundModal-module__fund___1AmQa{height:100%;overflow:hidden}.FundModal-module__fund___1AmQa.FundModal-module__no-footer___WKV78{padding-bottom:2em}.FundModal-module__title-buttons___Lctf7{display:flex;justify-content:space-between;align-items:center}.FundModal-module__close-button___jzdFM{transform:translate(.75em);margin-left:auto;margin-right:0}.FundModal-module__close-icon___WoA4a{height:auto;width:1.5em}.FundModal-module__fund-inner___UuOq3{text-align:left}.FundModal-module__fund-inner___UuOq3.FundModal-module__tx-status___fc-3f{text-align:center}.FundModal-module__title___lNsoT{flex-grow:1}.FundModal-module__tx-status___fc-3f .FundModal-module__title___lNsoT{padding-left:3em}.FundModal-module__content___9f3ze{margin-top:1.5em}.FundModal-module__tx-status___fc-3f .FundModal-module__content___9f3ze{margin-top:4em}.FundModal-module__tx-status___fc-3f .FundModal-module__content___9f3ze p:last-child{margin-bottom:4em}.FundModal-module__tx-status___fc-3f .FundModal-module__content___9f3ze button:last-child{margin-top:4em}
+.FundModal-module__trigger___2IuXj{padding-left:2em;padding-right:2em}.FundModal-module__fund___1AmQa{height:100%;overflow:hidden}.FundModal-module__fund___1AmQa.FundModal-module__no-footer___WKV78{padding-bottom:2em}.FundModal-module__title-buttons___Lctf7{display:flex;justify-content:space-between;align-items:center}.FundModal-module__close-button___jzdFM{transform:translate(.75em);margin-left:auto;margin-right:0}.FundModal-module__close-icon___WoA4a{height:auto;width:1.5em}.FundModal-module__fund-inner___UuOq3{text-align:left}.FundModal-module__fund-inner___UuOq3.FundModal-module__tx-status___fc-3f{text-align:center}.FundModal-module__title___lNsoT{flex-grow:1}.FundModal-module__tx-status___fc-3f .FundModal-module__title___lNsoT{padding-left:3em}.FundModal-module__content___9f3ze{margin-top:1.5em}.FundModal-module__error-view___hR1A0 .FundModal-module__content___9f3ze{margin-top:0;margin-bottom:2em}.FundModal-module__tx-status___fc-3f .FundModal-module__content___9f3ze{margin-top:4em}.FundModal-module__tx-status___fc-3f .FundModal-module__content___9f3ze p:last-child{margin-bottom:4em}.FundModal-module__tx-status___fc-3f .FundModal-module__content___9f3ze button:last-child{margin-top:4em}

package/dist/assets/FundTransactionStatus.css

@@ -1 +1 @@
-.FundTransactionStatus-module__graphic___cam38{display:flex;align-items:center;justify-content:center;position:relative}.FundTransactionStatus-module__status___2zKJu{text-align:center}.FundTransactionStatus-module__pad___-9rGO{padding:.5em}.FundTransactionStatus-module__spinner___94rMk{width:5em;height:5em;color:var(--cdp-web-colors-line-primary)}.FundTransactionStatus-module__icon___0hBQO{color:var(--cdp-web-colors-page-text-default);position:absolute;display:flex;align-items:center;justify-content:center;width:2em;height:2em;top:50%;left:50%;transform:translate(-50%,-50%)}.FundTransactionStatus-module__icon___0hBQO svg{width:100%;height:auto}.FundTransactionStatus-module__icon-success___893VG svg{color:var(--cdp-web-colors-fg-positive)}.FundTransactionStatus-module__icon-error___-aQvD svg{color:var(--cdp-web-colors-fg-negative)}.FundTransactionStatus-module__subhead___0sHIM{font-size:1.25em;line-height:1.2;font-weight:600;margin:1em 0 .25em}.FundTransactionStatus-module__description___W7kK2{font-size:1.125em;color:var(--cdp-web-colors-page-text-muted);line-height:1.5;font-weight:400;margin:0 0 1em}.FundTransactionStatus-module__description___W7kK2:last-child{margin-bottom:0}.FundTransactionStatus-module__ring___1vnCu{border-radius:9999em;border:3px solid transparent;display:block;width:4em;height:4em}.FundTransactionStatus-module__ring-success___Bxudq{border-color:var(--cdp-web-colors-line-positive)}.FundTransactionStatus-module__ring-error___WmTaE{border-color:var(--cdp-web-colors-line-negative)}
+.FundTransactionStatus-module__graphic___cam38{display:flex;align-items:center;justify-content:center;position:relative}.FundTransactionStatus-module__status___2zKJu{text-align:center}.FundTransactionStatus-module__pad___-9rGO{padding:.5em}.FundTransactionStatus-module__spinner___94rMk{width:5em;height:5em;color:var(--cdp-web-colors-line-primary)}.FundTransactionStatus-module__icon___0hBQO{color:var(--cdp-web-colors-page-text-default);position:absolute;display:flex;align-items:center;justify-content:center;width:2em;height:2em;top:50%;left:50%;transform:translate(-50%,-50%)}.FundTransactionStatus-module__icon___0hBQO svg{width:100%;height:auto}.FundTransactionStatus-module__icon-success___893VG svg{color:var(--cdp-web-colors-fg-positive)}.FundTransactionStatus-module__icon-error___-aQvD svg{color:var(--cdp-web-colors-fg-negative)}.FundTransactionStatus-module__subhead___0sHIM{font-size:1.25em;line-height:1.2;font-weight:600;margin:1em 0 .25em}.FundTransactionStatus-module__description___W7kK2{font-size:1.125em;font-variant-numeric:tabular-nums;color:var(--cdp-web-colors-page-text-muted);line-height:1.5;font-weight:400;margin:0 0 1em}.FundTransactionStatus-module__description___W7kK2:last-child{margin-bottom:0}.FundTransactionStatus-module__ring___1vnCu{border-radius:9999em;border:3px solid transparent;display:block;width:4em;height:4em}.FundTransactionStatus-module__ring-success___Bxudq{border-color:var(--cdp-web-colors-line-positive)}.FundTransactionStatus-module__ring-error___WmTaE{border-color:var(--cdp-web-colors-line-negative)}.FundTransactionStatus-module__invisible___m72ZQ{visibility:hidden}

package/dist/assets/Select.css

@@ -1 +1 @@
-.Select-module__select-trigger___yqioM{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-default);--cdp-web-button-ring-inset-width: 1px;background-color:var(--cdp-web-colors-select-trigger-bg-default);border-radius:.5em;color:var(--cdp-web-colors-select-trigger-text-default);font-weight:500;text-align:left;justify-content:space-between}.Select-module__select-trigger___yqioM:focus{outline:none}.Select-module__select-trigger___yqioM:focus-visible{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-focus);--cdp-web-button-ring-inset-width: 2px;outline:none}.Select-module__select-icon___hE7Wy{transition:transform .2s ease-in-out}.Select-module__select-trigger___yqioM[data-state=open] .Select-module__select-icon___hE7Wy{transform:rotate(0)}.Select-module__select-trigger___yqioM[data-state=closed] .Select-module__select-icon___hE7Wy{transform:rotate(-90deg)}.Select-module__select-content___6R8J9{--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%);background-color:var(--cdp-web-colors-select-list-bg-default);border:1px solid var(--cdp-web-colors-select-list-border-default);border-radius:.5em;box-sizing:border-box;box-shadow:var(--shadow-sm);font-size:var(--cdp-web-font-size-base);max-height:var(--radix-select-content-available-height);padding:.5em;text-align:left;width:var(--radix-select-trigger-width)}.Select-module__select-content___6R8J9[data-state=open]{animation:Select-module__slide-down-and-fade___66mDK .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-content___6R8J9[data-side=top][data-state=open]{animation:Select-module__slide-up-and-fade___0H9hX .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-item___12l2C{background-color:var(--cdp-web-colors-select-list-item-bg-default);border-radius:.5em;color:var(--cdp-web-colors-select-list-item-text-default);cursor:pointer;font-size:.875em;display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.5em;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-item___12l2C[data-highlighted]{background-color:var(--cdp-web-colors-select-list-item-bg-highlight);color:var(--cdp-web-colors-select-list-item-text-onHighlight);outline:none}.Select-module__rotate-180___KuvGV{transform:rotate(180deg)}@keyframes Select-module__slide-down-and-fade___66mDK{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes Select-module__slide-up-and-fade___0H9hX{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
+.Select-module__select-trigger___yqioM{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-default);--cdp-web-button-ring-inset-width: 1px;background-color:var(--cdp-web-colors-select-trigger-bg-default);border-radius:.5em;color:var(--cdp-web-colors-select-trigger-text-default);font-weight:500;text-align:left;justify-content:space-between}.Select-module__select-trigger___yqioM:hover{background-color:var(--cdp-web-colors-select-trigger-bg-hover)}.Select-module__select-trigger___yqioM:active{background-color:var(--cdp-web-colors-select-trigger-bg-pressed)}.Select-module__select-trigger___yqioM:focus{outline:none}.Select-module__select-trigger___yqioM:focus-visible{--cdp-web-button-ring-inset-color: var(--cdp-web-colors-select-trigger-border-focus);--cdp-web-button-ring-inset-width: 2px;outline:none}.Select-module__select-icon___hE7Wy{transition:transform .2s ease-in-out}.Select-module__select-trigger___yqioM[data-state=open] .Select-module__select-icon___hE7Wy{transform:rotate(0)}.Select-module__select-trigger___yqioM[data-state=closed] .Select-module__select-icon___hE7Wy{transform:rotate(-90deg)}.Select-module__select-content___6R8J9{--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%);background-color:var(--cdp-web-colors-select-list-bg-default);border:1px solid var(--cdp-web-colors-select-list-border-default);border-radius:.5em;box-sizing:border-box;box-shadow:var(--shadow-sm);font-size:var(--cdp-web-font-size-base);max-height:var(--radix-select-content-available-height);padding:.5em;text-align:left;width:var(--radix-select-trigger-width)}.Select-module__select-content___6R8J9[data-state=open]{animation:Select-module__slide-down-and-fade___66mDK .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-content___6R8J9[data-side=top][data-state=open]{animation:Select-module__slide-up-and-fade___0H9hX .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-item___12l2C{background-color:var(--cdp-web-colors-select-list-item-bg-default);border-radius:.5em;color:var(--cdp-web-colors-select-list-item-text-default);cursor:pointer;font-size:.875em;display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:.5em;transition:background-color .2s cubic-bezier(.4,0,.2,1)}.Select-module__select-item___12l2C[data-highlighted]{background-color:var(--cdp-web-colors-select-list-item-bg-highlight);color:var(--cdp-web-colors-select-list-item-text-onHighlight);outline:none}.Select-module__rotate-180___KuvGV{transform:rotate(180deg)}@keyframes Select-module__slide-down-and-fade___66mDK{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes Select-module__slide-up-and-fade___0H9hX{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

package/dist/assets/ThemeProvider.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";.ThemeProvider-module__wrapper___aXwhZ{width:100%}
+@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Rethink+Sans:ital,wght@0,400..800;1,400..800&display=swap";.ThemeProvider-module__wrapper___aXwhZ{width:100%}

package/dist/components/Fund/FundProvider.js

@@ -1,11 +1,11 @@
-import { jsx as E } from "react/jsx-runtime";
-import { useEvmAddress as T } from "@coinbase/cdp-hooks";
-import { createContext as R, useContext as U, useEffect as l, useMemo as b } from "react";
-import { useBuyUrl as M } from "./hooks/useBuyUrl.js";
-import { useEmitLifecycleStatus as g } from "./hooks/useEmitLifecycleStatus.js";
-import { useExchangeRate as k } from "./hooks/useExchangeRate.js";
-import { usePaymentMethods as H } from "./hooks/usePaymentMethods.js";
-import { useFundReducer as N } from "./useFundReducer.js";
+import { jsx as T } from "react/jsx-runtime";
+import { useEvmAddress as U } from "@coinbase/cdp-hooks";
+import { createContext as R, useContext as b, useEffect as l, useMemo as M } from "react";
+import { useBuyUrl as g } from "./hooks/useBuyUrl.js";
+import { useEmitLifecycleStatus as k } from "./hooks/useEmitLifecycleStatus.js";
+import { useExchangeRate as H } from "./hooks/useExchangeRate.js";
+import { usePaymentMethods as N } from "./hooks/usePaymentMethods.js";
+import { useFundReducer as _ } from "./useFundReducer.js";
 const x = {
   country: "US",
   cryptoCurrency: "ETH",
@@ -19,7 +19,7 @@ const x = {
     statusName: "init",
     statusData: null
   }
-}, C = R(void 0), z = ({
+}, C = R(void 0), G = ({
   children: c,
   fetchBuyOptions: h,
   fetchBuyQuote: f,
@@ -38,8 +38,9 @@ const x = {
     locale: d,
     network: o,
     presetAmountInputs: m,
-    subdivision: n
-  } = I, { evmAddress: w } = T(), [p, r] = N({
+    redirectUrl: w,
+    subdivision: r
+  } = I, { evmAddress: A } = U(), [p, n] = _({
     ...x,
     country: t,
     cryptoCurrency: e,
@@ -49,11 +50,11 @@ const x = {
     locale: d,
     network: o,
     presetAmountInputs: m,
-    subdivision: n,
+    subdivision: r,
     selectedInputType: S || x.selectedInputType
   });
   l(() => {
-    r({
+    n({
       type: "SYNC_WITH_PROPS",
       payload: {
         country: t,
@@ -64,7 +65,7 @@ const x = {
         locale: d,
         network: o,
         presetAmountInputs: m,
-        subdivision: n
+        subdivision: r
       }
     });
   }, [
@@ -76,53 +77,54 @@ const x = {
     d,
     o,
     m,
-    n,
-    r
-  ]), g({
+    r,
+    n
+  ]), k({
     lifecycleStatus: p.transactionStatus,
     onError: u,
     onStatus: D,
     onSuccess: F
   });
-  const { fetchExchangeRate: y } = k({
+  const { fetchExchangeRate: y } = H({
     cryptoCurrency: e,
     country: t,
-    dispatch: r,
+    dispatch: n,
     fetchBuyQuote: f,
     fiatCurrency: s,
     network: o,
     onError: u,
-    subdivision: n
-  }), { fetchPaymentMethods: P } = H({
+    subdivision: r
+  }), { fetchPaymentMethods: P } = N({
     country: t,
     cryptoCurrency: e,
-    dispatch: r,
+    dispatch: n,
     fetchBuyOptions: h,
     fiatCurrency: s,
     network: o,
     onError: u,
-    subdivision: n
-  }), { fetchBuyUrl: v } = M({
+    subdivision: r
+  }), { fetchBuyUrl: v } = g({
     cryptoCurrency: e,
-    destinationAddress: w || void 0,
+    destinationAddress: A || void 0,
     fiatCurrency: s,
     fetchBuyQuote: f,
     country: t,
     network: o,
-    subdivision: n
-  }), A = b(() => ({ state: p, dispatch: r, fetchBuyUrl: v }), [p, r, v]);
+    redirectUrl: w,
+    subdivision: r
+  }), E = M(() => ({ state: p, dispatch: n, fetchBuyUrl: v }), [p, n, v]);
   return l(() => {
     y();
   }, [y]), l(() => {
     P();
-  }, [P]), /* @__PURE__ */ E(C.Provider, { value: A, children: c });
-}, G = () => {
-  const c = U(C);
+  }, [P]), /* @__PURE__ */ T(C.Provider, { value: E, children: c });
+}, J = () => {
+  const c = b(C);
   if (!c)
     throw new Error("useFundContext must be used within a FundProvider");
   return c;
 };
 export {
-  z as FundProvider,
-  G as useFundContext
+  G as FundProvider,
+  J as useFundContext
 };

package/dist/components/Fund/components/FundTransactionStatus.js

@@ -1,54 +1,55 @@
-import { jsx as t, jsxs as c, Fragment as i } from "react/jsx-runtime";
-import { useRef as l, useCallback as _, useEffect as S, useMemo as g } from "react";
+import { jsx as t, jsxs as c, Fragment as e } from "react/jsx-runtime";
+import { useRef as d, useCallback as h, useEffect as S, useMemo as N } from "react";
 import { Button as o } from "../../ui/Button/index.js";
-import { LoadingSpinner as N } from "../../ui/LoadingSpinner/index.js";
-import { SwitchFadeTransition as T } from "../../ui/SwitchFadeTransition/index.js";
-import { IconCheck as f } from "../../../icons/IconCheck.js";
-import { IconCurrencies as $ } from "../../../icons/IconCurrencies.js";
-import { IconXMark as w } from "../../../icons/IconXMark.js";
+import { LoadingSpinner as T } from "../../ui/LoadingSpinner/index.js";
+import { SwitchFadeTransition as $ } from "../../ui/SwitchFadeTransition/index.js";
+import { IconCheck as g } from "../../../icons/IconCheck.js";
+import { IconCurrencies as f } from "../../../icons/IconCurrencies.js";
+import { IconXMark as b } from "../../../icons/IconXMark.js";
 import { useFundContext as m } from "../FundProvider.js";
-import '../../../assets/FundTransactionStatus.css';const y = "FundTransactionStatus-module__graphic___cam38", b = "FundTransactionStatus-module__status___2zKJu", C = "FundTransactionStatus-module__pad___-9rGO", F = "FundTransactionStatus-module__spinner___94rMk", k = "FundTransactionStatus-module__icon___0hBQO", v = "FundTransactionStatus-module__subhead___0sHIM", M = "FundTransactionStatus-module__description___W7kK2", W = "FundTransactionStatus-module__ring___1vnCu", s = {
-  graphic: y,
-  status: b,
-  pad: C,
-  spinner: F,
-  icon: k,
+import '../../../assets/FundTransactionStatus.css';const w = "FundTransactionStatus-module__graphic___cam38", y = "FundTransactionStatus-module__status___2zKJu", F = "FundTransactionStatus-module__pad___-9rGO", v = "FundTransactionStatus-module__spinner___94rMk", C = "FundTransactionStatus-module__icon___0hBQO", k = "FundTransactionStatus-module__subhead___0sHIM", M = "FundTransactionStatus-module__description___W7kK2", W = "FundTransactionStatus-module__ring___1vnCu", P = "FundTransactionStatus-module__invisible___m72ZQ", s = {
+  graphic: w,
+  status: y,
+  pad: F,
+  spinner: v,
+  icon: C,
   "icon-success": "FundTransactionStatus-module__icon-success___893VG",
   "icon-error": "FundTransactionStatus-module__icon-error___-aQvD",
-  subhead: v,
+  subhead: k,
   description: M,
   ring: W,
   "ring-success": "FundTransactionStatus-module__ring-success___Bxudq",
-  "ring-error": "FundTransactionStatus-module__ring-error___WmTaE"
-}, P = ["waiting", "transactionSubmitted", "transactionSuccess", "error"], D = (n) => {
-  const { state: a } = m(), r = l(null), u = l(null), d = _((e) => {
-    u.current !== e && (u.current = e, r.current?.transition.toggle(e));
+  "ring-error": "FundTransactionStatus-module__ring-error___WmTaE",
+  invisible: P
+}, x = ["waiting", "transactionSubmitted", "transactionSuccess", "error"], J = (a) => {
+  const { state: n } = m(), i = d(null), l = d(null), u = h((r) => {
+    l.current !== r && (l.current = r, i.current?.transition.toggle(r));
   }, []);
   return S(() => {
-    (a.transactionStatus.statusName === "transactionSubmitted" || a.transactionStatus.statusName === "transactionSuccess" || a.transactionStatus.statusName === "error") && d(a.transactionStatus.statusName);
-  }, [a.transactionStatus.statusName, d]), /* @__PURE__ */ t(
-    T,
+    (n.transactionStatus.statusName === "transactionSubmitted" || n.transactionStatus.statusName === "transactionSuccess" || n.transactionStatus.statusName === "error") && u(n.transactionStatus.statusName);
+  }, [n.transactionStatus.statusName, u]), /* @__PURE__ */ t(
+    $,
     {
       animateHeight: !1,
       timeout: 250,
-      items: P,
+      items: x,
       initialEntered: !0,
-      transitionRef: r,
-      children: ({ itemKey: e, ...p }) => {
-        const h = E[e];
-        return /* @__PURE__ */ t("div", { ...p, className: s.status, children: /* @__PURE__ */ t(h, { ...n }) });
+      transitionRef: i,
+      children: ({ itemKey: r, ...p }) => {
+        const _ = K[r];
+        return /* @__PURE__ */ t("div", { ...p, className: s.status, children: /* @__PURE__ */ t(_, { ...a }) });
       }
     }
   );
-}, x = () => {
-  const { state: n } = m(), a = g(
-    () => n.paymentMethods?.find((r) => r.id === n.selectedPaymentMethod?.id),
-    [n.paymentMethods, n.selectedPaymentMethod?.id]
+}, G = () => {
+  const { state: a } = m(), n = N(
+    () => a.paymentMethods?.find((i) => i.id === a.selectedPaymentMethod?.id),
+    [a.paymentMethods, a.selectedPaymentMethod?.id]
   );
-  return /* @__PURE__ */ c(i, { children: [
+  return /* @__PURE__ */ c(e, { children: [
     /* @__PURE__ */ c("div", { className: s.graphic, children: [
       /* @__PURE__ */ t(
-        N,
+        T,
         {
           strokeWidth: "5%",
           staticStroke: !0,
@@ -56,70 +57,70 @@ import '../../../assets/FundTransactionStatus.css';const y = "FundTransactionSta
           className: s.spinner
         }
       ),
-      a && /* @__PURE__ */ t("span", { className: s.icon, children: a.icon })
+      n && /* @__PURE__ */ t("span", { className: s.icon, children: n.icon })
     ] }),
     /* @__PURE__ */ t("p", { className: s.subhead, children: "Waiting" }),
     /* @__PURE__ */ c("p", { className: s.description, children: [
       "Purchase ",
-      n.cryptoCurrency.toUpperCase(),
+      a.cryptoCurrency.toUpperCase(),
       " with ",
-      n.fiatCurrency.toUpperCase(),
-      a ? ` via ${a.name}` : ""
+      a.fiatCurrency.toUpperCase(),
+      n ? ` via ${n.name}` : ""
     ] })
   ] });
-}, G = ({
-  reset: n,
-  timeRemaining: a,
-  unmountOnSuccess: r
-}) => /* @__PURE__ */ c(i, { children: [
+}, I = ({
+  reset: a,
+  timeRemaining: n,
+  unmountOnSuccess: i
+}) => /* @__PURE__ */ c(e, { children: [
   /* @__PURE__ */ c("div", { className: `${s.graphic} ${s.pad}`, children: [
     /* @__PURE__ */ t("span", { className: `${s.ring} ${s["ring-success"]}` }),
-    /* @__PURE__ */ t("span", { className: `${s.icon} ${s["icon-success"]}`, children: /* @__PURE__ */ t($, {}) })
+    /* @__PURE__ */ t("span", { className: `${s.icon} ${s["icon-success"]}`, children: /* @__PURE__ */ t(f, {}) })
   ] }),
   /* @__PURE__ */ t("p", { className: s.subhead, children: "Your funds are on the way" }),
-  r && /* @__PURE__ */ c("p", { className: s.description, children: [
+  i && /* @__PURE__ */ c("p", { className: `${s.description} ${n === null ? s.invisible : ""}`, children: [
     "This window will automatically close",
     " ",
-    a === null ? "soon" : `in ${a}`
+    n === null ? "soon" : `in ${n}`
   ] }),
-  !r && /* @__PURE__ */ t("p", { className: s.description, children: "Your transaction was submitted." }),
-  !r && n !== void 0 && /* @__PURE__ */ t(o, { fullWidth: !0, onClick: n, children: "Go back" })
-] }), I = ({
-  reset: n,
-  timeRemaining: a,
-  unmountOnSuccess: r
-}) => /* @__PURE__ */ c(i, { children: [
+  !i && /* @__PURE__ */ t("p", { className: s.description, children: "Your transaction was submitted." }),
+  !i && a !== void 0 && /* @__PURE__ */ t(o, { fullWidth: !0, onClick: a, children: "Go back" })
+] }), B = ({
+  reset: a,
+  timeRemaining: n,
+  unmountOnSuccess: i
+}) => /* @__PURE__ */ c(e, { children: [
   /* @__PURE__ */ c("div", { className: `${s.graphic} ${s.pad}`, children: [
     /* @__PURE__ */ t("span", { className: `${s.ring} ${s["ring-success"]}` }),
-    /* @__PURE__ */ t("span", { className: `${s.icon} ${s["icon-success"]}`, children: /* @__PURE__ */ t(f, {}) })
+    /* @__PURE__ */ t("span", { className: `${s.icon} ${s["icon-success"]}`, children: /* @__PURE__ */ t(g, {}) })
   ] }),
   /* @__PURE__ */ t("p", { className: s.subhead, children: "Success" }),
-  r && /* @__PURE__ */ c("p", { className: s.description, children: [
+  i && /* @__PURE__ */ c("p", { className: `${s.description} ${n === null ? s.invisible : ""}`, children: [
     "This window will automatically close",
     " ",
-    a === null ? "soon" : `in ${a}`
+    n === null ? "soon" : `in ${n}`
   ] }),
-  !r && /* @__PURE__ */ t("p", { className: s.description, children: "Your transaction was successful." }),
-  !r && n !== void 0 && /* @__PURE__ */ t(o, { fullWidth: !0, onClick: n, children: "Go back" })
-] }), B = ({ reset: n, timeRemaining: a, unmountOnError: r }) => /* @__PURE__ */ c(i, { children: [
+  !i && /* @__PURE__ */ t("p", { className: s.description, children: "Your transaction was successful." }),
+  !i && a !== void 0 && /* @__PURE__ */ t(o, { fullWidth: !0, onClick: a, children: "Go back" })
+] }), E = ({ reset: a, timeRemaining: n, unmountOnError: i }) => /* @__PURE__ */ c(e, { children: [
   /* @__PURE__ */ c("div", { className: `${s.graphic} ${s.pad}`, children: [
     /* @__PURE__ */ t("span", { className: `${s.ring} ${s["ring-error"]}` }),
-    /* @__PURE__ */ t("span", { className: `${s.icon} ${s["icon-error"]}`, children: /* @__PURE__ */ t(w, {}) })
+    /* @__PURE__ */ t("span", { className: `${s.icon} ${s["icon-error"]}`, children: /* @__PURE__ */ t(b, {}) })
   ] }),
   /* @__PURE__ */ t("p", { className: s.subhead, children: "Payment failed" }),
-  r && /* @__PURE__ */ c("p", { className: s.description, children: [
+  i && /* @__PURE__ */ c("p", { className: `${s.description} ${n === null ? s.invisible : ""}`, children: [
     "This window will automatically close",
     " ",
-    a === null ? "soon" : `in ${a}`
+    n === null ? "soon" : `in ${n}`
   ] }),
-  !r && /* @__PURE__ */ t("p", { className: s.description, children: "Something went wrong. Please try again." }),
-  !r && n !== void 0 && /* @__PURE__ */ t(o, { fullWidth: !0, onClick: n, children: "Try again" })
-] }), E = {
-  waiting: x,
-  transactionSubmitted: G,
-  transactionSuccess: I,
-  error: B
+  !i && /* @__PURE__ */ t("p", { className: s.description, children: "Something went wrong. Please try again." }),
+  !i && a !== void 0 && /* @__PURE__ */ t(o, { fullWidth: !0, onClick: a, children: "Try again" })
+] }), K = {
+  waiting: G,
+  transactionSubmitted: I,
+  transactionSuccess: B,
+  error: E
 };
 export {
-  D as FundTransactionStatus
+  J as FundTransactionStatus
 };

package/dist/components/Fund/hooks/useBuyUrl.d.ts

@@ -3,6 +3,7 @@ export type UseBuyUrlParams = Pick<FundState, "country" | "cryptoCurrency" | "fi
     fetchBuyQuote: FundProps["fetchBuyQuote"];
     onError?: (e: OnrampError | undefined) => void;
     destinationAddress?: string;
+    redirectUrl?: string;
 };
 export interface FetchBuyUrlParams {
     paymentMethod: NonNullable<FundState["selectedPaymentMethod"]>["id"];
@@ -11,4 +12,4 @@ export interface FetchBuyUrlParams {
 export type UseBuyUrlReturn = {
     fetchBuyUrl: (params: FetchBuyUrlParams) => Promise<string>;
 };
-export declare const useBuyUrl: ({ country, cryptoCurrency, destinationAddress, fetchBuyQuote, fiatCurrency, network, onError: onErrorProp, subdivision, }: UseBuyUrlParams) => UseBuyUrlReturn;
+export declare const useBuyUrl: ({ country, cryptoCurrency, destinationAddress, fetchBuyQuote, fiatCurrency, network, onError: onErrorProp, redirectUrl, subdivision, }: UseBuyUrlParams) => UseBuyUrlReturn;

package/dist/components/Fund/hooks/useBuyUrl.js

@@ -1,65 +1,77 @@
-import { useCallback as y, useMemo as _ } from "react";
-const N = ({
-  country: t,
+import { useCallback as y, useMemo as R } from "react";
+const _ = (o) => {
+  try {
+    return new URL(o), !0;
+  } catch {
+    return !1;
+  }
+}, h = ({
+  country: o,
   cryptoCurrency: a,
-  destinationAddress: o,
-  fetchBuyQuote: c,
-  fiatCurrency: n,
-  network: u,
-  onError: s,
-  subdivision: p
+  destinationAddress: n,
+  fetchBuyQuote: u,
+  fiatCurrency: p,
+  network: U,
+  onError: c,
+  redirectUrl: t,
+  subdivision: i
 }) => {
-  const U = y(
-    async ({ paymentMethod: d, paymentAmount: i }, l) => {
-      if (isNaN(i) || !o || !d)
+  const l = y(
+    async ({ paymentMethod: d, paymentAmount: m }, f) => {
+      if (isNaN(m) || !n || !d)
         return "";
       try {
-        const e = (await c({
+        const e = (await u({
           purchaseCurrency: a.toUpperCase(),
-          purchaseNetwork: u.toLowerCase(),
-          paymentCurrency: n.toUpperCase(),
-          paymentAmount: i.toFixed(),
+          purchaseNetwork: U.toLowerCase(),
+          paymentCurrency: p.toUpperCase(),
+          paymentAmount: m.toFixed(),
           paymentMethod: d.replace("_GUEST", ""),
           // remove "_GUEST" from the payment method since it is not valid in the Buy Quote API
-          country: t.toUpperCase(),
-          subdivision: p?.toUpperCase(),
-          destinationAddress: o
+          country: o.toUpperCase(),
+          subdivision: i?.toUpperCase(),
+          destinationAddress: n
         })).onrampUrl;
         if (!e) {
-          const m = {
+          const r = {
             errorType: "handled_error",
             code: "NO_ONRAMP_URL",
             debugMessage: "No payment methods found for the selected country and currency. See docs for more information: https://docs.cdp.coinbase.com/onramp/docs/api-configurations"
           };
-          return l?.(m), s?.(m), "";
+          return f?.(r), c?.(r), "";
+        }
+        if (t && _(t)) {
+          const r = new URL(e);
+          return r.searchParams.set("redirectUrl", t), r.toString();
         }
         return e;
-      } catch (r) {
+      } catch (s) {
         let e;
-        return r instanceof Error ? e = {
+        return s instanceof Error ? e = {
           errorType: "handled_error",
           code: "BUY_URL_ERROR",
-          debugMessage: r.message
+          debugMessage: s.message
         } : e = {
           errorType: "unknown_error",
           code: "UNKNOWN_BUY_URL_ERROR",
-          debugMessage: JSON.stringify(r)
-        }, l?.(e), s?.(e), "";
+          debugMessage: JSON.stringify(s)
+        }, f?.(e), c?.(e), "";
       }
     },
     [
-      t,
-      a,
       o,
-      c,
+      a,
       n,
       u,
-      s,
-      p
+      p,
+      U,
+      c,
+      t,
+      i
     ]
   );
-  return _(() => ({ fetchBuyUrl: U }), [U]);
+  return R(() => ({ fetchBuyUrl: l }), [l]);
 };
 export {
-  N as useBuyUrl
+  h as useBuyUrl
 };

package/dist/components/Fund/types.d.ts

@@ -109,6 +109,7 @@ export interface FundProps extends FundStateProps, FundLifecycleEvents {
     fetchBuyQuote: FetchBuyQuote;
     inputType?: InputType;
     openIn?: "popup" | "tab";
+    redirectUrl?: string;
     submitLabel?: ReactNode;
     title?: ReactNode;
 }