@tern-secure/nextjs 3.1.28 → 3.1.30

package/dist/client/index.js

@@ -0,0 +1,358 @@
+import { useTernSecure } from './chunk-BGA4LR4W.js';
+export { TernSecureClientProvider, TernSecureContext, useTernSecure } from './chunk-BGA4LR4W.js';
+import { getApps, initializeApp } from 'firebase/app';
+import { getAuth, setPersistence, browserSessionPersistence, signInWithEmailAndPassword } from 'firebase/auth';
+import { getFirestore } from 'firebase/firestore';
+import { getStorage } from 'firebase/storage';
+import React, { useEffect, useState } from 'react';
+import dynamic from 'next/dynamic';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// 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 getApps().length ? getApps()[0] : initializeApp(config);
+})();
+var auth = getAuth(app);
+setPersistence(auth, browserSessionPersistence);
+var firestore = getFirestore(app);
+var storage = getStorage(app);
+var TernSecureAuth = () => auth;
+var TernSecureFirestore = () => firestore;
+var TernSecureStorage = () => storage;
+async function signInWithEmail({
+  email,
+  password
+}) {
+  const auth2 = TernSecureAuth();
+  return signInWithEmailAndPassword(auth2, email, password);
+}
+var TernSecureClientProvider2 = dynamic(
+  () => import('./ternSecureClientProvider-5BLRLQMH.js').then((mod) => mod.TernSecureClientProvider),
+  {
+    ssr: false
+    //loading: () => null // Return null or a loading indicator
+  }
+);
+function TernSecureProvider({ children }) {
+  const isRootLayout = React.Children.toArray(children).some(
+    (child) => React.isValidElement(child) && child.type === "html"
+  );
+  if (isRootLayout) {
+    return React.Children.map(children, (child) => {
+      if (React.isValidElement(child) && child.type === "html") {
+        return React.cloneElement(
+          child,
+          {},
+          React.Children.map(child.props.children, (bodyChild) => {
+            if (React.isValidElement(bodyChild) && bodyChild.type === "body") {
+              const bodyProps = bodyChild.props;
+              return React.cloneElement(
+                bodyChild,
+                {},
+                /* @__PURE__ */ jsx(TernSecureClientProvider2, { children: bodyProps.children })
+              );
+            }
+            return bodyChild;
+          })
+        );
+      }
+      return child;
+    });
+  }
+  return /* @__PURE__ */ jsx(TernSecureClientProvider2, { children });
+}
+function useAuth() {
+  const [state, setState] = useTernSecure("useAuth");
+  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/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);
+function SignIn({
+  onSuccess,
+  onError,
+  redirectUrl,
+  className = "",
+  style,
+  customStyles = {}
+}) {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = 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__ */ jsxs("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
+    /* @__PURE__ */ jsx("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ jsx("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
+    /* @__PURE__ */ jsx("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsx("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ jsxs(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        className: `${styles.form} ${customStyles.form || ""} ${className}`,
+        role: "form",
+        "aria-label": "Sign in form",
+        children: [
+          error && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${styles.error} ${customStyles.errorText || ""}`,
+              role: "alert",
+              "aria-live": "polite",
+              children: error
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
+            /* @__PURE__ */ 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__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
+            /* @__PURE__ */ 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__ */ jsx(
+            "button",
+            {
+              type: "submit",
+              disabled: loading,
+              className: `${styles.button} ${customStyles.button || ""}`,
+              "data-testid": "sign-in-submit",
+              children: loading ? "Signing in..." : "Sign in"
+            }
+          )
+        ]
+      }
+    ) }) })
+  ] });
+}
+
+export { SignIn, TernSecureAuth, TernSecureFirestore, TernSecureProvider, TernSecureStorage, loadFireConfig, signInWithEmail, useAuth, validateConfig };

package/dist/client/ternSecureClientProvider-5BLRLQMH.js

@@ -0,0 +1 @@
+export { TernSecureClientProvider } from './chunk-BGA4LR4W.js';

package/dist/server/chunk-AHVNPKXU.js

@@ -0,0 +1,33 @@
+import React, { useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/app-router/client/providers/ternSecureClientProvider.tsx
+var initialState = {
+  firebase: {
+    initialized: false,
+    error: null
+  },
+  auth: {
+    user: null,
+    loading: true,
+    error: null,
+    isSignedIn: false
+  }
+};
+var TernSecureContext = React.createContext([initialState, () => {
+}]);
+var useTernSecure = (hookname) => {
+  const context = React.useContext(TernSecureContext);
+  if (!context) {
+    throw new Error(
+      `${hookname} must be used within TernSecureProvider`
+    );
+  }
+  return context;
+};
+function TernSecureClientProvider({ children }) {
+  const stateAndUpdater = useState(initialState);
+  return /* @__PURE__ */ jsx(TernSecureContext.Provider, { value: stateAndUpdater, children });
+}
+
+export { TernSecureClientProvider, TernSecureContext, useTernSecure };