npm - @tern-secure/nextjs - Versions diffs - 3.1.36 → 3.1.38 - Mend

@tern-secure/nextjs 3.1.36 → 3.1.38

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 (30) hide show

package/dist/cjs/app-router/client/index.js CHANGED Viewed

@@ -1,8 +1,10 @@
 "use strict";
 "use client";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 // src/app-router/client/index.ts
@@ -83,23 +93,29 @@ async function signInWithEmail({
 // src/app-router/client/providers/ternSecureContext.tsx
 var import_react = require("react");
-var INTERNAL_CONTEXT_KEY = Symbol("INTERNAL_CONTEXT_KEY");
+var INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
 var TernSecureContext = (0, import_react.createContext)(null);
-var useInternalContext = (hookname) => {
+var useInternalContext = (hookName) => {
   const context = (0, import_react.useContext)(TernSecureContext);
   if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {
     throw new Error(
-      `${hookname} must be used within TernSecureProvider`
+      `${hookName || "Hook"} must be used within TernSecureProvider. Please wrap your component with TernSecureProvider.`
     );
   }
   return context;
 };
 // src/app-router/client/providers/ternSecureClientProvider.tsx
+var import_react2 = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
 function TernSecureClientProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TernSecureContext.Provider, { value: { _contextKey: INTERNAL_CONTEXT_KEY }, children });
+  const contextValue = import_react2.default.useMemo(
+    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TernSecureContext.Provider, { value: contextValue, children });
 }
+TernSecureClientProvider.displayName = "TernSecureClientProvider";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   TernSecureAuth,

package/dist/cjs/app-router/client/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app-router/client/index.ts", "../../../../src/app-router/client/client-init.ts", "../../../../src/app-router/client/config.ts", "../../../../src/app-router/client/auth.ts", "../../../../src/app-router/client/providers/ternSecureContext.tsx", "../../../../src/app-router/client/providers/ternSecureClientProvider.tsx"],
-  "sourcesContent": ["'use client'\r\nexport { \r\n    TernSecureAuth,\r\n    TernSecureFirestore,\r\n    TernSecureStorage \r\n  } from './client-init';\r\n\r\n  export type { SignInCredentials } from './auth'\r\n\r\n  export { signInWithEmail} from './auth'\r\n  export { loadFireConfig, validateConfig } from './config';\r\n  export { TernSecureContext, useInternalContext } from './providers/ternSecureContext';\r\n  export { TernSecureClientProvider } from './providers/ternSecureClientProvider'", "import { getApps, initializeApp } from 'firebase/app';\r\nimport { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';\r\nimport { getFirestore } from 'firebase/firestore';\r\nimport { getStorage } from 'firebase/storage';\r\nimport { loadFireConfig, validateConfig } from './config';\r\n\r\n// Initialize immediately\r\nconst app = (() => {\r\n  const config = validateConfig(loadFireConfig());\r\n  return getApps().length ? getApps()[0] : initializeApp(config);\r\n})();\r\n\r\nconst auth = getAuth(app);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(app);\r\nconst storage = getStorage(app);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "import { TernSecureConfig } from \"../../types\";\r\n\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY as string,\r\n  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN as string,\r\n  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID as string,\r\n  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET as string,\r\n  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID as string,\r\n  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID as string,\r\n  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID as string,\r\n});\r\n\r\nexport const validateConfig = (config: TernSecureConfig): TernSecureConfig => {\r\n  Object.entries(config).forEach(([key, value]) => {\r\n    if (!value) {\r\n      throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);\r\n    }\r\n  });\r\n  return config;\r\n};", "import { TernSecureAuth } from './index'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n  email: string\r\n  password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n  email, \r\n  password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n  const auth = TernSecureAuth()\r\n  return signInWithEmailAndPassword(auth, email, password)\r\n} ", "'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\ninterface TernSecureContextType {\r\n  _contextKey: Symbol\r\n}\r\n\r\nconst INTERNAL_CONTEXT_KEY = Symbol('INTERNAL_CONTEXT_KEY')\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\nconst useInternalContext = (hookname?: string) => {\r\n  const context = useContext(TernSecureContext)\r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookname} must be used within TernSecureProvider`)\r\n  }\r\n  return context\r\n}\r\n\r\nexport {\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}", "'use client'\r\n\r\nimport React, { useState } from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext } from './ternSecureContext'\r\n\r\nexport function TernSecureClientProvider({ children }: { children: React.ReactNode }) {\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={{ _contextKey: INTERNAL_CONTEXT_KEY }}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\r\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,iBAAuC;AACvC,kBAAmE;AACnE,uBAA6B;AAC7B,qBAA2B;;;ACDpB,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,WAA+C;AAC5E,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;;;ADZA,IAAM,OAAO,MAAM;AACjB,QAAM,SAAS,eAAe,eAAe,CAAC;AAC9C,aAAO,oBAAQ,EAAE,aAAS,oBAAQ,EAAE,CAAC,QAAI,0BAAc,MAAM;AAC/D,GAAG;AAEH,IAAM,WAAO,qBAAQ,GAAG;AAAA,IACxB,4BAAe,MAAM,qCAAyB;AAC9C,IAAM,gBAAY,+BAAa,GAAG;AAClC,IAAM,cAAU,2BAAW,GAAG;AAEvB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,sBAAsB,MAAM;AAClC,IAAM,oBAAoB,MAAM;;;AElBvC,IAAAA,eAAgE;AAOhE,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA;AACF,GAA+C;AAC7C,QAAMC,QAAO,eAAe;AAC5B,aAAO,yCAA2BA,OAAM,OAAO,QAAQ;AACzD;;;ACZA,mBAAyC;AAMzC,IAAM,uBAAuB,OAAO,sBAAsB;AAC1D,IAAM,wBAAoB,4BAA4C,IAAI;AAE1E,IAAM,qBAAqB,CAAC,aAAsB;AAChD,QAAM,cAAU,yBAAW,iBAAiB;AAC5C,MAAI,CAAC,WAAW,QAAQ,gBAAgB,sBAAsB;AAC5D,UAAM,IAAI;AAAA,MACR,GAAG,QAAQ;AAAA,IAAyC;AAAA,EACxD;AACA,SAAO;AACT;;;ACVI;AAHG,SAAS,yBAAyB,EAAE,SAAS,GAAkC;AAEpF,SACE,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,aAAa,qBAAqB,GACpE,UACH;AAEJ;",
-  "names": ["import_auth", "auth"]
+  "sourcesContent": ["'use client'\r\nexport { \r\n    TernSecureAuth,\r\n    TernSecureFirestore,\r\n    TernSecureStorage \r\n  } from './client-init';\r\n\r\n  export type { SignInCredentials } from './auth'\r\n\r\n  export { signInWithEmail} from './auth'\r\n  export { loadFireConfig, validateConfig } from './config';\r\n  export { TernSecureContext, useInternalContext } from './providers/ternSecureContext';\r\n  export { TernSecureClientProvider } from './providers/ternSecureClientProvider'", "import { getApps, initializeApp } from 'firebase/app';\r\nimport { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';\r\nimport { getFirestore } from 'firebase/firestore';\r\nimport { getStorage } from 'firebase/storage';\r\nimport { loadFireConfig, validateConfig } from './config';\r\n\r\n// Initialize immediately\r\nconst app = (() => {\r\n  const config = validateConfig(loadFireConfig());\r\n  return getApps().length ? getApps()[0] : initializeApp(config);\r\n})();\r\n\r\nconst auth = getAuth(app);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(app);\r\nconst storage = getStorage(app);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "import { TernSecureConfig } from \"../../types\";\r\n\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY as string,\r\n  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN as string,\r\n  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID as string,\r\n  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET as string,\r\n  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID as string,\r\n  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID as string,\r\n  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID as string,\r\n});\r\n\r\nexport const validateConfig = (config: TernSecureConfig): TernSecureConfig => {\r\n  Object.entries(config).forEach(([key, value]) => {\r\n    if (!value) {\r\n      throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);\r\n    }\r\n  });\r\n  return config;\r\n};", "import { TernSecureAuth } from './index'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n  email: string\r\n  password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n  email, \r\n  password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n  const auth = TernSecureAuth()\r\n  return signInWithEmailAndPassword(auth, email, password)\r\n} ", "'use client'\r\n\r\nimport { createContext, useContext } from 'react'\r\n\r\n/**\r\n * Internal context type for TernSecure authentication\r\n * @internal\r\n */\r\ninterface TernSecureContextType {\r\n  readonly _contextKey: symbol\r\n}\r\n\r\n/**\r\n * Internal symbol used for context validation\r\n * @internal\r\n */\r\nconst INTERNAL_CONTEXT_KEY = Symbol('TERN_SECURE_CONTEXT')\r\n\r\n/**\r\n * Context for TernSecure authentication\r\n * @internal\r\n */\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\n/**\r\n * Hook to verify that components are rendered within the TernSecure provider\r\n * @param hookName - Name of the hook being used (for better error messages)\r\n * @throws {Error} When used outside of TernSecureProvider\r\n * @internal\r\n */\r\nconst useInternalContext = (hookName?: string): TernSecureContextType => {\r\n  const context = useContext(TernSecureContext)\r\n  \r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookName || 'Hook'} must be used within TernSecureProvider. ` +\r\n      'Please wrap your component with TernSecureProvider.'\r\n    )\r\n  }\r\n  \r\n  return context\r\n}\r\n\r\nexport {\r\n  type TernSecureContextType,\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}", "'use client'\r\n\r\nimport React from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext, TernSecureContextType } from './ternSecureContext'\r\n\r\n/**\r\n * Props for the TernSecureClientProvider component\r\n */\r\ninterface TernSecureClientProviderProps {\r\n  /** React child elements to be wrapped by the provider */\r\n  children: React.ReactNode\r\n}\r\n\r\n/**\r\n * Provider component for TernSecure authentication\r\n * Must be used to wrap any components that use TernSecure hooks\r\n * \r\n * @example\r\n * ```tsx\r\n * function App() {\r\n *   return (\r\n *     <TernSecureClientProvider>\r\n *       <YourApp />\r\n *     </TernSecureClientProvider>\r\n *   )\r\n * }\r\n * ```\r\n */\r\nexport function TernSecureClientProvider({ children }: TernSecureClientProviderProps): JSX.Element {\r\n  // Memoize the context value to prevent unnecessary re-renders\r\n  const contextValue = React.useMemo<TernSecureContextType>(\r\n    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),\r\n    []\r\n  )\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={contextValue}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\r\n}\r\n\r\n// Add display name for better debugging\r\nTernSecureClientProvider.displayName = 'TernSecureClientProvider'"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,iBAAuC;AACvC,kBAAmE;AACnE,uBAA6B;AAC7B,qBAA2B;;;ACDpB,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,WAA+C;AAC5E,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;;;ADZA,IAAM,OAAO,MAAM;AACjB,QAAM,SAAS,eAAe,eAAe,CAAC;AAC9C,aAAO,oBAAQ,EAAE,aAAS,oBAAQ,EAAE,CAAC,QAAI,0BAAc,MAAM;AAC/D,GAAG;AAEH,IAAM,WAAO,qBAAQ,GAAG;AAAA,IACxB,4BAAe,MAAM,qCAAyB;AAC9C,IAAM,gBAAY,+BAAa,GAAG;AAClC,IAAM,cAAU,2BAAW,GAAG;AAEvB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,sBAAsB,MAAM;AAClC,IAAM,oBAAoB,MAAM;;;AElBvC,IAAAA,eAAgE;AAOhE,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA;AACF,GAA+C;AAC7C,QAAMC,QAAO,eAAe;AAC5B,aAAO,yCAA2BA,OAAM,OAAO,QAAQ;AACzD;;;ACZA,mBAA0C;AAc1C,IAAM,uBAAuB,OAAO,qBAAqB;AAMzD,IAAM,wBAAoB,4BAA4C,IAAI;AAQ1E,IAAM,qBAAqB,CAAC,aAA6C;AACvE,QAAM,cAAU,yBAAW,iBAAiB;AAE5C,MAAI,CAAC,WAAW,QAAQ,gBAAgB,sBAAsB;AAC5D,UAAM,IAAI;AAAA,MACR,GAAG,YAAY,MAAM;AAAA,IAEvB;AAAA,EACF;AAEA,SAAO;AACT;;;ACvCA,IAAAC,gBAAkB;AAkCd;AARG,SAAS,yBAAyB,EAAE,SAAS,GAA+C;AAEjG,QAAM,eAAe,cAAAC,QAAM;AAAA,IACzB,OAAO,EAAE,aAAa,qBAAqB;AAAA,IAC3C,CAAC;AAAA,EACH;AAEA,SACE,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,cAChC,UACH;AAEJ;AAGA,yBAAyB,cAAc;",
+  "names": ["import_auth", "auth", "import_react", "React"]
 }

package/dist/cjs/app-router/server/index.js CHANGED Viewed

@@ -37,7 +37,7 @@ var init_ternSecureContext = __esm({
     "use strict";
     "use client";
     import_react = require("react");
-    INTERNAL_CONTEXT_KEY = Symbol("INTERNAL_CONTEXT_KEY");
+    INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
     TernSecureContext = (0, import_react.createContext)(null);
   }
 });
@@ -48,15 +48,21 @@ __export(ternSecureClientProvider_exports, {
   TernSecureClientProvider: () => TernSecureClientProvider
 });
 function TernSecureClientProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TernSecureContext.Provider, { value: { _contextKey: INTERNAL_CONTEXT_KEY }, children });
