@tern-secure/nextjs 3.1.37 → 3.1.39

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

@@ -77,17 +77,33 @@ module.exports = __toCommonJS(server_exports);
 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 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_react3.default.Children.map(children, (child) => {
       if (import_react3.default.isValidElement(child) && child.type === "html") {

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

@@ -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\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// 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,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;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;",
+  "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;AAAA,IAEE,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

@@ -1,9 +1,7 @@
 "use strict";
-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)
@@ -17,14 +15,6 @@ 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/components/index.ts
@@ -35,7 +25,7 @@ __export(components_exports, {
 module.exports = __toCommonJS(components_exports);
 
 // src/components/sign-in.tsx
-var import_react3 = require("react");
+var import_react = require("react");
 
 // src/app-router/client/client-init.ts
 var import_app = require("firebase/app");
@@ -83,23 +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("TERN_SECURE_CONTEXT");
-var TernSecureContext = (0, import_react.createContext)(null);
-
-// 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 }) {
-  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";
-
 // src/utils/create-styles.ts
 var PREFIX = "tern";
 var styleInjection = {
@@ -219,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,
@@ -228,10 +201,10 @@ function SignIn({
   style,
   customStyles = {}
 }) {
-  const [email, setEmail] = (0, import_react3.useState)("");
-  const [password, setPassword] = (0, import_react3.useState)("");
-  const [loading, setLoading] = (0, import_react3.useState)(false);
-  const [error, setError] = (0, import_react3.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);
@@ -250,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,
@@ -260,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 || ""}`,
@@ -269,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",
@@ -287,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",
@@ -305,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

@@ -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\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'", "'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", "import_react", "React", "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

@@ -149,17 +149,33 @@ init_ternSecureClientProvider();
 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 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_react3.default.Children.map(children, (child) => {
       if (import_react3.default.isValidElement(child) && child.type === "html") {

package/dist/cjs/index.js.map

@@ -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\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// 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 {\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": "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",
+  "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": "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",
   "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/server/index.js

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

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

@@ -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"}
+{"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-VQBYO2G6.js → chunk-XXCJHKRH.js}

@@ -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-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-VQBYO2G6.js.map
+//# sourceMappingURL=chunk-XXCJHKRH.js.map

package/dist/esm/chunk-XXCJHKRH.js.map

@@ -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;AAAA,IAEE,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/index.js

@@ -1,6 +1,6 @@
 import {
   TernSecureProvider
-} from "./chunk-VQBYO2G6.js";
+} from "./chunk-XXCJHKRH.js";
 import {
   SignIn
 } from "./chunk-XPP2LEPF.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tern-secure/nextjs",
-  "version": "3.1.37",
+  "version": "3.1.39",
   "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-VQBYO2G6.js.map

@@ -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": []
-}