@tern-secure/nextjs 3.0.5 → 3.0.6

package/dist/app-router/client/providers/ternSecureClientProvider.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 interface TernSecureClientProps {
     children: React.ReactNode;
 }
-export declare function TernSecureClientProvider({ children }: TernSecureClientProps): React.JSX.Element;
+export declare function TernSecureClientProvider({ children }: TernSecureClientProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/app-router/server/providers/TernSecureServerProvider.d.ts

@@ -2,5 +2,5 @@ import React, { ReactNode } from 'react';
 interface TernSecureProviderProps {
     children: ReactNode;
 }
-export declare function TernSecureProvider({ children }: TernSecureProviderProps): React.JSX.Element | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[] | null | undefined;
+export declare function TernSecureProvider({ children }: TernSecureProviderProps): import("react/jsx-runtime").JSX.Element | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[] | null | undefined;
 export {};

package/dist/components/sign-in.d.ts

@@ -18,4 +18,4 @@ export interface SignInProps {
         label?: string;
     };
 }
-export declare function SignIn({ onSuccess, onError, redirectUrl, className, style, customStyles }: SignInProps): React.JSX.Element;
+export declare function SignIn({ onSuccess, onError, redirectUrl, className, style, customStyles }: SignInProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var ae=Object.create;var P=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ce=Object.getPrototypeOf,ue=Object.prototype.hasOwnProperty;var M=(e,r)=>()=>(e&&(r=e(e=0)),r);var O=(e,r)=>{for(var t in r)P(e,t,{get:r[t],enumerable:!0})},q=(e,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of le(r))!ue.call(e,n)&&n!==t&&P(e,n,{get:()=>r[n],enumerable:!(i=se(r,n))||i.enumerable});return e};var H=(e,r,t)=>(t=e!=null?ae(ce(e)):{},q(r||!e||!e.__esModule?P(t,"default",{value:e,enumerable:!0}):t,e)),me=e=>q(P({},"__esModule",{value:!0}),e);var $,fe,d,E,Y,F=M(()=>{"use strict";"use client";$=require("react"),fe=()=>(0,$.createContext)([{firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}},()=>{}]),d=fe(),E=e=>{let r=(0,$.useContext)(d);if(!r)throw new Error(`${e} must be used within TernSecureProvider`);return r},Y={firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}}});var Q={};O(Q,{TernSecureClientProvider:()=>y});function y({children:e}){let r=(0,Z.useState)(Y);return(0,ee.jsx)(d.Provider,{value:r,children:e})}var Z,ee,B=M(()=>{"use strict";"use client";Z=require("react");F();ee=require("react/jsx-runtime")});var he={};O(he,{SignIn:()=>j,TernSecureAuth:()=>u,TernSecureClientProvider:()=>y,TernSecureContext:()=>d,TernSecureFirestore:()=>_,TernSecureProvider:()=>D,TernSecureStorage:()=>w,loadFireConfig:()=>g,signInWithEmail:()=>h,useAuth:()=>U,useTernSecure:()=>E,validateConfig:()=>S});module.exports=me(he);var f=require("firebase/app"),m=require("firebase/auth"),G=require("firebase/firestore"),K=require("firebase/storage");var N=(()=>{let e=S(g());return(0,f.getApps)().length?(0,f.getApps)()[0]:(0,f.initializeApp)(e)})(),V=(0,m.getAuth)(N);(0,m.setPersistence)(V,m.browserSessionPersistence);var de=(0,G.getFirestore)(N),pe=(0,K.getStorage)(N),u=()=>V,_=()=>de,w=()=>pe;var J=require("firebase/auth");async function h({email:e,password:r}){let t=u();return(0,J.signInWithEmailAndPassword)(t,e,r)}var g=()=>({apiKey:process.env.NEXT_PUBLIC_FIREBASE_API_KEY,authDomain:process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,projectId:process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,storageBucket:process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,messagingSenderId:process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,appId:process.env.NEXT_PUBLIC_FIREBASE_APP_ID,measurementId:process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID}),S=e=>(Object.entries(e).forEach(([r,t])=>{if(!t)throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${r.toUpperCase()}`)}),e);F();B();var c=H(require("react"),1),te=H(require("next/dynamic"),1),W=require("react/jsx-runtime"),re=(0,te.default)(()=>Promise.resolve().then(()=>(B(),Q)).then(e=>e.TernSecureClientProvider),{loading:()=>null});function D({children:e}){return c.default.Children.toArray(e).some(t=>c.default.isValidElement(t)&&t.type==="html")?c.default.Children.map(e,t=>c.default.isValidElement(t)&&t.type==="html"?c.default.cloneElement(t,{},c.default.Children.map(t.props.children,i=>{if(c.default.isValidElement(i)&&i.type==="body"){let n=i.props;return c.default.cloneElement(i,{},(0,W.jsx)(re,{children:n.children}))}return i})):t):(0,W.jsx)(re,{children:e})}var ne=require("react");function U(){let[e,r]=E("useAuth");return(0,ne.useEffect)(()=>{try{let t=u();r(n=>({...n,firebase:{initialized:!0,error:null}}));let i=t.onAuthStateChanged(n=>{r(o=>({...o,auth:{user:n,loading:!1,error:null,isSignedIn:!!n}}))},n=>{r(o=>({...o,auth:{user:null,loading:!1,error:n,isSignedIn:!1}}))});return()=>i()}catch(t){r(i=>({...i,firebase:{initialized:!1,error:t},auth:{user:null,loading:!1,error:t,isSignedIn:!1}}))}},[]),e.auth}var C=require("react");var l="tern",L={isInjected:!1,styleElement:null},A={container:`${l}-container`,header:`${l}-header`,title:`${l}-title`,formWrapper:`${l}-formWrapper`,formContainer:`${l}-formContainer`,form:`${l}-form`,label:`${l}-label`,input:`${l}-input`,button:`${l}-button`,error:`${l}-error`};function ge(e){if(typeof window>"u"||L.isInjected)return A;let r=document.querySelector("[data-tern-secure]");r||(r=document.createElement("style"),r.setAttribute("data-tern-secure",""),document.head.appendChild(r),L.styleElement=r);let t=Object.entries(e).map(([i,n])=>{let o=A[i],T=Object.entries(n).map(([R,v])=>`${R.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${v};`).join(" ");return`.${o} { ${T} }`}).join(`
+`);return r.textContent=t,L.isInjected=!0,A}var Se={container:{display:"flex",minHeight:"100%",flex:"1",flexDirection:"column",justifyContent:"center",padding:"3rem 1.5rem"},header:{margin:"0 auto",width:"100%",maxWidth:"28rem"},title:{marginTop:"1.5rem",textAlign:"center",fontSize:"1.875rem",fontWeight:"700",lineHeight:"2.25rem",letterSpacing:"-0.025em",color:"var(--tern-text-primary, #111827)"},formWrapper:{marginTop:"2.5rem",margin:"0 auto",width:"100%",maxWidth:"30rem"},formContainer:{padding:"3rem 1.5rem",boxShadow:"0 1px 3px 0 rgb(0 0 0 / 0.1)",borderRadius:"0.5rem",backgroundColor:"var(--tern-background, white)"},form:{display:"flex",flexDirection:"column",gap:"1rem"},label:{display:"block",fontSize:"0.875rem",fontWeight:"500",color:"var(--tern-text-secondary, #374151)"},input:{marginTop:"0.25rem",display:"block",width:"100%",padding:"0.5rem 0.75rem",borderRadius:"0.375rem",border:"1px solid var(--tern-border, #D1D5DB)",backgroundColor:"var(--tern-input-background, white)",color:"var(--tern-text-primary, #111827)"},button:{display:"flex",width:"100%",justifyContent:"center",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:"500",color:"white",backgroundColor:"var(--tern-primary, #2563EB)",border:"none",borderRadius:"0.375rem",cursor:"pointer"},error:{color:"var(--tern-error, #DC2626)",fontSize:"0.875rem"}},s=ge(Se);var a=require("react/jsx-runtime");function j({onSuccess:e,onError:r,redirectUrl:t,className:i="",style:n,customStyles:o={}}){let[T,R]=(0,C.useState)(""),[v,k]=(0,C.useState)(""),[x,z]=(0,C.useState)(!1),[b,X]=(0,C.useState)(""),oe=async p=>{p.preventDefault(),z(!0),X("");try{await h({email:T,password:v}),e?.(),t&&(window.location.href=t)}catch(I){let ie=I instanceof Error?I.message:"Failed to sign in";X(ie),r?.(I instanceof Error?I:new Error("Failed to sign in"))}finally{z(!1)}};return(0,a.jsxs)("div",{className:`${s.container} ${o.container||""}`,style:n,children:[(0,a.jsx)("div",{className:`${s.header} ${o.header||""}`,children:(0,a.jsx)("h2",{className:`${s.title} ${o.title||""}`,children:"Sign in to your account"})}),(0,a.jsx)("div",{className:`${s.formWrapper} ${o.formWrapper||""}`,children:(0,a.jsx)("div",{className:`${s.formContainer} ${o.formContainer||""}`,children:(0,a.jsxs)("form",{onSubmit:oe,className:`${s.form} ${o.form||""} ${i}`,role:"form","aria-label":"Sign in form",children:[b&&(0,a.jsx)("div",{className:`${s.error} ${o.errorText||""}`,role:"alert","aria-live":"polite",children:b}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"email",className:`${s.label} ${o.label||""}`,children:"Email"}),(0,a.jsx)("input",{id:"email",type:"email",value:T,onChange:p=>R(p.target.value),placeholder:"Enter your email",required:!0,className:`${s.input} ${o.input||""}`,disabled:x,"aria-required":"true","aria-invalid":!!b})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"password",className:`${s.label} ${o.label||""}`,children:"Password"}),(0,a.jsx)("input",{id:"password",type:"password",value:v,onChange:p=>k(p.target.value),placeholder:"Enter your password",required:!0,className:`${s.input} ${o.input||""}`,disabled:x,"aria-required":"true","aria-invalid":!!b})]}),(0,a.jsx)("button",{type:"submit",disabled:x,className:`${s.button} ${o.button||""}`,"data-testid":"sign-in-submit",children:x?"Signing in...":"Sign in"})]})})})]})}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { TernSecureAuth, TernSecureFirestore, TernSecureStorage, signInWithEmail, loadFireConfig, validateConfig, TernSecureContext, useTernSecure, TernSecureClientProvider, SignInCredentials } from './app-router/client';
+export { TernSecureAuth, TernSecureFirestore, TernSecureStorage, signInWithEmail, loadFireConfig, validateConfig, TernSecureContext, useTernSecure, TernSecureClientProvider } from './app-router/client';
 export { TernSecureProvider } from './app-router/server';
 export { useAuth } from './hooks';
 export { SignIn } from './components';

package/dist/index.js

@@ -1,342 +1,2 @@
-import { getApps, initializeApp } from 'firebase/app';
-import { getAuth, setPersistence, browserSessionPersistence, signInWithEmailAndPassword } from 'firebase/auth';
-import { getFirestore } from 'firebase/firestore';
-import { getStorage } from 'firebase/storage';
-import * as React from 'react';
-import React__default, { createContext, useContext, useState, useEffect } from 'react';
-import dynamic from 'next/dynamic';
-
-// Initialize immediately
-const app = (() => {
-    const config = validateConfig(loadFireConfig());
-    return getApps().length ? getApps()[0] : initializeApp(config);
-})();
-const auth = getAuth(app);
-setPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance
-const firestore = getFirestore(app);
-const storage = getStorage(app);
-const TernSecureAuth = () => auth;
-const TernSecureFirestore = () => firestore;
-const TernSecureStorage = () => storage;
-
-async function signInWithEmail({ email, password }) {
-    const auth = TernSecureAuth();
-    return signInWithEmailAndPassword(auth, email, password);
-}
-
-const loadFireConfig = () => ({
-    apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
-    authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
-    projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
-    storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
-    messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
-    appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
-    measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID,
-});
-const validateConfig = (config) => {
-    Object.entries(config).forEach(([key, value]) => {
-        if (!value) {
-            throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);
-        }
-    });
-    return config;
-};
-
-const createTernSecureContext = () => {
-    const initialState = {
-        firebase: {
-            initialized: false,
-            error: null
-        },
-        auth: {
-            user: null,
-            loading: true,
-            error: null,
-            isSignedIn: false
-        }
-    };
-    return createContext([initialState, () => { }]);
-};
-// Create context instance only when imported on client
-const TernSecureContext = createTernSecureContext();
-const useTernSecure = (hookname) => {
-    const context = useContext(TernSecureContext);
-    if (!context) {
-        throw new Error(`${hookname} must be used within TernSecureProvider`);
-    }
-    return context;
-};
-// Export initial state for reuse
-const initialState = {
-    firebase: {
-        initialized: false,
-        error: null
-    },
-    auth: {
-        user: null,
-        loading: true,
-        error: null,
-        isSignedIn: false
-    }
-};
-
-function TernSecureClientProvider$1({ children }) {
-    const stateAndUpdater = useState(initialState);
-    return (React__default.createElement(TernSecureContext.Provider, { value: stateAndUpdater }, children));
-}
-
-var ternSecureClientProvider = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    TernSecureClientProvider: TernSecureClientProvider$1
-});
-
-// Dynamically import the client provider with no SSR
-const TernSecureClientProvider = dynamic(() => Promise.resolve().then(function () { return ternSecureClientProvider; }).then(mod => mod.TernSecureClientProvider), {
-    //ssr: false,
-    loading: () => null // Return null or a loading indicator
-});
-function TernSecureProvider({ children }) {
-    // Check if the children contain html/body tags
-    const isRootLayout = React__default.Children.toArray(children).some(child => React__default.isValidElement(child) && child.type === 'html');
-    if (isRootLayout) {
-        // If this is the root layout, inject our provider after the body tag
-        return React__default.Children.map(children, child => {
-            if (React__default.isValidElement(child) && child.type === 'html') {
-                return React__default.cloneElement(child, {}, React__default.Children.map(child.props.children, bodyChild => {
-                    if (React__default.isValidElement(bodyChild) && bodyChild.type === 'body') {
-                        // Type assertion to access props safely
-                        const bodyProps = bodyChild.props;
-                        return React__default.cloneElement(bodyChild, {}, React__default.createElement(TernSecureClientProvider, null, bodyProps.children));
-                    }
-                    return bodyChild;
-                }));
-            }
-            return child;
-        });
-    }
-    // For non-root layouts, wrap normally
-    return React__default.createElement(TernSecureClientProvider, null, children);
-}
-
-function useAuth() {
-    const [state, setState] = useTernSecure('useAuth');
-    useEffect(() => {
-        try {
-            const auth = TernSecureAuth(); // This initializes Firebase
-            setState(prev => ({
-                ...prev,
-                firebase: {
-                    initialized: true,
-                    error: null
-                }
-            }));
-            const unsubscribe = auth.onAuthStateChanged((user) => {
-                setState(prev => ({
-                    ...prev,
-                    auth: {
-                        user,
-                        loading: false,
-                        error: null,
-                        isSignedIn: !!user
-                    }
-                }));
-            }, (error) => {
-                setState(prev => ({
-                    ...prev,
-                    auth: {
-                        user: null,
-                        loading: false,
-                        error,
-                        isSignedIn: false
-                    }
-                }));
-            });
-            return () => unsubscribe();
-        }
-        catch (error) {
-            setState(prev => ({
-                ...prev,
-                firebase: {
-                    initialized: false,
-                    error: error
-                },
-                auth: {
-                    user: null,
-                    loading: false,
-                    error: error,
-                    isSignedIn: false
-                }
-            }));
-        }
-    }, []); // Only run once on mount
-    return state.auth;
-}
-
-const PREFIX = 'tern';
-// Singleton to track style injection
-const styleInjection = {
-    isInjected: false,
-    styleElement: null
-};
-const defaultClassNames = {
-    container: `${PREFIX}-container`,
-    header: `${PREFIX}-header`,
-    title: `${PREFIX}-title`,
-    formWrapper: `${PREFIX}-formWrapper`,
-    formContainer: `${PREFIX}-formContainer`,
-    form: `${PREFIX}-form`,
-    label: `${PREFIX}-label`,
-    input: `${PREFIX}-input`,
-    button: `${PREFIX}-button`,
-    error: `${PREFIX}-error`
-};
-// Create styles once and cache them
-function createStyleSheet(styles) {
-    if (typeof window === 'undefined')
-        return defaultClassNames;
-    // Return early if styles are already injected
-    if (styleInjection.isInjected) {
-        return defaultClassNames;
-    }
-    // Find existing style element or create new one
-    let styleElement = document.querySelector('[data-tern-secure]');
-    if (!styleElement) {
-        styleElement = document.createElement('style');
-        styleElement.setAttribute('data-tern-secure', '');
-        document.head.appendChild(styleElement);
-        styleInjection.styleElement = styleElement;
-    }
-    // Create CSS rules
-    const cssRules = Object.entries(styles).map(([key, rules]) => {
-        const className = defaultClassNames[key];
-        const cssProperties = Object.entries(rules).map(([prop, value]) => {
-            const cssProperty = prop.replace(/([A-Z])/g, '-$1').toLowerCase();
-            return `${cssProperty}: ${value};`;
-        }).join(' ');
-        return `.${className} { ${cssProperties} }`;
-    }).join('\n');
-    // Insert styles only once
-    styleElement.textContent = cssRules;
-    styleInjection.isInjected = true;
-    return defaultClassNames;
-}
-// Style configuration
-const styleConfig = {
-    container: {
-        display: 'flex',
-        minHeight: '100%',
-        flex: '1',
-        flexDirection: 'column',
-        justifyContent: 'center',
-        padding: '3rem 1.5rem'
-    },
-    header: {
-        margin: '0 auto',
-        width: '100%',
-        maxWidth: '28rem'
-    },
-    title: {
-        marginTop: '1.5rem',
-        textAlign: 'center',
-        fontSize: '1.875rem',
-        fontWeight: '700',
-        lineHeight: '2.25rem',
-        letterSpacing: '-0.025em',
-        color: 'var(--tern-text-primary, #111827)'
-    },
-    formWrapper: {
-        marginTop: '2.5rem',
-        margin: '0 auto',
-        width: '100%',
-        maxWidth: '30rem'
-    },
-    formContainer: {
-        padding: '3rem 1.5rem',
-        boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)',
-        borderRadius: '0.5rem',
-        backgroundColor: 'var(--tern-background, white)'
-    },
-    form: {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '1rem'
-    },
-    label: {
-        display: 'block',
-        fontSize: '0.875rem',
-        fontWeight: '500',
-        color: 'var(--tern-text-secondary, #374151)'
-    },
-    input: {
-        marginTop: '0.25rem',
-        display: 'block',
-        width: '100%',
-        padding: '0.5rem 0.75rem',
-        borderRadius: '0.375rem',
-        border: '1px solid var(--tern-border, #D1D5DB)',
-        backgroundColor: 'var(--tern-input-background, white)',
-        color: 'var(--tern-text-primary, #111827)'
-    },
-    button: {
-        display: 'flex',
-        width: '100%',
-        justifyContent: 'center',
-        padding: '0.5rem 1rem',
-        fontSize: '0.875rem',
-        fontWeight: '500',
-        color: 'white',
-        backgroundColor: 'var(--tern-primary, #2563EB)',
-        border: 'none',
-        borderRadius: '0.375rem',
-        cursor: 'pointer'
-    },
-    error: {
-        color: 'var(--tern-error, #DC2626)',
-        fontSize: '0.875rem'
-    }
-};
-// Export pre-created styles
-const styles = createStyleSheet(styleConfig);
-
-function SignIn({ onSuccess, onError, redirectUrl, className = '', style, customStyles = {} }) {
-    const [email, setEmail] = useState('');
-    const [password, setPassword] = useState('');
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState('');
-    const handleSubmit = async (e) => {
-        e.preventDefault();
-        setLoading(true);
-        setError('');
-        try {
-            await signInWithEmail({ email, password });
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
-            if (redirectUrl) {
-                window.location.href = redirectUrl;
-            }
-        }
-        catch (err) {
-            const errorMessage = err instanceof Error ? err.message : 'Failed to sign in';
-            setError(errorMessage);
-            onError === null || onError === void 0 ? void 0 : onError(err instanceof Error ? err : new Error('Failed to sign in'));
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    return (React.createElement("div", { className: `${styles.container} ${customStyles.container || ''}`, style: style },
-        React.createElement("div", { className: `${styles.header} ${customStyles.header || ''}` },
-            React.createElement("h2", { className: `${styles.title} ${customStyles.title || ''}` }, "Sign in to your account")),
-        React.createElement("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ''}` },
-            React.createElement("div", { className: `${styles.formContainer} ${customStyles.formContainer || ''}` },
-                React.createElement("form", { onSubmit: handleSubmit, className: `${styles.form} ${customStyles.form || ''} ${className}`, role: "form", "aria-label": "Sign in form" },
-                    error && (React.createElement("div", { className: `${styles.error} ${customStyles.errorText || ''}`, role: "alert", "aria-live": "polite" }, error)),
-                    React.createElement("div", null,
-                        React.createElement("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ''}` }, "Email"),
-                        React.createElement("input", { id: "email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "Enter your email", required: true, className: `${styles.input} ${customStyles.input || ''}`, disabled: loading, "aria-required": "true", "aria-invalid": !!error })),
-                    React.createElement("div", null,
-                        React.createElement("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ''}` }, "Password"),
-                        React.createElement("input", { id: "password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "Enter your password", required: true, className: `${styles.input} ${customStyles.input || ''}`, disabled: loading, "aria-required": "true", "aria-invalid": !!error })),
-                    React.createElement("button", { type: "submit", disabled: loading, className: `${styles.button} ${customStyles.button || ''}`, "data-testid": "sign-in-submit" }, loading ? 'Signing in...' : 'Sign in'))))));
-}
-
-export { SignIn, TernSecureAuth, TernSecureClientProvider$1 as TernSecureClientProvider, TernSecureContext, TernSecureFirestore, TernSecureProvider, TernSecureStorage, loadFireConfig, signInWithEmail, useAuth, useTernSecure, validateConfig };
+var K=Object.defineProperty;var B=(e,r)=>()=>(e&&(r=e(e=0)),r);var V=(e,r)=>{for(var t in r)K(e,t,{get:r[t],enumerable:!0})};import{createContext as ie,useContext as ae}from"react";var se,d,v,j,y=B(()=>{"use strict";"use client";se=()=>ie([{firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}},()=>{}]),d=se(),v=e=>{let r=ae(d);if(!r)throw new Error(`${e} must be used within TernSecureProvider`);return r},j={firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}}});var k={};V(k,{TernSecureClientProvider:()=>A});import{useState as le}from"react";import{jsx as ce}from"react/jsx-runtime";function A({children:e}){let r=le(j);return ce(d.Provider,{value:r,children:e})}var R=B(()=>{"use strict";"use client";y()});import{getApps as W,initializeApp as J}from"firebase/app";import{getAuth as Y,setPersistence as Z,browserSessionPersistence as Q}from"firebase/auth";import{getFirestore as ee}from"firebase/firestore";import{getStorage as re}from"firebase/storage";var $=(()=>{let e=C(E());return W().length?W()[0]:J(e)})(),D=Y($);Z(D,Q);var te=ee($),ne=re($),u=()=>D,U=()=>te,L=()=>ne;import{signInWithEmailAndPassword as oe}from"firebase/auth";async function T({email:e,password:r}){let t=u();return oe(t,e,r)}var E=()=>({apiKey:process.env.NEXT_PUBLIC_FIREBASE_API_KEY,authDomain:process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,projectId:process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,storageBucket:process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,messagingSenderId:process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,appId:process.env.NEXT_PUBLIC_FIREBASE_APP_ID,measurementId:process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID}),C=e=>(Object.entries(e).forEach(([r,t])=>{if(!t)throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${r.toUpperCase()}`)}),e);y();R();import c from"react";import ue from"next/dynamic";import{jsx as X}from"react/jsx-runtime";var z=ue(()=>Promise.resolve().then(()=>(R(),k)).then(e=>e.TernSecureClientProvider),{loading:()=>null});function M({children:e}){return c.Children.toArray(e).some(t=>c.isValidElement(t)&&t.type==="html")?c.Children.map(e,t=>c.isValidElement(t)&&t.type==="html"?c.cloneElement(t,{},c.Children.map(t.props.children,o=>{if(c.isValidElement(o)&&o.type==="body"){let a=o.props;return c.cloneElement(o,{},X(z,{children:a.children}))}return o})):t):X(z,{children:e})}import{useEffect as me}from"react";function O(){let[e,r]=v("useAuth");return me(()=>{try{let t=u();r(a=>({...a,firebase:{initialized:!0,error:null}}));let o=t.onAuthStateChanged(a=>{r(n=>({...n,auth:{user:a,loading:!1,error:null,isSignedIn:!!a}}))},a=>{r(n=>({...n,auth:{user:null,loading:!1,error:a,isSignedIn:!1}}))});return()=>o()}catch(t){r(o=>({...o,firebase:{initialized:!1,error:t},auth:{user:null,loading:!1,error:t,isSignedIn:!1}}))}},[]),e.auth}import{useState as b}from"react";var s="tern",N={isInjected:!1,styleElement:null},x={container:`${s}-container`,header:`${s}-header`,title:`${s}-title`,formWrapper:`${s}-formWrapper`,formContainer:`${s}-formContainer`,form:`${s}-form`,label:`${s}-label`,input:`${s}-input`,button:`${s}-button`,error:`${s}-error`};function de(e){if(typeof window>"u"||N.isInjected)return x;let r=document.querySelector("[data-tern-secure]");r||(r=document.createElement("style"),r.setAttribute("data-tern-secure",""),document.head.appendChild(r),N.styleElement=r);let t=Object.entries(e).map(([o,a])=>{let n=x[o],p=Object.entries(a).map(([P,f])=>`${P.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${f};`).join(" ");return`.${n} { ${p} }`}).join(`
+`);return r.textContent=t,N.isInjected=!0,x}var pe={container:{display:"flex",minHeight:"100%",flex:"1",flexDirection:"column",justifyContent:"center",padding:"3rem 1.5rem"},header:{margin:"0 auto",width:"100%",maxWidth:"28rem"},title:{marginTop:"1.5rem",textAlign:"center",fontSize:"1.875rem",fontWeight:"700",lineHeight:"2.25rem",letterSpacing:"-0.025em",color:"var(--tern-text-primary, #111827)"},formWrapper:{marginTop:"2.5rem",margin:"0 auto",width:"100%",maxWidth:"30rem"},formContainer:{padding:"3rem 1.5rem",boxShadow:"0 1px 3px 0 rgb(0 0 0 / 0.1)",borderRadius:"0.5rem",backgroundColor:"var(--tern-background, white)"},form:{display:"flex",flexDirection:"column",gap:"1rem"},label:{display:"block",fontSize:"0.875rem",fontWeight:"500",color:"var(--tern-text-secondary, #374151)"},input:{marginTop:"0.25rem",display:"block",width:"100%",padding:"0.5rem 0.75rem",borderRadius:"0.375rem",border:"1px solid var(--tern-border, #D1D5DB)",backgroundColor:"var(--tern-input-background, white)",color:"var(--tern-text-primary, #111827)"},button:{display:"flex",width:"100%",justifyContent:"center",padding:"0.5rem 1rem",fontSize:"0.875rem",fontWeight:"500",color:"white",backgroundColor:"var(--tern-primary, #2563EB)",border:"none",borderRadius:"0.375rem",cursor:"pointer"},error:{color:"var(--tern-error, #DC2626)",fontSize:"0.875rem"}},i=de(pe);import{jsx as l,jsxs as I}from"react/jsx-runtime";function q({onSuccess:e,onError:r,redirectUrl:t,className:o="",style:a,customStyles:n={}}){let[p,P]=b(""),[f,_]=b(""),[g,w]=b(!1),[S,F]=b(""),H=async m=>{m.preventDefault(),w(!0),F("");try{await T({email:p,password:f}),e?.(),t&&(window.location.href=t)}catch(h){let G=h instanceof Error?h.message:"Failed to sign in";F(G),r?.(h instanceof Error?h:new Error("Failed to sign in"))}finally{w(!1)}};return I("div",{className:`${i.container} ${n.container||""}`,style:a,children:[l("div",{className:`${i.header} ${n.header||""}`,children:l("h2",{className:`${i.title} ${n.title||""}`,children:"Sign in to your account"})}),l("div",{className:`${i.formWrapper} ${n.formWrapper||""}`,children:l("div",{className:`${i.formContainer} ${n.formContainer||""}`,children:I("form",{onSubmit:H,className:`${i.form} ${n.form||""} ${o}`,role:"form","aria-label":"Sign in form",children:[S&&l("div",{className:`${i.error} ${n.errorText||""}`,role:"alert","aria-live":"polite",children:S}),I("div",{children:[l("label",{htmlFor:"email",className:`${i.label} ${n.label||""}`,children:"Email"}),l("input",{id:"email",type:"email",value:p,onChange:m=>P(m.target.value),placeholder:"Enter your email",required:!0,className:`${i.input} ${n.input||""}`,disabled:g,"aria-required":"true","aria-invalid":!!S})]}),I("div",{children:[l("label",{htmlFor:"password",className:`${i.label} ${n.label||""}`,children:"Password"}),l("input",{id:"password",type:"password",value:f,onChange:m=>_(m.target.value),placeholder:"Enter your password",required:!0,className:`${i.input} ${n.input||""}`,disabled:g,"aria-required":"true","aria-invalid":!!S})]}),l("button",{type:"submit",disabled:g,className:`${i.button} ${n.button||""}`,"data-testid":"sign-in-submit",children:g?"Signing in...":"Sign in"})]})})})]})}export{q as SignIn,u as TernSecureAuth,A as TernSecureClientProvider,d as TernSecureContext,U as TernSecureFirestore,M as TernSecureProvider,L as TernSecureStorage,E as loadFireConfig,T as signInWithEmail,O as useAuth,v as useTernSecure,C as validateConfig};

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tern-secure/nextjs",
-  "version": "3.0.5",
+  "version": "3.0.6",
+  "type": "module",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -13,14 +14,17 @@
     "url": "https://github.com/TernSecure/nextjs/issues"
   },
   "homepage": "https://github.com/tern-secure/nextjs#readme",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
-  "scripts": {
-    "build": "rollup -c",
-     "clean": "rimraf dist",
-    "dev": "tsc --watch",
+ "scripts": {
+    "build": "npm run build:types && npm run build:js",
+    "build:types": "tsc --emitDeclarationOnly",
+    "build:js": "node build.config.cjs",
+    "clean": "rimraf dist",
+    "dev": "npm run build -- --watch",
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
-    "format": "prettier --write \"src/**/*.{ts,tsx}\""
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "prepublishOnly": "npm run build"
   },
   "keywords": [],
   "author": "",
@@ -42,6 +46,8 @@
     "@typescript-eslint/eslint-plugin": "^8.15.0",
     "@typescript-eslint/parser": "^8.15.0",
     "autoprefixer": "^10.4.20",
+    "esbuild": "^0.24.0",
+    "esbuild-node-externals": "^1.15.0",
     "eslint": "^9.15.0",
     "eslint-plugin-react": "^7.37.2",
     "firebase": "^11.0.2",
@@ -86,17 +92,16 @@
       "optional": true
     }
   },
-  "exports": {
+"exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "require": "./dist/index.cjs.js"
     },
     "./server": {
       "types": "./dist/server/index.d.ts",
       "import": "./dist/server/index.js",
-      "require": "./dist/server/index.js"
-    },
-    "./styles": "./styles/index.css"
+      "require": "./dist/server/index.cjs.js"
+    }
   }
 }