https://www.xl.co.id/_next/static/chunks/pages/esim-bundling/[id]/otp-06f5ae15e86533bc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1730],{4484:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>I});var n=a(37876),i=a(14232),s=a(18847),l=a.n(s),o=a(90746),r=a(89099),c=a(38610),d=a(31527),m=a(7693),p=a(95227),u=a(8413),x=a(79528),h=a(79356),g=a(81669),j=a(77384),v=a(77547),A=a(60963),E=a.n(A);let k=l()(()=>a.e(9981).then(a.bind(a,99981)),{loadableGenerated:{webpack:()=>[99981]},ssr:!1});function I(){var e;let t="modal-esim-otp",a=Math.floor(Date.now()/1e3),s=Math.floor(9e3*Math.random())+1e3,l="".concat(a).concat(s),A=(0,o.wA)(),{simpleDataLayerTemplate:I}=(0,v.v)(),f=(0,r.useRouter)(),N="/"+f.asPath.split("/")[1]+"/"+f.asPath.split("/")[2],{contact:w,eid:C,esimType:P,esimConfirm:L,_persist:O}=(0,o.d4)(e=>({contact:e.esim.contact,eid:e.esim.eid,esimType:e.esim.esimType,esimConfirm:e.esim.esimConfirm,_persist:e._persist}),o.bN);(0,i.useEffect)(()=>{(null==O?void 0:O.rehydrated)&&""===P&&f.push((0,j.fh)(f,N))},[P,null==O?void 0:O.rehydrated]);let[K,y]=(0,i.useState)(null),[Z,F]=(0,i.useState)({value:"",error:""}),[T,b]=(0,i.useState)({value:"",error:""}),[B,X]=(0,i.useState)(59),[M,R]=(0,i.useState)(null==w?void 0:w.email),[S,D]=(0,i.useState)(!1);(0,i.useEffect)(()=>{let e=B>0&&setInterval(()=>X(B-1),1e3);return()=>clearInterval(e)},[B]);let Y=()=>{"SP0KESIMXLBDAP15"===P&&(I({event:"WM_IDN_PAGEVIEW_XL-PREPAID_FLOODLIGHT_ESIM-BUNDLING-IPHONE-KONFIRMASI-PAGE-OTP-CONFIRMATION_9562726",data:{floodlight_gtag:"xlesi0",floodlight_atag:"wm_id003"}}),I({event:"WM_IDN_CLICK_XL-PREPAID_TIKTOK_ESIM-BUNDLING-IPHONE-KONFIRMASI-PAGE---OTP-CONFIRMATION_7156512373367455746",data:{tiktok_trigger_event:"EsimIphoneOTP"}}),I({event:"WM_IDN_CLICK_XL-PREPAID_META_ESIM-BUNDLING-IPHONE-KONFIRMASI-PAGE---OTP-CONFIRMATION_663583184111454",data:{meta_event:"ViewContent",meta_content_type:"XLPrepaid_XLEsimIphoneBundling_KonfirmasiPage_OTPKonfirmasiButton"}}))},z=async()=>{let e={otpCode:Z.value,email:M},t={eid:C,imei:"",productType:"SUBSCRIPTION_SPDEVICE_ESIM",programCode:P,transactionId:"KLAIMESIM-".concat(l),contact:{...w}};try{if(D(!0),(await (0,x.r3)("/esim/validate-otp",{...e})).error)F(e=>({...e,error:"Kode OTP tidak valid atau sudah kedaluwarsa"})),D(!1);else{let e=await (0,x.r3)("/esim/change-msisdn",{...t});e.error?(A((0,h.RE)({})),A((0,h.rY)("")),A((0,h.IZ)({type:"failed",code:e.error.data.code,message:e.error.data.message})),Y(),setTimeout(()=>{f.push((0,j.fh)(f,N+"/result")),D(!1)},200)):(A((0,h.RE)({})),A((0,h.rY)("")),A((0,h.IZ)({type:"success",code:e.data.code,message:e.data.message})),Y(),setTimeout(()=>{f.push((0,j.fh)(f,N+"/result")),D(!1)},200))}}catch(e){console.error("error post esim => ",e),D(!1)}},J=async()=>{try{var e,t;if((null==T||null==(e=T.value)?void 0:e.trim())==="")b(e=>({...e,error:"Email tidak boleh kosong"}));else if((0,g.B)(null==T?void 0:T.value)){let e={email:null==T?void 0:T.value};(null==(t=await (0,x.Xj)("/esim/send-otp",{...e}))?void 0:t.data)&&(A((0,h.RE)({email:null==T?void 0:T.value,fullName:null==w?void 0:w.fullName,phoneNumber:null==w?void 0:w.phoneNumber})),R(null==T?void 0:T.value),y(null))}else b(e=>({...e,error:"Email yang anda masukan tidak valid"}))}catch(e){console.error("error send otp => ",e)}},G=async()=>{X(59);try{await (0,x.Xj)("/esim/send-otp",{email:M})}catch(e){console.error("Gagal send otp => ",e)}};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d.A,{title:(null==L?void 0:L.meta_title)!==""?null==L?void 0:L.meta_title:void 0,description:(null==L?void 0:L.meta_desc)!==""?null==L?void 0:L.meta_desc:void 0}),(0,n.jsx)(c.A,{footer:!1,children:(0,n.jsx)("section",{className:"sc-esim-bundle-otp",children:(0,n.jsxs)("div",{className:"container",children:[(0,n.jsx)(u.A,{}),(0,n.jsxs)("div",{className:"esim-bundle-otp-wrap",children:[(0,n.jsx)("h2",{className:"title-text",children:"Kode Konfirmasi"}),(0,n.jsxs)("p",{className:"subtitle-text",children:["Masukkan 6 digit kode konfirmasi yang telah dikirimkan ke email",(0,n.jsxs)("strong",{className:"font-weight-bold",children:[" ",M]})]}),S?null:(0,n.jsx)("div",{className:"email-change",role:"button",onClick:()=>y(t),children:"Ganti Email"}),(0,n.jsx)("div",{className:"pin-field-container",children:(0,n.jsx)(k,{length:6,className:"pin-field mb-3",autoFocus:!0,onChange:e=>{F({error:"",value:e})}})}),(null==Z?void 0:Z.error)!==""?(0,n.jsx)("p",{className:"text-danger",children:null==Z?void 0:Z.error}

