https://www.boghma.com/vite/assets/login-dialog-ILy1V3mW.js

1import{i as e,t}from"./jsx-runtime-Cx0BB4qO.js";import{a as n,c as r}from"./dist-DnuwaBHX.js";import{t as i}from"./react-3BKWdGy3.js";import{l as a}from"./i18n-BVkSy61z.js";import{n as o}from"./dist-DbAiZ5ns.js";import{a as s,i as c,o as l,r as u,s as d,t as f}from"./useTranslation-CMsiUqXP.js";import{a as p,r as m,t as h}from"./i18nInstance-CZ6SuJbU.js";import{Et as g,Q as _,Tt as v,jn as y,kt as b,t as x,tt as S}from"./hugeicons-icon-g0FMIYd5.js";import{a as C,i as w,n as T,o as E,r as D,t as O}from"./field-DKO40FmZ.js";import{t as k}from"./dist-rYY0ay2T.js";import{t as A}from"./button-BSZfzeIl.js";import{a as j,i as M,n as N,o as P,r as F,s as I,t as L}from"./dialog-Cu2Gpkps.js";import{a as R,i as z,n as B,r as ee,t as V}from"./input-group-CwV84bwY.js";import{i as H,n as te,r as ne,t as re}from"./use-verification-code-BU3FHW6r.js";import{t as ie}from"./locale-path-CXS5qbJW.js";var U=e(i()),ae={area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0,"!doctype":!0,"!DOCTYPE":!0},oe=/\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?("[^"]*"|'[^']*')/g;function W(e){let t={type:`tag`,name:``,voidElement:!1,attrs:{},children:[]},n=e.match(/<\/?([^\s]+?)[/\s>]/);if(n&&(t.name=n[1],(ae[n[1]]||e.charAt(e.length-2)===`/`)&&(t.voidElement=!0),t.name.startsWith(`!--`))){let t=e.indexOf(`-->`);return{type:`comment`,comment:t===-1?``:e.slice(4,t)}}let r=new RegExp(oe),i=null;for(;i=r.exec(e),i!==null;)if(i[0].trim()){if(i[1]){let e=i[1].trim(),n=[e,null],a=e.indexOf(`=`);a>-1&&(n=[e.slice(0,a),e.slice(a+1)]),t.attrs[n[0]]=n[1],r.lastIndex--}else i[2]&&(t.attrs[i[2]]=i[3].trim().substring(1,i[3].length-1))}return t}var G=/<!--[\s\S]*?-->|<[a-zA-Z0-9\-!/](?:"[^"]*"|'[^']*'|[^'">])*>/g,K=/<\/?([^\s]+?)[/\s>]/,se=/^\s*$/,ce=/^(script|style)$/i,q=`\0`,le=Object.create(null);function ue(e){e.forEach(function(e){if(e.type===`text`){e.content=e.content.split(q).join(`<`);return}if(e.type===`comment`){e.comment=e.comment.split(q).join(`<`);return}for(let t in e.attrs){let n=e.attrs[t];typeof n==`string`&&n.indexOf(q)>-1&&(e.attrs[t]=n.split(q).join(`<`))}e.children.length&&ue(e.children)})}function de(e,t){let n=t&&t.components||le,r=t&&t.allowedTags,i=!1;if(r){let t=typeof r==`function`?r:function(e){return r.indexOf(e)>-1},n=``,a=0;G.lastIndex=0;let o;for(;o=G.exec(e);){let r=o[0];n+=e.slice(a,o.index);let s=r.match(K);r.startsWith(`<!--`)||s&&t(s[1])?(n+=r,a=o.index+r.length):(i=!0,n+=q,a=o.index+1,G.lastIndex=a)}e=n+e.slice(a)}let a=[],o=[],s,c=-1,l=!1,u=0,d;if(e.indexOf(`<`)!==0){let t=e.indexOf(`<`);a.push({type:`text`,content:t===-1?e:e.substring(0,t)})}let f=[],p;for(;p=G.exec(e);)f.push(p);return f.forEach(function(e,t){let n=e[0];if(!n||n.startsWith(`<!--`))return;let r=0,i=0,a=-1,o=null;for(let e=0;e<n.length;e++){let t=n.charAt(e);o?t===o&&(o=null):t===`"`||t===`'`?o=t:t===`<`?(r++,r===2&&(a=e)):t===`>`&&i++}let s=a>-1&&/[a-zA-Z0-9\-!/]/.test(n.charAt(a+1));if(r>i&&s){let e=n.substring(0,a),r=n.substring(e.length);f[t][0]=r,f[t].index+=e.length}}),f.forEach(function(t,r){let i=t[0];if(!i)return;let p=t.index;if(p<u)return;if(l){if(i!==`</`+s.name+`>`)return;l=!1}let m=i.charAt(1)!==`/`,h=i.startsWith(`<!--`),g=p+i.length,_=e.charAt(g),v=f[r+1],y;if(_===`<`&&v){let t=e.substring(g,v.index);y=t.split(`<`).length>t.split(`>`).length}let b;if(h){let t=W(i);if(c<0)return a.push(t),a;b=o[c],b.children.push(t);let n=e.slice(g,v?v.index:void 0);return n.length>0&&b.children.push({type:`text`,content:n}),a}if(m){c++,s=W(i),s.type===`tag`&&n[s.name]&&(s.type=`component`,l=!0);let t=!1;if(!l&&!s.voidElement&&ce.test(s.name)){t=!0,d||=e.toLowerCase();let n=d.indexOf(`</`+s.name.toLowerCase()+`>`,g),r=n===-1?e.length:n,i=e.slice(g,r);i&&s.children.push({type:`text`,content:i}),u=r}!s.voidElement&&!l&&!t&&_&&_!==`<`&&s.children.push({type:`text`,content:e.slice(g,v?v.index:void 0)}),c===0&&a.push(s),b=o[c-1],b&&b.children.push(s),o[c]=s}if((!m||s.voidElement)&&(c>-1&&(s.voidElement||s.name===i.slice(2,-1))&&(c--,s=c===-1?a:o[c]),!l&&(_!==`<`||y)&&_)){b=c===-1?a:o[c].children;let t=v?v.index:-1,n=e.slice(g,t===-1?void 0:t);se.test(n)&&(n=` `),(t>-1&&c+b.length>=0||n!==` `)&&b.push({type:`text`,content:n})}}),i&&ue(a),a}function fe(e){let t=[];for(let n in e)e[n]===null?t.push(n):t.push(n+`="`+String(e[n]).replace(/"/g,`&quot;`)+`"`);return t.length?` `+t.join(` `):``}function pe(e,t){switch(t.type){case`text`:return e+t.content;case`tag`:{let n=t.voidElement&&t.name.toLowerCase()!==`!doctype`?`/>`:`>`;return e+=`<`+t.name+(t.attrs?fe(t.attrs):``)+n,t.voidElement?e:e+t.children.reduce(pe,``)+`</`+t.

