@tern-secure/nextjs 3.0.8 → 3.0.9
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 +1 -0
- package/dist/app-router/client/auth.d.ts.map +1 -0
- package/dist/app-router/client/client-init.d.ts +1 -0
- package/dist/app-router/client/client-init.d.ts.map +1 -0
- package/dist/app-router/client/config.d.ts +1 -0
- package/dist/app-router/client/config.d.ts.map +1 -0
- package/dist/app-router/client/index.d.ts +1 -0
- package/dist/app-router/client/index.d.ts.map +1 -0
- package/dist/app-router/client/index.js +106 -1
- package/dist/app-router/client/index.js.map +7 -0
- package/dist/app-router/client/providers/ternSecureClientProvider.d.ts +1 -0
- package/dist/app-router/client/providers/ternSecureClientProvider.d.ts.map +1 -0
- package/dist/app-router/client/providers/ternSecureContext.d.ts +1 -0
- package/dist/app-router/client/providers/ternSecureContext.d.ts.map +1 -0
- package/dist/app-router/server/index.d.ts +1 -0
- package/dist/app-router/server/index.d.ts.map +1 -0
- package/dist/app-router/server/index.js +112 -1
- package/dist/app-router/server/index.js.map +7 -0
- package/dist/app-router/server/providers/TernSecureServerProvider.d.ts +1 -0
- package/dist/app-router/server/providers/TernSecureServerProvider.d.ts.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +295 -1
- package/dist/components/index.js.map +7 -0
- package/dist/components/sign-in.d.ts +1 -0
- package/dist/components/sign-in.d.ts.map +1 -0
- package/dist/errors/index.d.ts +1 -0
- package/dist/errors/index.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +133 -1
- package/dist/hooks/index.js.map +7 -0
- package/dist/hooks/useAuth.d.ts +1 -0
- package/dist/hooks/useAuth.d.ts.map +1 -0
- package/dist/index.cjs.js +506 -2
- package/dist/index.cjs.js.map +7 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +464 -1
- package/dist/index.js.map +7 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +1 -0
- package/dist/types/index.js.map +7 -0
- package/dist/utils/create-styles.d.ts +1 -0
- package/dist/utils/create-styles.d.ts.map +1 -0
- package/dist/utils/create-styles.js +125 -1
- package/dist/utils/create-styles.js.map +7 -0
- package/package.json +1 -1
- package/dist/chunk-2ENCFXUN.js +0 -1
- package/dist/chunk-2NA7K5TN.js +0 -2
- package/dist/chunk-64G22XTD.js +0 -1
- package/dist/chunk-ASFHFC2I.js +0 -1
- package/dist/chunk-DLMCL4UP.js +0 -1
- package/dist/chunk-LHW3RBUN.js +0 -1
- package/dist/ternSecureClientProvider-IGH5T42M.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../../src/app-router/client/auth.ts"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,eAAe,CAAA;AAE/E,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAsB,eAAe,CAAC,EACpC,KAAK,EACL,QAAQ,EACT,EAAE,iBAAiB,GAAG,OAAO,CAAC,cAAc,CAAC,CAG7C"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export declare const TernSecureAuth: () => import("@firebase/auth").Auth;
|
|
2
2
|
export declare const TernSecureFirestore: () => import("@firebase/firestore").Firestore;
|
|
3
3
|
export declare const TernSecureStorage: () => import("@firebase/storage").FirebaseStorage;
|
|
4
|
+
//# sourceMappingURL=client-init.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"client-init.d.ts","sourceRoot":"","sources":["../../../src/app-router/client/client-init.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,cAAc,qCAAa,CAAC;AACzC,eAAO,MAAM,mBAAmB,+CAAkB,CAAC;AACnD,eAAO,MAAM,iBAAiB,mDAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/app-router/client/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,eAAO,MAAM,cAAc,QAAO,gBAQhC,CAAC;AAEH,eAAO,MAAM,cAAc,WAAY,gBAAgB,qBAOtD,CAAC"}
|
|
@@ -4,3 +4,4 @@ export { signInWithEmail } from './auth';
|
|
|
4
4
|
export { loadFireConfig, validateConfig } from './config';
|
|
5
5
|
export { TernSecureContext, useTernSecure } from './providers/ternSecureContext';
|
|
6
6
|
export { TernSecureClientProvider } from './providers/ternSecureClientProvider';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-router/client/index.ts"],"names":[],"mappings":"AACA,OAAO,EACH,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAEvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAC,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAA"}
|
|
@@ -1 +1,106 @@
|
|
|
1
|
-
|
|
1
|
+
// src/app-router/client/client-init.ts
|
|
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
|
+
var app = (() => {
|
|
7
|
+
const config = validateConfig(loadFireConfig());
|
|
8
|
+
return getApps().length ? getApps()[0] : initializeApp(config);
|
|
9
|
+
})();
|
|
10
|
+
var auth = getAuth(app);
|
|
11
|
+
setPersistence(auth, browserSessionPersistence);
|
|
12
|
+
var firestore = getFirestore(app);
|
|
13
|
+
var storage = getStorage(app);
|
|
14
|
+
var TernSecureAuth = () => auth;
|
|
15
|
+
var TernSecureFirestore = () => firestore;
|
|
16
|
+
var TernSecureStorage = () => storage;
|
|
17
|
+
|
|
18
|
+
// src/app-router/client/auth.ts
|
|
19
|
+
import { signInWithEmailAndPassword } from "firebase/auth";
|
|
20
|
+
async function signInWithEmail({
|
|
21
|
+
email,
|
|
22
|
+
password
|
|
23
|
+
}) {
|
|
24
|
+
const auth2 = TernSecureAuth();
|
|
25
|
+
return signInWithEmailAndPassword(auth2, email, password);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
// src/app-router/client/config.ts
|
|
29
|
+
var loadFireConfig = () => ({
|
|
30
|
+
apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
|
|
31
|
+
authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
|
|
32
|
+
projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
|
|
33
|
+
storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
|
|
34
|
+
messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
|
|
35
|
+
appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
|
|
36
|
+
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
|
|
37
|
+
});
|
|
38
|
+
var validateConfig = (config) => {
|
|
39
|
+
Object.entries(config).forEach(([key, value]) => {
|
|
40
|
+
if (!value) {
|
|
41
|
+
throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
return config;
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
// src/app-router/client/providers/ternSecureContext.tsx
|
|
48
|
+
import { createContext, useContext } from "react";
|
|
49
|
+
var createTernSecureContext = () => {
|
|
50
|
+
const initialState2 = {
|
|
51
|
+
firebase: {
|
|
52
|
+
initialized: false,
|
|
53
|
+
error: null
|
|
54
|
+
},
|
|
55
|
+
auth: {
|
|
56
|
+
user: null,
|
|
57
|
+
loading: true,
|
|
58
|
+
error: null,
|
|
59
|
+
isSignedIn: false
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
return createContext([initialState2, () => {
|
|
63
|
+
}]);
|
|
64
|
+
};
|
|
65
|
+
var TernSecureContext = createTernSecureContext();
|
|
66
|
+
var useTernSecure = (hookname) => {
|
|
67
|
+
const context = useContext(TernSecureContext);
|
|
68
|
+
if (!context) {
|
|
69
|
+
throw new Error(
|
|
70
|
+
`${hookname} must be used within TernSecureProvider`
|
|
71
|
+
);
|
|
72
|
+
}
|
|
73
|
+
return context;
|
|
74
|
+
};
|
|
75
|
+
var initialState = {
|
|
76
|
+
firebase: {
|
|
77
|
+
initialized: false,
|
|
78
|
+
error: null
|
|
79
|
+
},
|
|
80
|
+
auth: {
|
|
81
|
+
user: null,
|
|
82
|
+
loading: true,
|
|
83
|
+
error: null,
|
|
84
|
+
isSignedIn: false
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
// src/app-router/client/providers/ternSecureClientProvider.tsx
|
|
89
|
+
import { useState } from "react";
|
|
90
|
+
import { jsx } from "react/jsx-runtime";
|
|
91
|
+
function TernSecureClientProvider({ children }) {
|
|
92
|
+
const stateAndUpdater = useState(initialState);
|
|
93
|
+
return /* @__PURE__ */ jsx(TernSecureContext.Provider, { value: stateAndUpdater, children });
|
|
94
|
+
}
|
|
95
|
+
export {
|
|
96
|
+
TernSecureAuth,
|
|
97
|
+
TernSecureClientProvider,
|
|
98
|
+
TernSecureContext,
|
|
99
|
+
TernSecureFirestore,
|
|
100
|
+
TernSecureStorage,
|
|
101
|
+
loadFireConfig,
|
|
102
|
+
signInWithEmail,
|
|
103
|
+
useTernSecure,
|
|
104
|
+
validateConfig
|
|
105
|
+
};
|
|
106
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/app-router/client/client-init.ts", "../../../src/app-router/client/auth.ts", "../../../src/app-router/client/config.ts", "../../../src/app-router/client/providers/ternSecureContext.tsx", "../../../src/app-router/client/providers/ternSecureClientProvider.tsx"],
|
|
4
|
+
"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 './index';\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} ", "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) => {\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};", "'use client'\r\n\r\nimport React, { createContext, useContext } from 'react'\r\nimport { TernSecureState } from '../../../types'\r\n\r\nconst createTernSecureContext = () => {\r\n const 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\n return createContext<[TernSecureState, React.Dispatch<React.SetStateAction<TernSecureState>>]>([initialState, () => {}])\r\n}\r\n\r\n// Create context instance only when imported on client\r\nconst TernSecureContext = createTernSecureContext()\r\n\r\nconst useTernSecure = (hookname?: string) => {\r\n const context = 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\n// Export initial state for reuse\r\nexport const 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\nexport {\r\n TernSecureContext,\r\n useTernSecure\r\n}", "'use client'\r\n\r\nimport React, { useState } from 'react'\r\nimport { initialState, TernSecureContext } from './ternSecureContext'\r\nimport { TernSecureState } from '../../../types'\r\n\r\n\r\ninterface TernSecureClientProps {\r\n children: React.ReactNode\r\n}\r\n\r\nexport function TernSecureClientProvider({ children }: TernSecureClientProps) {\r\n const stateAndUpdater = useState<TernSecureState>(initialState)\r\n\r\n return (\r\n <TernSecureContext.Provider value={stateAndUpdater}>\r\n {children}\r\n </TernSecureContext.Provider>\r\n )\r\n}"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,SAAS,qBAAqB;AACvC,SAAS,SAAS,gBAAgB,iCAAiC;AACnE,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAI3B,IAAM,OAAO,MAAM;AACjB,QAAM,SAAS,eAAe,eAAe,CAAC;AAC9C,SAAO,QAAQ,EAAE,SAAS,QAAQ,EAAE,CAAC,IAAI,cAAc,MAAM;AAC/D,GAAG;AAEH,IAAM,OAAO,QAAQ,GAAG;AACxB,eAAe,MAAM,yBAAyB;AAC9C,IAAM,YAAY,aAAa,GAAG;AAClC,IAAM,UAAU,WAAW,GAAG;AAEvB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,sBAAsB,MAAM;AAClC,IAAM,oBAAoB,MAAM;;;AClBvC,SAAS,kCAAuD;AAOhE,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA;AACF,GAA+C;AAC7C,QAAMA,QAAO,eAAe;AAC5B,SAAO,2BAA2BA,OAAM,OAAO,QAAQ;AACzD;;;ACZO,IAAM,iBAAiB,OAAyB;AAAA,EACrD,QAAQ,QAAQ,IAAI;AAAA,EACpB,YAAY,QAAQ,IAAI;AAAA,EACxB,WAAW,QAAQ,IAAI;AAAA,EACvB,eAAe,QAAQ,IAAI;AAAA,EAC3B,mBAAmB,QAAQ,IAAI;AAAA,EAC/B,OAAO,QAAQ,IAAI;AAAA,EACnB,eAAe,QAAQ,IAAI;AAC7B;AAEO,IAAM,iBAAiB,CAAC,WAA6B;AAC1D,SAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC/C,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,sDAAsD,IAAI,YAAY,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF,CAAC;AACD,SAAO;AACT;;;ACjBA,SAAgB,eAAe,kBAAkB;AAGjD,IAAM,0BAA0B,MAAM;AACpC,QAAMC,gBAAgC;AAAA,IACpC,UAAU;AAAA,MACR,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EACF;AAEA,SAAO,cAAwF,CAACA,eAAc,MAAM;AAAA,EAAC,CAAC,CAAC;AACzH;AAGA,IAAM,oBAAoB,wBAAwB;AAElD,IAAM,gBAAgB,CAAC,aAAsB;AAC3C,QAAM,UAAU,WAAW,iBAAiB;AAC5C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR,GAAG,QAAQ;AAAA,IAAyC;AAAA,EACxD;AACA,SAAO;AACT;AAGO,IAAM,eAAgC;AAAA,EAC3C,UAAU;AAAA,IACR,aAAa;AAAA,IACb,OAAO;AAAA,EACT;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,YAAY;AAAA,EACd;AACF;;;AC5CA,SAAgB,gBAAgB;AAa5B;AAJG,SAAS,yBAAyB,EAAE,SAAS,GAA0B;AAC5E,QAAM,kBAAkB,SAA0B,YAAY;AAE9D,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,iBAChC,UACH;AAEJ;",
|
|
6
|
+
"names": ["auth", "initialState"]
|
|
7
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ternSecureClientProvider.d.ts","sourceRoot":"","sources":["../../../../src/app-router/client/providers/ternSecureClientProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAQ3E"}
|
|
@@ -4,3 +4,4 @@ declare const TernSecureContext: React.Context<[TernSecureState, React.Dispatch<
|
|
|
4
4
|
declare const useTernSecure: (hookname?: string) => [TernSecureState, React.Dispatch<React.SetStateAction<TernSecureState>>];
|
|
5
5
|
export declare const initialState: TernSecureState;
|
|
6
6
|
export { TernSecureContext, useTernSecure };
|
|
7
|
+
//# sourceMappingURL=ternSecureContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ternSecureContext.d.ts","sourceRoot":"","sources":["../../../../src/app-router/client/providers/ternSecureContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAoBhD,QAAA,MAAM,iBAAiB,yFAA4B,CAAA;AAEnD,QAAA,MAAM,aAAa,cAAe,MAAM,6EAOvC,CAAA;AAGD,eAAO,MAAM,YAAY,EAAE,eAW1B,CAAA;AAED,OAAO,EACL,iBAAiB,EACjB,aAAa,EACd,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-router/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC"}
|
|
@@ -1 +1,112 @@
|
|
|
1
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
3
|
+
var __esm = (fn, res) => function __init() {
|
|
4
|
+
return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
|
|
5
|
+
};
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
// src/app-router/client/providers/ternSecureContext.tsx
|
|
12
|
+
import { createContext, useContext } from "react";
|
|
13
|
+
var createTernSecureContext, TernSecureContext, initialState;
|
|
14
|
+
var init_ternSecureContext = __esm({
|
|
15
|
+
"src/app-router/client/providers/ternSecureContext.tsx"() {
|
|
16
|
+
"use strict";
|
|
17
|
+
"use client";
|
|
18
|
+
createTernSecureContext = () => {
|
|
19
|
+
const initialState2 = {
|
|
20
|
+
firebase: {
|
|
21
|
+
initialized: false,
|
|
22
|
+
error: null
|
|
23
|
+
},
|
|
24
|
+
auth: {
|
|
25
|
+
user: null,
|
|
26
|
+
loading: true,
|
|
27
|
+
error: null,
|
|
28
|
+
isSignedIn: false
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
return createContext([initialState2, () => {
|
|
32
|
+
}]);
|
|
33
|
+
};
|
|
34
|
+
TernSecureContext = createTernSecureContext();
|
|
35
|
+
initialState = {
|
|
36
|
+
firebase: {
|
|
37
|
+
initialized: false,
|
|
38
|
+
error: null
|
|
39
|
+
},
|
|
40
|
+
auth: {
|
|
41
|
+
user: null,
|
|
42
|
+
loading: true,
|
|
43
|
+
error: null,
|
|
44
|
+
isSignedIn: false
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
|
|
50
|
+
// src/app-router/client/providers/ternSecureClientProvider.tsx
|
|
51
|
+
var ternSecureClientProvider_exports = {};
|
|
52
|
+
__export(ternSecureClientProvider_exports, {
|
|
53
|
+
TernSecureClientProvider: () => TernSecureClientProvider
|
|
54
|
+
});
|
|
55
|
+
import { useState } from "react";
|
|
56
|
+
import { jsx } from "react/jsx-runtime";
|
|
57
|
+
function TernSecureClientProvider({ children }) {
|
|
58
|
+
const stateAndUpdater = useState(initialState);
|
|
59
|
+
return /* @__PURE__ */ jsx(TernSecureContext.Provider, { value: stateAndUpdater, children });
|
|
60
|
+
}
|
|
61
|
+
var init_ternSecureClientProvider = __esm({
|
|
62
|
+
"src/app-router/client/providers/ternSecureClientProvider.tsx"() {
|
|
63
|
+
"use strict";
|
|
64
|
+
"use client";
|
|
65
|
+
init_ternSecureContext();
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
|
|
69
|
+
// src/app-router/server/providers/TernSecureServerProvider.tsx
|
|
70
|
+
import React3 from "react";
|
|
71
|
+
import dynamic from "next/dynamic";
|
|
72
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
73
|
+
var TernSecureClientProvider2 = dynamic(
|
|
74
|
+
() => Promise.resolve().then(() => (init_ternSecureClientProvider(), ternSecureClientProvider_exports)).then((mod) => mod.TernSecureClientProvider),
|
|
75
|
+
{
|
|
76
|
+
//ssr: false,
|
|
77
|
+
loading: () => null
|
|
78
|
+
// Return null or a loading indicator
|
|
79
|
+
}
|
|
80
|
+
);
|
|
81
|
+
function TernSecureProvider({ children }) {
|
|
82
|
+
const isRootLayout = React3.Children.toArray(children).some(
|
|
83
|
+
(child) => React3.isValidElement(child) && child.type === "html"
|
|
84
|
+
);
|
|
85
|
+
if (isRootLayout) {
|
|
86
|
+
return React3.Children.map(children, (child) => {
|
|
87
|
+
if (React3.isValidElement(child) && child.type === "html") {
|
|
88
|
+
return React3.cloneElement(
|
|
89
|
+
child,
|
|
90
|
+
{},
|
|
91
|
+
React3.Children.map(child.props.children, (bodyChild) => {
|
|
92
|
+
if (React3.isValidElement(bodyChild) && bodyChild.type === "body") {
|
|
93
|
+
const bodyProps = bodyChild.props;
|
|
94
|
+
return React3.cloneElement(
|
|
95
|
+
bodyChild,
|
|
96
|
+
{},
|
|
97
|
+
/* @__PURE__ */ jsx2(TernSecureClientProvider2, { children: bodyProps.children })
|
|
98
|
+
);
|
|
99
|
+
}
|
|
100
|
+
return bodyChild;
|
|
101
|
+
})
|
|
102
|
+
);
|
|
103
|
+
}
|
|
104
|
+
return child;
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
return /* @__PURE__ */ jsx2(TernSecureClientProvider2, { children });
|
|
108
|
+
}
|
|
109
|
+
export {
|
|
110
|
+
TernSecureProvider
|
|
111
|
+
};
|
|
112
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/app-router/client/providers/ternSecureContext.tsx", "../../../src/app-router/client/providers/ternSecureClientProvider.tsx", "../../../src/app-router/server/providers/TernSecureServerProvider.tsx"],
|
|
4
|
+
"sourcesContent": ["'use client'\r\n\r\nimport React, { createContext, useContext } from 'react'\r\nimport { TernSecureState } from '../../../types'\r\n\r\nconst createTernSecureContext = () => {\r\n const 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\n return createContext<[TernSecureState, React.Dispatch<React.SetStateAction<TernSecureState>>]>([initialState, () => {}])\r\n}\r\n\r\n// Create context instance only when imported on client\r\nconst TernSecureContext = createTernSecureContext()\r\n\r\nconst useTernSecure = (hookname?: string) => {\r\n const context = 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\n// Export initial state for reuse\r\nexport const 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\nexport {\r\n TernSecureContext,\r\n useTernSecure\r\n}", "'use client'\r\n\r\nimport React, { useState } from 'react'\r\nimport { initialState, TernSecureContext } from './ternSecureContext'\r\nimport { TernSecureState } from '../../../types'\r\n\r\n\r\ninterface TernSecureClientProps {\r\n children: React.ReactNode\r\n}\r\n\r\nexport function TernSecureClientProvider({ children }: TernSecureClientProps) {\r\n const stateAndUpdater = useState<TernSecureState>(initialState)\r\n\r\n return (\r\n <TernSecureContext.Provider value={stateAndUpdater}>\r\n {children}\r\n </TernSecureContext.Provider>\r\n )\r\n}", "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}"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;AAEA,SAAgB,eAAe,kBAAkB;AAFjD,IAKM,yBAkBA,mBAYO;AAnCb;AAAA;AAAA;AAAA;AAKA,IAAM,0BAA0B,MAAM;AACpC,YAAMA,gBAAgC;AAAA,QACpC,UAAU;AAAA,UACR,aAAa;AAAA,UACb,OAAO;AAAA,QACT;AAAA,QACA,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,SAAS;AAAA,UACT,OAAO;AAAA,UACP,YAAY;AAAA,QACd;AAAA,MACF;AAEA,aAAO,cAAwF,CAACA,eAAc,MAAM;AAAA,MAAC,CAAC,CAAC;AAAA,IACzH;AAGA,IAAM,oBAAoB,wBAAwB;AAY3C,IAAM,eAAgC;AAAA,MAC3C,UAAU;AAAA,QACR,aAAa;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,SAAS;AAAA,QACT,OAAO;AAAA,QACP,YAAY;AAAA,MACd;AAAA,IACF;AAAA;AAAA;;;AC9CA;AAAA;AAAA;AAAA;AAEA,SAAgB,gBAAgB;AAa5B;AAJG,SAAS,yBAAyB,EAAE,SAAS,GAA0B;AAC5E,QAAM,kBAAkB,SAA0B,YAAY;AAE9D,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,iBAChC,UACH;AAEJ;AAnBA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;;;ACHA,OAAOC,YAA0B;AACjC,OAAO,aAAa;AA+BJ,gBAAAC,YAAA;AAxBhB,IAAMC,4BAA2B;AAAA,EAC/B,MAAM,kGAA0D,KAAK,SAAO,IAAI,wBAAwB;AAAA,EACxG;AAAA;AAAA,IAEE,SAAS,MAAM;AAAA;AAAA,EACjB;AACF;AAEO,SAAS,mBAAmB,EAAE,SAAS,GAA4B;AAExE,QAAM,eAAeF,OAAM,SAAS,QAAQ,QAAQ,EAAE;AAAA,IACpD,WAASA,OAAM,eAAe,KAAK,KAAK,MAAM,SAAS;AAAA,EACzD;AAEA,MAAI,cAAc;AAEhB,WAAOA,OAAM,SAAS,IAAI,UAAU,WAAS;AAC3C,UAAIA,OAAM,eAAe,KAAK,KAAK,MAAM,SAAS,QAAQ;AACxD,eAAOA,OAAM;AAAA,UAAa;AAAA,UAAO,CAAC;AAAA,UAChCA,OAAM,SAAS,IAAI,MAAM,MAAM,UAAU,eAAa;AACpD,gBAAIA,OAAM,eAAe,SAAS,KAAK,UAAU,SAAS,QAAQ;AAEhE,oBAAM,YAAY,UAAU;AAC5B,qBAAOA,OAAM;AAAA,gBAAa;AAAA,gBAAW,CAAC;AAAA,gBACpC,gBAAAC,KAACC,2BAAA,EACE,oBAAU,UACb;AAAA,cACF;AAAA,YACF;AACA,mBAAO;AAAA,UACT,CAAC;AAAA,QACH;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAGA,SAAO,gBAAAD,KAACC,2BAAA,EAA0B,UAAS;AAC7C;",
|
|
6
|
+
"names": ["initialState", "React", "jsx", "TernSecureClientProvider"]
|
|
7
|
+
}
|
|
@@ -4,3 +4,4 @@ interface TernSecureProviderProps {
|
|
|
4
4
|
}
|
|
5
5
|
export declare function TernSecureProvider({ children }: TernSecureProviderProps): import("react/jsx-runtime").JSX.Element | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[] | null | undefined;
|
|
6
6
|
export {};
|
|
7
|
+
//# sourceMappingURL=TernSecureServerProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TernSecureServerProvider.d.ts","sourceRoot":"","sources":["../../../../src/app-router/server/providers/TernSecureServerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAWD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,qLA+BvE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1,295 @@
|
|
|
1
|
-
|
|
1
|
+
// src/components/sign-in.tsx
|
|
2
|
+
import { useState as useState2 } from "react";
|
|
3
|
+
|
|
4
|
+
// src/app-router/client/client-init.ts
|
|
5
|
+
import { getApps, initializeApp } from "firebase/app";
|
|
6
|
+
import { getAuth, setPersistence, browserSessionPersistence } from "firebase/auth";
|
|
7
|
+
import { getFirestore } from "firebase/firestore";
|
|
8
|
+
import { getStorage } from "firebase/storage";
|
|
9
|
+
var app = (() => {
|
|
10
|
+
const config = validateConfig(loadFireConfig());
|
|
11
|
+
return getApps().length ? getApps()[0] : initializeApp(config);
|
|
12
|
+
})();
|
|
13
|
+
var auth = getAuth(app);
|
|
14
|
+
setPersistence(auth, browserSessionPersistence);
|
|
15
|
+
var firestore = getFirestore(app);
|
|
16
|
+
var storage = getStorage(app);
|
|
17
|
+
var TernSecureAuth = () => auth;
|
|
18
|
+
|
|
19
|
+
// src/app-router/client/auth.ts
|
|
20
|
+
import { signInWithEmailAndPassword } from "firebase/auth";
|
|
21
|
+
async function signInWithEmail({
|
|
22
|
+
email,
|
|
23
|
+
password
|
|
24
|
+
}) {
|
|
25
|
+
const auth2 = TernSecureAuth();
|
|
26
|
+
return signInWithEmailAndPassword(auth2, email, password);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// src/app-router/client/config.ts
|
|
30
|
+
var loadFireConfig = () => ({
|
|
31
|
+
apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
|
|
32
|
+
authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
|
|
33
|
+
projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
|
|
34
|
+
storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
|
|
35
|
+
messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
|
|
36
|
+
appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
|
|
37
|
+
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
|
|
38
|
+
});
|
|
39
|
+
var validateConfig = (config) => {
|
|
40
|
+
Object.entries(config).forEach(([key, value]) => {
|
|
41
|
+
if (!value) {
|
|
42
|
+
throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
return config;
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
// src/app-router/client/providers/ternSecureContext.tsx
|
|
49
|
+
import { createContext, useContext } from "react";
|
|
50
|
+
var createTernSecureContext = () => {
|
|
51
|
+
const initialState2 = {
|
|
52
|
+
firebase: {
|
|
53
|
+
initialized: false,
|
|
54
|
+
error: null
|
|
55
|
+
},
|
|
56
|
+
auth: {
|
|
57
|
+
user: null,
|
|
58
|
+
loading: true,
|
|
59
|
+
error: null,
|
|
60
|
+
isSignedIn: false
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
return createContext([initialState2, () => {
|
|
64
|
+
}]);
|
|
65
|
+
};
|
|
66
|
+
var TernSecureContext = createTernSecureContext();
|
|
67
|
+
|
|
68
|
+
// src/app-router/client/providers/ternSecureClientProvider.tsx
|
|
69
|
+
import { useState } from "react";
|
|
70
|
+
import { jsx } from "react/jsx-runtime";
|
|
71
|
+
|
|
72
|
+
// src/utils/create-styles.ts
|
|
73
|
+
var PREFIX = "tern";
|
|
74
|
+
var styleInjection = {
|
|
75
|
+
isInjected: false,
|
|
76
|
+
styleElement: null
|
|
77
|
+
};
|
|
78
|
+
var defaultClassNames = {
|
|
79
|
+
container: `${PREFIX}-container`,
|
|
80
|
+
header: `${PREFIX}-header`,
|
|
81
|
+
title: `${PREFIX}-title`,
|
|
82
|
+
formWrapper: `${PREFIX}-formWrapper`,
|
|
83
|
+
formContainer: `${PREFIX}-formContainer`,
|
|
84
|
+
form: `${PREFIX}-form`,
|
|
85
|
+
label: `${PREFIX}-label`,
|
|
86
|
+
input: `${PREFIX}-input`,
|
|
87
|
+
button: `${PREFIX}-button`,
|
|
88
|
+
error: `${PREFIX}-error`
|
|
89
|
+
};
|
|
90
|
+
function createStyleSheet(styles2) {
|
|
91
|
+
if (typeof window === "undefined") return defaultClassNames;
|
|
92
|
+
if (styleInjection.isInjected) {
|
|
93
|
+
return defaultClassNames;
|
|
94
|
+
}
|
|
95
|
+
let styleElement = document.querySelector("[data-tern-secure]");
|
|
96
|
+
if (!styleElement) {
|
|
97
|
+
styleElement = document.createElement("style");
|
|
98
|
+
styleElement.setAttribute("data-tern-secure", "");
|
|
99
|
+
document.head.appendChild(styleElement);
|
|
100
|
+
styleInjection.styleElement = styleElement;
|
|
101
|
+
}
|
|
102
|
+
const cssRules = Object.entries(styles2).map(([key, rules]) => {
|
|
103
|
+
const className = defaultClassNames[key];
|
|
104
|
+
const cssProperties = Object.entries(rules).map(([prop, value]) => {
|
|
105
|
+
const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
|
|
106
|
+
return `${cssProperty}: ${value};`;
|
|
107
|
+
}).join(" ");
|
|
108
|
+
return `.${className} { ${cssProperties} }`;
|
|
109
|
+
}).join("\n");
|
|
110
|
+
styleElement.textContent = cssRules;
|
|
111
|
+
styleInjection.isInjected = true;
|
|
112
|
+
return defaultClassNames;
|
|
113
|
+
}
|
|
114
|
+
var styleConfig = {
|
|
115
|
+
container: {
|
|
116
|
+
display: "flex",
|
|
117
|
+
minHeight: "100%",
|
|
118
|
+
flex: "1",
|
|
119
|
+
flexDirection: "column",
|
|
120
|
+
justifyContent: "center",
|
|
121
|
+
padding: "3rem 1.5rem"
|
|
122
|
+
},
|
|
123
|
+
header: {
|
|
124
|
+
margin: "0 auto",
|
|
125
|
+
width: "100%",
|
|
126
|
+
maxWidth: "28rem"
|
|
127
|
+
},
|
|
128
|
+
title: {
|
|
129
|
+
marginTop: "1.5rem",
|
|
130
|
+
textAlign: "center",
|
|
131
|
+
fontSize: "1.875rem",
|
|
132
|
+
fontWeight: "700",
|
|
133
|
+
lineHeight: "2.25rem",
|
|
134
|
+
letterSpacing: "-0.025em",
|
|
135
|
+
color: "var(--tern-text-primary, #111827)"
|
|
136
|
+
},
|
|
137
|
+
formWrapper: {
|
|
138
|
+
marginTop: "2.5rem",
|
|
139
|
+
margin: "0 auto",
|
|
140
|
+
width: "100%",
|
|
141
|
+
maxWidth: "30rem"
|
|
142
|
+
},
|
|
143
|
+
formContainer: {
|
|
144
|
+
padding: "3rem 1.5rem",
|
|
145
|
+
boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
|
|
146
|
+
borderRadius: "0.5rem",
|
|
147
|
+
backgroundColor: "var(--tern-background, white)"
|
|
148
|
+
},
|
|
149
|
+
form: {
|
|
150
|
+
display: "flex",
|
|
151
|
+
flexDirection: "column",
|
|
152
|
+
gap: "1rem"
|
|
153
|
+
},
|
|
154
|
+
label: {
|
|
155
|
+
display: "block",
|
|
156
|
+
fontSize: "0.875rem",
|
|
157
|
+
fontWeight: "500",
|
|
158
|
+
color: "var(--tern-text-secondary, #374151)"
|
|
159
|
+
},
|
|
160
|
+
input: {
|
|
161
|
+
marginTop: "0.25rem",
|
|
162
|
+
display: "block",
|
|
163
|
+
width: "100%",
|
|
164
|
+
padding: "0.5rem 0.75rem",
|
|
165
|
+
borderRadius: "0.375rem",
|
|
166
|
+
border: "1px solid var(--tern-border, #D1D5DB)",
|
|
167
|
+
backgroundColor: "var(--tern-input-background, white)",
|
|
168
|
+
color: "var(--tern-text-primary, #111827)"
|
|
169
|
+
},
|
|
170
|
+
button: {
|
|
171
|
+
display: "flex",
|
|
172
|
+
width: "100%",
|
|
173
|
+
justifyContent: "center",
|
|
174
|
+
padding: "0.5rem 1rem",
|
|
175
|
+
fontSize: "0.875rem",
|
|
176
|
+
fontWeight: "500",
|
|
177
|
+
color: "white",
|
|
178
|
+
backgroundColor: "var(--tern-primary, #2563EB)",
|
|
179
|
+
border: "none",
|
|
180
|
+
borderRadius: "0.375rem",
|
|
181
|
+
cursor: "pointer"
|
|
182
|
+
},
|
|
183
|
+
error: {
|
|
184
|
+
color: "var(--tern-error, #DC2626)",
|
|
185
|
+
fontSize: "0.875rem"
|
|
186
|
+
}
|
|
187
|
+
};
|
|
188
|
+
var styles = createStyleSheet(styleConfig);
|
|
189
|
+
|
|
190
|
+
// src/components/sign-in.tsx
|
|
191
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
192
|
+
function SignIn({
|
|
193
|
+
onSuccess,
|
|
194
|
+
onError,
|
|
195
|
+
redirectUrl,
|
|
196
|
+
className = "",
|
|
197
|
+
style,
|
|
198
|
+
customStyles = {}
|
|
199
|
+
}) {
|
|
200
|
+
const [email, setEmail] = useState2("");
|
|
201
|
+
const [password, setPassword] = useState2("");
|
|
202
|
+
const [loading, setLoading] = useState2(false);
|
|
203
|
+
const [error, setError] = useState2("");
|
|
204
|
+
const handleSubmit = async (e) => {
|
|
205
|
+
e.preventDefault();
|
|
206
|
+
setLoading(true);
|
|
207
|
+
setError("");
|
|
208
|
+
try {
|
|
209
|
+
await signInWithEmail({ email, password });
|
|
210
|
+
onSuccess?.();
|
|
211
|
+
if (redirectUrl) {
|
|
212
|
+
window.location.href = redirectUrl;
|
|
213
|
+
}
|
|
214
|
+
} catch (err) {
|
|
215
|
+
const errorMessage = err instanceof Error ? err.message : "Failed to sign in";
|
|
216
|
+
setError(errorMessage);
|
|
217
|
+
onError?.(err instanceof Error ? err : new Error("Failed to sign in"));
|
|
218
|
+
} finally {
|
|
219
|
+
setLoading(false);
|
|
220
|
+
}
|
|
221
|
+
};
|
|
222
|
+
return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
|
|
223
|
+
/* @__PURE__ */ jsx2("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ jsx2("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
|
|
224
|
+
/* @__PURE__ */ jsx2("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsx2("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ jsxs(
|
|
225
|
+
"form",
|
|
226
|
+
{
|
|
227
|
+
onSubmit: handleSubmit,
|
|
228
|
+
className: `${styles.form} ${customStyles.form || ""} ${className}`,
|
|
229
|
+
role: "form",
|
|
230
|
+
"aria-label": "Sign in form",
|
|
231
|
+
children: [
|
|
232
|
+
error && /* @__PURE__ */ jsx2(
|
|
233
|
+
"div",
|
|
234
|
+
{
|
|
235
|
+
className: `${styles.error} ${customStyles.errorText || ""}`,
|
|
236
|
+
role: "alert",
|
|
237
|
+
"aria-live": "polite",
|
|
238
|
+
children: error
|
|
239
|
+
}
|
|
240
|
+
),
|
|
241
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
242
|
+
/* @__PURE__ */ jsx2("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
|
|
243
|
+
/* @__PURE__ */ jsx2(
|
|
244
|
+
"input",
|
|
245
|
+
{
|
|
246
|
+
id: "email",
|
|
247
|
+
type: "email",
|
|
248
|
+
value: email,
|
|
249
|
+
onChange: (e) => setEmail(e.target.value),
|
|
250
|
+
placeholder: "Enter your email",
|
|
251
|
+
required: true,
|
|
252
|
+
className: `${styles.input} ${customStyles.input || ""}`,
|
|
253
|
+
disabled: loading,
|
|
254
|
+
"aria-required": "true",
|
|
255
|
+
"aria-invalid": !!error
|
|
256
|
+
}
|
|
257
|
+
)
|
|
258
|
+
] }),
|
|
259
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
260
|
+
/* @__PURE__ */ jsx2("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
|
|
261
|
+
/* @__PURE__ */ jsx2(
|
|
262
|
+
"input",
|
|
263
|
+
{
|
|
264
|
+
id: "password",
|
|
265
|
+
type: "password",
|
|
266
|
+
value: password,
|
|
267
|
+
onChange: (e) => setPassword(e.target.value),
|
|
268
|
+
placeholder: "Enter your password",
|
|
269
|
+
required: true,
|
|
270
|
+
className: `${styles.input} ${customStyles.input || ""}`,
|
|
271
|
+
disabled: loading,
|
|
272
|
+
"aria-required": "true",
|
|
273
|
+
"aria-invalid": !!error
|
|
274
|
+
}
|
|
275
|
+
)
|
|
276
|
+
] }),
|
|
277
|
+
/* @__PURE__ */ jsx2(
|
|
278
|
+
"button",
|
|
279
|
+
{
|
|
280
|
+
type: "submit",
|
|
281
|
+
disabled: loading,
|
|
282
|
+
className: `${styles.button} ${customStyles.button || ""}`,
|
|
283
|
+
"data-testid": "sign-in-submit",
|
|
284
|
+
children: loading ? "Signing in..." : "Sign in"
|
|
285
|
+
}
|
|
286
|
+
)
|
|
287
|
+
]
|
|
288
|
+
}
|
|
289
|
+
) }) })
|
|
290
|
+
] });
|
|
291
|
+
}
|
|
292
|
+
export {
|
|
293
|
+
SignIn
|
|
294
|
+
};
|
|
295
|
+
//# sourceMappingURL=index.js.map
|