@tern-secure/nextjs 3.1.80 → 3.1.82

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.
Files changed (67) hide show
  1. package/dist/cjs/app-router/client/TernSecureProvider.js +79 -48
  2. package/dist/cjs/app-router/client/TernSecureProvider.js.map +1 -1
  3. package/dist/cjs/app-router/server/TernSecureServerProvider.js +106 -40
  4. package/dist/cjs/app-router/server/TernSecureServerProvider.js.map +1 -1
  5. package/dist/cjs/app-router/server/auth.js +62 -28
  6. package/dist/cjs/app-router/server/auth.js.map +1 -1
  7. package/dist/cjs/boundary/TernSecureCtx.js +14 -37
  8. package/dist/cjs/boundary/TernSecureCtx.js.map +1 -1
  9. package/dist/cjs/boundary/hooks/useAuth.js +80 -30
  10. package/dist/cjs/boundary/hooks/useAuth.js.map +1 -1
  11. package/dist/cjs/components/sign-in.js +208 -49
  12. package/dist/cjs/components/sign-in.js.map +1 -1
  13. package/dist/cjs/errors.js +10 -32
  14. package/dist/cjs/errors.js.map +1 -1
  15. package/dist/cjs/index.js +383 -45
  16. package/dist/cjs/index.js.map +1 -1
  17. package/dist/cjs/types.js +3 -16
  18. package/dist/cjs/types.js.map +1 -1
  19. package/dist/cjs/utils/client-init.js +64 -42
  20. package/dist/cjs/utils/client-init.js.map +1 -1
  21. package/dist/cjs/utils/config.js +11 -34
  22. package/dist/cjs/utils/config.js.map +1 -1
  23. package/dist/cjs/utils/create-styles.js +13 -37
  24. package/dist/cjs/utils/create-styles.js.map +1 -1
  25. package/dist/esm/app-router/client/TernSecureProvider.js +114 -0
  26. package/dist/esm/app-router/client/TernSecureProvider.js.map +1 -0
  27. package/dist/esm/app-router/server/TernSecureServerProvider.js +139 -0
  28. package/dist/esm/app-router/server/TernSecureServerProvider.js.map +1 -0
  29. package/dist/esm/app-router/server/auth.js +71 -0
  30. package/dist/esm/app-router/server/auth.js.map +1 -0
  31. package/dist/esm/{esm/boundary → boundary}/TernSecureCtx.js +6 -4
  32. package/dist/esm/boundary/TernSecureCtx.js.map +1 -0
  33. package/dist/esm/boundary/hooks/useAuth.js +106 -0
  34. package/dist/esm/boundary/hooks/useAuth.js.map +1 -0
  35. package/dist/esm/components/sign-in.js +295 -0
  36. package/dist/esm/components/sign-in.js.map +1 -0
  37. package/dist/esm/{esm/errors.js → errors.js} +4 -3
  38. package/dist/esm/errors.js.map +1 -0
  39. package/dist/esm/index.js +409 -0
  40. package/dist/esm/index.js.map +1 -0
  41. package/dist/esm/utils/client-init.js +65 -0
  42. package/dist/esm/utils/client-init.js.map +1 -0
  43. package/dist/esm/{esm/utils → utils}/config.js +4 -3
  44. package/dist/esm/utils/config.js.map +1 -0
  45. package/dist/esm/{esm/utils → utils}/create-styles.js +7 -5
  46. package/dist/esm/utils/create-styles.js.map +1 -0
  47. package/package.json +2 -2
  48. package/dist/esm/esm/app-router/client/TernSecureProvider.js +0 -40
  49. package/dist/esm/esm/app-router/client/TernSecureProvider.js.map +0 -1
  50. package/dist/esm/esm/app-router/server/TernSecureServerProvider.js +0 -29
  51. package/dist/esm/esm/app-router/server/TernSecureServerProvider.js.map +0 -1
  52. package/dist/esm/esm/app-router/server/auth.js +0 -13
  53. package/dist/esm/esm/app-router/server/auth.js.map +0 -1
  54. package/dist/esm/esm/boundary/TernSecureCtx.js.map +0 -1
  55. package/dist/esm/esm/boundary/hooks/useAuth.js +0 -21
  56. package/dist/esm/esm/boundary/hooks/useAuth.js.map +0 -1
  57. package/dist/esm/esm/components/sign-in.js +0 -108
  58. package/dist/esm/esm/components/sign-in.js.map +0 -1
  59. package/dist/esm/esm/errors.js.map +0 -1
  60. package/dist/esm/esm/index.js +0 -18
  61. package/dist/esm/esm/index.js.map +0 -1
  62. package/dist/esm/esm/utils/client-init.js +0 -20
  63. package/dist/esm/esm/utils/client-init.js.map +0 -1
  64. package/dist/esm/esm/utils/config.js.map +0 -1
  65. package/dist/esm/esm/utils/create-styles.js.map +0 -1
  66. /package/dist/esm/{esm/types.js → types.js} +0 -0
  67. /package/dist/esm/{esm/types.js.map → types.js.map} +0 -0
