@tern-secure/nextjs 3.1.21 → 3.1.23

package/dist/index.cjs

@@ -0,0 +1,491 @@
+"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 __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/app-router/client/providers/ternSecureContext.tsx
+var import_react, initialState, TernSecureContext, useTernSecure;
+var init_ternSecureContext = __esm({
+  "src/app-router/client/providers/ternSecureContext.tsx"() {
+    "use strict";
+    "use client";
+    import_react = __toESM(require("react"), 1);
+    initialState = {
+      firebase: {
+        initialized: false,
+        error: null
+      },
+      auth: {
+        user: null,
+        loading: true,
+        error: null,
+        isSignedIn: false
+      }
+    };
+    TernSecureContext = import_react.default.createContext([initialState, () => {
+    }]);
+    useTernSecure = (hookname) => {
+      const context = import_react.default.useContext(TernSecureContext);
+      if (!context) {
+        throw new Error(
+          `${hookname} must be used within TernSecureProvider`
+        );
+      }
+      return context;
+    };
+  }
+});
+
+// src/app-router/client/providers/ternSecureClientProvider.tsx
+var ternSecureClientProvider_exports = {};
+__export(ternSecureClientProvider_exports, {
+  TernSecureClientProvider: () => TernSecureClientProvider
+});
+function TernSecureClientProvider({ children }) {
+  const stateAndUpdater = (0, import_react2.useState)(initialState);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TernSecureContext.Provider, { value: stateAndUpdater, children });
+}
+var import_react2, import_jsx_runtime;
+var init_ternSecureClientProvider = __esm({
+  "src/app-router/client/providers/ternSecureClientProvider.tsx"() {
+    "use strict";
+    "use client";
+    import_react2 = require("react");
+    init_ternSecureContext();
+    import_jsx_runtime = require("react/jsx-runtime");
+  }
+});
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  SignIn: () => SignIn,
+  TernSecureAuth: () => TernSecureAuth,
+  TernSecureClientProvider: () => TernSecureClientProvider,
+  TernSecureContext: () => TernSecureContext,
+  TernSecureFirestore: () => TernSecureFirestore,
+  TernSecureProvider: () => TernSecureProvider,
+  TernSecureStorage: () => TernSecureStorage,
+  loadFireConfig: () => loadFireConfig,
+  signInWithEmail: () => signInWithEmail,
+  useAuth: () => useAuth,
+  useTernSecure: () => useTernSecure,
+  validateConfig: () => validateConfig
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/app-router/client/client-init.ts
+var import_app = require("firebase/app");
+var import_auth = require("firebase/auth");
+var import_firestore = require("firebase/firestore");
+var import_storage = require("firebase/storage");
+
+// src/app-router/client/config.ts
+var loadFireConfig = () => ({
+  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
+  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
+  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
+  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
+  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
+  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
+  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID
+});
+var validateConfig = (config) => {
+  Object.entries(config).forEach(([key, value]) => {
+    if (!value) {
+      throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);
+    }
+  });
+  return config;
+};
+
+// src/app-router/client/client-init.ts
+var app = (() => {
+  const config = validateConfig(loadFireConfig());
+  return (0, import_app.getApps)().length ? (0, import_app.getApps)()[0] : (0, import_app.initializeApp)(config);
+})();
+var auth = (0, import_auth.getAuth)(app);
+(0, import_auth.setPersistence)(auth, import_auth.browserSessionPersistence);
+var firestore = (0, import_firestore.getFirestore)(app);
+var storage = (0, import_storage.getStorage)(app);
+var TernSecureAuth = () => auth;
+var TernSecureFirestore = () => firestore;
+var TernSecureStorage = () => storage;
+
+// src/app-router/client/auth.ts
+var import_auth2 = require("firebase/auth");
+async function signInWithEmail({
+  email,
+  password
+}) {
+  const auth2 = TernSecureAuth();
+  return (0, import_auth2.signInWithEmailAndPassword)(auth2, email, password);
+}
+
+// src/app-router/client/index.ts
+init_ternSecureContext();
+init_ternSecureClientProvider();
+
+// src/app-router/server/providers/TernSecureServerProvider.tsx
+var import_react3 = __toESM(require("react"), 1);
+var import_dynamic = __toESM(require("next/dynamic"), 1);
+var import_jsx_runtime2 = require("react/jsx-runtime");
+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
+  }
+);
+function TernSecureProvider({ children }) {
+  const isRootLayout = import_react3.default.Children.toArray(children).some(
+    (child) => import_react3.default.isValidElement(child) && child.type === "html"
+  );
+  if (isRootLayout) {
+    return import_react3.default.Children.map(children, (child) => {
+      if (import_react3.default.isValidElement(child) && child.type === "html") {
+        return import_react3.default.cloneElement(
+          child,
+          {},
+          import_react3.default.Children.map(child.props.children, (bodyChild) => {
+            if (import_react3.default.isValidElement(bodyChild) && bodyChild.type === "body") {
+              const bodyProps = bodyChild.props;
+              return import_react3.default.cloneElement(
+                bodyChild,
+                {},
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TernSecureClientProvider2, { children: bodyProps.children })
+              );
+            }
+            return bodyChild;
+          })
+        );
+      }
+      return child;
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TernSecureClientProvider2, { children });
+}
+
+// src/hooks/useAuth.ts
+var import_react4 = require("react");
+function useAuth() {
+  const [state, setState] = useTernSecure("useAuth");
+  (0, import_react4.useEffect)(() => {
+    try {
+      const auth2 = TernSecureAuth();
+      setState((prev) => ({
+        ...prev,
+        firebase: {
+          initialized: true,
+          error: null
+        }
+      }));
+      const unsubscribe = auth2.onAuthStateChanged(
+        (user) => {
+          setState((prev) => ({
+            ...prev,
+            auth: {
+              user,
+              loading: false,
+              error: null,
+              isSignedIn: !!user
+            }
+          }));
+        },
+        (error) => {
+          setState((prev) => ({
+            ...prev,
+            auth: {
+              user: null,
+              loading: false,
+              error,
+              isSignedIn: false
+            }
+          }));
+        }
+      );
+      return () => unsubscribe();
+    } catch (error) {
+      setState((prev) => ({
+        ...prev,
+        firebase: {
+          initialized: false,
+          error
+        },
+        auth: {
+          user: null,
+          loading: false,
+          error,
+          isSignedIn: false
+        }
+      }));
+    }
+  }, []);
+  return state.auth;
+}
+
+// src/components/sign-in.tsx
+var import_react5 = require("react");
+
+// src/utils/create-styles.ts
+var PREFIX = "tern";
+var styleInjection = {
+  isInjected: false,
+  styleElement: null
+};
+var defaultClassNames = {
+  container: `${PREFIX}-container`,
+  header: `${PREFIX}-header`,
+  title: `${PREFIX}-title`,
+  formWrapper: `${PREFIX}-formWrapper`,
+  formContainer: `${PREFIX}-formContainer`,
+  form: `${PREFIX}-form`,
+  label: `${PREFIX}-label`,
+  input: `${PREFIX}-input`,
+  button: `${PREFIX}-button`,
+  error: `${PREFIX}-error`
+};
+function createStyleSheet(styles2) {
+  if (typeof window === "undefined") return defaultClassNames;
+  if (styleInjection.isInjected) {
+    return defaultClassNames;
+  }
+  let styleElement = document.querySelector("[data-tern-secure]");
+  if (!styleElement) {
+    styleElement = document.createElement("style");
+    styleElement.setAttribute("data-tern-secure", "");
+    document.head.appendChild(styleElement);
+    styleInjection.styleElement = styleElement;
+  }
+  const cssRules = Object.entries(styles2).map(([key, rules]) => {
+    const className = defaultClassNames[key];
+    const cssProperties = Object.entries(rules).map(([prop, value]) => {
+      const cssProperty = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
+      return `${cssProperty}: ${value};`;
+    }).join(" ");
+    return `.${className} { ${cssProperties} }`;
+  }).join("\n");
+  styleElement.textContent = cssRules;
+  styleInjection.isInjected = true;
+  return defaultClassNames;
+}
+var styleConfig = {
+  container: {
+    display: "flex",
+    minHeight: "100%",
+    flex: "1",
+    flexDirection: "column",
+    justifyContent: "center",
+    padding: "3rem 1.5rem"
+  },
+  header: {
+    margin: "0 auto",
+    width: "100%",
+    maxWidth: "28rem"
+  },
+  title: {
+    marginTop: "1.5rem",
+    textAlign: "center",
+    fontSize: "1.875rem",
+    fontWeight: "700",
+    lineHeight: "2.25rem",
+    letterSpacing: "-0.025em",
+    color: "var(--tern-text-primary, #111827)"
+  },
+  formWrapper: {
+    marginTop: "2.5rem",
+    margin: "0 auto",
+    width: "100%",
+    maxWidth: "30rem"
+  },
+  formContainer: {
+    padding: "3rem 1.5rem",
+    boxShadow: "0 1px 3px 0 rgb(0 0 0 / 0.1)",
+    borderRadius: "0.5rem",
+    backgroundColor: "var(--tern-background, white)"
+  },
+  form: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "1rem"
+  },
+  label: {
+    display: "block",
+    fontSize: "0.875rem",
+    fontWeight: "500",
+    color: "var(--tern-text-secondary, #374151)"
+  },
+  input: {
+    marginTop: "0.25rem",
+    display: "block",
+    width: "100%",
+    padding: "0.5rem 0.75rem",
+    borderRadius: "0.375rem",
+    border: "1px solid var(--tern-border, #D1D5DB)",
+    backgroundColor: "var(--tern-input-background, white)",
+    color: "var(--tern-text-primary, #111827)"
+  },
+  button: {
+    display: "flex",
+    width: "100%",
+    justifyContent: "center",
+    padding: "0.5rem 1rem",
+    fontSize: "0.875rem",
+    fontWeight: "500",
+    color: "white",
+    backgroundColor: "var(--tern-primary, #2563EB)",
+    border: "none",
+    borderRadius: "0.375rem",
+    cursor: "pointer"
+  },
+  error: {
+    color: "var(--tern-error, #DC2626)",
+    fontSize: "0.875rem"
+  }
+};
+var styles = createStyleSheet(styleConfig);
+
+// src/components/sign-in.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SignIn({
+  onSuccess,
+  onError,
+  redirectUrl,
+  className = "",
+  style,
+  customStyles = {}
+}) {
+  const [email, setEmail] = (0, import_react5.useState)("");
+  const [password, setPassword] = (0, import_react5.useState)("");
+  const [loading, setLoading] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)("");
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError("");
+    try {
+      await signInWithEmail({ email, password });
+      onSuccess?.();
+      if (redirectUrl) {
+        window.location.href = redirectUrl;
+      }
+    } catch (err) {
+      const errorMessage = err instanceof Error ? err.message : "Failed to sign in";
+      setError(errorMessage);
+      onError?.(err instanceof Error ? err : new Error("Failed to sign in"));
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        className: `${styles.form} ${customStyles.form || ""} ${className}`,
+        role: "form",
+        "aria-label": "Sign in form",
+        children: [
+          error && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "div",
+            {
+              className: `${styles.error} ${customStyles.errorText || ""}`,
+              role: "alert",
+              "aria-live": "polite",
+              children: error
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "input",
+              {
+                id: "email",
+                type: "email",
+                value: email,
+                onChange: (e) => setEmail(e.target.value),
+                placeholder: "Enter your email",
+                required: true,
+                className: `${styles.input} ${customStyles.input || ""}`,
+                disabled: loading,
+                "aria-required": "true",
+                "aria-invalid": !!error
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "input",
+              {
+                id: "password",
+                type: "password",
+                value: password,
+                onChange: (e) => setPassword(e.target.value),
+                placeholder: "Enter your password",
+                required: true,
+                className: `${styles.input} ${customStyles.input || ""}`,
+                disabled: loading,
+                "aria-required": "true",
+                "aria-invalid": !!error
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              type: "submit",
+              disabled: loading,
+              className: `${styles.button} ${customStyles.button || ""}`,
+              "data-testid": "sign-in-submit",
+              children: loading ? "Signing in..." : "Sign in"
+            }
+          )
+        ]
+      }
+    ) }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SignIn,
+  TernSecureAuth,
+  TernSecureClientProvider,
+  TernSecureContext,
+  TernSecureFirestore,
+  TernSecureProvider,
+  TernSecureStorage,
+  loadFireConfig,
+  signInWithEmail,
+  useAuth,
+  useTernSecure,
+  validateConfig
+});

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app-router/client/config.ts","../src/app-router/client/client-init.ts","../src/app-router/client/auth.ts","../src/app-router/server/providers/TernSecureServerProvider.tsx","../src/hooks/useAuth.ts","../src/utils/create-styles.ts","../src/components/sign-in.tsx"],"names":["getApps","initializeApp","getAuth","setPersistence","browserSessionPersistence","getFirestore","getStorage","auth","signInWithEmailAndPassword","TernSecureClientProvider","dynamic","React","jsx","useTernSecure","useEffect","styles","useState","jsxs"],"mappings":"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","file":"index.cjs","sourcesContent":["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 { 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 { TernSecureAuth } from './index'\r\nimport { signInWithEmailAndPassword, type UserCredential } from 'firebase/auth'\r\n\r\nexport interface SignInCredentials {\r\n  email: string\r\n  password: string\r\n}\r\n\r\nexport async function signInWithEmail({ \r\n  email, \r\n  password \r\n}: SignInCredentials): Promise<UserCredential> {\r\n  const auth = TernSecureAuth()\r\n  return signInWithEmailAndPassword(auth, email, password)\r\n} ","import 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 } from 'react'\r\nimport { TernSecureAuth } from '../app-router/client'\r\nimport { useTernSecure } from '../app-router/client/'\r\n\r\nexport function useAuth() {\r\n  const [state, setState] = useTernSecure('useAuth')\r\n\r\n  useEffect(() => {\r\n    try {\r\n      const auth = TernSecureAuth() // This initializes Firebase\r\n      setState(prev => ({\r\n        ...prev,\r\n        firebase: {\r\n          initialized: true,\r\n          error: null\r\n        }\r\n      }))\r\n\r\n      const unsubscribe = auth.onAuthStateChanged(\r\n        (user) => {\r\n          setState(prev => ({\r\n            ...prev,\r\n            auth: {\r\n              user,\r\n              loading: false,\r\n              error: null,\r\n              isSignedIn: !!user\r\n            }\r\n          }))\r\n        },\r\n        (error) => {\r\n          setState(prev => ({\r\n            ...prev,\r\n            auth: {\r\n              user: null,\r\n              loading: false,\r\n              error,\r\n              isSignedIn: false\r\n            }\r\n          }))\r\n        }\r\n      )\r\n\r\n      return () => unsubscribe()\r\n    } catch (error) {\r\n      setState(prev => ({\r\n        ...prev,\r\n        firebase: {\r\n          initialized: false,\r\n          error: error as Error\r\n        },\r\n        auth: {\r\n          user: null,\r\n          loading: false,\r\n          error: error as Error,\r\n          isSignedIn: false\r\n        }\r\n      }))\r\n    }\r\n  }, []) // Only run once on mount\r\n\r\n  return state.auth\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","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"]}

package/dist/index.d.cts

@@ -0,0 +1,81 @@
+import * as _firebase_storage from '@firebase/storage';
+import * as _firebase_firestore from '@firebase/firestore';
+import * as _firebase_auth from '@firebase/auth';
+import { UserCredential, User } from 'firebase/auth';
+import * as React from 'react';
+import React__default, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const TernSecureAuth: () => _firebase_auth.Auth;
+declare const TernSecureFirestore: () => _firebase_firestore.Firestore;
+declare const TernSecureStorage: () => _firebase_storage.FirebaseStorage;
+
+interface SignInCredentials {
+    email: string;
+    password: string;
+}
+declare function signInWithEmail({ email, password }: SignInCredentials): Promise<UserCredential>;
+
+interface TernSecureConfig {
+    apiKey: string;
+    authDomain: string;
+    projectId: string;
+    storageBucket: string;
+    messagingSenderId: string;
+    appId: string;
+    measurementId: string;
+}
+interface FirebaseState {
+    initialized: boolean;
+    error: Error | null;
+}
+interface TernSecureState {
+    firebase: FirebaseState;
+    auth: AuthState;
+}
+interface AuthState {
+    user: User | null;
+    loading: boolean;
+    error: Error | null;
+    isSignedIn: boolean;
+}
+
+declare const loadFireConfig: () => TernSecureConfig;
+declare const validateConfig: (config: TernSecureConfig) => TernSecureConfig;
+
+declare const TernSecureContext: React__default.Context<[TernSecureState, React__default.Dispatch<React__default.SetStateAction<TernSecureState>>]>;
+declare const useTernSecure: (hookname?: string) => [TernSecureState, React__default.Dispatch<React__default.SetStateAction<TernSecureState>>];
+
+declare function TernSecureClientProvider({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+interface TernSecureProviderProps {
+    children: ReactNode;
+}
+declare function TernSecureProvider({ children }: TernSecureProviderProps): react_jsx_runtime.JSX.Element | (string | number | React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode>)[] | null | undefined;
+
+declare function useAuth(): AuthState;
+
+interface SignInProps {
+    onSuccess?: () => void;
+    onError?: (error: Error) => void;
+    redirectUrl?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    customStyles?: {
+        container?: string;
+        header?: string;
+        title?: string;
+        formWrapper?: string;
+        formContainer?: string;
+        form?: string;
+        input?: string;
+        button?: string;
+        errorText?: string;
+        label?: string;
+    };
+}
+declare function SignIn({ onSuccess, onError, redirectUrl, className, style, customStyles }: SignInProps): react_jsx_runtime.JSX.Element;
+
+export { SignIn, TernSecureAuth, TernSecureClientProvider, TernSecureContext, TernSecureFirestore, TernSecureProvider, TernSecureStorage, loadFireConfig, signInWithEmail, useAuth, useTernSecure, validateConfig };