62 |
63 |
70 |
94 | );
95 | };
96 |
--------------------------------------------------------------------------------
/packages/wallet-sdk/src/components/ConnectDialog/index.tsx:
--------------------------------------------------------------------------------
1 | export * from "./ConnectDialog";
2 |
--------------------------------------------------------------------------------
/packages/wallet-sdk/src/components/LinkFlow/LinkFlow.test.tsx:
--------------------------------------------------------------------------------
1 | import { render } from "@testing-library/preact";
2 | import { h } from "preact";
3 | import { Observable, Subject } from "rxjs";
4 |
5 | import { LinkFlow } from "./LinkFlow";
6 |
7 | describe("LinkFlow", () => {
8 | const linkFlow = new LinkFlow({
9 | darkMode: false,
10 | version: "1.2.1",
11 | sessionId: "session123",
12 | sessionSecret: "sessionSecret",
13 | linkAPIUrl: "http://link-url.com",
14 | isParentConnection: false,
15 | connected$: new Observable(),
16 | chainId$: new Subject(),
17 | });
18 |
19 | test("initialize", () => {
20 | expect(linkFlow).toMatchObject({
21 | connectDisabled: false,
22 | darkMode: false,
23 | isConnected: false,
24 | isOpen: false,
25 | isParentConnection: false,
26 | linkAPIUrl: "http://link-url.com",
27 | onCancel: null,
28 | root: null,
29 | sessionId: "session123",
30 | sessionSecret: "sessionSecret",
31 | version: "1.2.1",
32 | });
33 | });
34 |
35 | const attachedEl = document.getElementsByClassName("-cbwsdk-link-flow-root");
36 |
37 | describe("public methods", () => {
38 | beforeEach(() => {
39 | render();
40 | const ele = document.getElementById("attach-here");
41 | if (ele) {
42 | linkFlow.attach(ele);
43 | }
44 | });
45 |
46 | test("@attach", () => {
47 | expect(attachedEl.length).toEqual(1);
48 | });
49 |
50 | test("@detach", () => {
51 | linkFlow.detach();
52 |
53 | expect(attachedEl.length).toEqual(0);
54 | });
55 |
56 | test("@setConnectDisabled", () => {
57 | linkFlow.setConnectDisabled(true);
58 |
59 | expect(linkFlow).toMatchObject({
60 | connectDisabled: true,
61 | });
62 | });
63 |
64 | test("@open", () => {
65 | linkFlow.open({
66 | onCancel: () => {},
67 | });
68 |
69 | expect(linkFlow).toMatchObject({
70 | isOpen: true,
71 | });
72 | });
73 |
74 | test("@close", () => {
75 | linkFlow.close();
76 |
77 | expect(linkFlow).toMatchObject({
78 | isOpen: false,
79 | onCancel: null,
80 | });
81 | });
82 | });
83 |
84 | describe("without root element", () => {
85 | test("@detach", () => {
86 | const linkFlow1 = new LinkFlow({
87 | darkMode: true,
88 | version: "1.2.1",
89 | sessionId: "session123",
90 | sessionSecret: "sessionSecret",
91 | linkAPIUrl: "http://link-url.com",
92 | isParentConnection: false,
93 | connected$: new Observable(),
94 | chainId$: new Subject(),
95 | });
96 | linkFlow1.detach();
97 |
98 | expect(attachedEl.length).toEqual(0);
99 | });
100 | });
101 | });
102 |
--------------------------------------------------------------------------------
/packages/wallet-sdk/src/components/LinkFlow/LinkFlow.tsx:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2018-2022 Coinbase, Inc.
71 |
93 |
77 | {!props.connectDisabled ? (
78 |
92 |
17 |
18 |
25 |
26 | );
27 | };
28 |
--------------------------------------------------------------------------------
/packages/wallet-sdk/src/components/Spinner/index.tsx:
--------------------------------------------------------------------------------
1 | export * from "./Spinner";
2 |
--------------------------------------------------------------------------------
/packages/wallet-sdk/src/components/TryExtensionContent/TryExtensionContent.scss:
--------------------------------------------------------------------------------
1 | // Copyright (c) 2018-2022 Coinbase, Inc.
39 |
40 |
87 | );
88 | }
89 |
--------------------------------------------------------------------------------
/packages/wallet-sdk/src/components/TryExtensionContent/index.tsx:
--------------------------------------------------------------------------------
1 | export * from "./TryExtensionContent";
2 |
--------------------------------------------------------------------------------
/packages/wallet-sdk/src/components/icons/ArrowLeftIcon.tsx:
--------------------------------------------------------------------------------
1 | import { h } from "preact";
2 |
3 | export function ArrowLeftIcon(props: h.JSX.SVGAttributes
41 |
61 | 42 | Or try the Coinbase Wallet browser extension 43 |
44 |
45 |
51 |
60 |
52 | {!clicked && (
53 |
59 |
62 |
86 | -
63 |
-
64 |
69 | 70 | Connect with dapps with just one click on your desktop browser 71 |72 |
73 |
-
74 |
79 | 80 | Add an additional layer of security by using a supported Ledger 81 | hardware wallet 82 |83 |
84 |