@volr/react-ui 0.1.134 → 0.2.0

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.
Files changed (7) hide show
  1. package/dist/index.cjs +1082 -519
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +30 -3
  4. package/dist/index.d.ts +30 -3
  5. package/dist/index.js +880 -317
  6. package/dist/index.js.map +1 -1
  7. package/package.json +6 -3
package/dist/index.d.cts CHANGED
@@ -66,14 +66,13 @@ declare const VolrUIProvider: React$1.FC<VolrUIProviderProps>;
66
66
  interface PasskeyEnrollViewProps {
67
67
  onComplete: () => void;
68
68
  onError?: (error: Error) => void;
69
- onLogout?: () => void;
70
69
  onClose?: () => void;
71
70
  /** Whether the modal is open */
72
71
  isOpen?: boolean;
73
72
  /** Whether to wrap content in Modal component */
74
73
  wrapInModal?: boolean;
75
74
  }
76
- declare function PasskeyEnrollView({ onComplete, onError, onLogout, onClose, isOpen, wrapInModal, }: PasskeyEnrollViewProps): react_jsx_runtime.JSX.Element;
75
+ declare function PasskeyEnrollView({ onComplete, onError, onClose, isOpen, wrapInModal, }: PasskeyEnrollViewProps): react_jsx_runtime.JSX.Element;
77
76
 
78
77
  /**
79
78
  * MPC Connect View Component
@@ -155,7 +154,7 @@ declare const en: {
155
154
  readonly titleFaceId: "Set up Face ID login";
156
155
  readonly titleFingerprint: "Set up fingerprint login";
157
156
  readonly titleQrCode: "Set up mobile login";
158
- readonly description: "Sign in instantly, every time.";
157
+ readonly description: "Register once and sign in easily from now on.";
159
158
  readonly touchId: "Use Touch ID to create your passkey";
160
159
  readonly faceId: "Use Face ID to create your passkey";
161
160
  readonly fingerprint: "Use your fingerprint to create your passkey";
@@ -223,6 +222,12 @@ declare const en: {
223
222
  readonly walletAddress: "Wallet Address";
224
223
  readonly email: "Email";
225
224
  readonly logout: "Log out";
225
+ readonly setup: {
226
+ readonly title: "Create your wallet";
227
+ readonly description: "To see balances and use wallet features, you need a wallet. It takes about 1 second.";
228
+ readonly cta: "Create wallet in 1 second";
229
+ readonly logout: "Log out";
230
+ };
226
231
  readonly totalBalance: "Total Balance";
227
232
  readonly noAssets: "No assets configured";
228
233
  readonly menu: {
@@ -314,7 +319,29 @@ declare const en: {
314
319
  readonly messageLabel: "Message";
315
320
  readonly domainLabel: "Domain";
316
321
  };
322
+ readonly walletRequired: {
323
+ readonly ariaLabel: "Create wallet";
324
+ readonly titleTx: "Create your wallet to continue";
325
+ readonly titleMessage: "Create your wallet to continue";
326
+ readonly titleTypedData: "Create your wallet to continue";
327
+ readonly description: "Create a wallet in about 1 second to continue.";
328
+ readonly cta: "Create wallet in 1 second";
329
+ readonly notNow: "Not now";
330
+ };
317
331
  readonly payment: {
332
+ readonly walletChoice: {
333
+ readonly title: "Choose how to pay";
334
+ readonly description: "Use your existing wallet, or create a wallet in about 1 second.";
335
+ readonly externalCta: "Use my wallet";
336
+ readonly createAccountCta: "Create wallet in 1 second";
337
+ readonly externalDisabledNative: "External wallet payments are available for ERC-20 permit tokens only.";
338
+ readonly externalTitle: "Select a wallet";
339
+ readonly externalDescription: "Connect your wallet to sign a one-time permission for this payment.";
340
+ readonly noWalletsDetected: "No wallets detected. Please install a wallet like MetaMask.";
341
+ readonly connect: "Connect";
342
+ readonly connecting: "Connecting...";
343
+ readonly externalConnectFailed: "Failed to connect wallet. Please try again.";
344
+ };
318
345
  readonly processing: {
319
346
  readonly signing: "Confirming payment...";
320
347
  readonly broadcasting: "Sending payment...";
package/dist/index.d.ts CHANGED
@@ -66,14 +66,13 @@ declare const VolrUIProvider: React$1.FC<VolrUIProviderProps>;
66
66
  interface PasskeyEnrollViewProps {
67
67
  onComplete: () => void;
68
68
  onError?: (error: Error) => void;
69
- onLogout?: () => void;
70
69
  onClose?: () => void;
71
70
  /** Whether the modal is open */
