@tern-secure/nextjs 3.1.26 → 3.1.28

package/dist/index.cjs

@@ -1,431 +1,59 @@
 'use strict';
 
-var React3 = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var app$1 = require('firebase/app');
-var auth$1 = require('firebase/auth');
-var firestore$1 = require('firebase/firestore');
-var storage$1 = require('firebase/storage');
-var dynamic = require('next/dynamic');
+var client = require('./app-router/client');
+var server = require('./app-router/server');
+var useAuth = require('./hooks/useAuth');
+var signIn = require('./components/sign-in');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React3__default = /*#__PURE__*/_interopDefault(React3);
-var dynamic__default = /*#__PURE__*/_interopDefault(dynamic);
 
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 initialState; exports.TernSecureContext = void 0; exports.useTernSecure = void 0;
-var init_ternSecureContext = __esm({
-  "src/app-router/client/providers/ternSecureContext.tsx"() {
-    "use client";
-    initialState = {
-      firebase: {
-        initialized: false,
-        error: null
-      },
-      auth: {
-        user: null,
-        loading: true,
-        error: null,
-        isSignedIn: false
-      }
-    };
-    exports.TernSecureContext = React3__default.default.createContext([initialState, () => {
-    }]);
-    exports.useTernSecure = (hookname) => {
-      const context = React3__default.default.useContext(exports.TernSecureContext);
-      if (!context) {
-        throw new Error(
-          `${hookname} must be used within TernSecureProvider`
-        );
-      }
-      return context;
-    };
-  }
+Object.defineProperty(exports, "TernSecureAuth", {
+  enumerable: true,
+  get: function () { return client.TernSecureAuth; }
 });
-
-// src/app-router/client/providers/ternSecureClientProvider.tsx
-var ternSecureClientProvider_exports = {};
-__export(ternSecureClientProvider_exports, {
-  TernSecureClientProvider: () => TernSecureClientProvider
+Object.defineProperty(exports, "TernSecureClientProvider", {
+  enumerable: true,
+  get: function () { return client.TernSecureClientProvider; }
 });
-function TernSecureClientProvider({ children }) {
-  const stateAndUpdater = React3.useState(initialState);
-  return /* @__PURE__ */ jsxRuntime.jsx(exports.TernSecureContext.Provider, { value: stateAndUpdater, children });
-}
-var init_ternSecureClientProvider = __esm({
-  "src/app-router/client/providers/ternSecureClientProvider.tsx"() {
-    "use client";
-    init_ternSecureContext();
-  }
+Object.defineProperty(exports, "TernSecureContext", {
+  enumerable: true,
+  get: function () { return client.TernSecureContext; }
 });
-
-// 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
+Object.defineProperty(exports, "TernSecureFirestore", {
+  enumerable: true,
+  get: function () { return client.TernSecureFirestore; }
 });
-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 app$1.getApps().length ? app$1.getApps()[0] : app$1.initializeApp(config);
-})();
-var auth = auth$1.getAuth(app);
-auth$1.setPersistence(auth, auth$1.browserSessionPersistence);
-var firestore = firestore$1.getFirestore(app);
-var storage = storage$1.getStorage(app);
-var TernSecureAuth = () => auth;
-var TernSecureFirestore = () => firestore;
-var TernSecureStorage = () => storage;
-async function signInWithEmail({
-  email,
-  password
-}) {
-  const auth2 = TernSecureAuth();
-  return auth$1.signInWithEmailAndPassword(auth2, email, password);
-}
-
-// src/app-router/client/index.ts
-init_ternSecureContext();
-init_ternSecureClientProvider();
-var TernSecureClientProvider2 = dynamic__default.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 = React3__default.default.Children.toArray(children).some(
-    (child) => React3__default.default.isValidElement(child) && child.type === "html"
-  );
-  if (isRootLayout) {
-    return React3__default.default.Children.map(children, (child) => {
-      if (React3__default.default.isValidElement(child) && child.type === "html") {
-        return React3__default.default.cloneElement(
-          child,
-          {},
-          React3__default.default.Children.map(child.props.children, (bodyChild) => {
-            if (React3__default.default.isValidElement(bodyChild) && bodyChild.type === "body") {
-              const bodyProps = bodyChild.props;
-              return React3__default.default.cloneElement(
-                bodyChild,
-                {},
-                /* @__PURE__ */ jsxRuntime.jsx(TernSecureClientProvider2, { children: bodyProps.children })
-              );
-            }
-            return bodyChild;
-          })
-        );
-      }
-      return child;
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(TernSecureClientProvider2, { children });
-}
-function useAuth() {
-  const [state, setState] = exports.useTernSecure("useAuth");
-  React3.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] = React3.useState("");
-  const [password, setPassword] = React3.useState("");
-  const [loading, setLoading] = React3.useState(false);
-  const [error, setError] = React3.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__ */ jsxRuntime.jsxs("div", { className: `${styles.container} ${customStyles.container || ""}`, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles.formContainer} ${customStyles.formContainer || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "form",
-      {
-        onSubmit: handleSubmit,
-        className: `${styles.form} ${customStyles.form || ""} ${className}`,
-        role: "form",
-        "aria-label": "Sign in form",
-        children: [
-          error && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: `${styles.error} ${customStyles.errorText || ""}`,
-              role: "alert",
-              "aria-live": "polite",
-              children: error
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "submit",
-              disabled: loading,
-              className: `${styles.button} ${customStyles.button || ""}`,
-              "data-testid": "sign-in-submit",
-              children: loading ? "Signing in..." : "Sign in"
-            }
-          )
-        ]
-      }
-    ) }) })
-  ] });
-}
-
-exports.SignIn = SignIn;
-exports.TernSecureAuth = TernSecureAuth;
-exports.TernSecureClientProvider = TernSecureClientProvider;
-exports.TernSecureFirestore = TernSecureFirestore;
-exports.TernSecureProvider = TernSecureProvider;
-exports.TernSecureStorage = TernSecureStorage;
-exports.loadFireConfig = loadFireConfig;
-exports.signInWithEmail = signInWithEmail;
-exports.useAuth = useAuth;
-exports.validateConfig = validateConfig;
+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.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/{cjs/index.js.map → index.cjs.map}

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