@tern-secure/nextjs 3.1.19 → 3.1.21

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 (109) hide show
  1. package/dist/app-router/client/auth.d.ts +7 -0
  2. package/dist/app-router/client/auth.d.ts.map +1 -0
  3. package/dist/app-router/client/auth.js +7 -0
  4. package/dist/app-router/client/auth.js.map +1 -0
  5. package/dist/app-router/client/client-init.d.ts +4 -0
  6. package/dist/app-router/client/client-init.d.ts.map +1 -0
  7. package/dist/app-router/client/client-init.js +18 -0
  8. package/dist/app-router/client/client-init.js.map +1 -0
  9. package/dist/app-router/client/config.d.ts +4 -0
  10. package/dist/app-router/client/config.d.ts.map +1 -0
  11. package/dist/app-router/client/config.js +18 -0
  12. package/dist/app-router/client/config.js.map +1 -0
  13. package/dist/app-router/client/index.d.ts +7 -0
  14. package/dist/app-router/client/index.d.ts.map +1 -0
  15. package/dist/app-router/client/index.js +6 -0
  16. package/dist/app-router/client/index.js.map +1 -0
  17. package/dist/app-router/client/providers/ternSecureClientProvider.d.ts +5 -0
  18. package/dist/app-router/client/providers/ternSecureClientProvider.d.ts.map +1 -0
  19. package/dist/app-router/client/providers/ternSecureClientProvider.js +9 -0
  20. package/dist/app-router/client/providers/ternSecureClientProvider.js.map +1 -0
  21. package/dist/app-router/client/providers/ternSecureContext.d.ts +7 -0
  22. package/dist/app-router/client/providers/ternSecureContext.d.ts.map +1 -0
  23. package/dist/app-router/client/providers/ternSecureContext.js +24 -0
  24. package/dist/app-router/client/providers/ternSecureContext.js.map +1 -0
  25. package/dist/app-router/server/index.d.ts +2 -0
  26. package/dist/app-router/server/index.d.ts.map +1 -0
  27. package/dist/app-router/server/index.js +2 -0
  28. package/dist/app-router/server/index.js.map +1 -0
  29. package/dist/app-router/server/providers/TernSecureServerProvider.d.ts +7 -0
  30. package/dist/app-router/server/providers/TernSecureServerProvider.d.ts.map +1 -0
  31. package/dist/app-router/server/providers/TernSecureServerProvider.js +31 -0
  32. package/dist/app-router/server/providers/TernSecureServerProvider.js.map +1 -0
  33. package/dist/components/index.d.ts +2 -0
  34. package/dist/components/index.d.ts.map +1 -0
  35. package/dist/components/index.js +2 -0
  36. package/dist/components/index.js.map +1 -0
  37. package/dist/{esm/components/index.d.ts → components/sign-in.d.ts} +3 -6
  38. package/dist/components/sign-in.d.ts.map +1 -0
  39. package/dist/components/sign-in.js +32 -0
  40. package/dist/components/sign-in.js.map +1 -0
  41. package/dist/errors/index.d.ts +9 -0
  42. package/dist/errors/index.d.ts.map +1 -0
  43. package/dist/errors/index.js +12 -0
  44. package/dist/errors/index.js.map +1 -0
  45. package/dist/hooks/index.d.ts +2 -0
  46. package/dist/hooks/index.d.ts.map +1 -0
  47. package/dist/hooks/index.js +2 -0
  48. package/dist/hooks/index.js.map +1 -0
  49. package/dist/hooks/useAuth.d.ts +2 -0
  50. package/dist/hooks/useAuth.d.ts.map +1 -0
  51. package/dist/hooks/useAuth.js +58 -0
  52. package/dist/hooks/useAuth.js.map +1 -0
  53. package/dist/index.d.ts +5 -0
  54. package/dist/index.d.ts.map +1 -0
  55. package/dist/index.js +5 -0
  56. package/dist/index.js.map +1 -0
  57. package/dist/types/index.d.ts +41 -0
  58. package/dist/types/index.d.ts.map +1 -0
  59. package/dist/types/index.js +2 -0
  60. package/dist/types/index.js.map +1 -0
  61. package/dist/utils/create-styles.d.ts +99 -0
  62. package/dist/utils/create-styles.d.ts.map +1 -0
  63. package/dist/utils/create-styles.js +127 -0
  64. package/dist/utils/create-styles.js.map +1 -0
  65. package/package.json +2 -2
  66. package/dist/cjs/app-router/client/client-init.cjs +0 -47
  67. package/dist/cjs/app-router/client/client-init.cjs.map +0 -1
  68. package/dist/cjs/app-router/client/config.cjs +0 -27
  69. package/dist/cjs/app-router/client/config.cjs.map +0 -1
  70. package/dist/cjs/app-router/client/index.cjs +0 -93
  71. package/dist/cjs/app-router/client/index.cjs.map +0 -1
  72. package/dist/cjs/app-router/server/index.cjs +0 -96
  73. package/dist/cjs/app-router/server/index.cjs.map +0 -1
  74. package/dist/cjs/components/index.cjs +0 -288
  75. package/dist/cjs/components/index.cjs.map +0 -1
  76. package/dist/cjs/index.cjs +0 -434
  77. package/dist/cjs/index.cjs.map +0 -1
  78. package/dist/esm/app-router/client/client-init.d.ts +0 -9
  79. package/dist/esm/app-router/client/client-init.js +0 -4
  80. package/dist/esm/app-router/client/client-init.js.map +0 -1
  81. package/dist/esm/app-router/client/config.d.ts +0 -2
  82. package/dist/esm/app-router/client/config.js +0 -3
  83. package/dist/esm/app-router/client/config.js.map +0 -1
  84. package/dist/esm/app-router/client/index.d.ts +0 -24
  85. package/dist/esm/app-router/client/index.js +0 -6
  86. package/dist/esm/app-router/client/index.js.map +0 -1
  87. package/dist/esm/app-router/server/index.d.ts +0 -9
  88. package/dist/esm/app-router/server/index.js +0 -3
  89. package/dist/esm/app-router/server/index.js.map +0 -1
  90. package/dist/esm/chunk-2KTAGORW.js +0 -15
  91. package/dist/esm/chunk-2KTAGORW.js.map +0 -1
  92. package/dist/esm/chunk-4NSAJAO6.js +0 -227
  93. package/dist/esm/chunk-4NSAJAO6.js.map +0 -1
  94. package/dist/esm/chunk-56UNIYRZ.js +0 -45
  95. package/dist/esm/chunk-56UNIYRZ.js.map +0 -1
  96. package/dist/esm/chunk-EF3FO2UD.js +0 -24
  97. package/dist/esm/chunk-EF3FO2UD.js.map +0 -1
  98. package/dist/esm/chunk-PEBK7FQF.js +0 -36
  99. package/dist/esm/chunk-PEBK7FQF.js.map +0 -1
  100. package/dist/esm/chunk-YZ776Z4A.js +0 -22
  101. package/dist/esm/chunk-YZ776Z4A.js.map +0 -1
  102. package/dist/esm/components/index.js +0 -7
  103. package/dist/esm/components/index.js.map +0 -1
  104. package/dist/esm/config-CYswigMN.d.ts +0 -30
  105. package/dist/esm/index.d.ts +0 -16
  106. package/dist/esm/index.js +0 -70
  107. package/dist/esm/index.js.map +0 -1
  108. package/dist/esm/ternSecureClientProvider-NWI37OBT.js +0 -3
  109. package/dist/esm/ternSecureClientProvider-NWI37OBT.js.map +0 -1