1):null,S?null:(0,n.jsx)("div",{className:"resend-code-wrap",children:B<=0?(0,n.jsx)("div",{className:"resend-code-cta mb-3",role:"button",onClick:G,children:"Kirim Ulang"}):(0,n.jsxs)("p",{children:["Kirim Ulang Kode dalam ",(0,n.jsx)("strong",{children:B})," detik"]})}),(0,n.jsx)(p.j,{variant:"primary",className:"btn-fluid mx-auto",onClick:z,disabled:(null==Z||null==(e=Z.value)?void 0:e.length)<6||S,children:S?"Memproses...":"Konfirmasi"})]})]})})}),(0,n.jsxs)(m.Modal,{id:t,hide:()=>y(null),isShowing:K,className:"modal-esim-otp",children:[(0,n.jsx)(m.Image,{src:E()}),(0,n.jsx)("h2",{className:"title-text",children:"Masukkan alamat email Anda"}),(0,n.jsx)("p",{className:"subtitle-text",children:"Pastikan email yang anda masukkan benar dan aktif."}),(0,n.jsxs)("div",{className:"form-group",children:[(0,n.jsx)("input",{className:"form-control",type:"email",id:"email",placeholder:"",onChange:e=>b({error:"",value:e.target.value}),value:null==T?void 0:T.value}),(0,n.jsx)("label",{htmlFor:"email",children:"Email"}),(null==T?void 0:T.error)!==""?(0,n.jsx)("span",{className:"text-danger",children:"Ini Error"}):null]}),(0,n.jsx)("div",{className:"form-group",children:(0,n.jsx)(p.j,{className:"w-100",onClick:()=>J(),children:"Simpan"})})]})]})}},8413:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var n=a(37876);a(14232);var i=a(89099);function s(e){let{className:t}=e,a=(0,i.useRouter)();return(0,n.jsxs)("div",{className:"back-link ".concat(t||""),onClick:()=>a.back(),children:[(0,n.jsx)("i",{className:"air ai-chevron-left"}),(0,n.jsx)("span",{children:"Kembali"})]})}},31527:(e,t,a)=>{"use strict";a.d(t,{A:()=>o});var n=a(37876);a(14232);var i=a(77328),s=a.n(i);a(45105);var l=a(89099);let o=function(e){let{description:t="Akses semua keperluan Anda dengan mudah di XL.co.id mulai dari beli kartu sim / eSIM, beli paket internet, star series, registrasi dan reaktivasi kartu disini!",title:a="Beli Kartu Perdana & Paket Internet XL Disini! - XL Axiata",url:i="https://www.xl.co.id/",canonical:o,keyword:r="xl, kartu sim, kartu perdana, paket internet",image:c,nextPage:d,prevPage:m,noindex:p=!1,viewport:u="width=device-width, initial-scale=1"}=e,x=(0,l.useRouter)(),h=x.asPath.includes("?");return(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(s(),{children:[(0,n.jsx)("meta",{name:"language",content:"indonesian"}),(0,n.jsx)("meta",{httpEquiv:"content-type",content:"text/html"}),(0,n.jsx)("meta",{name:"robots",content:p?"NOINDEX, NOFOLLOW":h?"NOINDEX, FOLLOW, MAX-IMAGE-PREVIEW:NONE, MAX-SNIPPET:-1, MAX-VIDEO-PREVIEW:-1":"INDEX, FOLLOW, MAX-IMAGE-PREVIEW:LARGE, MAX-SNIPPET:-1, MAX-VIDEO-PREVIEW:-1"}),(0,n.jsx)("meta",{name:"viewport",content:u}),(0,n.jsx)("meta",{name:"msvalidate.01",content:"5F261012E0BA076373EA2EDD574301A8"}),(0,n.jsx)("title",{children:a}),(0,n.jsx)("link",{rel:"shortcut icon",href:"/icons/favicon.png"}),(0,n.jsx)("link",{rel:"apple-touch-icon",href:"/icons/apple-icon.png"}),(0,n.jsx)("meta",{name:"title",content:"".concat(a)}),(0,n.jsx)("meta",{name:"description",content:t}),(0,n.jsx)("meta",{name:"keyword",content:r}),(0,n.jsx)("meta",{name:"author",content:"XL.CO.ID"}),(0,n.jsx)("link",{rel:"canonical",href:o||"".concat("https://www.xl.co.id").concat(x.asPath.split("?")[0])},"canonical"),m&&(0,n.jsx)("link",{rel:"prev",href:m}),d&&(0,n.jsx)("link",{rel:"next",href:d}),(0,n.jsx)("meta",{property:"og:type",content:"website"}),(0,n.jsx)("meta",{property:"og:url",content:i}),(0,n.jsx)("meta",{property:"og:title",content:"".concat(a)}),(0,n.jsx)("meta",{property:"og:description",content:t}),c&&(0,n.jsx)("meta",{name:"og:image",content:c}),(0,n.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{property:"twitter:url",content:i}),(0,n.jsx)("meta",{property:"twitter:title",content:"".concat(a)}),(0,n.jsx)("meta",{property:"twitter:description",content:t}),(0,n.jsx)("meta",{property:"twitter:image",content:c||"".concat(i,"/icons/richlink.jpg")}),(0,n.jsx)("meta",{name:"msapplication-TileColor",content:"#002DBB"}),(0,n.jsx)("meta",{name:"msapplication-TileImage",content:"/icons/ms-icon-144x144.png"}),(0,n.jsx)("meta",{name:"theme-color",content:"#002DBB"}),(0,n.jsx)("link",{rel:"apple-touch-icon",sizes:"57x57",href:"/icons/apple-icon-57x57.png"}),(0,n.jsx)("link",{rel:"apple-touch-icon",sizes:"60x60",href:"/icons/apple-icon-60x60.png"}),(0,n.jsx)("link",{rel:"apple-touch-icon",sizes:"72x72",href:"/icons/apple-icon-72x72.png"}),(0,n.jsx)("link",{rel:"apple-touch-icon",sizes:"76x76",href:"/icons/apple-icon-76x76.png"}),(0,n.jsx)("link",{rel:"apple-touch-icon",sizes:"114x114",href:"/icons/apple-icon-114x114.png"}),(0,n.jsx)("link",{rel:"apple-touch-icon",sizes:"120x120",href:"/icons/apple-icon-120x120.png"}),(0,n.jsx)("link",{rel:"apple-touch-icon",sizes:"144x144",href:"/icons/apple-icon-144x144.png"}),(0,n.jsx)("link",{rel:"apple-touch-icon",sizes:"152x152",href:"/icons/apple-icon-152x152.png"}),(0,n.jsx)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/icons/apple-icon-180x180.png"}),(0,n.jsx)("link",{rel:"icon",type:"image/png",sizes:"192x192",href:"/icons/android-icon-192x192.png"}),(0,n.jsx)("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/icons/favicon-32x32.png"}),(0,n.jsx)("link",{rel:"icon",type:"image/png",sizes:"96x96",href:"/icons/favicon-96x96.png"}),(0,n.jsx)("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/icons/favicon-16x16.png"})]})})}},57954:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/esim-bundling/[id]/otp",function(){return a(4484)}])},60963:e=>{e.exports="data:image/png;

1base64,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"},81669:(e,t,a)=>{"use strict";a.d(t,{B:()=>n,P:()=>i});let n=e=>/^[a-zA-Z0-9_-]+(?:\.[a-zA-Z0-9_-]+)*@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*\.[a-zA-Z]{2,}$/.test(e),i=e=>/^[0-9]{32}$/.test(e)}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=57954)),_N_E=e.O()}]);