@tern-secure/nextjs 3.1.44 → 3.1.46

package/dist/esm/index.js

@@ -1,32 +1,111 @@
-import {
-  TernSecureProvider
-} from "./chunk-HV76XKAT.js";
-import {
-  SignIn
-} from "./chunk-ZEHPVICV.js";
-import {
-  signInWithEmail
-} from "./chunk-VXRNAJSQ.js";
-import {
-  TernSecureAuth,
-  TernSecureFirestore,
-  TernSecureStorage
-} from "./chunk-VEDAIBAS.js";
-import {
-  loadFireConfig,
-  validateConfig
-} from "./chunk-5DISHXED.js";
-import {
-  TernSecureClientProvider,
-  TernSecureContext,
-  useInternalContext
-} from "./chunk-BFWVABDV.js";
+// src/utils/client-init.ts
+import { initializeApp } from "firebase/app";
+import { getAuth, setPersistence, browserSessionPersistence } from "firebase/auth";
+import { getFirestore } from "firebase/firestore";
+import { getStorage } from "firebase/storage";
+
+// src/utils/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 || void 0
+});
+var validateConfig = (config2) => {
+  const requiredFields = [
+    "apiKey",
+    "authDomain",
+    "projectId",
+    "storageBucket",
+    "messagingSenderId",
+    "appId"
+  ];
+  const errors = [];
+  requiredFields.forEach((field) => {
+    if (!config2[field]) {
+      errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`);
+    }
+  });
+  return {
+    isValid: errors.length === 0,
+    errors,
+    config: config2
+  };
+};
+var initializeConfig = () => {
+  const config2 = loadFireConfig();
+  const validationResult = validateConfig(config2);
+  if (!validationResult.isValid) {
+    throw new Error(
+      `Firebase configuration validation failed:
+${validationResult.errors.join("\n")}`
+    );
+  }
+  return config2;
+};
+
+// src/utils/client-init.ts
+var config = initializeConfig();
+var clientApp = initializeApp(config);
+var auth = getAuth(clientApp);
+setPersistence(auth, browserSessionPersistence);
+var firestore = getFirestore(clientApp);
+var storage = getStorage(clientApp);
+var TernSecureAuth = () => auth;
+var TernSecureFirestore = () => firestore;
+var TernSecureStorage = () => storage;
+
+// src/app-router/server/auth.ts
+import { signInWithEmailAndPassword } from "firebase/auth";
+async function signInWithEmail({
+  email,
+  password
+}) {
+  const auth2 = TernSecureAuth();
+  return signInWithEmailAndPassword(auth2, email, password);
+}
+
+// src/boundary/TernSecureCtx.tsx
+import { createContext, useContext } from "react";
+var INTERNAL_CONTEXT_KEY = Symbol("TERN_SECURE_CONTEXT");
+var TernSecureContext = createContext(null);
+var useInternalContext = (hookName) => {
+  const context = useContext(TernSecureContext);
+  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {
+    throw new Error(
+      `${hookName || "Hook"} must be used within TernSecureProvider. Please wrap your component with TernSecureProvider.`
+    );
+  }
+  return context;
+};
+
+// src/app-router/client/TernSecureProvider.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+function TernSecureClientProvider({ children }) {
+  const contextValue = React.useMemo(
+    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),
+    []
+  );
+  return /* @__PURE__ */ jsx(TernSecureContext.Provider, { value: contextValue, children });
+}
+TernSecureClientProvider.displayName = "TernSecureClientProvider";
+
+// src/app-router/server/TernSecureServerProvider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+async function TernSecureProvider({ children }) {
+  const output = /* @__PURE__ */ jsx2(TernSecureClientProvider, { children });
+  return output;
+}
 
-// src/hooks/useAuth.ts
+// src/boundary/hooks/useAuth.ts
 import { useEffect, useState, useMemo } from "react";
 import { onAuthStateChanged } from "firebase/auth";
 function useAuth() {
-  const auth = useMemo(() => TernSecureAuth(), []);
+  const auth2 = useMemo(() => TernSecureAuth(), []);
   const [authState, setAuthState] = useState({
     loading: true,
     isSignedIn: false,
@@ -34,7 +113,7 @@ function useAuth() {
     error: null
   });
   useEffect(() => {
-    const unsubscribe = onAuthStateChanged(auth, (user) => {
+    const unsubscribe = onAuthStateChanged(auth2, (user) => {
       if (user) {
         setAuthState({
           loading: false,
@@ -52,7 +131,7 @@ function useAuth() {
       }
     });
     return () => unsubscribe();
-  }, [auth]);
+  }, [auth2]);
   useInternalContext("useAuth");
   return {
     loading: authState.loading,
@@ -61,6 +140,230 @@ function useAuth() {
     error: authState.error
   };
 }
+
+// src/components/sign-in.tsx
+import { useState as useState2 } from "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
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function SignIn({
+  onSuccess,
+  onError,
+  redirectUrl,
+  className = "",
+  style,
+  customStyles = {}
+}) {
+  const [email, setEmail] = useState2("");
+  const [password, setPassword] = useState2("");
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2("");
+  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__ */ jsx3("div", { className: `${styles.header} ${customStyles.header || ""}`, children: /* @__PURE__ */ jsx3("h2", { className: `${styles.title} ${customStyles.title || ""}`, children: "Sign in to your account" }) }),
+    /* @__PURE__ */ jsx3("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ""}`, children: /* @__PURE__ */ jsx3("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__ */ jsx3(
+            "div",
+            {
+              className: `${styles.error} ${customStyles.errorText || ""}`,
+              role: "alert",
+              "aria-live": "polite",
+              children: error
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx3("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ""}`, children: "Email" }),
+            /* @__PURE__ */ jsx3(
+              "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__ */ jsx3("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ""}`, children: "Password" }),
+            /* @__PURE__ */ jsx3(
+              "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__ */ jsx3(
+            "button",
+            {
+              type: "submit",
+              disabled: loading,
+              className: `${styles.button} ${customStyles.button || ""}`,
+              "data-testid": "sign-in-submit",
+              children: loading ? "Signing in..." : "Sign in"
+            }
+          )
+        ]
+      }
+    ) }) })
+  ] });
+}
 export {
   SignIn,
   TernSecureAuth,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/hooks/useAuth.ts"],
-  "sourcesContent": ["'use client'\r\n\r\nimport { useEffect, useState, useMemo } from 'react'\r\nimport { onAuthStateChanged } from 'firebase/auth'\r\nimport { TernSecureAuth } from '../app-router/client'\r\nimport { useInternalContext } from '../app-router/client'\r\n\r\nexport interface AuthState {\r\n  userId: string | null\r\n  loading: boolean;\r\n  error: Error | null;\r\n  isSignedIn: boolean;\r\n}\r\n\r\nexport function useAuth() {\r\n  const auth = useMemo(() => TernSecureAuth(), [])\r\n  const [authState, setAuthState] = useState<AuthState>({\r\n    loading: true,\r\n    isSignedIn: false,\r\n    userId: null,\r\n    error: null\r\n  })\r\n\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = onAuthStateChanged(auth, (user) => {\r\n      if (user) {\r\n        setAuthState({\r\n          loading: false,\r\n          isSignedIn: true,\r\n          userId: user.uid,\r\n          error: null\r\n        })\r\n      } else {\r\n        setAuthState({\r\n          loading: false,\r\n          isSignedIn: false,\r\n          userId: null,\r\n          error: null\r\n        })\r\n      }\r\n    })\r\n    \r\n    return () => unsubscribe()\r\n  }, [auth])\r\n\r\n  useInternalContext('useAuth')\r\n  return {\r\n    loading: authState.loading,\r\n    isSignedIn: authState.isSignedIn,\r\n    userId: authState.userId,\r\n    error: authState.error\r\n  }\r\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,WAAW,UAAU,eAAe;AAC7C,SAAS,0BAA0B;AAW5B,SAAS,UAAU;AACxB,QAAM,OAAO,QAAQ,MAAM,eAAe,GAAG,CAAC,CAAC;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAoB;AAAA,IACpD,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,EACT,CAAC;AAGD,YAAU,MAAM;AACd,UAAM,cAAc,mBAAmB,MAAM,CAAC,SAAS;AACrD,UAAI,MAAM;AACR,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,OAAO;AAAA,QACT,CAAC;AAAA,MACH,OAAO;AACL,qBAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,QAAQ;AAAA,UACR,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAED,WAAO,MAAM,YAAY;AAAA,EAC3B,GAAG,CAAC,IAAI,CAAC;AAET,qBAAmB,SAAS;AAC5B,SAAO;AAAA,IACL,SAAS,UAAU;AAAA,IACnB,YAAY,UAAU;AAAA,IACtB,QAAQ,UAAU;AAAA,IAClB,OAAO,UAAU;AAAA,EACnB;AACF;",
-  "names": []
+  "sources": ["../../src/utils/client-init.ts", "../../src/utils/config.ts", "../../src/app-router/server/auth.ts", "../../src/boundary/TernSecureCtx.tsx", "../../src/app-router/client/TernSecureProvider.tsx", "../../src/app-router/server/TernSecureServerProvider.tsx", "../../src/boundary/hooks/useAuth.ts", "../../src/components/sign-in.tsx", "../../src/utils/create-styles.ts"],
+  "sourcesContent": ["import { 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 { initializeConfig} from './config';\r\n\r\n// Initialize immediately\r\nconst config = initializeConfig();\r\nconst clientApp = initializeApp(config)\r\nconst auth = getAuth(clientApp);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(clientApp);\r\nconst storage = getStorage(clientApp);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "import { TernSecureConfig, ConfigValidationResult } from '../types'\r\n\r\n/**\r\n * Loads Firebase configuration from environment variables\r\n * @returns {TernSecureConfig} Firebase configuration object\r\n */\r\nexport const loadFireConfig = (): TernSecureConfig => ({\r\n  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY || '',\r\n  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN || '',\r\n  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID || '',\r\n  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET || '',\r\n  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID || '',\r\n  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID || '',\r\n  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID || undefined,\r\n})\r\n\r\n/**\r\n * Validates Firebase configuration\r\n * @param {TernSecureConfig} config - Firebase configuration object\r\n * @throws {Error} If required configuration values are missing\r\n * @returns {TernSecureConfig} Validated configuration object\r\n */\r\nexport const validateConfig = (config: TernSecureConfig): ConfigValidationResult => {\r\n  const requiredFields: (keyof TernSecureConfig)[] = [\r\n    'apiKey',\r\n    'authDomain',\r\n    'projectId',\r\n    'storageBucket',\r\n    'messagingSenderId',\r\n    'appId'\r\n  ]\r\n\r\n  const errors: string[] = []\r\n  \r\n  requiredFields.forEach(field => {\r\n    if (!config[field]) {\r\n      errors.push(`Missing required field: NEXT_PUBLIC_FIREBASE_${String(field).toUpperCase()}`)\r\n    }\r\n  })\r\n\r\n  return {\r\n    isValid: errors.length === 0,\r\n    errors,\r\n    config\r\n  }\r\n}\r\n\r\n/**\r\n * Initializes configuration with validation\r\n * @throws {Error} If configuration is invalid\r\n */\r\nexport const initializeConfig = (): TernSecureConfig => {\r\n  const config = loadFireConfig()\r\n  const validationResult = validateConfig(config)\r\n\r\n  if (!validationResult.isValid) {\r\n    throw new Error(\r\n      `Firebase configuration validation failed:\\n${validationResult.errors.join('\\n')}`\r\n    )\r\n  }\r\n\r\n  return config\r\n}", "import { TernSecureAuth } from '../../utils/client-init'\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} ", "'use client'\r\n\r\nimport { createContext, useContext } from 'react'\r\n\r\n/**\r\n * Internal context type for TernSecure authentication\r\n * @internal\r\n */\r\ninterface TernSecureContextType {\r\n  readonly _contextKey: symbol\r\n}\r\n\r\n/**\r\n * Internal symbol used for context validation\r\n * @internal\r\n */\r\nconst INTERNAL_CONTEXT_KEY = Symbol('TERN_SECURE_CONTEXT')\r\n\r\n/**\r\n * Context for TernSecure authentication\r\n * @internal\r\n */\r\nconst TernSecureContext = createContext<TernSecureContextType | null>(null)\r\n\r\n/**\r\n * Hook to verify that components are rendered within the TernSecure provider\r\n * @param hookName - Name of the hook being used (for better error messages)\r\n * @throws {Error} When used outside of TernSecureProvider\r\n * @internal\r\n */\r\nconst useInternalContext = (hookName?: string): TernSecureContextType => {\r\n  const context = useContext(TernSecureContext)\r\n  \r\n  if (!context || context._contextKey !== INTERNAL_CONTEXT_KEY) {\r\n    throw new Error(\r\n      `${hookName || 'Hook'} must be used within TernSecureProvider. ` +\r\n      'Please wrap your component with TernSecureProvider.'\r\n    )\r\n  }\r\n  \r\n  return context\r\n}\r\n\r\nexport {\r\n  type TernSecureContextType,\r\n  TernSecureContext,\r\n  useInternalContext,\r\n  INTERNAL_CONTEXT_KEY\r\n}", "'use client'\r\n\r\nimport React from 'react'\r\nimport { INTERNAL_CONTEXT_KEY, TernSecureContext, TernSecureContextType } from '../../boundary/TernSecureCtx'\r\n\r\n/**\r\n * Props for the TernSecureClientProvider component\r\n */\r\ninterface TernSecureClientProviderProps {\r\n  /** React child elements to be wrapped by the provider */\r\n  children: React.ReactNode\r\n}\r\n\r\n/**\r\n * Provider component for TernSecure authentication\r\n * Must be used to wrap any components that use TernSecure hooks\r\n * \r\n * @example\r\n * ```tsx\r\n * function App() {\r\n *   return (\r\n *     <TernSecureClientProvider>\r\n *       <YourApp />\r\n *     </TernSecureClientProvider>\r\n *   )\r\n * }\r\n * ```\r\n */\r\nexport function TernSecureClientProvider({ children }: TernSecureClientProviderProps): JSX.Element {\r\n  // Memoize the context value to prevent unnecessary re-renders\r\n  const contextValue = React.useMemo<TernSecureContextType>(\r\n    () => ({ _contextKey: INTERNAL_CONTEXT_KEY }),\r\n    []\r\n  )\r\n\r\n  return (\r\n    <TernSecureContext.Provider value={contextValue}>\r\n      {children}\r\n    </TernSecureContext.Provider>\r\n  )\r\n}\r\n\r\n// Add display name for better debugging\r\nTernSecureClientProvider.displayName = 'TernSecureClientProvider'", "import { TernSecureClientProvider } from \"../client/TernSecureProvider\";\r\nimport React, { ReactNode } from \"react\";\r\n\r\ninterface TernSecureProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\n\r\n\r\nexport async function TernSecureProvider({ children }: TernSecureProviderProps) {\r\n  // Check if the children contain html/body tags\r\n  const output = (\r\n    <TernSecureClientProvider>\r\n    {children}\r\n    </TernSecureClientProvider>\r\n  );\r\n\r\n  // For non-root layouts, wrap normally\r\n  return output;\r\n}", "'use client'\r\n\r\nimport { useEffect, useState, useMemo } from 'react'\r\nimport { onAuthStateChanged } from 'firebase/auth'\r\nimport { TernSecureAuth } from '../../utils/client-init'\r\nimport { useInternalContext } from '../TernSecureCtx'\r\n\r\nexport interface AuthState {\r\n  userId: string | null\r\n  loading: boolean;\r\n  error: Error | null;\r\n  isSignedIn: boolean;\r\n}\r\n\r\nexport function useAuth() {\r\n  const auth = useMemo(() => TernSecureAuth(), [])\r\n  const [authState, setAuthState] = useState<AuthState>({\r\n    loading: true,\r\n    isSignedIn: false,\r\n    userId: null,\r\n    error: null\r\n  })\r\n\r\n\r\n  useEffect(() => {\r\n    const unsubscribe = onAuthStateChanged(auth, (user) => {\r\n      if (user) {\r\n        setAuthState({\r\n          loading: false,\r\n          isSignedIn: true,\r\n          userId: user.uid,\r\n          error: null\r\n        })\r\n      } else {\r\n        setAuthState({\r\n          loading: false,\r\n          isSignedIn: false,\r\n          userId: null,\r\n          error: null\r\n        })\r\n      }\r\n    })\r\n    \r\n    return () => unsubscribe()\r\n  }, [auth])\r\n\r\n  useInternalContext('useAuth')\r\n  return {\r\n    loading: authState.loading,\r\n    isSignedIn: authState.isSignedIn,\r\n    userId: authState.userId,\r\n    error: authState.error\r\n  }\r\n}", "import * as React from 'react'\r\nimport { useState } from 'react'\r\nimport { signInWithEmail } from '../app-router/server/auth'\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", "'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"],
+  "mappings": "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",
+  "names": ["config", "auth", "jsx", "auth", "useState", "styles", "jsx", "useState"]
 }

package/dist/esm/types.d.ts

@@ -0,0 +1,47 @@
+import { FirebaseOptions } from 'firebase/app';
+/**
+ * TernSecure Firebase configuration interface
+ * Extends Firebase's base configuration options
+ */
+export interface TernSecureConfig extends FirebaseOptions {
+    apiKey: string;
+    authDomain: string;
+    projectId: string;
+    storageBucket: string;
+    messagingSenderId: string;
+    appId: string;
+    measurementId?: string;
+}
+/**
+ * TernSecure initialization options
+ */
+export interface TernSecureOptions {
+    /** Environment setting for different configurations */
+    environment?: 'development' | 'production';
+    /** Geographic region for data storage */
+    region?: string;
+    /** Custom error handler */
+    onError?: (error: Error) => void;
+    /** Debug mode flag */
+    debug?: boolean;
+}
+/**
+ * Firebase initialization state
+ */
+export interface FirebaseState {
+    /** Whether Firebase has been initialized */
+    initialized: boolean;
+    /** Any initialization errors */
+    error: Error | null;
+    /** Timestamp of last initialization attempt */
+    lastInitAttempt?: number;
+}
+/**
+ * Configuration validation result
+ */
+export interface ConfigValidationResult {
+    isValid: boolean;
+    errors: string[];
+    config: TernSecureConfig;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C;;;GAGG;AACH,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,WAAW,CAAC,EAAE,aAAa,GAAG,YAAY,CAAA;IAC1C,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,sBAAsB;IACtB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,4CAA4C;IAC5C,WAAW,EAAE,OAAO,CAAA;IACpB,gCAAgC;IAChC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,MAAM,EAAE,gBAAgB,CAAA;CACzB"}

package/dist/esm/utils/client-init.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-init.d.ts","sourceRoot":"","sources":["../../../src/utils/client-init.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc,qCAAa,CAAC;AACzC,eAAO,MAAM,mBAAmB,+CAAkB,CAAC;AACnD,eAAO,MAAM,iBAAiB,mDAAgB,CAAC"}

package/dist/esm/utils/config.d.ts

@@ -0,0 +1,19 @@
+import { TernSecureConfig, ConfigValidationResult } from '../types';
+/**
+ * Loads Firebase configuration from environment variables
+ * @returns {TernSecureConfig} Firebase configuration object
+ */
+export declare const loadFireConfig: () => TernSecureConfig;
+/**
+ * Validates Firebase configuration
+ * @param {TernSecureConfig} config - Firebase configuration object
+ * @throws {Error} If required configuration values are missing
+ * @returns {TernSecureConfig} Validated configuration object
+ */
+export declare const validateConfig: (config: TernSecureConfig) => ConfigValidationResult;
+/**
+ * Initializes configuration with validation
+ * @throws {Error} If configuration is invalid
+ */
+export declare const initializeConfig: () => TernSecureConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/esm/utils/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/utils/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAEnE;;;GAGG;AACH,eAAO,MAAM,cAAc,QAAO,gBAQhC,CAAA;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,WAAY,gBAAgB,KAAG,sBAuBzD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,QAAO,gBAWnC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tern-secure/nextjs",
-  "version": "3.1.44",
+  "version": "3.1.46",
   "packageManager": "npm@10.9.0",
   "type": "module",
   "publishConfig": {
@@ -97,7 +97,7 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/esm/index.d.ts",
+      "types": "./dist/esm/types.d.ts",
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     },
@@ -105,16 +105,6 @@
       "types": "./dist/esm/app-router/server/index.d.ts",
       "import": "./dist/esm/app-router/server/index.js",
       "require": "./dist/cjs/app-router/server/index.js"
-    },
-    "./client": {
-      "types": "./dist/esm/app-router/client/index.d.ts",
-      "import": "./dist/esm/app-router/client/index.js",
-      "require": "./dist/cjs/app-router/client/index.js"
-    },
-    "./components": {
-      "types": "./dist/esm/components/index.d.ts",
-      "import": "./dist/esm/components/index.js",
-      "require": "./dist/cjs/components/index.js"
     }
   },
   "engines": {

package/dist/cjs/app-router/client/client-init.js

@@ -1,68 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/app-router/client/client-init.ts
-var client_init_exports = {};
-__export(client_init_exports, {
-  TernSecureAuth: () => TernSecureAuth,
-  TernSecureFirestore: () => TernSecureFirestore,
-  TernSecureStorage: () => TernSecureStorage
-});
-module.exports = __toCommonJS(client_init_exports);
-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 = (config2) => {
-  Object.entries(config2).forEach(([key, value]) => {
-    if (!value) {
-      throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);
-    }
-  });
-  return config2;
-};
-
-// src/app-router/client/client-init.ts
-var config = validateConfig(loadFireConfig());
-var clientApp = (0, import_app.initializeApp)(config);
-var auth = (0, import_auth.getAuth)(clientApp);
-(0, import_auth.setPersistence)(auth, import_auth.browserSessionPersistence);
-var firestore = (0, import_firestore.getFirestore)(clientApp);
-var storage = (0, import_storage.getStorage)(clientApp);
-var TernSecureAuth = () => auth;
-var TernSecureFirestore = () => firestore;
-var TernSecureStorage = () => storage;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TernSecureAuth,
-  TernSecureFirestore,
-  TernSecureStorage
-});
-//# sourceMappingURL=client-init.js.map

package/dist/cjs/app-router/client/client-init.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/app-router/client/client-init.ts", "../../../../src/app-router/client/config.ts"],
-  "sourcesContent": ["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 config = validateConfig(loadFireConfig());\r\nconst clientApp = initializeApp(config)\r\nconst auth = getAuth(clientApp);\r\nsetPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance\r\nconst firestore = getFirestore(clientApp);\r\nconst storage = getStorage(clientApp);\r\n\r\nexport const TernSecureAuth = () => auth;\r\nexport const TernSecureFirestore = () => firestore;\r\nexport const TernSecureStorage = () => storage;", "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};"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAuC;AACvC,kBAAmE;AACnE,uBAA6B;AAC7B,qBAA2B;;;ACDpB,IAAM,iBAAiB,OAAyB;AAAA,EACrD,QAAQ,QAAQ,IAAI;AAAA,EACpB,YAAY,QAAQ,IAAI;AAAA,EACxB,WAAW,QAAQ,IAAI;AAAA,EACvB,eAAe,QAAQ,IAAI;AAAA,EAC3B,mBAAmB,QAAQ,IAAI;AAAA,EAC/B,OAAO,QAAQ,IAAI;AAAA,EACnB,eAAe,QAAQ,IAAI;AAC7B;AAEO,IAAM,iBAAiB,CAACA,YAA+C;AAC5E,SAAO,QAAQA,OAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC/C,QAAI,CAAC,OAAO;AACV,YAAM,IAAI,MAAM,sDAAsD,IAAI,YAAY,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF,CAAC;AACD,SAAOA;AACT;;;ADZA,IAAM,SAAS,eAAe,eAAe,CAAC;AAC9C,IAAM,gBAAY,0BAAc,MAAM;AACtC,IAAM,WAAO,qBAAQ,SAAS;AAAA,IAC9B,4BAAe,MAAM,qCAAyB;AAC9C,IAAM,gBAAY,+BAAa,SAAS;AACxC,IAAM,cAAU,2BAAW,SAAS;AAE7B,IAAM,iBAAiB,MAAM;AAC7B,IAAM,sBAAsB,MAAM;AAClC,IAAM,oBAAoB,MAAM;",
-  "names": ["config"]
-}