@@ -0,0 +1,409 @@
1
+ // src/app-router/server/TernSecureServerProvider.tsx
2
+ import React2 from "react";
3
+
4
+ // src/app-router/client/TernSecureProvider.tsx
5
+ import React, { useState, useEffect } from "react";
6
+
7
+ // src/utils/client-init.ts
8
+ import { initializeApp } from "firebase/app";
9
+ import { getAuth, setPersistence, browserSessionPersistence } from "firebase/auth";
10
+ import { getFirestore } from "firebase/firestore";
11
+ import { getStorage } from "firebase/storage";
12
+
13
+ // src/utils/config.ts
14
+ var loadFireConfig = () => ({
15
+ apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || "",
16
+ authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || "",
17
+ projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || "",
18
+ storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || "",
19
+ messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || "",
20
+ appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || "",
21
+ measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || void 0
22
+ });
23
+ var validateConfig = (config2) => {
24
+ const requiredFields = [
25
+ "apiKey",
26
+ "authDomain",
27
+ "projectId",
28
+ "storageBucket",
29
+ "messagingSenderId",
30
+ "appId"
31
+ ];
32
+ const errors = [];
33
+ requiredFields.forEach((field) => {
34
+ if (!config2[field]) {
35
+ errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`);
36
+ }
37
+ });
38
+ return {
39
+ isValid: errors.length === 0,
40
+ errors,
41
+ config: config2
42
+ };
43
+ };
44
+ var initializeConfig = () => {
45
+ const config2 = loadFireConfig();
46
+ const validationResult = validateConfig(config2);
47
+ if (!validationResult.isValid) {
48
+ throw new Error(
49
+ `Firebase configuration validation failed:
50
+ ${validationResult.errors.join("\n")}`
51
+ );
52
+ }
53
+ return config2;
54
+ };
55
+
56
+ // src/utils/client-init.ts
57
+ var config = initializeConfig();
58
+ var clientApp = initializeApp(config);
59
+ var auth = getAuth(clientApp);
60
+ setPersistence(auth, browserSessionPersistence);
61
+ var firestore = getFirestore(clientApp);
62
+ var storage = getStorage(clientApp);
63
+ var TernSecureAuth = () => auth;
64
+ var TernSecureFirestore = () => firestore;
65
+
66
+ // src/app-router/client/TernSecureProvider.tsx
67
+ import { onAuthStateChanged } from "firebase/auth";
68
+
69
+ // src/boundary/TernSecureCtx.tsx
70
+ import { createContext, useContext } from "react";
71
+ import { jsx } from "react/jsx-runtime";
72
+ var INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
73
+ var TernSecureContext = createContext(null);
74
+ TernSecureContext.displayName = "TernSecureContext";
75
+ var useInternalContext = (hookname) => {
76
+ const context = useContext(TernSecureContext);
77
+ if (!context) {
78
+ throw new Error(
79
+ `${hookname} must be used within TernSecureProvider`
80
+ );
81
+ }
82
+ return context;
83
+ };
84
+ function TernSecureCtxProvider({ children }) {
85
+ return /* @__PURE__ */ jsx(TernSecureContext.Provider, { value: {
86
+ _contextKey: INTERNAL_CONTEXT_KEY
87
+ }, children });
88
+ }
89
+
90
+ // src/app-router/client/TernSecureProvider.tsx
91
+ import { jsx as jsx2 } from "react/jsx-runtime";
92
+ var AuthStateContext = React.createContext(null);
93
+ var auth2 = TernSecureAuth();
94
+ function TernSecureClientProvider({
95
+ children,
96
+ initialState
97
+ }) {
98
+ const [authState, setAuthState] = useState(initialState);
99
+ useEffect(() => {
100
+ const unsubscribe = onAuthStateChanged(auth2, (user) => {
101
+ if (user) {
102
+ setAuthState({
103
+ loading: false,
104
+ isSignedIn: true,
105
+ userId: user.uid,
106
+ error: null
107
+ });
108
+ } else {
109
+ setAuthState({
110
+ loading: false,
111
+ isSignedIn: false,
112
+ userId: null,
113
+ error: null
114
+ });
115
+ }
116
+ });
117
+ return () => unsubscribe();
118
+ }, []);
119
+ return /* @__PURE__ */ jsx2(TernSecureCtxProvider, { children: /* @__PURE__ */ jsx2(AuthStateContext.Provider, { value: authState, children }) });
120
+ }
121
+
122
+ // src/app-router/server/TernSecureServerProvider.tsx
123
+ import { jsx as jsx3 } from "react/jsx-runtime";
124
+ function TernSecureLoadingFallback() {
125
+ return /* @__PURE__ */ jsx3(
126
+ "div",
127
+ {
128
+ "aria-label": "Loading authentication",
129
+ role: "status",
130
+ className: "tern-secure-loading",
131
+ children: /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Loading authentication..." })
132
+ }
133
+ );
134
+ }
135
+ async function TernSecureServerProvider({
136
+ children
137
+ }) {
138
+ const initialState = {
139
+ loading: true,
140
+ isSignedIn: false,
141
+ userId: null,
142
+ error: null
143
+ };
144
+ return /* @__PURE__ */ jsx3(React2.Suspense, { fallback: /* @__PURE__ */ jsx3(TernSecureLoadingFallback, {}), children: /* @__PURE__ */ jsx3(TernSecureClientProvider, { initialState, children }) });
145
+ }
146
+
147
+ // src/app-router/server/auth.ts
148
+ import { signInWithEmailAndPassword } from "firebase/auth";
149
+ async function signInWithEmail({
150
+ email,
151
+ password
152
+ }) {
153
+ const auth3 = TernSecureAuth();
154
+ return signInWithEmailAndPassword(auth3, email, password);
155
+ }
156
+
157
+ // src/boundary/hooks/useAuth.ts
158
+ import { useContext as useContext2 } from "react";
159
+ function useAuth() {
160
+ useInternalContext("useAuth");
161
+ const authState = useContext2(AuthStateContext);
162
+ if (!authState) {
163
+ throw new Error("Auth state not found");
164
+ }
165
+ return {
166
+ userId: authState.userId,
167
+ loading: authState.loading,
168
+ error: authState.error,
169
+ isSignedIn: authState.isSignedIn
170
+ };
171
+ }
172
+
173
+ // src/components/sign-in.tsx
174
+ import { useState as useState2 } from "react";
175
+
176
+ // src/utils/create-styles.ts
177
+ var PREFIX = "tern";
178
+ var styleInjection = {
179
+ isInjected: false,
180
+ styleElement: null
181
+ };
182
+ var defaultClassNames = {
183
+ container: `${PREFIX}-container`,
184
+ header: `${PREFIX}-header`,
185
+ title: `${PREFIX}-title`,
186
+ formWrapper: `${PREFIX}-formWrapper`,
187
+ formContainer: `${PREFIX}-formContainer`,
188
+ form: `${PREFIX}-form`,
189
+ label: `${PREFIX}-label`,
190
+ input: `${PREFIX}-input`,
191
+ button: `${PREFIX}-button`,
192
+ error: `${PREFIX}-error`
193
+ };
194
+ function createStyleSheet(styles2) {
195
+ if (typeof window === "undefined") return defaultClassNames;
196
+ if (styleInjection.isInjected) {
197
+ return defaultClassNames;
198
+ }
199
+ let styleElement = document.querySelector("[data-tern-secure]");
200
+ if (!styleElement) {
201
+ styleElement = document.createElement("style");
202
+ styleElement.setAttribute("data-tern-secure", "");
203
+ document.head.appendChild(styleElement);
204
+ styleInjection.styleElement = styleElement;
205
+ }
206
+ const cssRules = Object.entries(styles2).map(([key, rules]) => {
207
+ const className = defaultClassNames[key];
208
+ const cssProperties = Object.entries(rules).map(([prop, value]) => {
209
+ const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
210
+ return `${cssProperty}: ${value};`;
211
+ }).join(" ");
212
+ return `.${className} { ${cssProperties} }`;
213
+ }).join("\n");
214
+ styleElement.textContent = cssRules;
215
+ styleInjection.isInjected = true;
216
+ return defaultClassNames;
217
+ }
218
+ var styleConfig = {
219
+ container: {
220
+ display: "flex",
221
+ minHeight: "100%",
222
+ flex: "1",
223
+ flexDirection: "column",
224
+ justifyContent: "center",
225
+ padding: "3rem 1.5rem"
226
+ },
227
+ header: {
228
+ margin: "0 auto",
229
+ width: "100%",
230
+ maxWidth: "28rem"
231
+ },
232
+ title: {
233
+ marginTop: "1.5rem",
234
+ textAlign: "center",
235
+ fontSize: "1.875rem",
236
+ fontWeight: "700",
237
+ lineHeight: "2.25rem",
238
+ letterSpacing: "-0.025em",
239
+ color: "var(--tern-text-primary, #111827)"
240
+ },
241
+ formWrapper: {
242
+ marginTop: "2.5rem",
243
+ margin: "0 auto",
244
+ width: "100%",
245
+ maxWidth: "30rem"
246
+ },
247
+ formContainer: {
248
+ padding: "3rem 1.5rem",
249
+ boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
250
+ borderRadius: "0.5rem",
251
+ backgroundColor: "var(--tern-background, white)"
252
+ },
253
+ form: {
254
+ display: "flex",
255
+ flexDirection: "column",
256
+ gap: "1rem"
257
+ },
258
+ label: {
259
+ display: "block",
260
+ fontSize: "0.875rem",
261
+ fontWeight: "500",
262
+ color: "var(--tern-text-secondary, #374151)"
263
+ },
264
+ input: {
265
+ marginTop: "0.25rem",
266
+ display: "block",
267
+ width: "100%",
268
+ padding: "0.5rem 0.75rem",
269
+ borderRadius: "0.375rem",
270
+ border: "1px solid var(--tern-border, #D1D5DB)",
271
+ backgroundColor: "var(--tern-input-background, white)",
272
+ color: "var(--tern-text-primary, #111827)"
273
+ },
274
+ button: {
275
+ display: "flex",
276
+ width: "100%",
277
+ justifyContent: "center",
278
+ padding: "0.5rem 1rem",
279
+ fontSize: "0.875rem",
280
+ fontWeight: "500",
281
+ color: "white",
282
+ backgroundColor: "var(--tern-primary, #2563EB)",
283
+ border: "none",
284
+ borderRadius: "0.375rem",
285
+ cursor: "pointer"
286
+ },
287
+ error: {
288
+ color: "var(--tern-error, #DC2626)",
289
+ fontSize: "0.875rem"
290
+ }
291
+ };
292
+ var styles = createStyleSheet(styleConfig);
293
+
294
+ // src/components/sign-in.tsx
295
+ import { jsx as jsx4, jsxs } from "react/jsx-runtime";
296
+ function SignIn({
297
+ onSuccess,
298
+ onError,
299
+ redirectUrl,
300
+ className = "",
301
+ style,
302
+ customStyles = {}
303
+ }) {
304
+ const [email, setEmail] = useState2("");
305
+ const [password, setPassword] = useState2("");
306
+ const [loading, setLoading] = useState2(false);
307
+ const [error, setError] = useState2("");
308
+ const handleSubmit = async (e) => {
309
+ e.preventDefault();
310
+ setLoading(true);
311
+ setError("");
312
+ try {
313
+ await signInWithEmail({ email, password });
314
+ onSuccess == null ? void 0 : onSuccess();
315
+ if (redirectUrl) {
316
+ window.location.href = redirectUrl;
317
+ }
318
+ } catch (err) {
319
+ const errorMessage = err instanceof Error ? err.message : "Failed to sign in";
320
+ setError(errorMessage);
321
+ onError == null ? void 0 : onError(err instanceof Error ? err : new Error("Failed to sign in"));
322
+ } finally {
323
+ setLoading(false);
324
+ }
325
+ };
326
+ return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
327
+ /* @__PURE__ */ jsx4("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ jsx4("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
328
+ /* @__PURE__ */ jsx4("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsx4("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ jsxs(
329
+ "form",
330
+ {
331
+ onSubmit: handleSubmit,
332
+ className: `${styles.form} ${customStyles.form || ""} ${className}`,
333
+ role: "form",
334
+ "aria-label": "Sign in form",
335
+ children: [
336
+ error && /* @__PURE__ */ jsx4(
337
+ "div",
338
+ {
339
+ className: `${styles.error} ${customStyles.errorText || ""}`,
340
+ role: "alert",
341
+ "aria-live": "polite",
342
+ children: error
343
+ }
344
+ ),
345
+ /* @__PURE__ */ jsxs("div", { children: [
346
+ /* @__PURE__ */ jsx4("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
347
+ /* @__PURE__ */ jsx4(
348
+ "input",
349
+ {
350
+ id: "email",
351
+ type: "email",
352
+ value: email,
353
+ onChange: (e) => setEmail(e.target.value),
354
+ placeholder: "Enter your email",
355
+ required: true,
356
+ className: `${styles.input} ${customStyles.input || ""}`,
357
+ disabled: loading,
358
+ "aria-required": "true",
359
+ "aria-invalid": !!error
360
+ }
361
+ )
362
+ ] }),
363
+ /* @__PURE__ */ jsxs("div", { children: [
364
+ /* @__PURE__ */ jsx4("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
365
+ /* @__PURE__ */ jsx4(
366
+ "input",
367
+ {
368
+ id: "password",
369
+ type: "password",
370
+ value: password,
371
+ onChange: (e) => setPassword(e.target.value),
372
+ placeholder: "Enter your password",
373
+ required: true,
374
+ className: `${styles.input} ${customStyles.input || ""}`,
375
+ disabled: loading,
376
+ "aria-required": "true",
377
+ "aria-invalid": !!error
378
+ }
379
+ )
380
+ ] }),
381
+ /* @__PURE__ */ jsx4(
382
+ "button",
383
+ {
384
+ type: "submit",
385
+ disabled: loading,
386
+ className: `${styles.button} ${customStyles.button || ""}`,
387
+ "data-testid": "sign-in-submit",
388
+ children: loading ? "Signing in..." : "Sign in"
389
+ }
390
+ )
391
+ ]
392
+ }
393
+ ) }) })
394
+ ] });
395
+ }
396
+
397
+ // src/index.ts
398
+ var TernSecureProvider = TernSecureServerProvider;
399
+ export {
400
+ SignIn,
401
+ TernSecureAuth,
402
+ TernSecureFirestore,
403
+ TernSecureProvider,
404
+ loadFireConfig,
405
+ signInWithEmail,
406
+ useAuth,
407
+ validateConfig
408
+ };
409
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/app-router/server/TernSecureServerProvider.tsx","../../src/app-router/client/TernSecureProvider.tsx","../../src/utils/client-init.ts","../../src/utils/config.ts","../../src/boundary/TernSecureCtx.tsx","../../src/app-router/server/auth.ts","../../src/boundary/hooks/useAuth.ts","../../src/components/sign-in.tsx","../../src/utils/create-styles.ts","../../src/index.ts"],"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 }","'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}","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;","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}","'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}","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} ","'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}","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","'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","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":"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","names":["React","config","jsx","auth","jsx","React","auth","useContext","useContext","useState","styles","jsx","useState"]}
@@ -0,0 +1,65 @@
1
+ // src/utils/client-init.ts
2
+ import { initializeApp } from "firebase/app";
3
+ import { getAuth, setPersistence, browserSessionPersistence } from "firebase/auth";
4
+ import { getFirestore } from "firebase/firestore";
5
+ import { getStorage } from "firebase/storage";
6
+
7
+ // src/utils/config.ts
8
+ var loadFireConfig = () => ({
9
+ apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || "",
10
+ authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || "",
11
+ projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || "",
12
+ storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || "",
13
+ messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || "",
14
+ appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || "",
15
+ measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || void 0
16
+ });
17
+ var validateConfig = (config2) => {
18
+ const requiredFields = [
19
+ "apiKey",
20
+ "authDomain",
21
+ "projectId",
22
+ "storageBucket",
23
+ "messagingSenderId",
24
+ "appId"
25
+ ];
26
+ const errors = [];
27
+ requiredFields.forEach((field) => {
28
+ if (!config2[field]) {
29
+ errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`);
30
+ }
31
+ });
32
+ return {
33
+ isValid: errors.length === 0,
34
+ errors,
35
+ config: config2
36
+ };
37
+ };
38
+ var initializeConfig = () => {
39
+ const config2 = loadFireConfig();
40
+ const validationResult = validateConfig(config2);
41
+ if (!validationResult.isValid) {
42
+ throw new Error(
43
+ `Firebase configuration validation failed:
44
+ ${validationResult.errors.join("\n")}`
45
+ );
46
+ }
47
+ return config2;
48
+ };
49
+
50
+ // src/utils/client-init.ts
51
+ var config = initializeConfig();
52
+ var clientApp = initializeApp(config);
53
+ var auth = getAuth(clientApp);
54
+ setPersistence(auth, browserSessionPersistence);
55
+ var firestore = getFirestore(clientApp);
56
+ var storage = getStorage(clientApp);
57
+ var TernSecureAuth = () => auth;
58
+ var TernSecureFirestore = () => firestore;
59
+ var TernSecureStorage = () => storage;
60
+ export {
61
+ TernSecureAuth,
62
+ TernSecureFirestore,
63
+ TernSecureStorage
64
+ };
65
+ //# sourceMappingURL=client-init.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/utils/client-init.ts","../../../src/utils/config.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;","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":";AAAA,SAAS,qBAAqB;AAC9B,SAAS,SAAS,gBAAgB,iCAAiC;AACnE,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;;;ACGpB,IAAM,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,IAAM,iBAAiB,CAACA,YAAqD;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,CAACA,QAAO,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,QAAAA;AAAA,EACF;AACF;AAMO,IAAM,mBAAmB,MAAwB;AACtD,QAAMA,UAAS,eAAe;AAC9B,QAAM,mBAAmB,eAAeA,OAAM;AAE9C,MAAI,CAAC,iBAAiB,SAAS;AAC7B,UAAM,IAAI;AAAA,MACR;AAAA,EAA8C,iBAAiB,OAAO,KAAK,IAAI,CAAC;AAAA,IAClF;AAAA,EACF;AAEA,SAAOA;AACT;;;ADvDA,IAAM,SAAS,iBAAiB;AAChC,IAAM,YAAY,cAAc,MAAM;AACtC,IAAM,OAAO,QAAQ,SAAS;AAC9B,eAAe,MAAM,yBAAyB;AAC9C,IAAM,YAAY,aAAa,SAAS;AACxC,IAAM,UAAU,WAAW,SAAS;AAE7B,IAAM,iBAAiB,MAAM;AAC7B,IAAM,sBAAsB,MAAM;AAClC,IAAM,oBAAoB,MAAM;","names":["config"]}
@@ -1,4 +1,5 @@
1
- const loadFireConfig = () => ({
1
+ // src/utils/config.ts
2
+ var loadFireConfig = () => ({
2
3
  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || "",
3
4
  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || "",
4
5
  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || "",
@@ -7,7 +8,7 @@ const loadFireConfig = () => ({
7
8
  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || "",
8
9
  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || void 0
9
10
  });
10
- const validateConfig = (config) => {
11
+ var validateConfig = (config) => {
11
12
  const requiredFields = [
12
13
  "apiKey",
13
14
  "authDomain",
@@ -28,7 +29,7 @@ const validateConfig = (config) => {
28
29
  config
29
30
  };
30
31
  };
31
- const initializeConfig = () => {
32
+ var initializeConfig = () => {
32
33
  const config = loadFireConfig();
33
34
  const validationResult = validateConfig(config);
34
35
  if (!validationResult.isValid) {
@@ -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,IAAM,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,IAAM,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,IAAM,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,10 +1,12 @@
1
1
  "use client";
2
- const PREFIX = "tern";
3
- const styleInjection = {
2
+
3
+ // src/utils/create-styles.ts
4
+ var PREFIX = "tern";
5
+ var styleInjection = {
4
6
  isInjected: false,
5
7
  styleElement: null
6
8
  };
7
- const defaultClassNames = {
9
+ var defaultClassNames = {
8
10
  container: `${PREFIX}-container`,
9
11
  header: `${PREFIX}-header`,
10
12
  title: `${PREFIX}-title`,
@@ -40,7 +42,7 @@ function createStyleSheet(styles2) {
40
42
  styleInjection.isInjected = true;
41
43
  return defaultClassNames;
42
44
  }
43
- const styleConfig = {
45
+ var styleConfig = {
44
46
  container: {
45
47
  display: "flex",
46
48
  minHeight: "100%",
@@ -114,7 +116,7 @@ const styleConfig = {
114
116
  fontSize: "0.875rem"
115
117
  }
116
118
  };
117
- const styles = createStyleSheet(styleConfig);
119
+ var styles = createStyleSheet(styleConfig);
118
120
  export {
119
121
  defaultClassNames,
120
122
  styleConfig,
@@ -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"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tern-secure/nextjs",
3
- "version": "3.1.80",
3
+ "version": "3.1.82",
4
4
  "packageManager": "npm@10.9.0",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -55,7 +55,7 @@
55
55
  },
56
56
  "exports": {
57
57
  ".": {
58
- "types": "./dist/index.d.ts",
58
+ "types": "./dist/index.d.mts",
59
59
  "import": "./dist/esm/index.js",
60
60
  "require": "./dist/cjs/index.js"
61
61
  },