@tern-secure/nextjs 3.1.28 → 3.1.29

package/dist/client/chunk-BGA4LR4W.js

@@ -0,0 +1,32 @@
+import React, { useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+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 };

package/dist/client/index.cjs

@@ -0,0 +1,431 @@
+'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');
+
+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;
+    };
+  }
+});
+
+// src/app-router/client/providers/ternSecureClientProvider.tsx
+var ternSecureClientProvider_exports = {};
+__export(ternSecureClientProvider_exports, {
+  TernSecureClientProvider: () => 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();
+  }
+});
+
+// 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 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;