https://trof.ai/_next/static/chunks/pages/auth/resend-code-5b8fb0ff397236a5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4078],{79477:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth/resend-code",function(){return a(65747)}])},72902:function(e,t,a){"use strict";var o=a(85893),r=a(40645),i=a.n(r);a(67294),t.Z=e=>{let{children:t,onClick:a,type:r="button",disabled:s=!1,className:n="",isLoading:d=!1,fullWidth:l=!1,variant:f="primary"}=e;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("button",{type:r,onClick:a,disabled:s||d,className:"jsx-99f82adf1dfd2158 "+("base-button ".concat("primary"!==f?f:""," ").concat(l?"full-width":""," ").concat(n).trim()||""),children:d?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:"jsx-99f82adf1dfd2158 loading-spinner"}),t]}):t}),(0,o.jsx)(i(),{id:"99f82adf1dfd2158",children:".base-button.jsx-99f82adf1dfd2158{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.6rem 1.2rem;background:#62d76b;color:black;border:2px solid black;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;-webkit-transition:all.2s ease;-moz-transition:all.2s ease;-o-transition:all.2s ease;transition:all.2s ease;-webkit-box-shadow:2px 2px 0 rgba(0,0,0,.8);-moz-box-shadow:2px 2px 0 rgba(0,0,0,.8);box-shadow:2px 2px 0 rgba(0,0,0,.8)}.base-button.jsx-99f82adf1dfd2158:hover{background:#56c15f;-webkit-box-shadow:3px 3px 0 rgba(0,0,0,.8);-moz-box-shadow:3px 3px 0 rgba(0,0,0,.8);box-shadow:3px 3px 0 rgba(0,0,0,.8);-webkit-transform:translatey(-1px);-moz-transform:translatey(-1px);-ms-transform:translatey(-1px);-o-transform:translatey(-1px);transform:translatey(-1px)}.base-button.secondary.jsx-99f82adf1dfd2158{background:#808080;color:white;border:2px solid#5A5A5A}.base-button.secondary.jsx-99f82adf1dfd2158:hover{background:#666}.base-button.light-outline.jsx-99f82adf1dfd2158{background:#e2e8f0;color:black;border:2px solid black}.base-button.light-outline.jsx-99f82adf1dfd2158:hover{background:#cbd5e0}.base-button.jsx-99f82adf1dfd2158:disabled{background:#e2e8f0;color:#a0aec0;border-color:#a0aec0;cursor:not-allowed;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.base-button.secondary.jsx-99f82adf1dfd2158:disabled{background:#ccc;color:#888;border-color:#aaa}.base-button.light-outline.jsx-99f82adf1dfd2158:disabled{background:#f7fafc;color:#a0aec0;border-color:#e2e8f0}.full-width.jsx-99f82adf1dfd2158{width:100%}.small.jsx-99f82adf1dfd2158{padding:.4rem .8rem;font-size:.75rem;-webkit-box-shadow:1px 1px 0 rgba(0,0,0,.8);-moz-box-shadow:1px 1px 0 rgba(0,0,0,.8);box-shadow:1px 1px 0 rgba(0,0,0,.8)}.small.jsx-99f82adf1dfd2158:hover{-webkit-box-shadow:2px 2px 0 rgba(0,0,0,.8);-moz-box-shadow:2px 2px 0 rgba(0,0,0,.8);box-shadow:2px 2px 0 rgba(0,0,0,.8)}.outline.jsx-99f82adf1dfd2158{background:transparent;border:1px solid#62d76b;color:#62d76b;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.outline.jsx-99f82adf1dfd2158:hover{background:rgba(98,215,107,.1);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.loading-spinner.jsx-99f82adf1dfd2158{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(26,26,26,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border-top-color:#1a1a1a;-webkit-animation:spin 1s ease-in-out infinite;-moz-animation:spin 1s ease-in-out infinite;-o-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin{to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}"})]})}},65747:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return u}});var o=a(85893),r=a(40645),i=a.n(r),s=a(67294),n=a(11163),d=a(49548),l=a(41664),f=a.n(l),c=a(9008),b=a.n(c),x=a(12515),m=a(72902);

