@particle-network/auth-core-modal/esm/setPaymentPassword-TFJ26FJB.js

Auth Core provides MPC (Multi-Party Computation)-based threshold signatures.

"use client";
import{a as w}from"./chunk-43JDCNAT.js";import{a as g}from"./chunk-XQOOVSQO.js";import"./chunk-3GNUKO34.js";import{b as l}from"./chunk-6ART4FPU.js";import"./chunk-JLTVTEXA.js";import{sa as f}from"./chunk-CNYYVI6H.js";import"./chunk-L535NPP3.js";import{useRequest as z}from"ahooks";import{Button as T}from"antd";import{useEffect as M,useState as n}from"react";import{useTranslation as E}from"react-i18next";import{updatePaymentPassword as K}from"@particle-network/auth-core";import o from"react";var y=`.set-password-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  overflow: hidden;
  color: var(--text-color);
}
.set-password-container .display-none {
  display: none;
}
.set-password-container .password-mistake {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
  margin-top: 50px;
  text-align: center;
  color: var(--error-color);
}
.set-password-container .payment-title {
  margin-top: 60px;
  font-size: 22px;
  color: var(--text-color);
}
.set-password-container .patment-tips1 {
  width: 80vw;
  margin-top: 30px;
  font-size: 14px;
  text-align: center;
  color: var(--text-color);
}
@media (min-width: 600px) {
  .set-password-container .patment-tips1 {
    width: calc(80 * var(--vw));
  }
}
.set-password-container .payment-buttons2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 50px;
}
.set-password-container .payment-buttons2 .payment-main-button2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 47px;
  border: none !important;
  border-radius: var(--primary-btn-border-radius);
  outline: none;
  font-weight: 500;
  font-size: var(--primary-btn-font-size);
  color: var(--primary-btn-color);
  background: var(--primary-btn-background-color);
  opacity: 1;
}
.set-password-container .payment-buttons2 .payment-main-button2:hover {
  color: var(--primary-btn-color);
  background: var(--primary-btn-background-color);
}
.set-password-container .payment-buttons2 .payment-main-button2:disabled {
  opacity: 0.5;
}
@media (max-width: 565px) {
  .set-password-container .payment-buttons2 {
    height: calc(var(--doc-height) - 245px - 106px - 31px - 42px);
    margin-top: 0;
  }
}
.set-password-container .success-icon {
  width: 50px;
  height: 50px;
  margin-top: 60px;
}
.set-password-container .payment-desc-1 {
  box-sizing: border-box;
  margin: 15px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: var(--text-color);
}
.set-password-container .keyboard-container {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: 50px;
}
@media (max-width: 565px) {
  .set-password-container .keyboard-container {
    margin-top: 10px;
  }
}
`;var V=h=>{let e=f(),{t:s}=E(),t=h,[x,r]=n("loading"),[d,i]=n(""),[u,c]=n(""),[b,m]=n(),[v,p]=n(!1),{errorHandle:k}=g(),{loading:P,run:_}=z(K,{manual:!0,onSuccess:()=>{e(-1)},onError:a=>{k(a),(a==null?void 0:a.error_code)===50104&&(i(""),c(""),m(!1),r("password"))}});M(()=>{r("password")},[]);let N=a=>{a.length===6?a===u?(i(a),p(!0)):(i(""),c(""),m(!0),r("password"),p(!1)):(i(a),p(!1))},C=()=>{if(t!=null&&t.account)e("/account/verify",{state:{account:t==null?void 0:t.account,password:d,pageType:"reset_payment_password"}});else if(t!=null&&t.oldPassword){let a=t==null?void 0:t.oldPassword;_({password:d,oldPassword:a})}};return x==="confirm"?o.createElement("div",{className:"set-password-container"},o.createElement("style",null,y),o.createElement(l,{className:"icon-navigation-back",name:"circle_back",onClick:()=>e(-1)}),o.createElement("h2",{className:"payment-title"},s("account.set_payment_password")),o.createElement("p",{className:"payment-desc-1"},s("account.re_enter_confirm")),o.createElement("div",{className:"keyboard-container"},o.createElement(w,{onChange:N,value:d})),o.createElement("div",{className:"payment-buttons2"},o.createElement(T,{className:"payment-main-button2",disabled:!v,loading:t!=null&&t.oldPassword?P:!1,onClick:C},s("account.done")))):o.createElement(o.Fragment,null,o.createElement("style",null,y),o.createElement("div",{className:"set-password-container"},o.createElement(l,{className:"icon-navigation-back",name:"circle_back",onClick:()=>e(-1)}),o.createElement("h2",{className:"payment-title"},s("account.set_payment_password")),o.createElement("p",{className:"payment-desc-1"},s("account.set_payment_password_tip")),o.createElement("div",{className:"keyboard-container"},o.createElement(w,{onChange:a=>{c(a),a.length>5&&(m(!1),p(!1),r("confirm"))},value:u})),b&&o.createElement("div",{className:"password-mistake"},s("account.password_do_not_match"))))},Q=V;export{Q as default};