@tern-secure/nextjs 3.1.83 → 3.1.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/dist/cjs/app-router/client/TernSecureProvider.js +48 -79
  2. package/dist/cjs/app-router/client/TernSecureProvider.js.map +1 -1
  3. package/dist/cjs/app-router/server/TernSecureServerProvider.js +40 -106
  4. package/dist/cjs/app-router/server/TernSecureServerProvider.js.map +1 -1
  5. package/dist/cjs/app-router/server/auth.js +28 -62
  6. package/dist/cjs/app-router/server/auth.js.map +1 -1
  7. package/dist/cjs/boundary/TernSecureCtx.js +37 -14
  8. package/dist/cjs/boundary/TernSecureCtx.js.map +1 -1
  9. package/dist/cjs/boundary/hooks/useAuth.js +30 -80
  10. package/dist/cjs/boundary/hooks/useAuth.js.map +1 -1
  11. package/dist/cjs/components/sign-in.js +49 -208
  12. package/dist/cjs/components/sign-in.js.map +1 -1
  13. package/dist/cjs/errors.js +32 -10
  14. package/dist/cjs/errors.js.map +1 -1
  15. package/dist/cjs/index.js +45 -383
  16. package/dist/cjs/index.js.map +1 -1
  17. package/dist/cjs/types.js +16 -3
  18. package/dist/cjs/types.js.map +1 -1
  19. package/dist/cjs/utils/client-init.js +42 -64
  20. package/dist/cjs/utils/client-init.js.map +1 -1
  21. package/dist/cjs/utils/config.js +34 -11
  22. package/dist/cjs/utils/config.js.map +1 -1
  23. package/dist/cjs/utils/create-styles.js +37 -13
  24. package/dist/cjs/utils/create-styles.js.map +1 -1
  25. package/dist/esm/app-router/client/TernSecureProvider.js +7 -81
  26. package/dist/esm/app-router/client/TernSecureProvider.js.map +1 -1
  27. package/dist/esm/app-router/server/TernSecureServerProvider.js +5 -115
  28. package/dist/esm/app-router/server/TernSecureServerProvider.js.map +1 -1
  29. package/dist/esm/app-router/server/auth.js +3 -61
  30. package/dist/esm/app-router/server/auth.js.map +1 -1
  31. package/dist/esm/boundary/TernSecureCtx.js +4 -6
  32. package/dist/esm/boundary/TernSecureCtx.js.map +1 -1
  33. package/dist/esm/boundary/hooks/useAuth.js +4 -89
  34. package/dist/esm/boundary/hooks/useAuth.js.map +1 -1
  35. package/dist/esm/components/sign-in.js +3 -190
  36. package/dist/esm/components/sign-in.js.map +1 -1
  37. package/dist/esm/errors.js +3 -4
  38. package/dist/esm/errors.js.map +1 -1
  39. package/dist/esm/index.js +7 -398
  40. package/dist/esm/index.js.map +1 -1
  41. package/dist/esm/utils/client-init.js +9 -54
  42. package/dist/esm/utils/client-init.js.map +1 -1
  43. package/dist/esm/utils/config.js +3 -4
  44. package/dist/esm/utils/config.js.map +1 -1
  45. package/dist/esm/utils/create-styles.js +5 -7
  46. package/dist/esm/utils/create-styles.js.map +1 -1
  47. package/dist/types/app-router/client/TernSecureProvider.d.ts +15 -0
  48. package/dist/types/app-router/client/TernSecureProvider.d.ts.map +1 -0
  49. package/dist/{cjs → types}/app-router/server/TernSecureServerProvider.d.ts +5 -7
  50. package/dist/types/app-router/server/TernSecureServerProvider.d.ts.map +1 -0
  51. package/dist/types/app-router/server/auth.d.ts +7 -0
  52. package/dist/types/app-router/server/auth.d.ts.map +1 -0
  53. package/dist/types/boundary/TernSecureCtx.d.ts +12 -0
  54. package/dist/types/boundary/TernSecureCtx.d.ts.map +1 -0
  55. package/dist/types/boundary/hooks/useAuth.d.ts +3 -0
  56. package/dist/types/boundary/hooks/useAuth.d.ts.map +1 -0
  57. package/dist/{cjs → types}/components/sign-in.d.ts +3 -6
  58. package/dist/types/components/sign-in.d.ts.map +1 -0
  59. package/dist/{cjs → types}/errors.d.ts +3 -4
  60. package/dist/types/errors.d.ts.map +1 -0
  61. package/dist/types/index.d.ts +10 -0
  62. package/dist/types/index.d.ts.map +1 -0
  63. package/dist/{cjs → types}/types.d.ts +5 -7
  64. package/dist/types/types.d.ts.map +1 -0
  65. package/dist/types/utils/client-init.d.ts +4 -0
  66. package/dist/types/utils/client-init.d.ts.map +1 -0
  67. package/dist/{cjs → types}/utils/config.d.ts +5 -8
  68. package/dist/types/utils/config.d.ts.map +1 -0
  69. package/dist/{cjs → types}/utils/create-styles.d.ts +4 -5
  70. package/dist/types/utils/create-styles.d.ts.map +1 -0
  71. package/package.json +4 -14
  72. package/dist/cjs/app-router/client/TernSecureProvider.d.ts +0 -17
  73. package/dist/cjs/app-router/server/auth.d.ts +0 -9
  74. package/dist/cjs/boundary/TernSecureCtx.d.ts +0 -15
  75. package/dist/cjs/boundary/hooks/useAuth.d.ts +0 -7
  76. package/dist/cjs/index.d.ts +0 -19
  77. package/dist/cjs/utils/client-init.d.ts +0 -9
  78. package/dist/esm/app-router/client/TernSecureProvider.d.mts +0 -17
  79. package/dist/esm/app-router/server/TernSecureServerProvider.d.mts +0 -30
  80. package/dist/esm/app-router/server/auth.d.mts +0 -9
  81. package/dist/esm/boundary/TernSecureCtx.d.mts +0 -15
  82. package/dist/esm/boundary/hooks/useAuth.d.mts +0 -7
  83. package/dist/esm/components/sign-in.d.mts +0 -25
  84. package/dist/esm/errors.d.mts +0 -10
  85. package/dist/esm/index.d.mts +0 -19
  86. package/dist/esm/types.d.mts +0 -49
  87. package/dist/esm/utils/client-init.d.mts +0 -9
  88. package/dist/esm/utils/config.d.mts +0 -22
  89. package/dist/esm/utils/create-styles.d.mts +0 -100
