@libreapps/auth 3.0.1

package/components/signup-panel.tsx

@@ -0,0 +1,213 @@
+'use client'
+import { useState, useEffect, type PropsWithChildren } from 'react'
+import { useRouter } from 'next/navigation'
+import { observer } from 'mobx-react-lite'
+import Link from 'next/link'
+
+import { ApplyTypography, Button, Separator, toast, Toaster } from '@libreapps/ui/primitives'
+import { cn } from '@libreapps/ui/util'
+
+import { useAuth, type AuthProvider } from '../service'
+import { Facebook, Google, GitHub } from '../icons'
+import EmailPasswordForm from './email-password-form'
+import { sendGAEvent } from '../util/analytics'
+
+
+const ProviderLoginButton: React.FC<PropsWithChildren & {
+  provider: AuthProvider,
+  loginWithProvider: (provider: AuthProvider) => Promise<void>,
+  isLoading: boolean
+}> = ({
+  provider,
+  loginWithProvider,
+  isLoading,
+  children
+}) => {
+
+    return (
+      <Button
+        onClick={() => loginWithProvider(provider)}
+        className='w-full mx-auto flex items-center gap-2'
+        disabled={isLoading}
+        variant='outline'
+      >
+        {children}
+      </Button>
+    )
+  }
+
+const SignupPanel: React.FC<PropsWithChildren & {
+  redirectUrl?: string,
+  getStartedUrl?: string,
+  className?: string,
+  inputClx?: string,
+  noHeading?: boolean
+  onLoginChanged?: (token: string) => void
+  termsOfServiceUrl?: string
+  privacyPolicyUrl?: string
+  setIsLogin?: React.Dispatch<React.SetStateAction<boolean>>
+}> = observer(({
+  children,
+  redirectUrl,
+  getStartedUrl,
+  className,
+  inputClx,
+  noHeading,
+  onLoginChanged,
+  termsOfServiceUrl,
+  privacyPolicyUrl,
+  setIsLogin
+}) => {
+
+  const router = useRouter()
+  const auth = useAuth()
+  const [isLoading, setIsLoading] = useState(false)
+  const [getStartUrl, setGetStartUrl] = useState('')
+
+  const succeed = async (loginMethod: AuthProvider | 'email' | null) => {
+
+    if (loginMethod) {
+      sendGAEvent('login', { method: loginMethod })
+    }
+
+      // If a callback is provided, don't redirect.
+      // Assume host code is handling (eg, mobile menu)
+    if (onLoginChanged) {
+      const res = await fetch(
+        '/api/auth/generate-custom-token',
+        { method: 'POST' }
+      ).then(res => res.json())
+      onLoginChanged(res.token?.token ?? null)
+    }
+    else if (redirectUrl) {
+        // TODO :aa shouldn't the token thing happen in this case too??
+      router.push(redirectUrl)
+    }
+  }
+
+  const signupWithEmailPassword = async (email: string, password: string) => {
+    setIsLoading(true)
+    try {
+      const res = await auth.signupEmailAndPassword(email, password)
+      if (res.success) { 
+        succeed('email') 
+        toast.success(res.message) 
+      }
+      else { 
+        toast.error(res.message) 
+      }
+    }
+    catch (e) {
+      toast.success('User with this email already signed up')
+    }
+    setIsLoading(false)
+  }
+
+  // const loginWithEthereum = async () => {
+  //   setIsLoading(true)
+  //   try {
+  //     const res = await signInWithEthereum()
+  //     if (res.success && res.user) {
+  //       setUser({email: res.user?.email, displayName: res.user?.displayName, walletAddress: res.user?.walletAddress})
+  //       if (redirectUrl) {
+  //         router.push(redirectUrl)
+  //       }
+  //     }
+  //   } catch (e) {
+  //     toast({title: 'No Ethereum provider found'})
+  //   }
+  //   setIsLoading(false)
+  // }
+
+  const loginWithProvider = async (provider: AuthProvider) => {
+    setIsLoading(true)
+    const res = await auth.loginWithProvider(provider)
+    if (res.success) { 
+      succeed(provider) 
+    }
+    setIsLoading(false)
+  }
+
+  const logout = async () => {
+    setIsLoading(true)
+    const res = await auth.logout()
+    if (res.success) { 
+      succeed(null) 
+    }
+    setIsLoading(false)
+  }
+
+  const handleOnClick = () => {
+    if (setIsLogin) {
+      setIsLogin(true)
+    }
+  }
+
+  const generateUsernameFromEmail = (email: string) => {
+    const emailPrefix = email.split('@')[0]; // Get the part before the @ symbol
+    const randomSuffix = Math.random().toString(36).substring(2, 8); // Generate a random string
+    return `${emailPrefix}_${randomSuffix}`;
+}
+
+  useEffect(() => {
+    if (auth.loggedIn) {
+      const username = auth.user?.email
+      if (username) setGetStartUrl('https://' + generateUsernameFromEmail(username) + '.' + getStartedUrl)
+    }
+  }, [auth])
+
+  return (
+    <ApplyTypography className={cn('w-full flex flex-col text-center !gap-3', className)}>
+      {auth.loggedIn && !redirectUrl ? (
+        <>
+          <h4>Welcome!</h4>
+          {auth.user && (<> {/*  this means the libreapps user isn't loaded yet ...*/}
+            <p>You are signed in as {auth.user?.displayName ?? auth.user?.email}</p>
+            <div className='flex flex-col md:flex-row gap-3 items-center justify-center'>
+              <Button variant='primary' onClick={() => {router.push(getStartUrl)}} className='w-full'>GET STARTED</Button>
+              <Button onClick={logout} variant='outline' disabled={isLoading} className='w-full'>Sign Out</Button>
+            </div>
+          </>)}
+        </>
+      ) : (
+        <>
+          {!noHeading && (
+            <h4 className='text-center'>Sign Up</h4>
+          )}
+          {children}
+          <EmailPasswordForm 
+            onSubmit={signupWithEmailPassword} 
+            isLoading={isLoading} 
+            className='mb-4' 
+            inputClx={inputClx}
+            prompt='SignUp' 
+          />
+          <div className='flex flex-row gap-4 justify-center'>
+            <div className='text-muted-2 text-sm'>Already have an account?</div>
+            <button className='bg-transparent text-foreground text-sm' onClick={handleOnClick}>Log In</button>
+          </div>
+
+          <div className='flex gap-2 whitespace-nowrap items-center my-1 sm:my-3 text-xs text-muted'>
+            <Separator className='grow w-auto' /><div className='shrink-0 mx-1'>or continue with</div><Separator className='grow w-auto' />
+          </div>
+
+          {/* <Button onClick={loginWithEthereum} className='w-full mx-auto flex items-center gap-2' disabled={isLoading}>
+            <Ethereum height={20}/>Login with your wallet
+          </Button> */}
+          <ProviderLoginButton provider='google' isLoading={isLoading} loginWithProvider={loginWithProvider}>
+            <Google height={20} />Google
+          </ProviderLoginButton>
+          <ProviderLoginButton provider='facebook' isLoading={isLoading} loginWithProvider={loginWithProvider}>
+            <Facebook height={20} />Facebook
+          </ProviderLoginButton>
+          <ProviderLoginButton provider='github' isLoading={isLoading} loginWithProvider={loginWithProvider}>
+            <GitHub height={20} />Github
+          </ProviderLoginButton>
+          <p className='text-sm text-muted-2'>By logging in, you agree to our <Link href={termsOfServiceUrl ?? ''} target='_blank'>Terms of Service</Link> and <Link href={privacyPolicyUrl ?? ''} target='_blank'>Privacy Policy</Link>.</p>
+        </>
+      )}
+    </ApplyTypography>
+  )
+})
+
+export default SignupPanel

