diff --git a/package.json b/package.json index 621e595f..150d298b 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,6 @@ "workspaces": [ "packages/**" ], - "prettier": "@stacks/prettier-config", "scripts": { "build": "lerna run build", "build:connect": "lerna run build --scope @stacks/connect", diff --git a/packages/connect-ui/.prettierrc.js b/packages/connect-ui/.prettierrc.js new file mode 100644 index 00000000..b5ab0454 --- /dev/null +++ b/packages/connect-ui/.prettierrc.js @@ -0,0 +1,4 @@ +module.exports = { + ...require('@stacks/prettier-config'), + plugins: ['prettier-plugin-tailwindcss'], +}; diff --git a/packages/connect-ui/package.json b/packages/connect-ui/package.json index 63183ecd..8c511d90 100644 --- a/packages/connect-ui/package.json +++ b/packages/connect-ui/package.json @@ -2,7 +2,6 @@ "name": "@stacks/connect-ui", "version": "6.1.2", "license": "MIT", - "prettier": "@stacks/prettier-config", "scripts": { "build": "stencil build --docs", "dev": "stencil build --dev --watch", @@ -19,9 +18,12 @@ "devDependencies": { "@stencil/sass": "^1.5.2", "@types/node": "^14.6.0", + "prettier": "^3.1.0", + "prettier-plugin-tailwindcss": "^0.5.7", "puppeteer": "^9.0.0", "stencil-tailwind-plugin": "^1.8.0", - "tailwindcss": "^3.3.5" + "tailwindcss": "^3.3.5", + "tailwindcss-animate": "^1.0.7" }, "publishConfig": { "access": "public" diff --git a/packages/connect-ui/src/components/modal/modal.scss b/packages/connect-ui/src/components/modal/modal.scss index 0acd63c8..fbb1fd2e 100644 --- a/packages/connect-ui/src/components/modal/modal.scss +++ b/packages/connect-ui/src/components/modal/modal.scss @@ -1,144 +1,17 @@ -@import 'browser-not-supported'; -@import 'hiro-wallet-download'; - -@mixin mobile { - @media (max-width: 640px) { - @content; - } -} - :host { all: initial; } .modal-container { - display: flex; - flex-direction: column; - background-color: rgba(0, 0, 0, 0.48); - width: 100%; - height: 100%; - position: fixed; - top: 0px; - left: 0px; - justify-content: center; + color: #74777D; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; - z-index: 8999; - overflow-y: scroll; } .modal-body { - width: 486px; - max-width: 100%; - max-height: calc(100% - 48px); - background: white; - margin-left: auto; - margin-right: auto; - border-radius: 12px; - padding: 20px 24px 20px; - box-sizing: border-box; - overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; } - - @include mobile { - max-height: 100%; - } -} - -.modal-header { - display: flex; - flex-direction: column; -} - -.modal-content { - display: flex; - flex-direction: column; -} - -.button { - width: 100%; - max-width: 139px; - box-sizing: border-box; - border-radius: 8px; - font-size: 14px; - font-weight: 500; - line-height: 20px; - background-color: #5546ff; - color: #ffffff; - min-height: 48px; - min-width: 126px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - -webkit-transition: all 250ms; - transition: all 250ms; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - white-space: nowrap; - outline: none; - border: none; - cursor: pointer; -} - -.link { - color: #5546ff; - font-size: 14px; - line-height: 20px; - cursor: pointer; - margin-top: 4px; -} - -.modal-subheading { - font-size: 16px; - font-weight: 600; - line-height: 19px; - color: #000000; -} - -.modal-wallet-card { - display: flex; - align-items: flex-start; - background: white; - border: 2px solid #f4f4f6; - border-radius: 16px; - margin-top: 12px; - padding: 24px 10px 24px 20px; -} - -.wallet-container { - display: flex; - flex-direction: column; - - @include mobile { - flex-direction: column-reverse; - } -} - -.modal-wallet-text { - font-size: 14px; - font-weight: 400; - line-height: 20px; - margin-top: 4px; - color: #74777d; - - a { - color: #5546ff; - text-decoration: none; - } - - @include mobile { - font-size: 13px; - } -} - -.modal-wallet-card-content { - display: flex; - flex-direction: column; - padding-left: 14px; } diff --git a/packages/connect-ui/src/components/modal/modal.tsx b/packages/connect-ui/src/components/modal/modal.tsx index 48c9420e..207be7a6 100644 --- a/packages/connect-ui/src/components/modal/modal.tsx +++ b/packages/connect-ui/src/components/modal/modal.tsx @@ -74,109 +74,136 @@ export class Modal { p => this.installedProviders.findIndex(i => i.id === p.id) === -1 // keep providers NOT already in installed list ); + const hasInstalled = this.installedProviders.length > 0; + const hasMore = notInstalledProviders.length > 0; + return ( -
-
+
+
{/* INTRO */} -
-
-
Select wallet
+
+
+
Connect a wallet
- {this.installedProviders.length === 0 ? ( -
-

No installed wallets detected. You can install one from the list below.

-
- - 🔐 What's a wallet? - -
-
+ {hasInstalled ? ( +

Select the wallet you want to connect to.

) : ( -
Choose the wallet you want to continue with or install a new one.
- )} - {!mobile && !browser && ( -

⚠️ Unfortunately, your browser isn't supported

+

+ You don't have any wallets in your browser that support this app. You need to + install a wallet to proceed. +

)}
+ {!mobile && !browser && ( +
+ Unfortunately, your browser isn't supported +
+ )} + {/* INSTALLED SECTION */} - {this.installedProviders.length > 0 && ( -
-

INSTALLED

- {this.installedProviders.map((provider: WebBTCProvider) => ( -
-
- -
-
-
{provider.name}
- {provider.webUrl && ( - - About → - - )} -
- -
- ))} + {hasInstalled && ( +
+

Installed wallets

+
    + {this.installedProviders.map((provider: WebBTCProvider) => ( +
  • +
    + +
    +
    +
    {provider.name}
    + {provider.webUrl && ( + + {new URL(provider.webUrl).hostname} + + )} +
    + +
    • + ))} +
)} - {/* NOT INSTALLED DEFAULT SECTION */} - {notInstalledProviders.length > 0 && ( -
-

POPULAR

- {notInstalledProviders.map((provider: WebBTCProvider) => ( -
-
- -
-
-
{provider.name}
- {provider.webUrl && ( + {/* RECOMMENDED SECTION */} + {hasMore && ( +
+
+

Recommended wallets

+ + {/* QUESTION MARK ICON */} + + + + +

+ What is a wallet? ↗ +

+ +
+
- {this.getInstallUrl(provider, browser) && ( - - INSTALL - - )} -
- ))} + + ))} +
)}
diff --git a/packages/connect-ui/tailwind.config.ts b/packages/connect-ui/tailwind.config.ts index e69de29b..09a78acd 100644 --- a/packages/connect-ui/tailwind.config.ts +++ b/packages/connect-ui/tailwind.config.ts @@ -0,0 +1,3 @@ +module.exports = { + plugins: [require('tailwindcss-animate')], +}; diff --git a/packages/connect/src/stories/Connect.stories.tsx b/packages/connect/src/stories/Connect.stories.tsx index eca3e536..ab5aa7cb 100644 --- a/packages/connect/src/stories/Connect.stories.tsx +++ b/packages/connect/src/stories/Connect.stories.tsx @@ -1,6 +1,5 @@ import { DEFAULT_PROVIDERS } from '@stacks/connect'; import { ConnectPage } from './ConnectPage'; -import { clearSelectedProvider } from '@stacks/connect-ui'; export default { component: ConnectPage, diff --git a/packages/connect/src/ui.ts b/packages/connect/src/ui.ts index f1522575..0b557244 100644 --- a/packages/connect/src/ui.ts +++ b/packages/connect/src/ui.ts @@ -1,7 +1,21 @@ -import { WebBTCProvider, getInstalledProviders, getSelectedProvider } from '@stacks/connect-ui'; +import { + WebBTCProvider, + clearSelectedProvider, + getInstalledProviders, + getSelectedProvider, +} from '@stacks/connect-ui'; import { defineCustomElements } from '@stacks/connect-ui/loader'; import { authenticate } from './auth'; -import { signMessage } from './signature'; +import { openPsbtRequestPopup } from './bitcoin'; +import { openProfileUpdateRequestPopup } from './profile'; +import { openSignatureRequestPopup } from './signature'; +import { openStructuredDataSignatureRequestPopup } from './signature/structuredData'; +import { + openContractCall, + openContractDeploy, + openSTXTransfer, + openSignTransaction, +} from './transactions'; import { ContractCallOptions, ContractDeployOptions, @@ -10,13 +24,11 @@ import { STXTransferOptions, SignatureRequestOptions, StacksProvider, + StructuredDataSignatureRequestOptions, TransactionOptions, } from './types'; import type { AuthOptions } from './types/auth'; -// todo: look into chrome extension url assets -// todo: flatten urls? - export const DEFAULT_PROVIDERS: WebBTCProvider[] = [ { id: 'LeatherProvider', @@ -33,7 +45,7 @@ export const DEFAULT_PROVIDERS: WebBTCProvider[] = [ { id: 'XverseProviders.StacksProvider', name: 'Xverse Wallet', - icon: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMTAuMjkyNCIgZmlsbD0iIzEyMTUxRSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjk0OTQgMTEuMTAxQzE2LjUxMjIgNi45NjYzMiAyMy40ODgxIDYuOTY2MzUgMjguMDUwOSAxMS4xMDFMMjYuOTg3MiAxMi4xNjQ3QzIzLjAxMzQgOC42MTQ2NiAxNi45ODcgOC42MTQ2MyAxMy4wMTMxIDEyLjE2NDZMMTEuOTQ5NCAxMS4xMDFaTTI4Ljg5OTQgMTEuOTQ5NkwyNy44MzU4IDEzLjAxMzNDMzEuMzg1NSAxNi45ODcxIDMxLjM4NTUgMjMuMDEzMyAyNy44MzU2IDI2Ljk4NzFMMjguODk5MiAyOC4wNTA4QzMzLjAzMzggMjMuNDg4MSAzMy4wMzM4IDE2LjUxMjQgMjguODk5NCAxMS45NDk2Wk0xMy4wMTMzIDI3LjgzNTdDMTYuOTg3MSAzMS4zODU1IDIzLjAxMzIgMzEuMzg1NSAyNi45ODcgMjcuODM1NkwyOC4wNTA3IDI4Ljg5OTNDMjMuNDg3OSAzMy4wMzM4IDE2LjUxMjQgMzMuMDMzOCAxMS45NDk2IDI4Ljg5OTRMMTMuMDEzMyAyNy44MzU3Wk0xMi4xNjQ3IDI2Ljk4NzJMMTEuMTAxIDI4LjA1MDlDNi45NjYzOCAyMy40ODgxIDYuOTY2MzIgMTYuNTEyNCAxMS4xMDA4IDExLjk0OTVMMTIuMTY0NSAxMy4wMTMyQzguNjE0NjMgMTYuOTg3MSA4LjYxNDY5IDIzLjAxMzQgMTIuMTY0NyAyNi45ODcyWk0yNy40Nzg2IDE0Ljk4OTZDMjcuMTU3OSAxNC41MTIxIDI2Ljc4NjQgMTQuMDU4NSAyNi4zNjQzIDEzLjYzNjRDMjMuNTY4MiAxMC44NDAyIDE5LjM4OTkgMTAuMjY4NSAxNi4wMjg2IDExLjkyMTRMMTYuNzgxOSAxMy4yMjYxQzE5LjU2NjQgMTEuOTAzMiAyMi45OTc3IDEyLjM5NDEgMjUuMzAyMiAxNC42OTg1QzI1LjYyOTMgMTUuMDI1NiAyNS45MTk4IDE1LjM3NTQgMjYuMTczOCAxNS43NDI5TDI3LjQ3ODYgMTQuOTg5NlpNMjYuNzc0NSAxNi43ODE3TDI4LjA3OTMgMTYuMDI4NEMyOS43MzIyIDE5LjM4OTggMjkuMTYwNiAyMy41NjgyIDI2LjM2NDMgMjYuMzY0NEMyNS45NDIyIDI2Ljc4NjYgMjUuNDg4NSAyNy4xNTggMjUuMDEwOCAyNy40Nzg4TDI0LjI1NzYgMjYuMTc0MUMyNC42MjUxIDI1LjkyIDI0Ljk3NSAyNS42Mjk0IDI1LjMwMjIgMjUuMzAyMkMyNy42MDY3IDIyLjk5NzcgMjguMDk3NSAxOS41NjYyIDI2Ljc3NDUgMTYuNzgxN1pNMjMuMjE4NyAyNi43NzQ3QzIwLjQzNDIgMjguMDk3NSAxNy4wMDI5IDI3LjYwNjYgMTQuNjk4NSAyNS4zMDIyQzE0LjM3MTIgMjQuOTc0OSAxNC4wODA1IDI0LjYyNDkgMTMuODI2NCAyNC4yNTczTDEyLjUyMTcgMjUuMDEwNkMxMi44NDI1IDI1LjQ4ODMgMTMuMjE0IDI1Ljk0MjEgMTMuNjM2MyAyNi4zNjQ0QzE2LjQzMjUgMjkuMTYwNSAyMC42MTA3IDI5LjczMjIgMjMuOTcyIDI4LjA3OTRMMjMuMjE4NyAyNi43NzQ3Wk0xMS45MjExIDIzLjk3MTdMMTMuMjI1OCAyMy4yMTg0QzExLjkwMzMgMjAuNDM0IDEyLjM5NDIgMTcuMDAyOSAxNC42OTg1IDE0LjY5ODVDMTUuMDI1NyAxNC4zNzE0IDE1LjM3NTUgMTQuMDgwOCAxNS43NDMgMTMuODI2N0wxNC45ODk3IDEyLjUyMkMxNC41MTIxIDEyLjg0MjggMTQuMDU4NSAxMy4yMTQyIDEzLjYzNjMgMTMuNjM2NEMxMC44NDAzIDE2LjQzMjQgMTAuMjY4NSAyMC42MTA0IDExLjkyMTEgMjMuOTcxN1pNMjQuMjQyOCAxNS43NTc0QzI1LjEyODcgMTYuNjQzMyAyNS42Nzk3IDE3LjczNzMgMjUuODk1NyAxOC44ODIxTDI0LjM4OTIgMTkuMDEzOUMyNC4yMDkzIDE4LjIwOTcgMjMuODA2NCAxNy40NDU0IDIzLjE4MDYgMTYuODE5NUMyMi4zNTU2IDE1Ljk5NDUgMjEuMjg5NyAxNS41NTY5IDIwLjIwOTIgMTUuNTA3TDIwLjA3NzQgMTQuMDAwNUMyMS41ODcxIDE0LjAxOTggMjMuMDkwOSAxNC42MDU0IDI0LjI0MjggMTUuNzU3NFpNMTguODgyIDE0LjEwNDVDMTcuNzM3MyAxNC4zMjA2IDE2LjY0MzMgMTQuODcxNSAxNS43NTc1IDE1Ljc1NzRDMTQuNjA1NiAxNi45MDkyIDE0LjAyIDE4LjQxMjkgMTQuMDAwNiAxOS45MjI1TDE1LjUwNzEgMTkuNzkwN0MxNS41NTcxIDE4LjcxMDMgMTUuOTk0NiAxNy42NDQ2IDE2LjgxOTYgMTYuODE5NUMxNy40NDU0IDE2LjE5MzggMTguMjA5NyAxNS43OTA5IDE5LjAxMzggMTUuNjExTDE4Ljg4MiAxNC4xMDQ1Wk0xNC4xMDQ2IDIxLjExOEMxNC4zMjA2IDIyLjI2MjggMTQuODcxNSAyMy4zNTY4IDE1Ljc1NzUgMjQuMjQyN0MxNi45MDkzIDI1LjM5NDYgMTguNDEzIDI1Ljk4MDIgMTkuOTIyNiAyNS45OTk2TDE5Ljc5MDcgMjQuNDkzMUMxOC43MTA0IDI0LjQ0MyAxNy42NDQ2IDI0LjAwNTUgMTYuODE5NiAyMy4xODA1QzE2LjE5MzggMjIuNTU0NyAxNS43OTEgMjEuNzkwNCAxNS42MTExIDIwLjk4NjJMMTQuMTA0NiAyMS4xMThaTTI0LjI0MjggMjQuMjQyN0MyMy4zNTY5IDI1LjEyODYgMjIuMjYyOCAyNS42Nzk2IDIxLjExOCAyNS44OTU2TDIwLjk4NjIgMjQuMzg5MUMyMS43OTA0IDI0LjIwOTIgMjIuNTU0OCAyMy44MDY0IDIzLjE4MDYgMjMuMTgwNUMyNC4wMDU2IDIyLjM1NTUgMjQuNDQzMiAyMS4yODk3IDI0LjQ5MzIgMjAuMjA5NEwyNS45OTk3IDIwLjA3NzZDMjUuOTgwMyAyMS41ODcyIDI1LjM5NDcgMjMuMDkwOCAyNC4yNDI4IDI0LjI0MjdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfNTA1Nl8yNDIzNjgpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfNTA1Nl8yNDIzNjgiIHgxPSIxMS41NjgxIiB5MT0iMjguNTY5MSIgeDI9IjMyLjc2NjkiIHkyPSI3LjM3MDMzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM1NTY1RjciLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUVBN0ZBIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==', + icon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iNjAwIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMxNzE3MTciIGQ9Ik0wIDBoNjAwdjYwMEgweiIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQ0MCA0MzUuNHYtNTFjMC0yLS44LTMuOS0yLjItNS4zTDIyMCAxNjIuMmE3LjYgNy42IDAgMCAwLTUuNC0yLjJoLTUxLjFjLTIuNSAwLTQuNiAyLTQuNiA0LjZ2NDcuM2MwIDIgLjggNCAyLjIgNS40bDc4LjIgNzcuOGE0LjYgNC42IDAgMCAxIDAgNi41bC03OSA3OC43Yy0xIC45LTEuNCAyLTEuNCAzLjJ2NTJjMCAyLjQgMiA0LjUgNC42IDQuNUgyNDljMi42IDAgNC42LTIgNC42LTQuNlY0MDVjMC0xLjIuNS0yLjQgMS40LTMuM2w0Mi40LTQyLjJhNC42IDQuNiAwIDAgMSA2LjQgMGw3OC43IDc4LjRhNy42IDcuNiAwIDAgMCA1LjQgMi4yaDQ3LjVjMi41IDAgNC42LTIgNC42LTQuNloiLz48cGF0aCBmaWxsPSIjRUU3QTMwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zMjUuNiAyMjcuMmg0Mi44YzIuNiAwIDQuNiAyLjEgNC42IDQuNnY0Mi42YzAgNCA1IDYuMSA4IDMuMmw1OC43LTU4LjVjLjgtLjggMS4zLTIgMS4zLTMuMnYtNTEuMmMwLTIuNi0yLTQuNi00LjYtNC42TDM4NCAxNjBjLTEuMiAwLTIuNC41LTMuMyAxLjNsLTU4LjQgNTguMWE0LjYgNC42IDAgMCAwIDMuMiA3LjhaIi8+PC9nPjwvc3ZnPg==', webUrl: 'https://www.xverse.app', chromeWebStoreUrl: @@ -45,32 +57,33 @@ export const DEFAULT_PROVIDERS: WebBTCProvider[] = [ export type ActionOptions = ( | AuthOptions + | STXTransferOptions + | ContractCallOptions + | ContractDeployOptions + | TransactionOptions | PsbtRequestOptions | ProfileUpdateRequestOptions | SignatureRequestOptions - | TransactionOptions - | STXTransferOptions - | ContractDeployOptions - | ContractCallOptions + | StructuredDataSignatureRequestOptions ) & { defaultProviders?: WebBTCProvider[]; -}; // todo: are there more? +}; -function wrapConnectCall any>(action: F) { - return async function wrapped(...args: [ActionOptions, StacksProvider?]) { - const selectedProvider = args[1] || getSelectedProvider(); - if (selectedProvider) return await action(...args); +function wrapConnectCall(action: (o: O, p?: StacksProvider) => any) { + return function wrapped(o: O, p?: StacksProvider) { + const selectedProvider = p || getSelectedProvider(); + if (selectedProvider) return action(o, p); if (typeof window === 'undefined') return; void defineCustomElements(window); - const defaultProviders = args[0]?.defaultProviders ?? DEFAULT_PROVIDERS; + const defaultProviders = o?.defaultProviders ?? DEFAULT_PROVIDERS; const installedProviders = getInstalledProviders(defaultProviders); const element = document.createElement('connect-modal'); element.defaultProviders = defaultProviders; element.installedProviders = installedProviders; - element.callback = () => action(...args); + element.callback = () => action(o, p); document.body.appendChild(element); @@ -84,10 +97,26 @@ function wrapConnectCall any }; } -export const uiSignMessage = wrapConnectCall(signMessage); +/** A wrapper for selecting a wallet (if none is selected) and then calling the {@link authenticate} action. */ export const showConnect = wrapConnectCall(authenticate); -/** - * @deprecated Use the renamed `showConnect` method - */ -export const showBlockstackConnect = (authOptions: AuthOptions) => showConnect(authOptions); +/** A wrapper for selecting a wallet (if none is selected) and then calling the {@link openSTXTransfer} action. */ +export const showSTXTransfer = wrapConnectCall(openSTXTransfer); +/** A wrapper for selecting a wallet (if none is selected) and then calling the {@link openContractCall} action. */ +export const showContractCall = wrapConnectCall(openContractCall); +/** A wrapper for selecting a wallet (if none is selected) and then calling the {@link openContractDeploy} action. */ +export const showContractDeploy = wrapConnectCall(openContractDeploy); +/** A wrapper for selecting a wallet (if none is selected) and then calling the {@link openSignTransaction} action. */ +export const showSignTransaction = wrapConnectCall(openSignTransaction); + +/** A wrapper for selecting a wallet (if none is selected) and then calling the {@link openPsbtRequestPopup} action. */ +export const showPsbt = wrapConnectCall(openPsbtRequestPopup); +/** A wrapper for selecting a wallet (if none is selected) and then calling the {@link openProfileUpdateRequestPopup} action. */ +export const showProfileUpdate = wrapConnectCall(openProfileUpdateRequestPopup); +/** A wrapper for selecting a wallet (if none is selected) and then calling the {@link openSignatureRequestPopup} action. */ +export const showSignMessage = wrapConnectCall(openSignatureRequestPopup); +/** A wrapper for selecting a wallet (if none is selected) and then calling the {@link openStructuredDataSignatureRequestPopup} action. */ +export const showSignStructuredMessage = wrapConnectCall(openStructuredDataSignatureRequestPopup); + +/** Disconnect selected wallet. Alias for {@link clearSelectedProvider} */ +export const disconnect = clearSelectedProvider(); diff --git a/yarn.lock b/yarn.lock index 1c97a855..39fcd559 100644 --- a/yarn.lock +++ b/yarn.lock @@ -11058,6 +11058,11 @@ prettier-linter-helpers@^1.0.0: dependencies: fast-diff "^1.1.2" +prettier-plugin-tailwindcss@^0.5.7: + version "0.5.7" + resolved "https://registry.yarnpkg.com/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.7.tgz#d05dc42c6f2167e3bf2c20e9f71a1fff4232b5d9" + integrity sha512-4v6uESAgwCni6YF6DwJlRaDjg9Z+al5zM4JfngcazMy4WEf/XkPS5TEQjbD+DZ5iNuG6RrKQLa/HuX2SYzC3kQ== + prettier@2.5: version "2.5.1" resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.1.tgz#fff75fa9d519c54cf0fce328c1017d94546bc56a" @@ -12547,6 +12552,11 @@ synckit@^0.8.5: "@pkgr/utils" "^2.3.1" tslib "^2.5.0" +tailwindcss-animate@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz#318b692c4c42676cc9e67b19b78775742388bef4" + integrity sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA== + tailwindcss@^3.3.5: version "3.3.5" resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.3.5.tgz#22a59e2fbe0ecb6660809d9cc5f3976b077be3b8"