@coinbase/cdp-react 0.0.10 → 0.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/SignIn/SignInForm.js +10 -10
- package/dist/index.js +33 -33
- package/package.json +5 -5
|
@@ -4,15 +4,15 @@ import { Form as R, FormSubmit as C } from "@radix-ui/react-form";
|
|
|
4
4
|
import { useState as I, useEffect as T, useRef as F } from "react";
|
|
5
5
|
import { Button as O } from "../Button/index.js";
|
|
6
6
|
import { Field as B } from "../Field/index.js";
|
|
7
|
-
import {
|
|
8
|
-
import { OTP as V } from "../OTP/index.js";
|
|
7
|
+
import { OTP as x } from "../OTP/index.js";
|
|
9
8
|
import { ServerError as b } from "../ServerError/index.js";
|
|
10
|
-
import { IconCoinbaseWordmark as
|
|
11
|
-
import { IconLock as
|
|
9
|
+
import { IconCoinbaseWordmark as V } from "../../icons/IconCoinbaseWordmark.js";
|
|
10
|
+
import { IconLock as W } from "../../icons/IconLock.js";
|
|
12
11
|
import { isApiError as P } from "../../utils/isApiError.js";
|
|
13
|
-
import { isEmailInvalid as
|
|
12
|
+
import { isEmailInvalid as k } from "../../utils/isEmailInvalid.js";
|
|
14
13
|
import { s } from "../../chunks/SignIn.module.Dl3CqKQ_.js";
|
|
15
14
|
import { useSignInContext as g } from "./SignInProvider.js";
|
|
15
|
+
import { withValidityState as D } from "../Input/index.js";
|
|
16
16
|
import { LoadingSpinner as $ } from "../LoadingSpinner/index.js";
|
|
17
17
|
import { VisuallyHidden as j } from "../VisuallyHidden/index.js";
|
|
18
18
|
const q = ({ submit: u }) => {
|
|
@@ -32,9 +32,9 @@ const q = ({ submit: u }) => {
|
|
|
32
32
|
validators: [
|
|
33
33
|
["valueMissing", "Email is required"],
|
|
34
34
|
["typeMismatch", "Use a valid email address"],
|
|
35
|
-
[
|
|
35
|
+
[k, "Use a valid email address"]
|
|
36
36
|
],
|
|
37
|
-
children:
|
|
37
|
+
children: D({
|
|
38
38
|
type: "email",
|
|
39
39
|
placeholder: "name@example.com",
|
|
40
40
|
required: !0,
|
|
@@ -68,7 +68,7 @@ const q = ({ submit: u }) => {
|
|
|
68
68
|
onSubmit: h,
|
|
69
69
|
children: [
|
|
70
70
|
/* @__PURE__ */ t(
|
|
71
|
-
|
|
71
|
+
x,
|
|
72
72
|
{
|
|
73
73
|
ref: c,
|
|
74
74
|
name: "otp",
|
|
@@ -172,10 +172,10 @@ const q = ({ submit: u }) => {
|
|
|
172
172
|
i.step === "otp" && /* @__PURE__ */ t(H, { submit: w, reset: M, resetCountdown: h }),
|
|
173
173
|
/* @__PURE__ */ t("hr", { className: s.hr }),
|
|
174
174
|
/* @__PURE__ */ o("div", { className: s.footer, children: [
|
|
175
|
-
/* @__PURE__ */ t(
|
|
175
|
+
/* @__PURE__ */ t(W, { className: s.icon }),
|
|
176
176
|
/* @__PURE__ */ o("p", { children: [
|
|
177
177
|
"Secured by ",
|
|
178
|
-
/* @__PURE__ */ t(
|
|
178
|
+
/* @__PURE__ */ t(V, { className: s.coinbaseIcon, "aria-label": "Coinbase" })
|
|
179
179
|
] })
|
|
180
180
|
] })
|
|
181
181
|
] });
|
package/dist/index.js
CHANGED
|
@@ -4,45 +4,45 @@ import { SignIn as f } from "./components/SignIn/index.js";
|
|
|
4
4
|
import { useSignInReducer as x } from "./components/SignIn/useSignInReducer.js";
|
|
5
5
|
import { SignOutButton as I } from "./components/SignOutButton/index.js";
|
|
6
6
|
import { SignInModal as a } from "./components/SignInModal/index.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
7
|
+
import { ThemeProvider as l, useTheme as u } from "./components/ThemeProvider/index.js";
|
|
8
|
+
import { flattenedTheme as C } from "./theme/theme.js";
|
|
9
|
+
import { colors as h, tokens as T } from "./theme/tokens.js";
|
|
10
|
+
import { flattenTokensObject as v, themeToCssVariables as A } from "./theme/utils.js";
|
|
11
|
+
import { IconCheckCircle as P } from "./icons/IconCheckCircle.js";
|
|
12
|
+
import { IconExclamationCircle as B } from "./icons/IconExclamationCircle.js";
|
|
13
|
+
import { IconLock as M } from "./icons/IconLock.js";
|
|
14
|
+
import { IconXMark as R } from "./icons/IconXMark.js";
|
|
15
|
+
import { isEmailInvalid as F } from "./utils/isEmailInvalid.js";
|
|
16
|
+
import { isApiError as V } from "./utils/isApiError.js";
|
|
17
|
+
import { SignInDescription as q } from "./components/SignIn/SignInDescription.js";
|
|
18
|
+
import { SignInForm as y } from "./components/SignIn/SignInForm.js";
|
|
19
|
+
import { SignInImage as G } from "./components/SignIn/SignInImage.js";
|
|
20
|
+
import { SignInTitle as J } from "./components/SignIn/SignInTitle.js";
|
|
21
|
+
import { useSignInContext as N } from "./components/SignIn/SignInProvider.js";
|
|
22
22
|
export {
|
|
23
23
|
m as AuthButton,
|
|
24
24
|
e as CDPReactProvider,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
P as IconCheckCircle,
|
|
26
|
+
B as IconExclamationCircle,
|
|
27
|
+
M as IconLock,
|
|
28
|
+
R as IconXMark,
|
|
29
29
|
f as SignIn,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
30
|
+
q as SignInDescription,
|
|
31
|
+
y as SignInForm,
|
|
32
|
+
G as SignInImage,
|
|
33
33
|
a as SignInModal,
|
|
34
|
-
|
|
34
|
+
J as SignInTitle,
|
|
35
35
|
I as SignOutButton,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
36
|
+
l as ThemeProvider,
|
|
37
|
+
h as colors,
|
|
38
|
+
v as flattenTokensObject,
|
|
39
|
+
C as flattenedTheme,
|
|
40
|
+
V as isApiError,
|
|
41
|
+
F as isEmailInvalid,
|
|
42
|
+
A as themeToCssVariables,
|
|
43
|
+
T as tokens,
|
|
44
44
|
t as useAppConfig,
|
|
45
|
-
|
|
45
|
+
N as useSignInContext,
|
|
46
46
|
x as useSignInReducer,
|
|
47
|
-
|
|
47
|
+
u as useTheme
|
|
48
48
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cdp-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.11",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"@radix-ui/react-dialog": "^1.1.14",
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
},
|
|
10
10
|
"peerDependencies": {
|
|
11
11
|
"react": ">=18.2.0",
|
|
12
|
-
"@coinbase/cdp-core": "^0.0.
|
|
13
|
-
"@coinbase/cdp-hooks": "^0.0.
|
|
12
|
+
"@coinbase/cdp-core": "^0.0.11",
|
|
13
|
+
"@coinbase/cdp-hooks": "^0.0.11"
|
|
14
14
|
},
|
|
15
15
|
"devDependencies": {
|
|
16
16
|
"@size-limit/preset-big-lib": "^11.2.0",
|
|
@@ -34,8 +34,8 @@
|
|
|
34
34
|
"vite": "^7.0.4",
|
|
35
35
|
"vite-plugin-dts": "^4.5.4",
|
|
36
36
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
37
|
-
"@coinbase/cdp-core": "^0.0.
|
|
38
|
-
"@coinbase/cdp-hooks": "^0.0.
|
|
37
|
+
"@coinbase/cdp-core": "^0.0.11",
|
|
38
|
+
"@coinbase/cdp-hooks": "^0.0.11"
|
|
39
39
|
},
|
|
40
40
|
"size-limit": [
|
|
41
41
|
{
|