@tern-secure/nextjs 3.0.4 → 3.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app-router/client/providers/ternSecureClientProvider.d.ts +1 -1
- package/dist/app-router/server/providers/TernSecureServerProvider.d.ts +1 -1
- package/dist/components/sign-in.d.ts +1 -1
- package/dist/index.cjs.js +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -5
- package/package.json +16 -11
- package/dist/app-router/client/auth.js +0 -7
- package/dist/app-router/client/auth.js.map +0 -1
- package/dist/app-router/client/client-init.js +0 -18
- package/dist/app-router/client/client-init.js.map +0 -1
- package/dist/app-router/client/config.js +0 -18
- package/dist/app-router/client/config.js.map +0 -1
- package/dist/app-router/client/index.js +0 -6
- package/dist/app-router/client/index.js.map +0 -1
- package/dist/app-router/client/providers/ternSecureClientProvider.js +0 -8
- package/dist/app-router/client/providers/ternSecureClientProvider.js.map +0 -1
- package/dist/app-router/client/providers/ternSecureContext.js +0 -41
- package/dist/app-router/client/providers/ternSecureContext.js.map +0 -1
- package/dist/app-router/server/ErrorBoundary.d.ts +0 -15
- package/dist/app-router/server/ErrorBoundary.js +0 -22
- package/dist/app-router/server/ErrorBoundary.js.map +0 -1
- package/dist/app-router/server/index.js +0 -2
- package/dist/app-router/server/index.js.map +0 -1
- package/dist/app-router/server/providers/TernSecureServerProvider.js +0 -30
- package/dist/app-router/server/providers/TernSecureServerProvider.js.map +0 -1
- package/dist/components/index.js +0 -2
- package/dist/components/index.js.map +0 -1
- package/dist/components/sign-in.js +0 -45
- package/dist/components/sign-in.js.map +0 -1
- package/dist/errors/index.js +0 -12
- package/dist/errors/index.js.map +0 -1
- package/dist/hooks/index.js +0 -2
- package/dist/hooks/index.js.map +0 -1
- package/dist/hooks/useAuth.js +0 -58
- package/dist/hooks/useAuth.js.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/styles/index.css +0 -3
- package/dist/types/index.js +0 -2
- package/dist/types/index.js.map +0 -1
- package/dist/utils/create-styles.js +0 -127
- package/dist/utils/create-styles.js.map +0 -1
- package/dist/utils/index.js +0 -2
- package/dist/utils/index.js.map +0 -1
|
@@ -2,5 +2,5 @@ import React from 'react';
|
|
|
2
2
|
interface TernSecureClientProps {
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
}
|
|
5
|
-
export declare function TernSecureClientProvider({ children }: TernSecureClientProps):
|
|
5
|
+
export declare function TernSecureClientProvider({ children }: TernSecureClientProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -2,5 +2,5 @@ import React, { ReactNode } from 'react';
|
|
|
2
2
|
interface TernSecureProviderProps {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
}
|
|
5
|
-
export declare function TernSecureProvider({ children }: TernSecureProviderProps):
|
|
5
|
+
export declare function TernSecureProvider({ children }: TernSecureProviderProps): import("react/jsx-runtime").JSX.Element | (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>)[] | null | undefined;
|
|
6
6
|
export {};
|
|
@@ -18,4 +18,4 @@ export interface SignInProps {
|
|
|
18
18
|
label?: string;
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
|
-
export declare function SignIn({ onSuccess, onError, redirectUrl, className, style, customStyles }: SignInProps):
|
|
21
|
+
export declare function SignIn({ onSuccess, onError, redirectUrl, className, style, customStyles }: SignInProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var ae=Object.create;var P=Object.defineProperty;var se=Object.getOwnPropertyDescriptor;var le=Object.getOwnPropertyNames;var ce=Object.getPrototypeOf,ue=Object.prototype.hasOwnProperty;var M=(e,r)=>()=>(e&&(r=e(e=0)),r);var O=(e,r)=>{for(var t in r)P(e,t,{get:r[t],enumerable:!0})},q=(e,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of le(r))!ue.call(e,n)&&n!==t&&P(e,n,{get:()=>r[n],enumerable:!(i=se(r,n))||i.enumerable});return e};var H=(e,r,t)=>(t=e!=null?ae(ce(e)):{},q(r||!e||!e.__esModule?P(t,"default",{value:e,enumerable:!0}):t,e)),me=e=>q(P({},"__esModule",{value:!0}),e);var $,fe,d,E,Y,F=M(()=>{"use strict";"use client";$=require("react"),fe=()=>(0,$.createContext)([{firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}},()=>{}]),d=fe(),E=e=>{let r=(0,$.useContext)(d);if(!r)throw new Error(`${e} must be used within TernSecureProvider`);return r},Y={firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}}});var Q={};O(Q,{TernSecureClientProvider:()=>y});function y({children:e}){let r=(0,Z.useState)(Y);return(0,ee.jsx)(d.Provider,{value:r,children:e})}var Z,ee,B=M(()=>{"use strict";"use client";Z=require("react");F();ee=require("react/jsx-runtime")});var he={};O(he,{SignIn:()=>j,TernSecureAuth:()=>u,TernSecureClientProvider:()=>y,TernSecureContext:()=>d,TernSecureFirestore:()=>_,TernSecureProvider:()=>D,TernSecureStorage:()=>w,loadFireConfig:()=>g,signInWithEmail:()=>h,useAuth:()=>U,useTernSecure:()=>E,validateConfig:()=>S});module.exports=me(he);var f=require("firebase/app"),m=require("firebase/auth"),G=require("firebase/firestore"),K=require("firebase/storage");var N=(()=>{let e=S(g());return(0,f.getApps)().length?(0,f.getApps)()[0]:(0,f.initializeApp)(e)})(),V=(0,m.getAuth)(N);(0,m.setPersistence)(V,m.browserSessionPersistence);var de=(0,G.getFirestore)(N),pe=(0,K.getStorage)(N),u=()=>V,_=()=>de,w=()=>pe;var J=require("firebase/auth");async function h({email:e,password:r}){let t=u();return(0,J.signInWithEmailAndPassword)(t,e,r)}var g=()=>({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}),S=e=>(Object.entries(e).forEach(([r,t])=>{if(!t)throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${r.toUpperCase()}`)}),e);F();B();var c=H(require("react"),1),te=H(require("next/dynamic"),1),W=require("react/jsx-runtime"),re=(0,te.default)(()=>Promise.resolve().then(()=>(B(),Q)).then(e=>e.TernSecureClientProvider),{loading:()=>null});function D({children:e}){return c.default.Children.toArray(e).some(t=>c.default.isValidElement(t)&&t.type==="html")?c.default.Children.map(e,t=>c.default.isValidElement(t)&&t.type==="html"?c.default.cloneElement(t,{},c.default.Children.map(t.props.children,i=>{if(c.default.isValidElement(i)&&i.type==="body"){let n=i.props;return c.default.cloneElement(i,{},(0,W.jsx)(re,{children:n.children}))}return i})):t):(0,W.jsx)(re,{children:e})}var ne=require("react");function U(){let[e,r]=E("useAuth");return(0,ne.useEffect)(()=>{try{let t=u();r(n=>({...n,firebase:{initialized:!0,error:null}}));let i=t.onAuthStateChanged(n=>{r(o=>({...o,auth:{user:n,loading:!1,error:null,isSignedIn:!!n}}))},n=>{r(o=>({...o,auth:{user:null,loading:!1,error:n,isSignedIn:!1}}))});return()=>i()}catch(t){r(i=>({...i,firebase:{initialized:!1,error:t},auth:{user:null,loading:!1,error:t,isSignedIn:!1}}))}},[]),e.auth}var C=require("react");var l="tern",L={isInjected:!1,styleElement:null},A={container:`${l}-container`,header:`${l}-header`,title:`${l}-title`,formWrapper:`${l}-formWrapper`,formContainer:`${l}-formContainer`,form:`${l}-form`,label:`${l}-label`,input:`${l}-input`,button:`${l}-button`,error:`${l}-error`};function ge(e){if(typeof window>"u"||L.isInjected)return A;let r=document.querySelector("[data-tern-secure]");r||(r=document.createElement("style"),r.setAttribute("data-tern-secure",""),document.head.appendChild(r),L.styleElement=r);let t=Object.entries(e).map(([i,n])=>{let o=A[i],T=Object.entries(n).map(([R,v])=>`${R.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${v};`).join(" ");return`.${o} { ${T} }`}).join(`
|
|
2
|
+
`);return r.textContent=t,L.isInjected=!0,A}var Se={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"}},s=ge(Se);var a=require("react/jsx-runtime");function j({onSuccess:e,onError:r,redirectUrl:t,className:i="",style:n,customStyles:o={}}){let[T,R]=(0,C.useState)(""),[v,k]=(0,C.useState)(""),[x,z]=(0,C.useState)(!1),[b,X]=(0,C.useState)(""),oe=async p=>{p.preventDefault(),z(!0),X("");try{await h({email:T,password:v}),e?.(),t&&(window.location.href=t)}catch(I){let ie=I instanceof Error?I.message:"Failed to sign in";X(ie),r?.(I instanceof Error?I:new Error("Failed to sign in"))}finally{z(!1)}};return(0,a.jsxs)("div",{className:`${s.container} ${o.container||""}`,style:n,children:[(0,a.jsx)("div",{className:`${s.header} ${o.header||""}`,children:(0,a.jsx)("h2",{className:`${s.title} ${o.title||""}`,children:"Sign in to your account"})}),(0,a.jsx)("div",{className:`${s.formWrapper} ${o.formWrapper||""}`,children:(0,a.jsx)("div",{className:`${s.formContainer} ${o.formContainer||""}`,children:(0,a.jsxs)("form",{onSubmit:oe,className:`${s.form} ${o.form||""} ${i}`,role:"form","aria-label":"Sign in form",children:[b&&(0,a.jsx)("div",{className:`${s.error} ${o.errorText||""}`,role:"alert","aria-live":"polite",children:b}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"email",className:`${s.label} ${o.label||""}`,children:"Email"}),(0,a.jsx)("input",{id:"email",type:"email",value:T,onChange:p=>R(p.target.value),placeholder:"Enter your email",required:!0,className:`${s.input} ${o.input||""}`,disabled:x,"aria-required":"true","aria-invalid":!!b})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("label",{htmlFor:"password",className:`${s.label} ${o.label||""}`,children:"Password"}),(0,a.jsx)("input",{id:"password",type:"password",value:v,onChange:p=>k(p.target.value),placeholder:"Enter your password",required:!0,className:`${s.input} ${o.input||""}`,disabled:x,"aria-required":"true","aria-invalid":!!b})]}),(0,a.jsx)("button",{type:"submit",disabled:x,className:`${s.button} ${o.button||""}`,"data-testid":"sign-in-submit",children:x?"Signing in...":"Sign in"})]})})})]})}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { TernSecureAuth, TernSecureFirestore, TernSecureStorage, signInWithEmail, loadFireConfig, validateConfig, TernSecureContext, useTernSecure, TernSecureClientProvider
|
|
1
|
+
export { TernSecureAuth, TernSecureFirestore, TernSecureStorage, signInWithEmail, loadFireConfig, validateConfig, TernSecureContext, useTernSecure, TernSecureClientProvider } from './app-router/client';
|
|
2
2
|
export { TernSecureProvider } from './app-router/server';
|
|
3
3
|
export { useAuth } from './hooks';
|
|
4
4
|
export { SignIn } from './components';
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export { useAuth } from './hooks';
|
|
4
|
-
export { SignIn } from './components';
|
|
5
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
var K=Object.defineProperty;var B=(e,r)=>()=>(e&&(r=e(e=0)),r);var V=(e,r)=>{for(var t in r)K(e,t,{get:r[t],enumerable:!0})};import{createContext as ie,useContext as ae}from"react";var se,d,v,j,y=B(()=>{"use strict";"use client";se=()=>ie([{firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}},()=>{}]),d=se(),v=e=>{let r=ae(d);if(!r)throw new Error(`${e} must be used within TernSecureProvider`);return r},j={firebase:{initialized:!1,error:null},auth:{user:null,loading:!0,error:null,isSignedIn:!1}}});var k={};V(k,{TernSecureClientProvider:()=>A});import{useState as le}from"react";import{jsx as ce}from"react/jsx-runtime";function A({children:e}){let r=le(j);return ce(d.Provider,{value:r,children:e})}var R=B(()=>{"use strict";"use client";y()});import{getApps as W,initializeApp as J}from"firebase/app";import{getAuth as Y,setPersistence as Z,browserSessionPersistence as Q}from"firebase/auth";import{getFirestore as ee}from"firebase/firestore";import{getStorage as re}from"firebase/storage";var $=(()=>{let e=C(E());return W().length?W()[0]:J(e)})(),D=Y($);Z(D,Q);var te=ee($),ne=re($),u=()=>D,U=()=>te,L=()=>ne;import{signInWithEmailAndPassword as oe}from"firebase/auth";async function T({email:e,password:r}){let t=u();return oe(t,e,r)}var E=()=>({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}),C=e=>(Object.entries(e).forEach(([r,t])=>{if(!t)throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${r.toUpperCase()}`)}),e);y();R();import c from"react";import ue from"next/dynamic";import{jsx as X}from"react/jsx-runtime";var z=ue(()=>Promise.resolve().then(()=>(R(),k)).then(e=>e.TernSecureClientProvider),{loading:()=>null});function M({children:e}){return c.Children.toArray(e).some(t=>c.isValidElement(t)&&t.type==="html")?c.Children.map(e,t=>c.isValidElement(t)&&t.type==="html"?c.cloneElement(t,{},c.Children.map(t.props.children,o=>{if(c.isValidElement(o)&&o.type==="body"){let a=o.props;return c.cloneElement(o,{},X(z,{children:a.children}))}return o})):t):X(z,{children:e})}import{useEffect as me}from"react";function O(){let[e,r]=v("useAuth");return me(()=>{try{let t=u();r(a=>({...a,firebase:{initialized:!0,error:null}}));let o=t.onAuthStateChanged(a=>{r(n=>({...n,auth:{user:a,loading:!1,error:null,isSignedIn:!!a}}))},a=>{r(n=>({...n,auth:{user:null,loading:!1,error:a,isSignedIn:!1}}))});return()=>o()}catch(t){r(o=>({...o,firebase:{initialized:!1,error:t},auth:{user:null,loading:!1,error:t,isSignedIn:!1}}))}},[]),e.auth}import{useState as b}from"react";var s="tern",N={isInjected:!1,styleElement:null},x={container:`${s}-container`,header:`${s}-header`,title:`${s}-title`,formWrapper:`${s}-formWrapper`,formContainer:`${s}-formContainer`,form:`${s}-form`,label:`${s}-label`,input:`${s}-input`,button:`${s}-button`,error:`${s}-error`};function de(e){if(typeof window>"u"||N.isInjected)return x;let r=document.querySelector("[data-tern-secure]");r||(r=document.createElement("style"),r.setAttribute("data-tern-secure",""),document.head.appendChild(r),N.styleElement=r);let t=Object.entries(e).map(([o,a])=>{let n=x[o],p=Object.entries(a).map(([P,f])=>`${P.replace(/([A-Z])/g,"-$1").toLowerCase()}: ${f};`).join(" ");return`.${n} { ${p} }`}).join(`
|
|
2
|
+
`);return r.textContent=t,N.isInjected=!0,x}var pe={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"}},i=de(pe);import{jsx as l,jsxs as I}from"react/jsx-runtime";function q({onSuccess:e,onError:r,redirectUrl:t,className:o="",style:a,customStyles:n={}}){let[p,P]=b(""),[f,_]=b(""),[g,w]=b(!1),[S,F]=b(""),H=async m=>{m.preventDefault(),w(!0),F("");try{await T({email:p,password:f}),e?.(),t&&(window.location.href=t)}catch(h){let G=h instanceof Error?h.message:"Failed to sign in";F(G),r?.(h instanceof Error?h:new Error("Failed to sign in"))}finally{w(!1)}};return I("div",{className:`${i.container} ${n.container||""}`,style:a,children:[l("div",{className:`${i.header} ${n.header||""}`,children:l("h2",{className:`${i.title} ${n.title||""}`,children:"Sign in to your account"})}),l("div",{className:`${i.formWrapper} ${n.formWrapper||""}`,children:l("div",{className:`${i.formContainer} ${n.formContainer||""}`,children:I("form",{onSubmit:H,className:`${i.form} ${n.form||""} ${o}`,role:"form","aria-label":"Sign in form",children:[S&&l("div",{className:`${i.error} ${n.errorText||""}`,role:"alert","aria-live":"polite",children:S}),I("div",{children:[l("label",{htmlFor:"email",className:`${i.label} ${n.label||""}`,children:"Email"}),l("input",{id:"email",type:"email",value:p,onChange:m=>P(m.target.value),placeholder:"Enter your email",required:!0,className:`${i.input} ${n.input||""}`,disabled:g,"aria-required":"true","aria-invalid":!!S})]}),I("div",{children:[l("label",{htmlFor:"password",className:`${i.label} ${n.label||""}`,children:"Password"}),l("input",{id:"password",type:"password",value:f,onChange:m=>_(m.target.value),placeholder:"Enter your password",required:!0,className:`${i.input} ${n.input||""}`,disabled:g,"aria-required":"true","aria-invalid":!!S})]}),l("button",{type:"submit",disabled:g,className:`${i.button} ${n.button||""}`,"data-testid":"sign-in-submit",children:g?"Signing in...":"Sign in"})]})})})]})}export{q as SignIn,u as TernSecureAuth,A as TernSecureClientProvider,d as TernSecureContext,U as TernSecureFirestore,M as TernSecureProvider,L as TernSecureStorage,E as loadFireConfig,T as signInWithEmail,O as useAuth,v as useTernSecure,C as validateConfig};
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tern-secure/nextjs",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.6",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"publishConfig": {
|
|
5
6
|
"access": "public",
|
|
6
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -13,12 +14,14 @@
|
|
|
13
14
|
"url": "https://github.com/TernSecure/nextjs/issues"
|
|
14
15
|
},
|
|
15
16
|
"homepage": "https://github.com/tern-secure/nextjs#readme",
|
|
16
|
-
"main": "./dist/index.js",
|
|
17
|
+
"main": "./dist/index.cjs.js",
|
|
17
18
|
"module": "./dist/index.js",
|
|
18
|
-
|
|
19
|
-
"build": "
|
|
20
|
-
"
|
|
21
|
-
"
|
|
19
|
+
"scripts": {
|
|
20
|
+
"build": "npm run build:types && npm run build:js",
|
|
21
|
+
"build:types": "tsc --emitDeclarationOnly",
|
|
22
|
+
"build:js": "node build.config.cjs",
|
|
23
|
+
"clean": "rimraf dist",
|
|
24
|
+
"dev": "npm run build -- --watch",
|
|
22
25
|
"lint": "eslint \"src/**/*.{ts,tsx}\"",
|
|
23
26
|
"format": "prettier --write \"src/**/*.{ts,tsx}\"",
|
|
24
27
|
"prepublishOnly": "npm run build"
|
|
@@ -43,6 +46,8 @@
|
|
|
43
46
|
"@typescript-eslint/eslint-plugin": "^8.15.0",
|
|
44
47
|
"@typescript-eslint/parser": "^8.15.0",
|
|
45
48
|
"autoprefixer": "^10.4.20",
|
|
49
|
+
"esbuild": "^0.24.0",
|
|
50
|
+
"esbuild-node-externals": "^1.15.0",
|
|
46
51
|
"eslint": "^9.15.0",
|
|
47
52
|
"eslint-plugin-react": "^7.37.2",
|
|
48
53
|
"firebase": "^11.0.2",
|
|
@@ -57,6 +62,7 @@
|
|
|
57
62
|
"prettier": "^3.3.3",
|
|
58
63
|
"react": "^18.3.1",
|
|
59
64
|
"react-dom": "^18.3.1",
|
|
65
|
+
"rimraf": "^6.0.1",
|
|
60
66
|
"rollup": "^4.27.4",
|
|
61
67
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
62
68
|
"tailwindcss": "^3.4.15",
|
|
@@ -86,17 +92,16 @@
|
|
|
86
92
|
"optional": true
|
|
87
93
|
}
|
|
88
94
|
},
|
|
89
|
-
|
|
95
|
+
"exports": {
|
|
90
96
|
".": {
|
|
91
97
|
"types": "./dist/index.d.ts",
|
|
92
98
|
"import": "./dist/index.js",
|
|
93
|
-
"require": "./dist/index.js"
|
|
99
|
+
"require": "./dist/index.cjs.js"
|
|
94
100
|
},
|
|
95
101
|
"./server": {
|
|
96
102
|
"types": "./dist/server/index.d.ts",
|
|
97
103
|
"import": "./dist/server/index.js",
|
|
98
|
-
"require": "./dist/server/index.js"
|
|
99
|
-
}
|
|
100
|
-
"./styles": "./styles/index.css"
|
|
104
|
+
"require": "./dist/server/index.cjs.js"
|
|
105
|
+
}
|
|
101
106
|
}
|
|
102
107
|
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { TernSecureAuth } from './index';
|
|
2
|
-
import { signInWithEmailAndPassword } from 'firebase/auth';
|
|
3
|
-
export async function signInWithEmail({ email, password }) {
|
|
4
|
-
const auth = TernSecureAuth();
|
|
5
|
-
return signInWithEmailAndPassword(auth, email, password);
|
|
6
|
-
}
|
|
7
|
-
//# sourceMappingURL=auth.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../../src/app-router/client/auth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,0BAA0B,EAAuB,MAAM,eAAe,CAAA;AAO/E,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,EACpC,KAAK,EACL,QAAQ,EACU;IAClB,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,OAAO,0BAA0B,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAA;AAC1D,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { getApps, initializeApp } from 'firebase/app';
|
|
2
|
-
import { getAuth, setPersistence, browserSessionPersistence } from 'firebase/auth';
|
|
3
|
-
import { getFirestore } from 'firebase/firestore';
|
|
4
|
-
import { getStorage } from 'firebase/storage';
|
|
5
|
-
import { loadFireConfig, validateConfig } from './index';
|
|
6
|
-
// Initialize immediately
|
|
7
|
-
const app = (() => {
|
|
8
|
-
const config = validateConfig(loadFireConfig());
|
|
9
|
-
return getApps().length ? getApps()[0] : initializeApp(config);
|
|
10
|
-
})();
|
|
11
|
-
const auth = getAuth(app);
|
|
12
|
-
setPersistence(auth, browserSessionPersistence); //to change later user should be able to choose persistance
|
|
13
|
-
const firestore = getFirestore(app);
|
|
14
|
-
const storage = getStorage(app);
|
|
15
|
-
export const TernSecureAuth = () => auth;
|
|
16
|
-
export const TernSecureFirestore = () => firestore;
|
|
17
|
-
export const TernSecureStorage = () => storage;
|
|
18
|
-
//# sourceMappingURL=client-init.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"client-init.js","sourceRoot":"","sources":["../../../src/app-router/client/client-init.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzD,yBAAyB;AACzB,MAAM,GAAG,GAAG,CAAC,GAAG,EAAE;IAChB,MAAM,MAAM,GAAG,cAAc,CAAC,cAAc,EAAE,CAAC,CAAC;IAChD,OAAO,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AACjE,CAAC,CAAC,EAAE,CAAC;AAEL,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;AAC1B,cAAc,CAAC,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC,2DAA2D;AAC5G,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;AACpC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;AAEhC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;AACzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export const loadFireConfig = () => ({
|
|
2
|
-
apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
|
|
3
|
-
authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
|
|
4
|
-
projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
|
|
5
|
-
storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
|
|
6
|
-
messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
|
|
7
|
-
appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
|
|
8
|
-
measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID,
|
|
9
|
-
});
|
|
10
|
-
export const validateConfig = (config) => {
|
|
11
|
-
Object.entries(config).forEach(([key, value]) => {
|
|
12
|
-
if (!value) {
|
|
13
|
-
throw new Error(`Missing environment variable: NEXT_PUBLIC_FIREBASE_${key.toUpperCase()}`);
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
return config;
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=config.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/app-router/client/config.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,GAAqB,EAAE,CAAC,CAAC;IACrD,MAAM,EAAE,OAAO,CAAC,GAAG,CAAC,4BAAsC;IAC1D,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,gCAA0C;IAClE,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,+BAAyC;IAChE,aAAa,EAAE,OAAO,CAAC,GAAG,CAAC,mCAA6C;IACxE,iBAAiB,EAAE,OAAO,CAAC,GAAG,CAAC,wCAAkD;IACjF,KAAK,EAAE,OAAO,CAAC,GAAG,CAAC,2BAAqC;IACxD,aAAa,EAAE,OAAO,CAAC,GAAG,CAAC,mCAA6C;CACzE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAwB,EAAE,EAAE;IACzD,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC9C,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,sDAAsD,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QAC7F,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { TernSecureAuth, TernSecureFirestore, TernSecureStorage } from './client-init';
|
|
2
|
-
export { signInWithEmail } from './auth';
|
|
3
|
-
export { loadFireConfig, validateConfig } from './config';
|
|
4
|
-
export { TernSecureContext, useTernSecure } from './providers/ternSecureContext';
|
|
5
|
-
export { TernSecureClientProvider } from './providers/ternSecureClientProvider';
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-router/client/index.ts"],"names":[],"mappings":"AACA,OAAO,EACH,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,eAAe,EAAC,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACjF,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import React, { useState } from 'react';
|
|
3
|
-
import { initialState, TernSecureContext } from './ternSecureContext';
|
|
4
|
-
export function TernSecureClientProvider({ children }) {
|
|
5
|
-
const stateAndUpdater = useState(initialState);
|
|
6
|
-
return (React.createElement(TernSecureContext.Provider, { value: stateAndUpdater }, children));
|
|
7
|
-
}
|
|
8
|
-
//# sourceMappingURL=ternSecureClientProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ternSecureClientProvider.js","sourceRoot":"","sources":["../../../../src/app-router/client/providers/ternSecureClientProvider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAQrE,MAAM,UAAU,wBAAwB,CAAC,EAAE,QAAQ,EAAyB;IAC1E,MAAM,eAAe,GAAG,QAAQ,CAAkB,YAAY,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,IAC/C,QAAQ,CACkB,CAC9B,CAAA;AACH,CAAC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { createContext, useContext } from 'react';
|
|
3
|
-
const createTernSecureContext = () => {
|
|
4
|
-
const initialState = {
|
|
5
|
-
firebase: {
|
|
6
|
-
initialized: false,
|
|
7
|
-
error: null
|
|
8
|
-
},
|
|
9
|
-
auth: {
|
|
10
|
-
user: null,
|
|
11
|
-
loading: true,
|
|
12
|
-
error: null,
|
|
13
|
-
isSignedIn: false
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
return createContext([initialState, () => { }]);
|
|
17
|
-
};
|
|
18
|
-
// Create context instance only when imported on client
|
|
19
|
-
const TernSecureContext = createTernSecureContext();
|
|
20
|
-
const useTernSecure = (hookname) => {
|
|
21
|
-
const context = useContext(TernSecureContext);
|
|
22
|
-
if (!context) {
|
|
23
|
-
throw new Error(`${hookname} must be used within TernSecureProvider`);
|
|
24
|
-
}
|
|
25
|
-
return context;
|
|
26
|
-
};
|
|
27
|
-
// Export initial state for reuse
|
|
28
|
-
export const initialState = {
|
|
29
|
-
firebase: {
|
|
30
|
-
initialized: false,
|
|
31
|
-
error: null
|
|
32
|
-
},
|
|
33
|
-
auth: {
|
|
34
|
-
user: null,
|
|
35
|
-
loading: true,
|
|
36
|
-
error: null,
|
|
37
|
-
isSignedIn: false
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
export { TernSecureContext, useTernSecure };
|
|
41
|
-
//# sourceMappingURL=ternSecureContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ternSecureContext.js","sourceRoot":"","sources":["../../../../src/app-router/client/providers/ternSecureContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGxD,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,YAAY,GAAoB;QACpC,QAAQ,EAAE;YACR,WAAW,EAAE,KAAK;YAClB,KAAK,EAAE,IAAI;SACZ;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,KAAK;SAClB;KACF,CAAA;IAED,OAAO,aAAa,CAA2E,CAAC,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC,CAAA;AAC1H,CAAC,CAAA;AAED,uDAAuD;AACvD,MAAM,iBAAiB,GAAG,uBAAuB,EAAE,CAAA;AAEnD,MAAM,aAAa,GAAG,CAAC,QAAiB,EAAE,EAAE;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,GAAG,QAAQ,yCAAyC,CAAC,CAAA;IACzD,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,iCAAiC;AACjC,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,QAAQ,EAAE;QACR,WAAW,EAAE,KAAK;QAClB,KAAK,EAAE,IAAI;KACZ;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,IAAI;QACX,UAAU,EAAE,KAAK;KAClB;CACF,CAAA;AAED,OAAO,EACL,iBAAiB,EACjB,aAAa,EACd,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React, { ErrorInfo, ReactNode } from 'react';
|
|
2
|
-
interface ErrorBoundaryProps {
|
|
3
|
-
children: ReactNode;
|
|
4
|
-
fallback: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
interface ErrorBoundaryState {
|
|
7
|
-
hasError: boolean;
|
|
8
|
-
}
|
|
9
|
-
declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
|
|
10
|
-
constructor(props: ErrorBoundaryProps);
|
|
11
|
-
static getDerivedStateFromError(_: Error): ErrorBoundaryState;
|
|
12
|
-
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
|
13
|
-
render(): React.ReactNode;
|
|
14
|
-
}
|
|
15
|
-
export default ErrorBoundary;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
class ErrorBoundary extends React.Component {
|
|
4
|
-
constructor(props) {
|
|
5
|
-
super(props);
|
|
6
|
-
this.state = { hasError: false };
|
|
7
|
-
}
|
|
8
|
-
static getDerivedStateFromError(_) {
|
|
9
|
-
return { hasError: true };
|
|
10
|
-
}
|
|
11
|
-
componentDidCatch(error, errorInfo) {
|
|
12
|
-
console.error('TernSecureProvider error:', error, errorInfo);
|
|
13
|
-
}
|
|
14
|
-
render() {
|
|
15
|
-
if (this.state.hasError) {
|
|
16
|
-
return this.props.fallback;
|
|
17
|
-
}
|
|
18
|
-
return this.props.children;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
export default ErrorBoundary;
|
|
22
|
-
//# sourceMappingURL=ErrorBoundary.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/app-router/server/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAA+B,MAAM,OAAO,CAAC;AAWpD,MAAM,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACjF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACnC,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,CAAQ;QACtC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC5B,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC7B,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-router/server/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import dynamic from 'next/dynamic';
|
|
3
|
-
// Dynamically import the client provider with no SSR
|
|
4
|
-
const TernSecureClientProvider = dynamic(() => import('../../client/providers/ternSecureClientProvider').then(mod => mod.TernSecureClientProvider), {
|
|
5
|
-
//ssr: false,
|
|
6
|
-
loading: () => null // Return null or a loading indicator
|
|
7
|
-
});
|
|
8
|
-
export function TernSecureProvider({ children }) {
|
|
9
|
-
// Check if the children contain html/body tags
|
|
10
|
-
const isRootLayout = React.Children.toArray(children).some(child => React.isValidElement(child) && child.type === 'html');
|
|
11
|
-
if (isRootLayout) {
|
|
12
|
-
// If this is the root layout, inject our provider after the body tag
|
|
13
|
-
return React.Children.map(children, child => {
|
|
14
|
-
if (React.isValidElement(child) && child.type === 'html') {
|
|
15
|
-
return React.cloneElement(child, {}, React.Children.map(child.props.children, bodyChild => {
|
|
16
|
-
if (React.isValidElement(bodyChild) && bodyChild.type === 'body') {
|
|
17
|
-
// Type assertion to access props safely
|
|
18
|
-
const bodyProps = bodyChild.props;
|
|
19
|
-
return React.cloneElement(bodyChild, {}, React.createElement(TernSecureClientProvider, null, bodyProps.children));
|
|
20
|
-
}
|
|
21
|
-
return bodyChild;
|
|
22
|
-
}));
|
|
23
|
-
}
|
|
24
|
-
return child;
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
// For non-root layouts, wrap normally
|
|
28
|
-
return React.createElement(TernSecureClientProvider, null, children);
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=TernSecureServerProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TernSecureServerProvider.js","sourceRoot":"","sources":["../../../../src/app-router/server/providers/TernSecureServerProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,OAAO,MAAM,cAAc,CAAA;AAMlC,qDAAqD;AACrD,MAAM,wBAAwB,GAAG,OAAO,CACtC,GAAG,EAAE,CAAC,MAAM,CAAC,iDAAiD,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,wBAAwB,CAAC,EACzG;IACE,aAAa;IACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qCAAqC;CAC1D,CACF,CAAA;AAED,MAAM,UAAU,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IACtE,+CAA+C;IAC/C,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACxD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,CAC9D,CAAC;IAEF,IAAI,YAAY,EAAE,CAAC;QACjB,qEAAqE;QACrE,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YAC1C,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gBACzD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,EACjC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE;oBACnD,IAAI,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;wBACjE,wCAAwC;wBACxC,MAAM,SAAS,GAAG,SAAS,CAAC,KAAgC,CAAC;wBAC7D,OAAO,KAAK,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,EACrC,oBAAC,wBAAwB,QACtB,SAAS,CAAC,QAAQ,CACM,CAC5B,CAAC;oBACJ,CAAC;oBACD,OAAO,SAAS,CAAC;gBACnB,CAAC,CAAC,CACH,CAAC;YACJ,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;IAED,sCAAsC;IACtC,OAAO,oBAAC,wBAAwB,QAAE,QAAQ,CAA4B,CAAC;AACzE,CAAC"}
|
package/dist/components/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { signInWithEmail } from '../app-router/client';
|
|
4
|
-
import { styles } from '../utils/create-styles';
|
|
5
|
-
export function SignIn({ onSuccess, onError, redirectUrl, className = '', style, customStyles = {} }) {
|
|
6
|
-
const [email, setEmail] = useState('');
|
|
7
|
-
const [password, setPassword] = useState('');
|
|
8
|
-
const [loading, setLoading] = useState(false);
|
|
9
|
-
const [error, setError] = useState('');
|
|
10
|
-
const handleSubmit = async (e) => {
|
|
11
|
-
e.preventDefault();
|
|
12
|
-
setLoading(true);
|
|
13
|
-
setError('');
|
|
14
|
-
try {
|
|
15
|
-
await signInWithEmail({ email, password });
|
|
16
|
-
onSuccess?.();
|
|
17
|
-
if (redirectUrl) {
|
|
18
|
-
window.location.href = redirectUrl;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
catch (err) {
|
|
22
|
-
const errorMessage = err instanceof Error ? err.message : 'Failed to sign in';
|
|
23
|
-
setError(errorMessage);
|
|
24
|
-
onError?.(err instanceof Error ? err : new Error('Failed to sign in'));
|
|
25
|
-
}
|
|
26
|
-
finally {
|
|
27
|
-
setLoading(false);
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
return (React.createElement("div", { className: `${styles.container} ${customStyles.container || ''}`, style: style },
|
|
31
|
-
React.createElement("div", { className: `${styles.header} ${customStyles.header || ''}` },
|
|
32
|
-
React.createElement("h2", { className: `${styles.title} ${customStyles.title || ''}` }, "Sign in to your account")),
|
|
33
|
-
React.createElement("div", { className: `${styles.formWrapper} ${customStyles.formWrapper || ''}` },
|
|
34
|
-
React.createElement("div", { className: `${styles.formContainer} ${customStyles.formContainer || ''}` },
|
|
35
|
-
React.createElement("form", { onSubmit: handleSubmit, className: `${styles.form} ${customStyles.form || ''} ${className}`, role: "form", "aria-label": "Sign in form" },
|
|
36
|
-
error && (React.createElement("div", { className: `${styles.error} ${customStyles.errorText || ''}`, role: "alert", "aria-live": "polite" }, error)),
|
|
37
|
-
React.createElement("div", null,
|
|
38
|
-
React.createElement("label", { htmlFor: "email", className: `${styles.label} ${customStyles.label || ''}` }, "Email"),
|
|
39
|
-
React.createElement("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 })),
|
|
40
|
-
React.createElement("div", null,
|
|
41
|
-
React.createElement("label", { htmlFor: "password", className: `${styles.label} ${customStyles.label || ''}` }, "Password"),
|
|
42
|
-
React.createElement("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 })),
|
|
43
|
-
React.createElement("button", { type: "submit", disabled: loading, className: `${styles.button} ${customStyles.button || ''}`, "data-testid": "sign-in-submit" }, loading ? 'Signing in...' : 'Sign in'))))));
|
|
44
|
-
}
|
|
45
|
-
//# sourceMappingURL=sign-in.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sign-in.js","sourceRoot":"","sources":["../../src/components/sign-in.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAsB/C,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,WAAW,EACX,SAAS,GAAG,EAAE,EACd,KAAK,EACL,YAAY,GAAG,EAAE,EACL;IACZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,MAAM,YAAY,GAAG,KAAK,EAAE,CAAkB,EAAE,EAAE;QAChD,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,QAAQ,CAAC,EAAE,CAAC,CAAA;QAEZ,IAAI,CAAC;YACH,MAAM,eAAe,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;YAC1C,SAAS,EAAE,EAAE,CAAA;YAEb,IAAI,WAAW,EAAE,CAAC;gBAChB,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAA;YACpC,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,YAAY,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAA;YAC7E,QAAQ,CAAC,YAAY,CAAC,CAAA;YACtB,OAAO,EAAE,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAA;QACxE,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,YAAY,CAAC,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK;QACjF,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,YAAY,CAAC,MAAM,IAAI,EAAE,EAAE;YAC7D,4BAAI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,IAAI,EAAE,EAAE,8BAEvD,CACD;QAEN,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,YAAY,CAAC,WAAW,IAAI,EAAE,EAAE;YACvE,6BAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,IAAI,YAAY,CAAC,aAAa,IAAI,EAAE,EAAE;gBAC3E,8BACE,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,IAAI,EAAE,IAAI,SAAS,EAAE,EACnE,IAAI,EAAC,MAAM,gBACA,cAAc;oBAExB,KAAK,IAAI,CACR,6BACE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,YAAY,CAAC,SAAS,IAAI,EAAE,EAAE,EAC5D,IAAI,EAAC,OAAO,eACF,QAAQ,IAEjB,KAAK,CACF,CACP;oBACD;wBACE,+BAAO,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,IAAI,EAAE,EAAE,YAEvE;wBACR,+BACE,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAC,kBAAkB,EAC9B,QAAQ,QACR,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,IAAI,EAAE,EAAE,EACxD,QAAQ,EAAE,OAAO,mBACH,MAAM,kBACN,CAAC,CAAC,KAAK,GACrB,CACE;oBACN;wBACE,+BAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,IAAI,EAAE,EAAE,eAE1E;wBACR,+BACE,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAC,qBAAqB,EACjC,QAAQ,QACR,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,IAAI,EAAE,EAAE,EACxD,QAAQ,EAAE,OAAO,mBACH,MAAM,kBACN,CAAC,CAAC,KAAK,GACrB,CACE;oBACN,gCACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,YAAY,CAAC,MAAM,IAAI,EAAE,EAAE,iBAC9C,gBAAgB,IAE3B,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAC/B,CACJ,CACH,CACF,CACF,CACP,CAAA;AACH,CAAC"}
|
package/dist/errors/index.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export const ERRORS = {
|
|
2
|
-
SERVER_SIDE_INITIALIZATION: 'TernSecure must be initialized on the client side',
|
|
3
|
-
NOT_INITIALIZED: 'TernSecure services are not initialized. Call initializeTernSecure() first',
|
|
4
|
-
HOOK_CONTEXT: (hookName) => `${hookName} must be used within TernSecureProvider`,
|
|
5
|
-
};
|
|
6
|
-
export class TernSecureError extends Error {
|
|
7
|
-
constructor(message) {
|
|
8
|
-
super(message);
|
|
9
|
-
this.name = 'TernSecureError';
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
//# sourceMappingURL=index.js.map
|
package/dist/errors/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/errors/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IAClB,0BAA0B,EAAE,mDAAmD;IAC/E,eAAe,EAAE,4EAA4E;IAC7F,YAAY,EAAE,CAAC,QAAgB,EAAE,EAAE,CAAC,GAAG,QAAQ,yCAAyC;CAChF,CAAC;AAEX,MAAM,OAAO,eAAgB,SAAQ,KAAK;IACxC,YAAY,OAAe;QACzB,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,iBAAiB,CAAC;IAChC,CAAC;CACF"}
|
package/dist/hooks/index.js
DELETED
package/dist/hooks/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA"}
|
package/dist/hooks/useAuth.js
DELETED
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { useEffect } from 'react';
|
|
3
|
-
import { TernSecureAuth } from '../app-router/client';
|
|
4
|
-
import { useTernSecure } from '../app-router/client/';
|
|
5
|
-
export function useAuth() {
|
|
6
|
-
const [state, setState] = useTernSecure('useAuth');
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
try {
|
|
9
|
-
const auth = TernSecureAuth(); // This initializes Firebase
|
|
10
|
-
setState(prev => ({
|
|
11
|
-
...prev,
|
|
12
|
-
firebase: {
|
|
13
|
-
initialized: true,
|
|
14
|
-
error: null
|
|
15
|
-
}
|
|
16
|
-
}));
|
|
17
|
-
const unsubscribe = auth.onAuthStateChanged((user) => {
|
|
18
|
-
setState(prev => ({
|
|
19
|
-
...prev,
|
|
20
|
-
auth: {
|
|
21
|
-
user,
|
|
22
|
-
loading: false,
|
|
23
|
-
error: null,
|
|
24
|
-
isSignedIn: !!user
|
|
25
|
-
}
|
|
26
|
-
}));
|
|
27
|
-
}, (error) => {
|
|
28
|
-
setState(prev => ({
|
|
29
|
-
...prev,
|
|
30
|
-
auth: {
|
|
31
|
-
user: null,
|
|
32
|
-
loading: false,
|
|
33
|
-
error,
|
|
34
|
-
isSignedIn: false
|
|
35
|
-
}
|
|
36
|
-
}));
|
|
37
|
-
});
|
|
38
|
-
return () => unsubscribe();
|
|
39
|
-
}
|
|
40
|
-
catch (error) {
|
|
41
|
-
setState(prev => ({
|
|
42
|
-
...prev,
|
|
43
|
-
firebase: {
|
|
44
|
-
initialized: false,
|
|
45
|
-
error: error
|
|
46
|
-
},
|
|
47
|
-
auth: {
|
|
48
|
-
user: null,
|
|
49
|
-
loading: false,
|
|
50
|
-
error: error,
|
|
51
|
-
isSignedIn: false
|
|
52
|
-
}
|
|
53
|
-
}));
|
|
54
|
-
}
|
|
55
|
-
}, []); // Only run once on mount
|
|
56
|
-
return state.auth;
|
|
57
|
-
}
|
|
58
|
-
//# sourceMappingURL=useAuth.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useAuth.js","sourceRoot":"","sources":["../../src/hooks/useAuth.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErD,MAAM,UAAU,OAAO;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA,CAAC,4BAA4B;YAC1D,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAChB,GAAG,IAAI;gBACP,QAAQ,EAAE;oBACR,WAAW,EAAE,IAAI;oBACjB,KAAK,EAAE,IAAI;iBACZ;aACF,CAAC,CAAC,CAAA;YAEH,MAAM,WAAW,GAAG,IAAI,CAAC,kBAAkB,CACzC,CAAC,IAAI,EAAE,EAAE;gBACP,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBAChB,GAAG,IAAI;oBACP,IAAI,EAAE;wBACJ,IAAI;wBACJ,OAAO,EAAE,KAAK;wBACd,KAAK,EAAE,IAAI;wBACX,UAAU,EAAE,CAAC,CAAC,IAAI;qBACnB;iBACF,CAAC,CAAC,CAAA;YACL,CAAC,EACD,CAAC,KAAK,EAAE,EAAE;gBACR,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBAChB,GAAG,IAAI;oBACP,IAAI,EAAE;wBACJ,IAAI,EAAE,IAAI;wBACV,OAAO,EAAE,KAAK;wBACd,KAAK;wBACL,UAAU,EAAE,KAAK;qBAClB;iBACF,CAAC,CAAC,CAAA;YACL,CAAC,CACF,CAAA;YAED,OAAO,GAAG,EAAE,CAAC,WAAW,EAAE,CAAA;QAC5B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAChB,GAAG,IAAI;gBACP,QAAQ,EAAE;oBACR,WAAW,EAAE,KAAK;oBAClB,KAAK,EAAE,KAAc;iBACtB;gBACD,IAAI,EAAE;oBACJ,IAAI,EAAE,IAAI;oBACV,OAAO,EAAE,KAAK;oBACd,KAAK,EAAE,KAAc;oBACrB,UAAU,EAAE,KAAK;iBAClB;aACF,CAAC,CAAC,CAAA;QACL,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA,CAAC,yBAAyB;IAEhC,OAAO,KAAK,CAAC,IAAI,CAAA;AACnB,CAAC"}
|
package/dist/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,wBAAwB,EAAsB,MAAM,qBAAqB,CAAA;AAC7N,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA"}
|
package/dist/styles/index.css
DELETED
package/dist/types/index.js
DELETED
package/dist/types/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
const PREFIX = 'tern';
|
|
3
|
-
// Singleton to track style injection
|
|
4
|
-
const styleInjection = {
|
|
5
|
-
isInjected: false,
|
|
6
|
-
styleElement: null
|
|
7
|
-
};
|
|
8
|
-
export const defaultClassNames = {
|
|
9
|
-
container: `${PREFIX}-container`,
|
|
10
|
-
header: `${PREFIX}-header`,
|
|
11
|
-
title: `${PREFIX}-title`,
|
|
12
|
-
formWrapper: `${PREFIX}-formWrapper`,
|
|
13
|
-
formContainer: `${PREFIX}-formContainer`,
|
|
14
|
-
form: `${PREFIX}-form`,
|
|
15
|
-
label: `${PREFIX}-label`,
|
|
16
|
-
input: `${PREFIX}-input`,
|
|
17
|
-
button: `${PREFIX}-button`,
|
|
18
|
-
error: `${PREFIX}-error`
|
|
19
|
-
};
|
|
20
|
-
// Create styles once and cache them
|
|
21
|
-
function createStyleSheet(styles) {
|
|
22
|
-
if (typeof window === 'undefined')
|
|
23
|
-
return defaultClassNames;
|
|
24
|
-
// Return early if styles are already injected
|
|
25
|
-
if (styleInjection.isInjected) {
|
|
26
|
-
return defaultClassNames;
|
|
27
|
-
}
|
|
28
|
-
// Find existing style element or create new one
|
|
29
|
-
let styleElement = document.querySelector('[data-tern-secure]');
|
|
30
|
-
if (!styleElement) {
|
|
31
|
-
styleElement = document.createElement('style');
|
|
32
|
-
styleElement.setAttribute('data-tern-secure', '');
|
|
33
|
-
document.head.appendChild(styleElement);
|
|
34
|
-
styleInjection.styleElement = styleElement;
|
|
35
|
-
}
|
|
36
|
-
// Create CSS rules
|
|
37
|
-
const cssRules = Object.entries(styles).map(([key, rules]) => {
|
|
38
|
-
const className = defaultClassNames[key];
|
|
39
|
-
const cssProperties = Object.entries(rules).map(([prop, value]) => {
|
|
40
|
-
const cssProperty = prop.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
41
|
-
return `${cssProperty}: ${value};`;
|
|
42
|
-
}).join(' ');
|
|
43
|
-
return `.${className} { ${cssProperties} }`;
|
|
44
|
-
}).join('\n');
|
|
45
|
-
// Insert styles only once
|
|
46
|
-
styleElement.textContent = cssRules;
|
|
47
|
-
styleInjection.isInjected = true;
|
|
48
|
-
return defaultClassNames;
|
|
49
|
-
}
|
|
50
|
-
// Style configuration
|
|
51
|
-
export const styleConfig = {
|
|
52
|
-
container: {
|
|
53
|
-
display: 'flex',
|
|
54
|
-
minHeight: '100%',
|
|
55
|
-
flex: '1',
|
|
56
|
-
flexDirection: 'column',
|
|
57
|
-
justifyContent: 'center',
|
|
58
|
-
padding: '3rem 1.5rem'
|
|
59
|
-
},
|
|
60
|
-
header: {
|
|
61
|
-
margin: '0 auto',
|
|
62
|
-
width: '100%',
|
|
63
|
-
maxWidth: '28rem'
|
|
64
|
-
},
|
|
65
|
-
title: {
|
|
66
|
-
marginTop: '1.5rem',
|
|
67
|
-
textAlign: 'center',
|
|
68
|
-
fontSize: '1.875rem',
|
|
69
|
-
fontWeight: '700',
|
|
70
|
-
lineHeight: '2.25rem',
|
|
71
|
-
letterSpacing: '-0.025em',
|
|
72
|
-
color: 'var(--tern-text-primary, #111827)'
|
|
73
|
-
},
|
|
74
|
-
formWrapper: {
|
|
75
|
-
marginTop: '2.5rem',
|
|
76
|
-
margin: '0 auto',
|
|
77
|
-
width: '100%',
|
|
78
|
-
maxWidth: '30rem'
|
|
79
|
-
},
|
|
80
|
-
formContainer: {
|
|
81
|
-
padding: '3rem 1.5rem',
|
|
82
|
-
boxShadow: '0 1px 3px 0 rgb(0 0 0 / 0.1)',
|
|
83
|
-
borderRadius: '0.5rem',
|
|
84
|
-
backgroundColor: 'var(--tern-background, white)'
|
|
85
|
-
},
|
|
86
|
-
form: {
|
|
87
|
-
display: 'flex',
|
|
88
|
-
flexDirection: 'column',
|
|
89
|
-
gap: '1rem'
|
|
90
|
-
},
|
|
91
|
-
label: {
|
|
92
|
-
display: 'block',
|
|
93
|
-
fontSize: '0.875rem',
|
|
94
|
-
fontWeight: '500',
|
|
95
|
-
color: 'var(--tern-text-secondary, #374151)'
|
|
96
|
-
},
|
|
97
|
-
input: {
|
|
98
|
-
marginTop: '0.25rem',
|
|
99
|
-
display: 'block',
|
|
100
|
-
width: '100%',
|
|
101
|
-
padding: '0.5rem 0.75rem',
|
|
102
|
-
borderRadius: '0.375rem',
|
|
103
|
-
border: '1px solid var(--tern-border, #D1D5DB)',
|
|
104
|
-
backgroundColor: 'var(--tern-input-background, white)',
|
|
105
|
-
color: 'var(--tern-text-primary, #111827)'
|
|
106
|
-
},
|
|
107
|
-
button: {
|
|
108
|
-
display: 'flex',
|
|
109
|
-
width: '100%',
|
|
110
|
-
justifyContent: 'center',
|
|
111
|
-
padding: '0.5rem 1rem',
|
|
112
|
-
fontSize: '0.875rem',
|
|
113
|
-
fontWeight: '500',
|
|
114
|
-
color: 'white',
|
|
115
|
-
backgroundColor: 'var(--tern-primary, #2563EB)',
|
|
116
|
-
border: 'none',
|
|
117
|
-
borderRadius: '0.375rem',
|
|
118
|
-
cursor: 'pointer'
|
|
119
|
-
},
|
|
120
|
-
error: {
|
|
121
|
-
color: 'var(--tern-error, #DC2626)',
|
|
122
|
-
fontSize: '0.875rem'
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
// Export pre-created styles
|
|
126
|
-
export const styles = createStyleSheet(styleConfig);
|
|
127
|
-
//# sourceMappingURL=create-styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"create-styles.js","sourceRoot":"","sources":["../../src/utils/create-styles.ts"],"names":[],"mappings":"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"}
|
package/dist/utils/index.js
DELETED
package/dist/utils/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":""}
|