package/dist/components/auth-widget.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const AuthWidget: React.FC<{
+    /** Does not show the 'login' button when no auth user.
+     * ie, Only shows the profile widget (when there's an auth user)
+     */
+    noLogin?: boolean;
+    className?: string;
+    /** Overrides default of navigating to '/login' route.
+     * eg, if client code provides it's own ogin form
+     *  */
+    handleLogin?: () => void;
+}>;
+export default AuthWidget;

package/dist/components/auth-widget.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { Button, LinkElement, Popover, PopoverContent, PopoverTrigger, Separator } from '@libreapps/ui/primitives';
+import { cn } from '@libreapps/ui/util';
+import { useAuth } from '../service';
+import Ethereum from '../icons/ethereum';
+const AuthWidget = observer(({ noLogin = false, handleLogin, className }) => {
+    const auth = useAuth();
+    // This safegaurds against a crash in the rare case
+    // that multiple inistances of auth module are in play.
+    // We safegaurd agains this in the by loading peer Deps from
+    // the root in host mono repos, but this is another layer.
+    // Also, this allows sites to opt-in to showing an auth widget without
+    // configuration, by just providing the context.
+    if (!auth || noLogin) {
+        return null;
+    }
+    // If that is the case, the widget will always show the 'login' 
+    // button regardless of status.
+    if (!auth.loggedIn && typeof window !== 'undefined') {
+        return (handleLogin ? (_jsx(Button, { variant: 'primary', className: 'h-8 w-fit !min-w-0', onClick: handleLogin, children: "Login" })) : (_jsx(LinkElement, { def: {
+                href: `${process.env.NEXT_PUBLIC_LOGIN_SITE_URL}?redirectUrl=${window.location.href}`,
+                title: 'Login',
+                variant: 'primary',
+                newTab: false
+            }, className: 'h-8 w-fit !min-w-0' })));
+    }
+    return (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: 'icon', className: cn('rounded-full text-muted border-2 border-muted bg-level-1 hover:bg-level-2 hover:border-foreground hover:text-foreground uppercase w-8 h-8', className), children: auth.user?.email[0] }) }), _jsx(PopoverContent, { className: 'bg-level-0', children: _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "space-y-2 truncate", children: [auth.user?.displayName ? (_jsxs(_Fragment, { children: [_jsx("h4", { className: "font-medium leading-none truncate", children: auth.user.displayName }), _jsx("p", { className: "text-sm opacity-50 truncate", children: auth.user.email })] })) : (_jsx("h4", { className: "font-medium leading-none truncate", children: auth.user?.email })), auth.user?.walletAddress ? (_jsx("p", { className: "text-sm opacity-50 truncate", children: auth.user.walletAddress })) : (_jsxs(Button, { variant: "outline", className: 'w-full flex items-center gap-2', onClick: auth.associateWallet.bind(auth), children: [_jsx(Ethereum, { height: 20 }), "Connect your wallet"] }))] }), _jsx(Separator, {}), _jsx(Button, { variant: "outline", onClick: auth.logout.bind(auth), children: "Logout" })] }) })] }));
+});
+export default AuthWidget;
+//# sourceMappingURL=auth-widget.js.map

