@tern-secure/nextjs 3.1.20 → 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.
- package/dist/app-router/client/auth.d.ts +7 -0
- package/dist/app-router/client/auth.d.ts.map +1 -0
- package/dist/app-router/client/auth.js +7 -0
- package/dist/app-router/client/auth.js.map +1 -0
- package/dist/app-router/client/client-init.d.ts +4 -9
- package/dist/app-router/client/client-init.d.ts.map +1 -0
- package/dist/app-router/client/client-init.js +17 -3
- package/dist/app-router/client/client-init.js.map +1 -1
- package/dist/app-router/client/config.d.ts +4 -2
- package/dist/app-router/client/config.d.ts.map +1 -0
- package/dist/app-router/client/config.js +17 -2
- package/dist/app-router/client/config.js.map +1 -1
- package/dist/app-router/client/index.d.ts +7 -24
- package/dist/app-router/client/index.d.ts.map +1 -0
- package/dist/app-router/client/index.js +5 -5
- package/dist/app-router/client/index.js.map +1 -1
- package/dist/app-router/client/providers/ternSecureClientProvider.d.ts +5 -0
- package/dist/app-router/client/providers/ternSecureClientProvider.d.ts.map +1 -0
- package/dist/app-router/client/providers/ternSecureClientProvider.js +9 -0
- package/dist/app-router/client/providers/ternSecureClientProvider.js.map +1 -0
- package/dist/app-router/client/providers/ternSecureContext.d.ts +7 -0
- package/dist/app-router/client/providers/ternSecureContext.d.ts.map +1 -0
- package/dist/app-router/client/providers/ternSecureContext.js +24 -0
- package/dist/app-router/client/providers/ternSecureContext.js.map +1 -0
- package/dist/app-router/server/index.d.ts +2 -9
- package/dist/app-router/server/index.d.ts.map +1 -0
- package/dist/app-router/server/index.js +1 -2
- package/dist/app-router/server/index.js.map +1 -1
- package/dist/app-router/server/providers/TernSecureServerProvider.d.ts +7 -0
- package/dist/app-router/server/providers/TernSecureServerProvider.d.ts.map +1 -0
- package/dist/app-router/server/providers/TernSecureServerProvider.js +31 -0
- package/dist/app-router/server/providers/TernSecureServerProvider.js.map +1 -0
- package/dist/components/index.d.ts +2 -25
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +1 -6
- package/dist/components/index.js.map +1 -1
- package/dist/components/{index.d.cts → sign-in.d.ts} +3 -6
- package/dist/components/sign-in.d.ts.map +1 -0
- package/dist/components/sign-in.js +32 -0
- package/dist/components/sign-in.js.map +1 -0
- package/dist/errors/index.d.ts +9 -0
- package/dist/errors/index.d.ts.map +1 -0
- package/dist/errors/index.js +12 -0
- package/dist/errors/index.js.map +1 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useAuth.d.ts +2 -0
- package/dist/hooks/useAuth.d.ts.map +1 -0
- package/dist/hooks/useAuth.js +58 -0
- package/dist/hooks/useAuth.js.map +1 -0
- package/dist/index.d.ts +5 -16
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +4 -69
- package/dist/index.js.map +1 -1
- package/dist/types/index.d.ts +41 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -0
- package/dist/utils/create-styles.d.ts +99 -0
- package/dist/utils/create-styles.d.ts.map +1 -0
- package/dist/utils/create-styles.js +127 -0
- package/dist/utils/create-styles.js.map +1 -0
- package/package.json +2 -2
- package/dist/app-router/client/client-init.cjs +0 -21
- package/dist/app-router/client/client-init.cjs.map +0 -1
- package/dist/app-router/client/client-init.d.cts +0 -9
- package/dist/app-router/client/config.cjs +0 -16
- package/dist/app-router/client/config.cjs.map +0 -1
- package/dist/app-router/client/config.d.cts +0 -2
- package/dist/app-router/client/index.cjs +0 -47
- package/dist/app-router/client/index.cjs.map +0 -1
- package/dist/app-router/client/index.d.cts +0 -24
- package/dist/app-router/server/index.cjs +0 -12
- package/dist/app-router/server/index.cjs.map +0 -1
- package/dist/app-router/server/index.d.cts +0 -9
- package/dist/chunk-2RTGO3FB.js +0 -36
- package/dist/chunk-2RTGO3FB.js.map +0 -1
- package/dist/chunk-567EYYS7.js +0 -227
- package/dist/chunk-567EYYS7.js.map +0 -1
- package/dist/chunk-6XOKZ6YG.cjs +0 -17
- package/dist/chunk-6XOKZ6YG.cjs.map +0 -1
- package/dist/chunk-7TODKHXS.cjs +0 -229
- package/dist/chunk-7TODKHXS.cjs.map +0 -1
- package/dist/chunk-ANTUVB2P.cjs +0 -26
- package/dist/chunk-ANTUVB2P.cjs.map +0 -1
- package/dist/chunk-PLJ3DA5F.js +0 -45
- package/dist/chunk-PLJ3DA5F.js.map +0 -1
- package/dist/chunk-R3PDNT2L.js +0 -22
- package/dist/chunk-R3PDNT2L.js.map +0 -1
- package/dist/chunk-V2REFIUV.js +0 -24
- package/dist/chunk-V2REFIUV.js.map +0 -1
- package/dist/chunk-VNNJ5ANT.cjs +0 -27
- package/dist/chunk-VNNJ5ANT.cjs.map +0 -1
- package/dist/chunk-WR6O4YMW.cjs +0 -44
- package/dist/chunk-WR6O4YMW.cjs.map +0 -1
- package/dist/chunk-YMR72FHE.cjs +0 -52
- package/dist/chunk-YMR72FHE.cjs.map +0 -1
- package/dist/chunk-YSFNR6DO.js +0 -15
- package/dist/chunk-YSFNR6DO.js.map +0 -1
- package/dist/components/index.cjs +0 -16
- package/dist/components/index.cjs.map +0 -1
- package/dist/config-CYswigMN.d.cts +0 -30
- package/dist/config-CYswigMN.d.ts +0 -30
- package/dist/index.cjs +0 -114
- package/dist/index.cjs.map +0 -1
- package/dist/index.d.cts +0 -16
- package/dist/ternSecureClientProvider-DXLMGG2U.cjs +0 -12
- package/dist/ternSecureClientProvider-DXLMGG2U.cjs.map +0 -1
- package/dist/ternSecureClientProvider-OJMAWZZ2.js +0 -3
- package/dist/ternSecureClientProvider-OJMAWZZ2.js.map +0 -1
package/dist/chunk-567EYYS7.js
DELETED
|
@@ -1,227 +0,0 @@
|
|
|
1
|
-
import { signInWithEmail } from './chunk-YSFNR6DO.js';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
/* eslint-disable */
|
|
6
|
-
|
|
7
|
-
// src/utils/create-styles.ts
|
|
8
|
-
var PREFIX = "tern";
|
|
9
|
-
var styleInjection = {
|
|
10
|
-
isInjected: false,
|
|
11
|
-
styleElement: null
|
|
12
|
-
};
|
|
13
|
-
var defaultClassNames = {
|
|
14
|
-
container: `${PREFIX}-container`,
|
|
15
|
-
header: `${PREFIX}-header`,
|
|
16
|
-
title: `${PREFIX}-title`,
|
|
17
|
-
formWrapper: `${PREFIX}-formWrapper`,
|
|
18
|
-
formContainer: `${PREFIX}-formContainer`,
|
|
19
|
-
form: `${PREFIX}-form`,
|
|
20
|
-
label: `${PREFIX}-label`,
|
|
21
|
-
input: `${PREFIX}-input`,
|
|
22
|
-
button: `${PREFIX}-button`,
|
|
23
|
-
error: `${PREFIX}-error`
|
|
24
|
-
};
|
|
25
|
-
function createStyleSheet(styles2) {
|
|
26
|
-
if (typeof window === "undefined") return defaultClassNames;
|
|
27
|
-
if (styleInjection.isInjected) {
|
|
28
|
-
return defaultClassNames;
|
|
29
|
-
}
|
|
30
|
-
let styleElement = document.querySelector("[data-tern-secure]");
|
|
31
|
-
if (!styleElement) {
|
|
32
|
-
styleElement = document.createElement("style");
|
|
33
|
-
styleElement.setAttribute("data-tern-secure", "");
|
|
34
|
-
document.head.appendChild(styleElement);
|
|
35
|
-
styleInjection.styleElement = styleElement;
|
|
36
|
-
}
|
|
37
|
-
const cssRules = Object.entries(styles2).map(([key, rules]) => {
|
|
38
|
-
const className = defaultClassNames[key];
|
|
39
|
-
const cssProperties = Object.entries(rules).map(([prop, value]) => {
|
|
40
|
-
const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
41
|
-
return `${cssProperty}: ${value};`;
|
|
42
|
-
}).join(" ");
|
|
43
|
-
return `.${className} { ${cssProperties} }`;
|
|
44
|
-
}).join("\n");
|
|
45
|
-
styleElement.textContent = cssRules;
|
|
46
|
-
styleInjection.isInjected = true;
|
|
47
|
-
return defaultClassNames;
|
|
48
|
-
}
|
|
49
|
-
var styleConfig = {
|
|
50
|
-
container: {
|
|
51
|
-
display: "flex",
|
|
52
|
-
minHeight: "100%",
|
|
53
|
-
flex: "1",
|
|
54
|
-
flexDirection: "column",
|
|
55
|
-
justifyContent: "center",
|
|
56
|
-
padding: "3rem 1.5rem"
|
|
57
|
-
},
|
|
58
|
-
header: {
|
|
59
|
-
margin: "0 auto",
|
|
60
|
-
width: "100%",
|
|
61
|
-
maxWidth: "28rem"
|
|
62
|
-
},
|
|
63
|
-
title: {
|
|
64
|
-
marginTop: "1.5rem",
|
|
65
|
-
textAlign: "center",
|
|
66
|
-
fontSize: "1.875rem",
|
|
67
|
-
fontWeight: "700",
|
|
68
|
-
lineHeight: "2.25rem",
|
|
69
|
-
letterSpacing: "-0.025em",
|
|
70
|
-
color: "var(--tern-text-primary, #111827)"
|
|
71
|
-
},
|
|
72
|
-
formWrapper: {
|
|
73
|
-
marginTop: "2.5rem",
|
|
74
|
-
margin: "0 auto",
|
|
75
|
-
width: "100%",
|
|
76
|
-
maxWidth: "30rem"
|
|
77
|
-
},
|
|
78
|
-
formContainer: {
|
|
79
|
-
padding: "3rem 1.5rem",
|
|
80
|
-
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
|
|
81
|
-
borderRadius: "0.5rem",
|
|
82
|
-
backgroundColor: "var(--tern-background, white)"
|
|
83
|
-
},
|
|
84
|
-
form: {
|
|
85
|
-
display: "flex",
|
|
86
|
-
flexDirection: "column",
|
|
87
|
-
gap: "1rem"
|
|
88
|
-
},
|
|
89
|
-
label: {
|
|
90
|
-
display: "block",
|
|
91
|
-
fontSize: "0.875rem",
|
|
92
|
-
fontWeight: "500",
|
|
93
|
-
color: "var(--tern-text-secondary, #374151)"
|
|
94
|
-
},
|
|
95
|
-
input: {
|
|
96
|
-
marginTop: "0.25rem",
|
|
97
|
-
display: "block",
|
|
98
|
-
width: "100%",
|
|
99
|
-
padding: "0.5rem 0.75rem",
|
|
100
|
-
borderRadius: "0.375rem",
|
|
101
|
-
border: "1px solid var(--tern-border, #D1D5DB)",
|
|
102
|
-
backgroundColor: "var(--tern-input-background, white)",
|
|
103
|
-
color: "var(--tern-text-primary, #111827)"
|
|
104
|
-
},
|
|
105
|
-
button: {
|
|
106
|
-
display: "flex",
|
|
107
|
-
width: "100%",
|
|
108
|
-
justifyContent: "center",
|
|
109
|
-
padding: "0.5rem 1rem",
|
|
110
|
-
fontSize: "0.875rem",
|
|
111
|
-
fontWeight: "500",
|
|
112
|
-
color: "white",
|
|
113
|
-
backgroundColor: "var(--tern-primary, #2563EB)",
|
|
114
|
-
border: "none",
|
|
115
|
-
borderRadius: "0.375rem",
|
|
116
|
-
cursor: "pointer"
|
|
117
|
-
},
|
|
118
|
-
error: {
|
|
119
|
-
color: "var(--tern-error, #DC2626)",
|
|
120
|
-
fontSize: "0.875rem"
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
var styles = createStyleSheet(styleConfig);
|
|
124
|
-
function SignIn({
|
|
125
|
-
onSuccess,
|
|
126
|
-
onError,
|
|
127
|
-
redirectUrl,
|
|
128
|
-
className = "",
|
|
129
|
-
style,
|
|
130
|
-
customStyles = {}
|
|
131
|
-
}) {
|
|
132
|
-
const [email, setEmail] = useState("");
|
|
133
|
-
const [password, setPassword] = useState("");
|
|
134
|
-
const [loading, setLoading] = useState(false);
|
|
135
|
-
const [error, setError] = useState("");
|
|
136
|
-
const handleSubmit = async (e) => {
|
|
137
|
-
e.preventDefault();
|
|
138
|
-
setLoading(true);
|
|
139
|
-
setError("");
|
|
140
|
-
try {
|
|
141
|
-
await signInWithEmail({ email, password });
|
|
142
|
-
onSuccess?.();
|
|
143
|
-
if (redirectUrl) {
|
|
144
|
-
window.location.href = redirectUrl;
|
|
145
|
-
}
|
|
146
|
-
} catch (err) {
|
|
147
|
-
const errorMessage = err instanceof Error ? err.message : "Failed to sign in";
|
|
148
|
-
setError(errorMessage);
|
|
149
|
-
onError?.(err instanceof Error ? err : new Error("Failed to sign in"));
|
|
150
|
-
} finally {
|
|
151
|
-
setLoading(false);
|
|
152
|
-
}
|
|
153
|
-
};
|
|
154
|
-
return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
|
|
155
|
-
/* @__PURE__ */ jsx("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ jsx("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
|
|
156
|
-
/* @__PURE__ */ jsx("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsx("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ jsxs(
|
|
157
|
-
"form",
|
|
158
|
-
{
|
|
159
|
-
onSubmit: handleSubmit,
|
|
160
|
-
className: `${styles.form} ${customStyles.form || ""} ${className}`,
|
|
161
|
-
role: "form",
|
|
162
|
-
"aria-label": "Sign in form",
|
|
163
|
-
children: [
|
|
164
|
-
error && /* @__PURE__ */ jsx(
|
|
165
|
-
"div",
|
|
166
|
-
{
|
|
167
|
-
className: `${styles.error} ${customStyles.errorText || ""}`,
|
|
168
|
-
role: "alert",
|
|
169
|
-
"aria-live": "polite",
|
|
170
|
-
children: error
|
|
171
|
-
}
|
|
172
|
-
),
|
|
173
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
174
|
-
/* @__PURE__ */ jsx("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
|
|
175
|
-
/* @__PURE__ */ jsx(
|
|
176
|
-
"input",
|
|
177
|
-
{
|
|
178
|
-
id: "email",
|
|
179
|
-
type: "email",
|
|
180
|
-
value: email,
|
|
181
|
-
onChange: (e) => setEmail(e.target.value),
|
|
182
|
-
placeholder: "Enter your email",
|
|
183
|
-
required: true,
|
|
184
|
-
className: `${styles.input} ${customStyles.input || ""}`,
|
|
185
|
-
disabled: loading,
|
|
186
|
-
"aria-required": "true",
|
|
187
|
-
"aria-invalid": !!error
|
|
188
|
-
}
|
|
189
|
-
)
|
|
190
|
-
] }),
|
|
191
|
-
/* @__PURE__ */ jsxs("div", { children: [
|
|
192
|
-
/* @__PURE__ */ jsx("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
|
|
193
|
-
/* @__PURE__ */ jsx(
|
|
194
|
-
"input",
|
|
195
|
-
{
|
|
196
|
-
id: "password",
|
|
197
|
-
type: "password",
|
|
198
|
-
value: password,
|
|
199
|
-
onChange: (e) => setPassword(e.target.value),
|
|
200
|
-
placeholder: "Enter your password",
|
|
201
|
-
required: true,
|
|
202
|
-
className: `${styles.input} ${customStyles.input || ""}`,
|
|
203
|
-
disabled: loading,
|
|
204
|
-
"aria-required": "true",
|
|
205
|
-
"aria-invalid": !!error
|
|
206
|
-
}
|
|
207
|
-
)
|
|
208
|
-
] }),
|
|
209
|
-
/* @__PURE__ */ jsx(
|
|
210
|
-
"button",
|
|
211
|
-
{
|
|
212
|
-
type: "submit",
|
|
213
|
-
disabled: loading,
|
|
214
|
-
className: `${styles.button} ${customStyles.button || ""}`,
|
|
215
|
-
"data-testid": "sign-in-submit",
|
|
216
|
-
children: loading ? "Signing in..." : "Sign in"
|
|
217
|
-
}
|
|
218
|
-
)
|
|
219
|
-
]
|
|
220
|
-
}
|
|
221
|
-
) }) })
|
|
222
|
-
] });
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
export { SignIn };
|
|
226
|
-
//# sourceMappingURL=chunk-567EYYS7.js.map
|
|
227
|
-
//# sourceMappingURL=chunk-567EYYS7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils/create-styles.ts","../src/components/sign-in.tsx"],"names":["styles"],"mappings":"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","file":"chunk-567EYYS7.js","sourcesContent":["'use client'\r\n\r\nconst PREFIX = 'tern'\r\n\r\n// Singleton to track style injection\r\nconst styleInjection = {\r\n isInjected: false,\r\n styleElement: null as HTMLStyleElement | null\r\n}\r\n\r\nexport const defaultClassNames = {\r\n container: `${PREFIX}-container`,\r\n header: `${PREFIX}-header`,\r\n title: `${PREFIX}-title`,\r\n formWrapper: `${PREFIX}-formWrapper`,\r\n formContainer: `${PREFIX}-formContainer`,\r\n form: `${PREFIX}-form`,\r\n label: `${PREFIX}-label`,\r\n input: `${PREFIX}-input`,\r\n button: `${PREFIX}-button`,\r\n error: `${PREFIX}-error`\r\n} as const\r\n\r\n// Create styles once and cache them\r\nfunction createStyleSheet(styles: Record<string, React.CSSProperties>) {\r\n if (typeof window === 'undefined') return defaultClassNames\r\n\r\n // Return early if styles are already injected\r\n if (styleInjection.isInjected) {\r\n return defaultClassNames\r\n }\r\n\r\n // Find existing style element or create new one\r\n let styleElement = document.querySelector<HTMLStyleElement>('[data-tern-secure]')\r\n \r\n if (!styleElement) {\r\n styleElement = document.createElement('style')\r\n styleElement.setAttribute('data-tern-secure', '')\r\n document.head.appendChild(styleElement)\r\n styleInjection.styleElement = styleElement\r\n }\r\n\r\n // Create CSS rules\r\n const cssRules = Object.entries(styles).map(([key, rules]) => {\r\n const className = defaultClassNames[key as keyof typeof defaultClassNames]\r\n const cssProperties = Object.entries(rules).map(([prop, value]) => {\r\n const cssProperty = prop.replace(/([A-Z])/g, '-$1').toLowerCase()\r\n return `${cssProperty}: ${value};`\r\n }).join(' ')\r\n\r\n return `.${className} { ${cssProperties} }`\r\n }).join('\\n')\r\n\r\n // Insert styles only once\r\n styleElement.textContent = cssRules\r\n styleInjection.isInjected = true\r\n\r\n return defaultClassNames\r\n}\r\n\r\n// Style configuration\r\nexport const styleConfig = {\r\n container: {\r\n display: 'flex',\r\n minHeight: '100%',\r\n flex: '1',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n padding: '3rem 1.5rem'\r\n },\r\n header: {\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '28rem'\r\n },\r\n title: {\r\n marginTop: '1.5rem',\r\n textAlign: 'center',\r\n fontSize: '1.875rem',\r\n fontWeight: '700',\r\n lineHeight: '2.25rem',\r\n letterSpacing: '-0.025em',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n formWrapper: {\r\n marginTop: '2.5rem',\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '30rem'\r\n },\r\n formContainer: {\r\n padding: '3rem 1.5rem',\r\n boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)',\r\n borderRadius: '0.5rem',\r\n backgroundColor: 'var(--tern-background, white)'\r\n },\r\n form: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: '1rem'\r\n },\r\n label: {\r\n display: 'block',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'var(--tern-text-secondary, #374151)'\r\n },\r\n input: {\r\n marginTop: '0.25rem',\r\n display: 'block',\r\n width: '100%',\r\n padding: '0.5rem 0.75rem',\r\n borderRadius: '0.375rem',\r\n border: '1px solid var(--tern-border, #D1D5DB)',\r\n backgroundColor: 'var(--tern-input-background, white)',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n button: {\r\n display: 'flex',\r\n width: '100%',\r\n justifyContent: 'center',\r\n padding: '0.5rem 1rem',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'white',\r\n backgroundColor: 'var(--tern-primary, #2563EB)',\r\n border: 'none',\r\n borderRadius: '0.375rem',\r\n cursor: 'pointer'\r\n },\r\n error: {\r\n color: 'var(--tern-error, #DC2626)',\r\n fontSize: '0.875rem'\r\n }\r\n} as const\r\n\r\n// Export pre-created styles\r\nexport const styles = createStyleSheet(styleConfig)\r\n\r\n","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"]}
|
package/dist/chunk-6XOKZ6YG.cjs
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkANTUVB2P_cjs = require('./chunk-ANTUVB2P.cjs');
|
|
4
|
-
var auth = require('firebase/auth');
|
|
5
|
-
|
|
6
|
-
/* eslint-disable */
|
|
7
|
-
async function signInWithEmail({
|
|
8
|
-
email,
|
|
9
|
-
password
|
|
10
|
-
}) {
|
|
11
|
-
const auth$1 = chunkANTUVB2P_cjs.TernSecureAuth();
|
|
12
|
-
return auth.signInWithEmailAndPassword(auth$1, email, password);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
exports.signInWithEmail = signInWithEmail;
|
|
16
|
-
//# sourceMappingURL=chunk-6XOKZ6YG.cjs.map
|
|
17
|
-
//# sourceMappingURL=chunk-6XOKZ6YG.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/app-router/client/auth.ts"],"names":["auth","TernSecureAuth","signInWithEmailAndPassword"],"mappings":";;;;;;AAQA,eAAsB,eAAgB,CAAA;AAAA,EACpC,KAAA;AAAA,EACA;AACF,CAA+C,EAAA;AAC7C,EAAA,MAAMA,SAAOC,gCAAe,EAAA;AAC5B,EAAO,OAAAC,+BAAA,CAA2BF,MAAM,EAAA,KAAA,EAAO,QAAQ,CAAA;AACzD","file":"chunk-6XOKZ6YG.cjs","sourcesContent":["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} "]}
|
package/dist/chunk-7TODKHXS.cjs
DELETED
|
@@ -1,229 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunk6XOKZ6YG_cjs = require('./chunk-6XOKZ6YG.cjs');
|
|
4
|
-
var react = require('react');
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
|
|
7
|
-
/* eslint-disable */
|
|
8
|
-
|
|
9
|
-
// src/utils/create-styles.ts
|
|
10
|
-
var PREFIX = "tern";
|
|
11
|
-
var styleInjection = {
|
|
12
|
-
isInjected: false,
|
|
13
|
-
styleElement: null
|
|
14
|
-
};
|
|
15
|
-
var defaultClassNames = {
|
|
16
|
-
container: `${PREFIX}-container`,
|
|
17
|
-
header: `${PREFIX}-header`,
|
|
18
|
-
title: `${PREFIX}-title`,
|
|
19
|
-
formWrapper: `${PREFIX}-formWrapper`,
|
|
20
|
-
formContainer: `${PREFIX}-formContainer`,
|
|
21
|
-
form: `${PREFIX}-form`,
|
|
22
|
-
label: `${PREFIX}-label`,
|
|
23
|
-
input: `${PREFIX}-input`,
|
|
24
|
-
button: `${PREFIX}-button`,
|
|
25
|
-
error: `${PREFIX}-error`
|
|
26
|
-
};
|
|
27
|
-
function createStyleSheet(styles2) {
|
|
28
|
-
if (typeof window === "undefined") return defaultClassNames;
|
|
29
|
-
if (styleInjection.isInjected) {
|
|
30
|
-
return defaultClassNames;
|
|
31
|
-
}
|
|
32
|
-
let styleElement = document.querySelector("[data-tern-secure]");
|
|
33
|
-
if (!styleElement) {
|
|
34
|
-
styleElement = document.createElement("style");
|
|
35
|
-
styleElement.setAttribute("data-tern-secure", "");
|
|
36
|
-
document.head.appendChild(styleElement);
|
|
37
|
-
styleInjection.styleElement = styleElement;
|
|
38
|
-
}
|
|
39
|
-
const cssRules = Object.entries(styles2).map(([key, rules]) => {
|
|
40
|
-
const className = defaultClassNames[key];
|
|
41
|
-
const cssProperties = Object.entries(rules).map(([prop, value]) => {
|
|
42
|
-
const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
43
|
-
return `${cssProperty}: ${value};`;
|
|
44
|
-
}).join(" ");
|
|
45
|
-
return `.${className} { ${cssProperties} }`;
|
|
46
|
-
}).join("\n");
|
|
47
|
-
styleElement.textContent = cssRules;
|
|
48
|
-
styleInjection.isInjected = true;
|
|
49
|
-
return defaultClassNames;
|
|
50
|
-
}
|
|
51
|
-
var styleConfig = {
|
|
52
|
-
container: {
|
|
53
|
-
display: "flex",
|
|
54
|
-
minHeight: "100%",
|
|
55
|
-
flex: "1",
|
|
56
|
-
flexDirection: "column",
|
|
57
|
-
justifyContent: "center",
|
|
58
|
-
padding: "3rem 1.5rem"
|
|
59
|
-
},
|
|
60
|
-
header: {
|
|
61
|
-
margin: "0 auto",
|
|
62
|
-
width: "100%",
|
|
63
|
-
maxWidth: "28rem"
|
|
64
|
-
},
|
|
65
|
-
title: {
|
|
66
|
-
marginTop: "1.5rem",
|
|
67
|
-
textAlign: "center",
|
|
68
|
-
fontSize: "1.875rem",
|
|
69
|
-
fontWeight: "700",
|
|
70
|
-
lineHeight: "2.25rem",
|
|
71
|
-
letterSpacing: "-0.025em",
|
|
72
|
-
color: "var(--tern-text-primary, #111827)"
|
|
73
|
-
},
|
|
74
|
-
formWrapper: {
|
|
75
|
-
marginTop: "2.5rem",
|
|
76
|
-
margin: "0 auto",
|
|
77
|
-
width: "100%",
|
|
78
|
-
maxWidth: "30rem"
|
|
79
|
-
},
|
|
80
|
-
formContainer: {
|
|
81
|
-
padding: "3rem 1.5rem",
|
|
82
|
-
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
|
|
83
|
-
borderRadius: "0.5rem",
|
|
84
|
-
backgroundColor: "var(--tern-background, white)"
|
|
85
|
-
},
|
|
86
|
-
form: {
|
|
87
|
-
display: "flex",
|
|
88
|
-
flexDirection: "column",
|
|
89
|
-
gap: "1rem"
|
|
90
|
-
},
|
|
91
|
-
label: {
|
|
92
|
-
display: "block",
|
|
93
|
-
fontSize: "0.875rem",
|
|
94
|
-
fontWeight: "500",
|
|
95
|
-
color: "var(--tern-text-secondary, #374151)"
|
|
96
|
-
},
|
|
97
|
-
input: {
|
|
98
|
-
marginTop: "0.25rem",
|
|
99
|
-
display: "block",
|
|
100
|
-
width: "100%",
|
|
101
|
-
padding: "0.5rem 0.75rem",
|
|
102
|
-
borderRadius: "0.375rem",
|
|
103
|
-
border: "1px solid var(--tern-border, #D1D5DB)",
|
|
104
|
-
backgroundColor: "var(--tern-input-background, white)",
|
|
105
|
-
color: "var(--tern-text-primary, #111827)"
|
|
106
|
-
},
|
|
107
|
-
button: {
|
|
108
|
-
display: "flex",
|
|
109
|
-
width: "100%",
|
|
110
|
-
justifyContent: "center",
|
|
111
|
-
padding: "0.5rem 1rem",
|
|
112
|
-
fontSize: "0.875rem",
|
|
113
|
-
fontWeight: "500",
|
|
114
|
-
color: "white",
|
|
115
|
-
backgroundColor: "var(--tern-primary, #2563EB)",
|
|
116
|
-
border: "none",
|
|
117
|
-
borderRadius: "0.375rem",
|
|
118
|
-
cursor: "pointer"
|
|
119
|
-
},
|
|
120
|
-
error: {
|
|
121
|
-
color: "var(--tern-error, #DC2626)",
|
|
122
|
-
fontSize: "0.875rem"
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
var styles = createStyleSheet(styleConfig);
|
|
126
|
-
function SignIn({
|
|
127
|
-
onSuccess,
|
|
128
|
-
onError,
|
|
129
|
-
redirectUrl,
|
|
130
|
-
className = "",
|
|
131
|
-
style,
|
|
132
|
-
customStyles = {}
|
|
133
|
-
}) {
|
|
134
|
-
const [email, setEmail] = react.useState("");
|
|
135
|
-
const [password, setPassword] = react.useState("");
|
|
136
|
-
const [loading, setLoading] = react.useState(false);
|
|
137
|
-
const [error, setError] = react.useState("");
|
|
138
|
-
const handleSubmit = async (e) => {
|
|
139
|
-
e.preventDefault();
|
|
140
|
-
setLoading(true);
|
|
141
|
-
setError("");
|
|
142
|
-
try {
|
|
143
|
-
await chunk6XOKZ6YG_cjs.signInWithEmail({ email, password });
|
|
144
|
-
onSuccess?.();
|
|
145
|
-
if (redirectUrl) {
|
|
146
|
-
window.location.href = redirectUrl;
|
|
147
|
-
}
|
|
148
|
-
} catch (err) {
|
|
149
|
-
const errorMessage = err instanceof Error ? err.message : "Failed to sign in";
|
|
150
|
-
setError(errorMessage);
|
|
151
|
-
onError?.(err instanceof Error ? err : new Error("Failed to sign in"));
|
|
152
|
-
} finally {
|
|
153
|
-
setLoading(false);
|
|
154
|
-
}
|
|
155
|
-
};
|
|
156
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
|
|
157
|
-
/* @__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" }) }),
|
|
158
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
159
|
-
"form",
|
|
160
|
-
{
|
|
161
|
-
onSubmit: handleSubmit,
|
|
162
|
-
className: `${styles.form} ${customStyles.form || ""} ${className}`,
|
|
163
|
-
role: "form",
|
|
164
|
-
"aria-label": "Sign in form",
|
|
165
|
-
children: [
|
|
166
|
-
error && /* @__PURE__ */ jsxRuntime.jsx(
|
|
167
|
-
"div",
|
|
168
|
-
{
|
|
169
|
-
className: `${styles.error} ${customStyles.errorText || ""}`,
|
|
170
|
-
role: "alert",
|
|
171
|
-
"aria-live": "polite",
|
|
172
|
-
children: error
|
|
173
|
-
}
|
|
174
|
-
),
|
|
175
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
176
|
-
/* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
|
|
177
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
178
|
-
"input",
|
|
179
|
-
{
|
|
180
|
-
id: "email",
|
|
181
|
-
type: "email",
|
|
182
|
-
value: email,
|
|
183
|
-
onChange: (e) => setEmail(e.target.value),
|
|
184
|
-
placeholder: "Enter your email",
|
|
185
|
-
required: true,
|
|
186
|
-
className: `${styles.input} ${customStyles.input || ""}`,
|
|
187
|
-
disabled: loading,
|
|
188
|
-
"aria-required": "true",
|
|
189
|
-
"aria-invalid": !!error
|
|
190
|
-
}
|
|
191
|
-
)
|
|
192
|
-
] }),
|
|
193
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
194
|
-
/* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
|
|
195
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
196
|
-
"input",
|
|
197
|
-
{
|
|
198
|
-
id: "password",
|
|
199
|
-
type: "password",
|
|
200
|
-
value: password,
|
|
201
|
-
onChange: (e) => setPassword(e.target.value),
|
|
202
|
-
placeholder: "Enter your password",
|
|
203
|
-
required: true,
|
|
204
|
-
className: `${styles.input} ${customStyles.input || ""}`,
|
|
205
|
-
disabled: loading,
|
|
206
|
-
"aria-required": "true",
|
|
207
|
-
"aria-invalid": !!error
|
|
208
|
-
}
|
|
209
|
-
)
|
|
210
|
-
] }),
|
|
211
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
212
|
-
"button",
|
|
213
|
-
{
|
|
214
|
-
type: "submit",
|
|
215
|
-
disabled: loading,
|
|
216
|
-
className: `${styles.button} ${customStyles.button || ""}`,
|
|
217
|
-
"data-testid": "sign-in-submit",
|
|
218
|
-
children: loading ? "Signing in..." : "Sign in"
|
|
219
|
-
}
|
|
220
|
-
)
|
|
221
|
-
]
|
|
222
|
-
}
|
|
223
|
-
) }) })
|
|
224
|
-
] });
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
exports.SignIn = SignIn;
|
|
228
|
-
//# sourceMappingURL=chunk-7TODKHXS.cjs.map
|
|
229
|
-
//# sourceMappingURL=chunk-7TODKHXS.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils/create-styles.ts","../src/components/sign-in.tsx"],"names":["styles","useState","signInWithEmail","jsxs","jsx"],"mappings":"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","file":"chunk-7TODKHXS.cjs","sourcesContent":["'use client'\r\n\r\nconst PREFIX = 'tern'\r\n\r\n// Singleton to track style injection\r\nconst styleInjection = {\r\n isInjected: false,\r\n styleElement: null as HTMLStyleElement | null\r\n}\r\n\r\nexport const defaultClassNames = {\r\n container: `${PREFIX}-container`,\r\n header: `${PREFIX}-header`,\r\n title: `${PREFIX}-title`,\r\n formWrapper: `${PREFIX}-formWrapper`,\r\n formContainer: `${PREFIX}-formContainer`,\r\n form: `${PREFIX}-form`,\r\n label: `${PREFIX}-label`,\r\n input: `${PREFIX}-input`,\r\n button: `${PREFIX}-button`,\r\n error: `${PREFIX}-error`\r\n} as const\r\n\r\n// Create styles once and cache them\r\nfunction createStyleSheet(styles: Record<string, React.CSSProperties>) {\r\n if (typeof window === 'undefined') return defaultClassNames\r\n\r\n // Return early if styles are already injected\r\n if (styleInjection.isInjected) {\r\n return defaultClassNames\r\n }\r\n\r\n // Find existing style element or create new one\r\n let styleElement = document.querySelector<HTMLStyleElement>('[data-tern-secure]')\r\n \r\n if (!styleElement) {\r\n styleElement = document.createElement('style')\r\n styleElement.setAttribute('data-tern-secure', '')\r\n document.head.appendChild(styleElement)\r\n styleInjection.styleElement = styleElement\r\n }\r\n\r\n // Create CSS rules\r\n const cssRules = Object.entries(styles).map(([key, rules]) => {\r\n const className = defaultClassNames[key as keyof typeof defaultClassNames]\r\n const cssProperties = Object.entries(rules).map(([prop, value]) => {\r\n const cssProperty = prop.replace(/([A-Z])/g, '-$1').toLowerCase()\r\n return `${cssProperty}: ${value};`\r\n }).join(' ')\r\n\r\n return `.${className} { ${cssProperties} }`\r\n }).join('\\n')\r\n\r\n // Insert styles only once\r\n styleElement.textContent = cssRules\r\n styleInjection.isInjected = true\r\n\r\n return defaultClassNames\r\n}\r\n\r\n// Style configuration\r\nexport const styleConfig = {\r\n container: {\r\n display: 'flex',\r\n minHeight: '100%',\r\n flex: '1',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n padding: '3rem 1.5rem'\r\n },\r\n header: {\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '28rem'\r\n },\r\n title: {\r\n marginTop: '1.5rem',\r\n textAlign: 'center',\r\n fontSize: '1.875rem',\r\n fontWeight: '700',\r\n lineHeight: '2.25rem',\r\n letterSpacing: '-0.025em',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n formWrapper: {\r\n marginTop: '2.5rem',\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '30rem'\r\n },\r\n formContainer: {\r\n padding: '3rem 1.5rem',\r\n boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)',\r\n borderRadius: '0.5rem',\r\n backgroundColor: 'var(--tern-background, white)'\r\n },\r\n form: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: '1rem'\r\n },\r\n label: {\r\n display: 'block',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'var(--tern-text-secondary, #374151)'\r\n },\r\n input: {\r\n marginTop: '0.25rem',\r\n display: 'block',\r\n width: '100%',\r\n padding: '0.5rem 0.75rem',\r\n borderRadius: '0.375rem',\r\n border: '1px solid var(--tern-border, #D1D5DB)',\r\n backgroundColor: 'var(--tern-input-background, white)',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n button: {\r\n display: 'flex',\r\n width: '100%',\r\n justifyContent: 'center',\r\n padding: '0.5rem 1rem',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'white',\r\n backgroundColor: 'var(--tern-primary, #2563EB)',\r\n border: 'none',\r\n borderRadius: '0.375rem',\r\n cursor: 'pointer'\r\n },\r\n error: {\r\n color: 'var(--tern-error, #DC2626)',\r\n fontSize: '0.875rem'\r\n }\r\n} as const\r\n\r\n// Export pre-created styles\r\nexport const styles = createStyleSheet(styleConfig)\r\n\r\n","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"]}
|
package/dist/chunk-ANTUVB2P.cjs
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkVNNJ5ANT_cjs = require('./chunk-VNNJ5ANT.cjs');
|
|
4
|
-
var app$1 = require('firebase/app');
|
|
5
|
-
var auth$1 = require('firebase/auth');
|
|
6
|
-
var firestore$1 = require('firebase/firestore');
|
|
7
|
-
var storage$1 = require('firebase/storage');
|
|
8
|
-
|
|
9
|
-
/* eslint-disable */
|
|
10
|
-
var app = (() => {
|
|
11
|
-
const config = chunkVNNJ5ANT_cjs.validateConfig(chunkVNNJ5ANT_cjs.loadFireConfig());
|
|
12
|
-
return app$1.getApps().length ? app$1.getApps()[0] : app$1.initializeApp(config);
|
|
13
|
-
})();
|
|
14
|
-
var auth = auth$1.getAuth(app);
|
|
15
|
-
auth$1.setPersistence(auth, auth$1.browserSessionPersistence);
|
|
16
|
-
var firestore = firestore$1.getFirestore(app);
|
|
17
|
-
var storage = storage$1.getStorage(app);
|
|
18
|
-
var TernSecureAuth = () => auth;
|
|
19
|
-
var TernSecureFirestore = () => firestore;
|
|
20
|
-
var TernSecureStorage = () => storage;
|
|
21
|
-
|
|
22
|
-
exports.TernSecureAuth = TernSecureAuth;
|
|
23
|
-
exports.TernSecureFirestore = TernSecureFirestore;
|
|
24
|
-
exports.TernSecureStorage = TernSecureStorage;
|
|
25
|
-
//# sourceMappingURL=chunk-ANTUVB2P.cjs.map
|
|
26
|
-
//# sourceMappingURL=chunk-ANTUVB2P.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/app-router/client/client-init.ts"],"names":["validateConfig","loadFireConfig","getApps","initializeApp","getAuth","setPersistence","browserSessionPersistence","getFirestore","getStorage"],"mappings":";;;;;;;;;AAOA,IAAM,OAAO,MAAM;AACjB,EAAM,MAAA,MAAA,GAASA,gCAAe,CAAAC,gCAAA,EAAgB,CAAA;AAC9C,EAAO,OAAAC,aAAA,GAAU,MAAS,GAAAA,aAAA,GAAU,CAAC,CAAA,GAAIC,oBAAc,MAAM,CAAA;AAC/D,CAAG,GAAA;AAEH,IAAM,IAAA,GAAOC,eAAQ,GAAG,CAAA;AACxBC,qBAAA,CAAe,MAAMC,gCAAyB,CAAA;AAC9C,IAAM,SAAA,GAAYC,yBAAa,GAAG,CAAA;AAClC,IAAM,OAAA,GAAUC,qBAAW,GAAG,CAAA;AAEvB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,sBAAsB,MAAM;AAClC,IAAM,oBAAoB,MAAM","file":"chunk-ANTUVB2P.cjs","sourcesContent":["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;"]}
|
package/dist/chunk-PLJ3DA5F.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import dynamic from 'next/dynamic';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
|
|
5
|
-
/* eslint-disable */
|
|
6
|
-
|
|
7
|
-
var TernSecureClientProvider = dynamic(
|
|
8
|
-
() => import('./ternSecureClientProvider-OJMAWZZ2.js').then((mod) => mod.TernSecureClientProvider),
|
|
9
|
-
{
|
|
10
|
-
ssr: false
|
|
11
|
-
//loading: () => null // Return null or a loading indicator
|
|
12
|
-
}
|
|
13
|
-
);
|
|
14
|
-
function TernSecureProvider({ children }) {
|
|
15
|
-
const isRootLayout = React.Children.toArray(children).some(
|
|
16
|
-
(child) => React.isValidElement(child) && child.type === "html"
|
|
17
|
-
);
|
|
18
|
-
if (isRootLayout) {
|
|
19
|
-
return React.Children.map(children, (child) => {
|
|
20
|
-
if (React.isValidElement(child) && child.type === "html") {
|
|
21
|
-
return React.cloneElement(
|
|
22
|
-
child,
|
|
23
|
-
{},
|
|
24
|
-
React.Children.map(child.props.children, (bodyChild) => {
|
|
25
|
-
if (React.isValidElement(bodyChild) && bodyChild.type === "body") {
|
|
26
|
-
const bodyProps = bodyChild.props;
|
|
27
|
-
return React.cloneElement(
|
|
28
|
-
bodyChild,
|
|
29
|
-
{},
|
|
30
|
-
/* @__PURE__ */ jsx(TernSecureClientProvider, { children: bodyProps.children })
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
return bodyChild;
|
|
34
|
-
})
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
return child;
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
return /* @__PURE__ */ jsx(TernSecureClientProvider, { children });
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export { TernSecureProvider };
|
|
44
|
-
//# sourceMappingURL=chunk-PLJ3DA5F.js.map
|
|
45
|
-
//# sourceMappingURL=chunk-PLJ3DA5F.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/app-router/server/providers/TernSecureServerProvider.tsx"],"names":[],"mappings":";;;;;;AAQA,IAAM,wBAA2B,GAAA,OAAA;AAAA,EAC/B,MAAM,OAAO,wCAAiD,EAAE,IAAK,CAAA,CAAA,GAAA,KAAO,IAAI,wBAAwB,CAAA;AAAA,EACxG;AAAA,IACE,GAAK,EAAA;AAAA;AAAA;AAGT,CAAA;AAEO,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAqC,EAAA;AAExE,EAAA,MAAM,YAAe,GAAA,KAAA,CAAM,QAAS,CAAA,OAAA,CAAQ,QAAQ,CAAE,CAAA,IAAA;AAAA,IACpD,WAAS,KAAM,CAAA,cAAA,CAAe,KAAK,CAAA,IAAK,MAAM,IAAS,KAAA;AAAA,GACzD;AAEA,EAAA,IAAI,YAAc,EAAA;AAEhB,IAAA,OAAO,KAAM,CAAA,QAAA,CAAS,GAAI,CAAA,QAAA,EAAU,CAAS,KAAA,KAAA;AAC3C,MAAA,IAAI,MAAM,cAAe,CAAA,KAAK,CAAK,IAAA,KAAA,CAAM,SAAS,MAAQ,EAAA;AACxD,QAAA,OAAO,KAAM,CAAA,YAAA;AAAA,UAAa,KAAA;AAAA,UAAO,EAAC;AAAA,UAChC,MAAM,QAAS,CAAA,GAAA,CAAI,KAAM,CAAA,KAAA,CAAM,UAAU,CAAa,SAAA,KAAA;AACpD,YAAA,IAAI,MAAM,cAAe,CAAA,SAAS,CAAK,IAAA,SAAA,CAAU,SAAS,MAAQ,EAAA;AAEhE,cAAA,MAAM,YAAY,SAAU,CAAA,KAAA;AAC5B,cAAA,OAAO,KAAM,CAAA,YAAA;AAAA,gBAAa,SAAA;AAAA,gBAAW,EAAC;AAAA,gCACpC,GAAA,CAAC,wBACE,EAAA,EAAA,QAAA,EAAA,SAAA,CAAU,QACb,EAAA;AAAA,eACF;AAAA;AAEF,YAAO,OAAA,SAAA;AAAA,WACR;AAAA,SACH;AAAA;AAEF,MAAO,OAAA,KAAA;AAAA,KACR,CAAA;AAAA;AAIH,EAAO,uBAAA,GAAA,CAAC,4BAA0B,QAAS,EAAA,CAAA;AAC7C","file":"chunk-PLJ3DA5F.js","sourcesContent":["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}"]}
|
package/dist/chunk-R3PDNT2L.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { validateConfig, loadFireConfig } from './chunk-V2REFIUV.js';
|
|
2
|
-
import { getApps, initializeApp } from 'firebase/app';
|
|
3
|
-
import { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';
|
|
4
|
-
import { getFirestore } from 'firebase/firestore';
|
|
5
|
-
import { getStorage } from 'firebase/storage';
|
|
6
|
-
|
|
7
|
-
/* eslint-disable */
|
|
8
|
-
var app = (() => {
|
|
9
|
-
const config = validateConfig(loadFireConfig());
|
|
10
|
-
return getApps().length ? getApps()[0] : initializeApp(config);
|
|
11
|
-
})();
|
|
12
|
-
var auth = getAuth(app);
|
|
13
|
-
setPersistence(auth, browserSessionPersistence);
|
|
14
|
-
var firestore = getFirestore(app);
|
|
15
|
-
var storage = getStorage(app);
|
|
16
|
-
var TernSecureAuth = () => auth;
|
|
17
|
-
var TernSecureFirestore = () => firestore;
|
|
18
|
-
var TernSecureStorage = () => storage;
|
|
19
|
-
|
|
20
|
-
export { TernSecureAuth, TernSecureFirestore, TernSecureStorage };
|
|
21
|
-
//# sourceMappingURL=chunk-R3PDNT2L.js.map
|
|
22
|
-
//# sourceMappingURL=chunk-R3PDNT2L.js.map
|