72
71
  isOpen?: boolean;
73
72
  /** Whether to wrap content in Modal component */
74
73
  wrapInModal?: boolean;
75
74
  }
76
- declare function PasskeyEnrollView({ onComplete, onError, onLogout, onClose, isOpen, wrapInModal, }: PasskeyEnrollViewProps): react_jsx_runtime.JSX.Element;
75
+ declare function PasskeyEnrollView({ onComplete, onError, onClose, isOpen, wrapInModal, }: PasskeyEnrollViewProps): react_jsx_runtime.JSX.Element;
77
76
 
78
77
  /**
79
78
  * MPC Connect View Component
@@ -155,7 +154,7 @@ declare const en: {
155
154
  readonly titleFaceId: "Set up Face ID login";
156
155
  readonly titleFingerprint: "Set up fingerprint login";
157
156
  readonly titleQrCode: "Set up mobile login";
158
- readonly description: "Sign in instantly, every time.";
157
+ readonly description: "Register once and sign in easily from now on.";
159
158
  readonly touchId: "Use Touch ID to create your passkey";
160
159
  readonly faceId: "Use Face ID to create your passkey";
161
160
  readonly fingerprint: "Use your fingerprint to create your passkey";
@@ -223,6 +222,12 @@ declare const en: {
223
222
  readonly walletAddress: "Wallet Address";
224
223
  readonly email: "Email";
225
224
  readonly logout: "Log out";
225
+ readonly setup: {
226
+ readonly title: "Create your wallet";
227
+ readonly description: "To see balances and use wallet features, you need a wallet. It takes about 1 second.";
228
+ readonly cta: "Create wallet in 1 second";
229
+ readonly logout: "Log out";
230
+ };
226
231
  readonly totalBalance: "Total Balance";
227
232
  readonly noAssets: "No assets configured";
228
233
  readonly menu: {
@@ -314,7 +319,29 @@ declare const en: {
314
319
  readonly messageLabel: "Message";
315
320
  readonly domainLabel: "Domain";
316
321
  };
322
+ readonly walletRequired: {
323
+ readonly ariaLabel: "Create wallet";
324
+ readonly titleTx: "Create your wallet to continue";
325
+ readonly titleMessage: "Create your wallet to continue";
326
+ readonly titleTypedData: "Create your wallet to continue";
327
+ readonly description: "Create a wallet in about 1 second to continue.";
328
+ readonly cta: "Create wallet in 1 second";
329
+ readonly notNow: "Not now";
330
+ };
317
331
  readonly payment: {
332
+ readonly walletChoice: {
333
+ readonly title: "Choose how to pay";
334
+ readonly description: "Use your existing wallet, or create a wallet in about 1 second.";
335
+ readonly externalCta: "Use my wallet";
336
+ readonly createAccountCta: "Create wallet in 1 second";
337
+ readonly externalDisabledNative: "External wallet payments are available for ERC-20 permit tokens only.";
338
+ readonly externalTitle: "Select a wallet";
339
+ readonly externalDescription: "Connect your wallet to sign a one-time permission for this payment.";
340
+ readonly noWalletsDetected: "No wallets detected. Please install a wallet like MetaMask.";
341
+ readonly connect: "Connect";
342
+ readonly connecting: "Connecting...";
343
+ readonly externalConnectFailed: "Failed to connect wallet. Please try again.";
344
+ };
318
345
  readonly processing: {
319
346
  readonly signing: "Confirming payment...";
320
347
  readonly broadcasting: "Sending payment...";