@tern-secure/nextjs 3.1.27 → 3.1.28

package/dist/client/index.js

@@ -1,358 +0,0 @@
-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

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

package/dist/esm/esm/index.js

@@ -1,6 +0,0 @@
-export { TernSecureAuth, TernSecureClientProvider, TernSecureContext, TernSecureFirestore, TernSecureStorage, loadFireConfig, signInWithEmail, useTernSecure, validateConfig } from './app-router/client';
-export { TernSecureProvider } from './app-router/server';
-export { useAuth } from './hooks/useAuth';
-export { SignIn } from './components/sign-in';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/esm/index.d.cts

@@ -1,81 +0,0 @@
-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 };

package/dist/esm/index.d.ts

@@ -1,81 +0,0 @@
-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 };

package/dist/esm/index.js

@@ -1,59 +0,0 @@
-'use strict';
-
-var client = require('./app-router/client');
-var server = require('./app-router/server');
-var useAuth = require('./hooks/useAuth');
-var signIn = require('./components/sign-in');
-
-
-
-Object.defineProperty(exports, "TernSecureAuth", {
-  enumerable: true,
-  get: function () { return client.TernSecureAuth; }
-});
-Object.defineProperty(exports, "TernSecureClientProvider", {
-  enumerable: true,
-  get: function () { return client.TernSecureClientProvider; }
-});
-Object.defineProperty(exports, "TernSecureContext", {
-  enumerable: true,
-  get: function () { return client.TernSecureContext; }
-});
-Object.defineProperty(exports, "TernSecureFirestore", {
-  enumerable: true,
-  get: function () { return client.TernSecureFirestore; }
-});
-Object.defineProperty(exports, "TernSecureStorage", {
-  enumerable: true,
-  get: function () { return client.TernSecureStorage; }
-});
-Object.defineProperty(exports, "loadFireConfig", {
-  enumerable: true,
-  get: function () { return client.loadFireConfig; }
-});
-Object.defineProperty(exports, "signInWithEmail", {
-  enumerable: true,
-  get: function () { return client.signInWithEmail; }
-});
-Object.defineProperty(exports, "useTernSecure", {
-  enumerable: true,
-  get: function () { return client.useTernSecure; }
-});
-Object.defineProperty(exports, "validateConfig", {
-  enumerable: true,
-  get: function () { return client.validateConfig; }
-});
-Object.defineProperty(exports, "TernSecureProvider", {
-  enumerable: true,
-  get: function () { return server.TernSecureProvider; }
-});
-Object.defineProperty(exports, "useAuth", {
-  enumerable: true,
-  get: function () { return useAuth.useAuth; }
-});
-Object.defineProperty(exports, "SignIn", {
-  enumerable: true,
-  get: function () { return signIn.SignIn; }
-});
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/server/chunk-AHVNPKXU.js

@@ -1,33 +0,0 @@
-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 };