https://qr.telkom.co.za/_next/static/chunks/096~uaiird9qu.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,59124,e=>{"use strict";var t=e.i(91398),a=e.i(91788),l=e.i(3828);e.i(94435);var s=e.i(92890);e.i(83594);var i=e.i(86397);e.i(80142);var n=e.i(64758),r=e.i(40492),o=e.i(65744),d=e.i(41352),c=e.i(14708),u=e.i(66844),p=e.i(58678),x=e.i(30746);let m=()=>{let[e,m]=(0,a.useState)({value:"",type:"RSA_ID",isValid:!1}),{setJourney:h,accountApiResponse:g,setAccountApiResponse:y}=(0,a.useContext)(o.AppContext),[b,f]=(0,a.useState)(!1),[v,j]=(0,a.useState)(null),P=(0,l.useRouter)(),[S,A]=(0,a.useState)(!0),[N,_]=(0,a.useState)(),[w,T]=(0,a.useState)(null),[k,R]=a.default.useState(!1),[C,I]=a.default.useState(""),[D,E]=(0,a.useState)(null),[O,G]=(0,a.useState)(null),[$,B]=(0,a.useState)(!1),W=()=>{R(!1),I(""),G(null),E(null)};(0,a.useEffect)(()=>{},[w]);let L=async t=>{t.preventDefault(),B(!0),f(!0);try{if("RSA_ID"===e.type&&13!==e.value.length)throw Error("SA ID number must be 13 digits");if("PASSPORT"===e.type&&e.value.length<=5)throw Error("Please enter a valid passport");let t={type:e.type,value:e.value};(0,r.submitPayAccountStepOne)(t).then(t=>{let a=t.data;Array.isArray(t.account)&&t.account.length>0?(y(t),A(!1),h("Pay Account"),_(a),x.default.dataLayer({dataLayer:{event:"identifier",process_id:g?.sessionId,ecommerce:{journey_type:"Pay Account",id_type:e.type,event_outcome:"Account found"}}}),P.push("/pay-account/accounts")):(G({title:"Pay Account",message:"We could not find account(s) for identification provided."}),B(!1),R(!0),x.default.dataLayer({dataLayer:{event:"identifier",process_id:g?.sessionId,ecommerce:{journey_type:"Pay Account",id_type:e.type,event_outcome:"Account not found"}}}))}).catch(e=>{E({title:"Pay Account",message:"We could not process your request, please try again later."}),B(!1),R(!0)})}catch(e){"Please enter a valid passport"===e.message?G({title:"Pay Account",message:"Please enter a valid passport."}):G({title:"Pay Account",message:"Please enter a valid 13 digit ID number."}),B(!1),R(!0),j(e.message)}},X=t=>{m({...e,type:t.target.value,value:""})};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(p.default,{children:(0,t.jsx)("title",{children:"Pay Account"})}),(0,t.jsxs)("div",{children:[(0,t.jsx)(s.Stepper,{step:"1",taskName:"Your identifier",sectionTitle:"Pay Account",totalStep:"3",activeStepperWidth:"w-[33%]"}),k&&O&&(0,t.jsx)(d.default,{data:O,closeModal:W}),k&&D&&(0,t.jsx)(c.default,{success:D,closeModal:W}),$&&(0,t.jsx)(u.default,{}),(0,t.jsx)("div",{className:"container mx-auto px-10 lg:px-52 my-14",children:(0,t.jsx)(n.CardWrapper,{backgroudColor:"white",borderRadius:"10px",smPadding:"20px",lgPadding:"30px",children:(0,t.jsxs)("div",{className:"container mx-auto",children:[(0,t.jsx)("div",{className:"grid grid-cols-1 border-b-2 border-b-lightGrey",children:(0,t.jsx)("div",{className:"pb-[30px]",children:(0,t.jsx)("h1",{className:"text-[20px] font-TelkomRegular text-blueText leading-[32px] font-[300]",children:"Your Identifier"})})}),(0,t.jsx)("div",{className:"grid grid-cols-1 mt-[30px]",children:(0,t.jsxs)(n.CardWrapper,{backgroudColor:"bgColor",borderRadius:"10px",smPadding:"20px",lgPadding:"30px",children:[(0,t.jsx)("div",{className:"container mx-auto",children:(0,t.jsx)("div",{className:"grid grid-cols-1 gap-4 ",children:(0,t.jsx)("p",{className:"text-[14px] text-blueText lg:text-[16px] leading-[22px] lg:leading-[24px] font-TelkomRegular font-[300] pb-[30px]",children:"Select option below:"})})}),(0,t.jsxs)("form",{onSubmit:L,children:[(0,t.jsxs)("div",{className:"flex flex-col left lg:flex-row text-blueText lg:items-center lg:justify-center",children:[(0,t.jsxs)("label",{className:`mb-2 lg:mb-0 lg:mr-4 ${"RSA_ID"===e.type||!e.type?"font-bold":""}`,children:[(0,t.jsx)("input",{type:"radio",name:"identification",value:"RSA_ID",onChange:X,checked:"RSA_ID"===e.type||!e.type,style:{marginRight:"3px",color:"telkomGreen"}}),(0,t.jsx)("span",{className:"color-telkomGreen radio-button"}),"Identification Number"]}),(0,t.jsxs)("label",{className:`mb-2 lg:mb-0 ${"PASSPORT"===e.type?"font-bold":""}`,children:[(0,t.jsx)("input",{type:"radio",name:"identification",value:"PASSPORT",onChange:X,checked:"PASSPORT"===e.type,style:{marginRight:"3px"}}),(0,t.jsx)("span",{className:"color-telkomGreen radio-button"}),"Passport Number"]})]}),(0,t.jsx)("div",{className:"flex justify-center",children:(0,t.jsx)("input",{type:"text",placeholder:"RSA_ID"!==e.type&&e.type?"Enter Passport number":"Enter ID number",value:e.value,onChange:t=>{let a=t.target.value.trim();if("RSA_ID"===e.type){if(!/^[0-9]{0,13}$/.test(a))return}else if("PASSPORT"===e.type&&!/^[a-zA-Z0-9]{0,12}$/.test(a))return;m({...e,value:a,isValid:!1}