@@ -1,95 +1,10 @@
1
1
  "use client";
2
-
3
- // src/boundary/hooks/useAuth.ts
4
- import { useContext as useContext2 } from "react";
5
-
6
- // src/boundary/TernSecureCtx.tsx
7
- import { createContext, useContext } from "react";
8
- import { jsx } from "react/jsx-runtime";
9
- var INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
10
- var TernSecureContext = createContext(null);
11
- TernSecureContext.displayName = "TernSecureContext";
12
- var useInternalContext = (hookname) => {
13
- const context = useContext(TernSecureContext);
14
- if (!context) {
15
- throw new Error(
16
- `${hookname} must be used within TernSecureProvider`
17
- );
18
- }
19
- return context;
20
- };
21
-
22
- // src/app-router/client/TernSecureProvider.tsx
23
- import React, { useState, useEffect } from "react";
24
-
25
- // src/utils/client-init.ts
26
- import { initializeApp } from "firebase/app";
27
- import { getAuth, setPersistence, browserSessionPersistence } from "firebase/auth";
28
- import { getFirestore } from "firebase/firestore";
29
- import { getStorage } from "firebase/storage";
30
-
31
- // src/utils/config.ts
32
- var loadFireConfig = () => ({
33
- apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || "",
34
- authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || "",
35
- projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || "",
36
- storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || "",
37
- messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || "",
38
- appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || "",
39
- measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || void 0
40
- });
41
- var validateConfig = (config2) => {
42
- const requiredFields = [
43
- "apiKey",
44
- "authDomain",
45
- "projectId",
46
- "storageBucket",
47
- "messagingSenderId",
48
- "appId"
49
- ];
50
- const errors = [];
51
- requiredFields.forEach((field) => {
52
- if (!config2[field]) {
53
- errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`);
54
- }
55
- });
56
- return {
57
- isValid: errors.length === 0,
58
- errors,
59
- config: config2
60
- };
61
- };
62
- var initializeConfig = () => {
63
- const config2 = loadFireConfig();
64
- const validationResult = validateConfig(config2);
65
- if (!validationResult.isValid) {
66
- throw new Error(
67
- `Firebase configuration validation failed:
68
- ${validationResult.errors.join("\n")}`
69
- );
70
- }
71
- return config2;
72
- };
73
-
74
- // src/utils/client-init.ts
75
- var config = initializeConfig();
76
- var clientApp = initializeApp(config);
77
- var auth = getAuth(clientApp);
78
- setPersistence(auth, browserSessionPersistence);
79
- var firestore = getFirestore(clientApp);
80
- var storage = getStorage(clientApp);
81
- var TernSecureAuth = () => auth;
82
-
83
- // src/app-router/client/TernSecureProvider.tsx
84
- import { onAuthStateChanged } from "firebase/auth";
85
- import { jsx as jsx2 } from "react/jsx-runtime";
86
- var AuthStateContext = React.createContext(null);
87
- var auth2 = TernSecureAuth();
88
-
89
- // src/boundary/hooks/useAuth.ts
2
+ import { useContext } from "react";
3
+ import { useInternalContext } from "../../boundary/TernSecureCtx";
4
+ import { AuthStateContext } from "../../app-router/client/TernSecureProvider";
90
5
  function useAuth() {
91
6
  useInternalContext("useAuth");
92
- const authState = useContext2(AuthStateContext);
7
+ const authState = useContext(AuthStateContext);
93
8
  if (!authState) {
94
9
  throw new Error("Auth state not found");
95
10
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/boundary/hooks/useAuth.ts","../../../../src/boundary/TernSecureCtx.tsx","../../../../src/app-router/client/TernSecureProvider.tsx","../../../../src/utils/client-init.ts","../../../../src/utils/config.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}","'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}","'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}","import { 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 { initializeConfig} from './config';\r\n\r\n// Initialize immediately\r\nconst config = initializeConfig();\r\nconst clientApp = initializeApp(config)\r\nconst auth = getAuth(clientApp);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(clientApp);\r\nconst storage = getStorage(clientApp);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;","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":";;;AAEA,SAAS,cAAAA,mBAAkB;;;ACA3B,SAAS,eAAe,kBAAiB;AAiCrC;AAzBJ,IAAM,uBAAuB,OAAO,qBAAqB;AACzD,IAAM,oBAAoB,cAAyC,IAAI;AAGvE,kBAAkB,cAAc;AAEzB,IAAM,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;;;ACzBA,OAAO,SAAS,UAAU,iBAAiB;;;ACF3C,SAAS,qBAAqB;AAC9B,SAAS,SAAS,gBAAgB,iCAAiC;AACnE,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;;;ACGpB,IAAM,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,IAAM,iBAAiB,CAACC,YAAqD;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,CAACA,QAAO,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,QAAAA;AAAA,EACF;AACF;AAMO,IAAM,mBAAmB,MAAwB;AACtD,QAAMA,UAAS,eAAe;AAC9B,QAAM,mBAAmB,eAAeA,OAAM;AAE9C,MAAI,CAAC,iBAAiB,SAAS;AAC7B,UAAM,IAAI;AAAA,MACR;AAAA,EAA8C,iBAAiB,OAAO,KAAK,IAAI,CAAC;AAAA,IAClF;AAAA,EACF;AAEA,SAAOA;AACT;;;ADvDA,IAAM,SAAS,iBAAiB;AAChC,IAAM,YAAY,cAAc,MAAM;AACtC,IAAM,OAAO,QAAQ,SAAS;AAC9B,eAAe,MAAM,yBAAyB;AAC9C,IAAM,YAAY,aAAa,SAAS;AACxC,IAAM,UAAU,WAAW,SAAS;AAE7B,IAAM,iBAAiB,MAAM;;;ADVpC,SAAS,0BAA0B;AAiD7B,gBAAAC,YAAA;AAvCC,IAAM,mBAAmB,MAAM,cAAsC,IAAI;AAOhF,IAAMC,QAAO,eAAe;;;AFfrB,SAAS,UAA2B;AAEzC,qBAAmB,SAAS;AAG5B,QAAM,YAAYC,YAAW,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":["useContext","config","jsx","auth","useContext"]}
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,194 +1,7 @@
1
- // src/components/sign-in.tsx
2
- import { useState } from "react";
3
-
4
- // src/utils/client-init.ts
5
- import { 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
-
10
- // src/utils/config.ts
11
- var loadFireConfig = () => ({
12
- apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || "",
13
- authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || "",
14
- projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || "",
15
- storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || "",
16
- messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || "",
17
- appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || "",
18
- measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || void 0
19
- });
20
- var validateConfig = (config2) => {
21
- const requiredFields = [
22
- "apiKey",
23
- "authDomain",
24
- "projectId",
25
- "storageBucket",
26
- "messagingSenderId",
27
- "appId"
28
- ];
29
- const errors = [];
30
- requiredFields.forEach((field) => {
31
- if (!config2[field]) {
32
- errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`);
33
- }
34
- });
35
- return {
36
- isValid: errors.length === 0,
37
- errors,
38
- config: config2
39
- };
40
- };
41
- var initializeConfig = () => {
42
- const config2 = loadFireConfig();
43
- const validationResult = validateConfig(config2);
44
- if (!validationResult.isValid) {
45
- throw new Error(
46
- `Firebase configuration validation failed:
47
- ${validationResult.errors.join("\n")}`
48
- );
49
- }
50
- return config2;
51
- };
52
-
53
- // src/utils/client-init.ts
54
- var config = initializeConfig();
55
- var clientApp = initializeApp(config);
56
- var auth = getAuth(clientApp);
57
- setPersistence(auth, browserSessionPersistence);
58
- var firestore = getFirestore(clientApp);
59
- var storage = getStorage(clientApp);
60
- var TernSecureAuth = () => auth;
61
-
62
- // src/app-router/server/auth.ts
63
- import { signInWithEmailAndPassword } from "firebase/auth";
64
- async function signInWithEmail({
65
- email,
66
- password
67
- }) {
68
- const auth2 = TernSecureAuth();
69
- return signInWithEmailAndPassword(auth2, email, password);
70
- }
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
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";
192
5
  function SignIn({
193
6
  onSuccess,
194
7
  onError,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/sign-in.tsx","../../../src/utils/client-init.ts","../../../src/utils/config.ts","../../../src/app-router/server/auth.ts","../../../src/utils/create-styles.ts"],"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","import { 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 { initializeConfig} from './config';\r\n\r\n// Initialize immediately\r\nconst config = initializeConfig();\r\nconst clientApp = initializeApp(config)\r\nconst auth = getAuth(clientApp);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(clientApp);\r\nconst storage = getStorage(clientApp);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;","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}","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} ","'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":["config","auth","styles"]}
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":[]}
@@ -1,15 +1,14 @@
1
- // src/errors.ts
2
- var ERRORS = {
1
+ const ERRORS = {
3
2
  SERVER_SIDE_INITIALIZATION: "TernSecure must be initialized on the client side",
4
3
  NOT_INITIALIZED: "TernSecure services are not initialized. Call initializeTernSecure() first",
5
4
  HOOK_CONTEXT: (hookName) => `${hookName} must be used within TernSecureProvider`
6
5
  };
7
- var TernSecureError = class extends Error {
6
+ class TernSecureError extends Error {
8
7
  constructor(message) {
9
8
  super(message);
10
9
  this.name = "TernSecureError";
11
10
  }
12
- };
11
+ }
13
12
  export {
14
13
  ERRORS,
15
14
  TernSecureError
@@ -1 +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,IAAM,SAAS;AAAA,EAClB,4BAA4B;AAAA,EAC5B,iBAAiB;AAAA,EACjB,cAAc,CAAC,aAAqB,GAAG,QAAQ;AACjD;AAEO,IAAM,kBAAN,cAA8B,MAAM;AAAA,EACzC,YAAY,SAAiB;AAC3B,UAAM,OAAO;AACb,SAAK,OAAO;AAAA,EACd;AACF;","names":[]}
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":[]}