@@ -1,288 +0,0 @@
1
- 'use strict';
2
-
3
- var React = require('react');
4
- var app$1 = require('firebase/app');
5
- var auth$1 = require('firebase/auth');
6
- var firestore = require('firebase/firestore');
7
- var storage = require('firebase/storage');
8
- var jsxRuntime = require('react/jsx-runtime');
9
-
10
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
-
12
- var React__default = /*#__PURE__*/_interopDefault(React);
13
-
14
- /* eslint-disable */
15
-
16
-
17
- // src/app-router/client/config.ts
18
- var loadFireConfig = () => ({
19
- apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
20
- authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
21
- projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
22
- storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
23
- messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
24
- appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
25
- measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
26
- });
27
- var validateConfig = (config) => {
28
- Object.entries(config).forEach(([key, value]) => {
29
- if (!value) {
30
- throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);
31
- }
32
- });
33
- return config;
34
- };
35
-
36
- // src/app-router/client/client-init.ts
37
- var app = (() => {
38
- const config = validateConfig(loadFireConfig());
39
- return app$1.getApps().length ? app$1.getApps()[0] : app$1.initializeApp(config);
40
- })();
41
- var auth = auth$1.getAuth(app);
42
- auth$1.setPersistence(auth, auth$1.browserSessionPersistence);
43
- firestore.getFirestore(app);
44
- storage.getStorage(app);
45
- var TernSecureAuth = () => auth;
46
- async function signInWithEmail({
47
- email,
48
- password
49
- }) {
50
- const auth2 = TernSecureAuth();
51
- return auth$1.signInWithEmailAndPassword(auth2, email, password);
52
- }
53
- var initialState = {
54
- firebase: {
55
- initialized: false,
56
- error: null
57
- },
58
- auth: {
59
- user: null,
60
- loading: true,
61
- error: null,
62
- isSignedIn: false
63
- }
64
- };
65
- React__default.default.createContext([initialState, () => {
66
- }]);
67
-
68
- // src/utils/create-styles.ts
69
- var PREFIX = "tern";
70
- var styleInjection = {
71
- isInjected: false,
72
- styleElement: null
73
- };
74
- var defaultClassNames = {
75
- container: `${PREFIX}-container`,
76
- header: `${PREFIX}-header`,
77
- title: `${PREFIX}-title`,
78
- formWrapper: `${PREFIX}-formWrapper`,
79
- formContainer: `${PREFIX}-formContainer`,
80
- form: `${PREFIX}-form`,
81
- label: `${PREFIX}-label`,
82
- input: `${PREFIX}-input`,
83
- button: `${PREFIX}-button`,
84
- error: `${PREFIX}-error`
85
- };
86
- function createStyleSheet(styles2) {
87
- if (typeof window === "undefined") return defaultClassNames;
88
- if (styleInjection.isInjected) {
89
- return defaultClassNames;
90
- }
91
- let styleElement = document.querySelector("[data-tern-secure]");
92
- if (!styleElement) {
93
- styleElement = document.createElement("style");
94
- styleElement.setAttribute("data-tern-secure", "");
95
- document.head.appendChild(styleElement);
96
- styleInjection.styleElement = styleElement;
97
- }
98
- const cssRules = Object.entries(styles2).map(([key, rules]) => {
99
- const className = defaultClassNames[key];
100
- const cssProperties = Object.entries(rules).map(([prop, value]) => {
101
- const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
102
- return `${cssProperty}: ${value};`;
103
- }).join(" ");
104
- return `.${className} { ${cssProperties} }`;
105
- }).join("\n");
106
- styleElement.textContent = cssRules;
107
- styleInjection.isInjected = true;
108
- return defaultClassNames;
109
- }
110
- var styleConfig = {
111
- container: {
112
- display: "flex",
113
- minHeight: "100%",
114
- flex: "1",
115
- flexDirection: "column",
116
- justifyContent: "center",
117
- padding: "3rem 1.5rem"
118
- },
119
- header: {
120
- margin: "0 auto",
121
- width: "100%",
122
- maxWidth: "28rem"
123
- },
124
- title: {
125
- marginTop: "1.5rem",
126
- textAlign: "center",
127
- fontSize: "1.875rem",
128
- fontWeight: "700",
129
- lineHeight: "2.25rem",
130
- letterSpacing: "-0.025em",
131
- color: "var(--tern-text-primary, #111827)"
132
- },
133
- formWrapper: {
134
- marginTop: "2.5rem",
135
- margin: "0 auto",
136
- width: "100%",
137
- maxWidth: "30rem"
138
- },
139
- formContainer: {
140
- padding: "3rem 1.5rem",
141
- boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
142
- borderRadius: "0.5rem",
143
- backgroundColor: "var(--tern-background, white)"
144
- },
145
- form: {
146
- display: "flex",
147
- flexDirection: "column",
148
- gap: "1rem"
149
- },
150
- label: {
151
- display: "block",
152
- fontSize: "0.875rem",
153
- fontWeight: "500",
154
- color: "var(--tern-text-secondary, #374151)"
155
- },
156
- input: {
157
- marginTop: "0.25rem",
158
- display: "block",
159
- width: "100%",
160
- padding: "0.5rem 0.75rem",
161
- borderRadius: "0.375rem",
162
- border: "1px solid var(--tern-border, #D1D5DB)",
163
- backgroundColor: "var(--tern-input-background, white)",
164
- color: "var(--tern-text-primary, #111827)"
165
- },
166
- button: {
167
- display: "flex",
168
- width: "100%",
169
- justifyContent: "center",
170
- padding: "0.5rem 1rem",
171
- fontSize: "0.875rem",
172
- fontWeight: "500",
173
- color: "white",
174
- backgroundColor: "var(--tern-primary, #2563EB)",
175
- border: "none",
176
- borderRadius: "0.375rem",
177
- cursor: "pointer"
178
- },
179
- error: {
180
- color: "var(--tern-error, #DC2626)",
181
- fontSize: "0.875rem"
182
- }
183
- };
184
- var styles = createStyleSheet(styleConfig);
185
- function SignIn({
186
- onSuccess,
187
- onError,
188
- redirectUrl,
189
- className = "",
190
- style,
191
- customStyles = {}
192
- }) {
193
- const [email, setEmail] = React.useState("");
194
- const [password, setPassword] = React.useState("");
195
- const [loading, setLoading] = React.useState(false);
196
- const [error, setError] = React.useState("");
197
- const handleSubmit = async (e) => {
198
- e.preventDefault();
199
- setLoading(true);
200
- setError("");
201
- try {
202
- await signInWithEmail({ email, password });
203
- onSuccess?.();
204
- if (redirectUrl) {
205
- window.location.href = redirectUrl;
206
- }
207
- } catch (err) {
208
- const errorMessage = err instanceof Error ? err.message : "Failed to sign in";
209
- setError(errorMessage);
210
- onError?.(err instanceof Error ? err : new Error("Failed to sign in"));
211
- } finally {
212
- setLoading(false);
213
- }
214
- };
215
- return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
216
- /* @__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" }) }),
217
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs(
218
- "form",
219
- {
220
- onSubmit: handleSubmit,
221
- className: `${styles.form} ${customStyles.form || ""} ${className}`,
222
- role: "form",
223
- "aria-label": "Sign in form",
224
- children: [
225
- error && /* @__PURE__ */ jsxRuntime.jsx(
226
- "div",
227
- {
228
- className: `${styles.error} ${customStyles.errorText || ""}`,
229
- role: "alert",
230
- "aria-live": "polite",
231
- children: error
232
- }
233
- ),
234
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
235
- /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
236
- /* @__PURE__ */ jsxRuntime.jsx(
237
- "input",
238
- {
239
- id: "email",
240
- type: "email",
241
- value: email,
242
- onChange: (e) => setEmail(e.target.value),
243
- placeholder: "Enter your email",
244
- required: true,
245
- className: `${styles.input} ${customStyles.input || ""}`,
246
- disabled: loading,
247
- "aria-required": "true",
248
- "aria-invalid": !!error
249
- }
250
- )
251
- ] }),
252
- /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
253
- /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
254
- /* @__PURE__ */ jsxRuntime.jsx(
255
- "input",
256
- {
257
- id: "password",
258
- type: "password",
259
- value: password,
260
- onChange: (e) => setPassword(e.target.value),
261
- placeholder: "Enter your password",
262
- required: true,
263
- className: `${styles.input} ${customStyles.input || ""}`,
264
- disabled: loading,
265
- "aria-required": "true",
266
- "aria-invalid": !!error
267
- }
268
- )
269
- ] }),
270
- /* @__PURE__ */ jsxRuntime.jsx(
271
- "button",
272
- {
273
- type: "submit",
274
- disabled: loading,
275
- className: `${styles.button} ${customStyles.button || ""}`,
276
- "data-testid": "sign-in-submit",
277
- children: loading ? "Signing in..." : "Sign in"
278
- }
279
- )
280
- ]
281
- }
282
- ) }) })
283
- ] });
284
- }
285
-
286
- exports.SignIn = SignIn;
287
- //# sourceMappingURL=index.cjs.map
288
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/app-router/client/config.ts","../../../src/app-router/client/client-init.ts","../../../src/app-router/client/auth.ts","../../../src/app-router/client/providers/ternSecureContext.tsx","../../../src/utils/create-styles.ts","../../../src/components/sign-in.tsx"],"names":["getApps","initializeApp","getAuth","setPersistence","browserSessionPersistence","getFirestore","getStorage","auth","signInWithEmailAndPassword","React","styles","useState","jsxs","jsx"],"mappings":"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","file":"index.cjs","sourcesContent":["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'\r\n\r\nimport React from 'react'\r\nimport { TernSecureState } from '../../../types'\r\n\r\nconst initialState: TernSecureState = {\r\n firebase: {\r\n initialized: false,\r\n error: null\r\n },\r\n auth: {\r\n user: null,\r\n loading: true,\r\n error: null,\r\n isSignedIn: false\r\n }\r\n}\r\n\r\nconst TernSecureContext = React.createContext<[TernSecureState, React.Dispatch<React.SetStateAction<TernSecureState>>]>([initialState, () => {}])\r\n\r\nconst useTernSecure = (hookname?: string) => {\r\n const context = React.useContext(TernSecureContext)\r\n if (!context) {\r\n throw new Error(\r\n `${hookname} must be used within TernSecureProvider`)\r\n }\r\n return context\r\n}\r\n\r\nexport {\r\n TernSecureContext,\r\n useTernSecure,\r\n initialState\r\n}","'use client'\r\n\r\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"]}