1),T(a||null)},className:"py-4 px-4 text-blueText rounded-[5px] outline-none gap-[10px] text-[14px] line-height-[22px] text-[#000] lg:w-[455px] w-[255px] h-50 bg-white mt-[30px] shadow-md rounded-5 flex-none order-1 self-stretch",disabled:!e.type,style:{boxShadow:"0px 0px 55px 0px #0000001A"}})})]})]})})]})})})]}),(0,t.jsx)("div",{className:"mt-auto shadow-[0px 8px 50px sticky bottom-0 rgba(8, 45, 108, 0.2)] rounded-[20px] lg:rounded-[0px] bg-white p-6",children:(0,t.jsx)("div",{className:"container mx-auto",children:(0,t.jsxs)("div",{className:"grid grid-cols-2",children:[(0,t.jsx)("div",{children:(0,t.jsx)(i.GlobalButton,{onClick:()=>P.push("/"),label:"Back",backgroundColor:"white",color:"carouselText",borderColor:"carouselText"})}),(0,t.jsx)("div",{className:"ml-auto",children:(0,t.jsx)("button",{className:`text-[14px] leading-[20px] font-[400] min-w-[120px] shadow-[0px -5px 27px rgba(0, 0, 0, 0.05)] 
2                            py-[10px] px-[30px] rounded-[5px] text-center
3                            text-${!w?"white":"blueText"} font-TelkomBold ${!w?"":"bg-telkomGreen"}`,onClick:L,style:{backgroundColor:w?"":"grey"},children:"Next"})})]})})})]})};e.s(["default",0,()=>(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(m,{})})],59124)},62225,(e,t,a)=>{let l="/pay-account";(window.__NEXT_P=window.__NEXT_P||[]).push([l,()=>e.r(59124)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push([l])})},48761,e=>{e.v(t=>Promise.all(["static/chunks/0ey~yy8oeyp~5.js"].map(t=>e.l(t))).then(()=>t(93594)))},28805,e=>{e.v(t=>Promise.all(["static/chunks/0599p99vu8fk5.js"].map(t=>e.l(t))).then(()=>t(79466)))}]);