@tern-secure/nextjs 3.0.8 → 3.1.0
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/app-router/client/auth.d.ts +1 -0
- package/dist/app-router/client/auth.d.ts.map +1 -0
- package/dist/app-router/client/client-init.d.ts +1 -0
- package/dist/app-router/client/client-init.d.ts.map +1 -0
- package/dist/app-router/client/config.d.ts +1 -0
- package/dist/app-router/client/config.d.ts.map +1 -0
- package/dist/app-router/client/index.d.ts +1 -0
- package/dist/app-router/client/index.d.ts.map +1 -0
- package/dist/app-router/client/providers/ternSecureClientProvider.d.ts +3 -4
- package/dist/app-router/client/providers/ternSecureClientProvider.d.ts.map +1 -0
- package/dist/app-router/client/providers/ternSecureContext.d.ts +3 -2
- package/dist/app-router/client/providers/ternSecureContext.d.ts.map +1 -0
- package/dist/app-router/server/index.d.ts +1 -0
- package/dist/app-router/server/index.d.ts.map +1 -0
- package/dist/app-router/server/providers/TernSecureServerProvider.d.ts +1 -0
- package/dist/app-router/server/providers/TernSecureServerProvider.d.ts.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/sign-in.d.ts +1 -0
- package/dist/components/sign-in.d.ts.map +1 -0
- package/dist/errors/index.d.ts +1 -0
- package/dist/errors/index.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useAuth.d.ts +1 -0
- package/dist/hooks/useAuth.d.ts.map +1 -0
- package/dist/index.cjs.js +491 -2
- package/dist/index.cjs.js.map +7 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +449 -1
- package/dist/index.js.map +7 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/utils/create-styles.d.ts +1 -0
- package/dist/utils/create-styles.d.ts.map +1 -0
- package/package.json +1 -1
- package/dist/app-router/client/index.js +0 -1
- package/dist/app-router/server/index.js +0 -1
- package/dist/chunk-2ENCFXUN.js +0 -1
- package/dist/chunk-2NA7K5TN.js +0 -2
- package/dist/chunk-64G22XTD.js +0 -1
- package/dist/chunk-ASFHFC2I.js +0 -1
- package/dist/chunk-DLMCL4UP.js +0 -1
- package/dist/chunk-LHW3RBUN.js +0 -1
- package/dist/components/index.js +0 -1
- package/dist/hooks/index.js +0 -1
- package/dist/ternSecureClientProvider-IGH5T42M.js +0 -1
- package/dist/types/index.js +0 -0
- package/dist/utils/create-styles.js +0 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/app-router/client/providers/ternSecureContext.tsx", "../src/app-router/client/providers/ternSecureClientProvider.tsx", "../src/index.ts", "../src/app-router/client/client-init.ts", "../src/app-router/client/auth.ts", "../src/app-router/client/config.ts", "../src/app-router/client/index.ts", "../src/app-router/server/providers/TernSecureServerProvider.tsx", "../src/hooks/useAuth.ts", "../src/components/sign-in.tsx", "../src/utils/create-styles.ts"],
|
|
4
|
+
"sourcesContent": ["'use client'\r\n\r\nimport React from 'react'\r\nimport { TernSecureState } from '../../../types'\r\n\r\nconst initialState: TernSecureState = {\r\n firebase: {\r\n initialized: false,\r\n error: null\r\n },\r\n auth: {\r\n user: null,\r\n loading: true,\r\n error: null,\r\n isSignedIn: false\r\n }\r\n}\r\n\r\nconst TernSecureContext = React.createContext<[TernSecureState, React.Dispatch<React.SetStateAction<TernSecureState>>]>([initialState, () => {}])\r\n\r\nconst useTernSecure = (hookname?: string) => {\r\n const context = React.useContext(TernSecureContext)\r\n if (!context) {\r\n throw new Error(\r\n `${hookname} must be used within TernSecureProvider`)\r\n }\r\n return context\r\n}\r\n\r\nexport {\r\n TernSecureContext,\r\n useTernSecure,\r\n initialState\r\n}", "'use client'\r\n\r\nimport React, { useState } from 'react'\r\nimport { TernSecureContext, initialState } from './ternSecureContext'\r\n\r\nexport function TernSecureClientProvider({ children }: { children: React.ReactNode }) {\r\n const stateAndUpdater = useState(initialState)\r\n\r\n return (\r\n <TernSecureContext.Provider value={stateAndUpdater}>\r\n {children}\r\n </TernSecureContext.Provider>\r\n )\r\n}", "export { TernSecureAuth, TernSecureFirestore, TernSecureStorage, signInWithEmail, loadFireConfig, validateConfig, TernSecureContext, useTernSecure, TernSecureClientProvider } from './app-router/client'\r\nexport { TernSecureProvider } from './app-router/server'\r\nexport { useAuth } from './hooks' \r\nexport { SignIn } from './components'", "import { getApps, 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 { loadFireConfig, validateConfig } from './index';\r\n\r\n// Initialize immediately\r\nconst app = (() => {\r\n const config = validateConfig(loadFireConfig());\r\n return getApps().length ? getApps()[0] : initializeApp(config);\r\n})();\r\n\r\nconst auth = getAuth(app);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(app);\r\nconst storage = getStorage(app);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "import { TernSecureAuth } from './index'\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} ", "import { TernSecureConfig } from \"../../types\";\r\n\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY as string,\r\n authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN as string,\r\n projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID as string,\r\n storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET as string,\r\n messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID as string,\r\n appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID as string,\r\n measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID as string,\r\n});\r\n\r\nexport const validateConfig = (config: TernSecureConfig) => {\r\n Object.entries(config).forEach(([key, value]) => {\r\n if (!value) {\r\n throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);\r\n }\r\n });\r\n return config;\r\n};", "\r\nexport { \r\n TernSecureAuth,\r\n TernSecureFirestore,\r\n TernSecureStorage \r\n } from './client-init';\r\n\r\n export type { SignInCredentials } from './auth'\r\n\r\n export { signInWithEmail} from './auth'\r\n export { loadFireConfig, validateConfig } from './config';\r\n export { TernSecureContext, useTernSecure } from './providers/ternSecureContext';\r\n export { TernSecureClientProvider } from './providers/ternSecureClientProvider'", "import React, { ReactNode } from 'react';\r\nimport dynamic from 'next/dynamic'\r\n\r\ninterface TernSecureProviderProps {\r\n children: ReactNode;\r\n}\r\n\r\n// Dynamically import the client provider with no SSR\r\nconst TernSecureClientProvider = dynamic(\r\n () => import('../../client/providers/ternSecureClientProvider').then(mod => mod.TernSecureClientProvider),\r\n { \r\n //ssr: false,\r\n loading: () => null // Return null or a loading indicator\r\n }\r\n)\r\n\r\nexport function TernSecureProvider({ children }: TernSecureProviderProps) {\r\n // Check if the children contain html/body tags\r\n const isRootLayout = React.Children.toArray(children).some(\r\n child => React.isValidElement(child) && child.type === 'html'\r\n );\r\n\r\n if (isRootLayout) {\r\n // If this is the root layout, inject our provider after the body tag\r\n return React.Children.map(children, child => {\r\n if (React.isValidElement(child) && child.type === 'html') {\r\n return React.cloneElement(child, {}, \r\n React.Children.map(child.props.children, bodyChild => {\r\n if (React.isValidElement(bodyChild) && bodyChild.type === 'body') {\r\n // Type assertion to access props safely\r\n const bodyProps = bodyChild.props as { children: ReactNode };\r\n return React.cloneElement(bodyChild, {}, \r\n <TernSecureClientProvider>\r\n {bodyProps.children}\r\n </TernSecureClientProvider>\r\n );\r\n }\r\n return bodyChild;\r\n })\r\n );\r\n }\r\n return child;\r\n });\r\n }\r\n\r\n // For non-root layouts, wrap normally\r\n return <TernSecureClientProvider>{children}</TernSecureClientProvider>;\r\n}", "'use client'\r\n\r\nimport { useEffect } from 'react'\r\nimport { TernSecureAuth } from '../app-router/client'\r\nimport { useTernSecure } from '../app-router/client/'\r\n\r\nexport function useAuth() {\r\n const [state, setState] = useTernSecure('useAuth')\r\n\r\n useEffect(() => {\r\n try {\r\n const auth = TernSecureAuth() // This initializes Firebase\r\n setState(prev => ({\r\n ...prev,\r\n firebase: {\r\n initialized: true,\r\n error: null\r\n }\r\n }))\r\n\r\n const unsubscribe = auth.onAuthStateChanged(\r\n (user) => {\r\n setState(prev => ({\r\n ...prev,\r\n auth: {\r\n user,\r\n loading: false,\r\n error: null,\r\n isSignedIn: !!user\r\n }\r\n }))\r\n },\r\n (error) => {\r\n setState(prev => ({\r\n ...prev,\r\n auth: {\r\n user: null,\r\n loading: false,\r\n error,\r\n isSignedIn: false\r\n }\r\n }))\r\n }\r\n )\r\n\r\n return () => unsubscribe()\r\n } catch (error) {\r\n setState(prev => ({\r\n ...prev,\r\n firebase: {\r\n initialized: false,\r\n error: error as Error\r\n },\r\n auth: {\r\n user: null,\r\n loading: false,\r\n error: error as Error,\r\n isSignedIn: false\r\n }\r\n }))\r\n }\r\n }, []) // Only run once on mount\r\n\r\n return state.auth\r\n}", "import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/client'\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", "'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"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["React", "import_react", "import_auth", "auth", "import_react", "import_jsx_runtime", "TernSecureClientProvider", "dynamic", "React", "import_react", "auth", "import_react", "styles", "import_jsx_runtime"]
|
|
7
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AACzM,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1 +1,449 @@
|
|
|
1
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __esm = (fn, res) => function __init() {
|
|
4
|
+
return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
|
|
5
|
+
};
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
// src/app-router/client/providers/ternSecureContext.tsx
|
|
12
|
+
import React from "react";
|
|
13
|
+
var initialState, TernSecureContext, useTernSecure;
|
|
14
|
+
var init_ternSecureContext = __esm({
|
|
15
|
+
"src/app-router/client/providers/ternSecureContext.tsx"() {
|
|
16
|
+
"use strict";
|
|
17
|
+
"use client";
|
|
18
|
+
initialState = {
|
|
19
|
+
firebase: {
|
|
20
|
+
initialized: false,
|
|
21
|
+
error: null
|
|
22
|
+
},
|
|
23
|
+
auth: {
|
|
24
|
+
user: null,
|
|
25
|
+
loading: true,
|
|
26
|
+
error: null,
|
|
27
|
+
isSignedIn: false
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
TernSecureContext = React.createContext([initialState, () => {
|
|
31
|
+
}]);
|
|
32
|
+
useTernSecure = (hookname) => {
|
|
33
|
+
const context = React.useContext(TernSecureContext);
|
|
34
|
+
if (!context) {
|
|
35
|
+
throw new Error(
|
|
36
|
+
`${hookname} must be used within TernSecureProvider`
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
return context;
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
// src/app-router/client/providers/ternSecureClientProvider.tsx
|
|
45
|
+
var ternSecureClientProvider_exports = {};
|
|
46
|
+
__export(ternSecureClientProvider_exports, {
|
|
47
|
+
TernSecureClientProvider: () => TernSecureClientProvider
|
|
48
|
+
});
|
|
49
|
+
import { useState } from "react";
|
|
50
|
+
import { jsx } from "react/jsx-runtime";
|
|
51
|
+
function TernSecureClientProvider({ children }) {
|
|
52
|
+
const stateAndUpdater = useState(initialState);
|
|
53
|
+
return /* @__PURE__ */ jsx(TernSecureContext.Provider, { value: stateAndUpdater, children });
|
|
54
|
+
}
|
|
55
|
+
var init_ternSecureClientProvider = __esm({
|
|
56
|
+
"src/app-router/client/providers/ternSecureClientProvider.tsx"() {
|
|
57
|
+
"use strict";
|
|
58
|
+
"use client";
|
|
59
|
+
init_ternSecureContext();
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
// src/app-router/client/client-init.ts
|
|
64
|
+
import { getApps, initializeApp } from "firebase/app";
|
|
65
|
+
import { getAuth, setPersistence, browserSessionPersistence } from "firebase/auth";
|
|
66
|
+
import { getFirestore } from "firebase/firestore";
|
|
67
|
+
import { getStorage } from "firebase/storage";
|
|
68
|
+
var app = (() => {
|
|
69
|
+
const config = validateConfig(loadFireConfig());
|
|
70
|
+
return getApps().length ? getApps()[0] : initializeApp(config);
|
|
71
|
+
})();
|
|
72
|
+
var auth = getAuth(app);
|
|
73
|
+
setPersistence(auth, browserSessionPersistence);
|
|
74
|
+
var firestore = getFirestore(app);
|
|
75
|
+
var storage = getStorage(app);
|
|
76
|
+
var TernSecureAuth = () => auth;
|
|
77
|
+
var TernSecureFirestore = () => firestore;
|
|
78
|
+
var TernSecureStorage = () => storage;
|
|
79
|
+
|
|
80
|
+
// src/app-router/client/auth.ts
|
|
81
|
+
import { signInWithEmailAndPassword } from "firebase/auth";
|
|
82
|
+
async function signInWithEmail({
|
|
83
|
+
email,
|
|
84
|
+
password
|
|
85
|
+
}) {
|
|
86
|
+
const auth2 = TernSecureAuth();
|
|
87
|
+
return signInWithEmailAndPassword(auth2, email, password);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
// src/app-router/client/config.ts
|
|
91
|
+
var loadFireConfig = () => ({
|
|
92
|
+
apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
|
|
93
|
+
authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
|
|
94
|
+
projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
|
|
95
|
+
storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
|
|
96
|
+
messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
|
|
97
|
+
appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
|
|
98
|
+
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
|
|
99
|
+
});
|
|
100
|
+
var validateConfig = (config) => {
|
|
101
|
+
Object.entries(config).forEach(([key, value]) => {
|
|
102
|
+
if (!value) {
|
|
103
|
+
throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
return config;
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
// src/app-router/client/index.ts
|
|
110
|
+
init_ternSecureContext();
|
|
111
|
+
init_ternSecureClientProvider();
|
|
112
|
+
|
|
113
|
+
// src/app-router/server/providers/TernSecureServerProvider.tsx
|
|
114
|
+
import React3 from "react";
|
|
115
|
+
import dynamic from "next/dynamic";
|
|
116
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
117
|
+
var TernSecureClientProvider2 = dynamic(
|
|
118
|
+
() => Promise.resolve().then(() => (init_ternSecureClientProvider(), ternSecureClientProvider_exports)).then((mod) => mod.TernSecureClientProvider),
|
|
119
|
+
{
|
|
120
|
+
//ssr: false,
|
|
121
|
+
loading: () => null
|
|
122
|
+
// Return null or a loading indicator
|
|
123
|
+
}
|
|
124
|
+
);
|
|
125
|
+
function TernSecureProvider({ children }) {
|
|
126
|
+
const isRootLayout = React3.Children.toArray(children).some(
|
|
127
|
+
(child) => React3.isValidElement(child) && child.type === "html"
|
|
128
|
+
);
|
|
129
|
+
if (isRootLayout) {
|
|
130
|
+
return React3.Children.map(children, (child) => {
|
|
131
|
+
if (React3.isValidElement(child) && child.type === "html") {
|
|
132
|
+
return React3.cloneElement(
|
|
133
|
+
child,
|
|
134
|
+
{},
|
|
135
|
+
React3.Children.map(child.props.children, (bodyChild) => {
|
|
136
|
+
if (React3.isValidElement(bodyChild) && bodyChild.type === "body") {
|
|
137
|
+
const bodyProps = bodyChild.props;
|
|
138
|
+
return React3.cloneElement(
|
|
139
|
+
bodyChild,
|
|
140
|
+
{},
|
|
141
|
+
/* @__PURE__ */ jsx2(TernSecureClientProvider2, { children: bodyProps.children })
|
|
142
|
+
);
|
|
143
|
+
}
|
|
144
|
+
return bodyChild;
|
|
145
|
+
})
|
|
146
|
+
);
|
|
147
|
+
}
|
|
148
|
+
return child;
|
|
149
|
+
});
|
|
150
|
+
}
|
|
151
|
+
return /* @__PURE__ */ jsx2(TernSecureClientProvider2, { children });
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
// src/hooks/useAuth.ts
|
|
155
|
+
import { useEffect } from "react";
|
|
156
|
+
function useAuth() {
|
|
157
|
+
const [state, setState] = useTernSecure("useAuth");
|
|
158
|
+
useEffect(() => {
|
|
159
|
+
try {
|
|
160
|
+
const auth2 = TernSecureAuth();
|
|
161
|
+
setState((prev) => ({
|
|
162
|
+
...prev,
|
|
163
|
+
firebase: {
|
|
164
|
+
initialized: true,
|
|
165
|
+
error: null
|
|
166
|
+
}
|
|
167
|
+
}));
|
|
168
|
+
const unsubscribe = auth2.onAuthStateChanged(
|
|
169
|
+
(user) => {
|
|
170
|
+
setState((prev) => ({
|
|
171
|
+
...prev,
|
|
172
|
+
auth: {
|
|
173
|
+
user,
|
|
174
|
+
loading: false,
|
|
175
|
+
error: null,
|
|
176
|
+
isSignedIn: !!user
|
|
177
|
+
}
|
|
178
|
+
}));
|
|
179
|
+
},
|
|
180
|
+
(error) => {
|
|
181
|
+
setState((prev) => ({
|
|
182
|
+
...prev,
|
|
183
|
+
auth: {
|
|
184
|
+
user: null,
|
|
185
|
+
loading: false,
|
|
186
|
+
error,
|
|
187
|
+
isSignedIn: false
|
|
188
|
+
}
|
|
189
|
+
}));
|
|
190
|
+
}
|
|
191
|
+
);
|
|
192
|
+
return () => unsubscribe();
|
|
193
|
+
} catch (error) {
|
|
194
|
+
setState((prev) => ({
|
|
195
|
+
...prev,
|
|
196
|
+
firebase: {
|
|
197
|
+
initialized: false,
|
|
198
|
+
error
|
|
199
|
+
},
|
|
200
|
+
auth: {
|
|
201
|
+
user: null,
|
|
202
|
+
loading: false,
|
|
203
|
+
error,
|
|
204
|
+
isSignedIn: false
|
|
205
|
+
}
|
|
206
|
+
}));
|
|
207
|
+
}
|
|
208
|
+
}, []);
|
|
209
|
+
return state.auth;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
// src/components/sign-in.tsx
|
|
213
|
+
import { useState as useState2 } from "react";
|
|
214
|
+
|
|
215
|
+
// src/utils/create-styles.ts
|
|
216
|
+
var PREFIX = "tern";
|
|
217
|
+
var styleInjection = {
|
|
218
|
+
isInjected: false,
|
|
219
|
+
styleElement: null
|
|
220
|
+
};
|
|
221
|
+
var defaultClassNames = {
|
|
222
|
+
container: `${PREFIX}-container`,
|
|
223
|
+
header: `${PREFIX}-header`,
|
|
224
|
+
title: `${PREFIX}-title`,
|
|
225
|
+
formWrapper: `${PREFIX}-formWrapper`,
|
|
226
|
+
formContainer: `${PREFIX}-formContainer`,
|
|
227
|
+
form: `${PREFIX}-form`,
|
|
228
|
+
label: `${PREFIX}-label`,
|
|
229
|
+
input: `${PREFIX}-input`,
|
|
230
|
+
button: `${PREFIX}-button`,
|
|
231
|
+
error: `${PREFIX}-error`
|
|
232
|
+
};
|
|
233
|
+
function createStyleSheet(styles2) {
|
|
234
|
+
if (typeof window === "undefined") return defaultClassNames;
|
|
235
|
+
if (styleInjection.isInjected) {
|
|
236
|
+
return defaultClassNames;
|
|
237
|
+
}
|
|
238
|
+
let styleElement = document.querySelector("[data-tern-secure]");
|
|
239
|
+
if (!styleElement) {
|
|
240
|
+
styleElement = document.createElement("style");
|
|
241
|
+
styleElement.setAttribute("data-tern-secure", "");
|
|
242
|
+
document.head.appendChild(styleElement);
|
|
243
|
+
styleInjection.styleElement = styleElement;
|
|
244
|
+
}
|
|
245
|
+
const cssRules = Object.entries(styles2).map(([key, rules]) => {
|
|
246
|
+
const className = defaultClassNames[key];
|
|
247
|
+
const cssProperties = Object.entries(rules).map(([prop, value]) => {
|
|
248
|
+
const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
249
|
+
return `${cssProperty}: ${value};`;
|
|
250
|
+
}).join(" ");
|
|
251
|
+
return `.${className} { ${cssProperties} }`;
|
|
252
|
+
}).join("\n");
|
|
253
|
+
styleElement.textContent = cssRules;
|
|
254
|
+
styleInjection.isInjected = true;
|
|
255
|
+
return defaultClassNames;
|
|
256
|
+
}
|
|
257
|
+
var styleConfig = {
|
|
258
|
+
container: {
|
|
259
|
+
display: "flex",
|
|
260
|
+
minHeight: "100%",
|
|
261
|
+
flex: "1",
|
|
262
|
+
flexDirection: "column",
|
|
263
|
+
justifyContent: "center",
|
|
264
|
+
padding: "3rem 1.5rem"
|
|
265
|
+
},
|
|
266
|
+
header: {
|
|
267
|
+
margin: "0 auto",
|
|
268
|
+
width: "100%",
|
|
269
|
+
maxWidth: "28rem"
|
|
270
|
+
},
|
|
271
|
+
title: {
|
|
272
|
+
marginTop: "1.5rem",
|
|
273
|
+
textAlign: "center",
|
|
274
|
+
fontSize: "1.875rem",
|
|
275
|
+
fontWeight: "700",
|
|
276
|
+
lineHeight: "2.25rem",
|
|
277
|
+
letterSpacing: "-0.025em",
|
|
278
|
+
color: "var(--tern-text-primary, #111827)"
|
|
279
|
+
},
|
|
280
|
+
formWrapper: {
|
|
281
|
+
marginTop: "2.5rem",
|
|
282
|
+
margin: "0 auto",
|
|
283
|
+
width: "100%",
|
|
284
|
+
maxWidth: "30rem"
|
|
285
|
+
},
|
|
286
|
+
formContainer: {
|
|
287
|
+
padding: "3rem 1.5rem",
|
|
288
|
+
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
|
|
289
|
+
borderRadius: "0.5rem",
|
|
290
|
+
backgroundColor: "var(--tern-background, white)"
|
|
291
|
+
},
|
|
292
|
+
form: {
|
|
293
|
+
display: "flex",
|
|
294
|
+
flexDirection: "column",
|
|
295
|
+
gap: "1rem"
|
|
296
|
+
},
|
|
297
|
+
label: {
|
|
298
|
+
display: "block",
|
|
299
|
+
fontSize: "0.875rem",
|
|
300
|
+
fontWeight: "500",
|
|
301
|
+
color: "var(--tern-text-secondary, #374151)"
|
|
302
|
+
},
|
|
303
|
+
input: {
|
|
304
|
+
marginTop: "0.25rem",
|
|
305
|
+
display: "block",
|
|
306
|
+
width: "100%",
|
|
307
|
+
padding: "0.5rem 0.75rem",
|
|
308
|
+
borderRadius: "0.375rem",
|
|
309
|
+
border: "1px solid var(--tern-border, #D1D5DB)",
|
|
310
|
+
backgroundColor: "var(--tern-input-background, white)",
|
|
311
|
+
color: "var(--tern-text-primary, #111827)"
|
|
312
|
+
},
|
|
313
|
+
button: {
|
|
314
|
+
display: "flex",
|
|
315
|
+
width: "100%",
|
|
316
|
+
justifyContent: "center",
|
|
317
|
+
padding: "0.5rem 1rem",
|
|
318
|
+
fontSize: "0.875rem",
|
|
319
|
+
fontWeight: "500",
|
|
320
|
+
color: "white",
|
|
321
|
+
backgroundColor: "var(--tern-primary, #2563EB)",
|
|
322
|
+
border: "none",
|
|
323
|
+
borderRadius: "0.375rem",
|
|
324
|
+
cursor: "pointer"
|
|
325
|
+
},
|
|
326
|
+
error: {
|
|
327
|
+
color: "var(--tern-error, #DC2626)",
|
|
328
|
+
fontSize: "0.875rem"
|
|
329
|
+
}
|
|
330
|
+
};
|
|
331
|
+
var styles = createStyleSheet(styleConfig);
|
|
332
|
+
|
|
333
|
+
// src/components/sign-in.tsx
|
|
334
|
+
import { jsx as jsx3, jsxs } from "react/jsx-runtime";
|
|
335
|
+
function SignIn({
|
|
336
|
+
onSuccess,
|
|
337
|
+
onError,
|
|
338
|
+
redirectUrl,
|
|
339
|
+
className = "",
|
|
340
|
+
style,
|
|
341
|
+
customStyles = {}
|
|
342
|
+
}) {
|
|
343
|
+
const [email, setEmail] = useState2("");
|
|
344
|
+
const [password, setPassword] = useState2("");
|
|
345
|
+
const [loading, setLoading] = useState2(false);
|
|
346
|
+
const [error, setError] = useState2("");
|
|
347
|
+
const handleSubmit = async (e) => {
|
|
348
|
+
e.preventDefault();
|
|
349
|
+
setLoading(true);
|
|
350
|
+
setError("");
|
|
351
|
+
try {
|
|
352
|
+
await signInWithEmail({ email, password });
|
|
353
|
+
onSuccess?.();
|
|
354
|
+
if (redirectUrl) {
|
|
355
|
+
window.location.href = redirectUrl;
|
|
356
|
+
}
|
|
357
|
+
} catch (err) {
|
|
358
|
+
const errorMessage = err instanceof Error ? err.message : "Failed to sign in";
|
|
359
|
+
setError(errorMessage);
|
|
360
|
+
onError?.(err instanceof Error ? err : new Error("Failed to sign in"));
|
|
361
|
+
} finally {
|
|
362
|
+
setLoading(false);
|
|
363
|
+
}
|
|
364
|
+
};
|
|
365
|
+
return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
|
|
366
|
+
/* @__PURE__ */ jsx3("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ jsx3("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
|
|
367
|
+
/* @__PURE__ */ jsx3("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsx3("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ jsxs(
|
|
368
|
+
"form",
|
|
369
|
+
{
|
|
370
|
+
onSubmit: handleSubmit,
|
|
371
|
+
className: `${styles.form} ${customStyles.form || ""} ${className}`,
|
|
372
|
+
role: "form",
|
|
373
|
+
"aria-label": "Sign in form",
|
|
374
|
+
children: [
|
|
375
|
+
error && /* @__PURE__ */ jsx3(
|
|
376
|
+
"div",
|
|
377
|
+
{
|
|
378
|
+
className: `${styles.error} ${customStyles.errorText || ""}`,
|
|
379
|
+
role: "alert",
|
|
380
|
+
"aria-live": "polite",
|
|
381
|
+
children: error
|
|
382
|
+
}
|
|
383
|
+
),
|
|
384
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
385
|
+
/* @__PURE__ */ jsx3("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
|
|
386
|
+
/* @__PURE__ */ jsx3(
|
|
387
|
+
"input",
|
|
388
|
+
{
|
|
389
|
+
id: "email",
|
|
390
|
+
type: "email",
|
|
391
|
+
value: email,
|
|
392
|
+
onChange: (e) => setEmail(e.target.value),
|
|
393
|
+
placeholder: "Enter your email",
|
|
394
|
+
required: true,
|
|
395
|
+
className: `${styles.input} ${customStyles.input || ""}`,
|
|
396
|
+
disabled: loading,
|
|
397
|
+
"aria-required": "true",
|
|
398
|
+
"aria-invalid": !!error
|
|
399
|
+
}
|
|
400
|
+
)
|
|
401
|
+
] }),
|
|
402
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
403
|
+
/* @__PURE__ */ jsx3("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
|
|
404
|
+
/* @__PURE__ */ jsx3(
|
|
405
|
+
"input",
|
|
406
|
+
{
|
|
407
|
+
id: "password",
|
|
408
|
+
type: "password",
|
|
409
|
+
value: password,
|
|
410
|
+
onChange: (e) => setPassword(e.target.value),
|
|
411
|
+
placeholder: "Enter your password",
|
|
412
|
+
required: true,
|
|
413
|
+
className: `${styles.input} ${customStyles.input || ""}`,
|
|
414
|
+
disabled: loading,
|
|
415
|
+
"aria-required": "true",
|
|
416
|
+
"aria-invalid": !!error
|
|
417
|
+
}
|
|
418
|
+
)
|
|
419
|
+
] }),
|
|
420
|
+
/* @__PURE__ */ jsx3(
|
|
421
|
+
"button",
|
|
422
|
+
{
|
|
423
|
+
type: "submit",
|
|
424
|
+
disabled: loading,
|
|
425
|
+
className: `${styles.button} ${customStyles.button || ""}`,
|
|
426
|
+
"data-testid": "sign-in-submit",
|
|
427
|
+
children: loading ? "Signing in..." : "Sign in"
|
|
428
|
+
}
|
|
429
|
+
)
|
|
430
|
+
]
|
|
431
|
+
}
|
|
432
|
+
) }) })
|
|
433
|
+
] });
|
|
434
|
+
}
|
|
435
|
+
export {
|
|
436
|
+
SignIn,
|
|
437
|
+
TernSecureAuth,
|
|
438
|
+
TernSecureClientProvider,
|
|
439
|
+
TernSecureContext,
|
|
440
|
+
TernSecureFirestore,
|
|
441
|
+
TernSecureProvider,
|
|
442
|
+
TernSecureStorage,
|
|
443
|
+
loadFireConfig,
|
|
444
|
+
signInWithEmail,
|
|
445
|
+
useAuth,
|
|
446
|
+
useTernSecure,
|
|
447
|
+
validateConfig
|
|
448
|
+
};
|
|
449
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/app-router/client/providers/ternSecureContext.tsx", "../src/app-router/client/providers/ternSecureClientProvider.tsx", "../src/app-router/client/client-init.ts", "../src/app-router/client/auth.ts", "../src/app-router/client/config.ts", "../src/app-router/client/index.ts", "../src/app-router/server/providers/TernSecureServerProvider.tsx", "../src/hooks/useAuth.ts", "../src/components/sign-in.tsx", "../src/utils/create-styles.ts"],
|
|
4
|
+
"sourcesContent": ["'use client'\r\n\r\nimport React from 'react'\r\nimport { TernSecureState } from '../../../types'\r\n\r\nconst initialState: TernSecureState = {\r\n firebase: {\r\n initialized: false,\r\n error: null\r\n },\r\n auth: {\r\n user: null,\r\n loading: true,\r\n error: null,\r\n isSignedIn: false\r\n }\r\n}\r\n\r\nconst TernSecureContext = React.createContext<[TernSecureState, React.Dispatch<React.SetStateAction<TernSecureState>>]>([initialState, () => {}])\r\n\r\nconst useTernSecure = (hookname?: string) => {\r\n const context = React.useContext(TernSecureContext)\r\n if (!context) {\r\n throw new Error(\r\n `${hookname} must be used within TernSecureProvider`)\r\n }\r\n return context\r\n}\r\n\r\nexport {\r\n TernSecureContext,\r\n useTernSecure,\r\n initialState\r\n}", "'use client'\r\n\r\nimport React, { useState } from 'react'\r\nimport { TernSecureContext, initialState } from './ternSecureContext'\r\n\r\nexport function TernSecureClientProvider({ children }: { children: React.ReactNode }) {\r\n const stateAndUpdater = useState(initialState)\r\n\r\n return (\r\n <TernSecureContext.Provider value={stateAndUpdater}>\r\n {children}\r\n </TernSecureContext.Provider>\r\n )\r\n}", "import { getApps, 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 { loadFireConfig, validateConfig } from './index';\r\n\r\n// Initialize immediately\r\nconst app = (() => {\r\n const config = validateConfig(loadFireConfig());\r\n return getApps().length ? getApps()[0] : initializeApp(config);\r\n})();\r\n\r\nconst auth = getAuth(app);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(app);\r\nconst storage = getStorage(app);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "import { TernSecureAuth } from './index'\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} ", "import { TernSecureConfig } from \"../../types\";\r\n\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY as string,\r\n authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN as string,\r\n projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID as string,\r\n storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET as string,\r\n messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID as string,\r\n appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID as string,\r\n measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID as string,\r\n});\r\n\r\nexport const validateConfig = (config: TernSecureConfig) => {\r\n Object.entries(config).forEach(([key, value]) => {\r\n if (!value) {\r\n throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);\r\n }\r\n });\r\n return config;\r\n};", "\r\nexport { \r\n TernSecureAuth,\r\n TernSecureFirestore,\r\n TernSecureStorage \r\n } from './client-init';\r\n\r\n export type { SignInCredentials } from './auth'\r\n\r\n export { signInWithEmail} from './auth'\r\n export { loadFireConfig, validateConfig } from './config';\r\n export { TernSecureContext, useTernSecure } from './providers/ternSecureContext';\r\n export { TernSecureClientProvider } from './providers/ternSecureClientProvider'", "import React, { ReactNode } from 'react';\r\nimport dynamic from 'next/dynamic'\r\n\r\ninterface TernSecureProviderProps {\r\n children: ReactNode;\r\n}\r\n\r\n// Dynamically import the client provider with no SSR\r\nconst TernSecureClientProvider = dynamic(\r\n () => import('../../client/providers/ternSecureClientProvider').then(mod => mod.TernSecureClientProvider),\r\n { \r\n //ssr: false,\r\n loading: () => null // Return null or a loading indicator\r\n }\r\n)\r\n\r\nexport function TernSecureProvider({ children }: TernSecureProviderProps) {\r\n // Check if the children contain html/body tags\r\n const isRootLayout = React.Children.toArray(children).some(\r\n child => React.isValidElement(child) && child.type === 'html'\r\n );\r\n\r\n if (isRootLayout) {\r\n // If this is the root layout, inject our provider after the body tag\r\n return React.Children.map(children, child => {\r\n if (React.isValidElement(child) && child.type === 'html') {\r\n return React.cloneElement(child, {}, \r\n React.Children.map(child.props.children, bodyChild => {\r\n if (React.isValidElement(bodyChild) && bodyChild.type === 'body') {\r\n // Type assertion to access props safely\r\n const bodyProps = bodyChild.props as { children: ReactNode };\r\n return React.cloneElement(bodyChild, {}, \r\n <TernSecureClientProvider>\r\n {bodyProps.children}\r\n </TernSecureClientProvider>\r\n );\r\n }\r\n return bodyChild;\r\n })\r\n );\r\n }\r\n return child;\r\n });\r\n }\r\n\r\n // For non-root layouts, wrap normally\r\n return <TernSecureClientProvider>{children}</TernSecureClientProvider>;\r\n}", "'use client'\r\n\r\nimport { useEffect } from 'react'\r\nimport { TernSecureAuth } from '../app-router/client'\r\nimport { useTernSecure } from '../app-router/client/'\r\n\r\nexport function useAuth() {\r\n const [state, setState] = useTernSecure('useAuth')\r\n\r\n useEffect(() => {\r\n try {\r\n const auth = TernSecureAuth() // This initializes Firebase\r\n setState(prev => ({\r\n ...prev,\r\n firebase: {\r\n initialized: true,\r\n error: null\r\n }\r\n }))\r\n\r\n const unsubscribe = auth.onAuthStateChanged(\r\n (user) => {\r\n setState(prev => ({\r\n ...prev,\r\n auth: {\r\n user,\r\n loading: false,\r\n error: null,\r\n isSignedIn: !!user\r\n }\r\n }))\r\n },\r\n (error) => {\r\n setState(prev => ({\r\n ...prev,\r\n auth: {\r\n user: null,\r\n loading: false,\r\n error,\r\n isSignedIn: false\r\n }\r\n }))\r\n }\r\n )\r\n\r\n return () => unsubscribe()\r\n } catch (error) {\r\n setState(prev => ({\r\n ...prev,\r\n firebase: {\r\n initialized: false,\r\n error: error as Error\r\n },\r\n auth: {\r\n user: null,\r\n loading: false,\r\n error: error as Error,\r\n isSignedIn: false\r\n }\r\n }))\r\n }\r\n }, []) // Only run once on mount\r\n\r\n return state.auth\r\n}", "import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/client'\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", "'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"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["auth", "React", "jsx", "TernSecureClientProvider", "auth", "useState", "styles", "jsx", "useState"]
|
|
7
|
+
}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;CACvB;AAGD,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AACD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,SAAS,CAAC;CACjB;AACD,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,sBAAsB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,IAAI,CAAC;CACd;AACD,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,SAAS,CAAC;CACtB;AACD,MAAM,WAAW,uBAAuB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-styles.d.ts","sourceRoot":"","sources":["../../src/utils/create-styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,iBAAiB;;;;;;;;;;;CAWpB,CAAA;AAwCV,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyEd,CAAA;AAGV,eAAO,MAAM,MAAM;;;;;;;;;;;CAAgC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a,b,c,d,e,f}from"../../chunk-LHW3RBUN.js";import{a as g,b as h,c as i}from"../../chunk-ASFHFC2I.js";export{a as TernSecureAuth,i as TernSecureClientProvider,g as TernSecureContext,b as TernSecureFirestore,c as TernSecureStorage,e as loadFireConfig,d as signInWithEmail,h as useTernSecure,f as validateConfig};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"../../chunk-DLMCL4UP.js";export{a as TernSecureProvider};
|
package/dist/chunk-2ENCFXUN.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a as s}from"./chunk-LHW3RBUN.js";import{b as a}from"./chunk-ASFHFC2I.js";import{useEffect as o}from"react";function l(){let[i,r]=a("useAuth");return o(()=>{try{let t=s();r(e=>({...e,firebase:{initialized:!0,error:null}}));let u=t.onAuthStateChanged(e=>{r(n=>({...n,auth:{user:e,loading:!1,error:null,isSignedIn:!!e}}))},e=>{r(n=>({...n,auth:{user:null,loading:!1,error:e,isSignedIn:!1}}))});return()=>u()}catch(t){r(u=>({...u,firebase:{initialized:!1,error:t},auth:{user:null,loading:!1,error:t,isSignedIn:!1}}))}},[]),i.auth}export{l as a};
|
package/dist/chunk-2NA7K5TN.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e="tern",n={isInjected:!1,styleElement:null},t={container:`${e}-container`,header:`${e}-header`,title:`${e}-title`,formWrapper:`${e}-formWrapper`,formContainer:`${e}-formContainer`,form:`${e}-form`,label:`${e}-label`,input:`${e}-input`,button:`${e}-button`,error:`${e}-error`};function p(o){if(typeof window>"u"||n.isInjected)return t;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 i=Object.entries(o).map(([a,l])=>{let s=t[a],c=Object.entries(l).map(([m,d])=>`${m.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${d};`).join(" ");return`.${s} { ${c} }`}).join(`
|
|
2
|
-
`);return r.textContent=i,n.isInjected=!0,t}var u={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"}},y=p(u);export{t as a,u as b,y as c};
|
package/dist/chunk-64G22XTD.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as f}from"./chunk-LHW3RBUN.js";import{c as r}from"./chunk-2NA7K5TN.js";import{useState as s}from"react";import{jsx as a,jsxs as l}from"react/jsx-runtime";function C({onSuccess:u,onError:v,redirectUrl:d,className:$="",style:b,customStyles:e={}}){let[m,h]=s(""),[p,N]=s(""),[n,g]=s(!1),[t,c]=s(""),E=async i=>{i.preventDefault(),g(!0),c("");try{await f({email:m,password:p}),u?.(),d&&(window.location.href=d)}catch(o){let w=o instanceof Error?o.message:"Failed to sign in";c(w),v?.(o instanceof Error?o:new Error("Failed to sign in"))}finally{g(!1)}};return l("div",{className:`${r.container} ${e.container||""}`,style:b,children:[a("div",{className:`${r.header} ${e.header||""}`,children:a("h2",{className:`${r.title} ${e.title||""}`,children:"Sign in to your account"})}),a("div",{className:`${r.formWrapper} ${e.formWrapper||""}`,children:a("div",{className:`${r.formContainer} ${e.formContainer||""}`,children:l("form",{onSubmit:E,className:`${r.form} ${e.form||""} ${$}`,role:"form","aria-label":"Sign in form",children:[t&&a("div",{className:`${r.error} ${e.errorText||""}`,role:"alert","aria-live":"polite",children:t}),l("div",{children:[a("label",{htmlFor:"email",className:`${r.label} ${e.label||""}`,children:"Email"}),a("input",{id:"email",type:"email",value:m,onChange:i=>h(i.target.value),placeholder:"Enter your email",required:!0,className:`${r.input} ${e.input||""}`,disabled:n,"aria-required":"true","aria-invalid":!!t})]}),l("div",{children:[a("label",{htmlFor:"password",className:`${r.label} ${e.label||""}`,children:"Password"}),a("input",{id:"password",type:"password",value:p,onChange:i=>N(i.target.value),placeholder:"Enter your password",required:!0,className:`${r.input} ${e.input||""}`,disabled:n,"aria-required":"true","aria-invalid":!!t})]}),a("button",{type:"submit",disabled:n,className:`${r.button} ${e.button||""}`,"data-testid":"sign-in-submit",children:n?"Signing in...":"Sign in"})]})})})]})}export{C as a};
|
package/dist/chunk-ASFHFC2I.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{useState as u}from"react";import{createContext as i,useContext as o}from"react";var a=()=>i([{firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}},()=>{}]),r=a(),s=e=>{let t=o(r);if(!t)throw new Error(`${e} must be used within TernSecureProvider`);return t},n={firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}};import{jsx as c}from"react/jsx-runtime";function m({children:e}){let t=u(n);return c(r.Provider,{value:t,children:e})}export{r as a,s as b,m as c};
|