@tern-secure/nextjs 3.1.67 → 3.1.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/app-router/client/TernSecureProvider.cjs +17 -54
- package/dist/cjs/app-router/client/TernSecureProvider.cjs.map +1 -1
- package/dist/cjs/app-router/server/TernSecureServerProvider.cjs +3 -60
- package/dist/cjs/app-router/server/TernSecureServerProvider.cjs.map +1 -1
- package/dist/cjs/app-router/server/auth.cjs +3 -3
- package/dist/cjs/app-router/server/auth.cjs.map +1 -1
- package/dist/cjs/boundary/hooks/useAuth.cjs +54 -17
- package/dist/cjs/boundary/hooks/useAuth.cjs.map +1 -1
- package/dist/cjs/components/sign-in.cjs +3 -3
- package/dist/cjs/components/sign-in.cjs.map +1 -1
- package/dist/cjs/index.cjs +56 -74
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/utils/client-init.cjs +3 -3
- package/dist/cjs/utils/client-init.cjs.map +1 -1
- package/dist/esm/app-router/client/TernSecureProvider.d.ts +7 -13
- package/dist/esm/app-router/client/TernSecureProvider.js +1 -3
- package/dist/esm/app-router/server/TernSecureServerProvider.js +2 -4
- package/dist/esm/app-router/server/auth.js +2 -2
- package/dist/esm/boundary/TernSecureCtx.js +22 -1
- package/dist/esm/boundary/TernSecureCtx.js.map +1 -1
- package/dist/esm/boundary/hooks/useAuth.d.ts +10 -5
- package/dist/esm/boundary/hooks/useAuth.js +3 -4
- package/dist/esm/chunk-4UKPQO2Q.js +40 -0
- package/dist/esm/chunk-4UKPQO2Q.js.map +1 -0
- package/dist/esm/chunk-6M2XYDPF.js +13 -0
- package/dist/esm/chunk-6M2XYDPF.js.map +1 -0
- package/dist/esm/{chunk-DNODBZEQ.js → chunk-CGDSGC2H.js} +5 -5
- package/dist/esm/{chunk-DNODBZEQ.js.map → chunk-CGDSGC2H.js.map} +1 -1
- package/dist/esm/chunk-KVOT4326.js +29 -0
- package/dist/esm/chunk-KVOT4326.js.map +1 -0
- package/dist/esm/{chunk-EVC2XQG4.js → chunk-VZHZK7NN.js} +3 -3
- package/dist/esm/{chunk-EVC2XQG4.js.map → chunk-VZHZK7NN.js.map} +1 -1
- package/dist/esm/{chunk-QBGIG346.js → chunk-ZSK4FOWY.js} +4 -10
- package/dist/esm/chunk-ZSK4FOWY.js.map +1 -0
- package/dist/esm/components/sign-in.js +3 -3
- package/dist/esm/index.d.ts +1 -2
- package/dist/esm/index.js +6 -7
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/utils/client-init.d.ts +2 -2
- package/dist/esm/utils/client-init.js +1 -1
- package/package.json +1 -1
- package/dist/esm/chunk-74V7CN2Z.js +0 -21
- package/dist/esm/chunk-74V7CN2Z.js.map +0 -1
- package/dist/esm/chunk-BH4POM5U.js +0 -44
- package/dist/esm/chunk-BH4POM5U.js.map +0 -1
- package/dist/esm/chunk-DWSWDYJZ.js +0 -13
- package/dist/esm/chunk-DWSWDYJZ.js.map +0 -1
- package/dist/esm/chunk-QBGIG346.js.map +0 -1
- package/dist/esm/chunk-YOHK2WGW.js +0 -25
- package/dist/esm/chunk-YOHK2WGW.js.map +0 -1
|
@@ -1,68 +1,31 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var react = require('react');
|
|
4
|
-
var app = require('firebase/app');
|
|
5
|
-
var auth = require('firebase/auth');
|
|
6
|
-
var firestore = require('firebase/firestore');
|
|
7
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
5
|
|
|
9
|
-
var
|
|
10
|
-
apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
|
|
11
|
-
authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
|
|
12
|
-
projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
|
|
13
|
-
storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
|
|
14
|
-
messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
|
|
15
|
-
appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
|
|
16
|
-
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
|
|
17
|
-
};
|
|
18
|
-
var clientApp = app.initializeApp(clientConfig);
|
|
19
|
-
var ternAuth = auth.getAuth(clientApp);
|
|
20
|
-
auth.setPersistence(ternAuth, auth.browserSessionPersistence);
|
|
21
|
-
firestore.getFirestore(clientApp);
|
|
22
|
-
var INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
|
|
6
|
+
var INTERNAL_CONTEXT_KEY = Symbol("INTERNAL_CONTEXT_KEY");
|
|
23
7
|
var TernSecureContext = react.createContext(null);
|
|
24
|
-
|
|
25
|
-
|
|
8
|
+
var useInternalContext = (hookName) => {
|
|
9
|
+
const context = react.useContext(TernSecureContext);
|
|
10
|
+
if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {
|
|
11
|
+
throw new Error(
|
|
12
|
+
`${hookName} cannot be used directly. Please import it from "@/app/providers/TernSecureProvider" instead.
|
|
13
|
+
|
|
14
|
+
Change:
|
|
15
|
+
import { ${hookName} } from "@/app/providers/internal/${hookName}"
|
|
16
|
+
To:
|
|
17
|
+
import { ${hookName} } from "@/app/providers/TernSecureProvider"`
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
return context;
|
|
21
|
+
};
|
|
22
|
+
function TernSecureClientProvider({ children }) {
|
|
26
23
|
return /* @__PURE__ */ jsxRuntime.jsx(TernSecureContext.Provider, { value: {
|
|
27
24
|
_contextKey: INTERNAL_CONTEXT_KEY
|
|
28
25
|
}, children });
|
|
29
26
|
}
|
|
30
|
-
var AuthStateContext = react.createContext(null);
|
|
31
|
-
function TernSecureClientProvider({
|
|
32
|
-
children,
|
|
33
|
-
initialState
|
|
34
|
-
}) {
|
|
35
|
-
const [authState, setAuthState] = react.useState(initialState);
|
|
36
|
-
react.useEffect(() => {
|
|
37
|
-
const unsubscribe = auth.onAuthStateChanged(ternAuth, (user) => {
|
|
38
|
-
if (user) {
|
|
39
|
-
setAuthState({
|
|
40
|
-
loading: false,
|
|
41
|
-
isSignedIn: !!user,
|
|
42
|
-
userId: user.uid,
|
|
43
|
-
error: null
|
|
44
|
-
});
|
|
45
|
-
} else {
|
|
46
|
-
setAuthState({
|
|
47
|
-
loading: false,
|
|
48
|
-
isSignedIn: false,
|
|
49
|
-
userId: null,
|
|
50
|
-
error: null
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
return () => unsubscribe();
|
|
55
|
-
}, []);
|
|
56
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(TernSecureCtxProvider, { children: [
|
|
57
|
-
" ",
|
|
58
|
-
/* @__PURE__ */ jsxRuntime.jsxs(AuthStateContext.Provider, { value: authState, children: [
|
|
59
|
-
" ",
|
|
60
|
-
children
|
|
61
|
-
] })
|
|
62
|
-
] });
|
|
63
|
-
}
|
|
64
27
|
|
|
65
|
-
exports.AuthStateContext = AuthStateContext;
|
|
66
28
|
exports.TernSecureClientProvider = TernSecureClientProvider;
|
|
29
|
+
exports.useInternalContext = useInternalContext;
|
|
67
30
|
//# sourceMappingURL=TernSecureProvider.cjs.map
|
|
68
31
|
//# sourceMappingURL=TernSecureProvider.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/
|
|
1
|
+
{"version":3,"sources":["../../../../src/app-router/client/TernSecureProvider.tsx"],"names":["createContext","useContext","jsx"],"mappings":";;;;;AASA,IAAM,oBAAA,GAAuB,OAAO,sBAAsB,CAAA;AAC1D,IAAM,iBAAA,GAAoBA,oBAA4C,IAAI,CAAA;AAG7D,IAAA,kBAAA,GAAqB,CAAC,QAAqB,KAAA;AACtD,EAAM,MAAA,OAAA,GAAUC,iBAAW,iBAAiB,CAAA;AAC5C,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,WAAA,KAAgB,oBAAsB,EAAA;AAC5D,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,GAAG,QAAQ,CAAA;;AAAA;AAAA,SAGC,EAAA,QAAQ,qCAAqC,QAAQ,CAAA;AAAA;AAAA,SAAA,EAErD,QAAQ,CAAA,4CAAA;AAAA,KACtB;AAAA;AAEF,EAAO,OAAA,OAAA;AACT;AAEO,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAA2C,EAAA;AACpF,EAAA,uBACGC,cAAA,CAAA,iBAAA,CAAkB,QAAlB,EAAA,EAA2B,KAAO,EAAA;AAAA,IACjC,WAAa,EAAA;AAAA,KAEZ,QACH,EAAA,CAAA;AAEJ","file":"TernSecureProvider.cjs","sourcesContent":["'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\n\r\ninterface TernSecureContextType {\r\n _contextKey: Symbol\r\n}\r\n\r\nconst INTERNAL_CONTEXT_KEY = Symbol('INTERNAL_CONTEXT_KEY')\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\n// Internal context hook\r\nexport const useInternalContext = (hookName: string) => {\r\n const context = useContext(TernSecureContext)\r\n if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n throw new Error(\r\n `${hookName} cannot be used directly. ` +\r\n 'Please import it from \"@/app/providers/TernSecureProvider\" instead.\\n\\n' +\r\n 'Change:\\n' +\r\n `import { ${hookName} } from \"@/app/providers/internal/${hookName}\"\\n` +\r\n 'To:\\n' +\r\n `import { ${hookName} } from \"@/app/providers/TernSecureProvider\"`\r\n )\r\n }\r\n return context\r\n}\r\n\r\nexport function TernSecureClientProvider({ 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}\r\n\r\n"]}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var app = require('firebase/app');
|
|
5
|
-
var auth = require('firebase/auth');
|
|
6
|
-
var firestore = require('firebase/firestore');
|
|
7
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
5
|
|
|
9
6
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -11,61 +8,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
11
8
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
9
|
|
|
13
10
|
// src/app-router/server/TernSecureServerProvider.tsx
|
|
14
|
-
var
|
|
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
|
|
22
|
-
};
|
|
23
|
-
var clientApp = app.initializeApp(clientConfig);
|
|
24
|
-
var ternAuth = auth.getAuth(clientApp);
|
|
25
|
-
auth.setPersistence(ternAuth, auth.browserSessionPersistence);
|
|
26
|
-
firestore.getFirestore(clientApp);
|
|
27
|
-
var INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
|
|
11
|
+
var INTERNAL_CONTEXT_KEY = Symbol("INTERNAL_CONTEXT_KEY");
|
|
28
12
|
var TernSecureContext = React.createContext(null);
|
|
29
|
-
|
|
30
|
-
function TernSecureCtxProvider({ children }) {
|
|
13
|
+
function TernSecureClientProvider({ children }) {
|
|
31
14
|
return /* @__PURE__ */ jsxRuntime.jsx(TernSecureContext.Provider, { value: {
|
|
32
15
|
_contextKey: INTERNAL_CONTEXT_KEY
|
|
33
16
|
}, children });
|
|
34
17
|
}
|
|
35
|
-
var AuthStateContext = React.createContext(null);
|
|
36
|
-
function TernSecureClientProvider({
|
|
37
|
-
children,
|
|
38
|
-
initialState
|
|
39
|
-
}) {
|
|
40
|
-
const [authState, setAuthState] = React.useState(initialState);
|
|
41
|
-
React.useEffect(() => {
|
|
42
|
-
const unsubscribe = auth.onAuthStateChanged(ternAuth, (user) => {
|
|
43
|
-
if (user) {
|
|
44
|
-
setAuthState({
|
|
45
|
-
loading: false,
|
|
46
|
-
isSignedIn: !!user,
|
|
47
|
-
userId: user.uid,
|
|
48
|
-
error: null
|
|
49
|
-
});
|
|
50
|
-
} else {
|
|
51
|
-
setAuthState({
|
|
52
|
-
loading: false,
|
|
53
|
-
isSignedIn: false,
|
|
54
|
-
userId: null,
|
|
55
|
-
error: null
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
return () => unsubscribe();
|
|
60
|
-
}, []);
|
|
61
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(TernSecureCtxProvider, { children: [
|
|
62
|
-
" ",
|
|
63
|
-
/* @__PURE__ */ jsxRuntime.jsxs(AuthStateContext.Provider, { value: authState, children: [
|
|
64
|
-
" ",
|
|
65
|
-
children
|
|
66
|
-
] })
|
|
67
|
-
] });
|
|
68
|
-
}
|
|
69
18
|
function TernSecureLoadingFallback() {
|
|
70
19
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
71
20
|
"div",
|
|
@@ -80,13 +29,7 @@ function TernSecureLoadingFallback() {
|
|
|
80
29
|
function TernSecureServerProvider({
|
|
81
30
|
children
|
|
82
31
|
}) {
|
|
83
|
-
|
|
84
|
-
loading: true,
|
|
85
|
-
isSignedIn: false,
|
|
86
|
-
userId: null,
|
|
87
|
-
error: null
|
|
88
|
-
};
|
|
89
|
-
return /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(TernSecureLoadingFallback, {}), children: /* @__PURE__ */ jsxRuntime.jsx(TernSecureClientProvider, { initialState, children }) });
|
|
32
|
+
return /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(TernSecureLoadingFallback, {}), children: /* @__PURE__ */ jsxRuntime.jsx(TernSecureClientProvider, { children }) });
|
|
90
33
|
}
|
|
91
34
|
|
|
92
35
|
exports.TernSecureServerProvider = TernSecureServerProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/
|
|
1
|
+
{"version":3,"sources":["../../../../src/app-router/client/TernSecureProvider.tsx","../../../../src/app-router/server/TernSecureServerProvider.tsx"],"names":["createContext","jsx","React"],"mappings":";;;;;;;;;;AASA,IAAM,oBAAA,GAAuB,OAAO,sBAAsB,CAAA;AAC1D,IAAM,iBAAA,GAAoBA,oBAA4C,IAAI,CAAA;AAkBnE,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAA2C,EAAA;AACpF,EAAA,uBACGC,cAAA,CAAA,iBAAA,CAAkB,QAAlB,EAAA,EAA2B,KAAO,EAAA;AAAA,IACjC,WAAa,EAAA;AAAA,KAEZ,QACH,EAAA,CAAA;AAEJ;AC9BA,SAAS,yBAA4B,GAAA;AACnC,EAAA,uBACEA,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,wBAAA;AAAA,MACX,IAAK,EAAA,QAAA;AAAA,MACL,SAAU,EAAA,qBAAA;AAAA,MAEV,QAAAA,kBAAAA,cAAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAU,WAAU,QAAyB,EAAA,2BAAA,EAAA;AAAA;AAAA,GACrD;AAEJ;AA2BO,SAAS,wBAAyB,CAAA;AAAA,EACvC;AACF,CAAkC,EAAA;AAEhC,EAAA,uBACEA,cAAAA,CAACC,sBAAM,CAAA,QAAA,EAAN,EAAe,QAAU,kBAAAD,cAAC,CAAA,yBAAA,EAAA,EAA0B,CAEnD,EAAA,QAAA,kBAAAA,cAAC,CAAA,wBAAA,EAAA,EACE,UACH,CACF,EAAA,CAAA;AAEJ","file":"TernSecureServerProvider.cjs","sourcesContent":["'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\n\r\ninterface TernSecureContextType {\r\n _contextKey: Symbol\r\n}\r\n\r\nconst INTERNAL_CONTEXT_KEY = Symbol('INTERNAL_CONTEXT_KEY')\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\n// Internal context hook\r\nexport const useInternalContext = (hookName: string) => {\r\n const context = useContext(TernSecureContext)\r\n if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n throw new Error(\r\n `${hookName} cannot be used directly. ` +\r\n 'Please import it from \"@/app/providers/TernSecureProvider\" instead.\\n\\n' +\r\n 'Change:\\n' +\r\n `import { ${hookName} } from \"@/app/providers/internal/${hookName}\"\\n` +\r\n 'To:\\n' +\r\n `import { ${hookName} } from \"@/app/providers/TernSecureProvider\"`\r\n )\r\n }\r\n return context\r\n}\r\n\r\nexport function TernSecureClientProvider({ 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}\r\n\r\n","import React from \"react\"\r\nimport { TernSecureClientProvider } 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 function TernSecureServerProvider({ \r\n children \r\n}: TernSecureServerProviderProps) {\r\n\r\n return (\r\n <React.Suspense fallback={<TernSecureLoadingFallback />}>\r\n {/* Add use client directive */}\r\n <TernSecureClientProvider>\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 }"]}
|
|
@@ -15,14 +15,14 @@ var clientConfig = {
|
|
|
15
15
|
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
|
|
16
16
|
};
|
|
17
17
|
var clientApp = app.initializeApp(clientConfig);
|
|
18
|
-
var
|
|
19
|
-
auth.setPersistence(
|
|
18
|
+
var clientAuth = auth.getAuth(clientApp);
|
|
19
|
+
auth.setPersistence(clientAuth, auth.browserSessionPersistence);
|
|
20
20
|
firestore.getFirestore(clientApp);
|
|
21
21
|
async function signInWithEmail({
|
|
22
22
|
email,
|
|
23
23
|
password
|
|
24
24
|
}) {
|
|
25
|
-
return auth.signInWithEmailAndPassword(
|
|
25
|
+
return auth.signInWithEmailAndPassword(clientAuth, email, password);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
exports.signInWithEmail = signInWithEmail;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/utils/client-init.ts","../../../../src/app-router/server/auth.ts"],"names":["initializeApp","getAuth","setPersistence","browserSessionPersistence","getFirestore","signInWithEmailAndPassword"],"mappings":";;;;;;;AAMA,IAAM,YAAe,GAAA;AAAA,EACnB,MAAA,EAAQ,QAAQ,GAAI,CAAA,4BAAA;AAAA,EACpB,UAAA,EAAY,QAAQ,GAAI,CAAA,gCAAA;AAAA,EACxB,SAAA,EAAW,QAAQ,GAAI,CAAA,+BAAA;AAAA,EACvB,aAAA,EAAe,QAAQ,GAAI,CAAA,mCAAA;AAAA,EAC3B,iBAAA,EAAmB,QAAQ,GAAI,CAAA,wCAAA;AAAA,EAC/B,KAAA,EAAO,QAAQ,GAAI,CAAA,2BAAA;AAAA,EACnB,aAAA,EAAe,QAAQ,GAAI,CAAA;AAC7B,CAAA;AAGA,IAAM,SAAA,GAAYA,kBAAc,YAAY,CAAA;AACrC,IAAM,
|
|
1
|
+
{"version":3,"sources":["../../../../src/utils/client-init.ts","../../../../src/app-router/server/auth.ts"],"names":["initializeApp","getAuth","setPersistence","browserSessionPersistence","getFirestore","signInWithEmailAndPassword"],"mappings":";;;;;;;AAMA,IAAM,YAAe,GAAA;AAAA,EACnB,MAAA,EAAQ,QAAQ,GAAI,CAAA,4BAAA;AAAA,EACpB,UAAA,EAAY,QAAQ,GAAI,CAAA,gCAAA;AAAA,EACxB,SAAA,EAAW,QAAQ,GAAI,CAAA,+BAAA;AAAA,EACvB,aAAA,EAAe,QAAQ,GAAI,CAAA,mCAAA;AAAA,EAC3B,iBAAA,EAAmB,QAAQ,GAAI,CAAA,wCAAA;AAAA,EAC/B,KAAA,EAAO,QAAQ,GAAI,CAAA,2BAAA;AAAA,EACnB,aAAA,EAAe,QAAQ,GAAI,CAAA;AAC7B,CAAA;AAGA,IAAM,SAAA,GAAYA,kBAAc,YAAY,CAAA;AACrC,IAAM,UAAA,GAAaC,aAAQ,SAAS,CAAA;AAC3CC,mBAAA,CAAe,YAAYC,8BAAyB,CAAA;AAClCC,uBAAa,SAAS;ACZxC,eAAsB,eAAgB,CAAA;AAAA,EACpC,KAAA;AAAA,EACA;AACF,CAA+C,EAAA;AAE7C,EAAO,OAAAC,+BAAA,CAA2B,UAAY,EAAA,KAAA,EAAO,QAAQ,CAAA;AAC/D","file":"auth.cjs","sourcesContent":["//lib/firebaseClient.ts\r\n\r\nimport { initializeApp } from 'firebase/app'\r\nimport { getAuth, setPersistence, browserSessionPersistence, inMemoryPersistence, browserLocalPersistence, connectAuthEmulator } from 'firebase/auth'\r\nimport { getFirestore } from 'firebase/firestore'\r\n\r\nconst clientConfig = {\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,\r\n}\r\n\r\n\r\nconst clientApp = initializeApp(clientConfig)\r\nexport const clientAuth = getAuth(clientApp)\r\nsetPersistence(clientAuth, browserSessionPersistence)\r\nexport const db = getFirestore(clientApp)","import { clientAuth } 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(clientAuth, email, password)\r\n} "]}
|
|
@@ -1,36 +1,73 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var react = require('react');
|
|
4
|
+
var auth = require('firebase/auth');
|
|
5
|
+
var app = require('firebase/app');
|
|
6
|
+
var firestore = require('firebase/firestore');
|
|
4
7
|
require('react/jsx-runtime');
|
|
5
|
-
require('firebase/auth');
|
|
6
8
|
|
|
9
|
+
var clientConfig = {
|
|
10
|
+
apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
|
|
11
|
+
authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
|
|
12
|
+
projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
|
|
13
|
+
storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
|
|
14
|
+
messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
|
|
15
|
+
appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
|
|
16
|
+
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
|
|
17
|
+
};
|
|
18
|
+
var clientApp = app.initializeApp(clientConfig);
|
|
19
|
+
var clientAuth = auth.getAuth(clientApp);
|
|
20
|
+
auth.setPersistence(clientAuth, auth.browserSessionPersistence);
|
|
21
|
+
firestore.getFirestore(clientApp);
|
|
22
|
+
var INTERNAL_CONTEXT_KEY = Symbol("INTERNAL_CONTEXT_KEY");
|
|
7
23
|
var TernSecureContext = react.createContext(null);
|
|
8
|
-
|
|
9
|
-
var useInternalContext = (hookname) => {
|
|
24
|
+
var useInternalContext = (hookName) => {
|
|
10
25
|
const context = react.useContext(TernSecureContext);
|
|
11
|
-
if (!context) {
|
|
26
|
+
if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {
|
|
12
27
|
throw new Error(
|
|
13
|
-
`${
|
|
28
|
+
`${hookName} cannot be used directly. Please import it from "@/app/providers/TernSecureProvider" instead.
|
|
29
|
+
|
|
30
|
+
Change:
|
|
31
|
+
import { ${hookName} } from "@/app/providers/internal/${hookName}"
|
|
32
|
+
To:
|
|
33
|
+
import { ${hookName} } from "@/app/providers/TernSecureProvider"`
|
|
14
34
|
);
|
|
15
35
|
}
|
|
16
36
|
return context;
|
|
17
37
|
};
|
|
18
|
-
var AuthStateContext = react.createContext(null);
|
|
19
38
|
|
|
20
39
|
// src/boundary/hooks/useAuth.ts
|
|
21
|
-
function
|
|
40
|
+
function useAuthInternal() {
|
|
41
|
+
const [authState, setAuthState] = react.useState({
|
|
42
|
+
loading: true,
|
|
43
|
+
isSignedIn: false,
|
|
44
|
+
userId: null,
|
|
45
|
+
error: null
|
|
46
|
+
});
|
|
47
|
+
react.useEffect(() => {
|
|
48
|
+
const unsubscribe = auth.onAuthStateChanged(clientAuth, (user) => {
|
|
49
|
+
if (user) {
|
|
50
|
+
setAuthState({
|
|
51
|
+
loading: false,
|
|
52
|
+
isSignedIn: true,
|
|
53
|
+
userId: user.uid,
|
|
54
|
+
error: null
|
|
55
|
+
});
|
|
56
|
+
} else {
|
|
57
|
+
setAuthState({
|
|
58
|
+
loading: false,
|
|
59
|
+
isSignedIn: false,
|
|
60
|
+
userId: null,
|
|
61
|
+
error: null
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
return () => unsubscribe();
|
|
66
|
+
}, []);
|
|
22
67
|
useInternalContext("useAuth");
|
|
23
|
-
|
|
24
|
-
if (!authState) {
|
|
25
|
-
throw new Error("Auth state not found");
|
|
26
|
-
}
|
|
27
|
-
return {
|
|
28
|
-
userId: authState.userId,
|
|
29
|
-
loading: authState.loading,
|
|
30
|
-
error: authState.error,
|
|
31
|
-
isSignedIn: authState.isSignedIn
|
|
32
|
-
};
|
|
68
|
+
return { authState };
|
|
33
69
|
}
|
|
70
|
+
var useAuth = useAuthInternal;
|
|
34
71
|
|
|
35
72
|
exports.useAuth = useAuth;
|
|
36
73
|
//# sourceMappingURL=useAuth.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/
|
|
1
|
+
{"version":3,"sources":["../../../../src/utils/client-init.ts","../../../../src/app-router/client/TernSecureProvider.tsx","../../../../src/boundary/hooks/useAuth.ts"],"names":["initializeApp","getAuth","setPersistence","browserSessionPersistence","getFirestore","createContext","useContext","useState","useEffect","onAuthStateChanged"],"mappings":";;;;;;;;AAMA,IAAM,YAAe,GAAA;AAAA,EACnB,MAAA,EAAQ,QAAQ,GAAI,CAAA,4BAAA;AAAA,EACpB,UAAA,EAAY,QAAQ,GAAI,CAAA,gCAAA;AAAA,EACxB,SAAA,EAAW,QAAQ,GAAI,CAAA,+BAAA;AAAA,EACvB,aAAA,EAAe,QAAQ,GAAI,CAAA,mCAAA;AAAA,EAC3B,iBAAA,EAAmB,QAAQ,GAAI,CAAA,wCAAA;AAAA,EAC/B,KAAA,EAAO,QAAQ,GAAI,CAAA,2BAAA;AAAA,EACnB,aAAA,EAAe,QAAQ,GAAI,CAAA;AAC7B,CAAA;AAGA,IAAM,SAAA,GAAYA,kBAAc,YAAY,CAAA;AACrC,IAAM,UAAA,GAAaC,aAAQ,SAAS,CAAA;AAC3CC,mBAAA,CAAe,YAAYC,8BAAyB,CAAA;AAClCC,uBAAa,SAAS;ACXxC,IAAM,oBAAA,GAAuB,OAAO,sBAAsB,CAAA;AAC1D,IAAM,iBAAA,GAAoBC,oBAA4C,IAAI,CAAA;AAGnE,IAAM,kBAAA,GAAqB,CAAC,QAAqB,KAAA;AACtD,EAAM,MAAA,OAAA,GAAUC,iBAAW,iBAAiB,CAAA;AAC5C,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,WAAA,KAAgB,oBAAsB,EAAA;AAC5D,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,GAAG,QAAQ,CAAA;;AAAA;AAAA,SAGC,EAAA,QAAQ,qCAAqC,QAAQ,CAAA;AAAA;AAAA,SAAA,EAErD,QAAQ,CAAA,4CAAA;AAAA,KACtB;AAAA;AAEF,EAAO,OAAA,OAAA;AACT,CAAA;;;ACXA,SAAS,eAAkB,GAAA;AACzB,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,cAAoB,CAAA;AAAA,IACpD,OAAS,EAAA,IAAA;AAAA,IACT,UAAY,EAAA,KAAA;AAAA,IACZ,MAAQ,EAAA,IAAA;AAAA,IACR,KAAO,EAAA;AAAA,GACR,CAAA;AAED,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAc,GAAAC,uBAAA,CAAmB,UAAY,EAAA,CAAC,IAAS,KAAA;AAC3D,MAAA,IAAI,IAAM,EAAA;AACR,QAAa,YAAA,CAAA;AAAA,UACX,OAAS,EAAA,KAAA;AAAA,UACT,UAAY,EAAA,IAAA;AAAA,UACZ,QAAQ,IAAK,CAAA,GAAA;AAAA,UACb,KAAO,EAAA;AAAA,SACR,CAAA;AAAA,OACI,MAAA;AACL,QAAa,YAAA,CAAA;AAAA,UACX,OAAS,EAAA,KAAA;AAAA,UACT,UAAY,EAAA,KAAA;AAAA,UACZ,MAAQ,EAAA,IAAA;AAAA,UACR,KAAO,EAAA;AAAA,SACR,CAAA;AAAA;AACH,KACD,CAAA;AAED,IAAA,OAAO,MAAM,WAAY,EAAA;AAAA,GAC3B,EAAG,EAAE,CAAA;AAEL,EAAA,kBAAA,CAAmB,SAAS,CAAA;AAC5B,EAAA,OAAO,EAAE,SAAU,EAAA;AACrB;AAEO,IAAM,OAAU,GAAA","file":"useAuth.cjs","sourcesContent":["//lib/firebaseClient.ts\r\n\r\nimport { initializeApp } from 'firebase/app'\r\nimport { getAuth, setPersistence, browserSessionPersistence, inMemoryPersistence, browserLocalPersistence, connectAuthEmulator } from 'firebase/auth'\r\nimport { getFirestore } from 'firebase/firestore'\r\n\r\nconst clientConfig = {\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,\r\n}\r\n\r\n\r\nconst clientApp = initializeApp(clientConfig)\r\nexport const clientAuth = getAuth(clientApp)\r\nsetPersistence(clientAuth, browserSessionPersistence)\r\nexport const db = getFirestore(clientApp)","'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\n\r\ninterface TernSecureContextType {\r\n _contextKey: Symbol\r\n}\r\n\r\nconst INTERNAL_CONTEXT_KEY = Symbol('INTERNAL_CONTEXT_KEY')\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\n// Internal context hook\r\nexport const useInternalContext = (hookName: string) => {\r\n const context = useContext(TernSecureContext)\r\n if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n throw new Error(\r\n `${hookName} cannot be used directly. ` +\r\n 'Please import it from \"@/app/providers/TernSecureProvider\" instead.\\n\\n' +\r\n 'Change:\\n' +\r\n `import { ${hookName} } from \"@/app/providers/internal/${hookName}\"\\n` +\r\n 'To:\\n' +\r\n `import { ${hookName} } from \"@/app/providers/TernSecureProvider\"`\r\n )\r\n }\r\n return context\r\n}\r\n\r\nexport function TernSecureClientProvider({ 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}\r\n\r\n","'use client'\r\n\r\nimport { useState, useEffect } from 'react'\r\nimport { User, onAuthStateChanged } from \"firebase/auth\"\r\nimport { clientAuth } from '../../utils/client-init'\r\nimport { useInternalContext } from '../../app-router/client/TernSecureProvider'\r\n\r\n\r\ninterface AuthState {\r\n loading: boolean\r\n isSignedIn: boolean\r\n userId: string | null\r\n error: Error | null\r\n}\r\n\r\nfunction useAuthInternal() {\r\n const [authState, setAuthState] = useState<AuthState>({\r\n loading: true,\r\n isSignedIn: false,\r\n userId: null,\r\n error: null\r\n })\r\n\r\n useEffect(() => {\r\n const unsubscribe = onAuthStateChanged(clientAuth, (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 useInternalContext('useAuth')\r\n return { authState }\r\n}\r\n\r\nexport const useAuth = useAuthInternal"]}
|
|
@@ -17,14 +17,14 @@ var clientConfig = {
|
|
|
17
17
|
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
|
|
18
18
|
};
|
|
19
19
|
var clientApp = app.initializeApp(clientConfig);
|
|
20
|
-
var
|
|
21
|
-
auth.setPersistence(
|
|
20
|
+
var clientAuth = auth.getAuth(clientApp);
|
|
21
|
+
auth.setPersistence(clientAuth, auth.browserSessionPersistence);
|
|
22
22
|
firestore.getFirestore(clientApp);
|
|
23
23
|
async function signInWithEmail({
|
|
24
24
|
email,
|
|
25
25
|
password
|
|
26
26
|
}) {
|
|
27
|
-
return auth.signInWithEmailAndPassword(
|
|
27
|
+
return auth.signInWithEmailAndPassword(clientAuth, email, password);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
// src/utils/create-styles.ts
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/client-init.ts","../../../src/app-router/server/auth.ts","../../../src/utils/create-styles.ts","../../../src/components/sign-in.tsx"],"names":["initializeApp","getAuth","setPersistence","browserSessionPersistence","getFirestore","signInWithEmailAndPassword","styles","useState","jsxs","jsx"],"mappings":"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","file":"sign-in.cjs","sourcesContent":["//lib/firebaseClient.ts\r\n\r\nimport { initializeApp } from 'firebase/app'\r\nimport { getAuth, setPersistence, browserSessionPersistence, inMemoryPersistence, browserLocalPersistence, connectAuthEmulator } from 'firebase/auth'\r\nimport { getFirestore } from 'firebase/firestore'\r\n\r\nconst clientConfig = {\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,\r\n}\r\n\r\n\r\nconst clientApp = initializeApp(clientConfig)\r\nexport const ternAuth = getAuth(clientApp)\r\nsetPersistence(ternAuth, browserSessionPersistence)\r\nexport const db = getFirestore(clientApp)","import { ternAuth } 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(ternAuth, email, password)\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 * 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"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/utils/client-init.ts","../../../src/app-router/server/auth.ts","../../../src/utils/create-styles.ts","../../../src/components/sign-in.tsx"],"names":["initializeApp","getAuth","setPersistence","browserSessionPersistence","getFirestore","signInWithEmailAndPassword","styles","useState","jsxs","jsx"],"mappings":"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","file":"sign-in.cjs","sourcesContent":["//lib/firebaseClient.ts\r\n\r\nimport { initializeApp } from 'firebase/app'\r\nimport { getAuth, setPersistence, browserSessionPersistence, inMemoryPersistence, browserLocalPersistence, connectAuthEmulator } from 'firebase/auth'\r\nimport { getFirestore } from 'firebase/firestore'\r\n\r\nconst clientConfig = {\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,\r\n}\r\n\r\n\r\nconst clientApp = initializeApp(clientConfig)\r\nexport const clientAuth = getAuth(clientApp)\r\nsetPersistence(clientAuth, browserSessionPersistence)\r\nexport const db = getFirestore(clientApp)","import { clientAuth } 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(clientAuth, email, password)\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 * 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"]}
|