1function u(){let[e,t]=(0,s.useState)(""),[a,r]=(0,s.useState)(!1),[l,c]=(0,s.useState)(!1),[u,p]=(0,s.useState)(""),[g,h]=(0,s.useState)(0),j=(0,n.useRouter)(),{resendConfirmationCode:w}=(0,d.aC)(),k=[{image:"/images/sign-in-image.jpg",text:"Market Properties\nLike Never Before"},{image:"/images/sign-in-image1.jpg",text:"AI-Powered Designs\nFor Every Listing"}];(0,s.useEffect)(()=>{let e=setInterval(()=>{h(e=>(e+1)%k.length)},5e3);return()=>clearInterval(e)},[]),(0,s.useEffect)(()=>{j.query.email&&t(j.query.email)},[j.query.email]);let y=async t=>{t.preventDefault(),p(""),c(!1),r(!0);try{await w(e),c(!0),setTimeout(()=>{j.push({pathname:"/auth/confirm",query:{username:e}})},2e3)}catch(e){console.error("Resend code error:",e),p(e.message||"Failed to resend verification code. Please try again.")}finally{r(!1)}};return(0,o.jsxs)("div",{className:"jsx-73f2a744311e8f0d auth-page",children:[(0,o.jsxs)(b(),{children:[(0,o.jsx)("title",{className:"jsx-73f2a744311e8f0d",children:"Resend Verification Code - Trofai"}),(0,o.jsx)("meta",{name:"description",content:"Resend verification code for your Trofai account",className:"jsx-73f2a744311e8f0d"}),(0,o.jsx)("link",{rel:"icon",href:"/favicon.ico",className:"jsx-73f2a744311e8f0d"})]}),(0,o.jsxs)("div",{className:"jsx-73f2a744311e8f0d auth-card",children:[(0,o.jsxs)("div",{style:{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)), url('".concat(k[g].image,"')")},className:"jsx-73f2a744311e8f0d auth-left",children:[(0,o.jsx)("div",{className:"jsx-73f2a744311e8f0d back-to-website",children:(0,o.jsxs)(f(),{href:"/",children:[(0,o.jsx)(x.Rgz,{className:"back-icon"}),"Back to website"]})}),(0,o.jsxs)("div",{className:"jsx-73f2a744311e8f0d auth-content",children:[(0,o.jsx)("h2",{className:"jsx-73f2a744311e8f0d slogan",children:k[g].text}),(0,o.jsx)("div",{className:"jsx-73f2a744311e8f0d dots",children:k.map((e,t)=>(0,o.jsx)("span",{onClick:()=>h(t),className:"jsx-73f2a744311e8f0d "+"dot ".concat(g===t?"active":"")},t))})]})]}),(0,o.jsx)("div",{className:"jsx-73f2a744311e8f0d auth-right",children:(0,o.jsxs)("div",{className:"jsx-73f2a744311e8f0d auth-container",children:[(0,o.jsxs)("div",{className:"jsx-73f2a744311e8f0d auth-header",children:[(0,o.jsxs)("div",{className:"jsx-73f2a744311e8f0d logo",children:[(0,o.jsx)("span",{className:"jsx-73f2a744311e8f0d logo-icon",children:"\uD83D\uDD25"}),(0,o.jsx)("h1",{className:"jsx-73f2a744311e8f0d",children:"Trofai"})]}),(0,o.jsx)("h2",{className:"jsx-73f2a744311e8f0d auth-title",children:"Resend verification code"}),(0,o.jsx)("p",{className:"jsx-73f2a744311e8f0d auth-subtitle",children:"Enter your email to receive a new verification code"})]}),u&&(0,o.jsx)("div",{className:"jsx-73f2a744311e8f0d error-message",children:u}),l&&(0,o.jsx)("div",{className:"jsx-73f2a744311e8f0d success-message",children:"Verification code has been sent to your email. You'll be redirected to the confirmation page."}),(0,o.jsxs)("form",{onSubmit:y,className:"jsx-73f2a744311e8f0d auth-form",children:[(0,o.jsxs)("div",{className:"jsx-73f2a744311e8f0d form-group",children:[(0,o.jsx)("label",{htmlFor:"email",className:"jsx-73f2a744311e8f0d",children:"Email"}),(0,o.jsx)("input",{id:"email",type:"email",value:e,onChange:e=>t(e.target.value),required:!0,placeholder:"Enter your email",className:"jsx-73f2a744311e8f0d auth-input"})]}),(0,o.jsx)(m.Z,{type:"submit",disabled:a,isLoading:a,fullWidth:!0,children:"Resend Code"})]}),(0,o.jsxs)("div",{className:"jsx-73f2a744311e8f0d auth-footer",children:[(0,o.jsx)("p",{className:"jsx-73f2a744311e8f0d",children:(0,o.jsx)(f(),{href:"/auth/confirm",children:"Back to verification"})}),(0,o.jsx)("p",{className:"jsx-73f2a744311e8f0d mt-3",children:(0,o.jsx)(f(),{href:"/auth/signin",children:"Already verified? Sign in"})})]})]})})]}),(0,o.jsx)(i(),{id:"73f2a744311e8f0d",children:'.auth-page.jsx-73f2a744311e8f0d{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background:#1a1625}.auth-card.jsx-73f2a744311e8f0d{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;background:rgba(255,255,255,.02)}.auth-left.jsx-73f2a744311e8f0d{-webkit-box-flex:1.2;-webkit-flex:1.2;-moz-box-flex:1.2;-ms-flex:1.2;flex:1.2;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;color:white;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2rem;position:relative;-webkit-box-pack:end;

1-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:background-image.5s ease-in-out;-moz-transition:background-image.5s ease-in-out;-o-transition:background-image.5s ease-in-out;transition:background-image.5s ease-in-out}.back-to-website.jsx-73f2a744311e8f0d{position:absolute;top:2rem;left:2rem;z-index:10}.back-to-website.jsx-73f2a744311e8f0d a.jsx-73f2a744311e8f0d{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;color:white;text-decoration:none;font-weight:500;-webkit-transition:all.2s;-moz-transition:all.2s;-o-transition:all.2s;transition:all.2s;font-size:.875rem;opacity:.9}.back-to-website.jsx-73f2a744311e8f0d a.jsx-73f2a744311e8f0d:hover{opacity:1}.back-icon.jsx-73f2a744311e8f0d{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.auth-content.jsx-73f2a744311e8f0d{margin:0;padding:0 2rem;position:relative;z-index:5;text-align:left;width:100%;max-width:600px;margin-left:2rem;margin-bottom:2rem}.slogan.jsx-73f2a744311e8f0d{font-size:2.25rem;font-weight:400;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;letter-spacing:-.02em;opacity:.95;white-space:pre-line}.dots.jsx-73f2a744311e8f0d{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:.75rem;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.dot.jsx-73f2a744311e8f0d{width:6px;height:6px;background:rgba(255,255,255,.3);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all.3s ease;-moz-transition:all.3s ease;-o-transition:all.3s ease;transition:all.3s ease;cursor:pointer}.dot.active.jsx-73f2a744311e8f0d{background:#62d76b;width:20px;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}.auth-right.jsx-73f2a744311e8f0d{-webkit-box-flex:.8;-webkit-flex:.8;-moz-box-flex:.8;-ms-flex:.8;flex:.8;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:3rem;background:white}.auth-container.jsx-73f2a744311e8f0d{width:100%;max-width:420px}.auth-header.jsx-73f2a744311e8f0d{margin-bottom:2rem}.logo.jsx-73f2a744311e8f0d{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:1rem}.logo-icon.jsx-73f2a744311e8f0d{font-size:1.75rem}.logo.jsx-73f2a744311e8f0d h1.jsx-73f2a744311e8f0d{margin:0;font-size:1.75rem;font-weight:700;color:#1a1a1a;letter-spacing:-.5px}.auth-title.jsx-73f2a744311e8f0d{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.auth-subtitle.jsx-73f2a744311e8f0d{margin:0;font-size:.95rem;color:#6b7280;line-height:1.5}.auth-form.jsx-73f2a744311e8f0d{margin-bottom:2rem}.form-group.jsx-73f2a744311e8f0d{margin-bottom:1.25rem}.form-group.jsx-73f2a744311e8f0d label.jsx-73f2a744311e8f0d{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.auth-input.jsx-73f2a744311e8f0d{width:100%;padding:.75rem 1rem;background-color:#f9fafb;border:1px solid#e5e7eb;-webkit-border-radius:.375rem;-moz-border-radius:.375rem;border-radius:.375rem;font-size:.875rem;color:#1f2937;-webkit-transition:border-color.15s ease;-moz-transition:border-color.15s ease;-o-transition:border-color.15s ease;transition:border-color.15s ease}.auth-input.jsx-73f2a744311e8f0d:focus{outline:none;border-color:#62d76b;-webkit-box-shadow:0 0 0 3px rgba(98,215,107,.1);-moz-box-shadow:0 0 0 3px rgba(98,215,107,.1);box-shadow:0 0 0 3px rgba(98,215,107,.1)}.auth-input.jsx-73f2a744311e8f0d::-webkit-input-placeholder{color:#9ca3af}.auth-input.jsx-73f2a744311e8f0d:-moz-placeholder{color:#9ca3af}.auth-input.jsx-73f2a744311e8f0d::-moz-placeholder{color:#9ca3af}.auth-input.jsx-73f2a744311e8f0d:-ms-input-placeholder{color:#9ca3af}.auth-input.jsx-73f2a744311e8f0d::-ms-input-placeholder{color:#9ca3af}.auth-input.jsx-73f2a744311e8f0d::placeholder{color:#9ca3af}.auth-footer.jsx-73f2a744311e8f0d{text-align:center;font-size:.875rem;color:#6b7280}.auth-footer.jsx-73f2a744311e8f0d a.jsx-73f2a744311e8f0d{color:#62d76b;font-weight:500;text-decoration:none;-webkit-transition:color.15s ease;-moz-transition:color.15s ease;-o-transition:color.15s ease;transition:color.15s ease}.auth-footer.jsx-73f2a744311e8f0d a.jsx-73f2a744311e8f0d:hover{color:#4baf54;text-decoration:underline}.mt-3.jsx-73f2a744311e8f0d{margin-top:.75rem}.text-sm.jsx-73f2a744311e8f0d{font-size:.875rem}.error-message.jsx-73f2a744311e8f0d{padding:.75rem 1rem;background-color:#fee2e2;border:1px solid#fecaca;-webkit-border-radius:.375rem;-moz-border-radius:.375rem;border-radius:.375rem;color:#b91c1c;font-size:.875rem;margin-bottom:1.5rem}.success-message.jsx-73f2a744311e8f0d{padding:.75rem 1rem;background-color:#d1fae5;border:1px solid#a7f3d0;-webkit-border-radius:.375rem;-moz-border-radius:.375rem;border-radius:.375rem;color:#065f46;font-size:.875rem;margin-bottom:1.5rem}@media(max-width:768px){.auth-card.jsx-73f2a744311e8f0d{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.auth-left.jsx-73f2a744311e8f0d{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-height:200px}.auth-right.jsx-73f2a744311e8f0d{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:2rem}.auth-container.jsx-73f2a744311e8f0d{max-width:100%}}'})]})}},67796:function(e,t,a){"use strict";a.d(t,{w_:function(){return f}});var o=a(67294),r={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},i=o.createContext&&o.createContext(r),s=["attr","size","title"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(e[o]=a[o])}return e}).apply(this,arguments)}function d(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,o)}return a}function l(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};

1t%2?d(Object(a),!0).forEach(function(t){var o,r;o=t,r=a[t],(o=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var o=a.call(e,t||"default");if("object"!=typeof o)return o;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(o))in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):d(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}function f(e){return t=>o.createElement(c,n({attr:l({},e.attr)},t),function e(t){return t&&t.map((t,a)=>o.createElement(t.tag,l({key:a},t.attr),e(t.child)))}(e.child))}function c(e){var t=t=>{var a,{attr:r,size:i,title:d}=e,f=function(e,t){if(null==e)return{};var a,o,r=function(e,t){if(null==e)return{};var a={};for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){if(t.indexOf(o)>=0)continue;a[o]=e[o]}return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)a=i[o],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}(e,s),c=i||t.size||"1em";return t.className&&(a=t.className),e.className&&(a=(a?a+" ":"")+e.className),o.createElement("svg",n({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,r,f,{className:a,style:l(l({color:e.color||t.color},t.style),e.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),d&&o.createElement("title",null,d),e.children)};return void 0!==i?o.createElement(i.Consumer,null,e=>t(e)):t(r)}}},function(e){e.O(0,[6130,3424,2888,9774,179],function(){return e(e.s=79477)}),_N_E=e.O()}]);