@volr/react-ui 0.2.2 → 0.2.5

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 (8) hide show
  1. package/README.md +17 -0
  2. package/dist/index.cjs +375 -71
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +16 -7
  5. package/dist/index.d.ts +16 -7
  6. package/dist/index.js +376 -72
  7. package/dist/index.js.map +1 -1
  8. package/package.json +3 -3
package/dist/index.d.cts CHANGED
@@ -29,6 +29,7 @@ interface VolrUIConfig extends VolrConfig {
29
29
  socialProviders?: ("google" | "twitter")[];
30
30
  branding?: BrandingConfig;
31
31
  keyStorageType?: KeyStorageType;
32
+ allowExternalWalletPayment?: boolean;
32
33
  }
33
34
  interface VolrUIProviderProps {
34
35
  config: VolrUIConfig;
@@ -42,6 +43,7 @@ declare const useVolrUI: () => {
42
43
  socialProviders?: ("google" | "twitter" | "apple")[];
43
44
  branding?: BrandingConfig;
44
45
  keyStorageType?: KeyStorageType;
46
+ allowExternalWalletPayment?: boolean;
45
47
  };
46
48
  /**
47
49
  * Optional version of useVolrUI that returns null instead of throwing
@@ -55,6 +57,7 @@ declare const useVolrUIOptional: () => {
55
57
  socialProviders?: ("google" | "twitter" | "apple")[];
56
58
  branding?: BrandingConfig;
57
59
  keyStorageType?: KeyStorageType;
60
+ allowExternalWalletPayment?: boolean;
58
61
  } | null;
59
62
  declare const VolrUIProvider: React$1.FC<VolrUIProviderProps>;
60
63
 
@@ -229,6 +232,8 @@ declare const en: {
229
232
  readonly logout: "Log out";
230
233
  };
231
234
  readonly totalBalance: "Total Balance";
235
+ readonly lastUpdated: "Updated {{time}}";
236
+ readonly refresh: "Refresh balances";
232
237
  readonly noAssets: "No assets configured";
233
238
  readonly menu: {
234
239
  readonly assets: "Assets";
@@ -257,10 +262,12 @@ declare const en: {
257
262
  readonly useConnectedWallet: "Use connected wallet";
258
263
  readonly confirm: "Confirm Withdrawal";
259
264
  readonly processing: "Processing withdrawal...";
265
+ readonly processingHint: "This may take a moment. Please keep this window open.";
260
266
  readonly success: "Withdrawal Successful";
261
267
  readonly sent: "sent";
262
268
  readonly failed: "Withdrawal Failed";
263
269
  readonly unknownError: "An unknown error occurred";
270
+ readonly viewOnExplorer: "View on explorer";
264
271
  };
265
272
  readonly payments: {
266
273
  readonly payment: "Payment";
@@ -320,12 +327,12 @@ declare const en: {
320
327
  readonly domainLabel: "Domain";
321
328
  };
322
329
  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";
330
+ readonly ariaLabel: "Passkey required";
331
+ readonly titleTx: "Passkey required to continue";
332
+ readonly titleMessage: "Passkey required to continue";
333
+ readonly titleTypedData: "Passkey required to continue";
334
+ readonly description: "You need to register a passkey wallet to proceed.";
335
+ readonly cta: "Register passkey";
329
336
  readonly notNow: "Not now";
330
337
  };
331
338
  readonly payment: {
@@ -333,6 +340,7 @@ declare const en: {
333
340
  readonly title: "Choose how to pay";
334
341
  readonly description: "Use your existing wallet, or create a wallet in about 1 second.";
335
342
  readonly externalCta: "Use my wallet";
343
+ readonly externalInlineCta: "I already have a wallet";
336
344
  readonly createAccountCta: "Create wallet in 1 second";
337
345
  readonly externalDisabledNative: "External wallet payments are available for ERC-20 permit tokens only.";
338
346
  readonly externalTitle: "Select a wallet";
@@ -394,8 +402,9 @@ declare function useI18n(): I18nContextValue;
394
402
  */
395
403
  interface I18nProviderProps {
396
404
  children: React$1.ReactNode;
405
+ allowedLocales?: Locale[];
397
406
  }
398
- declare function I18nProvider({ children }: I18nProviderProps): react_jsx_runtime.JSX.Element;
407
+ declare function I18nProvider({ children, allowedLocales }: I18nProviderProps): react_jsx_runtime.JSX.Element;
399
408
  declare const useTranslation: typeof useI18n;
400
409
 
401
410
  type ModalMode = "account" | "deposit" | "payment";
package/dist/index.d.ts CHANGED
@@ -29,6 +29,7 @@ interface VolrUIConfig extends VolrConfig {
29
29
  socialProviders?: ("google" | "twitter")[];
30
30
  branding?: BrandingConfig;
31
31
  keyStorageType?: KeyStorageType;
32
+ allowExternalWalletPayment?: boolean;
32
33
  }
33
34
  interface VolrUIProviderProps {
34
35
  config: VolrUIConfig;
@@ -42,6 +43,7 @@ declare const useVolrUI: () => {
42
43
  socialProviders?: ("google" | "twitter" | "apple")[];
43
44
  branding?: BrandingConfig;
44
45
  keyStorageType?: KeyStorageType;
46
+ allowExternalWalletPayment?: boolean;
45
47
  };
46
48
  /**
47
49
  * Optional version of useVolrUI that returns null instead of throwing
@@ -55,6 +57,7 @@ declare const useVolrUIOptional: () => {
55
57
  socialProviders?: ("google" | "twitter" | "apple")[];
56
58
  branding?: BrandingConfig;
57
59
  keyStorageType?: KeyStorageType;
60
+ allowExternalWalletPayment?: boolean;
58
61
  } | null;
59
62
  declare const VolrUIProvider: React$1.FC<VolrUIProviderProps>;
60
63
 
@@ -229,6 +232,8 @@ declare const en: {
229
232
  readonly logout: "Log out";
230
233
  };
231
234
  readonly totalBalance: "Total Balance";
235
+ readonly lastUpdated: "Updated {{time}}";
236
+ readonly refresh: "Refresh balances";
232
237
  readonly noAssets: "No assets configured";
233
238
  readonly menu: {
234
239
  readonly assets: "Assets";
@@ -257,10 +262,12 @@ declare const en: {
257
262
  readonly useConnectedWallet: "Use connected wallet";
258
263
  readonly confirm: "Confirm Withdrawal";
259
264
  readonly processing: "Processing withdrawal...";
265
+ readonly processingHint: "This may take a moment. Please keep this window open.";
260
266
  readonly success: "Withdrawal Successful";
261
267
  readonly sent: "sent";
262
268
  readonly failed: "Withdrawal Failed";
263
269
  readonly unknownError: "An unknown error occurred";
270
+ readonly viewOnExplorer: "View on explorer";
264
271
  };
265
272
  readonly payments: {
266
273
  readonly payment: "Payment";
@@ -320,12 +327,12 @@ declare const en: {
320
327
  readonly domainLabel: "Domain";
321
328
  };
322
329
  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";
330
+ readonly ariaLabel: "Passkey required";
331
+ readonly titleTx: "Passkey required to continue";
332
+ readonly titleMessage: "Passkey required to continue";
333
+ readonly titleTypedData: "Passkey required to continue";
334
+ readonly description: "You need to register a passkey wallet to proceed.";
335
+ readonly cta: "Register passkey";
329
336
  readonly notNow: "Not now";
330
337
  };
331
338
  readonly payment: {
@@ -333,6 +340,7 @@ declare const en: {
333
340
  readonly title: "Choose how to pay";
334
341
  readonly description: "Use your existing wallet, or create a wallet in about 1 second.";
335
342
  readonly externalCta: "Use my wallet";
343
+ readonly externalInlineCta: "I already have a wallet";
336
344
  readonly createAccountCta: "Create wallet in 1 second";
337
345
  readonly externalDisabledNative: "External wallet payments are available for ERC-20 permit tokens only.";
338
346
  readonly externalTitle: "Select a wallet";
@@ -394,8 +402,9 @@ declare function useI18n(): I18nContextValue;
394
402
  */
395
403
  interface I18nProviderProps {
396
404
  children: React$1.ReactNode;
405
+ allowedLocales?: Locale[];
397
406
  }
398
- declare function I18nProvider({ children }: I18nProviderProps): react_jsx_runtime.JSX.Element;
407
+ declare function I18nProvider({ children, allowedLocales }: I18nProviderProps): react_jsx_runtime.JSX.Element;
399
408
  declare const useTranslation: typeof useI18n;
400
409
 
401
410
  type ModalMode = "account" | "deposit" | "payment";