@redzone/taunt-logins-ui-react 0.0.11 → 0.0.13

package/dist/cjs/index.d.cts

@@ -0,0 +1,112 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+
+interface CoinbaseButtonProps {
+    openCoinbase?: () => void;
+    disabled?: boolean;
+}
+declare const CoinbaseButton: ({ openCoinbase, disabled }: CoinbaseButtonProps) => react_jsx_runtime.JSX.Element;
+
+declare function LoadingView(): react_jsx_runtime.JSX.Element;
+
+type MagicEmailProps = {
+    onEmail?: (email: string) => void;
+};
+declare const MagicEmailInput: ({ onEmail }: MagicEmailProps) => react_jsx_runtime.JSX.Element;
+
+interface MetaButtonProps {
+    openMeta?: () => void;
+    disabled?: boolean;
+}
+declare const MetaButton: ({ openMeta, disabled }: MetaButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface MetaMaskButtonProps {
+    openMetamask?: () => void;
+    disabled?: boolean;
+}
+declare const MetaMaskButton: ({ openMetamask, disabled }: MetaMaskButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface TelegramButtonProps {
+    openTelegram?: () => void;
+    disabled?: boolean;
+}
+declare const TelegramButton: ({ openTelegram, disabled }: TelegramButtonProps) => react_jsx_runtime.JSX.Element;
+
+type LoginProvider = "email" | "metamask" | "telegram" | "meta" | "coinbase";
+interface LoginComponentProps {
+    /** Array of login providers to display. If not provided, shows all providers */
+    providers?: LoginProvider[];
+    /** Whether to show the email/magic link login */
+    showEmail?: boolean;
+    /** If true, show all providers but disable unsupported ones. If false, hide unsupported providers */
+    showDisabled?: boolean;
+    /** Custom text for the divider between email and social logins */
+    dividerText?: string;
+    /** Gap between provider buttons in pixels */
+    providerGap?: number;
+    /** Whether to show terms and privacy links (default: false) */
+    showTerms?: boolean;
+    /** Terms of Service text content (if provided, will show in built-in modal) */
+    termsContent?: string;
+    /** Privacy Policy text content (if provided, will show in built-in modal) */
+    privacyContent?: string;
+    /** Custom terms of service click handler (use if you want custom modal handling) */
+    onTermsClick?: () => void;
+    /** Custom privacy policy click handler (use if you want custom modal handling) */
+    onPrivacyClick?: () => void;
+    /** Custom modal component to use for displaying terms/privacy (optional) */
+    ModalComponent?: React.ComponentType<{
+        title: string;
+        content: string;
+        onClose: () => void;
+    }>;
+    /** Callback when email is entered (for custom handling) */
+    magicEmailProps?: MagicEmailProps;
+    coinbaseProps?: CoinbaseButtonProps;
+    metamaskProps?: MetaMaskButtonProps;
+    metaProps?: MetaButtonProps;
+    telegramProps?: TelegramButtonProps;
+}
+declare const LoginView: ({ providers, showEmail, showDisabled, dividerText, providerGap, showTerms, termsContent, privacyContent, onTermsClick, onPrivacyClick, ModalComponent, magicEmailProps, coinbaseProps, metamaskProps, metaProps, telegramProps }: LoginComponentProps) => react_jsx_runtime.JSX.Element;
+
+type LoginUICompleteProps = LoginComponentProps & {
+    className?: string;
+    extLoading?: boolean;
+};
+declare const LoginUIComplete: ({ className, extLoading, ...loginProps }: LoginUICompleteProps) => react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    title: string;
+    content: string;
+    onClose: () => void;
+}
+declare function ModalView({ title, content, onClose }: ModalProps): react_jsx_runtime.JSX.Element;
+
+type ContextProps = {
+    tauntServiceEndpoint: string;
+    loggedIn: boolean;
+    deets?: {
+        accessToken: string;
+        refreshToken: string;
+    };
+    isLoading: boolean;
+    metamaskLogin: () => void;
+    otpMagicLogin: (email: string) => void;
+    telegramLogin: () => void;
+    metaLogin: () => void;
+    coinbaseLogin: () => void;
+    getClaimrToken: () => Promise<string | undefined>;
+    refreshToken: (token: string) => Promise<void>;
+    logout: () => void;
+};
+declare const TauntContext: react.Context<ContextProps>;
+declare function useTaunt(): ContextProps;
+
+declare const TauntProvider: ({ children, tauntServiceEndpoint, magicKey }: {
+    children: React.ReactNode;
+    tauntServiceEndpoint?: string;
+    magicKey?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+export { CoinbaseButton, LoadingView, LoginUIComplete, LoginView, MagicEmailInput, MetaButton, MetaMaskButton, ModalView, TauntContext, TauntProvider, TelegramButton, useTaunt };
+export type { CoinbaseButtonProps, LoginComponentProps, LoginProvider, MagicEmailProps, MetaButtonProps, MetaMaskButtonProps, TelegramButtonProps };

package/dist/es/cc-D6TRVNtd.js

@@ -0,0 +1,61 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+function _extends() {
+    _extends = Object.assign || function assign(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+
+export { _async_to_generator as _, _extends as a, _object_without_properties_loose as b };

package/dist/es/index.d.ts

@@ -0,0 +1,112 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+
+interface CoinbaseButtonProps {
+    openCoinbase?: () => void;
+    disabled?: boolean;
+}
+declare const CoinbaseButton: ({ openCoinbase, disabled }: CoinbaseButtonProps) => react_jsx_runtime.JSX.Element;
+
+declare function LoadingView(): react_jsx_runtime.JSX.Element;
+
+type MagicEmailProps = {
+    onEmail?: (email: string) => void;
+};
+declare const MagicEmailInput: ({ onEmail }: MagicEmailProps) => react_jsx_runtime.JSX.Element;
+
+interface MetaButtonProps {
+    openMeta?: () => void;
+    disabled?: boolean;
+}
+declare const MetaButton: ({ openMeta, disabled }: MetaButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface MetaMaskButtonProps {
+    openMetamask?: () => void;
+    disabled?: boolean;
+}
+declare const MetaMaskButton: ({ openMetamask, disabled }: MetaMaskButtonProps) => react_jsx_runtime.JSX.Element;
+
+interface TelegramButtonProps {
+    openTelegram?: () => void;
+    disabled?: boolean;
+}
+declare const TelegramButton: ({ openTelegram, disabled }: TelegramButtonProps) => react_jsx_runtime.JSX.Element;
+
+type LoginProvider = "email" | "metamask" | "telegram" | "meta" | "coinbase";
+interface LoginComponentProps {
+    /** Array of login providers to display. If not provided, shows all providers */
+    providers?: LoginProvider[];
+    /** Whether to show the email/magic link login */
+    showEmail?: boolean;
+    /** If true, show all providers but disable unsupported ones. If false, hide unsupported providers */
+    showDisabled?: boolean;
+    /** Custom text for the divider between email and social logins */
+    dividerText?: string;
+    /** Gap between provider buttons in pixels */
+    providerGap?: number;
+    /** Whether to show terms and privacy links (default: false) */
+    showTerms?: boolean;
+    /** Terms of Service text content (if provided, will show in built-in modal) */
+    termsContent?: string;
+    /** Privacy Policy text content (if provided, will show in built-in modal) */
+    privacyContent?: string;
+    /** Custom terms of service click handler (use if you want custom modal handling) */
+    onTermsClick?: () => void;
+    /** Custom privacy policy click handler (use if you want custom modal handling) */
+    onPrivacyClick?: () => void;
+    /** Custom modal component to use for displaying terms/privacy (optional) */
+    ModalComponent?: React.ComponentType<{
+        title: string;
+        content: string;
+        onClose: () => void;
+    }>;
+    /** Callback when email is entered (for custom handling) */
+    magicEmailProps?: MagicEmailProps;
+    coinbaseProps?: CoinbaseButtonProps;
+    metamaskProps?: MetaMaskButtonProps;
+    metaProps?: MetaButtonProps;
+    telegramProps?: TelegramButtonProps;
+}
+declare const LoginView: ({ providers, showEmail, showDisabled, dividerText, providerGap, showTerms, termsContent, privacyContent, onTermsClick, onPrivacyClick, ModalComponent, magicEmailProps, coinbaseProps, metamaskProps, metaProps, telegramProps }: LoginComponentProps) => react_jsx_runtime.JSX.Element;
+
+type LoginUICompleteProps = LoginComponentProps & {
+    className?: string;
+    extLoading?: boolean;
+};
+declare const LoginUIComplete: ({ className, extLoading, ...loginProps }: LoginUICompleteProps) => react_jsx_runtime.JSX.Element;
+
+interface ModalProps {
+    title: string;
+    content: string;
+    onClose: () => void;
+}
+declare function ModalView({ title, content, onClose }: ModalProps): react_jsx_runtime.JSX.Element;
+
+type ContextProps = {
+    tauntServiceEndpoint: string;
+    loggedIn: boolean;
+    deets?: {
+        accessToken: string;
+        refreshToken: string;
+    };
+    isLoading: boolean;
+    metamaskLogin: () => void;
+    otpMagicLogin: (email: string) => void;
+    telegramLogin: () => void;
+    metaLogin: () => void;
+    coinbaseLogin: () => void;
+    getClaimrToken: () => Promise<string | undefined>;
+    refreshToken: (token: string) => Promise<void>;
+    logout: () => void;
+};
+declare const TauntContext: react.Context<ContextProps>;
+declare function useTaunt(): ContextProps;
+
+declare const TauntProvider: ({ children, tauntServiceEndpoint, magicKey }: {
+    children: React.ReactNode;
+    tauntServiceEndpoint?: string;
+    magicKey?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+export { CoinbaseButton, LoadingView, LoginUIComplete, LoginView, MagicEmailInput, MetaButton, MetaMaskButton, ModalView, TauntContext, TauntProvider, TelegramButton, useTaunt };
+export type { CoinbaseButtonProps, LoginComponentProps, LoginProvider, MagicEmailProps, MetaButtonProps, MetaMaskButtonProps, TelegramButtonProps };