package/dist/components/auth-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-widget.js","sourceRoot":"","sources":["../../components/auth-widget.tsx"],"names":[],"mappings":"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"}

package/dist/components/email-password-form.d.ts

@@ -0,0 +1,8 @@
+declare const EmailPasswordForm: React.FC<{
+    onSubmit: (email: string, password: string) => void;
+    isLoading: boolean;
+    className?: string;
+    inputClx?: string;
+    prompt?: string;
+}>;
+export default EmailPasswordForm;

package/dist/components/email-password-form.js

@@ -0,0 +1,25 @@
+// @ts-nocheck 
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { zodResolver } from '@hookform/resolvers/zod';
+import * as z from 'zod';
+import { useForm } from 'react-hook-form';
+import { Button, Input } from '@libreapps/ui/primitives';
+import { Form, FormControl, FormField, FormItem, FormMessage, } from '@libreapps/ui/form';
+import { cn } from '@libreapps/ui/util';
+const formSchema = z.object({
+    email: z.string().email(),
+    password: z.string().min(2, 'Password must be at least 2 characters'),
+});
+const EmailPasswordForm = ({ onSubmit, isLoading, className, inputClx, prompt = 'Login' }) => {
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            email: '',
+            password: '',
+        },
+    });
+    return (_jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(({ email, password }) => onSubmit(email, password)), className: cn('text-left', className), children: [_jsx(FormField, { control: form.control, name: 'email', render: ({ field }) => (_jsxs(FormItem, { className: 'space-y-1', children: [_jsx(FormControl, { children: _jsx(Input, { ...field, className: inputClx, placeholder: 'Email', disabled: isLoading }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: 'password', render: ({ field }) => (_jsxs(FormItem, { className: 'space-y-1', children: [_jsx(FormControl, { children: _jsx(Input, { type: 'password', ...field, className: inputClx, placeholder: 'Password', disabled: isLoading }) }), _jsx(FormMessage, {})] })) }), _jsx(Button, { type: 'submit', className: 'w-full', disabled: isLoading, children: prompt })] }) }));
+};
+export default EmailPasswordForm;
+//# sourceMappingURL=email-password-form.js.map

package/dist/components/email-password-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-password-form.js","sourceRoot":"","sources":["../../components/email-password-form.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,KAAK,CAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,OAAO,EACL,MAAM,EACN,KAAK,EACN,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EACL,IAAI,EACJ,WAAW,EACX,SAAS,EACT,QAAQ,EACR,WAAW,GACZ,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;IAC1B,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE;IACzB,QAAQ,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,wCAAwC,CAAC;CACtE,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAMlB,CAAC,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,MAAM,GAAC,OAAO,EACf,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAA6B;QAC/C,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC;QACjC,aAAa,EAAE;YACb,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CAAA;IAEF,OAAO,CACL,KAAC,IAAI,OAAK,IAAI,YACZ,gBACE,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,EAC7E,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aAErC,KAAC,SAAS,IACR,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,MAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,aAC7B,KAAC,WAAW,cACV,KAAC,KAAK,OACA,KAAK,EACT,SAAS,EAAE,QAAQ,EACnB,WAAW,EAAC,OAAO,EACnB,QAAQ,EAAE,SAAS,GACnB,GACU,EACd,KAAC,WAAW,KAAG,IACN,CACZ,GACD,EACF,KAAC,SAAS,IACR,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,MAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,aAC7B,KAAC,WAAW,cACV,KAAC,KAAK,IACJ,IAAI,EAAC,UAAU,KACX,KAAK,EACT,SAAS,EAAE,QAAQ,EACnB,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAE,SAAS,GACnB,GACU,EACd,KAAC,WAAW,KAAG,IACN,CACZ,GACD,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,SAAS,YAAG,MAAM,GAAU,IAC1E,GACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export { default as LoginPanel } from './login-panel';
+export { default as EmailPasswordForm } from './email-password-form';
+export { default as AuthWidget } from './auth-widget';
+export { default as SignupPanel } from './signup-panel';

package/dist/components/index.js

@@ -0,0 +1,5 @@
+export { default as LoginPanel } from './login-panel';
+export { default as EmailPasswordForm } from './email-password-form';
+export { default as AuthWidget } from './auth-widget';
+export { default as SignupPanel } from './signup-panel';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/login-panel.d.ts

@@ -0,0 +1,13 @@
+import { type PropsWithChildren } from 'react';
+declare const LoginPanel: React.FC<PropsWithChildren & {
+    redirectUrl?: string;
+    getStartedUrl?: string;
+    className?: string;
+    inputClx?: string;
+    noHeading?: boolean;
+    onLoginChanged?: (token: string) => void;
+    termsOfServiceUrl?: string;
+    privacyPolicyUrl?: string;
+    setIsLogin?: React.Dispatch<React.SetStateAction<boolean>>;
+}>;
+export default LoginPanel;

package/dist/components/login-panel.js

@@ -0,0 +1,104 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { observer } from 'mobx-react-lite';
+import Link from 'next/link';
+import { ApplyTypography, Button, Separator, toast, Toaster } from '@libreapps/ui/primitives';
+import { cn } from '@libreapps/ui/util';
+import { useAuth } from '../service';
+import { Facebook, Google, GitHub } from '../icons';
+import EmailPasswordForm from './email-password-form';
+import { sendGAEvent } from '../util/analytics';
+const ProviderLoginButton = ({ provider, loginWithProvider, isLoading, children }) => {
+    return (_jsx(Button, { onClick: () => { loginWithProvider(provider); }, className: 'w-full mx-auto flex items-center gap-2', disabled: isLoading, variant: 'outline', children: children }));
+};
+const LoginPanel = observer(({ children, redirectUrl, getStartedUrl, className, inputClx, noHeading, onLoginChanged, termsOfServiceUrl, privacyPolicyUrl, setIsLogin }) => {
+    const router = useRouter();
+    const auth = useAuth();
+    const [isLoading, setIsLoading] = useState(false);
+    const [getStartUrl, setGetStartUrl] = useState('');
+    const succeed = async (loginMethod) => {
+        if (loginMethod) {
+            sendGAEvent('login', { method: loginMethod });
+        }
+        // If a callback is provided, don't redirect.
+        // Assume host code is handling (eg, mobile menu)
+        if (onLoginChanged) {
+            const res = await fetch('/api/auth/generate-custom-token', { method: 'POST' }).then(res => res.json());
+            onLoginChanged(res.token?.token ?? null);
+        }
+        else if (redirectUrl) {
+            // TODO :aa shouldn't the token thing happen in this case too??
+            router.push(redirectUrl);
+        }
+    };
+    const loginWithEmailPassword = async (email, password) => {
+        setIsLoading(true);
+        try {
+            const res = await auth.loginEmailAndPassword(email, password);
+            if (res.success) {
+                succeed('email');
+                toast.success(res.message);
+            }
+            else {
+                toast.error(res.message);
+            }
+        }
+        catch (e) {
+            toast('User with this email already signed up using a different provider');
+        }
+        setIsLoading(false);
+    };
+    // const loginWithEthereum = async () => {
+    //   setIsLoading(true)
+    //   try {
+    //     const res = await signInWithEthereum()
+    //     if (res.success && res.user) {
+    //       setUser({email: res.user?.email, displayName: res.user?.displayName, walletAddress: res.user?.walletAddress})
+    //       if (redirectUrl) {
+    //         router.push(redirectUrl)
+    //       }
+    //     }
+    //   } catch (e) {
+    //     toast({title: 'No Ethereum provider found'})
+    //   }
+    //   setIsLoading(false)
+    // }
+    const loginWithProvider = async (provider) => {
+        setIsLoading(true);
+        const res = await auth.loginWithProvider(provider);
+        if (res.success) {
+            succeed(provider);
+        }
+        setIsLoading(false);
+    };
+    const logout = async () => {
+        setIsLoading(true);
+        const res = await auth.logout();
+        if (res.success) {
+            succeed(null);
+        }
+        setIsLoading(false);
+    };
+    const handleOnClick = () => {
+        if (setIsLogin) {
+            setIsLogin(false);
+        }
+    };
+    const generateUsernameFromEmail = (email) => {
+        const emailPrefix = email.split('@')[0]; // Get the part before the @ symbol
+        const randomSuffix = Math.random().toString(36).substring(2, 8); // Generate a random string
+        return `${emailPrefix}_${randomSuffix}`;
+    };
+    useEffect(() => {
+        if (auth.loggedIn) {
+            const username = auth.user?.email;
+            if (username)
+                setGetStartUrl('https://' + generateUsernameFromEmail(username) + '.' + getStartedUrl);
+        }
+    }, [auth]);
+    return (_jsx(ApplyTypography, { className: cn('w-full flex flex-col text-center !gap-3 LOGIN_OUTER', className), children: auth.loggedIn && !redirectUrl ? (_jsxs(_Fragment, { children: [_jsx("h4", { children: "Welcome!" }), auth.user && (_jsxs(_Fragment, { children: [" ", _jsxs("p", { children: ["You are signed in as ", auth.user?.displayName ?? auth.user?.email] }), _jsxs("div", { className: 'flex flex-col md:flex-row gap-3 items-center justify-center', children: [_jsx(Button, { variant: 'primary', onClick: () => router.push(getStartUrl), className: 'w-full', children: "GET STARTED" }), _jsx(Button, { onClick: logout, variant: 'outline', disabled: isLoading, className: 'w-full', children: "Sign Out" })] })] }))] })) : (_jsxs(_Fragment, { children: [!noHeading && (_jsx("h4", { className: 'text-center', children: "Login" })), children, _jsx(EmailPasswordForm, { onSubmit: loginWithEmailPassword, isLoading: isLoading, className: 'mb-4', inputClx: inputClx }), _jsxs("div", { className: 'flex flex-row gap-4 justify-center', children: [_jsx("div", { className: 'text-muted-2 text-sm', children: "Don't have an account?" }), _jsx("button", { className: 'bg-transparent text-foreground text-sm', onClick: handleOnClick, children: "Sign Up" })] }), _jsxs("div", { className: 'flex gap-2 whitespace-nowrap items-center my-1 sm:my-3 text-xs text-muted', children: [_jsx(Separator, { className: 'grow w-auto' }), _jsx("div", { className: 'shrink-0 mx-1', children: "or continue with" }), _jsx(Separator, { className: 'grow w-auto' })] }), _jsxs(ProviderLoginButton, { provider: 'google', isLoading: isLoading, loginWithProvider: loginWithProvider, children: [_jsx(Google, { height: 20 }), "Google"] }), _jsxs(ProviderLoginButton, { provider: 'facebook', isLoading: isLoading, loginWithProvider: loginWithProvider, children: [_jsx(Facebook, { height: 20 }), "Facebook"] }), _jsxs(ProviderLoginButton, { provider: 'github', isLoading: isLoading, loginWithProvider: loginWithProvider, children: [_jsx(GitHub, { height: 20 }), "Github"] }), _jsxs("p", { className: 'text-sm text-muted-2', children: ["By logging in, you agree to our ", _jsx(Link, { href: termsOfServiceUrl ?? '', target: '_blank', children: "Terms of Service" }), " and ", _jsx(Link, { href: privacyPolicyUrl ?? '', target: '_blank', children: "Privacy Policy" }), "."] })] })) }));
+});
+export default LoginPanel;
+//# sourceMappingURL=login-panel.js.map

package/dist/components/login-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-panel.js","sourceRoot":"","sources":["../../components/login-panel.tsx"],"names":[],"mappings":"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"}

package/dist/components/signup-panel.d.ts

@@ -0,0 +1,13 @@
+import { type PropsWithChildren } from 'react';
+declare const SignupPanel: React.FC<PropsWithChildren & {
+    redirectUrl?: string;
+    getStartedUrl?: string;
+    className?: string;
+    inputClx?: string;
+    noHeading?: boolean;
+    onLoginChanged?: (token: string) => void;
+    termsOfServiceUrl?: string;
+    privacyPolicyUrl?: string;
+    setIsLogin?: React.Dispatch<React.SetStateAction<boolean>>;
+}>;
+export default SignupPanel;

package/dist/components/signup-panel.js

@@ -0,0 +1,104 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+import { observer } from 'mobx-react-lite';
+import Link from 'next/link';
+import { ApplyTypography, Button, Separator, toast, Toaster } from '@libreapps/ui/primitives';
+import { cn } from '@libreapps/ui/util';
+import { useAuth } from '../service';
+import { Facebook, Google, GitHub } from '../icons';
+import EmailPasswordForm from './email-password-form';
+import { sendGAEvent } from '../util/analytics';
+const ProviderLoginButton = ({ provider, loginWithProvider, isLoading, children }) => {
+    return (_jsx(Button, { onClick: () => loginWithProvider(provider), className: 'w-full mx-auto flex items-center gap-2', disabled: isLoading, variant: 'outline', children: children }));
+};
+const SignupPanel = observer(({ children, redirectUrl, getStartedUrl, className, inputClx, noHeading, onLoginChanged, termsOfServiceUrl, privacyPolicyUrl, setIsLogin }) => {
+    const router = useRouter();
+    const auth = useAuth();
+    const [isLoading, setIsLoading] = useState(false);
+    const [getStartUrl, setGetStartUrl] = useState('');
+    const succeed = async (loginMethod) => {
+        if (loginMethod) {
+            sendGAEvent('login', { method: loginMethod });
+        }
+        // If a callback is provided, don't redirect.
+        // Assume host code is handling (eg, mobile menu)
+        if (onLoginChanged) {
+            const res = await fetch('/api/auth/generate-custom-token', { method: 'POST' }).then(res => res.json());
+            onLoginChanged(res.token?.token ?? null);
+        }
+        else if (redirectUrl) {
+            // TODO :aa shouldn't the token thing happen in this case too??
+            router.push(redirectUrl);
+        }
+    };
+    const signupWithEmailPassword = async (email, password) => {
+        setIsLoading(true);
+        try {
+            const res = await auth.signupEmailAndPassword(email, password);
+            if (res.success) {
+                succeed('email');
+                toast.success(res.message);
+            }
+            else {
+                toast.error(res.message);
+            }
+        }
+        catch (e) {
+            toast.success('User with this email already signed up');
+        }
+        setIsLoading(false);
+    };
+    // const loginWithEthereum = async () => {
+    //   setIsLoading(true)
+    //   try {
+    //     const res = await signInWithEthereum()
+    //     if (res.success && res.user) {
+    //       setUser({email: res.user?.email, displayName: res.user?.displayName, walletAddress: res.user?.walletAddress})
+    //       if (redirectUrl) {
+    //         router.push(redirectUrl)
+    //       }
+    //     }
+    //   } catch (e) {
+    //     toast({title: 'No Ethereum provider found'})
+    //   }
+    //   setIsLoading(false)
+    // }
+    const loginWithProvider = async (provider) => {
+        setIsLoading(true);
+        const res = await auth.loginWithProvider(provider);
+        if (res.success) {
+            succeed(provider);
+        }
+        setIsLoading(false);
+    };
+    const logout = async () => {
+        setIsLoading(true);
+        const res = await auth.logout();
+        if (res.success) {
+            succeed(null);
+        }
+        setIsLoading(false);
+    };
+    const handleOnClick = () => {
+        if (setIsLogin) {
+            setIsLogin(true);
+        }
+    };
+    const generateUsernameFromEmail = (email) => {
+        const emailPrefix = email.split('@')[0]; // Get the part before the @ symbol
+        const randomSuffix = Math.random().toString(36).substring(2, 8); // Generate a random string
+        return `${emailPrefix}_${randomSuffix}`;
+    };
+    useEffect(() => {
+        if (auth.loggedIn) {
+            const username = auth.user?.email;
+            if (username)
+                setGetStartUrl('https://' + generateUsernameFromEmail(username) + '.' + getStartedUrl);
+        }
+    }, [auth]);
+    return (_jsx(ApplyTypography, { className: cn('w-full flex flex-col text-center !gap-3', className), children: auth.loggedIn && !redirectUrl ? (_jsxs(_Fragment, { children: [_jsx("h4", { children: "Welcome!" }), auth.user && (_jsxs(_Fragment, { children: [" ", _jsxs("p", { children: ["You are signed in as ", auth.user?.displayName ?? auth.user?.email] }), _jsxs("div", { className: 'flex flex-col md:flex-row gap-3 items-center justify-center', children: [_jsx(Button, { variant: 'primary', onClick: () => { router.push(getStartUrl); }, className: 'w-full', children: "GET STARTED" }), _jsx(Button, { onClick: logout, variant: 'outline', disabled: isLoading, className: 'w-full', children: "Sign Out" })] })] }))] })) : (_jsxs(_Fragment, { children: [!noHeading && (_jsx("h4", { className: 'text-center', children: "Sign Up" })), children, _jsx(EmailPasswordForm, { onSubmit: signupWithEmailPassword, isLoading: isLoading, className: 'mb-4', inputClx: inputClx, prompt: 'SignUp' }), _jsxs("div", { className: 'flex flex-row gap-4 justify-center', children: [_jsx("div", { className: 'text-muted-2 text-sm', children: "Already have an account?" }), _jsx("button", { className: 'bg-transparent text-foreground text-sm', onClick: handleOnClick, children: "Log In" })] }), _jsxs("div", { className: 'flex gap-2 whitespace-nowrap items-center my-1 sm:my-3 text-xs text-muted', children: [_jsx(Separator, { className: 'grow w-auto' }), _jsx("div", { className: 'shrink-0 mx-1', children: "or continue with" }), _jsx(Separator, { className: 'grow w-auto' })] }), _jsxs(ProviderLoginButton, { provider: 'google', isLoading: isLoading, loginWithProvider: loginWithProvider, children: [_jsx(Google, { height: 20 }), "Google"] }), _jsxs(ProviderLoginButton, { provider: 'facebook', isLoading: isLoading, loginWithProvider: loginWithProvider, children: [_jsx(Facebook, { height: 20 }), "Facebook"] }), _jsxs(ProviderLoginButton, { provider: 'github', isLoading: isLoading, loginWithProvider: loginWithProvider, children: [_jsx(GitHub, { height: 20 }), "Github"] }), _jsxs("p", { className: 'text-sm text-muted-2', children: ["By logging in, you agree to our ", _jsx(Link, { href: termsOfServiceUrl ?? '', target: '_blank', children: "Terms of Service" }), " and ", _jsx(Link, { href: privacyPolicyUrl ?? '', target: '_blank', children: "Privacy Policy" }), "."] })] })) }));
+});
+export default SignupPanel;
+//# sourceMappingURL=signup-panel.js.map

package/dist/components/signup-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signup-panel.js","sourceRoot":"","sources":["../../components/signup-panel.tsx"],"names":[],"mappings":"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"}

package/dist/icons/ethereum.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type LucideProps } from 'lucide-react';
+declare const Ethereum: React.FC<LucideProps>;
+export default Ethereum;

package/dist/icons/ethereum.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import {} from 'lucide-react';
+const Ethereum = (props) => (_jsx("svg", { viewBox: "-80.5 0 417 417", preserveAspectRatio: "xMidYMid", ...props, children: _jsxs("g", { children: [_jsx("polygon", { fill: "#343434", points: "127.9611 0 125.1661 9.5 125.1661 285.168 127.9611 287.958 255.9231 212.32" }), _jsx("polygon", { fill: "#8C8C8C", points: "127.962 0 0 212.32 127.962 287.959 127.962 154.158" }), _jsx("polygon", { fill: "#3C3C3B", points: "127.9611 312.1866 126.3861 314.1066 126.3861 412.3056 127.9611 416.9066 255.9991 236.5866" }), _jsx("polygon", { fill: "#8C8C8C", points: "127.962 416.9052 127.962 312.1852 0 236.5852" }), _jsx("polygon", { fill: "#141414", points: "127.9611 287.9577 255.9211 212.3207 127.9611 154.1587" }), _jsx("polygon", { fill: "#393939", points: "0.0009 212.3208 127.9609 287.9578 127.9609 154.1588" })] }) }));
+export default Ethereum;
+//# sourceMappingURL=ethereum.js.map

package/dist/icons/ethereum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ethereum.js","sourceRoot":"","sources":["../../icons/ethereum.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoB,MAAM,cAAc,CAAA;AAG/C,MAAM,QAAQ,GAA0B,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC9D,cAAK,OAAO,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,UAAU,KAAK,KAAK,YACxE,wBACC,kBAAS,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,2EAA2E,GAAW,EACrH,kBAAS,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,oDAAoD,GAAW,EAC9F,kBAAS,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,2FAA2F,GAAW,EACrI,kBAAS,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,8CAA8C,GAAW,EACxF,kBAAS,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,uDAAuD,GAAW,EACjG,kBAAS,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,qDAAqD,GAAW,IAC5F,GACC,CACL,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/icons/facebook.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type LucideProps } from 'lucide-react';
+declare const Facebook: React.FC<LucideProps>;
+export default Facebook;

