1(self.webpackChunkweb_help_centre=self.webpackChunkweb_help_centre||[]).push([[9838],{43271:function(X,M,n){"use strict";n.r(M),n.d(M,{default:function(){return Bt},loader:function(){return Vt},meta:function(){return kt}});var e=n(45811),y=n(895),E=n(42665),O=n(40322),k=n(83450),p=n(42284),j=n(91417),N=n(35128),R=n(14083),ne=n(52218),A=t=>{const{t:s}=(0,p.$)(),{loginState:o,profile:r}=(0,R.a)();return(0,e.jsxs)("div",{className:"w-full md:w-fit flex flex-col md:flex-row justify-between items-center gap-5",children:[(0,e.jsx)("div",{className:"w-fit text-xl text-gray-dark font-title font-semibold",children:s("needMoreHelpContactUs")}),(0,e.jsxs)("div",{className:"w-full md:w-fit flex items-center flex-col flex-wrap md:flex-row gap-3 md:gap-5",children:[t?.isShowChatWithUs&&(0,e.jsx)(O.ZP,{tags:t.tags,className:"w-full md:w-fit",children:(0,e.jsx)(E.B,{className:"w-full md:w-fit uppercase px-5",size:"small","aria-label":"chat-with-us",onClick:l=>{(0,j.F)(N.E.WEB_SUPPORT_HELP_CENTRE_CONTACT_LIVE_CHAT,{},[N.A.MIXPANEL]),(0,ne.g)(o,r)},children:s("chatWithUs")})}),(0,e.jsx)("div",{className:"w-full md:w-fit lg:inline-block",children:(0,e.jsx)(k.Mc,{to:"/email-us",children:(0,e.jsx)(E.B,{className:"uppercase px-5 w-full md:w-fit",variant:"outline",size:"small",onClick:l=>{(0,j.F)(N.E.WEB_SUPPORT_HELP_CENTRE_CONTACT_EMAIL,{},[N.A.MIXPANEL])},children:s("sendUsEmail")})})})]})]})},P=({children:t})=>(0,e.jsx)("div",{className:"overflow-auto article-body font-normal text-gray-dark",dangerouslySetInnerHTML:{__html:t?.toString()||""}}),i=n(90829),le=n.n(i),Pe=n(37834),Le=n(31e3),Ue=n(86146),ke=n(30680),x=n(57160),Ve=n(95745),Z=n.n(Ve),ie=n(88679),ue=n(5689),v=n(78310),pe=n(50267);
1const Be={fullName:"",identityNumber:"",phoneNumber:"60",emailAddress:""},De=({onSuccess:t})=>{const{t:s}=(0,ue.$G)(),o=v.object().shape({fullName:v.string().required(s("thisInputFieldIsRequired")).min(2,s("nameMustBeAtLeast2Characters")),identityNumber:v.string().required(s("thisInputFieldIsRequired")),phoneNumber:v.string().test("phone-number-required",s("thisInputFieldIsRequired"),c=>c!=="60").min(11,s("pleaseEnterAValidMobileNumber")),emailAddress:v.string().email(s("invalidEmailFormat")).required(s("thisInputFieldIsRequired"))}),r=async c=>{try{await(0,pe.$m)(c)&&(0,j.F)(N.E.WEB_SUPPORT_HELP_CENTRE_CHANGE_NRIC_FORM_SUBMIT,{},[N.A.MIXPANEL]),t?.()}catch(S){console.error("Error submitting form:",S)}},l=(0,ie.useFormik)({initialValues:Be,onSubmit:r,validationSchema:o,validateOnBlur:!0,validateOnChange:!0});return(0,e.jsx)("div",{className:"bg-white mx-auto w-full",children:(0,e.jsx)("div",{className:"h-full sm:py-46 flex justify-between",children:(0,e.jsx)("div",{className:"w-full flex flex-col",children:(0,e.jsx)("div",{className:"grow",children:(0,e.jsx)("form",{onSubmit:l.handleSubmit,className:"h-full",children:(0,e.jsxs)("div",{className:"grow sm:flex-grow-0 space-y-8",children:[(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("fullNameAsPerIC")}),(0,e.jsx)(x.oil,{id:"fullName",name:"fullName",value:l.values.fullName,onBlur:l.handleBlur,onChangeValue:c=>{l.setFieldValue("fullName",c)},placeholder:s("enterYourfullName"),className:Z()("focus-within:shadow-none focus-within:border-grey-700",{"border-1 border-red-500 outline outline-2 shadow-outline-red":l.errors.fullName&&l.touched.fullName})}),l.errors.fullName&&l.touched.fullName&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:l.errors.fullName})]}),(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("identityNumber")}),(0,e.jsx)(x.oil,{id:"identityNumber",name:"identityNumber",value:l.values.identityNumber,onBlur:l.handleBlur,onChangeValue:c=>{l.setFieldValue("identityNumber",c)},placeholder:"980121015427",className:Z()("focus-within:shadow-none focus-within:border-grey-700",{"border-1 border-red-500 outline outline-2 shadow-outline-red":l.errors.identityNumber&&l.touched.identityNumber})}),l.errors.identityNumber&&l.touched.identityNumber&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:l.errors.identityNumber})]}),(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("phoneNumberSetelRegister")}),(0,e.jsx)(x.sbj,{id:"phoneNumber",name:"phoneNumber",maxLength:10,value:l.values.phoneNumber,onBlur:l.handleBlur,placeholder:"1233456789",onChangeValue:c=>{l.setFieldValue("phoneNumber",c)},className:Z()("focus-within:shadow-none focus-within:border-grey-700",{"border-1 border-red-500 outline outline-2 shadow-outline-red":l.errors.phoneNumber&&l.touched.phoneNumber})}),l.errors.phoneNumber&&l.touched.phoneNumber&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:l.errors.phoneNumber})]}),(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("emailAddress")}),(0,e.jsx)(x.oil,{type:"email",id:"emailAddress",name:"emailAddress",value:l.values.emailAddress,onBlur:l.handleBlur,onChangeValue:c=>{l.setFieldValue("emailAddress",c)},placeholder:"[email protected]",className:Z()("focus-within:shadow-none focus-within:border-grey-700",{"border-1 border-red-500 outline outline-2 shadow-outline-red":l.errors.emailAddress&&l.touched.emailAddress})}),l.errors.emailAddress&&l.touched.emailAddress&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:l.errors.emailAddress})]}),(0,e.jsx)(E.B,{variant:"primary",type:"submit",disabled:!l.isValid||l.isSubmitting,className:"w-full sm:h-10 sm:w-[112px] tracking-[2px]",isLoading:l.isSubmitting,children:s("submit")})]})})})})})})};var He=n(17146),We=n(78744),Ye=n(4568),ce=n(90288),$e=n(79495),me=n.n($e),ge=n(87281),Q=(t=>(t.NEVER_USED="neverUsed",t.FUEL="fuel",t.KEDAI_MESRA="kedaiMesra",t.DUITNOW="duitNow",t.OTHERS="others",t.EV_CHARGING="evCharging",t.VEHICLE="vehicle",t.SHOP="shop",t))(Q||{}),D=(t=>(t.NEVER_TOP_UP="neverTopUp",t.PAY_WITH_CARD="payWithCard",t.SETEL_VOUCHER="setelVoucher",t.OTHER_EWALLETS="otherEWallets",t.DEBIT_CREDIT_CARDS="debitCreditCards",t.ONLINE_BANKING="onlineBanking",t.MESRA_POINT="mesraPoint",t))(D||{}),J=(t=>(t.LAST_WEEK="lastWeek",t.ONE_TWO_WEEK_AGO="oneTwoWeekAgo",t.TWO_FOUR_WEEK_AGO="twoFourWeekAgo",t.ONE_MONTH_AGO="oneMonthAgo",t.NEVER_USED="neverUsed",t))(J||{}),w=(t=>(t.NRIC="NRIC",t.MOST_FUEL_TYPE="MostFuelType",t.MOST_TOPUP_TYPE="MostTopupType",t.EMAIL="Email",t.SETEL_PASSCODE="SetelPasscode",t))(w||{});const re={currentNumber:"60",currentEmail:"",newNumber:"60",confirmYourPhone:void 0,specifyServicesUsed:"",whenWaslastTransaction:"",topUpMethodUsed:[]},Ge=({onSuccess:t})=>{const{profile:s,isAuthorized:o}=(0,R.a)(),{t:r}=(0,ue.$G)(),[l,c]=(0,i.useState)(""),[S,L]=(0,i.useState)(!0),[U,H]=(0,i.useState)(""),[W,g]=(0,i.useState)(""),[Y,V]=(0,i.useState)(""),[T,b]=(0,i.useState)(""),[F,h]=(0,i.useState)(""),[C,I]=(0,i.useState)([]),[$,K]=(0,i.useState)(!1),[oe,te]=(0,i.useState)(!1),[d,se]=(0,i.useState)(""),[_,B]=(0,i.useState)(!1),[de,xe]=(0,i.useState)(!0),[ss,Dt]=(0,i.useState)(!0),[ve,Re]=(0,i.useState)(!1),{data:Fe}=(0,We.kO)(s?.id),{data:Ee}=(0,Ye.Y9)({enabled:o}),Ht=l===s?.phone,Wt=v.object().shape({currentEmail:v.string().email(r("invalidEmailFormat")).when("currentEmail",a=>oe?v.string().required(r("thisInputFieldIsRequired")).test("current-mail-valid",r("pleaseUseTheEmailAddressRegisteredWithSetel"),G=>o?!0:oe?_:!0):v.string()),currentNumber:v.string().test("current-phone-required",r("thisInputFieldIsRequired"),a=>a!=="60").min(11,r("pleaseEnterAValidMobileNumber")).test("current-phone-valid",r("pleaseUseASetelRegisteredMobileNumber"),a=>o?a===s?.phone:S),newNumber:v.string().test("update-phone-required",r("thisInputFieldIsRequired"),a=>a!=="60").min(11,r("pleaseEnterAValidMobileNumber")),specifyServicesUsed:v.string().when("specifyServicesUsed",a=>
1de?v.string().notRequired():v.string().required(r("pleaseSelectOneOption"))),whenWaslastTransaction:v.string().when("whenWaslastTransaction",a=>de?v.string().notRequired():v.string().required(r("pleaseSelectOneOption"))),topUpMethodUsed:v.array().when("topUpMethodUsed",a=>de?v.array().notRequired():v.array().of(v.string()).min(1,r("pleaseSelectOneOption")))},[["currentEmail","currentEmail"],["specifyServicesUsed","specifyServicesUsed"],["whenWaslastTransaction","whenWaslastTransaction"],["topUpMethodUsed","topUpMethodUsed"]]),Yt=[{value:J.LAST_WEEK,label:r("lastWeek")},{value:J.ONE_TWO_WEEK_AGO,label:r("oneTwoWeekAgo")},{value:J.TWO_FOUR_WEEK_AGO,label:r("twoFourWeekAgo")},{value:J.ONE_MONTH_AGO,label:r("oneMonthAgo")},{value:J.NEVER_USED,label:r("neverUsed")}],$t=[{value:Q.FUEL,label:r("fuelPurchaseService")},{value:Q.KEDAI_MESRA,label:r("kedaiMesraPurchaseService")},{value:Q.DUITNOW,label:r("duitNowPaymentService")},{value:Q.EV_CHARGING,label:r("evChargingService")},{value:Q.VEHICLE,label:r("vehicleService")},{value:Q.SHOP,label:r("shopService")},{value:Q.NEVER_USED,label:r("neverUsedService")}],Gt=[{value:D.ONLINE_BANKING,label:r("onlineBanking"),disabled:C.some(a=>a===D.NEVER_TOP_UP)},{value:D.SETEL_VOUCHER,label:r("setelVoucher"),disabled:C.some(a=>a===D.NEVER_TOP_UP)},{value:D.OTHER_EWALLETS,label:r("otherEWallets"),disabled:C.some(a=>a===D.NEVER_TOP_UP)},{value:D.DEBIT_CREDIT_CARDS,label:r("debitCreditCards"),disabled:C.some(a=>a===D.NEVER_TOP_UP)},{value:D.PAY_WITH_CARD,label:r("payWithCard"),disabled:C.includes(D.NEVER_TOP_UP)},{value:D.NEVER_TOP_UP,label:r("neverTopUp")},{value:D.MESRA_POINT,label:r("mesraPoint")}];(0,i.useEffect)(()=>{const a=me().CancelToken.source();if(l.length>=11&&U.length>=11){const G=l===U;Re(G),G?K(!1):(0,ce.S4)({phone:U,cancelToken:a.token}).then(z=>{K(z.profileExists)}).catch(z=>{me().isCancel(z)||K(!1)})}else Re(!1),K(!1);return()=>a.cancel()},[U,l]);const Me=(0,i.useCallback)((0,ge.debounce)((a,G)=>{(0,ce.sH)({email:a,phone:G}).then(z=>{z.linkedWithPhone?B(!0):B(!1)}).catch(z=>{B(!1)})},300),[]);(0,i.useEffect)(()=>{o||l.length>=11&&d&&Me(d,l)},[d,l,o,Me]),(0,i.useEffect)(()=>{if(o)return;const a=me().CancelToken.source();return l.length>=11?(m.setTouched({currentNumber:!1}),se(""),(0,ce.S4)({phone:l,cancelToken:a.token}).then(G=>{G.profileExists?(L(!0),xe(!1)):(L(!1),xe(!0)),G.hasEmail?te(!0):te(!1)}).catch(G=>{me().isCancel(G)||te(!1)})):(te(!1),xe(!0)),()=>a.cancel()},[l,o]),(0,i.useEffect)(()=>{Dt((0,He.Op)())},[]),(0,i.useEffect)(()=>{if(!o)return;const G=Ee?.reduce(z=>{if(z?.type==="wallet_setel")return z.balance.balance})==0&&Fe==0;xe(G)},[o,Ee,Fe]);const zt=async a=>{const{currentNumber:G,newNumber:z,specifyServicesUsed:Xt,whenWaslastTransaction:Qt,topUpMethodUsed:Zt}=a,Jt={currentNumber:G,newNumber:z,specifyServicesUsed:Xt,whenWaslastTransaction:Qt,topUpMethodUsed:Zt,confirmYourPhone:$?Y==="yes":void 0,toEmail:o?s?.email:a.currentEmail,senderEmail:o?s?.email:a.currentEmail};await(0,pe.lP)(Jt)&&(0,j.F)(N.E.WEB_SUPPORT_HELP_CENTRE_CHANGE_MOBILE_NUMBER_FORM_SUBMIT,{},[N.A.MIXPANEL]),t?.()},m=(0,ie.useFormik)({initialValues:re,onSubmit:zt,validationSchema:Wt,validateOnBlur:!0,validateOnChange:!0}),Kt=m.isValid&&!ve&&m.values.currentNumber==="yes"!==re.confirmYourPhone&&m.values.newNumber!==re.newNumber&&($?m.values.confirmYourPhone!==re.confirmYourPhone:!0)&&(de?!0:m.values!==re);return(0,i.useEffect)(()=>{c(m.values.currentNumber),H(m.values.newNumber)},[m.values]),(0,e.jsx)("div",{className:"bg-white mx-auto w-full",children:(0,e.jsx)("div",{className:"h-full sm:py-46 flex justify-between",children:(0,e.jsx)("div",{className:"w-full flex flex-col",children:(0,e.jsx)("div",{className:"grow",children:(0,e.jsx)("form",{onSubmit:m.handleSubmit,className:"h-full",children:(0,e.jsxs)("div",{className:"grow sm:flex-grow-0 space-y-8",children:[(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:r("provideOldMobileNumber")}),(0,e.jsx)(x.sbj,{id:"currentNumber",name:"currentNumber",maxLength:10,value:l,onBlur:m.handleBlur,placeholder:"1233456789",onCh
1angeValue:a=>{m.setFieldError("currentNumber",void 0),m.setFieldValue("currentNumber",a)},className:`${m.errors.currentNumber&&m.touched.currentNumber?"border-1 border-red-500 outline outline-2 shadow-outline-red":""} focus-within:shadow-none focus-within:border-grey-700`}),m.errors.currentNumber&&m.touched.currentNumber&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:m.errors.currentNumber})]}),oe&&(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:r("emailAddressRegisteredOnYourPreviousSetelAccount")}),(0,e.jsx)(x.oil,{type:"email",id:"currentEmail",name:"currentEmail",onBlur:m.handleBlur,placeholder:"E.g. [email protected]",onChangeValue:a=>{m.setFieldError("currentEmail",void 0),m.setFieldValue("currentEmail",a),se(a)},className:`${m.errors.currentEmail&&m.touched.currentEmail?"border-1 border-red-500 outline outline-2 shadow-outline-red":""} focus-within:shadow-none focus-within:border-grey-700`}),m.touched.currentEmail&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:m.errors.currentEmail&&(0,e.jsx)("span",{children:m.errors.currentEmail})})]}),(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:r("provideNewMobileNumber")}),(0,e.jsx)(x.sbj,{id:"newNumber",name:"newNumber",maxLength:10,value:U,onBlur:m.handleBlur,placeholder:"1233456789",onChangeValue:a=>{m.setFieldError("newNumber",void 0),m.setFieldValue("newNumber",a)},className:`${($||m.errors.newNumber||ve)&&m.touched.newNumber?"border-1 border-red-500 shadow-outline-red outline outline-2":""} focus-within:shadow-none focus-within:border-grey-700`}),m.touched.newNumber&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:m.errors.newNumber?(0,e.jsx)("span",{children:m.errors.newNumber}):ve?(0,e.jsx)("span",{children:r("newNumberCannotBeSameAsOldNumber")}):$&&(0,e.jsx)("span",{children:r("thisMobileNumberIsAlreadyRegisteredToSetelAccount")})})]}),$&&(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:r("canYouConfirmThisIsYourNumber")}),(0,e.jsx)("div",{className:"flex flex-row space-x-10",children:(0,e.jsxs)(x.Eep,{value:Y,onChangeValue:a=>{m.setFieldValue("confirmYourPhone",a),V(a)},name:"confirmYourPhone",children:[(0,e.jsx)(x.Y8K,{value:"yes",children:r("yes")}),(0,e.jsx)(x.Y8K,{value:"no",children:r("no")})]})})]}),!de&&(Ht||!o)&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsxs)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:[(0,e.jsx)(ue.cC,{i18nKey:"specifyServicesUsed",components:[(0,e.jsx)("strong",{},"0"),(0,e.jsx)("strong",{},"1")]}),(0,e.jsx)("span",{className:"ml-1",children:r("specifyServicesUsedHint")})]}),(0,e.jsx)(x.Eep,{name:"specifyServicesUsed",value:T,onChangeValue:a=>{m.setFieldTouched("specifyServicesUsed",!0),m.setFieldValue("specifyServicesUsed",a),b(a)},children:$t.map(a=>(0,e.jsx)(x.Y8K,{value:a.value,children:a.label}))}),m.errors.specifyServicesUsed&&m.touched.specifyServicesUsed&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:m.errors.specifyServicesUsed})]}),(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:r("whenWasLastTransaction")}),(0,e.jsx)(x.Eep,{value:F,onChangeValue:a=>{m.setFieldTouched("whenWaslastTransaction",!0),m.setFieldValue("whenWaslastTransaction",a),h(a)},name:"whenWaslastTransaction",children:Yt.map(a=>(0,e.jsx)(x.Y8K,{value:a.value,children:a.label}))})]}),(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:(0,e.jsx)(ue.cC,{i18nKey:"whichTopUpMethodUsed",components:[(0,e.jsx)("strong",{},"0")]})}),(0,e.jsxs)(x.cOn,{name:"topUpMethodUsed",value:C,onChangeValue:a=>{m.setFieldTouched("topUpMethodUsed",!0),a.includes(D.NEVER_TOP_UP)&&(a=[D.NEVER_TOP_UP]),m.setFieldValue("topUpMethodUsed",a),I(a)},children:[Gt.map(a=>(0,e.jsx)(x.XZJ,{value:a.value,label:a.label,disabled:a.disabled})),m.errors.topUpMethodUsed&&m.touched.topUpMethodUsed&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:m.errors.topUpMethodUsed})]})]})]}),(0,e.jsx)(E.B,{variant:"primary",type:"submit",disabled:!Kt,className:"w-full sm:h-10 sm:w-[112px] tracking-[2px]",isLoading:m.isSubmitting,children:r("submit")})]})})})})})})};var q=n(58241),ze=n(16755),ee=n(70760),fe=n(47675),Ke=n.p+"static/media/error-info-icon.59541d8df22db30d728c.svg",Xe=n.p+"static/media/uploaded-icon.08fb554fe40721b09a00.svg",_e=n(64094);const Qe=({records:t,removeFile:s})=>{const[o,r]=(0,i.useState)(),{t:l}=(0,p.$)();return(0,e.jsxs)("div",{children:[t.map(c=>(0,e.jsxs)("div",{className:Z()("p-3 mb-1 font-secondary rounded",c.uploadStatus==="error"?"bg-[#FEE8E7]":"bg-[#F8F9F9]"),children:[(0,e.jsxs)("div",{className:"flex flex-row justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsxs)("div",{className:"text-[#344054] font-medium text-sm mb-1",children:[" ",c.file.name," "]}),["completed","uploading"].includes(c.uploadStatus)&&(0,e.jsxs)("div",{className:"flex flex-row items-center space-x-1 text-[#788494] text-xs font-normal",children:[c.uploadStatus==="completed"&&(0,e.jsx)(fe.J,{src:Xe,className:"w-[14px] h-[14px]","aria-label":l("uploadedIcon"),alt:l("uploadedIcon")}),(0,e.jsx)("div",{children:qe(c.file.size)}),(0,e.jsx)("div",{className:"px-1 mb-1",children:" . "}),(0,e.jsx)("div",{className:"flex flex-row items-center",children:(0,e.jsx)("div",{children:c.uploadStatus==="uploading"?l("uploading"):l("uploaded")})})]}),c.uploadStatus==="error"&&(0,e.jsxs)("div",{className:"flex flex-row items-top space-x-1",children:[(0,e.jsx)(fe.J,{src:Ke,className:"w-[14px] h-[14px]","aria-label":l("errorIcon"),alt:l("errorIcon")}),(0,e.jsx)("div",{className:"text-xs font-medium text-[#C1170B] max-w-[200px] sm:max-w-none",children:c.errorMessage||l("somethingWentWrongTryUploadingYourFilesAgain")})]})]}),(0,e.jsxs)("div",{className:"flex flex-row items-center space-x-4",children:[c.onRetry&&(0,e.jsx)(x.hU,{className:"text-[#788494] w-6 h-6",onClick:()=>{var S;return(S=c.onRetry)==null?void 0:S.call(c)},children:(0,e.jsx)(q.BGW,{})}),c.uploadStatus==="completed"&&(0,e.jsx)(x.hU,{className:"text-[#788494] w-6 h-6",onClick:()=>r(c.file),children:(0,e.jsx)(q.P99,{})}),c.uploadStatus!=="uploading"&&(0,e.jsx)(x.hU,{className:"text-[#788494] w-6 h-6",onClick:()=>s(c),children:(0,e.jsx)(q.XHJ,{})})]})]}),c.uploadStatus==="uploading"&&(0,e.jsx)(Je,{progress:c.uploadProgress})]},c.key)),(0,e.jsx)(Ze,{file:o,onClose:()=>r(void 0)})]})},Ze=({file:t,onClose:s})=>{if(!t)return null;const o=[{uri:window.URL.createObjectURL(t),fileName:t.name}];return(0,e.jsx)(x.u_l,{className:"w-4/5 rounded",isOpen:Boolean(t),onDismiss:s,"aria-label":"File Viewer",children:(0,e.jsxs)(x.u_l.Body,{className:"px-0",children:[(0,e.jsx)("div",{className:"w-full flex justify-end pr-3",children:(0,e.jsx)(x.hU,{onClick:s,children:(0,e.jsx)(q.aMB,{})})}),(0,e.jsx)(_e.ZP,{documents:o,initialActiveDocument:o[1],pluginRenderers:_e.lX})]})})},Je=({progress:t})=>(0,e.jsxs)("div",{id:"progress-bar",className:"flex flex-row items-center",children:[(0,e.jsx)("div",{className:"h-1 shadow-inner rounded bg-[#E4EAF4] flex-grow",children:(0,e.jsx)("div",{className:"h-1 bg-[#00B0FF] rounded",style:{width:`${je(t)}%`}})}),(0,e.jsx)("div",{className:"text-sm font-medium text-left pl-3",children:`${Math.ceil(je(t))}%`})]}),qe=t=>{const s=(t/1e6).toFixed(1),o=(t/10**3).toFixed(1);return Number(s)>=1?`${s} MB`:`${o} KB`},je=t=>t<=1?Math.ceil(t*100):t,et={idCardNumber:"",physicalCardNumber:"",email:""},tt=(0,q.TNW)(t=>{const s=new FormData;return s.append("file",t),{url:"/zendesk/tickets/mesraCardLinking/upload",method:"POST",data:s}},{axios:ze.x,selectResult:(t,s)=>({...t.data,fileName:s.name})}),st=({onSuccess:t})=>{const{t:s}=(0,p.$)(),{profile:o}=(0,R.a)(),[r,l]=(0,i.useState)(""),{items:c,addFile:S,results:L,hasPendingRequest:U}=(0,q.tou)({uploadOperation:tt,validateBeforeUpload:b=>{if(b.size>5*10**6)return s("theFileMustBeSmallerThan",{size:"5MB"});if(!["application/pdf","image/png","image/jpeg"].includes(b.type))return s("fileFormatIsNotSupported")}}),H=(0,v.object)().shape({idCardNumber:(0,v.string)().required(s("thisFieldIsRequired")).test("idValidation",s("pleaseEnterAValidIdentityCardNumber"),b=>/^((\d{2}(?!0229))|([02468][048]|[13579][26])(?=0229))(0[1-9]|1[0-2])(0[1-9]|[12]\d|(?<!02)30|(?<!02|4|6|9|11)31)(\d{2})(\d{4})$/.test(b||"")),physicalCardNumber:(0,v.number)().typeError(s("pleaseEnterAValidMesraCardNumber")).required(s("thisFieldIsRequired")).test("exactLength",s("pleaseEnterAValidMesraCardNumber"),b=>!Number.isNaN(b)&&`${b}`.length===17),email:(0,v.string)().required(s("thisFieldIsRequired")).email(s("pleaseEnterAValidEmail")).test("matchRegisteredMail",s("thisMailDoesNotMatchRegisteredOne"),b=>b===o?.email)}),W=async b=>{l("");try{await(0,ee.FF)({...b,idCardNumber:Ce(b.idCardNumber),uploadTokens:L.map(F=>F.upload.token)}
1),(0,j.F)(N.E.WEB_SUPPORT_HELP_CENTRE_MESRA_CARD_LINK_FORM_SUBMIT,{},[N.A.MIXPANEL]),t?.()}catch{l(s("cannotSubmitFormAtTheMomentPleaseTryAgain"))}},g=(0,ie.useFormik)({initialValues:et,onSubmit:W,validationSchema:H,validateOnBlur:!0,validateOnChange:!1}),Y=async b=>{var F,h,C,I;(F=b.onRemove)==null||F.call(b);const $=((I=(C=(h=L.find(K=>K.fileName===b.file.name))==null?void 0:h.upload)==null?void 0:C.attachment)==null?void 0:I.id)||"";$&&await(0,ee.OW)($)},V=(0,i.useCallback)(b=>{let F=nt(c,b.name);if(F>0){const h=b.name+`(${F})`,C=new Blob([b],{type:b.type}),I=new File([C],h,{type:b.type});S(I);return}S(b)},[c,S]),T=g.isValid&&!U&&c.every(b=>b.uploadStatus!=="error");return(0,e.jsxs)("div",{children:[(0,e.jsx)(x.i$z,{className:"mb-5",label:s("identityCardNumber"),status:g.errors.idCardNumber?"error":void 0,helpText:g.errors.idCardNumber,children:(0,e.jsx)(x.oil,{id:"idCardNumber",inputMode:"numeric",value:Ce(g.values.idCardNumber),onChange:b=>g.setFieldValue("idCardNumber",lt(b.target.value)),onBlur:g.handleBlur,placeholder:s("egValue",{value:"940411-01-5412"})})}),(0,e.jsx)(x.i$z,{className:"mb-5",label:s("physicalMesraCardNumber"),status:g.errors.physicalCardNumber?"error":void 0,helpText:g.errors.physicalCardNumber||s("digitMesraCardNumber",{number:"17"}),children:(0,e.jsx)(x.oil,{id:"physicalCardNumber",inputMode:"numeric",value:it(g.values.physicalCardNumber),onChange:b=>g.setFieldValue("physicalCardNumber",rt(b.target.value)),onBlur:g.handleBlur,placeholder:s("egValue",{value:"7083156 16064 92789"})})}),(0,e.jsx)(x.i$z,{className:"mb-5",label:"Email",status:g.errors.email?"error":void 0,helpText:g.errors.email,children:(0,e.jsx)(x.oil,{id:"email",value:g.values.email,onChange:g.handleChange,onBlur:g.handleBlur,placeholder:s("egValue",{value:"[email protected]"})})}),(0,e.jsxs)(x.i$z,{className:"mb-5",label:s("uploadScreenshotsOrImages"),children:[(0,e.jsx)(x.F5R,{className:"mb-3",description:s("jpegPngPdfUpTo",{size:"5MB"}),onFilesSelected:b=>{b.forEach(F=>V(F))}}),(0,e.jsx)(Qe,{records:c,removeFile:b=>Y(b)})]}),(0,e.jsx)(E.B,{variant:"primary",type:"submit",disabled:!T,isLoading:g.isSubmitting,className:"uppercase",onClick:()=>g.handleSubmit(),children:s("submitRequest")}),r&&(0,e.jsx)(x.bZj,{variant:"error",description:r,feature:"dismissable",className:"mt-3"})]})},nt=(t,s)=>{let o=0;return t.forEach(r=>{r.file.name.includes(s)&&o++}),o},Ce=t=>t.length>8?t.slice(0,6)+"-"+t.slice(6,8)+"-"+t.slice(8,12):t.length>6&&t.length<=8?t.slice(0,6)+"-"+t.slice(6,t.length):t,lt=t=>t.replaceAll("-","").slice(0,12),it=t=>t.length>12?t.slice(0,7)+" "+t.slice(7,12)+" "+t.slice(12,17):t.length>7&&t.length<=12?t.slice(0,7)+" "+t.slice(7,t.length):t,rt=t=>t.replaceAll(" ","").slice(0,17);var be=n(14444),at=n(22592),ot=n(81491),ae=n(55979),he=(t=>(t.SUCCESS_LIMIT_REACH_PER_YEAR="9119002",t.PENDING_REQUEST="9119003",t.DID_NOT_MEET_WEIGHTAGE_SCORE="9119004",t.NO_TRUSTED_DEVICE="9119005",t.FAILED_REQUEST_UNLINK_TRUSTED_DEVICE="9119006",t.FAILED_LIMIT_REACH_PER_DAY="9119007",t.USER_NOT_FOUND="9119001",t.LIMIT_EXCEEDED="9119000",t.FAILED_LIMIT_REACH_PER_DAY_CONSECUTIVE="9119008",t.DID_NOT_MEET_WEIGHTAGE_SCORE_CONSECUTIVE="9119009",t.SERVICE_IS_UNDER_MAINTENANCE="9119010",t))(he||{});const dt="plat_self_service_unlinked_trusted_device_recent_transactions_duration",ut="plat_self_service_unlinked_trusted_device_questions_weightage_control";var Te=n(54338);const Se={phone:"",email:"",trustedDeviceModel:"",icNumber:"",mostFuelType:void 0,mostTopupMethod:void 0,pin:""},ct=3,ye=Object.values(w),mt=[{id:w.NRIC,weightage:25,showed:!0},{id:w.MOST_TOPUP_TYPE,weightage:20,showed:!0},{id:w.MOST_FUEL_TYPE,weightage:35,showed:!0},{id:w.EMAIL,weightage:10,showed:!0},{id:w.SETEL_PASSCODE,weightage:10,showed:!0}],ht=({onSuccess:t})=>{const{t:s}=(0,p.$)(),{data:o=[],isLoading:r}=(0,Te.XZ)(ut,mt),{data:l}=(0,Te.XZ)(dt,ct),c=[{label:s("primax95FuelType"),value:"primax_95"},{label:s("primax97FuelType"),value:"primax_97"},{label:s("dieselFuelType"),value:"diesel"},{label:s("neverRefueledWithFuelTypesAbove"),value:"other"}],S=[{label:s("voucherMethod"),value:"vouchers"},{label:s("walletMethod"),value:"wallet"},{label:s("cardMethod"),value:"card"},{label:s("onlineBankingMethod"),value:"online_banking"},{label:s("neverTopupWithMethodsAbove"),value:"other"}],[L,U]=le().useState(void 0),[H,W]=(0,i.useState)(void 0),[g,Y]=(0,i.useState)(!1),[V,T]=(0,i.useState)(!1),[b,F]=(0,i.useState)(),h=(0,i.useMemo)(()=>
1{const _=o.filter(B=>B.showed&&ye.includes(B.id));return new Set(_.map(B=>B.id))},[o,ye]),C=o.length===0||h.size===0,I={};h.has(w.NRIC)&&(I.icNumber=v.string().required(s("thisInputFieldIsRequired"))),h.has(w.EMAIL)&&(I.email=v.string().email(s("invalidEmailFormat")).required(s("thisInputFieldIsRequired"))),h.has(w.MOST_FUEL_TYPE)&&(I.mostFuelType=v.string().required(s("thisInputFieldIsRequired"))),h.has(w.MOST_TOPUP_TYPE)&&(I.mostTopupMethod=v.string().required(s("thisInputFieldIsRequired"))),h.has(w.SETEL_PASSCODE)&&(I.pin=v.string().length(6,s("invalidPinLength")).required(s("thisInputFieldIsRequired")));const $=v.object().shape({phone:v.string().min(9,s("pleaseEnterAValidMobileNumber")).required(s("thisInputFieldIsRequired")),trustedDeviceModel:v.string().required(s("thisInputFieldIsRequired")),...I}),{mutate:K,isLoading:oe}=(0,ot.useMutation)(async _=>(0,pe.Xy)({phone:"60"+d.values.phone,trustedDeviceModel:d.values.trustedDeviceModel,...h.has(w.MOST_FUEL_TYPE)&&{mostFuelType:d.values.mostFuelType},...h.has(w.MOST_TOPUP_TYPE)&&{mostTopupMethod:d.values.mostTopupMethod},...h.has(w.NRIC)&&{icNumber:d.values.icNumber},...h.has(w.EMAIL)&&{email:d.values.email},...h.has(w.SETEL_PASSCODE)&&{pin:d.values.pin}}),{onSuccess:()=>{t?.()},onError:_=>{var B;T(!0),d.resetForm({values:{...Se,phone:d.values.phone}}),_?.errorCode===he.SUCCESS_LIMIT_REACH_PER_YEAR?F((B=_?.details)==null?void 0:B.limitSuccess):F(void 0),U(_?.errorCode||he.LIMIT_EXCEEDED)}}),te=_=>{K(_)},d=(0,ie.useFormik)({initialValues:Se,onSubmit:te,validationSchema:$,validateOnChange:!0}),se=(0,at.NrF)(d.values.phone,300);if((0,i.useEffect)(()=>{L&&(V?T(!1):U(void 0))},[JSON.stringify(d.values)]),(0,i.useEffect)(()=>{se.length>=9?(0,ce.S4)({phone:"60"+se}).then(_=>{_.profileExists?(W(!0),d.setErrors({}),d.setTouched({})):W(!1)}):W(void 0)},[se]),!r)return C?(0,e.jsx)("div",{className:"text-error mt-6",children:s(he.SERVICE_IS_UNDER_MAINTENANCE)}):(0,e.jsxs)("form",{onSubmit:d.handleSubmit,className:"h-full -mx-5 md:mx-0",children:[(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("phoneNumberSetelRegister")}),(0,e.jsx)(x.sbj,{id:"phone",placeholder:"1233456789",...d.getFieldProps("phone"),className:`${H===!1||d.errors.phone&&d.touched.phone?"border-1 border-red-500 outline outline-2 shadow-outline-red":""} focus-within:shadow-none focus-within:border-grey-700`}),d.errors.phone&&d.touched.phone&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:d.errors.phone}),H===!1&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:s("pleaseUseASetelRegisteredMobileNumber")})]}),H&&(0,e.jsxs)(e.Fragment,{children:[h.has(w.EMAIL)&&(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("emailSetelRegister")}),(0,e.jsx)(x.oil,{type:"email",id:"email",placeholder:"E.g. [email protected]",...d.getFieldProps("email"),className:`${d.errors.email&&d.touched.email?"border-1 border-red-500 outline outline-2 shadow-outline-red":""} focus-within:shadow-none focus-within:border-grey-700`}),d.errors.email&&d.touched.email&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:(0,e.jsx)("span",{children:d.errors.email})})]}),(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("trustedDeviceModel")}),(0,e.jsx)(x.oil,{id:"trustedDeviceModel",placeholder:"E.g. iPhone 14",...d.getFieldProps("trustedDeviceModel"),className:`${d.errors.trustedDeviceModel&&d.touched.trustedDeviceModel?"border-1 border-red-500 outline outline-2 shadow-outline-red":""} focus-within:shadow-none focus-within:border-grey-700`}),d.errors.trustedDeviceModel&&d.touched.trustedDeviceModel&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:(0,e.jsx)("span",{children:d.errors.trustedDeviceModel})})]}),h.has(w.NRIC)&&(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("whatIsYourIcNumber")}),(0,e.jsx)(x.oil,{id:"icNumber",min:0,placeholder:"E.g. 800910146902",...d.getFieldProps("icNumber"),onChangeValue:_=>{let B=_;_?.length>ae.pU&&(B=_.slice(0,ae.pU)),d.setFieldValue("icNumber",B)},className:`${d.errors.icNumber&&d.touched.icNumber?"border-1 border-red-500 outline outline-2 shadow-outline-red":""} focus-within:shadow-none focus-within:border-grey-700`}),d.errors.icNumber&&d.touched.icNumber&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:(0,e.jsx)("span",{children:d.errors.icNumber})})]}),h.has(w.MOST_FUEL_TYPE)&&(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("mostFuelTypeQuestion",{month:l})}),(0,e.jsx)("div",{className:"relative",children:(0,e.jsx)(x.TVt,{value:d.values.mostFuelType,onCh
1angeValue:_=>d.setFieldValue("mostFuelType",_),options:c,placeholder:s("pleaseSelect"),className:"w-100",size:"large"})})]}),h.has(w.MOST_TOPUP_TYPE)&&(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("mostTopupMethodQuestion",{month:l})}),(0,e.jsx)("div",{className:"relative",children:(0,e.jsx)(x.TVt,{value:d.values.mostTopupMethod,onChangeValue:_=>d.setFieldValue("mostTopupMethod",_),options:S,placeholder:s("pleaseSelect"),className:"w-100",size:"large"})})]}),h.has(w.SETEL_PASSCODE)&&(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("label",{className:"block text-[#525B65] text-sm font-medium mb-1",children:s("pin")}),(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsx)(x.oil,{id:"pin",type:g?"text":"password",...d.getFieldProps("pin"),onChangeValue:_=>{let B=_;_?.length>ae.hQ&&(B=_.slice(0,ae.hQ)),d.setFieldValue("pin",B)},className:`${d.errors.pin&&d.touched.pin?"border-1 border-red-500 outline outline-2 shadow-outline-red":""} focus-within:shadow-none focus-within:border-grey-700`}),g?(0,e.jsx)(be.EyeShowIcon,{onClick:_=>{Y(!1)},className:"absolute right-4 top-4 w-5 h-5 cursor-pointer"}):(0,e.jsx)(be.EyeHideIcon,{onClick:_=>{Y(!0)},className:"absolute right-4 top-4 w-5 h-5 cursor-pointer"})]}),d.errors.pin&&d.touched.pin&&(0,e.jsx)("p",{className:"text-red-500 text-sm font-normal leading-5 pt-1",children:(0,e.jsx)("span",{children:d.errors.pin})})]})]}),(0,e.jsx)(E.B,{variant:"primary",type:"submit",disabled:!!Object.keys(d.errors).length||!Object.keys(d.errors).length&&!Object.keys(d.touched).length,className:"w-full sm:w-fit sm:h-10 tracking-[2px] !mt-0",isLoading:oe,children:s("submitRequest")}),L&&(0,e.jsx)("div",{className:"text-error mt-6",children:s(L,{limitSuccess:b})})]})},xt="LinkingMesraCardIssueSubmitForm",pt="ChangePhoneNumberSubmitForm",ft="ChangeNRICSubmitForm",we="UnlinkTrustedDeviceForm",Ne={[xt]:{Component:st,needAuthorized:!0},[pt]:{Component:Ge,needAuthorized:!1},[ft]:{Component:De,needAuthorized:!0},[we]:{Component:ht,needAuthorized:!1}},bt=({labels:t,isAuthorized:s,onSuccess:o})=>{const r=Ae(t),{t:l}=(0,p.$)();if(!r)return null;const{Component:c,needAuthorized:S}=r;return(0,e.jsxs)("div",{className:"px-5 md:px-0",children:[S&&!s&&Ie(t)&&(0,e.jsx)("div",{children:(0,e.jsx)(E.B,{onClick:()=>{window.location.replace("/login")},children:l("loginToFill")})}),(!S||s)&&(0,e.jsx)(c,{onSuccess:o})]})},Ae=t=>{if(!t||!t.length)return null;for(let s of Object.keys(Ne))if(t.includes(s))return Ne[s];return null},Ie=t=>Boolean(t.find(s=>Object.keys(Ne).includes(s))),Nt=t=>{var s;return(s=Ae(t))==null?void 0:s.SuccessComponent};var vt=n(76791);const Et=({onDone:t})=>{const{t:s}=(0,p.$)();return(0,e.jsx)("div",{className:"mx-auto top-0 md:px-[50px] xl:px-[150px] w-full 2xl:px-[398px] md:max-w-full max-w-screen-md",children:(0,e.jsx)("div",{className:"md:py-46 flex justify-center",children:(0,e.jsx)("div",{className:"min-w-[320px] text-sm leading-5 md:min-w-[740px] md:text-base font-normal md:leading-[23px] text-[#525B65]",children:(0,e.jsx)("div",{id:"view-success",className:"w-full bg-white",children:(0,e.jsxs)("div",{className:"flex m-auto flex-col sm:pt-0 justify-center h-fullScreenMobile md:justify-start",children:[(0,e.jsxs)("div",{className:"flex flex-col items-center px-5",children:[(0,e.jsx)(fe.J,{className:"w-[36px] h-[36px] sm:w-[44px] sm:h-[44px]",src:vt,alt:"Subtract"}),(0,e.jsx)("div",{className:"text-black pt-6 pb-2 font-semibold text-[28px] sm:text-[40px] leading-[38px] sm:leading-[58px] font-title text-center",children:s("submissionUnderReview")}),(0,e.jsx)("div",{className:"font-normal text-[15px] leading-[21px] sm:text-[16px] sm:leading-[23px] text-[#525B65] sm:w-[361px] text-center",children:s("weVeReceivedYourSubmissionAndWillGetBackToYouWithin3Days")}),(0,e.jsx)("div",{children:s("checkYourEmail")})]}),(0,e.jsx)(E.B,{onClick:t,className:"uppercase text-center font-bold text-sm border rounded mx-auto mt-6",children:s("done")})]})})})})})};var gt=n(5292);const _t="#788494",jt="white",Ct=({className:t,isToggled:s,onClick:o})=>(0,e.jsx)("button",{disabled:!o,className:Z()("flex items-center justify-center disabled:pointer-events-none disabled:cursor-default",s?"bg-brand rounded-[50%]":"",t),onClick:()=>o?.(),"data-testid":"dislike-button",children:(0,e.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11 21.75C12.5188 21.75 13.75 20.5188 13.75 19V17.7151L15.528 14.8703C15.7581 14.5021 15.9355 14.1059 16.0569 13.6934C16.1984 13.7303 16.3469 13.75 16.5 13.75H19.5C20.4665 13.75 21.25 12.9665 21.25 12V3C21.25 2.0335 20.4665 1.25 19.5 1.25H16.5C15.9813 1.25 15.5153 1.47568 15.1948 1.8342C14.7278 1.4682 14.1394 1.25 13.5 1.25H7C4.37665 1.25 2.25 3.37665 2.25 6V10C2.25 12.6234 4.37665 14.75 7 14.75H9.17536L8.64189 15.6391C8.38546 16.0665 8.25 16.5555 8.25 17.054V19C8.25 20.5188 9.48122 21.75 11 21.75ZM16.25 3.99923C16.25 3.99897 16.25 3.99949 16.25 3.99923L16.25 12C16.25 12 16.25 12 16.25 12C16.2501 12.138 16.362 12.25 16.5 12.25H19.5C19.6381 12.25 19.75 12.1381 19.75 12V3C19.75 2.86193 19.6381 2.75 19.5 2.75L16.5 2.75C16.3619 2.75 16.25 2.8
16193 16.25 3V3.99923ZM14.75 3.99948C14.7497 3.30936 14.1902 2.75 13.5 2.75L7 2.75C5.20508 2.75 3.75 4.20507 3.75 6L3.75 10C3.75 11.7949 5.20507 13.25 7 13.25H10.5C10.7702 13.25 11.0195 13.3953 11.1526 13.6305C11.2858 13.8656 11.2821 14.1542 11.1431 14.3859L9.92813 16.4108C9.81157 16.6051 9.75 16.8274 9.75 17.054V19C9.75 19.6904 10.3096 20.25 11 20.25C11.6904 20.25 12.25 19.6904 12.25 19V17.5C12.25 17.3594 12.2895 17.2217 12.364 17.1025L14.256 14.0753C14.5788 13.5588 14.75 12.9619 14.75 12.3528V12.0004C14.75 12.0005 14.75 12.0003 14.75 12.0004L14.75 3.99948C14.75 3.99931 14.75 3.99965 14.75 3.99948Z",fill:`${s===!0?jt:_t}`})})}),Tt="#788494",St="white";var Oe=({className:t,onClick:s,isToggled:o})=>(0,e.jsx)("button",{disabled:!s,className:Z()("flex items-center justify-center disabled:pointer-events-none disabled:cursor-default",o?"bg-brand rounded-[50%]":"",t),onClick:()=>s?.(),"data-testid":"like-button",children:(0,e.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{className:"",fillRule:"evenodd",clipRule:"evenodd",d:"M12.5 1.25C10.9812 1.25 9.75 2.48122 9.75 4V5.2849L7.97201 8.12969C7.74187 8.49791 7.56447 8.89405 7.4431 9.30659C7.30158 9.26966 7.15309 9.25 7 9.25H4C3.0335 9.25 2.25 10.0335 2.25 11V20C2.25 20.9665 3.0335 21.75 4 21.75H7C7.51871 21.75 7.9847 21.5243 8.30516 21.1658C8.77221 21.5318 9.36062 21.75 10 21.75H16.5C19.1234 21.75 21.25 19.6234 21.25 17V13C21.25 10.3766 19.1234 8.25 16.5 8.25H14.3246L14.8581 7.3609C15.1145 6.9335 15.25 6.44445 15.25 5.94603V4C15.25 2.48122 14.0188 1.25 12.5 1.25ZM8.75 19C8.75 19.6904 9.30964 20.25 10 20.25H16.5C18.2949 20.25 19.75 18.7949 19.75 17V13C19.75 11.2051 18.2949 9.75 16.5 9.75H13C12.7298 9.75 12.4805 9.60466 12.3474 9.36952C12.2142 9.13439 12.2179 8.84583 12.3569 8.61413L13.5719 6.58915C13.6884 6.39488 13.75 6.17259 13.75 5.94603V4C13.75 3.30964 13.1904 2.75 12.5 2.75C11.8096 2.75 11.25 3.30964 11.25 4V5.5C11.25 5.64056 11.2105 5.7783 11.136 5.8975L9.24401 8.92469C8.92118 9.44122 8.75 10.0381 8.75 10.6472V19ZM7.25 11C7.25 10.8619 7.13807 10.75 7 10.75H4C3.86193 10.75 3.75 10.8619 3.75 11V20C3.75 20.1381 3.86193 20.25 4 20.25H7C7.13807 20.25 7.25 20.1381 7.25 20V11Z",fill:`${o===!0?St:Tt}`})})}),yt=n(1305),wt=n(64787);const At=({article:t,isAuthorized:s,onUpdateVoteCount:o})=>{const{t:r}=(0,p.$)(),l=(0,i.useRef)(),[c,S]=(0,i.useState)("none"),[L,U]=(0,i.useState)(!1),[H,W]=(0,i.useState)(!1),g=(0,i.useCallback)(async V=>{if(s)try{const{data:T}=await(0,ee.uM)(`${V}`);l.current=T,c!==T.vote&&S(T.vote)}catch(T){console.error(T?.message)}},[s]),Y=(0,ge.debounce)(async V=>{var T;if(c===V){S("none"),await(0,ee.OU)(`${t?.id}`,((T=l.current)==null?void 0:T.id)||""),o?.();return}V==="down"&&U(!0),V==="up"&&W(!0),S(V),await(0,ee.kW)(`${t?.id}`,V),o?.(),await g(t?.id)},500);return(0,i.useEffect)(()=>{g(t?.id)},[t?.id,g]),s?(0,e.jsxs)("div",{className:"w-full",children:[(0,e.jsxs)("div",{className:"flex flex-row justify-between md:justify-start items-center bg-gray-50 h-[76px] box-border border-[1px] rounded-lg border-white-off py-5 px-4 gap-1 md:gap-2",children:[(0,e.jsx)("div",{className:"text-gray-dark text-base font-normal leading-[23px]",children:r("didYouFindThisArticleHelpful")}),(0,e.jsxs)("div",{className:"flex items-center gap-[2px]",children:[(0,e.jsx)(Oe,{className:"p-[6px]",isToggled:c==="up",onClick:()=>Y("up")}),(0,e.jsx)(Ct,{className:"p-[6px]",isToggled:c==="down",onClick:()=>Y("down")})]})]}),(0,e.jsx)(It,{isOpen:L,onDismiss:()=>U(!1),article:t}),(0,e.jsx)(Ot,{isOpen:H,onDismiss:()=>W(!1)})]}):null},It=({isOpen:t,onDismiss:s,article:o})=>{const{t:r}=(0,p.$)(),l=(0,gt.bU)(),[c,S]=(0,i.useState)([]),[L,U]=(0,i.useState)(!1),[H,W]=(0,i.useState)(""),[g,Y]=(0,i.useState)(!1);(0,i.useEffect)(()=>{(0,wt.G9)().then(h=>{var C;const I=h.ARTICLE_FEEDBACK_COPY;S(((C=I?.options)==null?void 0:C.map($=>(0,yt.l)($,l)))||[])})},[l]);const V=async h=>{try{Y(!0),W("");let C=h.feedbackOptions.join(" ");h.otherOption&&(C=C?`${C} ${h.otherOption}`:h.otherOption),await(0,ee.H_)(`${o?.id}`,C),T.resetForm(),U(!0)}catch(C){W(C.message)}finally{Y(!1)}},T=(0,ie.useFormik)({onSubmit:V,initialValues:{feedbackOptions:[],otherOption:""}}),b=T.values.feedbackOptions.length>0||T.values.otherOption,F=()=>{s?.(),U(!1)};return(0,e.jsxs)(x.u_l,{isOpen:t??!1,onDismiss:F,showCloseButton:!0,size:"small",style:{minHeight:"fit-content",borderRadius:16,maxWidth:"90%"},children:[(0,e.jsx)(x.u_l.Header,{className:"border-b-0"}),(0,e.jsxs)(x.u_l.Body,{className:"px-5",children:[!L&&(0,e.jsxs)("div",{className:"w-full",children:[(0,e.jsx)("div",{className:"mb-5",children:(0,e.jsx)("div",{className:"font-primary font-semibold text-2xl mb-1",children:r("canYouTellUsWhy")})}),H&&(0,e.jsx)("div",{className:"text-error mb-5",children:H}),(0,e.jsxs)("form",{onSubmit:T.handleSubmit,children:[(0,e.jsxs)("div",{className:"font-secondary font-normal text-[15px] leading-[18px]",children:[(c||[]).map(h=>(0,e.jsx)(x.XZJ,{wrapperClass:"mb-[18px]",label:h,value:h,checked:T.values.feedbackOptions.includes(h),id:"feedbackOptions",onChange:T.handleChange},h)),(0,e.jsx)("textarea",{className:"w-full rounded border-[#D0D4D9] border-[1px] p-3 outline-none mb-4",placeholder:r("canYouElaborateMoreOptional"),id:"otherOption",onChange:T.handleChange})]}),(0,e.jsx)(E.B,{className:"w-full",type:"submit",isLoading:g,disabled:g||!b,children:r("submit")})]})]}),L&&(0,e.jsxs)("div",{className:"flex flex-col items-center text-center",children:[(0,e.jsx)("div",{className:"font-primary font-semibold text-2xl mb-2",children:r("weAppreciateYourFeedback")}),(0,e.jsx)("div",{className:"font-secondary font-normal text-[15px] leading-[18px] mb-6",children:r("weReTrulySorryWeCouldnTHelpYouYourFeedbackWillHelpUsImproveOurService")}),(0,e.jsx)(E.B,{className:"w-full",onClick:F,children:r("close")})]})]})]})},Ot=({isOpen:t,onDismiss:s})=>{const{t:o}=(0,p.$)();return(0,e.jsxs)(x.u_l,{isOpen:t??!1,onDismiss:s,showCloseButton:!0,size:"small",style:{minHeight:"fit-content",borderRadius:16,maxWidth:"90%"},children:[(0,e.jsx)(x.u_l.Header,{className:"border-b-0"}),(0,e.jsx)(x.u_l.Body,{className:"px-5",children:(0,e.jsxs)("div",{className:"flex flex-col items-center text-center",children:[(0,e.jsx)("div",{className:"font-primary font-semibold text-xl mb-2",children:o("thankYouForYourFeedback")}),(0,e.jsx)("div",{className:"font-secondary font-normal text-base leading-[18px] mb-6",children:o("weReGladThisArticleWasHelpfulToYou")}),(0,e.jsx)(E.B,{className:"w-full",onClick:s,children:o("close")})]})})]})},Rt=({count:t})=>{const{t:s}=(0,p.$)();return t?(0,e.jsxs)("div",{className:"w-full items-center space-x-1 flex flex-row",children:[(0,e.jsx)(Oe,{}),(0,e.jsx)("p",{className:"text-gray-light text-sm",children:s("peopleFindThisArticleHelpful",{count:t})})]}):null};var Ft=n(82370);const Mt=({onDone:t})=>{const{t:s}=(0,p.$)();return(0,e.jsx)("div",{className:"text-sm leading-5 md:text-base font-normal md:leading-[23px] text-[#525B65] h-fullScreenMobile",children:(0,e.jsxs)("div",{className:"h-[75%] flex justify-center flex-col",children:[(0,e.jsxs)("div",{className:"flex flex-col items-center px-5",children:[(0,e.jsx)(be.CheckInCircleIcon,{color:"#00DF6C",className:"w-[40px] h-[40p
1x] sm:w-[50px] sm:h-[50px]"}),(0,e.jsx)("div",{className:"text-black pt-6 pb-2 font-semibold text-[28px] sm:text-[40px] leading-[38px] sm:leading-[58px] font-title text-center",children:s("trustedDeviceRemovedTitle")}),(0,e.jsx)("div",{className:"font-normal text-[15px] leading-[21px] sm:text-[16px] sm:leading-[23px] text-[#525B65] sm:w-[460px] text-center",children:s("trustedDeviceRemovedContent")})]}),(0,e.jsx)(E.B,{onClick:t,className:"uppercase text-center font-bold text-sm border rounded mx-auto mt-6",children:s("doneBtn")})]})})};var Pt=({article:t,articleVote:s,articleExist:o=!0,isShowChatWithUs:r=!0,sectionProps:l,relatedArticles:c=[]})=>{const[S,L]=(0,i.useState)(!1),[U,H]=(0,i.useState)(0),{isAuthorized:W}=(0,R.a)(),g=ke.runTimeConfig.HELP_CENTRE.BASE_URL,Y=(0,i.useCallback)(()=>{var h;let C="//strong[text()='**NOTE']|//strong[text()='*NOTE']",I=document.evaluate(C,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null).singleNodeValue,$=I?.parentElement,K=(h=I?.parentElement)==null?void 0:h.nextElementSibling;K?.classList.add("st-warning"),$?.remove()},[]);(0,i.useEffect)(()=>{Y()},[]),(0,i.useEffect)(()=>{},[o]),(0,i.useEffect)(()=>{t&&(H(s?.up),(0,j.F)(N.E.WEB_SUPPORT_HELP_CENTRE_ARTICLE,{article_id:t.id,article_name:t.name,url:`${g}${(0,Ue.C)(t.title,`/article/${t.id}/`)}`,sub_topic_name:t.label_names},[N.A.MIXPANEL]))},[t]);const V=t.id,T=async()=>{var h;const C=await(0,Ft.dh)(t.id);C&&H((h=C.up)!=null?h:1)},b=(0,i.useMemo)(()=>(0,Pe.Mx)(l?.topic.en,t),[t,l]),F=()=>{if(!S)return null;if(Ie(t.label_names)){const h=Nt(t.label_names);return h?(0,e.jsx)(h,{onDone:()=>{L(!1)}}):t.label_names.includes(we)?(0,e.jsx)(Mt,{onDone:()=>{L(!1)}}):(0,e.jsx)(Et,{onDone:()=>{L(!1)}})}};return(0,e.jsx)(e.Fragment,{children:(0,e.jsxs)("div",{className:"mx-auto w-full 2xl:px-[128px] md:px-[50px] xl:px-[100px] undefined max-w-screen-md md:max-w-8xl md:p-5",children:[F(),!S&&(0,e.jsx)(y.Z,{article:t,children:(0,e.jsxs)("div",{className:"md:border md:border-gray-500 md:rounded-xl flex flex-col md:py-8 md:gap-14",children:[(0,e.jsxs)("div",{className:"px-5 pb-5 md:px-10 md:pb-0 flex flex-col gap-5 md:gap-8",children:[(0,e.jsx)("div",{id:"article-title",children:(0,e.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,e.jsx)("div",{className:"text-article-subtitle leading-[38px] font-semibold md:text-[40px] md:leading-[58px] font-title",children:t?.title}),(0,e.jsx)(Rt,{count:U})]})}),(0,e.jsxs)("div",{className:"flex flex-col gap-5",children:[(0,e.jsx)(P,{children:t.body}),(0,e.jsx)(bt,{isAuthorized:W,labels:t.label_names,onSuccess:()=>{L(!0),window.scrollTo({top:0,behavior:"smooth"})}})]}),(0,e.jsx)(At,{isAuthorized:W,article:t,onUpdateVoteCount:T})]}),(0,e.jsx)("div",{className:"md:hidden w-full h-2 bg-gray-500"}),(0,e.jsx)(Le.g,{relatedArticles:c?.filter(h=>h.id!==V),className:"p-5 md:px-10"}),(0,e.jsx)("div",{className:"md:hidden w-full h-2 bg-gray-500"}),o&&(0,e.jsx)("div",{className:"p-5 md:px-10",children:(0,e.jsx)(A,{tags:b,isShowChatWithUs:r})})]})})]})})},Lt=n(54084),Ut=n(89966);const kt=({data:t})=>t?(0,Ut.k)({title:`${ae.l3.label} - ${t.article.title}`,description:`${t.article.title}`,url:"https://help.setel.com/",image:"/images/meta-image.png"}):[];var Vt=1;const ts={id:360058761992,section_id:360007927831,comments_disabled:!1,name:"",title:"Loading...",label_names:[]};function Bt(){const t=(0,Lt.f_)();return(0,i.useEffect)(()=>{window.history.scrollRestoration="manual"},[]),(0,e.jsx)(Pt,{...t})}},83410:function(X,M,n){"use strict";n.d(M,{j:function(){return y}});var e=n(45811);const y=({count:E=1})=>(0,e.jsx)(e.Fragment,{children:[...Array(E)].map((O,k)=>(0,e.jsx)("div",{className:"bg-white my-1 p-4",children:(0,e.jsxs)("div",{className:"animate-pulse flex space-x-4 items-center",children:[(0,e.jsx)("div",{className:"rounded-full bg-gray-200 h-12 w-12"}),(0,e.jsx)("div",{className:"h-4 bg-gray-200 rounded w-3/4"})]})},k))})},47675:function(X,M,n){"use strict";n.d(M,{J:function(){return y}});var e=n(45811);const y=({src:E,alt:O,className:k})=>(0,e.jsx)("div",{className:`${k}`,children:(0,e.jsx)("img",{width:"100%",height:"100%",style:{objectFit:"contain"},src:E,alt:O})})},52218:function(X,M,n){"use strict";n.d(M,{g:function(){return y}});var e=n(16097);const y=(E,O)=>{if(E==="authorized"&&O?.email&&O?.phone&&document){const k=setInterval(()=>{let p=document.getElementById("webWidget");if((0,e.f)(p)&&p.contentWindow){let j=p.contentWindow.document.querySelector('button[type="submit"]');j&&j.textContent!=="Send"&&j?.click(),j&&clearInterval(k)}},300)}}},89966:function(X,M,n){"use strict";n.d(M,{k:function(){return e}});function e({title:y,description:E,url:O,image:k,notFound:p}){return p?[{httpEquiv:"Status",content:"404 Not Found"},{title:"Page not found"},{name:"description",content:"Sorry, we\u2019ve searched everywhere but still couldn\u2019t find the page that you\u2019re looking for."},{name:"robots",content:"noindex"}
1]:[{title:y},{name:"description",content:E},{name:"viewport",content:"width=device-width, initial-scale=1"},{rel:"icon",href:"/favicon.ico"},{property:"og:type",content:"website"},{property:"og:url",content:O},{property:"og:title",content:y},{property:"og:description",content:E},{property:"og:image",content:k},{property:"twitter:card",content:"summary_large_image"},{property:"twitter:url",content:O},{property:"twitter:title",content:y},{property:"twitter:description",content:E},{property:"twitter:image",content:k}]}},90288:function(X,M,n){"use strict";n.d(M,{S4:function(){return E},cJ:function(){return k},sH:function(){return O},zv:function(){return y}});var e=n(16755);const y=p=>e.x.get(`/idp/accounts/profile?${p?.phone?"phone="+p?.phone:"email="+p?.email}`).then(j=>j.data),E=async({phone:p,cancelToken:j})=>(await e.x.get("zendesk/accounts/check?phone="+p,{cancelToken:j})).data,O=({email:p,phone:j})=>e.x.get("zendesk/accounts/verifyLinkedEmail?phone="+j+(p?"&email="+p:"")).then(N=>N.data),k=({userId:p,email:j})=>e.x.put(`/idp/profiles/${p}`,{userId:p,email:j}).then(N=>N.data)},78744:function(X,M,n){"use strict";n.d(M,{kO:function(){return ne},DH:function(){return N},Cn:function(){return j},Ox:function(){return R}});var e=n(81491),y=n(16755);const E=f=>y.x.get(`/loyalty/cards/transactions?limit=${f?.perPage||20}&statuses=successful&statuses=pending&statuses=failed&types=earn&types=redeem&types=externalEarn&types=externalRedeem&types=redeemCapture&types=redeemReversal&types=redeemVoid&types=adjustment${f?.nextToken?`&nextToken=${f.nextToken}`:""}`).then(A=>{let u=A.data.data;return f?.referenceType&&(u=u.filter(i=>i.referenceType===f?.referenceType)),f?.from&&(u=u.filter(i=>f?.from&&new Date(i.createdAt)>=new Date(f?.from))),{data:u,nextToken:A.data.nextToken}}),O=f=>y.x.get(`loyalty/transactions/${f?.id}`).then(A=>A.data),k=f=>y.x.get(`loyalty/system/cards/${f}`).then(A=>A.data),p={GET_LOYALTY_TRANSACTIONS:"GET_LOYALTY_TRANSACTIONS",GET_ONE_LOYALTY_TRANSACTION:"GET_ONE_LOYALTY_TRANSACTION",GET_MESRA_POINT:"GET_MESRA_POINT"},j=f=>(0,e.useQuery)([p.GET_LOYALTY_TRANSACTIONS,f],()=>E(f).then(A=>A.data.map(u=>({...u,isMesra:!0}))),{enabled:f?.enabled}),N=f=>(0,e.useInfiniteQuery)(["infinite",p.GET_LOYALTY_TRANSACTIONS,f],({pageParam:A})=>E({...f,nextToken:A}).then(u=>({...u,data:u.data.map(P=>({...P,isMesra:!0}))})),{enabled:f?.enabled,getNextPageParam:A=>A.nextToken}),R=f=>(0,e.useQuery)([p.GET_ONE_LOYALTY_TRANSACTION,f],()=>O(f).then(A=>({...A,isMesra:!0})),{enabled:f?.enabled}),ne=f=>(0,e.useQuery)([p.GET_MESRA_POINT,f],()=>f?k(f).then(A=>A?.pointBalance):null)},4568:function(X,M,n){"use strict";n.d(M,{Y9:function(){return A},aj:function(){return N},Sh:function(){return R},Pd:function(){return ne}});var e=n(81491),y=n(16755);const E=u=>y.x.get(`/payments/transactions?from=${u?.from}&view=v3&perPage=${u?.perPage||20}&page=${u?.page||1}`).then(P=>{let i=P.data;return u?.referenceType&&(i=i.filter(le=>le.referenceType===u?.referenceType)),i}),O=u=>y.x.get(`/payments/transactions/${u?.id}`).then(P=>P.data),k=u=>apiClient.get(`/parking/sessions/${u}`).then(P=>P.data),p=()=>y.x.get("/payments/payment-methods?getBalanceInfo=true").then(u=>u.data),j={INDEX_TRANSACTIONS:"INDEX_TRANSACTIONS",ONE_TRANSACTION:" ONE_TRANSACTION",GET_ARTICLE_BY_SECTION:"GET_ARTICLE_BY_SECTION",GET_SESSION_PARKING:"GET_SESSION_PARKING",GET_LIST_PAYMENT_METHOD:"GET_LIST_PAYMENT_METHOD"},N=u=>(0,e.useQuery)([j.INDEX_TRANSACTIONS,u],()=>E(u).then(P=>P.map(i=>({...i,isPayment:!0}))),{enabled:u?.enabled}),R=u=>(0,e.useInfiniteQuery)(["infinite",j.INDEX_TRANSACTIONS,u],({pageParam:P})=>E({...u,page:Number(P)}).then(i=>i.map(le=>({...le,isPayment:!0}))),{enabled:u?.enabled,getNextPageParam:(P,i)=>i[i.length-1].length?i.length+1:void 0}),ne=u=>(0,e.useQuery)([j.ONE_TRANSACTION,u],()=>O(u).then(P=>({...P,isPayment:!0})),{enabled:u?.enabled}),f=(u,P)=>useQuery([j.GET_SESSION_PARKING,u],()=>getSessionParking(u).then(i=>i.session.locationName),P),A=u=>(0,e.useQuery)([j.GET_LIST_PAYMENT_METHOD,u],()=>p(),{enabled:u?.enabled})},50267:function(X,M,n){"use strict";n.d(M,{$m:function(){return O},G9:function(){return y},OE:function(){return p},Xy:function(){return j},ZL:function(){return k},lP:function(){return E}});var e=n(16755);const y=N=>
1e.x.post("/zendesk/receipts",N).then(R=>R.status===201),E=N=>e.x.post("/zendesk/tickets/submitChangeMobileRequest",N).then(R=>R.status===201),O=N=>e.x.post("/zendesk/tickets/submitChangeNRICRequest",N).then(R=>R.status===201),k=N=>e.x.post("/zendesk/tickets/eMadani/submitClaimRequest",N).then(R=>R.status===201),p=N=>e.x.get("/zendesk/tickets/eMadani/checkSubmission",{params:N}).then(R=>R.status===201),j=N=>e.x.post("/idp/user/devices/trusted/unlink-requests",N).then(R=>R.status===201)},76791:function(X,M,n){"use strict";X.exports=n.p+"static/media/time-submission.1d5280c39d90490d4d2e.svg"},14601:function(){},32767:function(){},28251:function(){},57677:function(){},1543:function(){},87324:function(){}}]); 2 3//# sourceMappingURL=9838.f3e9eb18fd33f04ff77a.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.