@soramux/node-auth-sdk 0.8.0 → 0.8.2
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/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/react.js +5 -5
- package/dist/cjs/react.js.map +1 -1
- package/dist/cjs/server.js +2 -2
- package/dist/cjs/server.js.map +1 -1
- package/dist/esm/index.d.mts +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/{interceptor-CbsDF_WC.d.mts → interceptor-BvJQ3XFz.d.mts} +11 -4
- package/dist/esm/react.d.mts +29 -16
- package/dist/esm/react.js +5 -5
- package/dist/esm/react.js.map +1 -1
- package/dist/esm/server.d.mts +1 -1
- package/dist/esm/server.js +2 -2
- package/dist/esm/server.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/react.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {createContext,useState,useMemo,useEffect,useContext,useRef}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {RiEyeCloseLine,RiEyeLine,RiArrowDownSLine}from'react-icons/ri';import {GoPerson}from'react-icons/go';import {ImExit}from'react-icons/im';import {FaDesktop,FaTabletAlt,FaMobileAlt,FaTrashAlt}from'react-icons/fa';import {UAParser}from'ua-parser-js';function We(){let e=typeof window>"u",t=typeof import.meta<"u"&&import.meta.env?import.meta.env:{},r=typeof process<"u"?process.env:{},o=t.VITE_TRIEOH_AUTH_PROJECT_ID||r.NEXT_PUBLIC_TRIEOH_AUTH_PROJECT_ID||r.PUBLIC_TRIEOH_AUTH_PROJECT_ID||"",s=e&&r.TRIEOH_AUTH_API_KEY||"";return {PROJECT_ID:o,API_KEY:s,BASE_URL:"https://api.default.com"}}var Z=null,de={};function Ce(e){de={...de,...e},Z=null;}function ue(){return Z||(Z={...We(),...de}),Z}var x={get PROJECT_ID(){return ue().PROJECT_ID},get BASE_URL(){return ue().BASE_URL}};function ee(e,t){if(t.startsWith("http"))return t;let r=e.replace(/\/$/,""),o=t.replace(/^\//,"");return `${r}/${o}`}var pe="trieoh_access_expiry",me="trieoh_refresh_expiry",he=null;function fe(e){he=e,localStorage.setItem(me,String(e.refresh_expire_date)),localStorage.setItem(pe,String(e.access.exp)),console.log("[TRIEOH SDK] Token claims saved");}function ge(){return he}function Ae(e=30){try{let t=localStorage.getItem(pe);if(!t)return !0;let r=parseInt(t,10),o=Math.floor(Date.now()/1e3);return r-o<=e}catch(t){return console.warn("[TRIEOH SDK] Error reading access expiry date:",t),true}}function De(){try{let e=localStorage.getItem(me);if(!e)return !0;let t=parseInt(e,10),r=Math.floor(Date.now()/1e3);return t<=r}catch(e){return console.warn("[TRIEOH SDK] Error reading refresh expiry date:",e),true}}function B(){he=null,localStorage.removeItem(pe),localStorage.removeItem(me),console.log("[TRIEOH SDK] Auth tokens and claims cleared");}function Oe(){let e=ge();return e?e.access.sub:null}var j=async e=>{try{let t=await e.get("/sessions/me",{requiresAuth:!0});if(t.success)return fe(t.data),t;throw new Error(t.message||"Failed to fetch session claims")}catch(t){throw console.warn("[TRIEOH SDK] fetch claims failed (network/server)",t),t}};var te=class{constructor(t){this.isRefreshing=false;this.refreshPromise=null;this.authBaseURL=t?.authBaseURL||x.BASE_URL,this.baseURL=t?.baseURL||this.authBaseURL,this.onTokenRefreshed=t?.onTokenRefreshed,this.onRefreshFailed=t?.onRefreshFailed;}async fetchClaimsAndSave(){let r=await(await fetch(ee(this.authBaseURL,"/sessions/me"),{method:"GET",headers:{"Content-Type":"application/json"},credentials:"include"})).json();if(r.code!==200||!r.data)throw B(),new Error(r.message||"Failed to fetch session claims after refresh");let o=r.data;return fe(o),o}async refreshToken(){return this.isRefreshing&&this.refreshPromise?this.refreshPromise:(this.isRefreshing=true,this.refreshPromise=(async()=>{let t;try{let o=await(await fetch(ee(this.authBaseURL,"/auth/refresh"),{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include"})).json();if(o.code!==200)throw o.code!==503&&B(),new Error(o.message||"Failed to refresh token");t=await this.fetchClaimsAndSave(),this.onTokenRefreshed?.(t),console.log("[TRIEOH SDK] Token refreshed successfully");}catch(r){throw console.warn("[TRIEOH SDK] Failed to refresh token:",r),B(),this.onRefreshFailed?.(r),r}finally{this.isRefreshing=false,this.refreshPromise=null;}})(),this.refreshPromise)}async beforeRequest(){if(De()){B();return}if(Ae(30)){console.log("[TRIEOH SDK] Token expiring soon, refreshing...");try{await this.refreshToken();}catch(t){console.warn("[TRIEOH SDK] Refresh interceptor failed:",t);}}}async fetch(t,r){let o=r?.requiresAuth!==false,s=!r?.skipRefresh;o&&s&&await this.beforeRequest();let n=ee(this.baseURL,t);return fetch(n,{...r,credentials:"include",headers:{"Content-Type":"application/json",...r?.headers}})}};var re=class{constructor(t,r){this.baseURL=t||x.BASE_URL,this.authInterceptor=new te({baseURL:this.baseURL,authBaseURL:r});}get headers(){return {"Content-Type":"application/json"}}async request(t,r){try{let o=await this.authInterceptor.fetch(t,{...r,headers:{...this.headers,...r?.headers??{}}}),s=await o.json().catch(()=>({module:"Client",message:o.statusText||"Unknown error",timestamp:new Date().toISOString(),code:o.status,error_id:"CLIENT_PARSE_ERROR",trace:["Failed to parse API response as JSON"]}));return o.ok?{success:!0,module:s.module,message:s.message,timestamp:s.timestamp,code:s.code,data:s.data}:{success:!1,module:s.module||"Unknown",message:s.message||o.statusText||"An unknown error occurred",timestamp:s.timestamp||new Date().toISOString(),code:s.code||o.status,error_id:s.error_id||"UNKNOWN_ERROR",trace:s.trace}}catch(o){let s=o instanceof Error?o.message:"A network or unknown error occurred.";return {success:false,module:"Network",message:s,timestamp:new Date().toISOString(),code:503,error_id:"CLIENT_NETWORK_ERROR",trace:o instanceof Error?[o.stack||s]:[s]}}}get(t,r){return this.request(t,{...r,method:"GET"})}post(t,r,o){return this.request(t,{...o,method:"POST",body:r?JSON.stringify(r):void 0})}put(t,r,o){return this.request(t,{...o,method:"PUT",body:r?JSON.stringify(r):void 0})}patch(t,r,o){return this.request(t,{...o,method:"PATCH",body:r?JSON.stringify(r):void 0})}delete(t,r,o){return this.request(t,{...o,method:"DELETE",body:r?JSON.stringify(r):void 0})}};var P=()=>{if(!x.PROJECT_ID||x.PROJECT_ID.trim()==="")throw new Error("[TRIEOH SDK] Project ID is missing. Please set PUBLIC_TRIEOH_AUTH_PROJECT_ID, NEXT_PUBLIC_TRIEOH_AUTH_PROJECT_ID or VITE_TRIEOH_AUTH_PROJECT_ID.")};var Fe=e=>({login:async(t,r)=>{let o={requiresAuth:false};if(x.PROJECT_ID){P();let n=`/projects/${x.PROJECT_ID}/login`,i=await e.post(n,{email:t,password:r},o);return i.success&&await j(e),i}let s=await e.post("/auth/login",{email:t,password:r},o);return s.success&&await j(e),s},register:(t,r,o,s={})=>{let n={requiresAuth:false};if(x.PROJECT_ID){P();let i=new URLSearchParams;o&&(i.append("flow_id",o),i.append("schema_type","context"),i.append("version","1"));let a={email:t,password:r,...o&&{custom_fields:s}},p=i.toString()?`?${i.toString()}`:"",d=`/projects/${x.PROJECT_ID}/register${p}`;return e.post(d,a,n)}return e.post("/auth/register",{email:t,password:r},n)},logout:async()=>{let t=await e.post("/auth/logout");return t.success&&B(),t},refresh:async()=>{let t=await e.post("/auth/refresh",void 0,{skipRefresh:true});return t.success&&await j(e),t},sessions:async()=>e.get("/sessions"),revokeASession:async t=>e.delete(`/sessions/${t}`),revokeSessions:async(t=false)=>{let r=t?"/sessions":"/sessions/others";return e.delete(r)},refreshProfileInfo:async()=>j(e),profile:()=>Oe(),getProfileUpgradeForms:async()=>{P();let t=`/projects/${x.PROJECT_ID}/upgrade-form`;return e.get(t)},updateProfile:async t=>{P();let r=`/projects/${x.PROJECT_ID}/metadata`;return e.post(r,{custom_fields:t})},sendForgotPassword:async t=>{let r={requiresAuth:false};return x.PROJECT_ID?(P(),e.post("/auth/forgot-password",{email:t,project_id:x.PROJECT_ID},r)):e.post("/auth/forgot-password",{email:t},r)},resetPassword:async(t,r)=>e.post(`/auth/reset-password?token=${t}`,{new_password:r},{requiresAuth:false}),resendVerifyEmail:async()=>e.post("/auth/verify/resend"),verifyEmail:async()=>e.get("/auth/verify",{requiresAuth:false}),addSubContext:async(t,r)=>(P(),e.post(`/projects/${x.PROJECT_ID}/sub-context`,{data:r,user_id:t})),removeSubContext:async(t,r)=>(P(),e.delete(`/projects/${x.PROJECT_ID}/sub-context`,{keys:r,user_id:t}))});var Le=createContext(null);function fr({children:e,baseURL:t,projectId:r,isClient:o=true}){let[s,n]=useState(false),[i,a]=useState(false);useMemo(()=>{(r||t)&&Ce({...r?{PROJECT_ID:r}:{},...t?{BASE_URL:t}:{}});},[r,t]);let p=useMemo(()=>new re(t),[t]),d=useMemo(()=>Fe(p),[p]);return useEffect(()=>{o&&P(),(async()=>{if(ge()){a(true),n(true);return}console.log("[TRIEOH SDK] Attempting to refresh session...");try{(await d.refreshProfileInfo()).success?(a(!0),console.log("[TRIEOH SDK] Session restored successfully.")):(a(!1),console.warn("[TRIEOH SDK] Session restoration failed/no session."));}catch{console.warn("[TRIEOH SDK] Unable to verify session (offline?)"),a(false);}finally{n(true);}})();},[d,o]),s?jsx(Le.Provider,{value:{auth:d,isAuthenticated:i,isClient:o},children:e}):null}function I(){let e=useContext(Le);if(!e)throw new Error("useAuth must be used inside <AuthProvider>");return e}function Y(e,{insertAt:t}={}){if(!e||typeof document>"u")return;let r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css",t==="top"&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e));}Y(`@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--trieoh-primary: oklch(.1139 .0789 264.05);--trieoh-secondary: oklch(.7975 .1018 262.7);--trieoh-neutral1: oklch(.9702 0 0);--trieoh-neutral2: oklch(.1944 .0051 248.09);--trieoh-radius-full: 50%;--trieoh-text-sm: .75rem;--trieoh-text-base: .875rem;--trieoh-text-xl: 1.25rem;--trieoh-text-2xl: 1.5rem;--trieoh-text-3xl: 1.875rem;--trieoh-text-6xl: 3.75rem}
|
|
2
|
-
`);
|
|
3
|
-
`);function
|
|
4
|
-
${r?"trieoh-button--loading":""}`,children:e})}function G({mainText:e,subText:t}){return jsxs("div",{className:"trieoh trieoh-avacard",children:[jsx("div",{className:"trieoh-avacard__container",children:jsx(GoPerson,{className:"trieoh-avacard__content",size:70})}),jsx("h3",{className:"trieoh-avacard__title",children:e}),jsx("span",{className:"trieoh-avacard__sub-title",children:t})]})}function $(e,t){return e.map(r=>({id:r.id,message:r.message,passed:!!r.test(t)}))}function at({onSuccess:e,onFailed:t,signUpRedirect:r,forgotPasswordRedirect:o,emailRules:s}){let[n,i]=useState(""),[a,p]=useState(""),[d,l]=useState(false),[c,g]=useState(false),f=useRef(null),b=useRef(null),{auth:_}=I(),u={email:s||[{message:"Digite um e-mail v\xE1lido, ex: exemplo@dominio.com",test:k=>/\S+@\S+\.\S+/.test(k)}],password:[]},y=$(u.email,n),E=$(u.password,a);return jsxs("form",{className:"trieoh trieoh-card trieoh-card--full-rounded",children:[jsx(G,{mainText:"Fa\xE7a login na sua conta",subText:"Insira seus dados para fazer login"}),jsxs("div",{className:"trieoh-card__fields",children:[jsx(T,{label:"Email",name:"email",placeholder:"teste@gmail.com",autoComplete:"email",type:"email",value:n,onValueChange:i,inputRef:f,rulesStatus:y,submitted:d}),jsx(T,{label:"Senha",name:"password",placeholder:"**********",autoComplete:"current-password",type:"password",value:a,onValueChange:p,inputRef:b,rulesStatus:E,submitted:d})]}),jsx(H,{label:"Entrar",onSubmit:async k=>{k.preventDefault(),l(true);let v=y.some(U=>!U.passed),S=E.some(U=>!U.passed);if(v){f.current?.focus();return}if(S){b.current?.focus();return}g(true);let L=await _.login(n,a);L.success&&e?await e(L.data.is_up_to_date||true):t&&await t(L.message),g(false);},loading:c}),o&&jsx("span",{className:"trieoh-card__other",style:{textAlign:"center",cursor:"pointer"},children:jsx("span",{onClick:o,children:"Esqueceu sua senha?"})}),r&&jsxs(Fragment,{children:[jsxs("div",{className:"trieoh-card__divider",children:[jsx("hr",{}),"OU",jsx("hr",{})]}),jsxs("span",{className:"trieoh-card__other",children:["Ainda n\xE3o possui uma conta? ",jsx("span",{onClick:r,children:"Cadastra-se"})]})]})]})}function ie({name:e,label:t,placeholder:r="Selecione uma op\xE7\xE3o",value:o,options:s,onValueChange:n,onBlur:i,rulesStatus:a=[],submitted:p=false,triggerRef:d,disabled:l=false}){let[c,g]=useState(false),[f,b]=useState(""),_=useRef(null),u=a.some(v=>!v.passed);useEffect(()=>{let v=s.find(S=>S.value===o);b(v?v.label:"");},[o,s]),useEffect(()=>{let v=S=>{_.current&&!_.current.contains(S.target)&&g(false);};return document.addEventListener("mousedown",v),()=>document.removeEventListener("mousedown",v)},[]);let y=v=>{n&&n(v),g(false);},E=()=>{l||g(!c);},N=v=>{_.current?.contains(v.relatedTarget)||i&&i(v);},k=f||r;return jsxs("div",{className:"trieoh trieoh-input",children:[jsx("label",{htmlFor:e,className:"trieoh-input__label",children:t}),jsxs("div",{className:"trieoh-custom-select__wrapper",ref:_,children:[jsxs("div",{className:(u&&p?"trieoh-input__container--error ":"")+"trieoh-input__container trieoh-custom-select "+(c?"is-open ":"")+(l?"is-disabled ":""),onClick:E,onBlur:N,ref:d,id:e,role:"combobox","aria-expanded":c,"aria-haspopup":"listbox","aria-disabled":l,tabIndex:l?-1:0,children:[jsx("div",{className:"trieoh-input__container-field trieoh-custom-select__trigger "+(f?"":"placeholder"),children:k}),jsx(RiArrowDownSLine,{className:`trieoh-input__container-icon trieoh-custom-select__arrow ${c?"is-open":""}`,size:24})]}),c&&jsx("div",{className:"trieoh-custom-select__dropdown",role:"listbox","aria-label":`Op\xE7\xF5es para ${t}`,children:jsx("div",{className:"trieoh-custom-select__options",children:s.map(v=>jsx("div",{className:`trieoh-custom-select__option ${v.value===o?"is-selected":""}`,onClick:()=>y(v.value),role:"option","aria-selected":v.value===o,tabIndex:0,onKeyDown:S=>{(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),y(v.value));},children:v.label},v.id))})})]}),jsx("div",{className:"trieoh-input__hint",children:a.map((v,S)=>{let L=["hint-part",v.passed?"passed":"",!v.passed&&p?"failed-on-submit":""].filter(Boolean).join(" ");return jsx("p",{className:L,children:v.message},v.id??S)})})]})}function ye(e,t,r){return useMemo(()=>{if(!e||e.length===0)return {satisfied:true,statuses:[]};let o=e.map(n=>pt(n,t,r));return {satisfied:o.every(n=>n.passed),statuses:o}},[e,t,r])}function pt(e,t,r){let o=r[e.depends_on_field_id];if(!o)return {id:e.id,message:"Campo dependente n\xE3o encontrado.",passed:false};let s=t[o.key],n=e.operator,i=e.value,a=o.title,p,d,l=c=>c==null?"":String(c);switch(n){case "exists":{p=s!=null&&s!=="",d=`O campo "${a}" deve estar preenchido.`;break}case "not_exists":{p=s==null||s==="",d=`O campo "${a}" deve estar vazio.`;break}case "equals":{p=l(s)===l(i),d=`O campo "${a}" deve ser igual a "${l(i)}".`;break}case "not_equals":{p=l(s)!==l(i),d=`O campo "${a}" deve ser diferente de "${l(i)}".`;break}case "contains":{p=l(s).includes(l(i)),d=`O campo "${a}" deve conter "${l(i)}".`;break}case "greater_than":{p=Number(s)>Number(i),d=`O campo "${a}" deve ser maior que ${l(i)}.`;break}case "greater_than_equal":{p=Number(s)>=Number(i),d=`O campo "${a}" deve ser maior ou igual a ${l(i)}.`;break}case "lower_than":{p=Number(s)<Number(i),d=`O campo "${a}" deve ser menor que ${l(i)}.`;break}case "lower_than_equal":{p=Number(s)<=Number(i),d=`O campo "${a}" deve ser menor ou igual a ${l(i)}.`;break}case "in":{let c=l(i).split(",").map(f=>f.trim());p=c.includes(l(s));let g=c.join(", ");d=`O campo "${a}" deve ser um dos seguintes: ${g}.`;break}case "not_in":{let c=l(i).split(",").map(f=>f.trim());p=!c.includes(l(s));let g=c.join(", ");d=`O campo "${a}" n\xE3o pode ser um dos seguintes: ${g}.`;break}default:p=false,d=`Operador "${n}" desconhecido.`;}return {passed:p,id:e.id,message:d}}function M({fields:e,values:t,onValueChange:r,submitted:o=false}){if(!e||e.length===0)return null;let s=useMemo(()=>e.reduce((i,a)=>(i[a.id]={key:a.key,title:a.title},a.object_id&&(i[a.object_id]={key:a.key,title:a.title}),i),{}),[e]),n=useMemo(()=>[...e].sort((i,a)=>i.position-a.position),[e]);return jsx(Fragment,{children:n.map(i=>jsx(mt,{field:i,values:t,onValueChange:r,submitted:o,fieldsMap:s},i.id))})}function mt({field:e,values:t,onValueChange:r,submitted:o,fieldsMap:s}){let n=ye(e.visibility_rules,t,s),a=!(e.visibility_rules&&e.visibility_rules.length>0)||n.satisfied,p=ye(e.required_rules,t,s),l=e.required_rules&&e.required_rules.length>0&&p.satisfied,c=e.required||l,g=t[e.key]??e.default_value??"",f=g===""||g===void 0||g===null,b=useMemo(()=>{let u=[];return c&&u.push({message:`${e.title} \xE9 obrigat\xF3rio.`,passed:!f}),u},[e.title,c,f]);if(!a)return null;let _={name:e.key,label:e.title,placeholder:e.placeholder,value:String(g),submitted:o,rulesStatus:b,required:c};switch(e.type){case "string":case "email":return jsx(T,{..._,type:e.type==="email"?"email":"text",onValueChange:u=>r(e.key,u)});case "int":return jsx(T,{..._,type:"number",onValueChange:u=>r(e.key,u)});case "radio":return jsxs("div",{className:"trieoh trieoh-input",children:[jsxs("label",{className:"trieoh-input__label",children:[e.title,c&&jsx("span",{style:{color:"#e74c3c",marginLeft:"4px"},children:"*"})]}),jsx("div",{className:"trieoh-radio-group",style:{display:"flex",flexDirection:"column",gap:"8px"},children:e.options?.map(u=>jsxs("label",{style:{display:"flex",alignItems:"center",gap:"8px",cursor:"pointer"},children:[jsx("input",{type:"radio",name:e.key,value:u.value,checked:g===u.value,onChange:y=>r(e.key,y.target.value)}),jsx("span",{children:u.label})]},u.id))}),o&&b.filter(u=>!u.passed).map((u,y)=>jsx("span",{style:{color:"#e74c3c",fontSize:"12px",marginTop:"4px",display:"block"},children:u.message},y))]});case "select":return jsx(ie,{..._,options:e.options||[],onValueChange:u=>r(e.key,u)});case "checkbox":{let u=Array.isArray(t[e.key])?t[e.key]:[];return jsxs("div",{className:"trieoh trieoh-input",children:[jsxs("label",{className:"trieoh-input__label",children:[e.title,c&&jsx("span",{style:{color:"#e74c3c",marginLeft:"4px"},children:"*"})]}),jsx("div",{className:"trieoh-checkbox-group",style:{display:"flex",flexDirection:"column",gap:"8px"},children:e.options?.map(y=>jsxs("label",{style:{display:"flex",alignItems:"center",gap:"8px",cursor:"pointer"},children:[jsx("input",{type:"checkbox",name:e.key,value:y.value,checked:u.includes(y.value),onChange:E=>{let N=E.target.checked?[...u,y.value]:u.filter(k=>k!==y.value);r(e.key,N);}}),jsx("span",{children:y.label})]},y.id))}),o&&b.filter(y=>!y.passed).map((y,E)=>jsx("span",{style:{color:"#e74c3c",fontSize:"12px",marginTop:"4px",display:"block"},children:y.message},E))]})}case "bool":return jsxs("div",{className:"trieoh trieoh-input",style:{flexDirection:"row",alignItems:"center",gap:"8px"},children:[jsx("input",{type:"checkbox",id:e.key,name:e.key,checked:!!t[e.key],onChange:u=>r(e.key,u.target.checked)}),jsxs("label",{htmlFor:e.key,className:"trieoh-input__label",style:{marginBottom:0},children:[e.title,c&&jsx("span",{style:{color:"#e74c3c",marginLeft:"4px"},children:"*"})]}),o&&b.filter(u=>!u.passed).map((u,y)=>jsx("span",{style:{color:"#e74c3c",fontSize:"12px",marginLeft:"8px"},children:u.message},y))]});default:return null}}function Re({onSuccess:e,onFailed:t,loginRedirect:r,emailRules:o,passwordRules:s,flow_id:n,fields:i=[]}){let[a,p]=useState(""),[d,l]=useState(""),[c,g]=useState(""),[f,b]=useState({}),[_,u]=useState(false),[y,E]=useState(false),N=useRef(null),k=useRef(null),v=useRef(null),{auth:S}=I(),L=(w,ae)=>{b(le=>({...le,[w]:ae}));},U={email:o||[{message:"Digite um e-mail v\xE1lido, ex: exemplo@dominio.com",test:w=>/\S+@\S+\.\S+/.test(w)}],password:s||[{message:"M\xEDnimo de 8 caracteres.",test:w=>w.length>=8},{message:"Deve conter uma letra mai\xFAscula.",test:w=>/[A-Z]/.test(w)},{message:"Inclua pelo menos um caractere especial, ex: ! @ # $ % & * . ,",test:w=>/[!@#$%^&*(),.?":{}|<>_\-+=~`;/\\[\]]/.test(w)},{message:"Deve conter um n\xFAmero.",test:w=>/\d/.test(w)}],confirmPassword:[{message:"Senhas n\xE3o conferem.",test:w=>w===d}]},ke=$(U.email,a),Pe=$(U.password,d),Ie=$(U.confirmPassword,c);return jsxs("form",{className:"trieoh trieoh-card trieoh-card--full-rounded",children:[jsx(G,{mainText:"Crie sua conta",subText:"Insira seus dados para come\xE7ar"}),jsxs("div",{className:"trieoh-card__fields",children:[jsx(T,{label:"Email",name:"email",placeholder:"teste@gmail.com",autoComplete:"email",type:"email",value:a,onValueChange:p,inputRef:N,rulesStatus:ke,submitted:_}),jsx(T,{label:"Senha",name:"password",placeholder:"**********",autoComplete:"new-password",type:"password",value:d,onValueChange:l,inputRef:k,rulesStatus:Pe,submitted:_}),jsx(T,{label:"Confirme a Senha",name:"confirm-password",placeholder:"**********",autoComplete:"new-password",type:"password",value:c,onValueChange:g,inputRef:v,rulesStatus:Ie,submitted:_}),jsx(M,{fields:i,values:f,onValueChange:L,submitted:_})]}),jsx(H,{label:"Criar Conta",onSubmit:async w=>{w.preventDefault(),u(true);let ae=ke.some(D=>!D.passed),le=Pe.some(D=>!D.passed),Ye=Ie.some(D=>!D.passed),Ge=i.some(D=>D.required&&!f[D.key]);if(ae){N.current?.focus();return}if(le){k.current?.focus();return}if(Ye){v.current?.focus();return}if(Ge)return;E(true);let ce=await S.register(a,d,n,f);ce.success?e&&await e():t&&await t(ce.message,ce.trace),E(false);},loading:y}),r&&jsxs(Fragment,{children:[jsxs("div",{className:"trieoh-card__divider",children:[jsx("hr",{}),"OU",jsx("hr",{})]}),jsxs("span",{className:"trieoh-card__other",children:["J\xE1 possui uma conta? ",jsx("span",{onClick:r,children:"Entre"})]})]})]})}function vt({flowIds:e,...t}){let[r,o]=useState(e[0]?.value||"");if(!e||e.length===0)return null;let s=e.find(n=>n.value===r);return jsxs("div",{className:"trieoh-tabbed-signup",children:[jsx("div",{className:"trieoh-tabbed-signup__header",children:e.map(n=>jsx("button",{className:`trieoh-tabbed-signup__tab ${r===n.value?"active":""}`,onClick:()=>o(n.value),type:"button","aria-selected":r===n.value,role:"tab",children:jsx("span",{className:"trieoh-tabbed-signup__tab-text",children:n.label})},n.value))}),jsx("hr",{}),jsx("div",{className:"trieoh-tabbed-signup__content",children:jsx(Re,{flow_id:r,...t,fields:s?.fields},r)})]})}function yt({size:e}){let t=e?`trieoh-copyright--${e}`:"";return jsxs("span",{className:`trieoh trieoh-copyright ${t}`,children:["\xA9 ",new Date().getFullYear()," TrieOH"]})}function wt({onSuccess:e,onFailed:t}){let{auth:r}=I(),[o,s]=useState(false);return jsxs("button",{onClick:async i=>{if(i.preventDefault(),o)return;s(true);let a=await r.logout();a.success&&e?await e():t&&await t(a.message),s(false);},type:"button",disabled:o,className:"trieoh trieoh-button--logout",children:[jsx(ImExit,{size:24})," ",jsx("span",{children:"Log out"})]})}var Ve={mobile:FaMobileAlt,tablet:FaTabletAlt,desktop:FaDesktop};function ze(e){let{device:t,os:r,browser:o}=UAParser(e);return {deviceType:t.type??"desktop",os:r.name,browser:o.name}}function qe(e){let t=ze(e);return {device:It(t.deviceType),os:t.os,browser:t.browser}}function It(e){if(!e)return "desktop";switch(e){case "mobile":return "mobile";case "tablet":return "tablet";default:return "desktop"}}function Ke(e){let t=Date.now()-new Date(e).getTime(),r=Math.floor(t/1e3),o=Math.floor(r/60),s=Math.floor(o/60),n=Math.floor(s/24),i=Math.floor(n/7);return r<60?"agora mesmo":o<60?`${o} minutos atr\xE1s`:s<24?`${s} horas atr\xE1s`:n<7?`${n} dias atr\xE1s`:`${i} semanas atr\xE1s`}function we({is_current:e,session_id:t,user_agent:r,issued_at:o,user_ip:s,onClick:n}){let i=qe(r),a=Ve[i.device];return jsx("div",{className:"trieoh-session",children:jsxs("div",{className:"trieoh-session__content",children:[jsx(a,{size:40}),jsxs("div",{className:"trieoh-session__info",children:[jsxs("h3",{children:[i.browser," - ",i.os]}),jsxs("span",{className:"trieoh-session__meta",children:[e&&jsx("strong",{children:"\u2022 Sess\xE3o Atual \u2022"}),jsx("span",{children:`${s} - ${Ke(o)}`})]})]}),!e&&jsx(FaTrashAlt,{size:20,color:"red",onClick:p=>n(p,t)})]})})}function Dt({revokeAll:e=false,onSuccess:t}){let{auth:r}=I(),[o,s]=useState(false),[n,i]=useState([]),a=async()=>{let l=await r.sessions();if(l.success){let c=r.profile()?.session_id,g=l.data.sort((f,b)=>f.session_id===c?-1:b.session_id===c?1:0);i(g);}};useEffect(()=>{a();},[]);let p=async(l,c)=>{l.preventDefault();let g=n.find(f=>f.session_id===c);if(g){i(n.filter(f=>f.session_id!==c));try{(await r.revokeASession(c)).success||i(b=>[...b,g]);}catch{i(f=>[...f,g]);}}};return jsxs("div",{className:"trieoh trieoh-sessions",children:[jsxs("div",{className:"trieoh-sessions__header",children:[jsxs("div",{children:[jsx("h3",{children:"Navegadores e Dispositivos"}),jsx("p",{children:"Esses navegadores e dispositivos est\xE3o atualmente conectados \xE0 sua conta. Remova quaisquer dispositivos n\xE3o autorizados."})]}),jsx("button",{type:"submit",onClick:async l=>{if(l.preventDefault(),o)return;s(true);let c=await r.revokeSessions(e),g=r.profile()?.session_id;c.success&&(i(e?[]:n.filter(f=>f.session_id===g)),t&&t()),s(false);},disabled:o,className:`trieoh trieoh-button trieoh-button--all-rounded
|
|
5
|
-
${
|
|
1
|
+
import {createContext,useState,useSyncExternalStore,useRef,useMemo,useEffect,useContext}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {RiEyeCloseLine,RiEyeLine,RiArrowDownSLine}from'react-icons/ri';import {GoPerson}from'react-icons/go';import {ImExit}from'react-icons/im';import {FaDesktop,FaTabletAlt,FaMobileAlt,FaTrashAlt}from'react-icons/fa';import {UAParser}from'ua-parser-js';function ot(){let e=typeof window>"u",t=typeof import.meta<"u"&&import.meta.env?import.meta.env:{},r=typeof process<"u"?process.env:{},s=t.VITE_TRIEOH_AUTH_PROJECT_ID||r.NEXT_PUBLIC_TRIEOH_AUTH_PROJECT_ID||r.PUBLIC_TRIEOH_AUTH_PROJECT_ID||"",o=e&&r.TRIEOH_AUTH_API_KEY||"";return {PROJECT_ID:s,API_KEY:o,BASE_URL:"https://api.default.com"}}var oe=null,ge={};function Le(e){ge={...ge,...e},oe=null;}function fe(){return oe||(oe={...ot(),...ge}),oe}var x={get PROJECT_ID(){return fe().PROJECT_ID},get BASE_URL(){return fe().BASE_URL}};function X(e,t){if(t.startsWith("http"))return t;let r=e.replace(/\/$/,""),s=t.replace(/^\//,"");return `${r}/${s}`}var Q={isAuthenticated:false,isUpToDate:false},ve=new Set,Be=()=>ve.forEach(e=>e()),T={subscribe:e=>(ve.add(e),()=>ve.delete(e)),getSnapshot:()=>Q,getServerSnapshot:()=>Q,set:e=>{Q={...Q,...e},Be();},reset:()=>{Q={isAuthenticated:false,isUpToDate:false},Be();}};var _e="trieoh_access_expiry",be="trieoh_refresh_expiry",ye="trieoh_is_up_to_date",it="path=/; secure; samesite=none";function N(e,t,r){if(typeof window>"u")return;let s=r?`; expires=${r}`:"";document.cookie=`${e}=${t}; ${it}${s}`;}function $e(e){N(e,"","Thu, 01 Jan 1970 00:00:00 GMT");}var K=null;function xe(e){K=e;let t=new Date(e.refresh_expiry_date).getTime(),r=e.access_data.exp*1e3;isNaN(t)?console.error("[TRIEOH SDK] Invalid refresh_expiry_date received:",e.refresh_expiry_date):localStorage.setItem(be,String(t)),isNaN(r)?console.error("[TRIEOH SDK] Invalid access expiry received:",e.access_data.exp):localStorage.setItem(_e,String(r)),e.is_up_to_date!==void 0&&localStorage.setItem(ye,String(e.is_up_to_date)),console.log("[TRIEOH SDK] Token claims saved");}function we(){return K||null}function U(){return K?.is_up_to_date!==void 0?K.is_up_to_date:localStorage.getItem(ye)==="true"}function He(e=30){try{let t=localStorage.getItem(_e);if(!t)return !0;let r=parseInt(t,10);if(isNaN(r))return !0;let s=Date.now(),o=e*1e3;return r-s<=o}catch(t){return console.warn("[TRIEOH SDK] Error reading access expiry date:",t),true}}function Me(e=10){try{let t=localStorage.getItem(be);if(!t)return !0;let r=parseInt(t,10);if(isNaN(r))return !0;let s=Date.now(),o=e*1e3;return r-s<=o}catch(t){return console.warn("[TRIEOH SDK] Error reading refresh expiry date:",t),true}}function P(){K=null,localStorage.removeItem(_e),localStorage.removeItem(be),localStorage.removeItem(ye),$e("svc_session"),$e("refresh_token"),T.reset(),console.log("[TRIEOH SDK] Auth tokens and claims cleared");}function ze(){let e=we();return e?e.access_data.sub:null}var ie=async(e,t,r)=>{try{let s=await e.get("/sessions/me",{requiresAuth:!0,skipRefresh:r});if(s.success){let o={...s.data,is_up_to_date:t??U()};return xe(o),{...s,data:o}}throw new Error(s.message||"Failed to fetch session claims")}catch(s){throw console.warn("[TRIEOH SDK] fetch claims failed (network/server)",s),s}},Re=async(e,t,r,s)=>{let o=await e.post("/auth/exchange",void 0,{requiresAuth:false,headers:{Authorization:`Bearer ${t}`}});if(o.success){let i=new Date(o.data.expires_at).toUTCString();N("svc_session",o.data.service_session_id,i);let n=await ie(e,s,true),a=new Date(n.data.refresh_expiry_date).toUTCString();return N("refresh_token",r,a),n}throw new Error(o.message||"Failed to exchange tokens")};var ne=class{constructor(t){this.isRefreshing=false;this.refreshPromise=null;this.authBaseURL=t?.authBaseURL||x.BASE_URL,this.baseURL=t?.baseURL||this.authBaseURL,this.onTokenRefreshed=t?.onTokenRefreshed,this.onRefreshFailed=t?.onRefreshFailed;}async fetchClaimsAndSave(t){let s=await(await fetch(X(this.authBaseURL,"/sessions/me"),{method:"GET",headers:{"Content-Type":"application/json"},credentials:"include"})).json();if(s.code!==200||!s.data)throw P(),new Error(s.message||"Failed to fetch session claims after refresh");let o={...s.data,is_up_to_date:t};return xe(o),o}async exchange(t,r,s){let i=await(await fetch(X(this.authBaseURL,"/auth/exchange"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${t}`},credentials:"include"})).json();if(i.code!==200)throw P(),new Error(i.message||"Failed to exchange tokens for session");let n=new Date(i.data.expires_at).toUTCString();N("svc_session",i.data.service_session_id,n);let a=await this.fetchClaimsAndSave(s),d=new Date(a.refresh_expiry_date).toUTCString();return N("refresh_token",r,d),a}async refreshToken(){return this.isRefreshing&&this.refreshPromise?this.refreshPromise:(this.isRefreshing=true,this.refreshPromise=(async()=>{try{let r=await(await fetch(X(this.authBaseURL,"/auth/refresh"),{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include"})).json();if(r.code!==200)throw r.code!==503&&P(),new Error(r.message||"Failed to refresh token");let{access_token:s,refresh_token:o,is_up_to_date:i}=r.data,n=await this.exchange(s,o,i);this.onTokenRefreshed?.(n),console.log("[TRIEOH SDK] Token refreshed successfully");}catch(t){throw console.warn("[TRIEOH SDK] Failed to refresh token:",t),P(),this.onRefreshFailed?.(t),t}finally{this.isRefreshing=false,this.refreshPromise=null;}})(),this.refreshPromise)}async beforeRequest(){if(Me()){P();return}if(He(30)){console.log("[TRIEOH SDK] Token expiring soon, refreshing...");try{await this.refreshToken();}catch(t){console.warn("[TRIEOH SDK] Refresh interceptor failed:",t);}}}async fetch(t,r){let s=r?.requiresAuth!==false,o=!r?.skipRefresh;s&&o&&await this.beforeRequest();let i=X(this.baseURL,t);return fetch(i,{...r,credentials:"include",headers:{"Content-Type":"application/json",...r?.headers}})}};var ae=class{constructor(t,r,s){this.baseURL=t||x.BASE_URL,this.authInterceptor=new ne({baseURL:this.baseURL,authBaseURL:r,onTokenRefreshed:s});}get headers(){return {"Content-Type":"application/json"}}async request(t,r){try{let s=await this.authInterceptor.fetch(t,{...r,headers:{...this.headers,...r?.headers??{}}}),o=await s.json().catch(()=>({module:"Client",message:s.statusText||"Unknown error",timestamp:new Date().toISOString(),code:s.status,error_id:"CLIENT_PARSE_ERROR",trace:["Failed to parse API response as JSON"]}));return s.ok?{success:!0,module:o.module,message:o.message,timestamp:o.timestamp,code:o.code,data:o.data}:{success:!1,module:o.module||"Unknown",message:o.message||s.statusText||"An unknown error occurred",timestamp:o.timestamp||new Date().toISOString(),code:o.code||s.status,error_id:o.error_id||"UNKNOWN_ERROR",trace:o.trace}}catch(s){let o=s instanceof Error?s.message:"A network or unknown error occurred.";return {success:false,module:"Network",message:o,timestamp:new Date().toISOString(),code:503,error_id:"CLIENT_NETWORK_ERROR",trace:s instanceof Error?[s.stack||o]:[o]}}}get(t,r){return this.request(t,{...r,method:"GET"})}post(t,r,s){return this.request(t,{...s,method:"POST",body:r?JSON.stringify(r):void 0})}put(t,r,s){return this.request(t,{...s,method:"PUT",body:r?JSON.stringify(r):void 0})}patch(t,r,s){return this.request(t,{...s,method:"PATCH",body:r?JSON.stringify(r):void 0})}delete(t,r,s){return this.request(t,{...s,method:"DELETE",body:r?JSON.stringify(r):void 0})}};var I=()=>{if(!x.PROJECT_ID||x.PROJECT_ID.trim()==="")throw new Error("[TRIEOH SDK] Project ID is missing. Please set PUBLIC_TRIEOH_AUTH_PROJECT_ID, NEXT_PUBLIC_TRIEOH_AUTH_PROJECT_ID or VITE_TRIEOH_AUTH_PROJECT_ID.")};var Ve=e=>({login:async(t,r)=>{let s={requiresAuth:false},o;if(x.PROJECT_ID){I();let i=`/projects/${x.PROJECT_ID}/login`;o=await e.post(i,{email:t,password:r},s);}else o=await e.post("/auth/login",{email:t,password:r},s);if(o.success)try{let i=await Re(e,o.data.access_token,o.data.refresh_token,o.data.is_up_to_date);return o}catch(i){return console.error("[TRIEOH SDK] Exchange failed during login:",i),P(),{success:false,code:500,message:i instanceof Error?i.message:"Authentication failed during exchange"}}return o},register:(t,r,s,o={})=>{let i={requiresAuth:false};if(x.PROJECT_ID){I();let n=new URLSearchParams;s&&(n.append("flow_id",s),n.append("schema_type","context"),n.append("version","1"));let a={email:t,password:r,...s&&{custom_fields:o}},d=n.toString()?`?${n.toString()}`:"",h=`/projects/${x.PROJECT_ID}/register${d}`;return e.post(h,a,i)}return e.post("/auth/register",{email:t,password:r},i)},logout:async()=>{let t=await e.post("/auth/logout");return t.success&&P(),t},refresh:async()=>{let t=await e.post("/auth/refresh",void 0,{skipRefresh:true});if(t.success)try{return await Re(e,t.data.access_token,t.data.refresh_token,t.data.is_up_to_date),t}catch(r){return console.error("[TRIEOH SDK] Exchange failed during refresh:",r),P(),{success:false,code:500,message:r instanceof Error?r.message:"Refresh failed during exchange"}}return t},exchange:async t=>{let r=await e.post("/auth/exchange",void 0,{requiresAuth:false,headers:{Authorization:`Bearer ${t}`}});if(r.success){let s=new Date(r.data.expires_at).toUTCString();N("svc_session",r.data.service_session_id,s),await ie(e,void 0,true);}return r},sessions:async()=>e.get("/sessions"),revokeASession:async t=>e.delete(`/sessions/${t}`),revokeSessions:async(t=false)=>{let r=t?"/sessions":"/sessions/others";return e.delete(r)},refreshProfileInfo:async()=>ie(e),profile:()=>ze(),isUpToDate:()=>U(),getProfileUpgradeForms:async()=>{I();let t=`/projects/${x.PROJECT_ID}/upgrade-form`;return e.get(t)},updateProfile:async t=>{I();let r=`/projects/${x.PROJECT_ID}/metadata`;return e.post(r,{custom_fields:t})},sendForgotPassword:async t=>{let r={requiresAuth:false};return x.PROJECT_ID?(I(),e.post("/auth/forgot-password",{email:t,project_id:x.PROJECT_ID},r)):e.post("/auth/forgot-password",{email:t},r)},resetPassword:async(t,r)=>e.post(`/auth/reset-password?token=${t}`,{new_password:r},{requiresAuth:false}),resendVerifyEmail:async()=>e.post("/auth/verify/resend"),verifyEmail:async()=>e.get("/auth/verify",{requiresAuth:false}),addSubContext:async(t,r)=>(I(),e.post(`/projects/${x.PROJECT_ID}/sub-context`,{data:r,user_id:t})),removeSubContext:async(t,r)=>(I(),e.delete(`/projects/${x.PROJECT_ID}/sub-context`,{keys:r,user_id:t}))});var qe=createContext(null);function Cr({children:e,baseURL:t,projectId:r,isClient:s=true}){let[o,i]=useState(false),{isAuthenticated:n,isUpToDate:a}=useSyncExternalStore(T.subscribe,T.getSnapshot,T.getServerSnapshot),d=useRef({projectId:r,baseURL:t});(d.current.projectId!==r||d.current.baseURL!==t)&&(Le({...r?{PROJECT_ID:r}:{},...t?{BASE_URL:t}:{}}),d.current={projectId:r,baseURL:t});let h=useMemo(()=>new ae(t,void 0,m=>{T.set({isUpToDate:m.is_up_to_date||false});}),[t]),l=useMemo(()=>Ve(h),[h]),c=useMemo(()=>({...l,login:async(...m)=>{let p=await l.login(...m);return p.success&&T.set({isAuthenticated:true,isUpToDate:U()}),p},logout:async(...m)=>{let p=await l.logout(...m);return p.success&&T.reset(),p},refresh:async(...m)=>{let p=await l.refresh(...m);return p.success&&T.set({isAuthenticated:true,isUpToDate:U()}),p}}),[l]);return useEffect(()=>{s&&I(),(async()=>{if(we()){T.set({isAuthenticated:true,isUpToDate:U()}),i(true);return}console.log("[TRIEOH SDK] Attempting to refresh session...");try{(await c.refreshProfileInfo()).success?(T.set({isAuthenticated:!0,isUpToDate:U()}),console.log("[TRIEOH SDK] Session restored successfully.")):(T.reset(),console.warn("[TRIEOH SDK] Session restoration failed/no session."));}catch{console.warn("[TRIEOH SDK] Unable to verify session (offline?)"),T.reset();}finally{i(true);}})();},[]),o?jsx(qe.Provider,{value:{auth:c,isAuthenticated:n,isUpToDate:a,isClient:s},children:e}):null}function C(){let e=useContext(qe);if(!e)throw new Error("useAuth must be used inside <AuthProvider>");return e}function Z(e,{insertAt:t}={}){if(!e||typeof document>"u")return;let r=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css",t==="top"&&r.firstChild?r.insertBefore(s,r.firstChild):r.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e));}Z(`@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--trieoh-primary: oklch(.1139 .0789 264.05);--trieoh-secondary: oklch(.7975 .1018 262.7);--trieoh-neutral1: oklch(.9702 0 0);--trieoh-neutral2: oklch(.1944 .0051 248.09);--trieoh-radius-full: 50%;--trieoh-text-sm: .75rem;--trieoh-text-base: .875rem;--trieoh-text-xl: 1.25rem;--trieoh-text-2xl: 1.5rem;--trieoh-text-3xl: 1.875rem;--trieoh-text-6xl: 3.75rem}
|
|
2
|
+
`);Z(`.trieoh{font-family:Inter,sans-serif}.trieoh-input{position:relative;width:100%;display:flex;flex-direction:column;gap:.25rem;color:var(--trieoh-neutral2)}.trieoh-input__label{font-size:1rem;font-weight:600}.trieoh-input__container{display:flex;justify-content:space-between;align-items:center;padding:.0625rem .625rem;gap:.625rem;border-bottom:solid .125rem var(--trieoh-neutral2)}.trieoh-input__container--error{border-color:#e53935!important}.trieoh-input__container-field{min-width:10rem;flex:1;font-size:var(--trieoh-text-base);font-weight:300;color:var(--trieoh-neutral2);-webkit-appearance:none;background:none;outline:none;border:none;box-shadow:none!important;padding:.125rem 0}.trieoh-custom-select__wrapper{position:relative;width:100%}.trieoh-custom-select{cursor:pointer;user-select:none;box-sizing:border-box}.trieoh-custom-select.is-disabled{opacity:.5;cursor:not-allowed}.trieoh-custom-select:focus-visible{outline:2px solid var(--trieoh-primary);outline-offset:2px}.trieoh-custom-select__trigger{display:flex;align-items:center;width:100%}.trieoh-custom-select__trigger.placeholder{opacity:.6}.trieoh-custom-select__arrow{transition:transform .2s ease;flex-shrink:0}.trieoh-custom-select__arrow.is-open{transform:rotate(180deg)}.trieoh-custom-select__dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:0;width:100%;box-sizing:border-box;background:var(--trieoh-neutral1);border:solid .125rem var(--trieoh-neutral2);border-radius:.25rem;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:15rem;overflow-y:auto;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.trieoh-custom-select__options{padding:.25rem 0}.trieoh-custom-select__option{padding:.5rem .625rem;font-size:var(--trieoh-text-base);font-weight:300;color:var(--trieoh-neutral2);cursor:pointer;transition:background-color .15s ease,color .15s ease;outline:none}.trieoh-custom-select__option:hover,.trieoh-custom-select__option:focus-visible{background-color:var(--trieoh-secondary);color:var(--trieoh-neutral2)}.trieoh-custom-select__option.is-selected{background-color:var(--trieoh-secondary);color:var(--trieoh-neutral2);font-weight:500}.trieoh-custom-select.is-open{border-color:var(--trieoh-primary, var(--trieoh-neutral2))}.trieoh-input__container-icon{cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.trieoh-input__hint{font-size:.75rem;color:#6b7280;transition:opacity .2s ease-in-out}.trieoh-input__hint .hint-part{transition:color .12s ease,text-decoration .12s ease,opacity .12s ease;opacity:.95;margin:.125rem}.trieoh-input__hint .hint-part.passed{text-decoration:line-through;opacity:.6;color:#10b981}.trieoh-input__hint .hint-part.failed-on-submit{color:#e53935;font-weight:600;opacity:1}.trieoh-button{--trieoh-button-color: var(--trieoh-neutral2);width:100%;height:3.25rem;font-size:var(--trieoh-text-xl);font-weight:600;color:var(--trieoh-button-color);outline:none;background:none;position:relative;overflow:hidden;min-width:10rem;flex-shrink:0;border:.125rem solid var(--trieoh-button-color);cursor:pointer;padding:0 1.5rem;transition:transform .5s}.trieoh-button--all-rounded{border-radius:.25rem}.trieoh-button:hover{transform:scale(102%)}.trieoh-button:active{transform:scale(99%)}.trieoh-button[disabled],.trieoh-button--logout[disabled]{opacity:.6;cursor:not-allowed;transform:none!important}.trieoh-button--loading:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(120deg,transparent 0%,color-mix(in oklab,var(--trieoh-button-color) 40%,white 15%) 40%,transparent 80%);animation:trieoh-shine 1.5s infinite}@keyframes trieoh-shine{0%{left:-150%}to{left:150%}}.trieoh-button--logout{border:none;background:none;cursor:pointer;--trieoh-button-color: oklch(.628 .2577 29.23);display:flex;align-items:end;gap:.25rem;font-size:var(--trieoh-text-base);font-weight:500;color:var(--trieoh-button-color);transition:transform .2s}.trieoh-button--logout:hover{transform:scale(1.05)}.trieoh-button--logout:active{transform:scale(.98)}.trieoh-avacard{display:flex;flex-direction:column;align-items:center}.trieoh-avacard__container{display:flex;justify-content:center;align-items:center;padding:.5rem;background-color:#d9d9d94d;border-radius:var(--trieoh-radius-full);margin-bottom:.625rem}.trieoh-avacard__content{width:64px;height:64px;padding:.625rem;background-color:var(--trieoh-neutral1);border-radius:var(--trieoh-radius-full);box-shadow:0 .25rem 1rem #00000040}.trieoh-avacard__title{text-align:center;font-size:var(--trieoh-text-xl);font-weight:500;margin:0}.trieoh-avacard__sub-title{text-align:center;font-size:.875rem;font-weight:300;opacity:.6}.trieoh-card{display:flex;flex-direction:column;width:100%;max-width:30rem;min-width:15rem;max-height:max(75dvh,32rem);overflow:hidden;gap:1.25rem;align-items:center;background-color:var(--trieoh-neutral1);color:var(--trieoh-neutral2);padding:1.25rem 1.5rem;box-shadow:0 .25rem .25rem #00000040;transition:transform .15s ease}.trieoh-card--full-rounded{border-radius:.25rem}.trieoh-card__fields{width:100%;display:flex;flex-direction:column;gap:.625rem;flex:1 1 auto;overflow-y:auto;margin-bottom:.5rem}.trieoh-card__divider{display:flex;align-items:center;gap:.625rem;width:100%;font-size:var(--trieoh-text-base);font-weight:600;opacity:.6}.trieoh-card__divider hr{flex:1}.trieoh-card__other{font-size:var(--trieoh-text-sm);font-weight:600}.trieoh-card__other span{cursor:pointer;color:var(--trieoh-secondary);transition:color .2s}.trieoh-card__other span:hover{color:var(--trieoh-primary)}.trieoh-card__empty{display:block;padding:1.25rem .75rem;text-align:center;font-weight:400;opacity:.6}.trieoh-copyright{font-size:var(--trieoh-text-xl);font-weight:500}.trieoh-copyright--xs{font-size:var(--trieoh-text-sm)}.trieoh-copyright--sm{font-size:var(--trieoh-text-base)}.trieoh-copyright--md{font-size:var(--trieoh-text-xl)}.trieoh-copyright--lg{font-size:var(--trieoh-text-2xl)}.trieoh-copyright--xl{font-size:var(--trieoh-text-3xl)}.trieoh-copyright--2xl{font-size:var(--trieoh-text-6xl)}.trieoh-sessions{width:100%;min-width:20rem;margin:.5rem;container-type:inline-size;background-color:var(--trieoh-neutral1);color:var(--trieoh-neutral2);padding:1.5rem .5rem;border-radius:.5rem}.trieoh-sessions__header{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:1rem;box-sizing:border-box;padding:0 .75rem}.trieoh-sessions__header div{flex:0 1 auto;max-width:25rem}.trieoh-sessions__header div h3{font-weight:600;font-size:var(--trieoh-text-2xl);margin:0;margin-bottom:.25rem}.trieoh-sessions__header div p{font-weight:200;font-size:var(--trieoh-text-base);margin:0}.trieoh-sessions__header button{max-width:14rem;padding:1rem 0;height:auto;font-size:var(--trieoh-text-base)}.trieoh-sessions__content{margin-top:1rem}.trieoh-sessions__empty{display:block;border-top:1px solid rgba(0,0,0,.3);padding:1.25rem .75rem;text-align:center;font-weight:600}.trieoh-session{border-top:1px solid rgba(0,0,0,.3);padding:1.25rem .75rem;color:var(--trieoh-neutral2)}.trieoh-session__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;text-align:center}.trieoh-session__info{display:flex;flex-direction:column;min-width:0}.trieoh-session__meta{display:inline-flex;flex-direction:column;font-size:var(--trieoh-text-sm);font-weight:200}.trieoh-session h3{font-size:var(--trieoh-text-base);font-weight:600;margin:0}.trieoh-session span strong{color:var(--trieoh-primary);font-weight:400}.trieoh-session__content svg:last-child{position:absolute;top:0;right:0;cursor:pointer;opacity:.6;transition:opacity .2s,transform .15s}.trieoh-session__content svg:last-child:hover{opacity:1;transform:scale(1.05)}.trieoh-session__content svg:last-child:active{transform:scale(.95)}@container (min-width: 640px){.trieoh-sessions__header{justify-content:space-between;text-align:left;gap:2rem}.trieoh-session{flex-direction:row;text-align:left}.trieoh-session__content{flex-direction:row;align-items:center;gap:1rem;text-align:left}.trieoh-session__meta{flex-direction:row;gap:.5rem;align-items:center}}.trieoh-tabbed-signup{width:100%;max-width:30rem;min-width:15rem;background-color:var(--trieoh-neutral1);color:var(--trieoh-neutral2);box-shadow:0 .25rem .25rem #00000040;transition:transform .15s ease}.trieoh-tabbed-signup__header{width:100%;display:flex;justify-content:space-between;gap:.25rem;overflow-x:auto;overflow-y:hidden;padding:.25rem 0;position:relative;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent}.trieoh-tabbed-signup__tab{flex-shrink:0;padding:.875rem 1.5rem;border:none;background:transparent;color:var(--trieoh-neutral2);opacity:.8;font-size:.8125rem;font-weight:500;letter-spacing:.01em;cursor:pointer;position:relative;white-space:nowrap;transition:color .2s ease,opacity .2s ease;border-radius:.375rem .375rem 0 0}.trieoh-tabbed-signup__tab:hover{color:var(--trieoh-primary);opacity:1}.trieoh-tabbed-signup__tab.active{color:var(--trieoh-primary);background:transparent}.trieoh-tabbed-signup__tab.active:after{content:"";position:absolute;bottom:4px;left:1rem;right:1rem;height:2px;background:var(--trieoh-primary);border-radius:2px}.trieoh-tabbed-signup__tab:focus-visible{outline:none;color:var(--trieoh-primary)}.trieoh-tabbed-signup hr{opacity:.5;border-top:1px solid var(--trieoh-primary);margin:0 .5rem;border-radius:1rem}.trieoh-tabbed-signup .trieoh-card{box-shadow:none;background:none;overflow-y:auto;box-sizing:border-box}.trieoh-tabbed-signup__content{width:100%}
|
|
3
|
+
`);function k({name:e,label:t,placeholder:r,type:s="text",value:o,onValueChange:i,onBlur:n,autoComplete:a,rulesStatus:d=[],submitted:h=false,inputRef:l}){let[c,m]=useState(false),p=d.some(v=>!v.passed);return jsxs("div",{className:"trieoh trieoh-input",children:[jsx("label",{htmlFor:e,className:"trieoh-input__label",children:t}),jsxs("div",{className:(p&&h?"trieoh-input__container--error ":"")+"trieoh-input__container",children:[jsx("input",{type:c?"text":s,name:e,id:e,placeholder:r,value:o,onChange:v=>i&&i(v.target.value),onBlur:n,autoComplete:a,"aria-invalid":p&&h,ref:l,className:"trieoh-input__container-field"}),s==="password"&&(c?jsx(RiEyeCloseLine,{className:"trieoh-input__container-icon",size:24,onClick:()=>m(false)}):jsx(RiEyeLine,{className:"trieoh-input__container-icon",size:24,onClick:()=>m(true)}))]}),jsx("div",{className:"trieoh-input__hint",children:d.map((v,y)=>{let u=["hint-part",v.passed?"passed":"",!v.passed&&h?"failed-on-submit":""].filter(Boolean).join(" ");return jsx("p",{className:u,children:v.message},v.id??y)})})]})}function M({label:e,onSubmit:t,loading:r}){return jsx("button",{type:"submit",onClick:t,disabled:r,className:`trieoh trieoh-button trieoh-button--all-rounded
|
|
4
|
+
${r?"trieoh-button--loading":""}`,children:e})}function ee({mainText:e,subText:t}){return jsxs("div",{className:"trieoh trieoh-avacard",children:[jsx("div",{className:"trieoh-avacard__container",children:jsx(GoPerson,{className:"trieoh-avacard__content",size:70})}),jsx("h3",{className:"trieoh-avacard__title",children:e}),jsx("span",{className:"trieoh-avacard__sub-title",children:t})]})}function z(e,t){return e.map(r=>({id:r.id,message:r.message,passed:!!r.test(t)}))}function bt({onSuccess:e,onFailed:t,signUpRedirect:r,forgotPasswordRedirect:s,emailRules:o}){let[i,n]=useState(""),[a,d]=useState(""),[h,l]=useState(false),[c,m]=useState(false),p=useRef(null),v=useRef(null),{auth:y}=C(),u={email:o||[{message:"Digite um e-mail v\xE1lido, ex: exemplo@dominio.com",test:A=>/\S+@\S+\.\S+/.test(A)}],password:[]},b=z(u.email,i),E=z(u.password,a);return jsxs("form",{className:"trieoh trieoh-card trieoh-card--full-rounded",children:[jsx(ee,{mainText:"Fa\xE7a login na sua conta",subText:"Insira seus dados para fazer login"}),jsxs("div",{className:"trieoh-card__fields",children:[jsx(k,{label:"Email",name:"email",placeholder:"teste@gmail.com",autoComplete:"email",type:"email",value:i,onValueChange:n,inputRef:p,rulesStatus:b,submitted:h}),jsx(k,{label:"Senha",name:"password",placeholder:"**********",autoComplete:"current-password",type:"password",value:a,onValueChange:d,inputRef:v,rulesStatus:E,submitted:h})]}),jsx(M,{label:"Entrar",onSubmit:async A=>{A.preventDefault(),l(true);let _=b.some(H=>!H.passed),S=E.some(H=>!H.passed);if(_){p.current?.focus();return}if(S){v.current?.focus();return}m(true);let q=await y.login(i,a);q.success&&e?await e():t&&await t(q.message),m(false);},loading:c}),s&&jsx("span",{className:"trieoh-card__other",style:{textAlign:"center",cursor:"pointer"},children:jsx("span",{onClick:s,children:"Esqueceu sua senha?"})}),r&&jsxs(Fragment,{children:[jsxs("div",{className:"trieoh-card__divider",children:[jsx("hr",{}),"OU",jsx("hr",{})]}),jsxs("span",{className:"trieoh-card__other",children:["Ainda n\xE3o possui uma conta? ",jsx("span",{onClick:r,children:"Cadastra-se"})]})]})]})}function ue({name:e,label:t,placeholder:r="Selecione uma op\xE7\xE3o",value:s,options:o,onValueChange:i,onBlur:n,rulesStatus:a=[],submitted:d=false,triggerRef:h,disabled:l=false}){let[c,m]=useState(false),[p,v]=useState(""),y=useRef(null),u=a.some(_=>!_.passed);useEffect(()=>{let _=o.find(S=>S.value===s);v(_?_.label:"");},[s,o]),useEffect(()=>{let _=S=>{y.current&&!y.current.contains(S.target)&&m(false);};return document.addEventListener("mousedown",_),()=>document.removeEventListener("mousedown",_)},[]);let b=_=>{i&&i(_),m(false);},E=()=>{l||m(!c);},$=_=>{y.current?.contains(_.relatedTarget)||n&&n(_);},A=p||r;return jsxs("div",{className:"trieoh trieoh-input",children:[jsx("label",{htmlFor:e,className:"trieoh-input__label",children:t}),jsxs("div",{className:"trieoh-custom-select__wrapper",ref:y,children:[jsxs("div",{className:(u&&d?"trieoh-input__container--error ":"")+"trieoh-input__container trieoh-custom-select "+(c?"is-open ":"")+(l?"is-disabled ":""),onClick:E,onBlur:$,ref:h,id:e,role:"combobox","aria-expanded":c,"aria-haspopup":"listbox","aria-disabled":l,tabIndex:l?-1:0,children:[jsx("div",{className:"trieoh-input__container-field trieoh-custom-select__trigger "+(p?"":"placeholder"),children:A}),jsx(RiArrowDownSLine,{className:`trieoh-input__container-icon trieoh-custom-select__arrow ${c?"is-open":""}`,size:24})]}),c&&jsx("div",{className:"trieoh-custom-select__dropdown",role:"listbox","aria-label":`Op\xE7\xF5es para ${t}`,children:jsx("div",{className:"trieoh-custom-select__options",children:o.map(_=>jsx("div",{className:`trieoh-custom-select__option ${_.value===s?"is-selected":""}`,onClick:()=>b(_.value),role:"option","aria-selected":_.value===s,tabIndex:0,onKeyDown:S=>{(S.key==="Enter"||S.key===" ")&&(S.preventDefault(),b(_.value));},children:_.label},_.id))})})]}),jsx("div",{className:"trieoh-input__hint",children:a.map((_,S)=>{let q=["hint-part",_.passed?"passed":"",!_.passed&&d?"failed-on-submit":""].filter(Boolean).join(" ");return jsx("p",{className:q,children:_.message},_.id??S)})})]})}function ke(e,t,r){return useMemo(()=>{if(!e||e.length===0)return {satisfied:true,statuses:[]};let s=e.map(i=>Tt(i,t,r));return {satisfied:s.every(i=>i.passed),statuses:s}},[e,t,r])}function Tt(e,t,r){let s=r[e.depends_on_field_id];if(!s)return {id:e.id,message:"Campo dependente n\xE3o encontrado.",passed:false};let o=t[s.key],i=e.operator,n=e.value,a=s.title,d,h,l=c=>c==null?"":String(c);switch(i){case "exists":{d=o!=null&&o!=="",h=`O campo "${a}" deve estar preenchido.`;break}case "not_exists":{d=o==null||o==="",h=`O campo "${a}" deve estar vazio.`;break}case "equals":{d=l(o)===l(n),h=`O campo "${a}" deve ser igual a "${l(n)}".`;break}case "not_equals":{d=l(o)!==l(n),h=`O campo "${a}" deve ser diferente de "${l(n)}".`;break}case "contains":{d=l(o).includes(l(n)),h=`O campo "${a}" deve conter "${l(n)}".`;break}case "greater_than":{d=Number(o)>Number(n),h=`O campo "${a}" deve ser maior que ${l(n)}.`;break}case "greater_than_equal":{d=Number(o)>=Number(n),h=`O campo "${a}" deve ser maior ou igual a ${l(n)}.`;break}case "lower_than":{d=Number(o)<Number(n),h=`O campo "${a}" deve ser menor que ${l(n)}.`;break}case "lower_than_equal":{d=Number(o)<=Number(n),h=`O campo "${a}" deve ser menor ou igual a ${l(n)}.`;break}case "in":{let c=l(n).split(",").map(p=>p.trim());d=c.includes(l(o));let m=c.join(", ");h=`O campo "${a}" deve ser um dos seguintes: ${m}.`;break}case "not_in":{let c=l(n).split(",").map(p=>p.trim());d=!c.includes(l(o));let m=c.join(", ");h=`O campo "${a}" n\xE3o pode ser um dos seguintes: ${m}.`;break}default:d=false,h=`Operador "${i}" desconhecido.`;}return {passed:d,id:e.id,message:h}}function V({fields:e,values:t,onValueChange:r,submitted:s=false}){if(!e||e.length===0)return null;let o=useMemo(()=>e.reduce((n,a)=>(n[a.id]={key:a.key,title:a.title},a.object_id&&(n[a.object_id]={key:a.key,title:a.title}),n),{}),[e]),i=useMemo(()=>[...e].sort((n,a)=>n.position-a.position),[e]);return jsx(Fragment,{children:i.map(n=>jsx(St,{field:n,values:t,onValueChange:r,submitted:s,fieldsMap:o},n.id))})}function St({field:e,values:t,onValueChange:r,submitted:s,fieldsMap:o}){let i=ke(e.visibility_rules,t,o),a=!(e.visibility_rules&&e.visibility_rules.length>0)||i.satisfied,d=ke(e.required_rules,t,o),l=e.required_rules&&e.required_rules.length>0&&d.satisfied,c=e.required||l,m=t[e.key]??e.default_value??"",p=m===""||m===void 0||m===null,v=useMemo(()=>{let u=[];return c&&u.push({message:`${e.title} \xE9 obrigat\xF3rio.`,passed:!p}),u},[e.title,c,p]);if(!a)return null;let y={name:e.key,label:e.title,placeholder:e.placeholder,value:String(m),submitted:s,rulesStatus:v,required:c};switch(e.type){case "string":case "email":return jsx(k,{...y,type:e.type==="email"?"email":"text",onValueChange:u=>r(e.key,u)});case "int":return jsx(k,{...y,type:"number",onValueChange:u=>r(e.key,u)});case "radio":return jsxs("div",{className:"trieoh trieoh-input",children:[jsxs("label",{className:"trieoh-input__label",children:[e.title,c&&jsx("span",{style:{color:"#e74c3c",marginLeft:"4px"},children:"*"})]}),jsx("div",{className:"trieoh-radio-group",style:{display:"flex",flexDirection:"column",gap:"8px"},children:e.options?.map(u=>jsxs("label",{style:{display:"flex",alignItems:"center",gap:"8px",cursor:"pointer"},children:[jsx("input",{type:"radio",name:e.key,value:u.value,checked:m===u.value,onChange:b=>r(e.key,b.target.value)}),jsx("span",{children:u.label})]},u.id))}),s&&v.filter(u=>!u.passed).map((u,b)=>jsx("span",{style:{color:"#e74c3c",fontSize:"12px",marginTop:"4px",display:"block"},children:u.message},b))]});case "select":return jsx(ue,{...y,options:e.options||[],onValueChange:u=>r(e.key,u)});case "checkbox":{let u=Array.isArray(t[e.key])?t[e.key]:[];return jsxs("div",{className:"trieoh trieoh-input",children:[jsxs("label",{className:"trieoh-input__label",children:[e.title,c&&jsx("span",{style:{color:"#e74c3c",marginLeft:"4px"},children:"*"})]}),jsx("div",{className:"trieoh-checkbox-group",style:{display:"flex",flexDirection:"column",gap:"8px"},children:e.options?.map(b=>jsxs("label",{style:{display:"flex",alignItems:"center",gap:"8px",cursor:"pointer"},children:[jsx("input",{type:"checkbox",name:e.key,value:b.value,checked:u.includes(b.value),onChange:E=>{let $=E.target.checked?[...u,b.value]:u.filter(A=>A!==b.value);r(e.key,$);}}),jsx("span",{children:b.label})]},b.id))}),s&&v.filter(b=>!b.passed).map((b,E)=>jsx("span",{style:{color:"#e74c3c",fontSize:"12px",marginTop:"4px",display:"block"},children:b.message},E))]})}case "bool":return jsxs("div",{className:"trieoh trieoh-input",style:{flexDirection:"row",alignItems:"center",gap:"8px"},children:[jsx("input",{type:"checkbox",id:e.key,name:e.key,checked:!!t[e.key],onChange:u=>r(e.key,u.target.checked)}),jsxs("label",{htmlFor:e.key,className:"trieoh-input__label",style:{marginBottom:0},children:[e.title,c&&jsx("span",{style:{color:"#e74c3c",marginLeft:"4px"},children:"*"})]}),s&&v.filter(u=>!u.passed).map((u,b)=>jsx("span",{style:{color:"#e74c3c",fontSize:"12px",marginLeft:"8px"},children:u.message},b))]});default:return null}}function Pe({onSuccess:e,onFailed:t,loginRedirect:r,emailRules:s,passwordRules:o,flow_id:i,fields:n=[]}){let[a,d]=useState(""),[h,l]=useState(""),[c,m]=useState(""),[p,v]=useState({}),[y,u]=useState(false),[b,E]=useState(false),$=useRef(null),A=useRef(null),_=useRef(null),{auth:S}=C(),q=(R,pe)=>{v(me=>({...me,[R]:pe}));},H={email:s||[{message:"Digite um e-mail v\xE1lido, ex: exemplo@dominio.com",test:R=>/\S+@\S+\.\S+/.test(R)}],password:o||[{message:"M\xEDnimo de 8 caracteres.",test:R=>R.length>=8},{message:"Deve conter uma letra mai\xFAscula.",test:R=>/[A-Z]/.test(R)},{message:"Inclua pelo menos um caractere especial, ex: ! @ # $ % & * . ,",test:R=>/[!@#$%^&*(),.?":{}|<>_\-+=~`;/\\[\]]/.test(R)},{message:"Deve conter um n\xFAmero.",test:R=>/\d/.test(R)}],confirmPassword:[{message:"Senhas n\xE3o conferem.",test:R=>R===h}]},Fe=z(H.email,a),Ne=z(H.password,h),Ue=z(H.confirmPassword,c);return jsxs("form",{className:"trieoh trieoh-card trieoh-card--full-rounded",children:[jsx(ee,{mainText:"Crie sua conta",subText:"Insira seus dados para come\xE7ar"}),jsxs("div",{className:"trieoh-card__fields",children:[jsx(k,{label:"Email",name:"email",placeholder:"teste@gmail.com",autoComplete:"email",type:"email",value:a,onValueChange:d,inputRef:$,rulesStatus:Fe,submitted:y}),jsx(k,{label:"Senha",name:"password",placeholder:"**********",autoComplete:"new-password",type:"password",value:h,onValueChange:l,inputRef:A,rulesStatus:Ne,submitted:y}),jsx(k,{label:"Confirme a Senha",name:"confirm-password",placeholder:"**********",autoComplete:"new-password",type:"password",value:c,onValueChange:m,inputRef:_,rulesStatus:Ue,submitted:y}),jsx(V,{fields:n,values:p,onValueChange:q,submitted:y})]}),jsx(M,{label:"Criar Conta",onSubmit:async R=>{R.preventDefault(),u(true);let pe=Fe.some(F=>!F.passed),me=Ne.some(F=>!F.passed),rt=Ue.some(F=>!F.passed),st=n.some(F=>F.required&&!p[F.key]);if(pe){$.current?.focus();return}if(me){A.current?.focus();return}if(rt){_.current?.focus();return}if(st)return;E(true);let he=await S.register(a,h,i,p);he.success?e&&await e():t&&await t(he.message,he.trace),E(false);},loading:b}),r&&jsxs(Fragment,{children:[jsxs("div",{className:"trieoh-card__divider",children:[jsx("hr",{}),"OU",jsx("hr",{})]}),jsxs("span",{className:"trieoh-card__other",children:["J\xE1 possui uma conta? ",jsx("span",{onClick:r,children:"Entre"})]})]})]})}function Pt({flowIds:e,...t}){let[r,s]=useState(e[0]?.value||"");if(!e||e.length===0)return null;let o=e.find(i=>i.value===r);return jsxs("div",{className:"trieoh-tabbed-signup",children:[jsx("div",{className:"trieoh-tabbed-signup__header",children:e.map(i=>jsx("button",{className:`trieoh-tabbed-signup__tab ${r===i.value?"active":""}`,onClick:()=>s(i.value),type:"button","aria-selected":r===i.value,role:"tab",children:jsx("span",{className:"trieoh-tabbed-signup__tab-text",children:i.label})},i.value))}),jsx("hr",{}),jsx("div",{className:"trieoh-tabbed-signup__content",children:jsx(Pe,{flow_id:r,...t,fields:o?.fields},r)})]})}function Ct({size:e}){let t=e?`trieoh-copyright--${e}`:"";return jsxs("span",{className:`trieoh trieoh-copyright ${t}`,children:["\xA9 ",new Date().getFullYear()," TrieOH"]})}function Nt({onSuccess:e,onFailed:t}){let{auth:r}=C(),[s,o]=useState(false);return jsxs("button",{onClick:async n=>{if(n.preventDefault(),s)return;o(true);let a=await r.logout();a.success&&e?await e():t&&await t(a.message),o(false);},type:"button",disabled:s,className:"trieoh trieoh-button--logout",children:[jsx(ImExit,{size:24})," ",jsx("span",{children:"Log out"})]})}var We={mobile:FaMobileAlt,tablet:FaTabletAlt,desktop:FaDesktop};function Xe(e){let{device:t,os:r,browser:s}=UAParser(e);return {deviceType:t.type??"desktop",os:r.name,browser:s.name}}function Qe(e){let t=Xe(e);return {device:Mt(t.deviceType),os:t.os,browser:t.browser}}function Mt(e){if(!e)return "desktop";switch(e){case "mobile":return "mobile";case "tablet":return "tablet";default:return "desktop"}}function Ze(e){let t=Date.now()-new Date(e).getTime(),r=Math.floor(t/1e3),s=Math.floor(r/60),o=Math.floor(s/60),i=Math.floor(o/24),n=Math.floor(i/7);return r<60?"agora mesmo":s<60?`${s} minutos atr\xE1s`:o<24?`${o} horas atr\xE1s`:i<7?`${i} dias atr\xE1s`:`${n} semanas atr\xE1s`}function Ie({is_current:e,session_id:t,user_agent:r,issued_at:s,user_ip:o,onClick:i}){let n=Qe(r),a=We[n.device];return jsx("div",{className:"trieoh-session",children:jsxs("div",{className:"trieoh-session__content",children:[jsx(a,{size:40}),jsxs("div",{className:"trieoh-session__info",children:[jsxs("h3",{children:[n.browser," - ",n.os]}),jsxs("span",{className:"trieoh-session__meta",children:[e&&jsx("strong",{children:"\u2022 Sess\xE3o Atual \u2022"}),jsx("span",{children:`${o} - ${Ze(s)}`})]})]}),!e&&jsx(FaTrashAlt,{size:20,color:"red",onClick:d=>i(d,t)})]})})}function qt({revokeAll:e=false,onSuccess:t}){let{auth:r}=C(),[s,o]=useState(false),[i,n]=useState([]),a=async()=>{let l=await r.sessions();if(l.success){let c=r.profile()?.session_id,m=l.data.sort((p,v)=>p.session_id===c?-1:v.session_id===c?1:0);n(m);}};useEffect(()=>{a();},[]);let d=async(l,c)=>{l.preventDefault();let m=i.find(p=>p.session_id===c);if(m){n(i.filter(p=>p.session_id!==c));try{(await r.revokeASession(c)).success||n(v=>[...v,m]);}catch{n(p=>[...p,m]);}}};return jsxs("div",{className:"trieoh trieoh-sessions",children:[jsxs("div",{className:"trieoh-sessions__header",children:[jsxs("div",{children:[jsx("h3",{children:"Navegadores e Dispositivos"}),jsx("p",{children:"Esses navegadores e dispositivos est\xE3o atualmente conectados \xE0 sua conta. Remova quaisquer dispositivos n\xE3o autorizados."})]}),jsx("button",{type:"submit",onClick:async l=>{if(l.preventDefault(),s)return;o(true);let c=await r.revokeSessions(e),m=r.profile()?.session_id;c.success&&(n(e?[]:i.filter(p=>p.session_id===m)),t&&t()),o(false);},disabled:s,className:`trieoh trieoh-button trieoh-button--all-rounded
|
|
5
|
+
${s?"trieoh-button--loading":""}`,children:"Revogar todas as sess\xF5es"})]}),jsx("div",{className:"trieoh-sessions__content",children:i.length>0?i.map(l=>jsx(Ie,{...l,is_current:r.profile()?.session_id===l.session_id,onClick:d},l.session_id)):jsx("span",{className:"trieoh-sessions__empty",children:"Nenhuma Sess\xE3o Dispon\xEDvel"})})]})}function jt({fields:e,initialValues:t,onSuccess:r,onFailed:s,submitLabel:o="Atualizar Dados"}){let[i,n]=useState(t||{}),[a,d]=useState(false),[h,l]=useState(false),{auth:c}=C();return useEffect(()=>{t&&n(t);},[t]),jsxs("form",{className:"trieoh trieoh-card trieoh-card--full-rounded",children:[jsx("div",{className:"trieoh-card__fields",children:jsx(V,{fields:e,values:i,onValueChange:(v,y)=>{n(u=>({...u,[v]:y}));},submitted:a})}),jsx(M,{label:o,onSubmit:async v=>{if(v.preventDefault(),d(true),e.some(b=>b.required&&!i[b.key]))return;l(true);let u=await c.updateProfile(i);u.success?r&&await r():s&&await s(u.message,u.trace),l(false);},loading:h})]})}function Gt({fields:e,submitted:t=false,title:r,description:s,noFieldsMessage:o="No fields available"}){let[i,n]=useState({}),a=(d,h)=>{n(l=>({...l,[d]:h}));};return jsxs("div",{className:"trieoh trieoh-card trieoh-card--full-rounded",style:{gap:"0.25rem"},children:[(r||s)&&jsxs("div",{style:{width:"100%",textAlign:"center"},children:[r&&jsx("h3",{style:{margin:0,fontSize:"1.25rem",fontWeight:600},children:r}),s&&jsx("p",{style:{margin:"0.5rem 0 0",fontSize:"0.875rem",opacity:.7},children:s}),jsx("hr",{style:{marginTop:"1rem",border:0,borderTop:"1px solid rgba(0,0,0,0.1)",marginBottom:"0.5rem"}})]}),jsx("div",{className:"trieoh-card__fields",children:e&&e.length>0?jsx(V,{fields:e,values:i,onValueChange:a,submitted:t}):jsx("div",{className:"trieoh-card__empty",children:o})})]})}export{Cr as AuthProvider,k as BasicInputField,Nt as BasicLogoutButton,ue as BasicSelectField,Ct as Copyright,Gt as EditorForm,qt as Sessions,bt as SignIn,Pe as SignUp,Pt as TabbedSignUp,jt as UpdateProfile,C as useAuth};//# sourceMappingURL=react.js.map
|
|
6
6
|
//# sourceMappingURL=react.js.map
|