1name+`>`}case`comment`:return e+=`<!--`+t.comment+`-->`,e}}function me(e){return e.reduce(function(e,t){return e+pe(``,t)},``)}var he={parse:de,stringify:me},J=(e,t)=>{if(!e)return!1;let n=e.props?.children??e.children;return t?n.length>0:!!n},Y=e=>{if(!e)return[];let t=e.props?.children??e.children;return e.props?.i18nIsDynamicList?X(t):t},ge=e=>Array.isArray(e)&&e.every(U.isValidElement),X=e=>Array.isArray(e)?e:[e],_e=(e,t)=>{let n={...t};return n.props={...t.props,...e.props},n},ve=e=>{let t={};if(!e)return t;let n=e=>{X(e).forEach(e=>{s(e)||(J(e)?n(Y(e)):c(e)&&!(0,U.isValidElement)(e)&&Object.assign(t,e))})};return n(e),t},ye=(e,t,n,r)=>{if(!e)return``;let i=``,a=X(e),o=t?.transSupportBasicHtmlNodes?t.transKeepBasicHtmlNodesFor??[]:[];return a.forEach((e,a)=>{if(s(e)){i+=`${e}`;return}if((0,U.isValidElement)(e)){let{props:c,type:l}=e,u=Object.keys(c).length,d=o.indexOf(l)>-1,f=c.children;if(!f&&d&&!u){i+=`<${l}/>`;return}if(!f&&(!d||u)||c.i18nIsDynamicList){i+=`<${a}></${a}>`;return}if(d&&u<=1){let e=s(f)?f:ye(f,t,n,r);i+=`<${l}>${e}</${l}>`;return}let p=ye(f,t,n,r);i+=`<${a}>${p}</${a}>`;return}if(e===null){l(n,`TRANS_NULL_VALUE`,`Passed in a null value as child`,{i18nKey:r});return}if(c(e)){let{format:t,...a}=e,o=Object.keys(a);if(o.length===1){let e=t?`${o[0]}, ${t}`:o[0];i+=`{{${e}}}`;return}l(n,`TRANS_INVALID_OBJ`,`Invalid child - Object should only have keys {{ value, format }} (format is optional).`,{i18nKey:r,child:e});return}l(n,`TRANS_INVALID_VAR`,`Passed in a variable like {number} - pass variables for interpolation as full objects like {{number}}.`,{i18nKey:r,child:e})}),i},be=(e,t,n,r,i,a,o)=>{if(n===``)return[];let l=i.transKeepBasicHtmlNodesFor||[],u=n&&new RegExp(l.map(e=>`<${e}`).join(`|`)).test(n);if(!e&&!t&&!u&&!o)return[n];let d=t??{},f=e=>{X(e).forEach(e=>{s(e)||(J(e)?f(Y(e)):c(e)&&!(0,U.isValidElement)(e)&&Object.assign(d,e))})};f(e);let h=Object.keys(d),g=he.parse(`<0>${n}</0>`,{allowedTags:e=>/^\d+$/.test(e)||l.indexOf(e)>-1||h.indexOf(e)>-1}),_={...d,...a},v=(e,t,n)=>{let r=Y(e),i=b(r,t.children,n);return ge(r)&&i.length===0||e.props?.i18nIsDynamicList?r:i},y=(e,t,n,r,i)=>{e.dummy?(e.children=t,n.push((0,U.cloneElement)(e,{key:r},i?void 0:t))):n.push(...U.Children.map([e],e=>{if(e.type===U.Fragment||e.props?.i18nIsDynamicList!==void 0){let n={key:r};return e&&e.props&&Object.keys(e.props).forEach(t=>{t!==`children`&&t!==`i18nIsDynamicList`&&(n[t]=e.props[t])}),(0,U.createElement)(e.type,n,i?null:t)}let n={key:r};return e&&e.props&&Object.keys(e.props).forEach(t=>{t!==`ref`&&t!==`children`&&(n[t]=e.props[t])}),(0,U.cloneElement)(e,n,i?null:t)}))},b=(e,n,a)=>{let d=X(e),f=X(n),h={};return f.reduce((e,n,f)=>{let g=n.children?.[0]?.content&&r.services.interpolator.interpolate(n.children[0].content,_,r.language);if(n.type===`tag`){let m=d[parseInt(n.name,10)];!m&&t&&(m=t[n.name]),a.length===1&&!m&&(m=a[0][n.name]),m||={};let x={...n.attrs};o&&Object.keys(x).forEach(e=>{let t=x[e];s(t)&&(x[e]=p(t))});let S=Object.keys(x).length===0?m:_e({props:x},m),C=(0,U.isValidElement)(S),w=C&&J(n,!0)&&!n.voidElement,T=u&&c(S)&&S.dummy&&!C,E=c(t)&&Object.hasOwnProperty.call(t,n.name);if(s(S)){let t=r.services.interpolator.interpolate(S,_,r.language);e.push(t)}else if(J(S)||w){let t=v(S,n,a);y(S,t,e,f)}else if(T){let t=b(d,n.children,a);y(S,t,e,f)}

1else if(Number.isNaN(parseFloat(n.name))){if(E){let t=v(S,n,a);y(S,t,e,f,n.voidElement)}else if(i.transSupportBasicHtmlNodes&&l.indexOf(n.name)>-1){if(n.voidElement)e.push((0,U.createElement)(n.name,{key:`${n.name}-${f}`}));else{let t=h[n.name]||0;h[n.name]=t+1;let r,i=0;for(let e=0;e<d.length;e+=1){let a=d[e];if((0,U.isValidElement)(a)&&a.type===n.name){if(i===t){r=a;break}i+=1}}let o=r?X(Y(r)):d,s=b(o,n.children,a);e.push((0,U.createElement)(n.name,{key:`${n.name}-${f}`},s))}}else if(n.voidElement)e.push(`<${n.name} />`);else{let t=b(d,n.children,a);e.push(`<${n.name}>${t}</${n.name}>`)}}else if(c(S)&&!C){let t=n.children[0]?g:null;t&&e.push(t)}else y(S,g,e,f,n.children.length!==1||!g)}else if(n.type===`text`){let t=i.transWrapTextNodes,a=typeof i.unescape==`function`?i.unescape:m().unescape,s=o?a(r.services.interpolator.interpolate(n.content,_,r.language)):r.services.interpolator.interpolate(n.content,_,r.language);t?e.push((0,U.createElement)(t,{key:`${n.name}-${f}`},s)):e.push(s)}return e},[])};return Y(b([{dummy:!0,children:e||[]}],g,X(e||[]))[0])},xe=(e,t,n)=>{let r=e.key||t,i=(0,U.cloneElement)(e,{key:r});if(!i.props||!i.props.children||n.indexOf(`${t}/>`)<0&&n.indexOf(`${t} />`)<0)return i;function a(){return(0,U.createElement)(U.Fragment,null,i)}return(0,U.createElement)(a,{key:r})},Se=(e,t)=>e.map((e,n)=>xe(e,n,t)),Ce=(e,t)=>{let n={};return Object.keys(e).forEach(r=>{Object.assign(n,{[r]:xe(e[r],r,t)})}),n},we=(e,t,n,r)=>e?Array.isArray(e)?Se(e,t):c(e)?Ce(e,t):(d(n,`TRANS_INVALID_COMPONENTS`,`<Trans /> "components" prop expects an object or array`,{i18nKey:r}),null):null,Te=e=>!c(e)||Array.isArray(e)?!1:Object.keys(e).reduce((e,t)=>e&&Number.isNaN(Number.parseFloat(t)),!0);function Ee({children:e,count:t,parent:n,i18nKey:r,context:i,tOptions:o={},values:c,defaults:l,components:u,ns:f,i18n:p,t:g,shouldUnescape:_,...v}){let y=p||h();if(!y)return d(y,`NO_I18NEXT_INSTANCE`,`Trans: You need to pass in an i18next instance using initReactI18next or by passing it via props or context. In monorepo setups, make sure there is only one instance of react-i18next.`,{i18nKey:r}),e;let b=g||y.t.bind(y)||(e=>e),x={...m(),...y.options?.react},S=f||b.ns||y.options?.defaultNS;S=s(S)?[S]:S||[`translation`];let{transDefaultProps:C}=x,w=C?.tOptions?{...C.tOptions,...o}:o,T=_??C?.shouldUnescape,E=C?.values?{...C.values,...c}:c,D=C?.components?{...C.components,...u}:u,O=ye(e,x,y,r),k=l||w?.defaultValue||O||x.transEmptyNodeValue||(typeof r==`function`?a(r):r),{hashTransKey:A}=x,j=r||(A?A(O||k):O||k);c=y.options?.interpolation?.defaultVariables?E&&Object.keys(E).length>0?{...E,...y.options.interpolation.defaultVariables}:{...y.options.interpolation.defaultVariables}:E;let M=ve(e);M&&typeof M.count==`number`&&t===void 0&&(t=M.count);let N=c||t!==void 0&&!y.options?.interpolation?.alwaysFormat||!e?w.interpolation:{interpolation:{...w.interpolation,prefix:`#$?`,suffix:`?$#`}},P={...w,context:i||w.context,count:t,...c,...N,defaultValue:k,ns:S},F=j?b(j,P):k;F===j&&k&&(F=k);let I=we(D,F,y,r),L=I||e,R=null;Te(I)&&(R=I,L=e);let z=be(L,R,F,y,x,P,T),B=n??x.defaultTransParent;return B?(0,U.createElement)(B,v,z):z}function De({children:e,count:t,parent:n,i18nKey:r,context:i,tOptions:a={},values:o,defaults:s,components:c,ns:l,i18n:d,t:f,shouldUnescape:p,...m}){let{i18n:g,defaultNS:_}=(0,U.useContext)(u)||{},v=d||g||h(),y=f||v?.t.bind(v);return Ee({children:e,count:t,parent:n,i18nKey:r,context:i,tOptions:a,values:o,defaults:s,components:c,ns:l||y?.ns||_||v?.options?.defaultNS,i18n:v,t:f,shouldUnescape:p,...m})}var Z=t(),Oe=k(`bg-background hover:bg-muted focus:bg-muted data-open:hover:bg-muted data-open:focus:bg-muted data-open:bg-muted/50 focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted rounded-md px-4 py-2 text-sm font-medium transition-[color,background-color,border-color,box-shadow,opacity,transform] focus-visible:ring-[3px] focus-visible:outline-1 disabled:opacity-50 group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center disabled:pointer-events-none outline-none`);function ke({returnTo:e}){let{t}=f(),n=document.querySelector(`[name="csrf-token"]`)?.content??``;return(0,Z.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,Z.jsxs)(`form`,{method:`post`,action:`/auth/github`,children:[(0,Z.jsx)(`input`,{type:`hidden`,name:`authenticity_token`,value:n}),e&&(0,Z.jsx)(`input`,{type:`hidden`,name:`return_to`,value:e}),(0,Z.jsxs)(A,{type:`submit`,variant:`outline`,className:`w-full`,children:[(0,Z.jsx)(x,{icon:_,"data-icon":`inline-start`}),t(`layout.login_dialog.oauth.github`)]})]}),(0,Z.jsxs)(`form`,{method:`post`,action:`/auth/google_oauth2`,children:[(0,Z.jsx)(`input`,{type:`hidden`,name:`authenticity_token`,value:n}),e&&(0,Z.jsx)(`input`,{type:`hidden`,name:`return_to`,value:e}),(0,Z.jsxs)(A,{type:`submit`,variant:`outline`,className:`w-full`,children:[(0,Z.jsx)(x,{icon:S,"data-icon":`inline-start`}),t(`layout.login_dialog.oauth.google`)]})]})]})}function Ae(){let{t:e}=f();return(0,Z.jsxs)(`div`,{className:`relative my-2`,children:[(0,Z.jsx)(`div`,{className:`absolute inset-0 flex items-center`,children:(0,Z.jsx)(`span`,{className:`w-full border-t border-border`})}),(0,Z.jsx)(`div`,{className:`text-xs leading-5 tracking-normal relative flex justify-center uppercase`,children:(0,Z.jsx)(`span`,{className:`bg-background px-2 text-muted-foreground`,children:e(`layout.login_dialog.divider`)})})]})}var je=/^[^\s@]+@[^\s@]+\.[^\s@]+$/;function Q(e){return e?[{message:e}]:[]}function $(e){return!!e}function Me({trigger:e,defaultView:t=`login`,defaultOpen:n=!1,open:r,onOpenChange:i,returnTo:a=``,context:s=`default`}){let{t:c}=f(),[l,u]=(0,U.useState)(n),d=r??l,p=e=>{r===void 0&&u(e),i?.(e)},[m,h]=(0,U.useState)(t),g=s===`checkout`,_=s===`desktop_authorization`,v=c(g?`layout.login_dialog.title.checkout`:_?m===`register`?`layout.login_dialog.title.desktop_authorization_register`:`layout.login_dialog.title.desktop_authorization`:m===`register`?`layout.login_dialog.title.register`:`layout.login_dialog.title.login`),y=c(g?m===`register`?`layout.login_dialog.description.checkout_register`:`layout.login_dialog.description.checkout_login`:_?m===`register`?`layout.login_dialog.description.desktop_authorization_register`:`layout.login_dialog.description.desktop_authorization_login`:m===`register`?`layout.login_dialog.description.register`:`layout.login_dialog.description.login`);(0,U.useEffect)(()=>{d&&h(t)},[d,t]);let b=()=>{h(m===`login`?`register`:`login`)},x=e=>{p(!1),o.success(e)};return(0,Z.jsxs)(L,{open:d,onOpenChange:p,children:[(0,Z.jsx)(P,{asChild:!0,children:e??(0,Z.jsx)(`button`,{type:`button`,className:Oe(),children:c(`layout.login_dialog.trigger`)})}),(0,Z.jsxs)(N,{className:`sm:max-w-[425px]`,children:[(0,Z.jsxs)(M,{children:[(0,Z.jsx)(j,{children:v}),(0,Z.jsx)(F,{children:y})]}),(0,Z.jsx)(ke,{returnTo:a}),(0,Z.jsx)(Ae,{}),m===`login`?(0,Z.jsx)(Ne,{returnTo:a,onSuccess:()=>x(c(`layout.login_dialog.success.login`))}):(0,Z.jsx)(Pe,{returnTo:a,onSuccess:()=>x(c(`layout.login_dialog.success.register`))}),(0,Z.jsx)(`div`,{className:`text-sm leading-6 tracking-normal mt-4 text-center`,children:(0,Z.jsx)(`button`,{onClick:b,className:`text-muted-foreground hover:text-primary underline underline-offset-4`,children:c(m===`login`?`layout.login_dialog.toggle.register`:`layout.login_dialog.toggle.login`)})})]})]})}function Ne({onSuccess:e,returnTo:t}){let{t:i,i18n:a}=f(),o=(0,U.useRef)(null),s=(0,U.useRef)(null),{data:c,setData:l,post:u,processing:d,isDirty:p,errors:m,reset:h,setError:_,clearErrors:y}=r({email:``,password:``,return_to:t});I(p);let S=(e,t)=>{l(e,t),(m[e]||m.base)&&y(e,`base`)};(0,U.useEffect)(()=>

1{if(!m.email&&!m.password&&!m.base)return;let e=window.requestAnimationFrame(()=>{m.password&&!m.email&&!m.base?s.current?.focus():o.current?.focus()});return()=>window.cancelAnimationFrame(e)},[m.base,m.email,m.password]);let D=t=>{t.preventDefault(),y();let n=!1;if(c.email.trim()?je.test(c.email)||(_(`email`,i(`layout.login_dialog.errors.email_invalid`)),n=!0):(_(`email`,i(`layout.login_dialog.errors.email_required`)),n=!0),c.password||(_(`password`,i(`layout.login_dialog.errors.password_required`)),n=!0),n){window.requestAnimationFrame(()=>{!c.email.trim()||!je.test(c.email)?o.current?.focus():s.current?.focus()});return}u(`/session`,{onSuccess:()=>{h(),e()}})},k=a.resolvedLanguage||a.language,j=ie(`/password-reset`,k);return(0,Z.jsx)(`form`,{onSubmit:D,noValidate:!0,"aria-busy":d,children:(0,Z.jsxs)(C,{className:`gap-4`,children:[(0,Z.jsxs)(O,{"data-invalid":$(m.email),children:[(0,Z.jsx)(E,{htmlFor:`email`,children:i(`layout.login_dialog.fields.email`)}),(0,Z.jsxs)(T,{children:[(0,Z.jsxs)(V,{children:[(0,Z.jsx)(B,{children:(0,Z.jsx)(R,{children:(0,Z.jsx)(x,{icon:b})})}),(0,Z.jsx)(z,{ref:o,id:`email`,name:`email`,type:`email`,value:c.email,onChange:e=>S(`email`,e.target.value),"aria-invalid":$(m.email),autoComplete:`email`,inputMode:`email`,spellCheck:!1,"aria-describedby":m.email?`login-email-error`:void 0,placeholder:i(`layout.login_dialog.placeholders.email`)})]}),(0,Z.jsx)(w,{id:`login-email-error`,errors:Q(m.email)})]})]}),(0,Z.jsxs)(O,{"data-invalid":$(m.password),children:[(0,Z.jsx)(E,{htmlFor:`password`,children:i(`layout.login_dialog.fields.password`)}),(0,Z.jsxs)(T,{children:[(0,Z.jsxs)(V,{children:[(0,Z.jsx)(B,{children:(0,Z.jsx)(R,{children:(0,Z.jsx)(x,{icon:g})})}),(0,Z.jsx)(z,{ref:s,id:`password`,name:`password`,type:`password`,value:c.password,onChange:e=>S(`password`,e.target.value),"aria-invalid":$(m.password),autoComplete:`current-password`,"aria-describedby":m.password?`login-password-error`:void 0,placeholder:i(`layout.login_dialog.placeholders.password`)})]}),(0,Z.jsx)(w,{id:`login-password-error`,errors:Q(m.password)})]})]}),(0,Z.jsx)(`div`,{className:`-mt-2 text-right text-sm leading-6 tracking-normal`,children:(0,Z.jsx)(n,{href:j,className:`text-muted-foreground underline underline-offset-4 hover:text-primary`,children:i(`layout.login_dialog.forgot_password`)})}),m.base&&(0,Z.jsx)(w,{className:`text-sm leading-6 tracking-normal`,errors:Q(m.base)}),(0,Z.jsxs)(A,{type:`submit`,className:`w-full`,disabled:d,children:[d&&(0,Z.jsx)(x,{icon:v,className:`animate-spin`}),i(d?`layout.login_dialog.actions.logging_in`:`layout.login_dialog.actions.login`)]})]})})}function Pe({onSuccess:e,returnTo:t}){let{t:i,i18n:a}=f(),o=a.resolvedLanguage||a.language,s=(0,U.useRef)(null),c=(0,U.useRef)(null),l=(0,U.useRef)(null),u=(0,U.useRef)(null),{data:d,setData:p,post:m,processing:h,isDirty:_,errors:S,reset:k,setError:j,clearErrors:M,validate:N,valid:P,validating:F}=r(`post`,`/registration`,{username:``,email:``,password:``,password_confirmation:``,verification_code:``,return_to:t});I(_);let{codeSent:L,processing:ae,secondsRemaining:oe,send:W,setCodeSent:G}=re({successMessage:i(`layout.login_dialog.success.verification_code`),failureMessage:i(`layout.login_dialog.errors.verification_code_failed`),genericErrorMessage:i(`layout.login_dialog.errors.generic`),rateLimitedMessage:i(`layout.login_dialog.verification.rate_limited`),onEmailError:e=>j(`email`,e),onSuccess:()=>M(`email`)});(0,U.useEffect)(()=>{(S.verification_code||d.verification_code&&d.verification_code.length>0)&&G(!0)},[S.verification_code,d.verification_code,G]);let K=(e,t)=>{p(e,t),S[e]&&M(e)};return(0,U.useEffect)(()=>{let e=S.username?[`username`,s]:S.email?[`email`,c]:S.verification_code?[`verification_code`,null]:S.password?[`password`,l]:S.password_confirmation?[`password_confirmation`,u]:null;if(!e)return;let t=window.requestAnimationFrame(()=>{let[t,n]=e;(n?.current||document.getElementById(t))?.focus()});return()=>window.cancelAnimationFrame(t)},[S.email,S.password,S.password_confirmation,S.username,S.verification_code]),(0,Z.jsx)(`form`,{onSubmit:t=>{t.preventDefault(),m(`/registration`,{onSuccess:()=>{k(),e()}})},noValidate:!0,"aria-busy":h,children:(0,Z.jsxs)(C,{className:`gap-4`,children:[(0,Z.jsxs)(O,{"data-invalid":$(S.username),children:[(0,Z.jsx)(E,{htmlFor:`username`,children:i(`layout.login_dialog.fields.username`)}),(0,Z.jsxs)(T,{children:[(0,Z.jsxs)(V,{children:[(0,Z.jsx)(B,{children:(0,Z.jsx)(R,{children:(0,Z.jsx)(x,{icon:y})})}),(0,Z.jsx)(z,{ref:s,id:`username`,name:`username`,value:d.username,onChange:e=>K(`username`,e.target.value),onBlur:()=>N(`username`),"aria-invalid":$(S.username),"aria-describedby":S.username?`register-username-error`:void 0,maxLength:30,autoComplete:`username`,spellCheck:!1,placeholder:i(`layout.login_dialog.placeholders.username`)})]}),(0,Z.jsx)(w,{id:`register-username-error`,errors:Q(S.username)})]})]}),(0,Z.jsxs)(O,{"data-invalid":$(S.email),children:[(0,Z.jsx)(E,{htmlFor:`reg-email`,children:i(`layout.login_dialog.fields.email`)}),(0,Z.jsxs)(T,{children:[(0,Z.jsxs)(V,{children:[(0,Z.jsx)(B,{children:(0,Z.jsx)(R,{children:(0,Z.jsx)(x,{icon:b})})}),(0,Z.jsx)(z,{ref:c,id:`reg-email`,name:`email`,type:`email`,value:d.email,onChange:e=>K(`email`,e.target.value),onBlur:()=>N(`email`),"aria-invalid":$(S.email),"aria-describedby":[`register-email-hint`,S.email?`register-email-error`:null].filter(

1Boolean).join(` `),autoComplete:`email`,inputMode:`email`,spellCheck:!1,placeholder:i(`layout.login_dialog.placeholders.email`)}),(0,Z.jsx)(B,{align:`inline-end`,children:(0,Z.jsx)(ee,{className:`text-xs leading-5 tracking-normal font-medium text-primary hover:text-primary/90`,onClick:()=>{if(P(`email`)){W(d.email);return}N({only:[`email`],onSuccess:()=>W(d.email)})},disabled:ae||oe>0,children:ae?i(`layout.login_dialog.verification.send`):oe>0?`${oe}s`:i(L?`layout.login_dialog.verification.resend`:`layout.login_dialog.verification.get_code`)})})]}),(0,Z.jsx)(w,{id:`register-email-error`,errors:Q(S.email)}),(0,Z.jsx)(D,{id:`register-email-hint`,className:`text-xs leading-5 tracking-normal`,children:i(`layout.login_dialog.verification.email_hint`)})]})]}),L&&(0,Z.jsxs)(O,{"data-invalid":$(S.verification_code),children:[(0,Z.jsx)(E,{htmlFor:`verification_code`,children:i(`layout.login_dialog.fields.verification_code`)}),(0,Z.jsxs)(T,{className:`items-center`,children:[(0,Z.jsxs)(te,{id:`verification_code`,name:`verification_code`,maxLength:6,value:d.verification_code,onChange:e=>K(`verification_code`,e),onBlur:()=>d.verification_code.length===6&&N(`verification_code`),"aria-invalid":$(S.verification_code),"aria-describedby":S.verification_code?`register-verification-code-error`:void 0,children:[(0,Z.jsxs)(ne,{children:[(0,Z.jsx)(H,{index:0}),(0,Z.jsx)(H,{index:1}),(0,Z.jsx)(H,{index:2})]}),(0,Z.jsx)(`span`,{className:`mx-2 text-muted-foreground`,children:`-`}),(0,Z.jsxs)(ne,{children:[(0,Z.jsx)(H,{index:3}),(0,Z.jsx)(H,{index:4}),(0,Z.jsx)(H,{index:5})]})]}),(0,Z.jsx)(D,{className:`text-xs leading-5 tracking-normal text-center`,children:i(`layout.login_dialog.verification.description`)}),(0,Z.jsx)(w,{id:`register-verification-code-error`,errors:Q(S.verification_code)})]})]}),(0,Z.jsxs)(O,{"data-invalid":$(S.password),children:[(0,Z.jsx)(E,{htmlFor:`reg-password`,children:i(`layout.login_dialog.fields.password`)}),(0,Z.jsxs)(T,{children:[(0,Z.jsxs)(V,{children:[(0,Z.jsx)(B,{children:(0,Z.jsx)(R,{children:(0,Z.jsx)(x,{icon:g})})}),(0,Z.jsx)(z,{ref:l,id:`reg-password`,name:`password`,type:`password`,value:d.password,onChange:e=>K(`password`,e.target.value),onBlur:()=>N(`password`),"aria-invalid":$(S.password),"aria-describedby":S.password?`register-password-error`:void 0,autoComplete:`new-password`,placeholder:i(`layout.login_dialog.placeholders.new_password`)})]}),(0,Z.jsx)(w,{id:`register-password-error`,errors:Q(S.password)})]})]}),(0,Z.jsxs)(O,{"data-invalid":$(S.password_confirmation),children:[(0,Z.jsx)(E,{htmlFor:`password_confirmation`,children:i(`layout.login_dialog.fields.confirm_password`)}),(0,Z.jsxs)(T,{children:[(0,Z.jsxs)(V,{children:[(0,Z.jsx)(B,{children:(0,Z.jsx)(R,{children:(0,Z.jsx)(x,{icon:g})})}),(0,Z.jsx)(z,{ref:u,id:`password_confirmation`,name:`password_confirmation`,type:`password`,value:d.password_confirmation,onChange:e=>K(`password_confirmation`,e.target.value),onBlur:()=>N({only:[`password`,`password_confirmation`]}),"aria-invalid":$(S.password_confirmation),"aria-describedby":S.password_confirmation?`register-password-confirmation-error`:void 0,autoComplete:`new-password`,placeholder:i(`layout.login_dialog.placeholders.confirm_password`)})]}),(0,Z.jsx)(w,{id:`register-password-confirmation-error`,errors:Q(S.password_confirmation)})]})]}),(0,Z.jsxs)(A,{type:`submit`,className:`w-full`,disabled:h||F,children:[h&&(0,Z.jsx)(x,{icon:v,className:`animate-spin`}),i(h?`layout.login_dialog.actions.creating_account`:`layout.login_dialog.actions.sign_up`)]}),(0,Z.jsx)(`p`,{className:`text-center text-xs leading-5 tracking-normal text-muted-foreground text-pretty`,children:(0,Z.jsx)(De,{i18nKey:`layout.login_dialog.agreement`,components:{terms:(0,Z.jsx)(n,{href:ie(`/terms-of-service`,o),className:`font-medium text-foreground underline underline-offset-4 hover:text-primary`}),privacy:(0,Z.jsx)(n,{href:ie(`/privacy-policy`,o),className:`font-medium text-foreground underline underline-offset-4 hover:text-primary`})}})})]})})}export{Me as t};
2//# sourceMappingURL=login-dialog-ILy1V3mW.js.map