%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/opti/www/startup-life/assets/
Upload File :
Create Path :
Current File : /home/opti/www/startup-life/assets/index-1cfc1277.js

import{r as d,a as y,u as b,j as e,C as j,b as p,B as v,Q as r,D as k}from"./index-5492fbe1.js";import{s as c}from"./styled-components.browser.esm-ee37ee23.js";import{O as w}from"./index-2696d226.js";import"./tslib.es6-ace8e431.js";const C=c.div`
  padding-top: 7%;
`,_=c.div`
  @media (max-width: 800px) {
    width: 80%;
  }
  width: 60%;
  height: 450px;
  background: #ffffff;
  justify-content: center;
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 40px 0px rgba(225, 234, 254, 0.62);
  .congrate_eclips {
    position: relative;
    top: -10px;
    right: 35px;
  }
  h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 27px;
    line-height: 150%;
    text-align: center;
    letter-spacing: -0.15px;
    text-transform: capitalize;
    color: #242424;
    padding-top: 9px;
  }
  p {
    color: var(--Tertiary, #6B809B);
    text-align: center;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6875rem; /* 150% */
    margin: 1rem 0;
  }
  .enclose {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 3rem;
  }

  .link-send {
    color: #A8CF45;
  }
  .inputField {
    border: 1px solid #e0e0e0;
    height: 50px;
    border-radius: 3px;
    font-size: 20px;
    color: #000;
    flex: 1 0 45px;
  }
  .inputField:focus {
    border: 2px solid #A8CF45 !important;
    outline: none;
  }
  .verify_congrates_btn {
    background: #A8CF45;
    color: #f2f2f2;
    border-radius: 10px;
    padding: 8px 80px;
  }
`,N=c.div`
display: flex;
justify-content: center;
margin-top: 2rem;

button {
  width: 20.5rem;
  height: 41px;
  background: #A8CF45;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #111e6c;
  outline: "none";
  border: "none";
}
.otp_button_blue {
  background: #A8CF45;
  color: #ffffff;
}
`;function z(){const[x,o]=d.useState(!1),[l,f]=d.useState(""),a=y.get("email"),u=b(),h=async()=>{const s={};await p.post(v+`?email=${a}&otp_type=account_verification`,s).then(n=>{var t;r.success((t=n.data)==null?void 0:t.message)}).catch(n=>{var t,i;r.error((i=(t=n.response)==null?void 0:t.data)==null?void 0:i.message),o(!1)})},g=async()=>{const s={otp_type:"account_verification",email:a,verificationCode:l};o(!0),await p.post(k,s).then(n=>{var t;o(!1),r.success((t=n.data)==null?void 0:t.message),u("/")}).catch(n=>{var t,i;r.error((i=(t=n.response)==null?void 0:t.data)==null?void 0:i.message),o(!1)})},m=s=>f(s);return e.jsx(C,{children:e.jsx("div",{className:"d-flex justify-content-center align-items-center",children:e.jsx(_,{children:e.jsx("div",{className:"container text-center",children:e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col congrate-body",children:[e.jsx("h4",{children:"Account Verification"}),e.jsxs("p",{children:["A verification code has been sent to ",a]}),e.jsx("div",{children:e.jsx(w,{value:l,onChange:m,inputStyle:"inputField",containerStyle:"enclose",numInputs:6,isInputNum:!0})}),e.jsx(N,{children:e.jsx("div",{className:"d-flex justify-content-between align-items-center gap-1",children:e.jsx("button",{style:{outline:"none",border:"none"},onClick:g,className:" otp_button_blue ",children:x?e.jsx(j,{color:"inherit",size:20}):"Okay"})})}),e.jsxs("p",{className:"text-center",children:["Didn't get an OTP?"," ",e.jsx("span",{className:"link-send",children:e.jsx("strong",{onClick:h,style:{cursor:"pointer"},children:"Resend OTP"})})]})]})})})})})})}export{z as default};

Zerion Mini Shell 1.0