@tern-secure/nextjs 3.1.31 → 3.1.32

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