package/dist/icons/facebook.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import {} from 'lucide-react';
+const Facebook = (props) => (_jsxs("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: "none", ...props, children: [_jsx("path", { fill: "#1877F2", d: "M15 8a7 7 0 00-7-7 7 7 0 00-1.094 13.915v-4.892H5.13V8h1.777V6.458c0-1.754 1.045-2.724 2.644-2.724.766 0 1.567.137 1.567.137v1.723h-.883c-.87 0-1.14.54-1.14 1.093V8h1.941l-.31 2.023H9.094v4.892A7.001 7.001 0 0015 8z" }), _jsx("path", { fill: "#ffffff", d: "M10.725 10.023L11.035 8H9.094V6.687c0-.553.27-1.093 1.14-1.093h.883V3.87s-.801-.137-1.567-.137c-1.6 0-2.644.97-2.644 2.724V8H5.13v2.023h1.777v4.892a7.037 7.037 0 002.188 0v-4.892h1.63z" })] }));
+export default Facebook;
+//# sourceMappingURL=facebook.js.map

package/dist/icons/facebook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"facebook.js","sourceRoot":"","sources":["../../icons/facebook.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAoB,MAAM,cAAc,CAAA;AAE/C,MAAM,QAAQ,GAA0B,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC9D,eAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,KAAK,KAAK,aAC/E,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,yNAAyN,GAAE,EAClP,eAAM,IAAI,EAAC,SAAS,EAAC,CAAC,EAAC,0LAA0L,GAAE,IAC/M,CACP,CAAA;AAED,eAAe,QAAQ,CAAA"}