https://www.12bwinb.com/_next/static/chunks/8248.1ccdc2d7d562a986.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8248,751],{30751:function(e,s,n){n.r(s),n.d(s,{default:function(){return pin_code_modal_SetPinCodeModal}});var a=n(52322),l=n(88213),t=n(9451),i=n(14482),c=n(82981),o=n(2784),d=n(67997),r=n(43806),u=n(83054),m=n.n(u),pin_code_modal_PinCodeSuccessModal=e=>{let{icon:s,title:n,content:l,okText:t,onOK:i,closeModal:c}=e;return(0,a.jsx)("div",{className:"pop",children:(0,a.jsx)("div",{className:"editSuccess active pinCodePop ".concat(m().setPinCodePop),children:(0,a.jsx)("div",{className:m().wrapper,children:(0,a.jsxs)("div",{className:m().successCard,children:[s&&(0,a.jsx)("div",{className:m().successIconWrap,children:s}),(0,a.jsx)("h2",{className:m().successTitle,children:n}),(0,a.jsx)("div",{className:m().successDescription,"data-ttid":"modal-msg",children:l.map(e=>(0,a.jsx)("p",{className:m().successDescriptionLine,children:e},e))}),(0,a.jsx)("div",{className:m().successButtonRow,children:(0,a.jsx)("button",{"data-ttid":"modal-ok-btn",type:"button",className:m().successOkBtn,onClick:()=>{c(),null==i||i()},children:t})})]})})})})},h=n(58729),p=n(34200),pin_code_modal_SetPinCodeModal=e=>{let{onSetSuccess:s}=e,{t:n}=(0,c.$G)(),{modal:u,closeModal:_}=(0,l.JT)(),x=2*p.h,[j,{isLoading:N}]=(0,i.k6t)(),[b,C]=(0,o.useState)(!1),{inputRefs:v,pinDigits:P,confirmDigits:f,pinStr:g,confirmStr:w,handleDigitChange:I,handleKeyDown:y}=(0,t.pP)(x),handleSubmit=async e=>{try{await j({NewPinCode:e}).unwrap(),_(),u.open((0,a.jsx)(pin_code_modal_PinCodeSuccessModal,{icon:(0,a.jsx)(r.$D2,{size:48,className:m().successModalIcon}),title:n("Label_PinCode_Created"),content:[n("Label_PinCode_Update_Sucess_1"),n("Label_PinCode_Update_Sucess_2")],okText:n("Label_General_OK"),onOK:()=>{s&&s(e)},closeModal:_}))}catch(a){let{rawMessage:e,message:s}=a,n=e||s;u.error(n)}},k=g.length===p.h,L=g.length>=3&&!/(\d)\1{2,}/.test(g),S=g.length>=3&&!(e=>{if(e.length<3)return!1;for(let s=0;s<=e.length-3;s+=1){let n=parseInt(e[s],10),a=parseInt(e[s+1],10),l=parseInt(e[s+2],10);if(n+1===a&&a+1===l||n-1===a&&a-1===l)return!0}return!1})(g),M=g===w,R=w.length===p.h,D=k&&L&&S&&M&&R,z=(0,o.useMemo)(()=>[{key:"six",met:k,text:n("Label_PinCode_Rules_1")},{key:"identical",met:L,text:n("Label_PinCode_Rules_2")},{key:"consecutive",met:S,text:n("Label_PinCode_Rules_3")}],[k,L,S]);return(0,a.jsx)("div",{className:"pop",children:(0,a.jsx)("div",{className:"editSuccess active pinCodePop ".concat(m().setPinCodePop),children:(0,a.jsx)("div",{className:m().wrapper,children:(0,a.jsxs)("div",{className:m().formCard,children:[(0,a.jsx)(r.G51,{className:m().shieldIcon}),(0,a.jsx)("h2",{className:m().formTitle,children:n("Label_PinCode_Modal_Title")}),(0,a.jsx)("p",{className:m().formDescription,children:n("Label_PinCode_Modal_Desc")}),(0,a.jsxs)("form",{onSubmit:e=>{e.preventDefault(),handleSubmit(g)},className:m().formBody,children:[(0,a.jsx)(h.u,{label:n("Label_PinCode_Enter_Pin"),values:P,startIndex:0,globalRefs:v,showPin:b,onChange:I,onKeyDown:y,tips:z,onToggleShow:()=>C(e=>!e)}),(0,a.jsx)(h.u,{label:n("Label_PinCode_Confirm_Pin"),values:f,startIndex:p.h,globalRefs:v,showPin:b,onChange:I,onKeyDown:y}),(0,a.jsxs)("div",{className:m().buttonRow,children:[(0,a.jsx)("button",{type:"button",className:m().closeBtn,onClick:()=>{_()},disabled:N,children:n("Label_General_Close")}),(0,a.jsx)("button",{type:"submit",className:m().submitBtn,disabled:!D||N,children:N?(0,a.jsx)(d.Cd,{size:18,className:m().submitSpinner,"aria-hidden":!0}):n("Label_General_Submit")})]})]})]})})})})}},58729:function(e,s,n){n.d(s,{u:function(){return PinInputRow}});var a=n(52322),l=n(23218),t=n(4795),i=n(22828),c=n(83054),o=n.n(c);let PinInputRow=e=>{let{label:s,values:n,startIndex:c,globalRefs:d,showPin:r,tips:u,onChange:m,onKeyDown:h,onToggleShow:p}=e,_=u&&u.length>0,x=n.some(e=>""!==e);return(0,a.jsxs)("div",{className:o().fieldGroup,children:[(0,a.jsxs)("div",{className:o().labelRow,children:[(0,a.jsx)("div",{className:o().label,children:s}),p&&(0,a.jsx)("button",{type:"button",className:o().eyeToggle,onClick:p,"aria-label":r?"Hide PIN":"Show PIN",children:r?(0,a.jsx)(t.rzC,{size:18,className:o().eyeIcon}):(0,a.jsx)(t.rDJ,{size:18,className:o().eyeIcon})})]}),(0,a.jsx)("div",{className:o().inputRow,children:n.map((e,s)=>{let n=c+s,l=!r;return(0,a.jsxs)("div",{className:o().digitInputWrap,children:[l&&""!==e&&(0,a.jsx)("span",{className:o().digitMaskOverlay,"aria-hidden":!0,

1children:"•"}),(0,a.jsx)("input",{ref:e=>{d.current[n]=e},className:"".concat(o().digitInput," ").concat(l?o().digitInputMasked:""),type:"text",inputMode:"numeric",maxLength:1,value:e,placeholder:" ",onChange:e=>m(n,e.target.value),onKeyDown:e=>h(n,e),autoComplete:"off"})]},"pin-".concat(n))})}),_&&x&&(0,a.jsx)("ul",{className:o().rulesList,"aria-live":"polite",children:null==u?void 0:u.map(e=>{let{key:s,met:n,text:t}=e;return(0,a.jsxs)("li",{className:n?o().ruleMet:o().ruleUnmet,children:[n?(0,a.jsx)(i.jI1,{size:14,className:o().ruleIcon}):(0,a.jsx)(l.Fk5,{size:14,className:o().ruleIconUnmet}),(0,a.jsx)("span",{children:t})]},s)})})]})}},34200:function(e,s,n){n.d(s,{B:function(){return a.Bm},h:function(){return l}});var a=n(9451);let l=6}}]);