@tern-secure/nextjs 3.1.78 → 3.1.80
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/cjs/app-router/client/TernSecureProvider.d.ts +17 -0
- package/dist/cjs/app-router/client/TernSecureProvider.js +1 -1
- package/dist/cjs/app-router/server/TernSecureServerProvider.d.ts +30 -0
- package/dist/cjs/app-router/server/TernSecureServerProvider.js +1 -1
- package/dist/cjs/app-router/server/auth.d.ts +9 -0
- package/dist/cjs/boundary/TernSecureCtx.d.ts +15 -0
- package/dist/cjs/boundary/hooks/useAuth.d.ts +7 -0
- package/dist/cjs/components/sign-in.d.ts +25 -0
- package/dist/cjs/errors.d.ts +10 -0
- package/dist/cjs/index.d.ts +19 -0
- package/dist/cjs/types.d.ts +49 -0
- package/dist/cjs/utils/client-init.d.ts +9 -0
- package/dist/cjs/utils/config.d.ts +22 -0
- package/dist/cjs/utils/create-styles.d.ts +100 -0
- package/dist/esm/app-router/client/TernSecureProvider.d.mts +17 -0
- package/dist/esm/app-router/server/TernSecureServerProvider.d.mts +30 -0
- package/dist/esm/app-router/server/auth.d.mts +9 -0
- package/dist/esm/boundary/TernSecureCtx.d.mts +15 -0
- package/dist/esm/boundary/hooks/useAuth.d.mts +7 -0
- package/dist/esm/components/sign-in.d.mts +25 -0
- package/dist/esm/errors.d.mts +10 -0
- package/dist/esm/esm/app-router/client/TernSecureProvider.js.map +1 -0
- package/dist/esm/esm/app-router/server/TernSecureServerProvider.js.map +1 -0
- package/dist/esm/esm/app-router/server/auth.js.map +1 -0
- package/dist/esm/esm/boundary/TernSecureCtx.js.map +1 -0
- package/dist/esm/esm/boundary/hooks/useAuth.js.map +1 -0
- package/dist/esm/esm/components/sign-in.js.map +1 -0
- package/dist/esm/esm/errors.js.map +1 -0
- package/dist/esm/esm/index.js.map +1 -0
- package/dist/esm/esm/utils/client-init.js.map +1 -0
- package/dist/esm/esm/utils/config.js.map +1 -0
- package/dist/esm/esm/utils/create-styles.js.map +1 -0
- package/dist/esm/index.d.mts +19 -0
- package/dist/esm/types.d.mts +49 -0
- package/dist/esm/utils/client-init.d.mts +9 -0
- package/dist/esm/utils/config.d.mts +22 -0
- package/dist/esm/utils/create-styles.d.mts +100 -0
- package/package.json +3 -6
- package/dist/esm/app-router/client/TernSecureProvider.js.map +0 -1
- package/dist/esm/app-router/server/TernSecureServerProvider.js.map +0 -1
- package/dist/esm/app-router/server/auth.js.map +0 -1
- package/dist/esm/boundary/TernSecureCtx.js.map +0 -1
- package/dist/esm/boundary/hooks/useAuth.js.map +0 -1
- package/dist/esm/components/sign-in.js.map +0 -1
- package/dist/esm/errors.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/utils/client-init.js.map +0 -1
- package/dist/esm/utils/config.js.map +0 -1
- package/dist/esm/utils/create-styles.js.map +0 -1
- /package/dist/esm/{app-router → esm/app-router}/client/TernSecureProvider.js +0 -0
- /package/dist/esm/{app-router → esm/app-router}/server/TernSecureServerProvider.js +0 -0
- /package/dist/esm/{app-router → esm/app-router}/server/auth.js +0 -0
- /package/dist/esm/{boundary → esm/boundary}/TernSecureCtx.js +0 -0
- /package/dist/esm/{boundary → esm/boundary}/hooks/useAuth.js +0 -0
- /package/dist/esm/{components → esm/components}/sign-in.js +0 -0
- /package/dist/esm/{errors.js → esm/errors.js} +0 -0
- /package/dist/esm/{index.js → esm/index.js} +0 -0
- /package/dist/esm/{types.js → esm/types.js} +0 -0
- /package/dist/esm/{types.js.map → esm/types.js.map} +0 -0
- /package/dist/esm/{utils → esm/utils}/client-init.js +0 -0
- /package/dist/esm/{utils → esm/utils}/config.js +0 -0
- /package/dist/esm/{utils → esm/utils}/create-styles.js +0 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
type TernSecureState = {
|
|
5
|
+
userId: string | null;
|
|
6
|
+
loading: boolean;
|
|
7
|
+
error: string | null;
|
|
8
|
+
isSignedIn: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const AuthStateContext: React__default.Context<TernSecureState | null>;
|
|
11
|
+
interface TernSecureClientProps {
|
|
12
|
+
children: React__default.ReactNode;
|
|
13
|
+
initialState: TernSecureState;
|
|
14
|
+
}
|
|
15
|
+
declare function TernSecureClientProvider({ children, initialState }: TernSecureClientProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
|
|
17
|
+
export { AuthStateContext, TernSecureClientProvider, type TernSecureState };
|
|
@@ -34,7 +34,7 @@ __export(TernSecureProvider_exports, {
|
|
|
34
34
|
});
|
|
35
35
|
module.exports = __toCommonJS(TernSecureProvider_exports);
|
|
36
36
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var import_react = __toESM(require("react")
|
|
37
|
+
var import_react = __toESM(require("react"));
|
|
38
38
|
var import_client_init = require("../../utils/client-init");
|
|
39
39
|
var import_auth = require("firebase/auth");
|
|
40
40
|
var import_TernSecureCtx = require("../../boundary/TernSecureCtx");
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
interface TernSecureServerProviderProps {
|
|
5
|
+
children: React__default.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Root Provider for TernSecure
|
|
9
|
+
* Use this in your Next.js App Router root layout
|
|
10
|
+
* Automatically handles client/server boundary and authentication state
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // app/layout.tsx
|
|
14
|
+
* import { TernSecureProvider } from '@tern/secure'
|
|
15
|
+
*
|
|
16
|
+
* export default function RootLayout({ children }) {
|
|
17
|
+
* return (
|
|
18
|
+
* <html>
|
|
19
|
+
* <body>
|
|
20
|
+
* <TernSecureProvider>
|
|
21
|
+
* {children}
|
|
22
|
+
* </TernSecureProvider>
|
|
23
|
+
* </body>
|
|
24
|
+
* </html>
|
|
25
|
+
* )
|
|
26
|
+
* }
|
|
27
|
+
*/
|
|
28
|
+
declare function TernSecureServerProvider({ children }: TernSecureServerProviderProps): Promise<react_jsx_runtime.JSX.Element>;
|
|
29
|
+
|
|
30
|
+
export { TernSecureServerProvider, type TernSecureServerProviderProps };
|
|
@@ -32,7 +32,7 @@ __export(TernSecureServerProvider_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
module.exports = __toCommonJS(TernSecureServerProvider_exports);
|
|
34
34
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
-
var import_react = __toESM(require("react")
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
36
|
var import_TernSecureProvider = require("../client/TernSecureProvider");
|
|
37
37
|
function TernSecureLoadingFallback() {
|
|
38
38
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { UserCredential } from 'firebase/auth';
|
|
2
|
+
|
|
3
|
+
interface SignInCredentials {
|
|
4
|
+
email: string;
|
|
5
|
+
password: string;
|
|
6
|
+
}
|
|
7
|
+
declare function signInWithEmail({ email, password }: SignInCredentials): Promise<UserCredential>;
|
|
8
|
+
|
|
9
|
+
export { type SignInCredentials, signInWithEmail };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
type TernSecureCtxValue = {
|
|
4
|
+
_contextKey: Symbol;
|
|
5
|
+
};
|
|
6
|
+
declare const useInternalContext: (hookname: string) => TernSecureCtxValue;
|
|
7
|
+
/**
|
|
8
|
+
* Provider component for TernSecure
|
|
9
|
+
* Must be used in client components only
|
|
10
|
+
*/
|
|
11
|
+
declare function TernSecureCtxProvider({ children }: {
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}): react_jsx_runtime.JSX.Element;
|
|
14
|
+
|
|
15
|
+
export { TernSecureCtxProvider, type TernSecureCtxValue, useInternalContext };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface SignInProps {
|
|
5
|
+
onSuccess?: () => void;
|
|
6
|
+
onError?: (error: Error) => void;
|
|
7
|
+
redirectUrl?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
customStyles?: {
|
|
11
|
+
container?: string;
|
|
12
|
+
header?: string;
|
|
13
|
+
title?: string;
|
|
14
|
+
formWrapper?: string;
|
|
15
|
+
formContainer?: string;
|
|
16
|
+
form?: string;
|
|
17
|
+
input?: string;
|
|
18
|
+
button?: string;
|
|
19
|
+
errorText?: string;
|
|
20
|
+
label?: string;
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
declare function SignIn({ onSuccess, onError, redirectUrl, className, style, customStyles }: SignInProps): react_jsx_runtime.JSX.Element;
|
|
24
|
+
|
|
25
|
+
export { SignIn, type SignInProps };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const ERRORS: {
|
|
2
|
+
readonly SERVER_SIDE_INITIALIZATION: "TernSecure must be initialized on the client side";
|
|
3
|
+
readonly NOT_INITIALIZED: "TernSecure services are not initialized. Call initializeTernSecure() first";
|
|
4
|
+
readonly HOOK_CONTEXT: (hookName: string) => string;
|
|
5
|
+
};
|
|
6
|
+
declare class TernSecureError extends Error {
|
|
7
|
+
constructor(message: string);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { ERRORS, TernSecureError };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { TernSecureServerProvider } from './app-router/server/TernSecureServerProvider.js';
|
|
2
|
+
export { TernSecureState } from './app-router/client/TernSecureProvider.js';
|
|
3
|
+
export { TernSecureAuth, TernSecureFirestore } from './utils/client-init.js';
|
|
4
|
+
export { loadFireConfig, validateConfig } from './utils/config.js';
|
|
5
|
+
export { signInWithEmail } from './app-router/server/auth.js';
|
|
6
|
+
export { useAuth } from './boundary/hooks/useAuth.js';
|
|
7
|
+
export { SignIn } from './components/sign-in.js';
|
|
8
|
+
import 'react/jsx-runtime';
|
|
9
|
+
import 'react';
|
|
10
|
+
import '@firebase/storage';
|
|
11
|
+
import '@firebase/firestore';
|
|
12
|
+
import '@firebase/auth';
|
|
13
|
+
import './types.js';
|
|
14
|
+
import 'firebase/app';
|
|
15
|
+
import 'firebase/auth';
|
|
16
|
+
|
|
17
|
+
declare const TernSecureProvider: typeof TernSecureServerProvider;
|
|
18
|
+
|
|
19
|
+
export { TernSecureProvider };
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { FirebaseOptions } from 'firebase/app';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* TernSecure Firebase configuration interface
|
|
5
|
+
* Extends Firebase's base configuration options
|
|
6
|
+
*/
|
|
7
|
+
interface TernSecureConfig extends FirebaseOptions {
|
|
8
|
+
apiKey: string;
|
|
9
|
+
authDomain: string;
|
|
10
|
+
projectId: string;
|
|
11
|
+
storageBucket: string;
|
|
12
|
+
messagingSenderId: string;
|
|
13
|
+
appId: string;
|
|
14
|
+
measurementId?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* TernSecure initialization options
|
|
18
|
+
*/
|
|
19
|
+
interface TernSecureOptions {
|
|
20
|
+
/** Environment setting for different configurations */
|
|
21
|
+
environment?: 'development' | 'production';
|
|
22
|
+
/** Geographic region for data storage */
|
|
23
|
+
region?: string;
|
|
24
|
+
/** Custom error handler */
|
|
25
|
+
onError?: (error: Error) => void;
|
|
26
|
+
/** Debug mode flag */
|
|
27
|
+
debug?: boolean;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Firebase initialization state
|
|
31
|
+
*/
|
|
32
|
+
interface FirebaseState {
|
|
33
|
+
/** Whether Firebase has been initialized */
|
|
34
|
+
initialized: boolean;
|
|
35
|
+
/** Any initialization errors */
|
|
36
|
+
error: Error | null;
|
|
37
|
+
/** Timestamp of last initialization attempt */
|
|
38
|
+
lastInitAttempt?: number;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Configuration validation result
|
|
42
|
+
*/
|
|
43
|
+
interface ConfigValidationResult {
|
|
44
|
+
isValid: boolean;
|
|
45
|
+
errors: string[];
|
|
46
|
+
config: TernSecureConfig;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export type { ConfigValidationResult, FirebaseState, TernSecureConfig, TernSecureOptions };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as _firebase_storage from '@firebase/storage';
|
|
2
|
+
import * as _firebase_firestore from '@firebase/firestore';
|
|
3
|
+
import * as _firebase_auth from '@firebase/auth';
|
|
4
|
+
|
|
5
|
+
declare const TernSecureAuth: () => _firebase_auth.Auth;
|
|
6
|
+
declare const TernSecureFirestore: () => _firebase_firestore.Firestore;
|
|
7
|
+
declare const TernSecureStorage: () => _firebase_storage.FirebaseStorage;
|
|
8
|
+
|
|
9
|
+
export { TernSecureAuth, TernSecureFirestore, TernSecureStorage };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TernSecureConfig, ConfigValidationResult } from '../types.js';
|
|
2
|
+
import 'firebase/app';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Loads Firebase configuration from environment variables
|
|
6
|
+
* @returns {TernSecureConfig} Firebase configuration object
|
|
7
|
+
*/
|
|
8
|
+
declare const loadFireConfig: () => TernSecureConfig;
|
|
9
|
+
/**
|
|
10
|
+
* Validates Firebase configuration
|
|
11
|
+
* @param {TernSecureConfig} config - Firebase configuration object
|
|
12
|
+
* @throws {Error} If required configuration values are missing
|
|
13
|
+
* @returns {TernSecureConfig} Validated configuration object
|
|
14
|
+
*/
|
|
15
|
+
declare const validateConfig: (config: TernSecureConfig) => ConfigValidationResult;
|
|
16
|
+
/**
|
|
17
|
+
* Initializes configuration with validation
|
|
18
|
+
* @throws {Error} If configuration is invalid
|
|
19
|
+
*/
|
|
20
|
+
declare const initializeConfig: () => TernSecureConfig;
|
|
21
|
+
|
|
22
|
+
export { initializeConfig, loadFireConfig, validateConfig };
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
declare const defaultClassNames: {
|
|
2
|
+
readonly container: "tern-container";
|
|
3
|
+
readonly header: "tern-header";
|
|
4
|
+
readonly title: "tern-title";
|
|
5
|
+
readonly formWrapper: "tern-formWrapper";
|
|
6
|
+
readonly formContainer: "tern-formContainer";
|
|
7
|
+
readonly form: "tern-form";
|
|
8
|
+
readonly label: "tern-label";
|
|
9
|
+
readonly input: "tern-input";
|
|
10
|
+
readonly button: "tern-button";
|
|
11
|
+
readonly error: "tern-error";
|
|
12
|
+
};
|
|
13
|
+
declare const styleConfig: {
|
|
14
|
+
readonly container: {
|
|
15
|
+
readonly display: "flex";
|
|
16
|
+
readonly minHeight: "100%";
|
|
17
|
+
readonly flex: "1";
|
|
18
|
+
readonly flexDirection: "column";
|
|
19
|
+
readonly justifyContent: "center";
|
|
20
|
+
readonly padding: "3rem 1.5rem";
|
|
21
|
+
};
|
|
22
|
+
readonly header: {
|
|
23
|
+
readonly margin: "0 auto";
|
|
24
|
+
readonly width: "100%";
|
|
25
|
+
readonly maxWidth: "28rem";
|
|
26
|
+
};
|
|
27
|
+
readonly title: {
|
|
28
|
+
readonly marginTop: "1.5rem";
|
|
29
|
+
readonly textAlign: "center";
|
|
30
|
+
readonly fontSize: "1.875rem";
|
|
31
|
+
readonly fontWeight: "700";
|
|
32
|
+
readonly lineHeight: "2.25rem";
|
|
33
|
+
readonly letterSpacing: "-0.025em";
|
|
34
|
+
readonly color: "var(--tern-text-primary, #111827)";
|
|
35
|
+
};
|
|
36
|
+
readonly formWrapper: {
|
|
37
|
+
readonly marginTop: "2.5rem";
|
|
38
|
+
readonly margin: "0 auto";
|
|
39
|
+
readonly width: "100%";
|
|
40
|
+
readonly maxWidth: "30rem";
|
|
41
|
+
};
|
|
42
|
+
readonly formContainer: {
|
|
43
|
+
readonly padding: "3rem 1.5rem";
|
|
44
|
+
readonly boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)";
|
|
45
|
+
readonly borderRadius: "0.5rem";
|
|
46
|
+
readonly backgroundColor: "var(--tern-background, white)";
|
|
47
|
+
};
|
|
48
|
+
readonly form: {
|
|
49
|
+
readonly display: "flex";
|
|
50
|
+
readonly flexDirection: "column";
|
|
51
|
+
readonly gap: "1rem";
|
|
52
|
+
};
|
|
53
|
+
readonly label: {
|
|
54
|
+
readonly display: "block";
|
|
55
|
+
readonly fontSize: "0.875rem";
|
|
56
|
+
readonly fontWeight: "500";
|
|
57
|
+
readonly color: "var(--tern-text-secondary, #374151)";
|
|
58
|
+
};
|
|
59
|
+
readonly input: {
|
|
60
|
+
readonly marginTop: "0.25rem";
|
|
61
|
+
readonly display: "block";
|
|
62
|
+
readonly width: "100%";
|
|
63
|
+
readonly padding: "0.5rem 0.75rem";
|
|
64
|
+
readonly borderRadius: "0.375rem";
|
|
65
|
+
readonly border: "1px solid var(--tern-border, #D1D5DB)";
|
|
66
|
+
readonly backgroundColor: "var(--tern-input-background, white)";
|
|
67
|
+
readonly color: "var(--tern-text-primary, #111827)";
|
|
68
|
+
};
|
|
69
|
+
readonly button: {
|
|
70
|
+
readonly display: "flex";
|
|
71
|
+
readonly width: "100%";
|
|
72
|
+
readonly justifyContent: "center";
|
|
73
|
+
readonly padding: "0.5rem 1rem";
|
|
74
|
+
readonly fontSize: "0.875rem";
|
|
75
|
+
readonly fontWeight: "500";
|
|
76
|
+
readonly color: "white";
|
|
77
|
+
readonly backgroundColor: "var(--tern-primary, #2563EB)";
|
|
78
|
+
readonly border: "none";
|
|
79
|
+
readonly borderRadius: "0.375rem";
|
|
80
|
+
readonly cursor: "pointer";
|
|
81
|
+
};
|
|
82
|
+
readonly error: {
|
|
83
|
+
readonly color: "var(--tern-error, #DC2626)";
|
|
84
|
+
readonly fontSize: "0.875rem";
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
declare const styles: {
|
|
88
|
+
readonly container: "tern-container";
|
|
89
|
+
readonly header: "tern-header";
|
|
90
|
+
readonly title: "tern-title";
|
|
91
|
+
readonly formWrapper: "tern-formWrapper";
|
|
92
|
+
readonly formContainer: "tern-formContainer";
|
|
93
|
+
readonly form: "tern-form";
|
|
94
|
+
readonly label: "tern-label";
|
|
95
|
+
readonly input: "tern-input";
|
|
96
|
+
readonly button: "tern-button";
|
|
97
|
+
readonly error: "tern-error";
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
export { defaultClassNames, styleConfig, styles };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
type TernSecureState = {
|
|
5
|
+
userId: string | null;
|
|
6
|
+
loading: boolean;
|
|
7
|
+
error: string | null;
|
|
8
|
+
isSignedIn: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const AuthStateContext: React__default.Context<TernSecureState | null>;
|
|
11
|
+
interface TernSecureClientProps {
|
|
12
|
+
children: React__default.ReactNode;
|
|
13
|
+
initialState: TernSecureState;
|
|
14
|
+
}
|
|
15
|
+
declare function TernSecureClientProvider({ children, initialState }: TernSecureClientProps): react_jsx_runtime.JSX.Element;
|
|
16
|
+
|
|
17
|
+
export { AuthStateContext, TernSecureClientProvider, type TernSecureState };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
|
|
4
|
+
interface TernSecureServerProviderProps {
|
|
5
|
+
children: React__default.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Root Provider for TernSecure
|
|
9
|
+
* Use this in your Next.js App Router root layout
|
|
10
|
+
* Automatically handles client/server boundary and authentication state
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* // app/layout.tsx
|
|
14
|
+
* import { TernSecureProvider } from '@tern/secure'
|
|
15
|
+
*
|
|
16
|
+
* export default function RootLayout({ children }) {
|
|
17
|
+
* return (
|
|
18
|
+
* <html>
|
|
19
|
+
* <body>
|
|
20
|
+
* <TernSecureProvider>
|
|
21
|
+
* {children}
|
|
22
|
+
* </TernSecureProvider>
|
|
23
|
+
* </body>
|
|
24
|
+
* </html>
|
|
25
|
+
* )
|
|
26
|
+
* }
|
|
27
|
+
*/
|
|
28
|
+
declare function TernSecureServerProvider({ children }: TernSecureServerProviderProps): Promise<react_jsx_runtime.JSX.Element>;
|
|
29
|
+
|
|
30
|
+
export { TernSecureServerProvider, type TernSecureServerProviderProps };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { UserCredential } from 'firebase/auth';
|
|
2
|
+
|
|
3
|
+
interface SignInCredentials {
|
|
4
|
+
email: string;
|
|
5
|
+
password: string;
|
|
6
|
+
}
|
|
7
|
+
declare function signInWithEmail({ email, password }: SignInCredentials): Promise<UserCredential>;
|
|
8
|
+
|
|
9
|
+
export { type SignInCredentials, signInWithEmail };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
type TernSecureCtxValue = {
|
|
4
|
+
_contextKey: Symbol;
|
|
5
|
+
};
|
|
6
|
+
declare const useInternalContext: (hookname: string) => TernSecureCtxValue;
|
|
7
|
+
/**
|
|
8
|
+
* Provider component for TernSecure
|
|
9
|
+
* Must be used in client components only
|
|
10
|
+
*/
|
|
11
|
+
declare function TernSecureCtxProvider({ children }: {
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}): react_jsx_runtime.JSX.Element;
|
|
14
|
+
|
|
15
|
+
export { TernSecureCtxProvider, type TernSecureCtxValue, useInternalContext };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface SignInProps {
|
|
5
|
+
onSuccess?: () => void;
|
|
6
|
+
onError?: (error: Error) => void;
|
|
7
|
+
redirectUrl?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
customStyles?: {
|
|
11
|
+
container?: string;
|
|
12
|
+
header?: string;
|
|
13
|
+
title?: string;
|
|
14
|
+
formWrapper?: string;
|
|
15
|
+
formContainer?: string;
|
|
16
|
+
form?: string;
|
|
17
|
+
input?: string;
|
|
18
|
+
button?: string;
|
|
19
|
+
errorText?: string;
|
|
20
|
+
label?: string;
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
declare function SignIn({ onSuccess, onError, redirectUrl, className, style, customStyles }: SignInProps): react_jsx_runtime.JSX.Element;
|
|
24
|
+
|
|
25
|
+
export { SignIn, type SignInProps };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const ERRORS: {
|
|
2
|
+
readonly SERVER_SIDE_INITIALIZATION: "TernSecure must be initialized on the client side";
|
|
3
|
+
readonly NOT_INITIALIZED: "TernSecure services are not initialized. Call initializeTernSecure() first";
|
|
4
|
+
readonly HOOK_CONTEXT: (hookName: string) => string;
|
|
5
|
+
};
|
|
6
|
+
declare class TernSecureError extends Error {
|
|
7
|
+
constructor(message: string);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export { ERRORS, TernSecureError };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/app-router/client/TernSecureProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { useState, useEffect } from 'react'\r\nimport { TernSecureAuth } from '../../utils/client-init'\r\nimport { onAuthStateChanged } from \"firebase/auth\"\r\nimport { useInternalContext, TernSecureCtxProvider } from '../../boundary/TernSecureCtx'\r\n\r\nexport type TernSecureState = {\r\n userId: string | null\r\n loading: boolean\r\n error: string | null\r\n isSignedIn: boolean\r\n}\r\n\r\nexport const AuthStateContext = React.createContext<TernSecureState | null>(null)\r\n\r\ninterface TernSecureClientProps {\r\n children: React.ReactNode\r\n initialState: TernSecureState\r\n}\r\n\r\nconst auth = TernSecureAuth();\r\n\r\nexport function TernSecureClientProvider({ \r\n children,\r\n initialState\r\n }: TernSecureClientProps) {\r\n const [authState, setAuthState] = useState<TernSecureState>(initialState)\r\nuseEffect(() => {\r\n const unsubscribe = onAuthStateChanged(auth, (user) => {\r\n if (user) {\r\n setAuthState({\r\n loading: false,\r\n isSignedIn: true,\r\n userId: user.uid,\r\n error: null\r\n })\r\n } else {\r\n setAuthState({\r\n loading: false,\r\n isSignedIn: false,\r\n userId: null,\r\n error: null\r\n })\r\n }\r\n })\r\n \r\n return () => unsubscribe()\r\n }, [])\r\n\r\n\r\n return (\r\n <TernSecureCtxProvider>\r\n <AuthStateContext.Provider value={authState}>\r\n {children}\r\n </AuthStateContext.Provider>\r\n </TernSecureCtxProvider>\r\n )\r\n}"],"mappings":";AAqDM;AAnDN,OAAO,SAAS,UAAU,iBAAiB;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAA6B,6BAA6B;AASnD,MAAM,mBAAmB,MAAM,cAAsC,IAAI;AAOhF,MAAM,OAAO,eAAe;AAErB,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AACD,GAA0B;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAA0B,YAAY;AAC1E,YAAU,MAAM;AACZ,UAAM,cAAc,mBAAmB,MAAM,CAAC,SAAS;AACrD,UAAI,MAAM;AACR,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO;AAAA,QACT,CAAC;AAAA,MACH,OAAO;AACL,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,WAAO,MAAM,YAAY;AAAA,EAC3B,GAAG,CAAC,CAAC;AAGL,SACE,oBAAC,yBACC,8BAAC,iBAAiB,UAAjB,EAA0B,OAAO,WACjC,UACD,GACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/app-router/server/TernSecureServerProvider.tsx"],"sourcesContent":["import React from \"react\"\r\nimport { TernSecureClientProvider, TernSecureState } from \"../client/TernSecureProvider\"\r\n\r\n\r\n\r\n// Loading fallback component\r\nfunction TernSecureLoadingFallback() {\r\n return (\r\n <div \r\n aria-label=\"Loading authentication\" \r\n role=\"status\"\r\n className=\"tern-secure-loading\"\r\n >\r\n <span className=\"sr-only\">Loading authentication...</span>\r\n </div>\r\n )\r\n}\r\n\r\ninterface TernSecureServerProviderProps {\r\n children: React.ReactNode\r\n}\r\n\r\n/**\r\n * Root Provider for TernSecure\r\n * Use this in your Next.js App Router root layout\r\n * Automatically handles client/server boundary and authentication state\r\n * \r\n * @example\r\n * // app/layout.tsx\r\n * import { TernSecureProvider } from '@tern/secure'\r\n * \r\n * export default function RootLayout({ children }) {\r\n * return (\r\n * <html>\r\n * <body>\r\n * <TernSecureProvider>\r\n * {children}\r\n * </TernSecureProvider>\r\n * </body>\r\n * </html>\r\n * )\r\n * }\r\n */\r\nexport async function TernSecureServerProvider({ \r\n children \r\n}: TernSecureServerProviderProps) {\r\n const initialState: TernSecureState = {\r\n loading: true,\r\n isSignedIn: false,\r\n userId: null,\r\n error: null\r\n }\r\n\r\n return (\r\n <React.Suspense fallback={<TernSecureLoadingFallback />}>\r\n {/* Add use client directive */}\r\n <TernSecureClientProvider initialState={initialState}>\r\n {children}\r\n </TernSecureClientProvider>\r\n </React.Suspense>\r\n )\r\n}\r\n\r\n// Export types for internal use\r\nexport type { TernSecureServerProviderProps }"],"mappings":"AAaM;AAbN,OAAO,WAAW;AAClB,SAAS,gCAAiD;AAK1D,SAAS,4BAA4B;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,8BAAC,UAAK,WAAU,WAAU,uCAAyB;AAAA;AAAA,EACrD;AAEJ;AA2BA,eAAsB,yBAAyB;AAAA,EAC7C;AACF,GAAkC;AAChC,QAAM,eAAgC;AAAA,IACpC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,SACE,oBAAC,MAAM,UAAN,EAAe,UAAU,oBAAC,6BAA0B,GAEnD,8BAAC,4BAAyB,cACvB,UACH,GACF;AAEJ;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/app-router/server/auth.ts"],"sourcesContent":["import { TernSecureAuth } from '../../utils/client-init'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n email: string\r\n password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n email, \r\n password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n const auth = TernSecureAuth()\r\n return signInWithEmailAndPassword(auth, email, password)\r\n} "],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,kCAAuD;AAOhE,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,OAAO,eAAe;AAC5B,SAAO,2BAA2B,MAAM,OAAO,QAAQ;AACzD;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/boundary/TernSecureCtx.tsx"],"sourcesContent":["'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\n// Core types\r\nexport type TernSecureCtxValue = {\r\n _contextKey: Symbol\r\n}\r\n\r\n// Context with proper null handling\r\nconst INTERNAL_CONTEXT_KEY = Symbol('TERN_SECURE_CONTEXT')\r\nconst TernSecureContext = createContext<TernSecureCtxValue | null>(null)\r\n\r\n// Set display name for better debugging\r\nTernSecureContext.displayName = 'TernSecureContext'\r\n\r\nexport const useInternalContext = (hookname: string) => {\r\n\r\n const context = useContext(TernSecureContext)\r\n \r\n if (!context) {\r\n throw new Error(\r\n `${hookname} must be used within TernSecureProvider`\r\n )\r\n }\r\n\r\n return context\r\n}\r\n\r\n/**\r\n * Provider component for TernSecure\r\n * Must be used in client components only\r\n */\r\nexport function TernSecureCtxProvider({ children }: { children: React.ReactNode }) {\r\n return (\r\n <TernSecureContext.Provider value={{\r\n _contextKey: INTERNAL_CONTEXT_KEY \r\n }}>\r\n {children}\r\n </TernSecureContext.Provider>\r\n )\r\n}"],"mappings":";AAmCI;AAjCJ,SAAS,eAAe,kBAAiB;AAQzC,MAAM,uBAAuB,OAAO,qBAAqB;AACzD,MAAM,oBAAoB,cAAyC,IAAI;AAGvE,kBAAkB,cAAc;AAEzB,MAAM,qBAAqB,CAAC,aAAqB;AAEtD,QAAM,UAAU,WAAW,iBAAiB;AAE5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR,GAAG,QAAQ;AAAA,IACb;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,sBAAsB,EAAE,SAAS,GAAkC;AACjF,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO;AAAA,IACjC,aAAa;AAAA,EACf,GACG,UACH;AAEJ;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/boundary/hooks/useAuth.ts"],"sourcesContent":["'use client'\r\n\r\nimport { useContext } from 'react'\r\nimport { useInternalContext } from '../../boundary/TernSecureCtx'\r\nimport { AuthStateContext, type TernSecureState } from '../../app-router/client/TernSecureProvider'\r\n\r\nexport function useAuth(): TernSecureState {\r\n // Verify we're within the provider boundary\r\n useInternalContext('useAuth')\r\n \r\n // Get the auth state from the AuthStateContext\r\n const authState = useContext(AuthStateContext)\r\n if (!authState) {\r\n throw new Error('Auth state not found')\r\n }\r\n\r\n\r\n return {\r\n userId: authState.userId,\r\n loading: authState.loading,\r\n error: authState.error,\r\n isSignedIn: authState.isSignedIn\r\n }\r\n}"],"mappings":";AAEA,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AACnC,SAAS,wBAA8C;AAEhD,SAAS,UAA2B;AAEzC,qBAAmB,SAAS;AAG5B,QAAM,YAAY,WAAW,gBAAgB;AAC7C,MAAI,CAAC,WAAW;AACd,UAAM,IAAI,MAAM,sBAAsB;AAAA,EACxC;AAGE,SAAO;AAAA,IACP,QAAQ,UAAU;AAAA,IAClB,SAAS,UAAU;AAAA,IACnB,OAAO,UAAU;AAAA,IACjB,YAAY,UAAU;AAAA,EACxB;AACF;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/sign-in.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/server/auth'\r\nimport { styles } from '../utils/create-styles'\r\n\r\nexport interface SignInProps {\r\n onSuccess?: () => void\r\n onError?: (error: Error) => void\r\n redirectUrl?: string\r\n className?: string\r\n style?: React.CSSProperties\r\n customStyles?: {\r\n container?: string\r\n header?: string\r\n title?: string\r\n formWrapper?: string\r\n formContainer?: string\r\n form?: string\r\n input?: string\r\n button?: string\r\n errorText?: string\r\n label?: string\r\n }\r\n}\r\n\r\nexport function SignIn({ \r\n onSuccess, \r\n onError, \r\n redirectUrl,\r\n className = '',\r\n style,\r\n customStyles = {}\r\n}: SignInProps) {\r\n const [email, setEmail] = useState('')\r\n const [password, setPassword] = useState('')\r\n const [loading, setLoading] = useState(false)\r\n const [error, setError] = useState('')\r\n\r\n const handleSubmit = async (e: React.FormEvent) => {\r\n e.preventDefault()\r\n setLoading(true)\r\n setError('')\r\n\r\n try {\r\n await signInWithEmail({ email, password })\r\n onSuccess?.()\r\n \r\n if (redirectUrl) {\r\n window.location.href = redirectUrl\r\n }\r\n } catch (err) {\r\n const errorMessage = err instanceof Error ? err.message : 'Failed to sign in'\r\n setError(errorMessage)\r\n onError?.(err instanceof Error ? err : new Error('Failed to sign in'))\r\n } finally {\r\n setLoading(false)\r\n }\r\n }\r\n\r\n return (\r\n <div className={`${styles.container} ${customStyles.container || ''}`} style={style}>\r\n <div className={`${styles.header} ${customStyles.header || ''}`}>\r\n <h2 className={`${styles.title} ${customStyles.title || ''}`}>\r\n Sign in to your account\r\n </h2>\r\n </div>\r\n \r\n <div className={`${styles.formWrapper} ${customStyles.formWrapper || ''}`}>\r\n <div className={`${styles.formContainer} ${customStyles.formContainer || ''}`}>\r\n <form \r\n onSubmit={handleSubmit} \r\n className={`${styles.form} ${customStyles.form || ''} ${className}`}\r\n role=\"form\"\r\n aria-label=\"Sign in form\"\r\n >\r\n {error && (\r\n <div \r\n className={`${styles.error} ${customStyles.errorText || ''}`}\r\n role=\"alert\"\r\n aria-live=\"polite\"\r\n >\r\n {error}\r\n </div>\r\n )}\r\n <div>\r\n <label htmlFor=\"email\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n Email\r\n </label>\r\n <input\r\n id=\"email\"\r\n type=\"email\"\r\n value={email}\r\n onChange={(e) => setEmail(e.target.value)}\r\n placeholder=\"Enter your email\"\r\n required\r\n className={`${styles.input} ${customStyles.input || ''}`}\r\n disabled={loading}\r\n aria-required=\"true\"\r\n aria-invalid={!!error}\r\n />\r\n </div>\r\n <div>\r\n <label htmlFor=\"password\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n Password\r\n </label>\r\n <input\r\n id=\"password\"\r\n type=\"password\"\r\n value={password}\r\n onChange={(e) => setPassword(e.target.value)}\r\n placeholder=\"Enter your password\"\r\n required\r\n className={`${styles.input} ${customStyles.input || ''}`}\r\n disabled={loading}\r\n aria-required=\"true\"\r\n aria-invalid={!!error}\r\n />\r\n </div>\r\n <button \r\n type=\"submit\" \r\n disabled={loading}\r\n className={`${styles.button} ${customStyles.button || ''}`}\r\n data-testid=\"sign-in-submit\"\r\n >\r\n {loading ? 'Signing in...' : 'Sign in'}\r\n </button>\r\n </form>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\n"],"mappings":"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","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/errors.ts"],"sourcesContent":["export const ERRORS = {\r\n SERVER_SIDE_INITIALIZATION: 'TernSecure must be initialized on the client side',\r\n NOT_INITIALIZED: 'TernSecure services are not initialized. Call initializeTernSecure() first',\r\n HOOK_CONTEXT: (hookName: string) => `${hookName} must be used within TernSecureProvider`,\r\n } as const;\r\n \r\n export class TernSecureError extends Error {\r\n constructor(message: string) {\r\n super(message);\r\n this.name = 'TernSecureError';\r\n }\r\n }"],"mappings":"AAAO,MAAM,SAAS;AAAA,EAClB,4BAA4B;AAAA,EAC5B,iBAAiB;AAAA,EACjB,cAAc,CAAC,aAAqB,GAAG,QAAQ;AACjD;AAEO,MAAM,wBAAwB,MAAM;AAAA,EACzC,YAAY,SAAiB;AAC3B,UAAM,OAAO;AACb,SAAK,OAAO;AAAA,EACd;AACF;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/index.ts"],"sourcesContent":["import { TernSecureServerProvider } from './app-router/server/TernSecureServerProvider'\r\nimport type { TernSecureState } from './app-router/client/TernSecureProvider'\r\nexport { TernSecureAuth, TernSecureFirestore } from './utils/client-init'\r\nexport { loadFireConfig, validateConfig } from './utils/config'\r\nexport { signInWithEmail } from './app-router/server/auth'\r\n//export { useInternalContext } from './boundary/TernSecureCtx'\r\n//export { TernSecureClientProvider } from './app-router/client/TernSecureProvider'\r\n//export { TernSecureProvider } from './app-router/server/TernSecureServerProvider'\r\nexport { useAuth } from './boundary/hooks/useAuth' \r\nexport { SignIn } from './components/sign-in'\r\n\r\nexport const TernSecureProvider = TernSecureServerProvider\r\nexport type { TernSecureState }"],"mappings":"AAAA,SAAS,gCAAgC;AAEzC,SAAS,gBAAgB,2BAA2B;AACpD,SAAS,gBAAgB,sBAAsB;AAC/C,SAAS,uBAAuB;AAIhC,SAAS,eAAe;AACxB,SAAS,cAAc;AAEhB,MAAM,qBAAqB;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/utils/client-init.ts"],"sourcesContent":["import { initializeApp } from 'firebase/app';\r\nimport { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';\r\nimport { getFirestore } from 'firebase/firestore';\r\nimport { getStorage } from 'firebase/storage';\r\nimport { initializeConfig} from './config';\r\n\r\n// Initialize immediately\r\nconst config = initializeConfig();\r\nconst clientApp = initializeApp(config)\r\nconst auth = getAuth(clientApp);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(clientApp);\r\nconst storage = getStorage(clientApp);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;"],"mappings":"AAAA,SAAS,qBAAqB;AAC9B,SAAS,SAAS,gBAAgB,iCAAiC;AACnE,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,wBAAuB;AAGhC,MAAM,SAAS,iBAAiB;AAChC,MAAM,YAAY,cAAc,MAAM;AACtC,MAAM,OAAO,QAAQ,SAAS;AAC9B,eAAe,MAAM,yBAAyB;AAC9C,MAAM,YAAY,aAAa,SAAS;AACxC,MAAM,UAAU,WAAW,SAAS;AAE7B,MAAM,iBAAiB,MAAM;AAC7B,MAAM,sBAAsB,MAAM;AAClC,MAAM,oBAAoB,MAAM;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/utils/config.ts"],"sourcesContent":["import { TernSecureConfig, ConfigValidationResult } from '../types'\r\n\r\n/**\r\n * Loads Firebase configuration from environment variables\r\n * @returns {TernSecureConfig} Firebase configuration object\r\n */\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || '',\r\n authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || '',\r\n projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || '',\r\n storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || '',\r\n messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || '',\r\n appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || '',\r\n measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || undefined,\r\n})\r\n\r\n/**\r\n * Validates Firebase configuration\r\n * @param {TernSecureConfig} config - Firebase configuration object\r\n * @throws {Error} If required configuration values are missing\r\n * @returns {TernSecureConfig} Validated configuration object\r\n */\r\nexport const validateConfig = (config: TernSecureConfig): ConfigValidationResult => {\r\n const requiredFields: (keyof TernSecureConfig)[] = [\r\n 'apiKey',\r\n 'authDomain',\r\n 'projectId',\r\n 'storageBucket',\r\n 'messagingSenderId',\r\n 'appId'\r\n ]\r\n\r\n const errors: string[] = []\r\n \r\n requiredFields.forEach(field => {\r\n if (!config[field]) {\r\n errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`)\r\n }\r\n })\r\n\r\n return {\r\n isValid: errors.length === 0,\r\n errors,\r\n config\r\n }\r\n}\r\n\r\n/**\r\n * Initializes configuration with validation\r\n * @throws {Error} If configuration is invalid\r\n */\r\nexport const initializeConfig = (): TernSecureConfig => {\r\n const config = loadFireConfig()\r\n const validationResult = validateConfig(config)\r\n\r\n if (!validationResult.isValid) {\r\n throw new Error(\r\n `Firebase configuration validation failed:\\n${validationResult.errors.join('\\n')}`\r\n )\r\n }\r\n\r\n return config\r\n}"],"mappings":"AAMO,MAAM,iBAAiB,OAAyB;AAAA,EACrD,QAAQ,QAAQ,IAAI,gCAAgC;AAAA,EACpD,YAAY,QAAQ,IAAI,oCAAoC;AAAA,EAC5D,WAAW,QAAQ,IAAI,mCAAmC;AAAA,EAC1D,eAAe,QAAQ,IAAI,uCAAuC;AAAA,EAClE,mBAAmB,QAAQ,IAAI,4CAA4C;AAAA,EAC3E,OAAO,QAAQ,IAAI,+BAA+B;AAAA,EAClD,eAAe,QAAQ,IAAI,uCAAuC;AACpE;AAQO,MAAM,iBAAiB,CAAC,WAAqD;AAClF,QAAM,iBAA6C;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,SAAmB,CAAC;AAE1B,iBAAe,QAAQ,WAAS;AAC9B,QAAI,CAAC,OAAO,KAAK,GAAG;AAClB,aAAO,KAAK,gDAAgD,OAAO,KAAK,EAAE,YAAY,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,SAAS,OAAO,WAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF;AACF;AAMO,MAAM,mBAAmB,MAAwB;AACtD,QAAM,SAAS,eAAe;AAC9B,QAAM,mBAAmB,eAAe,MAAM;AAE9C,MAAI,CAAC,iBAAiB,SAAS;AAC7B,UAAM,IAAI;AAAA,MACR;AAAA,EAA8C,iBAAiB,OAAO,KAAK,IAAI,CAAC;AAAA,IAClF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/utils/create-styles.ts"],"sourcesContent":["'use client'\r\n\r\nconst PREFIX = 'tern'\r\n\r\n// Singleton to track style injection\r\nconst styleInjection = {\r\n isInjected: false,\r\n styleElement: null as HTMLStyleElement | null\r\n}\r\n\r\nexport const defaultClassNames = {\r\n container: `${PREFIX}-container`,\r\n header: `${PREFIX}-header`,\r\n title: `${PREFIX}-title`,\r\n formWrapper: `${PREFIX}-formWrapper`,\r\n formContainer: `${PREFIX}-formContainer`,\r\n form: `${PREFIX}-form`,\r\n label: `${PREFIX}-label`,\r\n input: `${PREFIX}-input`,\r\n button: `${PREFIX}-button`,\r\n error: `${PREFIX}-error`\r\n} as const\r\n\r\n// Create styles once and cache them\r\nfunction createStyleSheet(styles: Record<string, React.CSSProperties>) {\r\n if (typeof window === 'undefined') return defaultClassNames\r\n\r\n // Return early if styles are already injected\r\n if (styleInjection.isInjected) {\r\n return defaultClassNames\r\n }\r\n\r\n // Find existing style element or create new one\r\n let styleElement = document.querySelector<HTMLStyleElement>('[data-tern-secure]')\r\n \r\n if (!styleElement) {\r\n styleElement = document.createElement('style')\r\n styleElement.setAttribute('data-tern-secure', '')\r\n document.head.appendChild(styleElement)\r\n styleInjection.styleElement = styleElement\r\n }\r\n\r\n // Create CSS rules\r\n const cssRules = Object.entries(styles).map(([key, rules]) => {\r\n const className = defaultClassNames[key as keyof typeof defaultClassNames]\r\n const cssProperties = Object.entries(rules).map(([prop, value]) => {\r\n const cssProperty = prop.replace(/([A-Z])/g, '-$1').toLowerCase()\r\n return `${cssProperty}: ${value};`\r\n }).join(' ')\r\n\r\n return `.${className} { ${cssProperties} }`\r\n }).join('\\n')\r\n\r\n // Insert styles only once\r\n styleElement.textContent = cssRules\r\n styleInjection.isInjected = true\r\n\r\n return defaultClassNames\r\n}\r\n\r\n// Style configuration\r\nexport const styleConfig = {\r\n container: {\r\n display: 'flex',\r\n minHeight: '100%',\r\n flex: '1',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n padding: '3rem 1.5rem'\r\n },\r\n header: {\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '28rem'\r\n },\r\n title: {\r\n marginTop: '1.5rem',\r\n textAlign: 'center',\r\n fontSize: '1.875rem',\r\n fontWeight: '700',\r\n lineHeight: '2.25rem',\r\n letterSpacing: '-0.025em',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n formWrapper: {\r\n marginTop: '2.5rem',\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '30rem'\r\n },\r\n formContainer: {\r\n padding: '3rem 1.5rem',\r\n boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)',\r\n borderRadius: '0.5rem',\r\n backgroundColor: 'var(--tern-background, white)'\r\n },\r\n form: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: '1rem'\r\n },\r\n label: {\r\n display: 'block',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'var(--tern-text-secondary, #374151)'\r\n },\r\n input: {\r\n marginTop: '0.25rem',\r\n display: 'block',\r\n width: '100%',\r\n padding: '0.5rem 0.75rem',\r\n borderRadius: '0.375rem',\r\n border: '1px solid var(--tern-border, #D1D5DB)',\r\n backgroundColor: 'var(--tern-input-background, white)',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n button: {\r\n display: 'flex',\r\n width: '100%',\r\n justifyContent: 'center',\r\n padding: '0.5rem 1rem',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'white',\r\n backgroundColor: 'var(--tern-primary, #2563EB)',\r\n border: 'none',\r\n borderRadius: '0.375rem',\r\n cursor: 'pointer'\r\n },\r\n error: {\r\n color: 'var(--tern-error, #DC2626)',\r\n fontSize: '0.875rem'\r\n }\r\n} as const\r\n\r\n// Export pre-created styles\r\nexport const styles = createStyleSheet(styleConfig)\r\n\r\n"],"mappings":"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","names":["styles"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { TernSecureServerProvider } from './app-router/server/TernSecureServerProvider.mjs';
|
|
2
|
+
export { TernSecureState } from './app-router/client/TernSecureProvider.mjs';
|
|
3
|
+
export { TernSecureAuth, TernSecureFirestore } from './utils/client-init.mjs';
|
|
4
|
+
export { loadFireConfig, validateConfig } from './utils/config.mjs';
|
|
5
|
+
export { signInWithEmail } from './app-router/server/auth.mjs';
|
|
6
|
+
export { useAuth } from './boundary/hooks/useAuth.mjs';
|
|
7
|
+
export { SignIn } from './components/sign-in.mjs';
|
|
8
|
+
import 'react/jsx-runtime';
|
|
9
|
+
import 'react';
|
|
10
|
+
import '@firebase/storage';
|
|
11
|
+
import '@firebase/firestore';
|
|
12
|
+
import '@firebase/auth';
|
|
13
|
+
import './types.mjs';
|
|
14
|
+
import 'firebase/app';
|
|
15
|
+
import 'firebase/auth';
|
|
16
|
+
|
|
17
|
+
declare const TernSecureProvider: typeof TernSecureServerProvider;
|
|
18
|
+
|
|
19
|
+
export { TernSecureProvider };
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { FirebaseOptions } from 'firebase/app';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* TernSecure Firebase configuration interface
|
|
5
|
+
* Extends Firebase's base configuration options
|
|
6
|
+
*/
|
|
7
|
+
interface TernSecureConfig extends FirebaseOptions {
|
|
8
|
+
apiKey: string;
|
|
9
|
+
authDomain: string;
|
|
10
|
+
projectId: string;
|
|
11
|
+
storageBucket: string;
|
|
12
|
+
messagingSenderId: string;
|
|
13
|
+
appId: string;
|
|
14
|
+
measurementId?: string;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* TernSecure initialization options
|
|
18
|
+
*/
|
|
19
|
+
interface TernSecureOptions {
|
|
20
|
+
/** Environment setting for different configurations */
|
|
21
|
+
environment?: 'development' | 'production';
|
|
22
|
+
/** Geographic region for data storage */
|
|
23
|
+
region?: string;
|
|
24
|
+
/** Custom error handler */
|
|
25
|
+
onError?: (error: Error) => void;
|
|
26
|
+
/** Debug mode flag */
|
|
27
|
+
debug?: boolean;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Firebase initialization state
|
|
31
|
+
*/
|
|
32
|
+
interface FirebaseState {
|
|
33
|
+
/** Whether Firebase has been initialized */
|
|
34
|
+
initialized: boolean;
|
|
35
|
+
/** Any initialization errors */
|
|
36
|
+
error: Error | null;
|
|
37
|
+
/** Timestamp of last initialization attempt */
|
|
38
|
+
lastInitAttempt?: number;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Configuration validation result
|
|
42
|
+
*/
|
|
43
|
+
interface ConfigValidationResult {
|
|
44
|
+
isValid: boolean;
|
|
45
|
+
errors: string[];
|
|
46
|
+
config: TernSecureConfig;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export type { ConfigValidationResult, FirebaseState, TernSecureConfig, TernSecureOptions };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as _firebase_storage from '@firebase/storage';
|
|
2
|
+
import * as _firebase_firestore from '@firebase/firestore';
|
|
3
|
+
import * as _firebase_auth from '@firebase/auth';
|
|
4
|
+
|
|
5
|
+
declare const TernSecureAuth: () => _firebase_auth.Auth;
|
|
6
|
+
declare const TernSecureFirestore: () => _firebase_firestore.Firestore;
|
|
7
|
+
declare const TernSecureStorage: () => _firebase_storage.FirebaseStorage;
|
|
8
|
+
|
|
9
|
+
export { TernSecureAuth, TernSecureFirestore, TernSecureStorage };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { TernSecureConfig, ConfigValidationResult } from '../types.mjs';
|
|
2
|
+
import 'firebase/app';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Loads Firebase configuration from environment variables
|
|
6
|
+
* @returns {TernSecureConfig} Firebase configuration object
|
|
7
|
+
*/
|
|
8
|
+
declare const loadFireConfig: () => TernSecureConfig;
|
|
9
|
+
/**
|
|
10
|
+
* Validates Firebase configuration
|
|
11
|
+
* @param {TernSecureConfig} config - Firebase configuration object
|
|
12
|
+
* @throws {Error} If required configuration values are missing
|
|
13
|
+
* @returns {TernSecureConfig} Validated configuration object
|
|
14
|
+
*/
|
|
15
|
+
declare const validateConfig: (config: TernSecureConfig) => ConfigValidationResult;
|
|
16
|
+
/**
|
|
17
|
+
* Initializes configuration with validation
|
|
18
|
+
* @throws {Error} If configuration is invalid
|
|
19
|
+
*/
|
|
20
|
+
declare const initializeConfig: () => TernSecureConfig;
|
|
21
|
+
|
|
22
|
+
export { initializeConfig, loadFireConfig, validateConfig };
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
declare const defaultClassNames: {
|
|
2
|
+
readonly container: "tern-container";
|
|
3
|
+
readonly header: "tern-header";
|
|
4
|
+
readonly title: "tern-title";
|
|
5
|
+
readonly formWrapper: "tern-formWrapper";
|
|
6
|
+
readonly formContainer: "tern-formContainer";
|
|
7
|
+
readonly form: "tern-form";
|
|
8
|
+
readonly label: "tern-label";
|
|
9
|
+
readonly input: "tern-input";
|
|
10
|
+
readonly button: "tern-button";
|
|
11
|
+
readonly error: "tern-error";
|
|
12
|
+
};
|
|
13
|
+
declare const styleConfig: {
|
|
14
|
+
readonly container: {
|
|
15
|
+
readonly display: "flex";
|
|
16
|
+
readonly minHeight: "100%";
|
|
17
|
+
readonly flex: "1";
|
|
18
|
+
readonly flexDirection: "column";
|
|
19
|
+
readonly justifyContent: "center";
|
|
20
|
+
readonly padding: "3rem 1.5rem";
|
|
21
|
+
};
|
|
22
|
+
readonly header: {
|
|
23
|
+
readonly margin: "0 auto";
|
|
24
|
+
readonly width: "100%";
|
|
25
|
+
readonly maxWidth: "28rem";
|
|
26
|
+
};
|
|
27
|
+
readonly title: {
|
|
28
|
+
readonly marginTop: "1.5rem";
|
|
29
|
+
readonly textAlign: "center";
|
|
30
|
+
readonly fontSize: "1.875rem";
|
|
31
|
+
readonly fontWeight: "700";
|
|
32
|
+
readonly lineHeight: "2.25rem";
|
|
33
|
+
readonly letterSpacing: "-0.025em";
|
|
34
|
+
readonly color: "var(--tern-text-primary, #111827)";
|
|
35
|
+
};
|
|
36
|
+
readonly formWrapper: {
|
|
37
|
+
readonly marginTop: "2.5rem";
|
|
38
|
+
readonly margin: "0 auto";
|
|
39
|
+
readonly width: "100%";
|
|
40
|
+
readonly maxWidth: "30rem";
|
|
41
|
+
};
|
|
42
|
+
readonly formContainer: {
|
|
43
|
+
readonly padding: "3rem 1.5rem";
|
|
44
|
+
readonly boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)";
|
|
45
|
+
readonly borderRadius: "0.5rem";
|
|
46
|
+
readonly backgroundColor: "var(--tern-background, white)";
|
|
47
|
+
};
|
|
48
|
+
readonly form: {
|
|
49
|
+
readonly display: "flex";
|
|
50
|
+
readonly flexDirection: "column";
|
|
51
|
+
readonly gap: "1rem";
|
|
52
|
+
};
|
|
53
|
+
readonly label: {
|
|
54
|
+
readonly display: "block";
|
|
55
|
+
readonly fontSize: "0.875rem";
|
|
56
|
+
readonly fontWeight: "500";
|
|
57
|
+
readonly color: "var(--tern-text-secondary, #374151)";
|
|
58
|
+
};
|
|
59
|
+
readonly input: {
|
|
60
|
+
readonly marginTop: "0.25rem";
|
|
61
|
+
readonly display: "block";
|
|
62
|
+
readonly width: "100%";
|
|
63
|
+
readonly padding: "0.5rem 0.75rem";
|
|
64
|
+
readonly borderRadius: "0.375rem";
|
|
65
|
+
readonly border: "1px solid var(--tern-border, #D1D5DB)";
|
|
66
|
+
readonly backgroundColor: "var(--tern-input-background, white)";
|
|
67
|
+
readonly color: "var(--tern-text-primary, #111827)";
|
|
68
|
+
};
|
|
69
|
+
readonly button: {
|
|
70
|
+
readonly display: "flex";
|
|
71
|
+
readonly width: "100%";
|
|
72
|
+
readonly justifyContent: "center";
|
|
73
|
+
readonly padding: "0.5rem 1rem";
|
|
74
|
+
readonly fontSize: "0.875rem";
|
|
75
|
+
readonly fontWeight: "500";
|
|
76
|
+
readonly color: "white";
|
|
77
|
+
readonly backgroundColor: "var(--tern-primary, #2563EB)";
|
|
78
|
+
readonly border: "none";
|
|
79
|
+
readonly borderRadius: "0.375rem";
|
|
80
|
+
readonly cursor: "pointer";
|
|
81
|
+
};
|
|
82
|
+
readonly error: {
|
|
83
|
+
readonly color: "var(--tern-error, #DC2626)";
|
|
84
|
+
readonly fontSize: "0.875rem";
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
declare const styles: {
|
|
88
|
+
readonly container: "tern-container";
|
|
89
|
+
readonly header: "tern-header";
|
|
90
|
+
readonly title: "tern-title";
|
|
91
|
+
readonly formWrapper: "tern-formWrapper";
|
|
92
|
+
readonly formContainer: "tern-formContainer";
|
|
93
|
+
readonly form: "tern-form";
|
|
94
|
+
readonly label: "tern-label";
|
|
95
|
+
readonly input: "tern-input";
|
|
96
|
+
readonly button: "tern-button";
|
|
97
|
+
readonly error: "tern-error";
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
export { defaultClassNames, styleConfig, styles };
|
package/package.json
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tern-secure/nextjs",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.80",
|
|
4
4
|
"packageManager": "npm@10.9.0",
|
|
5
|
-
"type": "module",
|
|
6
5
|
"publishConfig": {
|
|
7
6
|
"access": "public",
|
|
8
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -15,8 +14,6 @@
|
|
|
15
14
|
"url": "https://github.com/TernSecure/nextjs/issues"
|
|
16
15
|
},
|
|
17
16
|
"homepage": "https://github.com/tern-secure/nextjs#readme",
|
|
18
|
-
"main": "./dist/index.cjs.js",
|
|
19
|
-
"module": "./dist/index.js",
|
|
20
17
|
"scripts": {
|
|
21
18
|
"build": "npm run clean && tsup",
|
|
22
19
|
"build:js": "node build.config.cjs",
|
|
@@ -58,12 +55,12 @@
|
|
|
58
55
|
},
|
|
59
56
|
"exports": {
|
|
60
57
|
".": {
|
|
61
|
-
"types": "./dist/
|
|
58
|
+
"types": "./dist/index.d.ts",
|
|
62
59
|
"import": "./dist/esm/index.js",
|
|
63
60
|
"require": "./dist/cjs/index.js"
|
|
64
61
|
},
|
|
65
62
|
"./server": {
|
|
66
|
-
"types": "./dist/esm/server/index.
|
|
63
|
+
"types": "./dist/esm/server/index.d.ts",
|
|
67
64
|
"import": "./dist/esm/server/index.js",
|
|
68
65
|
"require": "./dist/cjs/server/index.js"
|
|
69
66
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/app-router/client/TernSecureProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { useState, useEffect } from 'react'\r\nimport { TernSecureAuth } from '../../utils/client-init'\r\nimport { onAuthStateChanged } from \"firebase/auth\"\r\nimport { useInternalContext, TernSecureCtxProvider } from '../../boundary/TernSecureCtx'\r\n\r\nexport type TernSecureState = {\r\n userId: string | null\r\n loading: boolean\r\n error: string | null\r\n isSignedIn: boolean\r\n}\r\n\r\nexport const AuthStateContext = React.createContext<TernSecureState | null>(null)\r\n\r\ninterface TernSecureClientProps {\r\n children: React.ReactNode\r\n initialState: TernSecureState\r\n}\r\n\r\nconst auth = TernSecureAuth();\r\n\r\nexport function TernSecureClientProvider({ \r\n children,\r\n initialState\r\n }: TernSecureClientProps) {\r\n const [authState, setAuthState] = useState<TernSecureState>(initialState)\r\nuseEffect(() => {\r\n const unsubscribe = onAuthStateChanged(auth, (user) => {\r\n if (user) {\r\n setAuthState({\r\n loading: false,\r\n isSignedIn: true,\r\n userId: user.uid,\r\n error: null\r\n })\r\n } else {\r\n setAuthState({\r\n loading: false,\r\n isSignedIn: false,\r\n userId: null,\r\n error: null\r\n })\r\n }\r\n })\r\n \r\n return () => unsubscribe()\r\n }, [])\r\n\r\n\r\n return (\r\n <TernSecureCtxProvider>\r\n <AuthStateContext.Provider value={authState}>\r\n {children}\r\n </AuthStateContext.Provider>\r\n </TernSecureCtxProvider>\r\n )\r\n}"],"mappings":";AAqDM;AAnDN,OAAO,SAAS,UAAU,iBAAiB;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAA6B,6BAA6B;AASnD,MAAM,mBAAmB,MAAM,cAAsC,IAAI;AAOhF,MAAM,OAAO,eAAe;AAErB,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AACD,GAA0B;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAA0B,YAAY;AAC1E,YAAU,MAAM;AACZ,UAAM,cAAc,mBAAmB,MAAM,CAAC,SAAS;AACrD,UAAI,MAAM;AACR,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO;AAAA,QACT,CAAC;AAAA,MACH,OAAO;AACL,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,WAAO,MAAM,YAAY;AAAA,EAC3B,GAAG,CAAC,CAAC;AAGL,SACE,oBAAC,yBACC,8BAAC,iBAAiB,UAAjB,EAA0B,OAAO,WACjC,UACD,GACF;AAEJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/app-router/server/TernSecureServerProvider.tsx"],"sourcesContent":["import React from \"react\"\r\nimport { TernSecureClientProvider, TernSecureState } from \"../client/TernSecureProvider\"\r\n\r\n\r\n\r\n// Loading fallback component\r\nfunction TernSecureLoadingFallback() {\r\n return (\r\n <div \r\n aria-label=\"Loading authentication\" \r\n role=\"status\"\r\n className=\"tern-secure-loading\"\r\n >\r\n <span className=\"sr-only\">Loading authentication...</span>\r\n </div>\r\n )\r\n}\r\n\r\ninterface TernSecureServerProviderProps {\r\n children: React.ReactNode\r\n}\r\n\r\n/**\r\n * Root Provider for TernSecure\r\n * Use this in your Next.js App Router root layout\r\n * Automatically handles client/server boundary and authentication state\r\n * \r\n * @example\r\n * // app/layout.tsx\r\n * import { TernSecureProvider } from '@tern/secure'\r\n * \r\n * export default function RootLayout({ children }) {\r\n * return (\r\n * <html>\r\n * <body>\r\n * <TernSecureProvider>\r\n * {children}\r\n * </TernSecureProvider>\r\n * </body>\r\n * </html>\r\n * )\r\n * }\r\n */\r\nexport async function TernSecureServerProvider({ \r\n children \r\n}: TernSecureServerProviderProps) {\r\n const initialState: TernSecureState = {\r\n loading: true,\r\n isSignedIn: false,\r\n userId: null,\r\n error: null\r\n }\r\n\r\n return (\r\n <React.Suspense fallback={<TernSecureLoadingFallback />}>\r\n {/* Add use client directive */}\r\n <TernSecureClientProvider initialState={initialState}>\r\n {children}\r\n </TernSecureClientProvider>\r\n </React.Suspense>\r\n )\r\n}\r\n\r\n// Export types for internal use\r\nexport type { TernSecureServerProviderProps }"],"mappings":"AAaM;AAbN,OAAO,WAAW;AAClB,SAAS,gCAAiD;AAK1D,SAAS,4BAA4B;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,8BAAC,UAAK,WAAU,WAAU,uCAAyB;AAAA;AAAA,EACrD;AAEJ;AA2BA,eAAsB,yBAAyB;AAAA,EAC7C;AACF,GAAkC;AAChC,QAAM,eAAgC;AAAA,IACpC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,SACE,oBAAC,MAAM,UAAN,EAAe,UAAU,oBAAC,6BAA0B,GAEnD,8BAAC,4BAAyB,cACvB,UACH,GACF;AAEJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/app-router/server/auth.ts"],"sourcesContent":["import { TernSecureAuth } from '../../utils/client-init'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n email: string\r\n password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n email, \r\n password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n const auth = TernSecureAuth()\r\n return signInWithEmailAndPassword(auth, email, password)\r\n} "],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,kCAAuD;AAOhE,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,OAAO,eAAe;AAC5B,SAAO,2BAA2B,MAAM,OAAO,QAAQ;AACzD;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/boundary/TernSecureCtx.tsx"],"sourcesContent":["'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\n// Core types\r\nexport type TernSecureCtxValue = {\r\n _contextKey: Symbol\r\n}\r\n\r\n// Context with proper null handling\r\nconst INTERNAL_CONTEXT_KEY = Symbol('TERN_SECURE_CONTEXT')\r\nconst TernSecureContext = createContext<TernSecureCtxValue | null>(null)\r\n\r\n// Set display name for better debugging\r\nTernSecureContext.displayName = 'TernSecureContext'\r\n\r\nexport const useInternalContext = (hookname: string) => {\r\n\r\n const context = useContext(TernSecureContext)\r\n \r\n if (!context) {\r\n throw new Error(\r\n `${hookname} must be used within TernSecureProvider`\r\n )\r\n }\r\n\r\n return context\r\n}\r\n\r\n/**\r\n * Provider component for TernSecure\r\n * Must be used in client components only\r\n */\r\nexport function TernSecureCtxProvider({ children }: { children: React.ReactNode }) {\r\n return (\r\n <TernSecureContext.Provider value={{\r\n _contextKey: INTERNAL_CONTEXT_KEY \r\n }}>\r\n {children}\r\n </TernSecureContext.Provider>\r\n )\r\n}"],"mappings":";AAmCI;AAjCJ,SAAS,eAAe,kBAAiB;AAQzC,MAAM,uBAAuB,OAAO,qBAAqB;AACzD,MAAM,oBAAoB,cAAyC,IAAI;AAGvE,kBAAkB,cAAc;AAEzB,MAAM,qBAAqB,CAAC,aAAqB;AAEtD,QAAM,UAAU,WAAW,iBAAiB;AAE5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR,GAAG,QAAQ;AAAA,IACb;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,sBAAsB,EAAE,SAAS,GAAkC;AACjF,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO;AAAA,IACjC,aAAa;AAAA,EACf,GACG,UACH;AAEJ;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/boundary/hooks/useAuth.ts"],"sourcesContent":["'use client'\r\n\r\nimport { useContext } from 'react'\r\nimport { useInternalContext } from '../../boundary/TernSecureCtx'\r\nimport { AuthStateContext, type TernSecureState } from '../../app-router/client/TernSecureProvider'\r\n\r\nexport function useAuth(): TernSecureState {\r\n // Verify we're within the provider boundary\r\n useInternalContext('useAuth')\r\n \r\n // Get the auth state from the AuthStateContext\r\n const authState = useContext(AuthStateContext)\r\n if (!authState) {\r\n throw new Error('Auth state not found')\r\n }\r\n\r\n\r\n return {\r\n userId: authState.userId,\r\n loading: authState.loading,\r\n error: authState.error,\r\n isSignedIn: authState.isSignedIn\r\n }\r\n}"],"mappings":";AAEA,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AACnC,SAAS,wBAA8C;AAEhD,SAAS,UAA2B;AAEzC,qBAAmB,SAAS;AAG5B,QAAM,YAAY,WAAW,gBAAgB;AAC7C,MAAI,CAAC,WAAW;AACd,UAAM,IAAI,MAAM,sBAAsB;AAAA,EACxC;AAGE,SAAO;AAAA,IACP,QAAQ,UAAU;AAAA,IAClB,SAAS,UAAU;AAAA,IACnB,OAAO,UAAU;AAAA,IACjB,YAAY,UAAU;AAAA,EACxB;AACF;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/sign-in.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/server/auth'\r\nimport { styles } from '../utils/create-styles'\r\n\r\nexport interface SignInProps {\r\n onSuccess?: () => void\r\n onError?: (error: Error) => void\r\n redirectUrl?: string\r\n className?: string\r\n style?: React.CSSProperties\r\n customStyles?: {\r\n container?: string\r\n header?: string\r\n title?: string\r\n formWrapper?: string\r\n formContainer?: string\r\n form?: string\r\n input?: string\r\n button?: string\r\n errorText?: string\r\n label?: string\r\n }\r\n}\r\n\r\nexport function SignIn({ \r\n onSuccess, \r\n onError, \r\n redirectUrl,\r\n className = '',\r\n style,\r\n customStyles = {}\r\n}: SignInProps) {\r\n const [email, setEmail] = useState('')\r\n const [password, setPassword] = useState('')\r\n const [loading, setLoading] = useState(false)\r\n const [error, setError] = useState('')\r\n\r\n const handleSubmit = async (e: React.FormEvent) => {\r\n e.preventDefault()\r\n setLoading(true)\r\n setError('')\r\n\r\n try {\r\n await signInWithEmail({ email, password })\r\n onSuccess?.()\r\n \r\n if (redirectUrl) {\r\n window.location.href = redirectUrl\r\n }\r\n } catch (err) {\r\n const errorMessage = err instanceof Error ? err.message : 'Failed to sign in'\r\n setError(errorMessage)\r\n onError?.(err instanceof Error ? err : new Error('Failed to sign in'))\r\n } finally {\r\n setLoading(false)\r\n }\r\n }\r\n\r\n return (\r\n <div className={`${styles.container} ${customStyles.container || ''}`} style={style}>\r\n <div className={`${styles.header} ${customStyles.header || ''}`}>\r\n <h2 className={`${styles.title} ${customStyles.title || ''}`}>\r\n Sign in to your account\r\n </h2>\r\n </div>\r\n \r\n <div className={`${styles.formWrapper} ${customStyles.formWrapper || ''}`}>\r\n <div className={`${styles.formContainer} ${customStyles.formContainer || ''}`}>\r\n <form \r\n onSubmit={handleSubmit} \r\n className={`${styles.form} ${customStyles.form || ''} ${className}`}\r\n role=\"form\"\r\n aria-label=\"Sign in form\"\r\n >\r\n {error && (\r\n <div \r\n className={`${styles.error} ${customStyles.errorText || ''}`}\r\n role=\"alert\"\r\n aria-live=\"polite\"\r\n >\r\n {error}\r\n </div>\r\n )}\r\n <div>\r\n <label htmlFor=\"email\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n Email\r\n </label>\r\n <input\r\n id=\"email\"\r\n type=\"email\"\r\n value={email}\r\n onChange={(e) => setEmail(e.target.value)}\r\n placeholder=\"Enter your email\"\r\n required\r\n className={`${styles.input} ${customStyles.input || ''}`}\r\n disabled={loading}\r\n aria-required=\"true\"\r\n aria-invalid={!!error}\r\n />\r\n </div>\r\n <div>\r\n <label htmlFor=\"password\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n Password\r\n </label>\r\n <input\r\n id=\"password\"\r\n type=\"password\"\r\n value={password}\r\n onChange={(e) => setPassword(e.target.value)}\r\n placeholder=\"Enter your password\"\r\n required\r\n className={`${styles.input} ${customStyles.input || ''}`}\r\n disabled={loading}\r\n aria-required=\"true\"\r\n aria-invalid={!!error}\r\n />\r\n </div>\r\n <button \r\n type=\"submit\" \r\n disabled={loading}\r\n className={`${styles.button} ${customStyles.button || ''}`}\r\n data-testid=\"sign-in-submit\"\r\n >\r\n {loading ? 'Signing in...' : 'Sign in'}\r\n </button>\r\n </form>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\n"],"mappings":"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","names":[]}
|
package/dist/esm/errors.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/errors.ts"],"sourcesContent":["export const ERRORS = {\r\n SERVER_SIDE_INITIALIZATION: 'TernSecure must be initialized on the client side',\r\n NOT_INITIALIZED: 'TernSecure services are not initialized. Call initializeTernSecure() first',\r\n HOOK_CONTEXT: (hookName: string) => `${hookName} must be used within TernSecureProvider`,\r\n } as const;\r\n \r\n export class TernSecureError extends Error {\r\n constructor(message: string) {\r\n super(message);\r\n this.name = 'TernSecureError';\r\n }\r\n }"],"mappings":"AAAO,MAAM,SAAS;AAAA,EAClB,4BAA4B;AAAA,EAC5B,iBAAiB;AAAA,EACjB,cAAc,CAAC,aAAqB,GAAG,QAAQ;AACjD;AAEO,MAAM,wBAAwB,MAAM;AAAA,EACzC,YAAY,SAAiB;AAC3B,UAAM,OAAO;AACb,SAAK,OAAO;AAAA,EACd;AACF;","names":[]}
|
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import { TernSecureServerProvider } from './app-router/server/TernSecureServerProvider'\r\nimport type { TernSecureState } from './app-router/client/TernSecureProvider'\r\nexport { TernSecureAuth, TernSecureFirestore } from './utils/client-init'\r\nexport { loadFireConfig, validateConfig } from './utils/config'\r\nexport { signInWithEmail } from './app-router/server/auth'\r\n//export { useInternalContext } from './boundary/TernSecureCtx'\r\n//export { TernSecureClientProvider } from './app-router/client/TernSecureProvider'\r\n//export { TernSecureProvider } from './app-router/server/TernSecureServerProvider'\r\nexport { useAuth } from './boundary/hooks/useAuth' \r\nexport { SignIn } from './components/sign-in'\r\n\r\nexport const TernSecureProvider = TernSecureServerProvider\r\nexport type { TernSecureState }"],"mappings":"AAAA,SAAS,gCAAgC;AAEzC,SAAS,gBAAgB,2BAA2B;AACpD,SAAS,gBAAgB,sBAAsB;AAC/C,SAAS,uBAAuB;AAIhC,SAAS,eAAe;AACxB,SAAS,cAAc;AAEhB,MAAM,qBAAqB;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/client-init.ts"],"sourcesContent":["import { initializeApp } from 'firebase/app';\r\nimport { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';\r\nimport { getFirestore } from 'firebase/firestore';\r\nimport { getStorage } from 'firebase/storage';\r\nimport { initializeConfig} from './config';\r\n\r\n// Initialize immediately\r\nconst config = initializeConfig();\r\nconst clientApp = initializeApp(config)\r\nconst auth = getAuth(clientApp);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(clientApp);\r\nconst storage = getStorage(clientApp);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;"],"mappings":"AAAA,SAAS,qBAAqB;AAC9B,SAAS,SAAS,gBAAgB,iCAAiC;AACnE,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,wBAAuB;AAGhC,MAAM,SAAS,iBAAiB;AAChC,MAAM,YAAY,cAAc,MAAM;AACtC,MAAM,OAAO,QAAQ,SAAS;AAC9B,eAAe,MAAM,yBAAyB;AAC9C,MAAM,YAAY,aAAa,SAAS;AACxC,MAAM,UAAU,WAAW,SAAS;AAE7B,MAAM,iBAAiB,MAAM;AAC7B,MAAM,sBAAsB,MAAM;AAClC,MAAM,oBAAoB,MAAM;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/config.ts"],"sourcesContent":["import { TernSecureConfig, ConfigValidationResult } from '../types'\r\n\r\n/**\r\n * Loads Firebase configuration from environment variables\r\n * @returns {TernSecureConfig} Firebase configuration object\r\n */\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || '',\r\n authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || '',\r\n projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || '',\r\n storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || '',\r\n messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || '',\r\n appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || '',\r\n measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || undefined,\r\n})\r\n\r\n/**\r\n * Validates Firebase configuration\r\n * @param {TernSecureConfig} config - Firebase configuration object\r\n * @throws {Error} If required configuration values are missing\r\n * @returns {TernSecureConfig} Validated configuration object\r\n */\r\nexport const validateConfig = (config: TernSecureConfig): ConfigValidationResult => {\r\n const requiredFields: (keyof TernSecureConfig)[] = [\r\n 'apiKey',\r\n 'authDomain',\r\n 'projectId',\r\n 'storageBucket',\r\n 'messagingSenderId',\r\n 'appId'\r\n ]\r\n\r\n const errors: string[] = []\r\n \r\n requiredFields.forEach(field => {\r\n if (!config[field]) {\r\n errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`)\r\n }\r\n })\r\n\r\n return {\r\n isValid: errors.length === 0,\r\n errors,\r\n config\r\n }\r\n}\r\n\r\n/**\r\n * Initializes configuration with validation\r\n * @throws {Error} If configuration is invalid\r\n */\r\nexport const initializeConfig = (): TernSecureConfig => {\r\n const config = loadFireConfig()\r\n const validationResult = validateConfig(config)\r\n\r\n if (!validationResult.isValid) {\r\n throw new Error(\r\n `Firebase configuration validation failed:\\n${validationResult.errors.join('\\n')}`\r\n )\r\n }\r\n\r\n return config\r\n}"],"mappings":"AAMO,MAAM,iBAAiB,OAAyB;AAAA,EACrD,QAAQ,QAAQ,IAAI,gCAAgC;AAAA,EACpD,YAAY,QAAQ,IAAI,oCAAoC;AAAA,EAC5D,WAAW,QAAQ,IAAI,mCAAmC;AAAA,EAC1D,eAAe,QAAQ,IAAI,uCAAuC;AAAA,EAClE,mBAAmB,QAAQ,IAAI,4CAA4C;AAAA,EAC3E,OAAO,QAAQ,IAAI,+BAA+B;AAAA,EAClD,eAAe,QAAQ,IAAI,uCAAuC;AACpE;AAQO,MAAM,iBAAiB,CAAC,WAAqD;AAClF,QAAM,iBAA6C;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,SAAmB,CAAC;AAE1B,iBAAe,QAAQ,WAAS;AAC9B,QAAI,CAAC,OAAO,KAAK,GAAG;AAClB,aAAO,KAAK,gDAAgD,OAAO,KAAK,EAAE,YAAY,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,SAAS,OAAO,WAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF;AACF;AAMO,MAAM,mBAAmB,MAAwB;AACtD,QAAM,SAAS,eAAe;AAC9B,QAAM,mBAAmB,eAAe,MAAM;AAE9C,MAAI,CAAC,iBAAiB,SAAS;AAC7B,UAAM,IAAI;AAAA,MACR;AAAA,EAA8C,iBAAiB,OAAO,KAAK,IAAI,CAAC;AAAA,IAClF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/create-styles.ts"],"sourcesContent":["'use client'\r\n\r\nconst PREFIX = 'tern'\r\n\r\n// Singleton to track style injection\r\nconst styleInjection = {\r\n isInjected: false,\r\n styleElement: null as HTMLStyleElement | null\r\n}\r\n\r\nexport const defaultClassNames = {\r\n container: `${PREFIX}-container`,\r\n header: `${PREFIX}-header`,\r\n title: `${PREFIX}-title`,\r\n formWrapper: `${PREFIX}-formWrapper`,\r\n formContainer: `${PREFIX}-formContainer`,\r\n form: `${PREFIX}-form`,\r\n label: `${PREFIX}-label`,\r\n input: `${PREFIX}-input`,\r\n button: `${PREFIX}-button`,\r\n error: `${PREFIX}-error`\r\n} as const\r\n\r\n// Create styles once and cache them\r\nfunction createStyleSheet(styles: Record<string, React.CSSProperties>) {\r\n if (typeof window === 'undefined') return defaultClassNames\r\n\r\n // Return early if styles are already injected\r\n if (styleInjection.isInjected) {\r\n return defaultClassNames\r\n }\r\n\r\n // Find existing style element or create new one\r\n let styleElement = document.querySelector<HTMLStyleElement>('[data-tern-secure]')\r\n \r\n if (!styleElement) {\r\n styleElement = document.createElement('style')\r\n styleElement.setAttribute('data-tern-secure', '')\r\n document.head.appendChild(styleElement)\r\n styleInjection.styleElement = styleElement\r\n }\r\n\r\n // Create CSS rules\r\n const cssRules = Object.entries(styles).map(([key, rules]) => {\r\n const className = defaultClassNames[key as keyof typeof defaultClassNames]\r\n const cssProperties = Object.entries(rules).map(([prop, value]) => {\r\n const cssProperty = prop.replace(/([A-Z])/g, '-$1').toLowerCase()\r\n return `${cssProperty}: ${value};`\r\n }).join(' ')\r\n\r\n return `.${className} { ${cssProperties} }`\r\n }).join('\\n')\r\n\r\n // Insert styles only once\r\n styleElement.textContent = cssRules\r\n styleInjection.isInjected = true\r\n\r\n return defaultClassNames\r\n}\r\n\r\n// Style configuration\r\nexport const styleConfig = {\r\n container: {\r\n display: 'flex',\r\n minHeight: '100%',\r\n flex: '1',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n padding: '3rem 1.5rem'\r\n },\r\n header: {\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '28rem'\r\n },\r\n title: {\r\n marginTop: '1.5rem',\r\n textAlign: 'center',\r\n fontSize: '1.875rem',\r\n fontWeight: '700',\r\n lineHeight: '2.25rem',\r\n letterSpacing: '-0.025em',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n formWrapper: {\r\n marginTop: '2.5rem',\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '30rem'\r\n },\r\n formContainer: {\r\n padding: '3rem 1.5rem',\r\n boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)',\r\n borderRadius: '0.5rem',\r\n backgroundColor: 'var(--tern-background, white)'\r\n },\r\n form: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: '1rem'\r\n },\r\n label: {\r\n display: 'block',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'var(--tern-text-secondary, #374151)'\r\n },\r\n input: {\r\n marginTop: '0.25rem',\r\n display: 'block',\r\n width: '100%',\r\n padding: '0.5rem 0.75rem',\r\n borderRadius: '0.375rem',\r\n border: '1px solid var(--tern-border, #D1D5DB)',\r\n backgroundColor: 'var(--tern-input-background, white)',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n button: {\r\n display: 'flex',\r\n width: '100%',\r\n justifyContent: 'center',\r\n padding: '0.5rem 1rem',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'white',\r\n backgroundColor: 'var(--tern-primary, #2563EB)',\r\n border: 'none',\r\n borderRadius: '0.375rem',\r\n cursor: 'pointer'\r\n },\r\n error: {\r\n color: 'var(--tern-error, #DC2626)',\r\n fontSize: '0.875rem'\r\n }\r\n} as const\r\n\r\n// Export pre-created styles\r\nexport const styles = createStyleSheet(styleConfig)\r\n\r\n"],"mappings":"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","names":["styles"]}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|