@redzone/taunt-logins-ui-react 0.0.8 → 0.0.9
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/LoadingView.d.ts +1 -0
- package/dist/LoginUIComplete.d.ts +6 -0
- package/dist/LoginView.d.ts +41 -0
- package/dist/ModalView.d.ts +7 -0
- package/dist/coinbase.d.ts +4 -2
- package/dist/index.d.ts +7 -3
- package/dist/magic.d.ts +3 -2
- package/dist/meta.d.ts +4 -2
- package/dist/metamask.d.ts +4 -2
- package/dist/taunt-logins-ui-react.js +2180 -1829
- package/dist/taunt-logins-ui-react.js.map +1 -1
- package/dist/taunt-logins-ui-react.umd.cjs +11 -5
- package/dist/taunt-logins-ui-react.umd.cjs.map +1 -1
- package/dist/tauntContext.d.ts +1 -0
- package/dist/telegram.d.ts +4 -2
- package/package.json +1 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function LoadingView(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { LoginComponentProps } from '.';
|
|
2
|
+
type LoginUICompleteProps = LoginComponentProps & {
|
|
3
|
+
className?: string;
|
|
4
|
+
};
|
|
5
|
+
export declare const LoginUIComplete: ({ className, ...loginProps }: LoginUICompleteProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { CoinbaseButtonProps } from './coinbase';
|
|
2
|
+
import { MagicEmailProps } from './magic';
|
|
3
|
+
import { MetaButtonProps } from './meta';
|
|
4
|
+
import { MetaMaskButtonProps } from './metamask';
|
|
5
|
+
import { TelegramButtonProps } from './telegram';
|
|
6
|
+
export type LoginProvider = "email" | "metamask" | "telegram" | "meta" | "coinbase";
|
|
7
|
+
export interface LoginComponentProps {
|
|
8
|
+
/** Array of login providers to display. If not provided, shows all providers */
|
|
9
|
+
providers?: LoginProvider[];
|
|
10
|
+
/** Whether to show the email/magic link login */
|
|
11
|
+
showEmail?: boolean;
|
|
12
|
+
/** If true, show all providers but disable unsupported ones. If false, hide unsupported providers */
|
|
13
|
+
showDisabled?: boolean;
|
|
14
|
+
/** Custom text for the divider between email and social logins */
|
|
15
|
+
dividerText?: string;
|
|
16
|
+
/** Gap between provider buttons in pixels */
|
|
17
|
+
providerGap?: number;
|
|
18
|
+
/** Whether to show terms and privacy links (default: false) */
|
|
19
|
+
showTerms?: boolean;
|
|
20
|
+
/** Terms of Service text content (if provided, will show in built-in modal) */
|
|
21
|
+
termsContent?: string;
|
|
22
|
+
/** Privacy Policy text content (if provided, will show in built-in modal) */
|
|
23
|
+
privacyContent?: string;
|
|
24
|
+
/** Custom terms of service click handler (use if you want custom modal handling) */
|
|
25
|
+
onTermsClick?: () => void;
|
|
26
|
+
/** Custom privacy policy click handler (use if you want custom modal handling) */
|
|
27
|
+
onPrivacyClick?: () => void;
|
|
28
|
+
/** Custom modal component to use for displaying terms/privacy (optional) */
|
|
29
|
+
ModalComponent?: React.ComponentType<{
|
|
30
|
+
title: string;
|
|
31
|
+
content: string;
|
|
32
|
+
onClose: () => void;
|
|
33
|
+
}>;
|
|
34
|
+
/** Callback when email is entered (for custom handling) */
|
|
35
|
+
magicEmailProps?: MagicEmailProps;
|
|
36
|
+
coinbaseProps?: CoinbaseButtonProps;
|
|
37
|
+
metamaskProps?: MetaMaskButtonProps;
|
|
38
|
+
metaProps?: MetaButtonProps;
|
|
39
|
+
telegramProps?: TelegramButtonProps;
|
|
40
|
+
}
|
|
41
|
+
export declare const LoginView: ({ providers, showEmail, showDisabled, dividerText, providerGap, showTerms, termsContent, privacyContent, onTermsClick, onPrivacyClick, ModalComponent, magicEmailProps, coinbaseProps, metamaskProps, metaProps, telegramProps }: LoginComponentProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/coinbase.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
export
|
|
1
|
+
export interface CoinbaseButtonProps {
|
|
2
2
|
openCoinbase?: () => void;
|
|
3
|
-
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const CoinbaseButton: ({ openCoinbase, disabled }: CoinbaseButtonProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
export * from './coinbase';
|
|
2
|
+
export * from './LoadingView';
|
|
3
|
+
export * from './LoginUIComplete';
|
|
4
|
+
export * from './LoginView';
|
|
1
5
|
export * from './magic';
|
|
2
|
-
export * from './metamask';
|
|
3
|
-
export * from './telegram';
|
|
4
6
|
export * from './meta';
|
|
5
|
-
export * from './
|
|
7
|
+
export * from './metamask';
|
|
8
|
+
export * from './ModalView';
|
|
6
9
|
export * from './tauntContext';
|
|
7
10
|
export * from './tauntProvider';
|
|
11
|
+
export * from './telegram';
|
package/dist/magic.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type MagicEmailProps = {
|
|
2
2
|
onEmail?: (email: string) => void;
|
|
3
|
-
}
|
|
3
|
+
};
|
|
4
|
+
export declare const MagicEmailInput: ({ onEmail }: MagicEmailProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/meta.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
export
|
|
1
|
+
export interface MetaButtonProps {
|
|
2
2
|
openMeta?: () => void;
|
|
3
|
-
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const MetaButton: ({ openMeta, disabled }: MetaButtonProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/metamask.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
-
export
|
|
1
|
+
export interface MetaMaskButtonProps {
|
|
2
2
|
openMetamask?: () => void;
|
|
3
|
-
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const MetaMaskButton: ({ openMetamask, disabled }: MetaMaskButtonProps) => import("react/jsx-runtime").JSX.Element;
|