+  const contextValue = import_react2.default.useMemo(
+    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TernSecureContext.Provider, { value: contextValue, children });
 }
-var import_jsx_runtime;
+var import_react2, import_jsx_runtime;
 var init_ternSecureClientProvider = __esm({
   "src/app-router/client/providers/ternSecureClientProvider.tsx"() {
     "use strict";
     "use client";
+    import_react2 = __toESM(require("react"), 1);
     init_ternSecureContext();
     import_jsx_runtime = require("react/jsx-runtime");
+    TernSecureClientProvider.displayName = "TernSecureClientProvider";
   }
 });
@@ -68,30 +74,46 @@ __export(server_exports, {
 module.exports = __toCommonJS(server_exports);
 // src/app-router/server/providers/TernSecureServerProvider.tsx
-var import_react2 = __toESM(require("react"), 1);
+var import_react3 = __toESM(require("react"), 1);
 var import_dynamic = __toESM(require("next/dynamic"), 1);
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var LoadingProvider = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  "div",
+  {
+    "aria-label": "Loading authentication provider...",
+    role: "status",
+    style: { display: "none" }
+  }
+);
 var TernSecureClientProvider2 = (0, import_dynamic.default)(
   () => Promise.resolve().then(() => (init_ternSecureClientProvider(), ternSecureClientProvider_exports)).then((mod) => mod.TernSecureClientProvider),
   {
-    ssr: false
-    //loading: () => null // Return null or a loading indicator
+    ssr: false,
+    loading: LoadingProvider
+    // Return null or a loading indicator
   }
 );
 function TernSecureProvider({ children }) {
-  const isRootLayout = import_react2.default.Children.toArray(children).some(
-    (child) => import_react2.default.isValidElement(child) && child.type === "html"
+  const startTime = process.env.NODE_ENV === "development" ? performance.now() : 0;
+  const isRootLayout = import_react3.default.Children.toArray(children).some(
+    (child) => import_react3.default.isValidElement(child) && child.type === "html"
   );
+  import_react3.default.useEffect(() => {
+    if (process.env.NODE_ENV === "development") {
+      const endTime = performance.now();
+      console.debug(`TernSecure provider mounted in ${endTime - startTime}ms`);
+    }
+  }, [startTime]);
   if (isRootLayout) {
-    return import_react2.default.Children.map(children, (child) => {
-      if (import_react2.default.isValidElement(child) && child.type === "html") {
-        return import_react2.default.cloneElement(
+    return import_react3.default.Children.map(children, (child) => {
+      if (import_react3.default.isValidElement(child) && child.type === "html") {
+        return import_react3.default.cloneElement(
           child,
           {},
-          import_react2.default.Children.map(child.props.children, (bodyChild) => {
-            if (import_react2.default.isValidElement(bodyChild) && bodyChild.type === "body") {
+          import_react3.default.Children.map(child.props.children, (bodyChild) => {
+            if (import_react3.default.isValidElement(bodyChild) && bodyChild.type === "body") {
               const bodyProps = bodyChild.props;
-              return import_react2.default.cloneElement(
+              return import_react3.default.cloneElement(
                 bodyChild,
                 {},
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TernSecureClientProvider2, { children: bodyProps.children })

package/dist/cjs/app-router/server/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app-router/client/providers/ternSecureContext.tsx", "../../../../src/app-router/client/providers/ternSecureClientProvider.tsx", "../../../../src/app-router/server/index.ts", "../../../../src/app-router/server/providers/TernSecureServerProvider.tsx"],
-  "sourcesContent": ["'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\ninterface TernSecureContextType {\r\n  _contextKey: Symbol\r\n}\r\n\r\nconst INTERNAL_CONTEXT_KEY = Symbol('INTERNAL_CONTEXT_KEY')\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\nconst useInternalContext = (hookname?: string) => {\r\n  const context = useContext(TernSecureContext)\r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookname} must be used within TernSecureProvider`)\r\n  }\r\n  return context\r\n}\r\n\r\nexport {\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}", "'use client'\r\n\r\nimport React, { useState } from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext } from './ternSecureContext'\r\n\r\nexport function TernSecureClientProvider({ children }: { children: React.ReactNode }) {\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={{ _contextKey: INTERNAL_CONTEXT_KEY }}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\r\n}", "export { TernSecureProvider } from './providers/TernSecureServerProvider';", "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}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAEA,cAMM,sBACA;AATN;AAAA;AAAA;AAAA;AAEA,mBAAyC;AAMzC,IAAM,uBAAuB,OAAO,sBAAsB;AAC1D,IAAM,wBAAoB,4BAA4C,IAAI;AAAA;AAAA;;;ACT1E;AAAA;AAAA;AAAA;AAKO,SAAS,yBAAyB,EAAE,SAAS,GAAkC;AAEpF,SACE,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,aAAa,qBAAqB,GACpE,UACH;AAEJ;AAZA,IAQI;AARJ;AAAA;AAAA;AAAA;AAGA;AAKI;AAAA;AAAA;;;ACRJ;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAAiC;AACjC,qBAAoB;AA+BJ,IAAAC,sBAAA;AAxBhB,IAAMC,gCAA2B,eAAAC;AAAA,EAC/B,MAAM,kGAA0D,KAAK,SAAO,IAAI,wBAAwB;AAAA,EACxG;AAAA,IACE,KAAK;AAAA;AAAA,EAEP;AACF;AAEO,SAAS,mBAAmB,EAAE,SAAS,GAA4B;AAExE,QAAM,eAAe,cAAAC,QAAM,SAAS,QAAQ,QAAQ,EAAE;AAAA,IACpD,WAAS,cAAAA,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS;AAAA,EACzD;AAEA,MAAI,cAAc;AAEhB,WAAO,cAAAA,QAAM,SAAS,IAAI,UAAU,WAAS;AAC3C,UAAI,cAAAA,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,QAAQ;AACxD,eAAO,cAAAA,QAAM;AAAA,UAAa;AAAA,UAAO,CAAC;AAAA,UAChC,cAAAA,QAAM,SAAS,IAAI,MAAM,MAAM,UAAU,eAAa;AACpD,gBAAI,cAAAA,QAAM,eAAe,SAAS,KAAK,UAAU,SAAS,QAAQ;AAEhE,oBAAM,YAAY,UAAU;AAC5B,qBAAO,cAAAA,QAAM;AAAA,gBAAa;AAAA,gBAAW,CAAC;AAAA,gBACpC,6CAACF,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,6CAACA,2BAAA,EAA0B,UAAS;AAC7C;",
-  "names": ["import_react", "import_jsx_runtime", "TernSecureClientProvider", "dynamic", "React"]
+  "sourcesContent": ["'use client'\r\n\r\nimport { createContext, useContext } from 'react'\r\n\r\n/**\r\n * Internal context type for TernSecure authentication\r\n * @internal\r\n */\r\ninterface TernSecureContextType {\r\n  readonly _contextKey: symbol\r\n}\r\n\r\n/**\r\n * Internal symbol used for context validation\r\n * @internal\r\n */\r\nconst INTERNAL_CONTEXT_KEY = Symbol('TERN_SECURE_CONTEXT')\r\n\r\n/**\r\n * Context for TernSecure authentication\r\n * @internal\r\n */\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\n/**\r\n * Hook to verify that components are rendered within the TernSecure provider\r\n * @param hookName - Name of the hook being used (for better error messages)\r\n * @throws {Error} When used outside of TernSecureProvider\r\n * @internal\r\n */\r\nconst useInternalContext = (hookName?: string): TernSecureContextType => {\r\n  const context = useContext(TernSecureContext)\r\n  \r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookName || 'Hook'} must be used within TernSecureProvider. ` +\r\n      'Please wrap your component with TernSecureProvider.'\r\n    )\r\n  }\r\n  \r\n  return context\r\n}\r\n\r\nexport {\r\n  type TernSecureContextType,\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}", "'use client'\r\n\r\nimport React from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext, TernSecureContextType } from './ternSecureContext'\r\n\r\n/**\r\n * Props for the TernSecureClientProvider component\r\n */\r\ninterface TernSecureClientProviderProps {\r\n  /** React child elements to be wrapped by the provider */\r\n  children: React.ReactNode\r\n}\r\n\r\n/**\r\n * Provider component for TernSecure authentication\r\n * Must be used to wrap any components that use TernSecure hooks\r\n * \r\n * @example\r\n * ```tsx\r\n * function App() {\r\n *   return (\r\n *     <TernSecureClientProvider>\r\n *       <YourApp />\r\n *     </TernSecureClientProvider>\r\n *   )\r\n * }\r\n * ```\r\n */\r\nexport function TernSecureClientProvider({ children }: TernSecureClientProviderProps): JSX.Element {\r\n  // Memoize the context value to prevent unnecessary re-renders\r\n  const contextValue = React.useMemo<TernSecureContextType>(\r\n    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),\r\n    []\r\n  )\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={contextValue}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\r\n}\r\n\r\n// Add display name for better debugging\r\nTernSecureClientProvider.displayName = 'TernSecureClientProvider'", "export { TernSecureProvider } from './providers/TernSecureServerProvider';", "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// Lightweight loading component\r\nconst LoadingProvider = () => (\r\n  <div \r\n    aria-label=\"Loading authentication provider...\" \r\n    role=\"status\"\r\n    style={{ display: 'none' }}\r\n  />\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: LoadingProvider // Return null or a loading indicator\r\n  }\r\n)\r\n\r\nexport function TernSecureProvider({ children }: TernSecureProviderProps) {\r\n  const startTime = process.env.NODE_ENV === 'development' ? performance.now() : 0\r\n\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    // Log performance in development\r\n    React.useEffect(() => {\r\n      if (process.env.NODE_ENV === 'development') {\r\n        const endTime = performance.now()\r\n        console.debug(`TernSecure provider mounted in ${endTime - startTime}ms`)\r\n      }\r\n    }, [startTime])\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}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAEA,cAcM,sBAMA;AAtBN;AAAA;AAAA;AAAA;AAEA,mBAA0C;AAc1C,IAAM,uBAAuB,OAAO,qBAAqB;AAMzD,IAAM,wBAAoB,4BAA4C,IAAI;AAAA;AAAA;;;ACtB1E;AAAA;AAAA;AAAA;AA4BO,SAAS,yBAAyB,EAAE,SAAS,GAA+C;AAEjG,QAAM,eAAe,cAAAA,QAAM;AAAA,IACzB,OAAO,EAAE,aAAa,qBAAqB;AAAA,IAC3C,CAAC;AAAA,EACH;AAEA,SACE,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,cAChC,UACH;AAEJ;AAxCA,IAEAC,eAkCI;AApCJ;AAAA;AAAA;AAAA;AAEA,IAAAA,gBAAkB;AAClB;AAiCI;AAOJ,6BAAyB,cAAc;AAAA;AAAA;;;AC3CvC;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAC,gBAAiC;AACjC,qBAAoB;AAQlB,IAAAC,sBAAA;AADF,IAAM,kBAAkB,MACtB;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAO,EAAE,SAAS,OAAO;AAAA;AAC3B;AAIF,IAAMC,gCAA2B,eAAAC;AAAA,EAC/B,MAAM,kGAA0D,KAAK,SAAO,IAAI,wBAAwB;AAAA,EACxG;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA;AAAA,EACX;AACF;AAEO,SAAS,mBAAmB,EAAE,SAAS,GAA4B;AACxE,QAAM,YAAY,QAAQ,IAAI,aAAa,gBAAgB,YAAY,IAAI,IAAI;AAG/E,QAAM,eAAe,cAAAC,QAAM,SAAS,QAAQ,QAAQ,EAAE;AAAA,IACpD,WAAS,cAAAA,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS;AAAA,EACzD;AAGE,gBAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,YAAM,UAAU,YAAY,IAAI;AAChC,cAAQ,MAAM,kCAAkC,UAAU,SAAS,IAAI;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEhB,MAAI,cAAc;AAEhB,WAAO,cAAAA,QAAM,SAAS,IAAI,UAAU,WAAS;AAC3C,UAAI,cAAAA,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,QAAQ;AACxD,eAAO,cAAAA,QAAM;AAAA,UAAa;AAAA,UAAO,CAAC;AAAA,UAChC,cAAAA,QAAM,SAAS,IAAI,MAAM,MAAM,UAAU,eAAa;AACpD,gBAAI,cAAAA,QAAM,eAAe,SAAS,KAAK,UAAU,SAAS,QAAQ;AAEhE,oBAAM,YAAY,UAAU;AAC5B,qBAAO,cAAAA,QAAM;AAAA,gBAAa;AAAA,gBAAW,CAAC;AAAA,gBACpC,6CAACF,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,6CAACA,2BAAA,EAA0B,UAAS;AAC7C;",
+  "names": ["React", "import_react", "import_react", "import_jsx_runtime", "TernSecureClientProvider", "dynamic", "React"]
 }

package/dist/cjs/components/index.js CHANGED Viewed

@@ -25,7 +25,7 @@ __export(components_exports, {
 module.exports = __toCommonJS(components_exports);
 // src/components/sign-in.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 // src/app-router/client/client-init.ts
 var import_app = require("firebase/app");
@@ -73,14 +73,6 @@ async function signInWithEmail({
   return (0, import_auth2.signInWithEmailAndPassword)(auth2, email, password);
 }
-// src/app-router/client/providers/ternSecureContext.tsx
-var import_react = require("react");
-var INTERNAL_CONTEXT_KEY = Symbol("INTERNAL_CONTEXT_KEY");
-var TernSecureContext = (0, import_react.createContext)(null);
-// src/app-router/client/providers/ternSecureClientProvider.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
 // src/utils/create-styles.ts
 var PREFIX = "tern";
 var styleInjection = {
@@ -200,7 +192,7 @@ var styleConfig = {
 var styles = createStyleSheet(styleConfig);
 // src/components/sign-in.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 function SignIn({
   onSuccess,
   onError,
@@ -209,10 +201,10 @@ function SignIn({
   style,
   customStyles = {}
 }) {
-  const [email, setEmail] = (0, import_react2.useState)("");
-  const [password, setPassword] = (0, import_react2.useState)("");
-  const [loading, setLoading] = (0, import_react2.useState)(false);
-  const [error, setError] = (0, import_react2.useState)("");
+  const [email, setEmail] = (0, import_react.useState)("");
+  const [password, setPassword] = (0, import_react.useState)("");
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)("");
   const handleSubmit = async (e) => {
     e.preventDefault();
     setLoading(true);
@@ -231,9 +223,9 @@ function SignIn({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "form",
       {
         onSubmit: handleSubmit,
@@ -241,7 +233,7 @@ function SignIn({
         role: "form",
         "aria-label": "Sign in form",
         children: [
-          error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "div",
             {
               className: `${styles.error} ${customStyles.errorText || ""}`,
@@ -250,9 +242,9 @@ function SignIn({
               children: error
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "input",
               {
                 id: "email",
@@ -268,9 +260,9 @@ function SignIn({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "input",
               {
                 id: "password",
@@ -286,7 +278,7 @@ function SignIn({
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "button",
             {
               type: "submit",

package/dist/cjs/components/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/index.ts", "../../../src/components/sign-in.tsx", "../../../src/app-router/client/client-init.ts", "../../../src/app-router/client/config.ts", "../../../src/app-router/client/auth.ts", "../../../src/app-router/client/providers/ternSecureContext.tsx", "../../../src/app-router/client/providers/ternSecureClientProvider.tsx", "../../../src/utils/create-styles.ts"],
-  "sourcesContent": ["export { SignIn } from './sign-in';", "import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/client'\r\nimport { styles } from '../utils/create-styles'\r\n\r\nexport interface SignInProps {\r\n  onSuccess?: () => void\r\n  onError?: (error: Error) => void\r\n  redirectUrl?: string\r\n  className?: string\r\n  style?: React.CSSProperties\r\n  customStyles?: {\r\n    container?: string\r\n    header?: string\r\n    title?: string\r\n    formWrapper?: string\r\n    formContainer?: string\r\n    form?: string\r\n    input?: string\r\n    button?: string\r\n    errorText?: string\r\n    label?: string\r\n  }\r\n}\r\n\r\nexport function SignIn({ \r\n  onSuccess, \r\n  onError, \r\n  redirectUrl,\r\n  className = '',\r\n  style,\r\n  customStyles = {}\r\n}: SignInProps) {\r\n  const [email, setEmail] = useState('')\r\n  const [password, setPassword] = useState('')\r\n  const [loading, setLoading] = useState(false)\r\n  const [error, setError] = useState('')\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault()\r\n    setLoading(true)\r\n    setError('')\r\n\r\n    try {\r\n      await signInWithEmail({ email, password })\r\n      onSuccess?.()\r\n      \r\n      if (redirectUrl) {\r\n        window.location.href = redirectUrl\r\n      }\r\n    } catch (err) {\r\n      const errorMessage = err instanceof Error ? err.message : 'Failed to sign in'\r\n      setError(errorMessage)\r\n      onError?.(err instanceof Error ? err : new Error('Failed to sign in'))\r\n    } finally {\r\n      setLoading(false)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div className={`${styles.container} ${customStyles.container || ''}`} style={style}>\r\n      <div className={`${styles.header} ${customStyles.header || ''}`}>\r\n        <h2 className={`${styles.title} ${customStyles.title || ''}`}>\r\n          Sign in to your account\r\n        </h2>\r\n      </div>\r\n      \r\n      <div className={`${styles.formWrapper} ${customStyles.formWrapper || ''}`}>\r\n        <div className={`${styles.formContainer} ${customStyles.formContainer || ''}`}>\r\n          <form \r\n            onSubmit={handleSubmit} \r\n            className={`${styles.form} ${customStyles.form || ''} ${className}`}\r\n            role=\"form\"\r\n            aria-label=\"Sign in form\"\r\n          >\r\n            {error && (\r\n              <div \r\n                className={`${styles.error} ${customStyles.errorText || ''}`}\r\n                role=\"alert\"\r\n                aria-live=\"polite\"\r\n              >\r\n                {error}\r\n              </div>\r\n            )}\r\n            <div>\r\n              <label htmlFor=\"email\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n                Email\r\n              </label>\r\n              <input\r\n                id=\"email\"\r\n                type=\"email\"\r\n                value={email}\r\n                onChange={(e) => setEmail(e.target.value)}\r\n                placeholder=\"Enter your email\"\r\n                required\r\n                className={`${styles.input} ${customStyles.input || ''}`}\r\n                disabled={loading}\r\n                aria-required=\"true\"\r\n                aria-invalid={!!error}\r\n              />\r\n            </div>\r\n            <div>\r\n              <label htmlFor=\"password\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n                Password\r\n              </label>\r\n              <input\r\n                id=\"password\"\r\n                type=\"password\"\r\n                value={password}\r\n                onChange={(e) => setPassword(e.target.value)}\r\n                placeholder=\"Enter your password\"\r\n                required\r\n                className={`${styles.input} ${customStyles.input || ''}`}\r\n                disabled={loading}\r\n                aria-required=\"true\"\r\n                aria-invalid={!!error}\r\n              />\r\n            </div>\r\n            <button \r\n              type=\"submit\" \r\n              disabled={loading}\r\n              className={`${styles.button} ${customStyles.button || ''}`}\r\n              data-testid=\"sign-in-submit\"\r\n            >\r\n              {loading ? 'Signing in...' : 'Sign in'}\r\n            </button>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\n", "import { getApps, initializeApp } from 'firebase/app';\r\nimport { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';\r\nimport { getFirestore } from 'firebase/firestore';\r\nimport { getStorage } from 'firebase/storage';\r\nimport { loadFireConfig, validateConfig } from './config';\r\n\r\n// Initialize immediately\r\nconst app = (() => {\r\n  const config = validateConfig(loadFireConfig());\r\n  return getApps().length ? getApps()[0] : initializeApp(config);\r\n})();\r\n\r\nconst auth = getAuth(app);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(app);\r\nconst storage = getStorage(app);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "import { TernSecureConfig } from \"../../types\";\r\n\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY as string,\r\n  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN as string,\r\n  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID as string,\r\n  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET as string,\r\n  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID as string,\r\n  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID as string,\r\n  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID as string,\r\n});\r\n\r\nexport const validateConfig = (config: TernSecureConfig): TernSecureConfig => {\r\n  Object.entries(config).forEach(([key, value]) => {\r\n    if (!value) {\r\n      throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);\r\n    }\r\n  });\r\n  return config;\r\n};", "import { TernSecureAuth } from './index'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n  email: string\r\n  password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n  email, \r\n  password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n  const auth = TernSecureAuth()\r\n  return signInWithEmailAndPassword(auth, email, password)\r\n} ", "'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\ninterface TernSecureContextType {\r\n  _contextKey: Symbol\r\n}\r\n\r\nconst INTERNAL_CONTEXT_KEY = Symbol('INTERNAL_CONTEXT_KEY')\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\nconst useInternalContext = (hookname?: string) => {\r\n  const context = useContext(TernSecureContext)\r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookname} must be used within TernSecureProvider`)\r\n  }\r\n  return context\r\n}\r\n\r\nexport {\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}", "'use client'\r\n\r\nimport React, { useState } from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext } from './ternSecureContext'\r\n\r\nexport function TernSecureClientProvider({ children }: { children: React.ReactNode }) {\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={{ _contextKey: INTERNAL_CONTEXT_KEY }}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\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": ["import_react", "import_auth", "auth", "styles", "import_jsx_runtime"]
+  "sources": ["../../../src/components/index.ts", "../../../src/components/sign-in.tsx", "../../../src/app-router/client/client-init.ts", "../../../src/app-router/client/config.ts", "../../../src/app-router/client/auth.ts", "../../../src/utils/create-styles.ts"],
+  "sourcesContent": ["export { SignIn } from './sign-in';", "import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/client'\r\nimport { styles } from '../utils/create-styles'\r\n\r\nexport interface SignInProps {\r\n  onSuccess?: () => void\r\n  onError?: (error: Error) => void\r\n  redirectUrl?: string\r\n  className?: string\r\n  style?: React.CSSProperties\r\n  customStyles?: {\r\n    container?: string\r\n    header?: string\r\n    title?: string\r\n    formWrapper?: string\r\n    formContainer?: string\r\n    form?: string\r\n    input?: string\r\n    button?: string\r\n    errorText?: string\r\n    label?: string\r\n  }\r\n}\r\n\r\nexport function SignIn({ \r\n  onSuccess, \r\n  onError, \r\n  redirectUrl,\r\n  className = '',\r\n  style,\r\n  customStyles = {}\r\n}: SignInProps) {\r\n  const [email, setEmail] = useState('')\r\n  const [password, setPassword] = useState('')\r\n  const [loading, setLoading] = useState(false)\r\n  const [error, setError] = useState('')\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault()\r\n    setLoading(true)\r\n    setError('')\r\n\r\n    try {\r\n      await signInWithEmail({ email, password })\r\n      onSuccess?.()\r\n      \r\n      if (redirectUrl) {\r\n        window.location.href = redirectUrl\r\n      }\r\n    } catch (err) {\r\n      const errorMessage = err instanceof Error ? err.message : 'Failed to sign in'\r\n      setError(errorMessage)\r\n      onError?.(err instanceof Error ? err : new Error('Failed to sign in'))\r\n    } finally {\r\n      setLoading(false)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div className={`${styles.container} ${customStyles.container || ''}`} style={style}>\r\n      <div className={`${styles.header} ${customStyles.header || ''}`}>\r\n        <h2 className={`${styles.title} ${customStyles.title || ''}`}>\r\n          Sign in to your account\r\n        </h2>\r\n      </div>\r\n      \r\n      <div className={`${styles.formWrapper} ${customStyles.formWrapper || ''}`}>\r\n        <div className={`${styles.formContainer} ${customStyles.formContainer || ''}`}>\r\n          <form \r\n            onSubmit={handleSubmit} \r\n            className={`${styles.form} ${customStyles.form || ''} ${className}`}\r\n            role=\"form\"\r\n            aria-label=\"Sign in form\"\r\n          >\r\n            {error && (\r\n              <div \r\n                className={`${styles.error} ${customStyles.errorText || ''}`}\r\n                role=\"alert\"\r\n                aria-live=\"polite\"\r\n              >\r\n                {error}\r\n              </div>\r\n            )}\r\n            <div>\r\n              <label htmlFor=\"email\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n                Email\r\n              </label>\r\n              <input\r\n                id=\"email\"\r\n                type=\"email\"\r\n                value={email}\r\n                onChange={(e) => setEmail(e.target.value)}\r\n                placeholder=\"Enter your email\"\r\n                required\r\n                className={`${styles.input} ${customStyles.input || ''}`}\r\n                disabled={loading}\r\n                aria-required=\"true\"\r\n                aria-invalid={!!error}\r\n              />\r\n            </div>\r\n            <div>\r\n              <label htmlFor=\"password\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n                Password\r\n              </label>\r\n              <input\r\n                id=\"password\"\r\n                type=\"password\"\r\n                value={password}\r\n                onChange={(e) => setPassword(e.target.value)}\r\n                placeholder=\"Enter your password\"\r\n                required\r\n                className={`${styles.input} ${customStyles.input || ''}`}\r\n                disabled={loading}\r\n                aria-required=\"true\"\r\n                aria-invalid={!!error}\r\n              />\r\n            </div>\r\n            <button \r\n              type=\"submit\" \r\n              disabled={loading}\r\n              className={`${styles.button} ${customStyles.button || ''}`}\r\n              data-testid=\"sign-in-submit\"\r\n            >\r\n              {loading ? 'Signing in...' : 'Sign in'}\r\n            </button>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\n", "import { getApps, initializeApp } from 'firebase/app';\r\nimport { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';\r\nimport { getFirestore } from 'firebase/firestore';\r\nimport { getStorage } from 'firebase/storage';\r\nimport { loadFireConfig, validateConfig } from './config';\r\n\r\n// Initialize immediately\r\nconst app = (() => {\r\n  const config = validateConfig(loadFireConfig());\r\n  return getApps().length ? getApps()[0] : initializeApp(config);\r\n})();\r\n\r\nconst auth = getAuth(app);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(app);\r\nconst storage = getStorage(app);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "import { TernSecureConfig } from \"../../types\";\r\n\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY as string,\r\n  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN as string,\r\n  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID as string,\r\n  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET as string,\r\n  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID as string,\r\n  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID as string,\r\n  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID as string,\r\n});\r\n\r\nexport const validateConfig = (config: TernSecureConfig): TernSecureConfig => {\r\n  Object.entries(config).forEach(([key, value]) => {\r\n    if (!value) {\r\n      throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);\r\n    }\r\n  });\r\n  return config;\r\n};", "import { TernSecureAuth } from './index'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n  email: string\r\n  password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n  email, \r\n  password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n  const auth = TernSecureAuth()\r\n  return signInWithEmailAndPassword(auth, email, password)\r\n} ", "'use client'\r\n\r\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": ["import_auth", "auth", "styles"]
 }

package/dist/cjs/index.js CHANGED Viewed

@@ -37,13 +37,13 @@ var init_ternSecureContext = __esm({
     "use strict";
     "use client";
     import_react = require("react");
-    INTERNAL_CONTEXT_KEY = Symbol("INTERNAL_CONTEXT_KEY");
+    INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
     TernSecureContext = (0, import_react.createContext)(null);
-    useInternalContext = (hookname) => {
+    useInternalContext = (hookName) => {
       const context = (0, import_react.useContext)(TernSecureContext);
       if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {
         throw new Error(
-          `${hookname} must be used within TernSecureProvider`
+          `${hookName || "Hook"} must be used within TernSecureProvider. Please wrap your component with TernSecureProvider.`
         );
       }
       return context;
@@ -57,15 +57,21 @@ __export(ternSecureClientProvider_exports, {
   TernSecureClientProvider: () => TernSecureClientProvider
 });
 function TernSecureClientProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TernSecureContext.Provider, { value: { _contextKey: INTERNAL_CONTEXT_KEY }, children });
+  const contextValue = import_react2.default.useMemo(
+    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TernSecureContext.Provider, { value: contextValue, children });
 }
-var import_jsx_runtime;
+var import_react2, import_jsx_runtime;
 var init_ternSecureClientProvider = __esm({
   "src/app-router/client/providers/ternSecureClientProvider.tsx"() {
     "use strict";
     "use client";
+    import_react2 = __toESM(require("react"), 1);
     init_ternSecureContext();
     import_jsx_runtime = require("react/jsx-runtime");
+    TernSecureClientProvider.displayName = "TernSecureClientProvider";
   }
 });
@@ -140,30 +146,46 @@ init_ternSecureContext();
 init_ternSecureClientProvider();
 // src/app-router/server/providers/TernSecureServerProvider.tsx
-var import_react2 = __toESM(require("react"), 1);
+var import_react3 = __toESM(require("react"), 1);
 var import_dynamic = __toESM(require("next/dynamic"), 1);
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var LoadingProvider = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  "div",
+  {
+    "aria-label": "Loading authentication provider...",
+    role: "status",
+    style: { display: "none" }
+  }
+);
 var TernSecureClientProvider2 = (0, import_dynamic.default)(
   () => Promise.resolve().then(() => (init_ternSecureClientProvider(), ternSecureClientProvider_exports)).then((mod) => mod.TernSecureClientProvider),
   {
-    ssr: false
-    //loading: () => null // Return null or a loading indicator
+    ssr: false,
+    loading: LoadingProvider
+    // Return null or a loading indicator
   }
 );
 function TernSecureProvider({ children }) {
-  const isRootLayout = import_react2.default.Children.toArray(children).some(
-    (child) => import_react2.default.isValidElement(child) && child.type === "html"
+  const startTime = process.env.NODE_ENV === "development" ? performance.now() : 0;
+  const isRootLayout = import_react3.default.Children.toArray(children).some(
+    (child) => import_react3.default.isValidElement(child) && child.type === "html"
   );
+  import_react3.default.useEffect(() => {
+    if (process.env.NODE_ENV === "development") {
+      const endTime = performance.now();
+      console.debug(`TernSecure provider mounted in ${endTime - startTime}ms`);
+    }
+  }, [startTime]);
   if (isRootLayout) {
-    return import_react2.default.Children.map(children, (child) => {
-      if (import_react2.default.isValidElement(child) && child.type === "html") {
-        return import_react2.default.cloneElement(
+    return import_react3.default.Children.map(children, (child) => {
+      if (import_react3.default.isValidElement(child) && child.type === "html") {
+        return import_react3.default.cloneElement(
           child,
           {},
-          import_react2.default.Children.map(child.props.children, (bodyChild) => {
-            if (import_react2.default.isValidElement(bodyChild) && bodyChild.type === "body") {
+          import_react3.default.Children.map(child.props.children, (bodyChild) => {
+            if (import_react3.default.isValidElement(bodyChild) && bodyChild.type === "body") {
               const bodyProps = bodyChild.props;
-              return import_react2.default.cloneElement(
+              return import_react3.default.cloneElement(
                 bodyChild,
                 {},
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TernSecureClientProvider2, { children: bodyProps.children })
@@ -180,17 +202,17 @@ function TernSecureProvider({ children }) {
 }
 // src/hooks/useAuth.ts
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_auth4 = require("firebase/auth");
 function useAuth() {
-  const auth2 = (0, import_react3.useMemo)(() => TernSecureAuth(), []);
-  const [authState, setAuthState] = (0, import_react3.useState)({
+  const auth2 = (0, import_react4.useMemo)(() => TernSecureAuth(), []);
+  const [authState, setAuthState] = (0, import_react4.useState)({
     loading: true,
     isSignedIn: false,
     userId: null,
     error: null
   });
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const unsubscribe = (0, import_auth4.onAuthStateChanged)(auth2, (user) => {
       if (user) {
         setAuthState({
@@ -211,11 +233,16 @@ function useAuth() {
     return () => unsubscribe();
   }, [auth2]);
   useInternalContext("useAuth");
-  return { authState };
+  return {
+    loading: authState.loading,
+    isSignedIn: authState.isSignedIn,
+    userId: authState.userId,
+    error: authState.error
+  };
 }
 // src/components/sign-in.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 // src/utils/create-styles.ts
 var PREFIX = "tern";
@@ -345,10 +372,10 @@ function SignIn({
   style,
   customStyles = {}
 }) {
-  const [email, setEmail] = (0, import_react4.useState)("");
-  const [password, setPassword] = (0, import_react4.useState)("");
-  const [loading, setLoading] = (0, import_react4.useState)(false);
-  const [error, setError] = (0, import_react4.useState)("");
+  const [email, setEmail] = (0, import_react5.useState)("");
+  const [password, setPassword] = (0, import_react5.useState)("");
+  const [loading, setLoading] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)("");
   const handleSubmit = async (e) => {
     e.preventDefault();
     setLoading(true);

package/dist/cjs/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/app-router/client/providers/ternSecureContext.tsx", "../../src/app-router/client/providers/ternSecureClientProvider.tsx", "../../src/index.ts", "../../src/app-router/client/client-init.ts", "../../src/app-router/client/config.ts", "../../src/app-router/client/auth.ts", "../../src/app-router/client/index.ts", "../../src/app-router/server/providers/TernSecureServerProvider.tsx", "../../src/hooks/useAuth.ts", "../../src/components/sign-in.tsx", "../../src/utils/create-styles.ts"],
-  "sourcesContent": ["'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\ninterface TernSecureContextType {\r\n  _contextKey: Symbol\r\n}\r\n\r\nconst INTERNAL_CONTEXT_KEY = Symbol('INTERNAL_CONTEXT_KEY')\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\nconst useInternalContext = (hookname?: string) => {\r\n  const context = useContext(TernSecureContext)\r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookname} must be used within TernSecureProvider`)\r\n  }\r\n  return context\r\n}\r\n\r\nexport {\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}", "'use client'\r\n\r\nimport React, { useState } from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext } from './ternSecureContext'\r\n\r\nexport function TernSecureClientProvider({ children }: { children: React.ReactNode }) {\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={{ _contextKey: INTERNAL_CONTEXT_KEY }}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\r\n}", "export { TernSecureAuth, TernSecureFirestore, TernSecureStorage, signInWithEmail, loadFireConfig, validateConfig, TernSecureContext, useInternalContext, TernSecureClientProvider } from './app-router/client'\r\nexport { TernSecureProvider } from './app-router/server'\r\nexport { useAuth } from './hooks/useAuth' \r\nexport { SignIn } from './components/sign-in'", "import { getApps, initializeApp } from 'firebase/app';\r\nimport { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';\r\nimport { getFirestore } from 'firebase/firestore';\r\nimport { getStorage } from 'firebase/storage';\r\nimport { loadFireConfig, validateConfig } from './config';\r\n\r\n// Initialize immediately\r\nconst app = (() => {\r\n  const config = validateConfig(loadFireConfig());\r\n  return getApps().length ? getApps()[0] : initializeApp(config);\r\n})();\r\n\r\nconst auth = getAuth(app);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(app);\r\nconst storage = getStorage(app);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "import { TernSecureConfig } from \"../../types\";\r\n\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY as string,\r\n  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN as string,\r\n  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID as string,\r\n  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET as string,\r\n  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID as string,\r\n  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID as string,\r\n  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID as string,\r\n});\r\n\r\nexport const validateConfig = (config: TernSecureConfig): TernSecureConfig => {\r\n  Object.entries(config).forEach(([key, value]) => {\r\n    if (!value) {\r\n      throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);\r\n    }\r\n  });\r\n  return config;\r\n};", "import { TernSecureAuth } from './index'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n  email: string\r\n  password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n  email, \r\n  password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n  const auth = TernSecureAuth()\r\n  return signInWithEmailAndPassword(auth, email, password)\r\n} ", "'use client'\r\nexport { \r\n    TernSecureAuth,\r\n    TernSecureFirestore,\r\n    TernSecureStorage \r\n  } from './client-init';\r\n\r\n  export type { SignInCredentials } from './auth'\r\n\r\n  export { signInWithEmail} from './auth'\r\n  export { loadFireConfig, validateConfig } from './config';\r\n  export { TernSecureContext, useInternalContext } from './providers/ternSecureContext';\r\n  export { TernSecureClientProvider } from './providers/ternSecureClientProvider'", "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}", "'use client'\r\n\r\nimport { useEffect, useState, useMemo } from 'react'\r\nimport { onAuthStateChanged } from 'firebase/auth'\r\nimport { TernSecureAuth } from '../app-router/client'\r\nimport { useInternalContext } from '../app-router/client'\r\n\r\nexport interface AuthState {\r\n  userId: string | null\r\n  loading: boolean;\r\n  error: Error | null;\r\n  isSignedIn: boolean;\r\n}\r\n\r\nexport function useAuth() {\r\n  const auth = useMemo(() => TernSecureAuth(), [])\r\n  const [authState, setAuthState] = useState<AuthState>({\r\n    loading: true,\r\n    isSignedIn: false,\r\n    userId: null,\r\n    error: null\r\n  })\r\n\r\n\r\n  useEffect(() => {\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  }, [auth])\r\n\r\n  useInternalContext('useAuth')\r\n  return { authState }\r\n}", "import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/client'\r\nimport { styles } from '../utils/create-styles'\r\n\r\nexport interface SignInProps {\r\n  onSuccess?: () => void\r\n  onError?: (error: Error) => void\r\n  redirectUrl?: string\r\n  className?: string\r\n  style?: React.CSSProperties\r\n  customStyles?: {\r\n    container?: string\r\n    header?: string\r\n    title?: string\r\n    formWrapper?: string\r\n    formContainer?: string\r\n    form?: string\r\n    input?: string\r\n    button?: string\r\n    errorText?: string\r\n    label?: string\r\n  }\r\n}\r\n\r\nexport function SignIn({ \r\n  onSuccess, \r\n  onError, \r\n  redirectUrl,\r\n  className = '',\r\n  style,\r\n  customStyles = {}\r\n}: SignInProps) {\r\n  const [email, setEmail] = useState('')\r\n  const [password, setPassword] = useState('')\r\n  const [loading, setLoading] = useState(false)\r\n  const [error, setError] = useState('')\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault()\r\n    setLoading(true)\r\n    setError('')\r\n\r\n    try {\r\n      await signInWithEmail({ email, password })\r\n      onSuccess?.()\r\n      \r\n      if (redirectUrl) {\r\n        window.location.href = redirectUrl\r\n      }\r\n    } catch (err) {\r\n      const errorMessage = err instanceof Error ? err.message : 'Failed to sign in'\r\n      setError(errorMessage)\r\n      onError?.(err instanceof Error ? err : new Error('Failed to sign in'))\r\n    } finally {\r\n      setLoading(false)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div className={`${styles.container} ${customStyles.container || ''}`} style={style}>\r\n      <div className={`${styles.header} ${customStyles.header || ''}`}>\r\n        <h2 className={`${styles.title} ${customStyles.title || ''}`}>\r\n          Sign in to your account\r\n        </h2>\r\n      </div>\r\n      \r\n      <div className={`${styles.formWrapper} ${customStyles.formWrapper || ''}`}>\r\n        <div className={`${styles.formContainer} ${customStyles.formContainer || ''}`}>\r\n          <form \r\n            onSubmit={handleSubmit} \r\n            className={`${styles.form} ${customStyles.form || ''} ${className}`}\r\n            role=\"form\"\r\n            aria-label=\"Sign in form\"\r\n          >\r\n            {error && (\r\n              <div \r\n                className={`${styles.error} ${customStyles.errorText || ''}`}\r\n                role=\"alert\"\r\n                aria-live=\"polite\"\r\n              >\r\n                {error}\r\n              </div>\r\n            )}\r\n            <div>\r\n              <label htmlFor=\"email\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n                Email\r\n              </label>\r\n              <input\r\n                id=\"email\"\r\n                type=\"email\"\r\n                value={email}\r\n                onChange={(e) => setEmail(e.target.value)}\r\n                placeholder=\"Enter your email\"\r\n                required\r\n                className={`${styles.input} ${customStyles.input || ''}`}\r\n                disabled={loading}\r\n                aria-required=\"true\"\r\n                aria-invalid={!!error}\r\n              />\r\n            </div>\r\n            <div>\r\n              <label htmlFor=\"password\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n                Password\r\n              </label>\r\n              <input\r\n                id=\"password\"\r\n                type=\"password\"\r\n                value={password}\r\n                onChange={(e) => setPassword(e.target.value)}\r\n                placeholder=\"Enter your password\"\r\n                required\r\n                className={`${styles.input} ${customStyles.input || ''}`}\r\n                disabled={loading}\r\n                aria-required=\"true\"\r\n                aria-invalid={!!error}\r\n              />\r\n            </div>\r\n            <button \r\n              type=\"submit\" \r\n              disabled={loading}\r\n              className={`${styles.button} ${customStyles.button || ''}`}\r\n              data-testid=\"sign-in-submit\"\r\n            >\r\n              {loading ? 'Signing in...' : 'Sign in'}\r\n            </button>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\n", "'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": ["import_auth", "auth", "import_react", "import_jsx_runtime", "TernSecureClientProvider", "dynamic", "React", "import_react", "import_auth", "auth", "import_react", "styles", "import_jsx_runtime"]
+  "sourcesContent": ["'use client'\r\n\r\nimport { createContext, useContext } from 'react'\r\n\r\n/**\r\n * Internal context type for TernSecure authentication\r\n * @internal\r\n */\r\ninterface TernSecureContextType {\r\n  readonly _contextKey: symbol\r\n}\r\n\r\n/**\r\n * Internal symbol used for context validation\r\n * @internal\r\n */\r\nconst INTERNAL_CONTEXT_KEY = Symbol('TERN_SECURE_CONTEXT')\r\n\r\n/**\r\n * Context for TernSecure authentication\r\n * @internal\r\n */\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\n/**\r\n * Hook to verify that components are rendered within the TernSecure provider\r\n * @param hookName - Name of the hook being used (for better error messages)\r\n * @throws {Error} When used outside of TernSecureProvider\r\n * @internal\r\n */\r\nconst useInternalContext = (hookName?: string): TernSecureContextType => {\r\n  const context = useContext(TernSecureContext)\r\n  \r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookName || 'Hook'} must be used within TernSecureProvider. ` +\r\n      'Please wrap your component with TernSecureProvider.'\r\n    )\r\n  }\r\n  \r\n  return context\r\n}\r\n\r\nexport {\r\n  type TernSecureContextType,\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}", "'use client'\r\n\r\nimport React from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext, TernSecureContextType } from './ternSecureContext'\r\n\r\n/**\r\n * Props for the TernSecureClientProvider component\r\n */\r\ninterface TernSecureClientProviderProps {\r\n  /** React child elements to be wrapped by the provider */\r\n  children: React.ReactNode\r\n}\r\n\r\n/**\r\n * Provider component for TernSecure authentication\r\n * Must be used to wrap any components that use TernSecure hooks\r\n * \r\n * @example\r\n * ```tsx\r\n * function App() {\r\n *   return (\r\n *     <TernSecureClientProvider>\r\n *       <YourApp />\r\n *     </TernSecureClientProvider>\r\n *   )\r\n * }\r\n * ```\r\n */\r\nexport function TernSecureClientProvider({ children }: TernSecureClientProviderProps): JSX.Element {\r\n  // Memoize the context value to prevent unnecessary re-renders\r\n  const contextValue = React.useMemo<TernSecureContextType>(\r\n    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),\r\n    []\r\n  )\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={contextValue}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\r\n}\r\n\r\n// Add display name for better debugging\r\nTernSecureClientProvider.displayName = 'TernSecureClientProvider'", "export { TernSecureAuth, TernSecureFirestore, TernSecureStorage, signInWithEmail, loadFireConfig, validateConfig, TernSecureContext, useInternalContext, TernSecureClientProvider } from './app-router/client'\r\nexport { TernSecureProvider } from './app-router/server'\r\nexport { useAuth } from './hooks/useAuth' \r\nexport { SignIn } from './components/sign-in'", "import { getApps, initializeApp } from 'firebase/app';\r\nimport { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';\r\nimport { getFirestore } from 'firebase/firestore';\r\nimport { getStorage } from 'firebase/storage';\r\nimport { loadFireConfig, validateConfig } from './config';\r\n\r\n// Initialize immediately\r\nconst app = (() => {\r\n  const config = validateConfig(loadFireConfig());\r\n  return getApps().length ? getApps()[0] : initializeApp(config);\r\n})();\r\n\r\nconst auth = getAuth(app);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(app);\r\nconst storage = getStorage(app);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "import { TernSecureConfig } from \"../../types\";\r\n\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY as string,\r\n  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN as string,\r\n  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID as string,\r\n  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET as string,\r\n  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID as string,\r\n  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID as string,\r\n  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID as string,\r\n});\r\n\r\nexport const validateConfig = (config: TernSecureConfig): TernSecureConfig => {\r\n  Object.entries(config).forEach(([key, value]) => {\r\n    if (!value) {\r\n      throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);\r\n    }\r\n  });\r\n  return config;\r\n};", "import { TernSecureAuth } from './index'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n  email: string\r\n  password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n  email, \r\n  password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n  const auth = TernSecureAuth()\r\n  return signInWithEmailAndPassword(auth, email, password)\r\n} ", "'use client'\r\nexport { \r\n    TernSecureAuth,\r\n    TernSecureFirestore,\r\n    TernSecureStorage \r\n  } from './client-init';\r\n\r\n  export type { SignInCredentials } from './auth'\r\n\r\n  export { signInWithEmail} from './auth'\r\n  export { loadFireConfig, validateConfig } from './config';\r\n  export { TernSecureContext, useInternalContext } from './providers/ternSecureContext';\r\n  export { TernSecureClientProvider } from './providers/ternSecureClientProvider'", "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// Lightweight loading component\r\nconst LoadingProvider = () => (\r\n  <div \r\n    aria-label=\"Loading authentication provider...\" \r\n    role=\"status\"\r\n    style={{ display: 'none' }}\r\n  />\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: LoadingProvider // Return null or a loading indicator\r\n  }\r\n)\r\n\r\nexport function TernSecureProvider({ children }: TernSecureProviderProps) {\r\n  const startTime = process.env.NODE_ENV === 'development' ? performance.now() : 0\r\n\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    // Log performance in development\r\n    React.useEffect(() => {\r\n      if (process.env.NODE_ENV === 'development') {\r\n        const endTime = performance.now()\r\n        console.debug(`TernSecure provider mounted in ${endTime - startTime}ms`)\r\n      }\r\n    }, [startTime])\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}", "'use client'\r\n\r\nimport { useEffect, useState, useMemo } from 'react'\r\nimport { onAuthStateChanged } from 'firebase/auth'\r\nimport { TernSecureAuth } from '../app-router/client'\r\nimport { useInternalContext } from '../app-router/client'\r\n\r\nexport interface AuthState {\r\n  userId: string | null\r\n  loading: boolean;\r\n  error: Error | null;\r\n  isSignedIn: boolean;\r\n}\r\n\r\nexport function useAuth() {\r\n  const auth = useMemo(() => TernSecureAuth(), [])\r\n  const [authState, setAuthState] = useState<AuthState>({\r\n    loading: true,\r\n    isSignedIn: false,\r\n    userId: null,\r\n    error: null\r\n  })\r\n\r\n\r\n  useEffect(() => {\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  }, [auth])\r\n\r\n  useInternalContext('useAuth')\r\n  return {\r\n    loading: authState.loading,\r\n    isSignedIn: authState.isSignedIn,\r\n    userId: authState.userId,\r\n    error: authState.error\r\n  }\r\n}", "import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/client'\r\nimport { styles } from '../utils/create-styles'\r\n\r\nexport interface SignInProps {\r\n  onSuccess?: () => void\r\n  onError?: (error: Error) => void\r\n  redirectUrl?: string\r\n  className?: string\r\n  style?: React.CSSProperties\r\n  customStyles?: {\r\n    container?: string\r\n    header?: string\r\n    title?: string\r\n    formWrapper?: string\r\n    formContainer?: string\r\n    form?: string\r\n    input?: string\r\n    button?: string\r\n    errorText?: string\r\n    label?: string\r\n  }\r\n}\r\n\r\nexport function SignIn({ \r\n  onSuccess, \r\n  onError, \r\n  redirectUrl,\r\n  className = '',\r\n  style,\r\n  customStyles = {}\r\n}: SignInProps) {\r\n  const [email, setEmail] = useState('')\r\n  const [password, setPassword] = useState('')\r\n  const [loading, setLoading] = useState(false)\r\n  const [error, setError] = useState('')\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault()\r\n    setLoading(true)\r\n    setError('')\r\n\r\n    try {\r\n      await signInWithEmail({ email, password })\r\n      onSuccess?.()\r\n      \r\n      if (redirectUrl) {\r\n        window.location.href = redirectUrl\r\n      }\r\n    } catch (err) {\r\n      const errorMessage = err instanceof Error ? err.message : 'Failed to sign in'\r\n      setError(errorMessage)\r\n      onError?.(err instanceof Error ? err : new Error('Failed to sign in'))\r\n    } finally {\r\n      setLoading(false)\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div className={`${styles.container} ${customStyles.container || ''}`} style={style}>\r\n      <div className={`${styles.header} ${customStyles.header || ''}`}>\r\n        <h2 className={`${styles.title} ${customStyles.title || ''}`}>\r\n          Sign in to your account\r\n        </h2>\r\n      </div>\r\n      \r\n      <div className={`${styles.formWrapper} ${customStyles.formWrapper || ''}`}>\r\n        <div className={`${styles.formContainer} ${customStyles.formContainer || ''}`}>\r\n          <form \r\n            onSubmit={handleSubmit} \r\n            className={`${styles.form} ${customStyles.form || ''} ${className}`}\r\n            role=\"form\"\r\n            aria-label=\"Sign in form\"\r\n          >\r\n            {error && (\r\n              <div \r\n                className={`${styles.error} ${customStyles.errorText || ''}`}\r\n                role=\"alert\"\r\n                aria-live=\"polite\"\r\n              >\r\n                {error}\r\n              </div>\r\n            )}\r\n            <div>\r\n              <label htmlFor=\"email\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n                Email\r\n              </label>\r\n              <input\r\n                id=\"email\"\r\n                type=\"email\"\r\n                value={email}\r\n                onChange={(e) => setEmail(e.target.value)}\r\n                placeholder=\"Enter your email\"\r\n                required\r\n                className={`${styles.input} ${customStyles.input || ''}`}\r\n                disabled={loading}\r\n                aria-required=\"true\"\r\n                aria-invalid={!!error}\r\n              />\r\n            </div>\r\n            <div>\r\n              <label htmlFor=\"password\" className={`${styles.label} ${customStyles.label || ''}`}>\r\n                Password\r\n              </label>\r\n              <input\r\n                id=\"password\"\r\n                type=\"password\"\r\n                value={password}\r\n                onChange={(e) => setPassword(e.target.value)}\r\n                placeholder=\"Enter your password\"\r\n                required\r\n                className={`${styles.input} ${customStyles.input || ''}`}\r\n                disabled={loading}\r\n                aria-required=\"true\"\r\n                aria-invalid={!!error}\r\n              />\r\n            </div>\r\n            <button \r\n              type=\"submit\" \r\n              disabled={loading}\r\n              className={`${styles.button} ${customStyles.button || ''}`}\r\n              data-testid=\"sign-in-submit\"\r\n            >\r\n              {loading ? 'Signing in...' : 'Sign in'}\r\n            </button>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\n", "'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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAEA,cAcM,sBAMA,mBAQA;AA9BN;AAAA;AAAA;AAAA;AAEA,mBAA0C;AAc1C,IAAM,uBAAuB,OAAO,qBAAqB;AAMzD,IAAM,wBAAoB,4BAA4C,IAAI;AAQ1E,IAAM,qBAAqB,CAAC,aAA6C;AACvE,YAAM,cAAU,yBAAW,iBAAiB;AAE5C,UAAI,CAAC,WAAW,QAAQ,gBAAgB,sBAAsB;AAC5D,cAAM,IAAI;AAAA,UACR,GAAG,YAAY,MAAM;AAAA,QAEvB;AAAA,MACF;AAEA,aAAO;AAAA,IACT;AAAA;AAAA;;;ACzCA;AAAA;AAAA;AAAA;AA4BO,SAAS,yBAAyB,EAAE,SAAS,GAA+C;AAEjG,QAAM,eAAe,cAAAA,QAAM;AAAA,IACzB,OAAO,EAAE,aAAa,qBAAqB;AAAA,IAC3C,CAAC;AAAA,EACH;AAEA,SACE,4CAAC,kBAAkB,UAAlB,EAA2B,OAAO,cAChC,UACH;AAEJ;AAxCA,IAEAC,eAkCI;AApCJ;AAAA;AAAA;AAAA;AAEA,IAAAA,gBAAkB;AAClB;AAiCI;AAOJ,6BAAyB,cAAc;AAAA;AAAA;;;AC3CvC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,iBAAuC;AACvC,kBAAmE;AACnE,uBAA6B;AAC7B,qBAA2B;;;ACDpB,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,WAA+C;AAC5E,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;;;ADZA,IAAM,OAAO,MAAM;AACjB,QAAM,SAAS,eAAe,eAAe,CAAC;AAC9C,aAAO,oBAAQ,EAAE,aAAS,oBAAQ,EAAE,CAAC,QAAI,0BAAc,MAAM;AAC/D,GAAG;AAEH,IAAM,WAAO,qBAAQ,GAAG;AAAA,IACxB,4BAAe,MAAM,qCAAyB;AAC9C,IAAM,gBAAY,+BAAa,GAAG;AAClC,IAAM,cAAU,2BAAW,GAAG;AAEvB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,sBAAsB,MAAM;AAClC,IAAM,oBAAoB,MAAM;;;AElBvC,IAAAC,eAAgE;AAOhE,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA;AACF,GAA+C;AAC7C,QAAMC,QAAO,eAAe;AAC5B,aAAO,yCAA2BA,OAAM,OAAO,QAAQ;AACzD;;;ACHE;AACA;;;ACZF,IAAAC,gBAAiC;AACjC,qBAAoB;AAQlB,IAAAC,sBAAA;AADF,IAAM,kBAAkB,MACtB;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAO,EAAE,SAAS,OAAO;AAAA;AAC3B;AAIF,IAAMC,gCAA2B,eAAAC;AAAA,EAC/B,MAAM,kGAA0D,KAAK,SAAO,IAAI,wBAAwB;AAAA,EACxG;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA;AAAA,EACX;AACF;AAEO,SAAS,mBAAmB,EAAE,SAAS,GAA4B;AACxE,QAAM,YAAY,QAAQ,IAAI,aAAa,gBAAgB,YAAY,IAAI,IAAI;AAG/E,QAAM,eAAe,cAAAC,QAAM,SAAS,QAAQ,QAAQ,EAAE;AAAA,IACpD,WAAS,cAAAA,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS;AAAA,EACzD;AAGE,gBAAAA,QAAM,UAAU,MAAM;AACpB,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,YAAM,UAAU,YAAY,IAAI;AAChC,cAAQ,MAAM,kCAAkC,UAAU,SAAS,IAAI;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEhB,MAAI,cAAc;AAEhB,WAAO,cAAAA,QAAM,SAAS,IAAI,UAAU,WAAS;AAC3C,UAAI,cAAAA,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,QAAQ;AACxD,eAAO,cAAAA,QAAM;AAAA,UAAa;AAAA,UAAO,CAAC;AAAA,UAChC,cAAAA,QAAM,SAAS,IAAI,MAAM,MAAM,UAAU,eAAa;AACpD,gBAAI,cAAAA,QAAM,eAAe,SAAS,KAAK,UAAU,SAAS,QAAQ;AAEhE,oBAAM,YAAY,UAAU;AAC5B,qBAAO,cAAAA,QAAM;AAAA,gBAAa;AAAA,gBAAW,CAAC;AAAA,gBACpC,6CAACF,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,6CAACA,2BAAA,EAA0B,UAAS;AAC7C;;;AChEA,IAAAG,gBAA6C;AAC7C,IAAAC,eAAmC;AAW5B,SAAS,UAAU;AACxB,QAAMC,YAAO,uBAAQ,MAAM,eAAe,GAAG,CAAC,CAAC;AAC/C,QAAM,CAAC,WAAW,YAAY,QAAI,wBAAoB;AAAA,IACpD,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,CAAC;AAGD,+BAAU,MAAM;AACd,UAAM,kBAAc,iCAAmBA,OAAM,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,CAACA,KAAI,CAAC;AAET,qBAAmB,SAAS;AAC5B,SAAO;AAAA,IACL,SAAS,UAAU;AAAA,IACnB,YAAY,UAAU;AAAA,IACtB,QAAQ,UAAU;AAAA,IAClB,OAAO,UAAU;AAAA,EACnB;AACF;;;ACpDA,IAAAC,gBAAyB;;;ACCzB,IAAM,SAAS;AAGf,IAAM,iBAAiB;AAAA,EACrB,YAAY;AAAA,EACZ,cAAc;AAChB;AAEO,IAAM,oBAAoB;AAAA,EAC/B,WAAW,GAAG,MAAM;AAAA,EACpB,QAAQ,GAAG,MAAM;AAAA,EACjB,OAAO,GAAG,MAAM;AAAA,EAChB,aAAa,GAAG,MAAM;AAAA,EACtB,eAAe,GAAG,MAAM;AAAA,EACxB,MAAM,GAAG,MAAM;AAAA,EACf,OAAO,GAAG,MAAM;AAAA,EAChB,OAAO,GAAG,MAAM;AAAA,EAChB,QAAQ,GAAG,MAAM;AAAA,EACjB,OAAO,GAAG,MAAM;AAClB;AAGA,SAAS,iBAAiBC,SAA6C;AACrE,MAAI,OAAO,WAAW,YAAa,QAAO;AAG1C,MAAI,eAAe,YAAY;AAC7B,WAAO;AAAA,EACT;AAGA,MAAI,eAAe,SAAS,cAAgC,oBAAoB;AAEhF,MAAI,CAAC,cAAc;AACjB,mBAAe,SAAS,cAAc,OAAO;AAC7C,iBAAa,aAAa,oBAAoB,EAAE;AAChD,aAAS,KAAK,YAAY,YAAY;AACtC,mBAAe,eAAe;AAAA,EAChC;AAGA,QAAM,WAAW,OAAO,QAAQA,OAAM,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAC5D,UAAM,YAAY,kBAAkB,GAAqC;AACzE,UAAM,gBAAgB,OAAO,QAAQ,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM;AACjE,YAAM,cAAc,KAAK,QAAQ,YAAY,KAAK,EAAE,YAAY;AAChE,aAAO,GAAG,WAAW,KAAK,KAAK;AAAA,IACjC,CAAC,EAAE,KAAK,GAAG;AAEX,WAAO,IAAI,SAAS,MAAM,aAAa;AAAA,EACzC,CAAC,EAAE,KAAK,IAAI;AAGZ,eAAa,cAAc;AAC3B,iBAAe,aAAa;AAE5B,SAAO;AACT;AAGO,IAAM,cAAc;AAAA,EACzB,WAAW;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,MAAM;AAAA,IACN,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,SAAS;AAAA,EACX;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,IACb,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc;AAAA,IACd,iBAAiB;AAAA,EACnB;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,EACP;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,QAAQ;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AACF;AAGO,IAAM,SAAS,iBAAiB,WAAW;;;AD3E1C,IAAAC,sBAAA;AArCD,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,eAAe,CAAC;AAClB,GAAgB;AACd,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAS,EAAE;AACrC,QAAM,CAAC,UAAU,WAAW,QAAI,wBAAS,EAAE;AAC3C,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAS,EAAE;AAErC,QAAM,eAAe,OAAO,MAAuB;AACjD,MAAE,eAAe;AACjB,eAAW,IAAI;AACf,aAAS,EAAE;AAEX,QAAI;AACF,YAAM,gBAAgB,EAAE,OAAO,SAAS,CAAC;AACzC,kBAAY;AAEZ,UAAI,aAAa;AACf,eAAO,SAAS,OAAO;AAAA,MACzB;AAAA,IACF,SAAS,KAAK;AACZ,YAAM,eAAe,eAAe,QAAQ,IAAI,UAAU;AAC1D,eAAS,YAAY;AACrB,gBAAU,eAAe,QAAQ,MAAM,IAAI,MAAM,mBAAmB,CAAC;AAAA,IACvE,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SACE,8CAAC,SAAI,WAAW,GAAG,OAAO,SAAS,IAAI,aAAa,aAAa,EAAE,IAAI,OACrE;AAAA,iDAAC,SAAI,WAAW,GAAG,OAAO,MAAM,IAAI,aAAa,UAAU,EAAE,IAC3D,uDAAC,QAAG,WAAW,GAAG,OAAO,KAAK,IAAI,aAAa,SAAS,EAAE,IAAI,qCAE9D,GACF;AAAA,IAEA,6CAAC,SAAI,WAAW,GAAG,OAAO,WAAW,IAAI,aAAa,eAAe,EAAE,IACrE,uDAAC,SAAI,WAAW,GAAG,OAAO,aAAa,IAAI,aAAa,iBAAiB,EAAE,IACzE;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV,WAAW,GAAG,OAAO,IAAI,IAAI,aAAa,QAAQ,EAAE,IAAI,SAAS;AAAA,QACjE,MAAK;AAAA,QACL,cAAW;AAAA,QAEV;AAAA,mBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,OAAO,KAAK,IAAI,aAAa,aAAa,EAAE;AAAA,cAC1D,MAAK;AAAA,cACL,aAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UAEF,8CAAC,SACC;AAAA,yDAAC,WAAM,SAAQ,SAAQ,WAAW,GAAG,OAAO,KAAK,IAAI,aAAa,SAAS,EAAE,IAAI,mBAEjF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,MAAK;AAAA,gBACL,OAAO;AAAA,gBACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,gBACxC,aAAY;AAAA,gBACZ,UAAQ;AAAA,gBACR,WAAW,GAAG,OAAO,KAAK,IAAI,aAAa,SAAS,EAAE;AAAA,gBACtD,UAAU;AAAA,gBACV,iBAAc;AAAA,gBACd,gBAAc,CAAC,CAAC;AAAA;AAAA,YAClB;AAAA,aACF;AAAA,UACA,8CAAC,SACC;AAAA,yDAAC,WAAM,SAAQ,YAAW,WAAW,GAAG,OAAO,KAAK,IAAI,aAAa,SAAS,EAAE,IAAI,sBAEpF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,IAAG;AAAA,gBACH,MAAK;AAAA,gBACL,OAAO;AAAA,gBACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,gBAC3C,aAAY;AAAA,gBACZ,UAAQ;AAAA,gBACR,WAAW,GAAG,OAAO,KAAK,IAAI,aAAa,SAAS,EAAE;AAAA,gBACtD,UAAU;AAAA,gBACV,iBAAc;AAAA,gBACd,gBAAc,CAAC,CAAC;AAAA;AAAA,YAClB;AAAA,aACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAW,GAAG,OAAO,MAAM,IAAI,aAAa,UAAU,EAAE;AAAA,cACxD,eAAY;AAAA,cAEX,oBAAU,kBAAkB;AAAA;AAAA,UAC/B;AAAA;AAAA;AAAA,IACF,GACF,GACF;AAAA,KACF;AAEJ;",
+  "names": ["React", "import_react", "import_auth", "auth", "import_react", "import_jsx_runtime", "TernSecureClientProvider", "dynamic", "React", "import_react", "import_auth", "auth", "import_react", "styles", "import_jsx_runtime"]
 }

package/dist/esm/app-router/client/index.js CHANGED Viewed

@@ -15,7 +15,7 @@ import {
   TernSecureClientProvider,
   TernSecureContext,
   useInternalContext
-} from "../../chunk-HUJ3EKGN.js";
+} from "../../chunk-DLYDLPO5.js";
 export {
   TernSecureAuth,
   TernSecureClientProvider,

package/dist/esm/app-router/client/providers/ternSecureClientProvider.d.ts CHANGED Viewed

@@ -1,5 +1,29 @@
 import React from 'react';
-export declare function TernSecureClientProvider({ children }: {
+/**
+ * Props for the TernSecureClientProvider component
+ */
+interface TernSecureClientProviderProps {
+    /** React child elements to be wrapped by the provider */
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}
+/**
+ * Provider component for TernSecure authentication
+ * Must be used to wrap any components that use TernSecure hooks
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   return (
+ *     <TernSecureClientProvider>
+ *       <YourApp />
+ *     </TernSecureClientProvider>
+ *   )
+ * }
+ * ```
+ */
+export declare function TernSecureClientProvider({ children }: TernSecureClientProviderProps): JSX.Element;
+export declare namespace TernSecureClientProvider {
+    var displayName: string;
+}
+export {};
 //# sourceMappingURL=ternSecureClientProvider.d.ts.map

package/dist/esm/app-router/client/providers/ternSecureClientProvider.d.ts.map CHANGED Viewed

	@@ -1 +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;~~AAGvC~~,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE~~;IAAE~~,~~QAAQ~~,~~EAAE~~,~~KAAK~~,CAAC,~~SAAS~~,~~CAAA~~;~~CAAE~~,~~2CAOnF~~"}
1	+ {"version":3,"file":"ternSecureClientProvider.d.ts","sourceRoot":"","sources":["../../../../../src/app-router/client/providers/ternSecureClientProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB;;GAEG;AACH,UAAU,6BAA6B;IACrC,yDAAyD;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE,6BAA6B,GAAG,GAAG,CAAC,OAAO,CAYjG;yBAZe,wBAAwB"}

package/dist/esm/app-router/client/providers/ternSecureContext.d.ts CHANGED Viewed

@@ -1,8 +1,26 @@
+/**
+ * Internal context type for TernSecure authentication
+ * @internal
+ */
 interface TernSecureContextType {
-    _contextKey: Symbol;
+    readonly _contextKey: symbol;
 }
+/**
+ * Internal symbol used for context validation
+ * @internal
+ */
 declare const INTERNAL_CONTEXT_KEY: unique symbol;
+/**
+ * Context for TernSecure authentication
+ * @internal
+ */
 declare const TernSecureContext: import("react").Context<TernSecureContextType | null>;
-declare const useInternalContext: (hookname?: string) => TernSecureContextType;
-export { TernSecureContext, useInternalContext, INTERNAL_CONTEXT_KEY };
+/**
+ * Hook to verify that components are rendered within the TernSecure provider
+ * @param hookName - Name of the hook being used (for better error messages)
+ * @throws {Error} When used outside of TernSecureProvider
+ * @internal
+ */
+declare const useInternalContext: (hookName?: string) => TernSecureContextType;
+export { type TernSecureContextType, TernSecureContext, useInternalContext, INTERNAL_CONTEXT_KEY };
 //# sourceMappingURL=ternSecureContext.d.ts.map

package/dist/esm/app-router/client/providers/ternSecureContext.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ternSecureContext.d.ts","sourceRoot":"","sources":["../../../../../src/app-router/client/providers/ternSecureContext.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,WAAW,EAAE,MAAM,CAAA;~~CACpB~~;AAED,QAAA,MAAM,oBAAoB,~~eAAiC~~,CAAA;~~AAC3D~~,QAAA,MAAM,iBAAiB,uDAAoD,CAAA;AAE3E,QAAA,MAAM,kBAAkB,cAAe,MAAM,~~0BAO5C~~,CAAA;AAED,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACrB,CAAA"}
1	+ {"version":3,"file":"ternSecureContext.d.ts","sourceRoot":"","sources":["../../../../../src/app-router/client/providers/ternSecureContext.tsx"],"names":[],"mappings":"AAIA;;;GAGG;AACH,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;CAC7B;AAED;;;GAGG;AACH,QAAA,MAAM,oBAAoB,eAAgC,CAAA;AAE1D;;;GAGG;AACH,QAAA,MAAM,iBAAiB,uDAAoD,CAAA;AAE3E;;;;;GAKG;AACH,QAAA,MAAM,kBAAkB,cAAe,MAAM,KAAG,qBAW/C,CAAA;AAED,OAAO,EACL,KAAK,qBAAqB,EAC1B,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EACrB,CAAA"}

package/dist/esm/app-router/server/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import {
   TernSecureProvider
-} from "../../chunk-MDMNIKQP.js";
+} from "../../chunk-RTEDIKQU.js";
 export {
   TernSecureProvider
 };

package/dist/esm/app-router/server/providers/TernSecureServerProvider.d.ts.map CHANGED Viewed

	@@ -1 +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~~"}
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;AAoBD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,qLAyCvE"}

package/dist/esm/{chunk-HUJ3EKGN.js → chunk-DLYDLPO5.js} RENAMED Viewed

@@ -1,12 +1,15 @@
+// src/app-router/client/providers/ternSecureClientProvider.tsx
+import React from "react";
 // src/app-router/client/providers/ternSecureContext.tsx
 import { createContext, useContext } from "react";
-var INTERNAL_CONTEXT_KEY = Symbol("INTERNAL_CONTEXT_KEY");
+var INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
 var TernSecureContext = createContext(null);
-var useInternalContext = (hookname) => {
+var useInternalContext = (hookName) => {
   const context = useContext(TernSecureContext);
   if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {
     throw new Error(
-      `${hookname} must be used within TernSecureProvider`
+      `${hookName || "Hook"} must be used within TernSecureProvider. Please wrap your component with TernSecureProvider.`
     );
   }
   return context;
@@ -15,12 +18,17 @@ var useInternalContext = (hookname) => {
 // src/app-router/client/providers/ternSecureClientProvider.tsx
 import { jsx } from "react/jsx-runtime";
 function TernSecureClientProvider({ children }) {
-  return /* @__PURE__ */ jsx(TernSecureContext.Provider, { value: { _contextKey: INTERNAL_CONTEXT_KEY }, children });
+  const contextValue = React.useMemo(
+    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),
+    []
+  );
+  return /* @__PURE__ */ jsx(TernSecureContext.Provider, { value: contextValue, children });
 }
+TernSecureClientProvider.displayName = "TernSecureClientProvider";
 export {
   TernSecureContext,
   useInternalContext,
   TernSecureClientProvider
 };
-//# sourceMappingURL=chunk-HUJ3EKGN.js.map
+//# sourceMappingURL=chunk-DLYDLPO5.js.map

package/dist/esm/chunk-DLYDLPO5.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/app-router/client/providers/ternSecureClientProvider.tsx", "../../src/app-router/client/providers/ternSecureContext.tsx"],
+  "sourcesContent": ["'use client'\r\n\r\nimport React from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext, TernSecureContextType } from './ternSecureContext'\r\n\r\n/**\r\n * Props for the TernSecureClientProvider component\r\n */\r\ninterface TernSecureClientProviderProps {\r\n  /** React child elements to be wrapped by the provider */\r\n  children: React.ReactNode\r\n}\r\n\r\n/**\r\n * Provider component for TernSecure authentication\r\n * Must be used to wrap any components that use TernSecure hooks\r\n * \r\n * @example\r\n * ```tsx\r\n * function App() {\r\n *   return (\r\n *     <TernSecureClientProvider>\r\n *       <YourApp />\r\n *     </TernSecureClientProvider>\r\n *   )\r\n * }\r\n * ```\r\n */\r\nexport function TernSecureClientProvider({ children }: TernSecureClientProviderProps): JSX.Element {\r\n  // Memoize the context value to prevent unnecessary re-renders\r\n  const contextValue = React.useMemo<TernSecureContextType>(\r\n    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),\r\n    []\r\n  )\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={contextValue}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\r\n}\r\n\r\n// Add display name for better debugging\r\nTernSecureClientProvider.displayName = 'TernSecureClientProvider'", "'use client'\r\n\r\nimport { createContext, useContext } from 'react'\r\n\r\n/**\r\n * Internal context type for TernSecure authentication\r\n * @internal\r\n */\r\ninterface TernSecureContextType {\r\n  readonly _contextKey: symbol\r\n}\r\n\r\n/**\r\n * Internal symbol used for context validation\r\n * @internal\r\n */\r\nconst INTERNAL_CONTEXT_KEY = Symbol('TERN_SECURE_CONTEXT')\r\n\r\n/**\r\n * Context for TernSecure authentication\r\n * @internal\r\n */\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\n/**\r\n * Hook to verify that components are rendered within the TernSecure provider\r\n * @param hookName - Name of the hook being used (for better error messages)\r\n * @throws {Error} When used outside of TernSecureProvider\r\n * @internal\r\n */\r\nconst useInternalContext = (hookName?: string): TernSecureContextType => {\r\n  const context = useContext(TernSecureContext)\r\n  \r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookName || 'Hook'} must be used within TernSecureProvider. ` +\r\n      'Please wrap your component with TernSecureProvider.'\r\n    )\r\n  }\r\n  \r\n  return context\r\n}\r\n\r\nexport {\r\n  type TernSecureContextType,\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}"],
+  "mappings": ";AAEA,OAAO,WAAW;;;ACAlB,SAAS,eAAe,kBAAkB;AAc1C,IAAM,uBAAuB,OAAO,qBAAqB;AAMzD,IAAM,oBAAoB,cAA4C,IAAI;AAQ1E,IAAM,qBAAqB,CAAC,aAA6C;AACvE,QAAM,UAAU,WAAW,iBAAiB;AAE5C,MAAI,CAAC,WAAW,QAAQ,gBAAgB,sBAAsB;AAC5D,UAAM,IAAI;AAAA,MACR,GAAG,YAAY,MAAM;AAAA,IAEvB;AAAA,EACF;AAEA,SAAO;AACT;;;ADLI;AARG,SAAS,yBAAyB,EAAE,SAAS,GAA+C;AAEjG,QAAM,eAAe,MAAM;AAAA,IACzB,OAAO,EAAE,aAAa,qBAAqB;AAAA,IAC3C,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,cAChC,UACH;AAEJ;AAGA,yBAAyB,cAAc;",
+  "names": []
+}

package/dist/esm/{chunk-MDMNIKQP.js → chunk-RTEDIKQU.js} RENAMED Viewed

@@ -2,17 +2,33 @@
 import React from "react";
 import dynamic from "next/dynamic";
 import { jsx } from "react/jsx-runtime";
+var LoadingProvider = () => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "aria-label": "Loading authentication provider...",
+    role: "status",
+    style: { display: "none" }
+  }
+);
 var TernSecureClientProvider = dynamic(
-  () => import("./ternSecureClientProvider-T4QUTB3T.js").then((mod) => mod.TernSecureClientProvider),
+  () => import("./ternSecureClientProvider-AFCR7MAX.js").then((mod) => mod.TernSecureClientProvider),
   {
-    ssr: false
-    //loading: () => null // Return null or a loading indicator
+    ssr: false,
+    loading: LoadingProvider
+    // Return null or a loading indicator
   }
 );
 function TernSecureProvider({ children }) {
+  const startTime = process.env.NODE_ENV === "development" ? performance.now() : 0;
   const isRootLayout = React.Children.toArray(children).some(
     (child) => React.isValidElement(child) && child.type === "html"
   );
+  React.useEffect(() => {
+    if (process.env.NODE_ENV === "development") {
+      const endTime = performance.now();
+      console.debug(`TernSecure provider mounted in ${endTime - startTime}ms`);
+    }
+  }, [startTime]);
   if (isRootLayout) {
     return React.Children.map(children, (child) => {
       if (React.isValidElement(child) && child.type === "html") {
@@ -41,4 +57,4 @@ function TernSecureProvider({ children }) {
 export {
   TernSecureProvider
 };
-//# sourceMappingURL=chunk-MDMNIKQP.js.map
+//# sourceMappingURL=chunk-RTEDIKQU.js.map

package/dist/esm/chunk-RTEDIKQU.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/app-router/server/providers/TernSecureServerProvider.tsx"],
+  "sourcesContent": ["import React, { ReactNode } from 'react';\r\nimport dynamic from 'next/dynamic'\r\n\r\ninterface TernSecureProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\n// Lightweight loading component\r\nconst LoadingProvider = () => (\r\n  <div \r\n    aria-label=\"Loading authentication provider...\" \r\n    role=\"status\"\r\n    style={{ display: 'none' }}\r\n  />\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: LoadingProvider // Return null or a loading indicator\r\n  }\r\n)\r\n\r\nexport function TernSecureProvider({ children }: TernSecureProviderProps) {\r\n  const startTime = process.env.NODE_ENV === 'development' ? performance.now() : 0\r\n\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    // Log performance in development\r\n    React.useEffect(() => {\r\n      if (process.env.NODE_ENV === 'development') {\r\n        const endTime = performance.now()\r\n        console.debug(`TernSecure provider mounted in ${endTime - startTime}ms`)\r\n      }\r\n    }, [startTime])\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}"],
+  "mappings": ";AAAA,OAAO,WAA0B;AACjC,OAAO,aAAa;AAQlB;AADF,IAAM,kBAAkB,MACtB;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAO,EAAE,SAAS,OAAO;AAAA;AAC3B;AAIF,IAAM,2BAA2B;AAAA,EAC/B,MAAM,OAAO,wCAAiD,EAAE,KAAK,SAAO,IAAI,wBAAwB;AAAA,EACxG;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA;AAAA,EACX;AACF;AAEO,SAAS,mBAAmB,EAAE,SAAS,GAA4B;AACxE,QAAM,YAAY,QAAQ,IAAI,aAAa,gBAAgB,YAAY,IAAI,IAAI;AAG/E,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ,EAAE;AAAA,IACpD,WAAS,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS;AAAA,EACzD;AAGE,QAAM,UAAU,MAAM;AACpB,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,YAAM,UAAU,YAAY,IAAI;AAChC,cAAQ,MAAM,kCAAkC,UAAU,SAAS,IAAI;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,SAAS,CAAC;AAEhB,MAAI,cAAc;AAEhB,WAAO,MAAM,SAAS,IAAI,UAAU,WAAS;AAC3C,UAAI,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS,QAAQ;AACxD,eAAO,MAAM;AAAA,UAAa;AAAA,UAAO,CAAC;AAAA,UAChC,MAAM,SAAS,IAAI,MAAM,MAAM,UAAU,eAAa;AACpD,gBAAI,MAAM,eAAe,SAAS,KAAK,UAAU,SAAS,QAAQ;AAEhE,oBAAM,YAAY,UAAU;AAC5B,qBAAO,MAAM;AAAA,gBAAa;AAAA,gBAAW,CAAC;AAAA,gBACpC,oBAAC,4BACE,oBAAU,UACb;AAAA,cACF;AAAA,YACF;AACA,mBAAO;AAAA,UACT,CAAC;AAAA,QACH;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAGA,SAAO,oBAAC,4BAA0B,UAAS;AAC7C;",
+  "names": []
+}

package/dist/esm/components/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ import {
 import "../chunk-CGWE73OH.js";
 import "../chunk-RHUIR5LX.js";
 import "../chunk-5DISHXED.js";
-import "../chunk-HUJ3EKGN.js";
+import "../chunk-DLYDLPO5.js";
 export {
   SignIn
 };

package/dist/esm/hooks/useAuth.d.ts CHANGED Viewed

@@ -5,6 +5,9 @@ export interface AuthState {
     isSignedIn: boolean;
 }
 export declare function useAuth(): {
-    authState: AuthState;
+    loading: boolean;
+    isSignedIn: boolean;
+    userId: string | null;
+    error: Error | null;
 };
 //# sourceMappingURL=useAuth.d.ts.map

package/dist/esm/hooks/useAuth.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAuth.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,OAAO~~;;EAkCtB~~"}
1	+ {"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAuth.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,SAAS;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,OAAO;;;;;EAuCtB"}

package/dist/esm/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import {
   TernSecureProvider
-} from "./chunk-MDMNIKQP.js";
+} from "./chunk-RTEDIKQU.js";
 import {
   SignIn
 } from "./chunk-XPP2LEPF.js";
@@ -20,7 +20,7 @@ import {
   TernSecureClientProvider,
   TernSecureContext,
   useInternalContext
-} from "./chunk-HUJ3EKGN.js";
+} from "./chunk-DLYDLPO5.js";
 // src/hooks/useAuth.ts
 import { useEffect, useState, useMemo } from "react";
@@ -54,7 +54,12 @@ function useAuth() {
     return () => unsubscribe();
   }, [auth]);
   useInternalContext("useAuth");
-  return { authState };
+  return {
+    loading: authState.loading,
+    isSignedIn: authState.isSignedIn,
+    userId: authState.userId,
+    error: authState.error
+  };
 }
 export {
   SignIn,

package/dist/esm/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/hooks/useAuth.ts"],
-  "sourcesContent": ["'use client'\r\n\r\nimport { useEffect, useState, useMemo } from 'react'\r\nimport { onAuthStateChanged } from 'firebase/auth'\r\nimport { TernSecureAuth } from '../app-router/client'\r\nimport { useInternalContext } from '../app-router/client'\r\n\r\nexport interface AuthState {\r\n  userId: string | null\r\n  loading: boolean;\r\n  error: Error | null;\r\n  isSignedIn: boolean;\r\n}\r\n\r\nexport function useAuth() {\r\n  const auth = useMemo(() => TernSecureAuth(), [])\r\n  const [authState, setAuthState] = useState<AuthState>({\r\n    loading: true,\r\n    isSignedIn: false,\r\n    userId: null,\r\n    error: null\r\n  })\r\n\r\n\r\n  useEffect(() => {\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  }, [auth])\r\n\r\n  useInternalContext('useAuth')\r\n  return { authState }\r\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,WAAW,UAAU,eAAe;AAC7C,SAAS,0BAA0B;AAW5B,SAAS,UAAU;AACxB,QAAM,OAAO,QAAQ,MAAM,eAAe,GAAG,CAAC,CAAC;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAoB;AAAA,IACpD,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,CAAC;AAGD,YAAU,MAAM;AACd,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,IAAI,CAAC;AAET,qBAAmB,SAAS;AAC5B,SAAO,EAAE,UAAU;AACrB;",
+  "sourcesContent": ["'use client'\r\n\r\nimport { useEffect, useState, useMemo } from 'react'\r\nimport { onAuthStateChanged } from 'firebase/auth'\r\nimport { TernSecureAuth } from '../app-router/client'\r\nimport { useInternalContext } from '../app-router/client'\r\n\r\nexport interface AuthState {\r\n  userId: string | null\r\n  loading: boolean;\r\n  error: Error | null;\r\n  isSignedIn: boolean;\r\n}\r\n\r\nexport function useAuth() {\r\n  const auth = useMemo(() => TernSecureAuth(), [])\r\n  const [authState, setAuthState] = useState<AuthState>({\r\n    loading: true,\r\n    isSignedIn: false,\r\n    userId: null,\r\n    error: null\r\n  })\r\n\r\n\r\n  useEffect(() => {\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  }, [auth])\r\n\r\n  useInternalContext('useAuth')\r\n  return {\r\n    loading: authState.loading,\r\n    isSignedIn: authState.isSignedIn,\r\n    userId: authState.userId,\r\n    error: authState.error\r\n  }\r\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,WAAW,UAAU,eAAe;AAC7C,SAAS,0BAA0B;AAW5B,SAAS,UAAU;AACxB,QAAM,OAAO,QAAQ,MAAM,eAAe,GAAG,CAAC,CAAC;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAoB;AAAA,IACpD,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,CAAC;AAGD,YAAU,MAAM;AACd,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,IAAI,CAAC;AAET,qBAAmB,SAAS;AAC5B,SAAO;AAAA,IACL,SAAS,UAAU;AAAA,IACnB,YAAY,UAAU;AAAA,IACtB,QAAQ,UAAU;AAAA,IAClB,OAAO,UAAU;AAAA,EACnB;AACF;",
   "names": []
 }

package/dist/esm/ternSecureClientProvider-AFCR7MAX.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use client";
+import {
+  TernSecureClientProvider
+} from "./chunk-DLYDLPO5.js";
+export {
+  TernSecureClientProvider
+};
+//# sourceMappingURL=ternSecureClientProvider-AFCR7MAX.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@tern-secure/nextjs",
-  "version": "3.1.36",
+  "version": "3.1.38",
   "packageManager": "npm@10.9.0",
   "type": "module",
   "publishConfig": {
@@ -77,6 +77,7 @@
   "files": [
     "dist"
   ],
+  "sideEffects": false,
   "peerDependencies": {
     "firebase": "^10.0.0",
     "next": "^13.0.0 || ^14.0.0 || ^15.0.0",
@@ -115,5 +116,8 @@
       "import": "./dist/esm/components/index.js",
       "require": "./dist/cjs/components/index.js"
     }
+  },
+  "engines": {
+    "node": ">=18.17.0"
   }
 }

package/dist/esm/chunk-HUJ3EKGN.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/app-router/client/providers/ternSecureContext.tsx", "../../src/app-router/client/providers/ternSecureClientProvider.tsx"],
-  "sourcesContent": ["'use client'\r\n\r\nimport { createContext, useContext} from 'react'\r\n\r\ninterface TernSecureContextType {\r\n  _contextKey: Symbol\r\n}\r\n\r\nconst INTERNAL_CONTEXT_KEY = Symbol('INTERNAL_CONTEXT_KEY')\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\nconst useInternalContext = (hookname?: string) => {\r\n  const context = useContext(TernSecureContext)\r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookname} must be used within TernSecureProvider`)\r\n  }\r\n  return context\r\n}\r\n\r\nexport {\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}", "'use client'\r\n\r\nimport React, { useState } from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext } from './ternSecureContext'\r\n\r\nexport function TernSecureClientProvider({ children }: { children: React.ReactNode }) {\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={{ _contextKey: INTERNAL_CONTEXT_KEY }}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\r\n}"],
-  "mappings": ";AAEA,SAAS,eAAe,kBAAiB;AAMzC,IAAM,uBAAuB,OAAO,sBAAsB;AAC1D,IAAM,oBAAoB,cAA4C,IAAI;AAE1E,IAAM,qBAAqB,CAAC,aAAsB;AAChD,QAAM,UAAU,WAAW,iBAAiB;AAC5C,MAAI,CAAC,WAAW,QAAQ,gBAAgB,sBAAsB;AAC5D,UAAM,IAAI;AAAA,MACR,GAAG,QAAQ;AAAA,IAAyC;AAAA,EACxD;AACA,SAAO;AACT;;;ACVI;AAHG,SAAS,yBAAyB,EAAE,SAAS,GAAkC;AAEpF,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,EAAE,aAAa,qBAAqB,GACpE,UACH;AAEJ;",
-  "names": []
-}

package/dist/esm/chunk-MDMNIKQP.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/app-router/server/providers/TernSecureServerProvider.tsx"],
-  "sourcesContent": ["import React, { ReactNode } from 'react';\r\nimport dynamic from 'next/dynamic'\r\n\r\ninterface TernSecureProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\n// Dynamically import the client provider with no SSR\r\nconst TernSecureClientProvider = dynamic(\r\n  () => import('../../client/providers/ternSecureClientProvider').then(mod => mod.TernSecureClientProvider),\r\n  { \r\n    ssr: false\r\n    //loading: () => null // Return null or a loading indicator\r\n  }\r\n)\r\n\r\nexport function TernSecureProvider({ children }: TernSecureProviderProps) {\r\n  // Check if the children contain html/body tags\r\n  const isRootLayout = React.Children.toArray(children).some(\r\n    child => React.isValidElement(child) && child.type === 'html'\r\n  );\r\n\r\n  if (isRootLayout) {\r\n    // If this is the root layout, inject our provider after the body tag\r\n    return React.Children.map(children, child => {\r\n      if (React.isValidElement(child) && child.type === 'html') {\r\n        return React.cloneElement(child, {}, \r\n          React.Children.map(child.props.children, bodyChild => {\r\n            if (React.isValidElement(bodyChild) && bodyChild.type === 'body') {\r\n              // Type assertion to access props safely\r\n              const bodyProps = bodyChild.props as { children: ReactNode };\r\n              return React.cloneElement(bodyChild, {}, \r\n                <TernSecureClientProvider>\r\n                  {bodyProps.children}\r\n                </TernSecureClientProvider>\r\n              );\r\n            }\r\n            return bodyChild;\r\n          })\r\n        );\r\n      }\r\n      return child;\r\n    });\r\n  }\r\n\r\n  // For non-root layouts, wrap normally\r\n  return <TernSecureClientProvider>{children}</TernSecureClientProvider>;\r\n}"],
-  "mappings": ";AAAA,OAAO,WAA0B;AACjC,OAAO,aAAa;AA+BJ;AAxBhB,IAAM,2BAA2B;AAAA,EAC/B,MAAM,OAAO,wCAAiD,EAAE,KAAK,SAAO,IAAI,wBAAwB;AAAA,EACxG;AAAA,IACE,KAAK;AAAA;AAAA,EAEP;AACF;AAEO,SAAS,mBAAmB,EAAE,SAAS,GAA4B;AAExE,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ,EAAE;AAAA,IACpD,WAAS,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS;AAAA,EACzD;AAEA,MAAI,cAAc;AAEhB,WAAO,MAAM,SAAS,IAAI,UAAU,WAAS;AAC3C,UAAI,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS,QAAQ;AACxD,eAAO,MAAM;AAAA,UAAa;AAAA,UAAO,CAAC;AAAA,UAChC,MAAM,SAAS,IAAI,MAAM,MAAM,UAAU,eAAa;AACpD,gBAAI,MAAM,eAAe,SAAS,KAAK,UAAU,SAAS,QAAQ;AAEhE,oBAAM,YAAY,UAAU;AAC5B,qBAAO,MAAM;AAAA,gBAAa;AAAA,gBAAW,CAAC;AAAA,gBACpC,oBAAC,4BACE,oBAAU,UACb;AAAA,cACF;AAAA,YACF;AACA,mBAAO;AAAA,UACT,CAAC;AAAA,QACH;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAGA,SAAO,oBAAC,4BAA0B,UAAS;AAC7C;",
-  "names": []
-}

package/dist/esm/ternSecureClientProvider-T4QUTB3T.js DELETED Viewed

@@ -1,8 +0,0 @@
-"use client";
-import {
-  TernSecureClientProvider
-} from "./chunk-HUJ3EKGN.js";
-export {
-  TernSecureClientProvider
-};
-//# sourceMappingURL=ternSecureClientProvider-T4QUTB3T.js.map

/package/dist/esm/{ternSecureClientProvider-T4QUTB3T.js.map → ternSecureClientProvider-AFCR7MAX.js.map} RENAMED Viewed

File without changes