@tern-secure/nextjs 3.1.76 → 3.1.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/app-router/client/TernSecureProvider.js +75 -0
- package/dist/cjs/app-router/client/TernSecureProvider.js.map +1 -0
- package/dist/cjs/app-router/server/TernSecureServerProvider.js +63 -0
- package/dist/cjs/app-router/server/TernSecureServerProvider.js.map +1 -0
- package/dist/cjs/app-router/server/auth.js +37 -0
- package/dist/cjs/app-router/server/auth.js.map +1 -0
- package/dist/cjs/boundary/TernSecureCtx.js +50 -0
- package/dist/cjs/boundary/TernSecureCtx.js.map +1 -0
- package/dist/cjs/boundary/hooks/useAuth.js +45 -0
- package/dist/cjs/boundary/hooks/useAuth.js.map +1 -0
- package/dist/cjs/components/sign-in.js +132 -0
- package/dist/cjs/components/sign-in.js.map +1 -0
- package/dist/cjs/errors.js +41 -0
- package/dist/cjs/errors.js.map +1 -0
- package/dist/cjs/index.js +49 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/types.js +17 -0
- package/dist/cjs/types.js.map +1 -0
- package/dist/cjs/utils/client-init.js +46 -0
- package/dist/cjs/utils/client-init.js.map +1 -0
- package/dist/cjs/utils/config.js +73 -0
- package/dist/cjs/utils/config.js.map +1 -0
- package/dist/cjs/utils/create-styles.js +149 -0
- package/dist/cjs/utils/create-styles.js.map +1 -0
- package/dist/esm/app-router/client/TernSecureProvider.js +40 -3
- package/dist/esm/app-router/client/TernSecureProvider.js.map +1 -0
- package/dist/esm/app-router/server/TernSecureServerProvider.js +29 -3
- package/dist/esm/app-router/server/TernSecureServerProvider.js.map +1 -0
- package/dist/esm/app-router/server/auth.js +13 -3
- package/dist/esm/app-router/server/auth.js.map +1 -0
- package/dist/esm/boundary/TernSecureCtx.js +25 -1
- package/dist/esm/boundary/TernSecureCtx.js.map +1 -0
- package/dist/esm/boundary/hooks/useAuth.js +21 -3
- package/dist/esm/boundary/hooks/useAuth.js.map +1 -0
- package/dist/esm/components/sign-in.js +108 -4
- package/dist/esm/components/sign-in.js.map +1 -0
- package/dist/esm/errors.js +16 -1
- package/dist/esm/errors.js.map +1 -0
- package/dist/esm/index.js +18 -4
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/types.js +1 -0
- package/dist/esm/types.js.map +1 -0
- package/dist/esm/utils/client-init.js +20 -3
- package/dist/esm/utils/client-init.js.map +1 -0
- package/dist/esm/utils/config.js +47 -3
- package/dist/esm/utils/config.js.map +1 -0
- package/dist/esm/utils/create-styles.js +123 -2
- package/dist/esm/utils/create-styles.js.map +1 -0
- package/package.json +3 -3
- package/dist/cjs/app-router/client/TernSecureProvider.cjs +0 -3
- package/dist/cjs/app-router/server/TernSecureServerProvider.cjs +0 -3
- package/dist/cjs/app-router/server/auth.cjs +0 -3
- package/dist/cjs/boundary/TernSecureCtx.cjs +0 -1
- package/dist/cjs/boundary/hooks/useAuth.cjs +0 -3
- package/dist/cjs/components/sign-in.cjs +0 -4
- package/dist/cjs/errors.cjs +0 -1
- package/dist/cjs/index.cjs +0 -4
- package/dist/cjs/types.cjs +0 -1
- package/dist/cjs/utils/client-init.cjs +0 -3
- package/dist/cjs/utils/config.cjs +0 -3
- package/dist/cjs/utils/create-styles.cjs +0 -2
- package/dist/esm/app-router/client/TernSecureProvider.d.ts +0 -17
- package/dist/esm/app-router/server/TernSecureServerProvider.d.ts +0 -30
- package/dist/esm/app-router/server/auth.d.ts +0 -9
- package/dist/esm/boundary/TernSecureCtx.d.ts +0 -15
- package/dist/esm/boundary/hooks/useAuth.d.ts +0 -7
- package/dist/esm/components/sign-in.d.ts +0 -25
- package/dist/esm/errors.d.ts +0 -10
- package/dist/esm/index.d.ts +0 -19
- package/dist/esm/types.d.ts +0 -49
- package/dist/esm/utils/client-init.d.ts +0 -9
- package/dist/esm/utils/config.d.ts +0 -22
- package/dist/esm/utils/create-styles.d.ts +0 -100
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var config_exports = {};
|
|
20
|
+
__export(config_exports, {
|
|
21
|
+
initializeConfig: () => initializeConfig,
|
|
22
|
+
loadFireConfig: () => loadFireConfig,
|
|
23
|
+
validateConfig: () => validateConfig
|
|
24
|
+
});
|
|
25
|
+
module.exports = __toCommonJS(config_exports);
|
|
26
|
+
const loadFireConfig = () => ({
|
|
27
|
+
apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || "",
|
|
28
|
+
authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || "",
|
|
29
|
+
projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || "",
|
|
30
|
+
storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || "",
|
|
31
|
+
messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || "",
|
|
32
|
+
appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || "",
|
|
33
|
+
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || void 0
|
|
34
|
+
});
|
|
35
|
+
const validateConfig = (config) => {
|
|
36
|
+
const requiredFields = [
|
|
37
|
+
"apiKey",
|
|
38
|
+
"authDomain",
|
|
39
|
+
"projectId",
|
|
40
|
+
"storageBucket",
|
|
41
|
+
"messagingSenderId",
|
|
42
|
+
"appId"
|
|
43
|
+
];
|
|
44
|
+
const errors = [];
|
|
45
|
+
requiredFields.forEach((field) => {
|
|
46
|
+
if (!config[field]) {
|
|
47
|
+
errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
return {
|
|
51
|
+
isValid: errors.length === 0,
|
|
52
|
+
errors,
|
|
53
|
+
config
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
const initializeConfig = () => {
|
|
57
|
+
const config = loadFireConfig();
|
|
58
|
+
const validationResult = validateConfig(config);
|
|
59
|
+
if (!validationResult.isValid) {
|
|
60
|
+
throw new Error(
|
|
61
|
+
`Firebase configuration validation failed:
|
|
62
|
+
${validationResult.errors.join("\n")}`
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
return config;
|
|
66
|
+
};
|
|
67
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
68
|
+
0 && (module.exports = {
|
|
69
|
+
initializeConfig,
|
|
70
|
+
loadFireConfig,
|
|
71
|
+
validateConfig
|
|
72
|
+
});
|
|
73
|
+
//# sourceMappingURL=config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/utils/config.ts"],"sourcesContent":["import { TernSecureConfig, ConfigValidationResult } from '../types'\r\n\r\n/**\r\n * Loads Firebase configuration from environment variables\r\n * @returns {TernSecureConfig} Firebase configuration object\r\n */\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || '',\r\n authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || '',\r\n projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || '',\r\n storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || '',\r\n messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || '',\r\n appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || '',\r\n measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || undefined,\r\n})\r\n\r\n/**\r\n * Validates Firebase configuration\r\n * @param {TernSecureConfig} config - Firebase configuration object\r\n * @throws {Error} If required configuration values are missing\r\n * @returns {TernSecureConfig} Validated configuration object\r\n */\r\nexport const validateConfig = (config: TernSecureConfig): ConfigValidationResult => {\r\n const requiredFields: (keyof TernSecureConfig)[] = [\r\n 'apiKey',\r\n 'authDomain',\r\n 'projectId',\r\n 'storageBucket',\r\n 'messagingSenderId',\r\n 'appId'\r\n ]\r\n\r\n const errors: string[] = []\r\n \r\n requiredFields.forEach(field => {\r\n if (!config[field]) {\r\n errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`)\r\n }\r\n })\r\n\r\n return {\r\n isValid: errors.length === 0,\r\n errors,\r\n config\r\n }\r\n}\r\n\r\n/**\r\n * Initializes configuration with validation\r\n * @throws {Error} If configuration is invalid\r\n */\r\nexport const initializeConfig = (): TernSecureConfig => {\r\n const config = loadFireConfig()\r\n const validationResult = validateConfig(config)\r\n\r\n if (!validationResult.isValid) {\r\n throw new Error(\r\n `Firebase configuration validation failed:\\n${validationResult.errors.join('\\n')}`\r\n )\r\n }\r\n\r\n return config\r\n}"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,iBAAiB,OAAyB;AAAA,EACrD,QAAQ,QAAQ,IAAI,gCAAgC;AAAA,EACpD,YAAY,QAAQ,IAAI,oCAAoC;AAAA,EAC5D,WAAW,QAAQ,IAAI,mCAAmC;AAAA,EAC1D,eAAe,QAAQ,IAAI,uCAAuC;AAAA,EAClE,mBAAmB,QAAQ,IAAI,4CAA4C;AAAA,EAC3E,OAAO,QAAQ,IAAI,+BAA+B;AAAA,EAClD,eAAe,QAAQ,IAAI,uCAAuC;AACpE;AAQO,MAAM,iBAAiB,CAAC,WAAqD;AAClF,QAAM,iBAA6C;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,SAAmB,CAAC;AAE1B,iBAAe,QAAQ,WAAS;AAC9B,QAAI,CAAC,OAAO,KAAK,GAAG;AAClB,aAAO,KAAK,gDAAgD,OAAO,KAAK,EAAE,YAAY,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF,CAAC;AAED,SAAO;AAAA,IACL,SAAS,OAAO,WAAW;AAAA,IAC3B;AAAA,IACA;AAAA,EACF;AACF;AAMO,MAAM,mBAAmB,MAAwB;AACtD,QAAM,SAAS,eAAe;AAC9B,QAAM,mBAAmB,eAAe,MAAM;AAE9C,MAAI,CAAC,iBAAiB,SAAS;AAC7B,UAAM,IAAI;AAAA,MACR;AAAA,EAA8C,iBAAiB,OAAO,KAAK,IAAI,CAAC;AAAA,IAClF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
"use client";
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
+
var create_styles_exports = {};
|
|
21
|
+
__export(create_styles_exports, {
|
|
22
|
+
defaultClassNames: () => defaultClassNames,
|
|
23
|
+
styleConfig: () => styleConfig,
|
|
24
|
+
styles: () => styles
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(create_styles_exports);
|
|
27
|
+
const PREFIX = "tern";
|
|
28
|
+
const styleInjection = {
|
|
29
|
+
isInjected: false,
|
|
30
|
+
styleElement: null
|
|
31
|
+
};
|
|
32
|
+
const defaultClassNames = {
|
|
33
|
+
container: `${PREFIX}-container`,
|
|
34
|
+
header: `${PREFIX}-header`,
|
|
35
|
+
title: `${PREFIX}-title`,
|
|
36
|
+
formWrapper: `${PREFIX}-formWrapper`,
|
|
37
|
+
formContainer: `${PREFIX}-formContainer`,
|
|
38
|
+
form: `${PREFIX}-form`,
|
|
39
|
+
label: `${PREFIX}-label`,
|
|
40
|
+
input: `${PREFIX}-input`,
|
|
41
|
+
button: `${PREFIX}-button`,
|
|
42
|
+
error: `${PREFIX}-error`
|
|
43
|
+
};
|
|
44
|
+
function createStyleSheet(styles2) {
|
|
45
|
+
if (typeof window === "undefined") return defaultClassNames;
|
|
46
|
+
if (styleInjection.isInjected) {
|
|
47
|
+
return defaultClassNames;
|
|
48
|
+
}
|
|
49
|
+
let styleElement = document.querySelector("[data-tern-secure]");
|
|
50
|
+
if (!styleElement) {
|
|
51
|
+
styleElement = document.createElement("style");
|
|
52
|
+
styleElement.setAttribute("data-tern-secure", "");
|
|
53
|
+
document.head.appendChild(styleElement);
|
|
54
|
+
styleInjection.styleElement = styleElement;
|
|
55
|
+
}
|
|
56
|
+
const cssRules = Object.entries(styles2).map(([key, rules]) => {
|
|
57
|
+
const className = defaultClassNames[key];
|
|
58
|
+
const cssProperties = Object.entries(rules).map(([prop, value]) => {
|
|
59
|
+
const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
60
|
+
return `${cssProperty}: ${value};`;
|
|
61
|
+
}).join(" ");
|
|
62
|
+
return `.${className} { ${cssProperties} }`;
|
|
63
|
+
}).join("\n");
|
|
64
|
+
styleElement.textContent = cssRules;
|
|
65
|
+
styleInjection.isInjected = true;
|
|
66
|
+
return defaultClassNames;
|
|
67
|
+
}
|
|
68
|
+
const styleConfig = {
|
|
69
|
+
container: {
|
|
70
|
+
display: "flex",
|
|
71
|
+
minHeight: "100%",
|
|
72
|
+
flex: "1",
|
|
73
|
+
flexDirection: "column",
|
|
74
|
+
justifyContent: "center",
|
|
75
|
+
padding: "3rem 1.5rem"
|
|
76
|
+
},
|
|
77
|
+
header: {
|
|
78
|
+
margin: "0 auto",
|
|
79
|
+
width: "100%",
|
|
80
|
+
maxWidth: "28rem"
|
|
81
|
+
},
|
|
82
|
+
title: {
|
|
83
|
+
marginTop: "1.5rem",
|
|
84
|
+
textAlign: "center",
|
|
85
|
+
fontSize: "1.875rem",
|
|
86
|
+
fontWeight: "700",
|
|
87
|
+
lineHeight: "2.25rem",
|
|
88
|
+
letterSpacing: "-0.025em",
|
|
89
|
+
color: "var(--tern-text-primary, #111827)"
|
|
90
|
+
},
|
|
91
|
+
formWrapper: {
|
|
92
|
+
marginTop: "2.5rem",
|
|
93
|
+
margin: "0 auto",
|
|
94
|
+
width: "100%",
|
|
95
|
+
maxWidth: "30rem"
|
|
96
|
+
},
|
|
97
|
+
formContainer: {
|
|
98
|
+
padding: "3rem 1.5rem",
|
|
99
|
+
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
|
|
100
|
+
borderRadius: "0.5rem",
|
|
101
|
+
backgroundColor: "var(--tern-background, white)"
|
|
102
|
+
},
|
|
103
|
+
form: {
|
|
104
|
+
display: "flex",
|
|
105
|
+
flexDirection: "column",
|
|
106
|
+
gap: "1rem"
|
|
107
|
+
},
|
|
108
|
+
label: {
|
|
109
|
+
display: "block",
|
|
110
|
+
fontSize: "0.875rem",
|
|
111
|
+
fontWeight: "500",
|
|
112
|
+
color: "var(--tern-text-secondary, #374151)"
|
|
113
|
+
},
|
|
114
|
+
input: {
|
|
115
|
+
marginTop: "0.25rem",
|
|
116
|
+
display: "block",
|
|
117
|
+
width: "100%",
|
|
118
|
+
padding: "0.5rem 0.75rem",
|
|
119
|
+
borderRadius: "0.375rem",
|
|
120
|
+
border: "1px solid var(--tern-border, #D1D5DB)",
|
|
121
|
+
backgroundColor: "var(--tern-input-background, white)",
|
|
122
|
+
color: "var(--tern-text-primary, #111827)"
|
|
123
|
+
},
|
|
124
|
+
button: {
|
|
125
|
+
display: "flex",
|
|
126
|
+
width: "100%",
|
|
127
|
+
justifyContent: "center",
|
|
128
|
+
padding: "0.5rem 1rem",
|
|
129
|
+
fontSize: "0.875rem",
|
|
130
|
+
fontWeight: "500",
|
|
131
|
+
color: "white",
|
|
132
|
+
backgroundColor: "var(--tern-primary, #2563EB)",
|
|
133
|
+
border: "none",
|
|
134
|
+
borderRadius: "0.375rem",
|
|
135
|
+
cursor: "pointer"
|
|
136
|
+
},
|
|
137
|
+
error: {
|
|
138
|
+
color: "var(--tern-error, #DC2626)",
|
|
139
|
+
fontSize: "0.875rem"
|
|
140
|
+
}
|
|
141
|
+
};
|
|
142
|
+
const styles = createStyleSheet(styleConfig);
|
|
143
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
144
|
+
0 && (module.exports = {
|
|
145
|
+
defaultClassNames,
|
|
146
|
+
styleConfig,
|
|
147
|
+
styles
|
|
148
|
+
});
|
|
149
|
+
//# sourceMappingURL=create-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/utils/create-styles.ts"],"sourcesContent":["'use client'\r\n\r\nconst PREFIX = 'tern'\r\n\r\n// Singleton to track style injection\r\nconst styleInjection = {\r\n isInjected: false,\r\n styleElement: null as HTMLStyleElement | null\r\n}\r\n\r\nexport const defaultClassNames = {\r\n container: `${PREFIX}-container`,\r\n header: `${PREFIX}-header`,\r\n title: `${PREFIX}-title`,\r\n formWrapper: `${PREFIX}-formWrapper`,\r\n formContainer: `${PREFIX}-formContainer`,\r\n form: `${PREFIX}-form`,\r\n label: `${PREFIX}-label`,\r\n input: `${PREFIX}-input`,\r\n button: `${PREFIX}-button`,\r\n error: `${PREFIX}-error`\r\n} as const\r\n\r\n// Create styles once and cache them\r\nfunction createStyleSheet(styles: Record<string, React.CSSProperties>) {\r\n if (typeof window === 'undefined') return defaultClassNames\r\n\r\n // Return early if styles are already injected\r\n if (styleInjection.isInjected) {\r\n return defaultClassNames\r\n }\r\n\r\n // Find existing style element or create new one\r\n let styleElement = document.querySelector<HTMLStyleElement>('[data-tern-secure]')\r\n \r\n if (!styleElement) {\r\n styleElement = document.createElement('style')\r\n styleElement.setAttribute('data-tern-secure', '')\r\n document.head.appendChild(styleElement)\r\n styleInjection.styleElement = styleElement\r\n }\r\n\r\n // Create CSS rules\r\n const cssRules = Object.entries(styles).map(([key, rules]) => {\r\n const className = defaultClassNames[key as keyof typeof defaultClassNames]\r\n const cssProperties = Object.entries(rules).map(([prop, value]) => {\r\n const cssProperty = prop.replace(/([A-Z])/g, '-$1').toLowerCase()\r\n return `${cssProperty}: ${value};`\r\n }).join(' ')\r\n\r\n return `.${className} { ${cssProperties} }`\r\n }).join('\\n')\r\n\r\n // Insert styles only once\r\n styleElement.textContent = cssRules\r\n styleInjection.isInjected = true\r\n\r\n return defaultClassNames\r\n}\r\n\r\n// Style configuration\r\nexport const styleConfig = {\r\n container: {\r\n display: 'flex',\r\n minHeight: '100%',\r\n flex: '1',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n padding: '3rem 1.5rem'\r\n },\r\n header: {\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '28rem'\r\n },\r\n title: {\r\n marginTop: '1.5rem',\r\n textAlign: 'center',\r\n fontSize: '1.875rem',\r\n fontWeight: '700',\r\n lineHeight: '2.25rem',\r\n letterSpacing: '-0.025em',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n formWrapper: {\r\n marginTop: '2.5rem',\r\n margin: '0 auto',\r\n width: '100%',\r\n maxWidth: '30rem'\r\n },\r\n formContainer: {\r\n padding: '3rem 1.5rem',\r\n boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)',\r\n borderRadius: '0.5rem',\r\n backgroundColor: 'var(--tern-background, white)'\r\n },\r\n form: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: '1rem'\r\n },\r\n label: {\r\n display: 'block',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'var(--tern-text-secondary, #374151)'\r\n },\r\n input: {\r\n marginTop: '0.25rem',\r\n display: 'block',\r\n width: '100%',\r\n padding: '0.5rem 0.75rem',\r\n borderRadius: '0.375rem',\r\n border: '1px solid var(--tern-border, #D1D5DB)',\r\n backgroundColor: 'var(--tern-input-background, white)',\r\n color: 'var(--tern-text-primary, #111827)'\r\n },\r\n button: {\r\n display: 'flex',\r\n width: '100%',\r\n justifyContent: 'center',\r\n padding: '0.5rem 1rem',\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n color: 'white',\r\n backgroundColor: 'var(--tern-primary, #2563EB)',\r\n border: 'none',\r\n borderRadius: '0.375rem',\r\n cursor: 'pointer'\r\n },\r\n error: {\r\n color: 'var(--tern-error, #DC2626)',\r\n fontSize: '0.875rem'\r\n }\r\n} as const\r\n\r\n// Export pre-created styles\r\nexport const styles = createStyleSheet(styleConfig)\r\n\r\n"],"mappings":"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","names":["styles"]}
|
|
@@ -1,3 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import React, { useState, useEffect } from "react";
|
|
4
|
+
import { TernSecureAuth } from "../../utils/client-init";
|
|
5
|
+
import { onAuthStateChanged } from "firebase/auth";
|
|
6
|
+
import { TernSecureCtxProvider } from "../../boundary/TernSecureCtx";
|
|
7
|
+
const AuthStateContext = React.createContext(null);
|
|
8
|
+
const auth = TernSecureAuth();
|
|
9
|
+
function TernSecureClientProvider({
|
|
10
|
+
children,
|
|
11
|
+
initialState
|
|
12
|
+
}) {
|
|
13
|
+
const [authState, setAuthState] = useState(initialState);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
const unsubscribe = onAuthStateChanged(auth, (user) => {
|
|
16
|
+
if (user) {
|
|
17
|
+
setAuthState({
|
|
18
|
+
loading: false,
|
|
19
|
+
isSignedIn: true,
|
|
20
|
+
userId: user.uid,
|
|
21
|
+
error: null
|
|
22
|
+
});
|
|
23
|
+
} else {
|
|
24
|
+
setAuthState({
|
|
25
|
+
loading: false,
|
|
26
|
+
isSignedIn: false,
|
|
27
|
+
userId: null,
|
|
28
|
+
error: null
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
return () => unsubscribe();
|
|
33
|
+
}, []);
|
|
34
|
+
return /* @__PURE__ */ jsx(TernSecureCtxProvider, { children: /* @__PURE__ */ jsx(AuthStateContext.Provider, { value: authState, children }) });
|
|
35
|
+
}
|
|
36
|
+
export {
|
|
37
|
+
AuthStateContext,
|
|
38
|
+
TernSecureClientProvider
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=TernSecureProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/app-router/client/TernSecureProvider.tsx"],"sourcesContent":["'use client'\r\n\r\nimport React, { useState, useEffect } from 'react'\r\nimport { TernSecureAuth } from '../../utils/client-init'\r\nimport { onAuthStateChanged } from \"firebase/auth\"\r\nimport { useInternalContext, TernSecureCtxProvider } from '../../boundary/TernSecureCtx'\r\n\r\nexport type TernSecureState = {\r\n userId: string | null\r\n loading: boolean\r\n error: string | null\r\n isSignedIn: boolean\r\n}\r\n\r\nexport const AuthStateContext = React.createContext<TernSecureState | null>(null)\r\n\r\ninterface TernSecureClientProps {\r\n children: React.ReactNode\r\n initialState: TernSecureState\r\n}\r\n\r\nconst auth = TernSecureAuth();\r\n\r\nexport function TernSecureClientProvider({ \r\n children,\r\n initialState\r\n }: TernSecureClientProps) {\r\n const [authState, setAuthState] = useState<TernSecureState>(initialState)\r\nuseEffect(() => {\r\n const unsubscribe = onAuthStateChanged(auth, (user) => {\r\n if (user) {\r\n setAuthState({\r\n loading: false,\r\n isSignedIn: true,\r\n userId: user.uid,\r\n error: null\r\n })\r\n } else {\r\n setAuthState({\r\n loading: false,\r\n isSignedIn: false,\r\n userId: null,\r\n error: null\r\n })\r\n }\r\n })\r\n \r\n return () => unsubscribe()\r\n }, [])\r\n\r\n\r\n return (\r\n <TernSecureCtxProvider>\r\n <AuthStateContext.Provider value={authState}>\r\n {children}\r\n </AuthStateContext.Provider>\r\n </TernSecureCtxProvider>\r\n )\r\n}"],"mappings":";AAqDM;AAnDN,OAAO,SAAS,UAAU,iBAAiB;AAC3C,SAAS,sBAAsB;AAC/B,SAAS,0BAA0B;AACnC,SAA6B,6BAA6B;AASnD,MAAM,mBAAmB,MAAM,cAAsC,IAAI;AAOhF,MAAM,OAAO,eAAe;AAErB,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AACD,GAA0B;AACzB,QAAM,CAAC,WAAW,YAAY,IAAI,SAA0B,YAAY;AAC1E,YAAU,MAAM;AACZ,UAAM,cAAc,mBAAmB,MAAM,CAAC,SAAS;AACrD,UAAI,MAAM;AACR,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO;AAAA,QACT,CAAC;AAAA,MACH,OAAO;AACL,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,WAAO,MAAM,YAAY;AAAA,EAC3B,GAAG,CAAC,CAAC;AAGL,SACE,oBAAC,yBACC,8BAAC,iBAAiB,UAAjB,EAA0B,OAAO,WACjC,UACD,GACF;AAEJ;","names":[]}
|
|
@@ -1,3 +1,29 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { TernSecureClientProvider } from "../client/TernSecureProvider";
|
|
4
|
+
function TernSecureLoadingFallback() {
|
|
5
|
+
return /* @__PURE__ */ jsx(
|
|
6
|
+
"div",
|
|
7
|
+
{
|
|
8
|
+
"aria-label": "Loading authentication",
|
|
9
|
+
role: "status",
|
|
10
|
+
className: "tern-secure-loading",
|
|
11
|
+
children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading authentication..." })
|
|
12
|
+
}
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
async function TernSecureServerProvider({
|
|
16
|
+
children
|
|
17
|
+
}) {
|
|
18
|
+
const initialState = {
|
|
19
|
+
loading: true,
|
|
20
|
+
isSignedIn: false,
|
|
21
|
+
userId: null,
|
|
22
|
+
error: null
|
|
23
|
+
};
|
|
24
|
+
return /* @__PURE__ */ jsx(React.Suspense, { fallback: /* @__PURE__ */ jsx(TernSecureLoadingFallback, {}), children: /* @__PURE__ */ jsx(TernSecureClientProvider, { initialState, children }) });
|
|
25
|
+
}
|
|
26
|
+
export {
|
|
27
|
+
TernSecureServerProvider
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=TernSecureServerProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/app-router/server/TernSecureServerProvider.tsx"],"sourcesContent":["import React from \"react\"\r\nimport { TernSecureClientProvider, TernSecureState } from \"../client/TernSecureProvider\"\r\n\r\n\r\n\r\n// Loading fallback component\r\nfunction TernSecureLoadingFallback() {\r\n return (\r\n <div \r\n aria-label=\"Loading authentication\" \r\n role=\"status\"\r\n className=\"tern-secure-loading\"\r\n >\r\n <span className=\"sr-only\">Loading authentication...</span>\r\n </div>\r\n )\r\n}\r\n\r\ninterface TernSecureServerProviderProps {\r\n children: React.ReactNode\r\n}\r\n\r\n/**\r\n * Root Provider for TernSecure\r\n * Use this in your Next.js App Router root layout\r\n * Automatically handles client/server boundary and authentication state\r\n * \r\n * @example\r\n * // app/layout.tsx\r\n * import { TernSecureProvider } from '@tern/secure'\r\n * \r\n * export default function RootLayout({ children }) {\r\n * return (\r\n * <html>\r\n * <body>\r\n * <TernSecureProvider>\r\n * {children}\r\n * </TernSecureProvider>\r\n * </body>\r\n * </html>\r\n * )\r\n * }\r\n */\r\nexport async function TernSecureServerProvider({ \r\n children \r\n}: TernSecureServerProviderProps) {\r\n const initialState: TernSecureState = {\r\n loading: true,\r\n isSignedIn: false,\r\n userId: null,\r\n error: null\r\n }\r\n\r\n return (\r\n <React.Suspense fallback={<TernSecureLoadingFallback />}>\r\n {/* Add use client directive */}\r\n <TernSecureClientProvider initialState={initialState}>\r\n {children}\r\n </TernSecureClientProvider>\r\n </React.Suspense>\r\n )\r\n}\r\n\r\n// Export types for internal use\r\nexport type { TernSecureServerProviderProps }"],"mappings":"AAaM;AAbN,OAAO,WAAW;AAClB,SAAS,gCAAiD;AAK1D,SAAS,4BAA4B;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX,MAAK;AAAA,MACL,WAAU;AAAA,MAEV,8BAAC,UAAK,WAAU,WAAU,uCAAyB;AAAA;AAAA,EACrD;AAEJ;AA2BA,eAAsB,yBAAyB;AAAA,EAC7C;AACF,GAAkC;AAChC,QAAM,eAAgC;AAAA,IACpC,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAEA,SACE,oBAAC,MAAM,UAAN,EAAe,UAAU,oBAAC,6BAA0B,GAEnD,8BAAC,4BAAyB,cACvB,UACH,GACF;AAEJ;","names":[]}
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { TernSecureAuth } from "../../utils/client-init";
|
|
2
|
+
import { signInWithEmailAndPassword } from "firebase/auth";
|
|
3
|
+
async function signInWithEmail({
|
|
4
|
+
email,
|
|
5
|
+
password
|
|
6
|
+
}) {
|
|
7
|
+
const auth = TernSecureAuth();
|
|
8
|
+
return signInWithEmailAndPassword(auth, email, password);
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
signInWithEmail
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=auth.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/app-router/server/auth.ts"],"sourcesContent":["import { TernSecureAuth } from '../../utils/client-init'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n email: string\r\n password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n email, \r\n password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n const auth = TernSecureAuth()\r\n return signInWithEmailAndPassword(auth, email, password)\r\n} "],"mappings":"AAAA,SAAS,sBAAsB;AAC/B,SAAS,kCAAuD;AAOhE,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,OAAO,eAAe;AAC5B,SAAO,2BAA2B,MAAM,OAAO,QAAQ;AACzD;","names":[]}
|
|
@@ -1 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useContext } from "react";
|
|
4
|
+
const INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
|
|
5
|
+
const TernSecureContext = createContext(null);
|
|
6
|
+
TernSecureContext.displayName = "TernSecureContext";
|
|
7
|
+
const useInternalContext = (hookname) => {
|
|
8
|
+
const context = useContext(TernSecureContext);
|
|
9
|
+
if (!context) {
|
|
10
|
+
throw new Error(
|
|
11
|
+
`${hookname} must be used within TernSecureProvider`
|
|
12
|
+
);
|
|
13
|
+
}
|
|
14
|
+
return context;
|
|
15
|
+
};
|
|
16
|
+
function TernSecureCtxProvider({ children }) {
|
|
17
|
+
return /* @__PURE__ */ jsx(TernSecureContext.Provider, { value: {
|
|
18
|
+
_contextKey: INTERNAL_CONTEXT_KEY
|
|
19
|
+
}, children });
|
|
20
|
+
}
|
|
21
|
+
export {
|
|
22
|
+
TernSecureCtxProvider,
|
|
23
|
+
useInternalContext
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=TernSecureCtx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/boundary/TernSecureCtx.tsx"],"sourcesContent":["'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\n// Core types\r\nexport type TernSecureCtxValue = {\r\n _contextKey: Symbol\r\n}\r\n\r\n// Context with proper null handling\r\nconst INTERNAL_CONTEXT_KEY = Symbol('TERN_SECURE_CONTEXT')\r\nconst TernSecureContext = createContext<TernSecureCtxValue | null>(null)\r\n\r\n// Set display name for better debugging\r\nTernSecureContext.displayName = 'TernSecureContext'\r\n\r\nexport const useInternalContext = (hookname: string) => {\r\n\r\n const context = useContext(TernSecureContext)\r\n \r\n if (!context) {\r\n throw new Error(\r\n `${hookname} must be used within TernSecureProvider`\r\n )\r\n }\r\n\r\n return context\r\n}\r\n\r\n/**\r\n * Provider component for TernSecure\r\n * Must be used in client components only\r\n */\r\nexport function TernSecureCtxProvider({ children }: { children: React.ReactNode }) {\r\n return (\r\n <TernSecureContext.Provider value={{\r\n _contextKey: INTERNAL_CONTEXT_KEY \r\n }}>\r\n {children}\r\n </TernSecureContext.Provider>\r\n )\r\n}"],"mappings":";AAmCI;AAjCJ,SAAS,eAAe,kBAAiB;AAQzC,MAAM,uBAAuB,OAAO,qBAAqB;AACzD,MAAM,oBAAoB,cAAyC,IAAI;AAGvE,kBAAkB,cAAc;AAEzB,MAAM,qBAAqB,CAAC,aAAqB;AAEtD,QAAM,UAAU,WAAW,iBAAiB;AAE5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR,GAAG,QAAQ;AAAA,IACb;AAAA,EACF;AAEA,SAAO;AACT;AAMO,SAAS,sBAAsB,EAAE,SAAS,GAAkC;AACjF,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO;AAAA,IACjC,aAAa;AAAA,EACf,GACG,UACH;AAEJ;","names":[]}
|
|
@@ -1,3 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { useContext } from "react";
|
|
3
|
+
import { useInternalContext } from "../../boundary/TernSecureCtx";
|
|
4
|
+
import { AuthStateContext } from "../../app-router/client/TernSecureProvider";
|
|
5
|
+
function useAuth() {
|
|
6
|
+
useInternalContext("useAuth");
|
|
7
|
+
const authState = useContext(AuthStateContext);
|
|
8
|
+
if (!authState) {
|
|
9
|
+
throw new Error("Auth state not found");
|
|
10
|
+
}
|
|
11
|
+
return {
|
|
12
|
+
userId: authState.userId,
|
|
13
|
+
loading: authState.loading,
|
|
14
|
+
error: authState.error,
|
|
15
|
+
isSignedIn: authState.isSignedIn
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export {
|
|
19
|
+
useAuth
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=useAuth.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/boundary/hooks/useAuth.ts"],"sourcesContent":["'use client'\r\n\r\nimport { useContext } from 'react'\r\nimport { useInternalContext } from '../../boundary/TernSecureCtx'\r\nimport { AuthStateContext, type TernSecureState } from '../../app-router/client/TernSecureProvider'\r\n\r\nexport function useAuth(): TernSecureState {\r\n // Verify we're within the provider boundary\r\n useInternalContext('useAuth')\r\n \r\n // Get the auth state from the AuthStateContext\r\n const authState = useContext(AuthStateContext)\r\n if (!authState) {\r\n throw new Error('Auth state not found')\r\n }\r\n\r\n\r\n return {\r\n userId: authState.userId,\r\n loading: authState.loading,\r\n error: authState.error,\r\n isSignedIn: authState.isSignedIn\r\n }\r\n}"],"mappings":";AAEA,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AACnC,SAAS,wBAA8C;AAEhD,SAAS,UAA2B;AAEzC,qBAAmB,SAAS;AAG5B,QAAM,YAAY,WAAW,gBAAgB;AAC7C,MAAI,CAAC,WAAW;AACd,UAAM,IAAI,MAAM,sBAAsB;AAAA,EACxC;AAGE,SAAO;AAAA,IACP,QAAQ,UAAU;AAAA,IAClB,SAAS,UAAU;AAAA,IACnB,OAAO,UAAU;AAAA,IACjB,YAAY,UAAU;AAAA,EACxB;AACF;","names":[]}
|
|
@@ -1,4 +1,108 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { signInWithEmail } from "../app-router/server/auth";
|
|
4
|
+
import { styles } from "../utils/create-styles";
|
|
5
|
+
function SignIn({
|
|
6
|
+
onSuccess,
|
|
7
|
+
onError,
|
|
8
|
+
redirectUrl,
|
|
9
|
+
className = "",
|
|
10
|
+
style,
|
|
11
|
+
customStyles = {}
|
|
12
|
+
}) {
|
|
13
|
+
const [email, setEmail] = useState("");
|
|
14
|
+
const [password, setPassword] = useState("");
|
|
15
|
+
const [loading, setLoading] = useState(false);
|
|
16
|
+
const [error, setError] = useState("");
|
|
17
|
+
const handleSubmit = async (e) => {
|
|
18
|
+
e.preventDefault();
|
|
19
|
+
setLoading(true);
|
|
20
|
+
setError("");
|
|
21
|
+
try {
|
|
22
|
+
await signInWithEmail({ email, password });
|
|
23
|
+
onSuccess == null ? void 0 : onSuccess();
|
|
24
|
+
if (redirectUrl) {
|
|
25
|
+
window.location.href = redirectUrl;
|
|
26
|
+
}
|
|
27
|
+
} catch (err) {
|
|
28
|
+
const errorMessage = err instanceof Error ? err.message : "Failed to sign in";
|
|
29
|
+
setError(errorMessage);
|
|
30
|
+
onError == null ? void 0 : onError(err instanceof Error ? err : new Error("Failed to sign in"));
|
|
31
|
+
} finally {
|
|
32
|
+
setLoading(false);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
|
|
36
|
+
/* @__PURE__ */ jsx("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ jsx("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
|
|
37
|
+
/* @__PURE__ */ jsx("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsx("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ jsxs(
|
|
38
|
+
"form",
|
|
39
|
+
{
|
|
40
|
+
onSubmit: handleSubmit,
|
|
41
|
+
className: `${styles.form} ${customStyles.form || ""} ${className}`,
|
|
42
|
+
role: "form",
|
|
43
|
+
"aria-label": "Sign in form",
|
|
44
|
+
children: [
|
|
45
|
+
error && /* @__PURE__ */ jsx(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
className: `${styles.error} ${customStyles.errorText || ""}`,
|
|
49
|
+
role: "alert",
|
|
50
|
+
"aria-live": "polite",
|
|
51
|
+
children: error
|
|
52
|
+
}
|
|
53
|
+
),
|
|
54
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
55
|
+
/* @__PURE__ */ jsx("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
|
|
56
|
+
/* @__PURE__ */ jsx(
|
|
57
|
+
"input",
|
|
58
|
+
{
|
|
59
|
+
id: "email",
|
|
60
|
+
type: "email",
|
|
61
|
+
value: email,
|
|
62
|
+
onChange: (e) => setEmail(e.target.value),
|
|
63
|
+
placeholder: "Enter your email",
|
|
64
|
+
required: true,
|
|
65
|
+
className: `${styles.input} ${customStyles.input || ""}`,
|
|
66
|
+
disabled: loading,
|
|
67
|
+
"aria-required": "true",
|
|
68
|
+
"aria-invalid": !!error
|
|
69
|
+
}
|
|
70
|
+
)
|
|
71
|
+
] }),
|
|
72
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
73
|
+
/* @__PURE__ */ jsx("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
|
|
74
|
+
/* @__PURE__ */ jsx(
|
|
75
|
+
"input",
|
|
76
|
+
{
|
|
77
|
+
id: "password",
|
|
78
|
+
type: "password",
|
|
79
|
+
value: password,
|
|
80
|
+
onChange: (e) => setPassword(e.target.value),
|
|
81
|
+
placeholder: "Enter your password",
|
|
82
|
+
required: true,
|
|
83
|
+
className: `${styles.input} ${customStyles.input || ""}`,
|
|
84
|
+
disabled: loading,
|
|
85
|
+
"aria-required": "true",
|
|
86
|
+
"aria-invalid": !!error
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
] }),
|
|
90
|
+
/* @__PURE__ */ jsx(
|
|
91
|
+
"button",
|
|
92
|
+
{
|
|
93
|
+
type: "submit",
|
|
94
|
+
disabled: loading,
|
|
95
|
+
className: `${styles.button} ${customStyles.button || ""}`,
|
|
96
|
+
"data-testid": "sign-in-submit",
|
|
97
|
+
children: loading ? "Signing in..." : "Sign in"
|
|
98
|
+
}
|
|
99
|
+
)
|
|
100
|
+
]
|
|
101
|
+
}
|
|
102
|
+
) }) })
|
|
103
|
+
] });
|
|
104
|
+
}
|
|
105
|
+
export {
|
|
106
|
+
SignIn
|
|
107
|
+
};
|
|
108
|
+
//# sourceMappingURL=sign-in.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/sign-in.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/server/auth'\r\nimport { styles } from '../utils/create-styles'\r\n\r\nexport interface SignInProps {\r\n onSuccess?: () => void\r\n onError?: (error: Error) => void\r\n redirectUrl?: string\r\n className?: string\r\n style?: React.CSSProperties\r\n customStyles?: {\r\n container?: string\r\n header?: string\r\n title?: string\r\n formWrapper?: string\r\n formContainer?: string\r\n form?: string\r\n input?: string\r\n button?: string\r\n errorText?: string\r\n label?: string\r\n }\r\n}\r\n\r\nexport function SignIn({ \r\n onSuccess, \r\n onError, \r\n redirectUrl,\r\n className = '',\r\n style,\r\n customStyles = {}\r\n}: SignInProps) {\r\n const [email, setEmail] = useState('')\r\n const [password, setPassword] = useState('')\r\n const [loading, setLoading] = useState(false)\r\n const [error, setError] = useState('')\r\n\r\n const handleSubmit = async (e: React.FormEvent) => {\r\n e.preventDefault()\r\n setLoading(true)\r\n setError('')\r\n\r\n try {\r\n await signInWithEmail({ email, password })\r\n onSuccess?.()\r\n \r\n if (redirectUrl) {\r\n window.location.href = redirectUrl\r\n }\r\n } catch (err) {\r\n const errorMessage = err instanceof Error ? err.message : 'Failed to sign in'\r\n setError(errorMessage)\r\n onError?.(err instanceof Error ? err : new Error('Failed to sign in'))\r\n } finally {\r\n setLoading(false)\r\n }\r\n }\r\n\r\n return (\r\n <div className={`${styles.container} ${customStyles.container || ''}`} style={style}>\r\n <div className={`${styles.header} ${customStyles.header || ''}`}>\r\n <h2 className={`${styles.title} ${customStyles.title || ''}`}>\r\n Sign in to your account\r\n </h2>\r\n </div>\r\n \r\n <div className={`${styles.formWrapper} ${customStyles.formWrapper || ''}`}>\r\n <div className={`${styles.formContainer} ${customStyles.formContainer || ''}`}>\r\n <form \r\n onSubmit={handleSubmit} \r\n className={`${styles.form} ${customStyles.form || ''} ${className}`}\r\n role=\"form\"\r\n aria-label=\"Sign in form\"\r\n >\r\n {error && (\r\n <div \r\n className={`${styles.error} ${customStyles.errorText || ''}`}\r\n role=\"alert\"\r\n aria-live=\"polite\"\r\n >\r\n {error}\r\n </div>\r\n )}\r\n <div>\r\n <label htmlFor=\"email\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n Email\r\n </label>\r\n <input\r\n id=\"email\"\r\n type=\"email\"\r\n value={email}\r\n onChange={(e) => setEmail(e.target.value)}\r\n placeholder=\"Enter your email\"\r\n required\r\n className={`${styles.input} ${customStyles.input || ''}`}\r\n disabled={loading}\r\n aria-required=\"true\"\r\n aria-invalid={!!error}\r\n />\r\n </div>\r\n <div>\r\n <label htmlFor=\"password\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n Password\r\n </label>\r\n <input\r\n id=\"password\"\r\n type=\"password\"\r\n value={password}\r\n onChange={(e) => setPassword(e.target.value)}\r\n placeholder=\"Enter your password\"\r\n required\r\n className={`${styles.input} ${customStyles.input || ''}`}\r\n disabled={loading}\r\n aria-required=\"true\"\r\n aria-invalid={!!error}\r\n />\r\n </div>\r\n <button \r\n type=\"submit\" \r\n disabled={loading}\r\n className={`${styles.button} ${customStyles.button || ''}`}\r\n data-testid=\"sign-in-submit\"\r\n >\r\n {loading ? 'Signing in...' : 'Sign in'}\r\n </button>\r\n </form>\r\n </div>\r\n </div>\r\n </div>\r\n )\r\n}\r\n\r\n"],"mappings":"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","names":[]}
|
package/dist/esm/errors.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
const ERRORS = {
|
|
2
|
+
SERVER_SIDE_INITIALIZATION: "TernSecure must be initialized on the client side",
|
|
3
|
+
NOT_INITIALIZED: "TernSecure services are not initialized. Call initializeTernSecure() first",
|
|
4
|
+
HOOK_CONTEXT: (hookName) => `${hookName} must be used within TernSecureProvider`
|
|
5
|
+
};
|
|
6
|
+
class TernSecureError extends Error {
|
|
7
|
+
constructor(message) {
|
|
8
|
+
super(message);
|
|
9
|
+
this.name = "TernSecureError";
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
export {
|
|
13
|
+
ERRORS,
|
|
14
|
+
TernSecureError
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=errors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/errors.ts"],"sourcesContent":["export const ERRORS = {\r\n SERVER_SIDE_INITIALIZATION: 'TernSecure must be initialized on the client side',\r\n NOT_INITIALIZED: 'TernSecure services are not initialized. Call initializeTernSecure() first',\r\n HOOK_CONTEXT: (hookName: string) => `${hookName} must be used within TernSecureProvider`,\r\n } as const;\r\n \r\n export class TernSecureError extends Error {\r\n constructor(message: string) {\r\n super(message);\r\n this.name = 'TernSecureError';\r\n }\r\n }"],"mappings":"AAAO,MAAM,SAAS;AAAA,EAClB,4BAA4B;AAAA,EAC5B,iBAAiB;AAAA,EACjB,cAAc,CAAC,aAAqB,GAAG,QAAQ;AACjD;AAEO,MAAM,wBAAwB,MAAM;AAAA,EACzC,YAAY,SAAiB;AAC3B,UAAM,OAAO;AACb,SAAK,OAAO;AAAA,EACd;AACF;","names":[]}
|