https://baucarkitaselangor.com/_next/static/chunks/app/(public)/login/page-14493c5b8cfcd068.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[173],{28:(e,a,t)=>{"use strict";t.r(a),t.d(a,{default:()=>b});var s=t(5155),l=t(5772),n=t(2115),r=t(3321),i=t(9255),d=t(8123),o=t(9934),c=t(9474),u=t(7632),m=t(7662);let x="/login-content2.png",h="Baucar Kita Selangor, bantuan untuk keperluan asas keluarga";function p({variant:e}){return"mobile"===e?(0,s.jsx)("div",{className:"relative mt-6 h-48 overflow-hidden rounded-2xl bg-[#EDE8DF] md:hidden",children:(0,s.jsx)(l.default,{src:x,alt:h,fill:!0,className:"object-cover object-center",sizes:"(max-width: 767px) calc(100vw - 2.5rem)",priority:!0})}):(0,s.jsx)("div",{className:"relative hidden min-h-[420px] bg-[#EDE8DF] md:block",children:(0,s.jsx)("div",{className:"absolute inset-0 p-6 lg:p-8",children:(0,s.jsx)("div",{className:"relative h-full min-h-[360px] w-full overflow-hidden rounded-2xl",children:(0,s.jsx)(l.default,{src:x,alt:h,fill:!0,className:"object-cover object-center",sizes:"(max-width: 1024px) 50vw, 480px",priority:!0})})})})}var g=t(5516),f=t(1524);function b(){let e=(0,r.useRouter)(),[a,t]=(0,n.useState)(!1),[x,h]=(0,n.useState)(""),[b,j]=(0,n.useState)(""),[N,k]=(0,n.useState)(!1),[v,y]=(0,n.useState)(""),[w,S]=(0,n.useState)(null),[D,E]=(0,n.useState)(!1),[B,F]=(0,n.useState)(!1);(0,n.useEffect)(()=>{(0,i.Ht)()?e.replace("/pengguna"):t(!0)},[e]);let _=async a=>{a.preventDefault(),y(""),S(null),E(!1);let t=x.replace(/\D/g,""),s=b.trim();if(!t||!s)return void y("Sila masukkan no. telefon dan kata laluan.");F(!0);try{let a=await (0,o.U5)(t,s);(0,i.LW)(a,N),e.push("/pengguna")}catch(t){let e=(0,o.Ne)(t);E((0,c.nw)(t));let a=t instanceof o.dg?t.code:void 0;(0,d.y)(e,a)?(S((0,d.J)(e)),y("")):y(e)}finally{F(!1)}};return a?(0,s.jsxs)("div",{className:"flex min-h-screen flex-col bg-[#FEF9F3] text-neutral-800 antialiased",children:[(0,s.jsx)(g.SiteHeader,{anchorPrefix:"/"}),(0,s.jsx)("div",{className:"flex flex-1 flex-col px-5 py-10 md:px-8 md:py-12",children:(0,s.jsxs)("div",{className:"mx-auto w-full max-w-5xl flex-1",children:[(0,s.jsx)("div",{className:"overflow-hidden rounded-2xl border border-neutral-200/80 bg-white shadow-[0_24px_64px_-16px_rgba(0,0,0,0.12)] md:rounded-3xl",children:(0,s.jsxs)("div",{className:"grid md:grid-cols-2",children:[(0,s.jsxs)("div",{className:"flex flex-col justify-center px-8 py-10 sm:px-12 sm:py-14 lg:px-16 lg:py-16",children:[(0,s.jsx)("div",{className:"mb-8",children:(0,s.jsx)(l.default,{src:"/selangkah-login.png",alt:"Selangkah",width:561,height:176,className:"h-12 w-auto object-contain sm:h-14 md:h-16",priority:!0})}),(0,s.jsx)("h1",{className:"text-3xl font-bold tracking-tight text-neutral-900 md:text-4xl",children:"Log Masuk"}),(0,s.jsx)("p",{className:"mt-2 text-base text-neutral-600",children:"Log masuk dengan akaun selangkah anda."}),(0,s.jsxs)("form",{className:"mt-8 space-y-5",onSubmit:_,children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{htmlFor:"phoneNo",className:"mb-1.5 block text-sm font-medium text-neutral-800",children:"No. telefon"}),(0,s.jsx)("input",{id:"phoneNo",type:"tel",inputMode:"tel",autoComplete:"username",placeholder:"Contoh: 012-345 6789",value:x,onChange:e=>h(e.target.value),disabled:B,className:"min-h-11 w-full rounded-xl border border-neutral-300 bg-[#F7F1EA] px-4 py-3 text-base text-neutral-900 outline-none transition placeholder:text-neutral-400 focus:border-[#B30D12] focus:bg-white focus:ring-2 focus:ring-[#B30D12]/20 disabled:opacity-60"})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("label",{htmlFor:"password",className:"mb-1.5 block text-sm font-medium text-neutral-800",children:"Kata laluan"}),(0,s.jsx)("input",{id:"password",type:"password",autoComplete:"current-password",placeholder:"Masukkan kata laluan",value:b,onChange:e=>j(e.target.value),disabled:B,className:"min-h-11 w-full rounded-xl border border-neutral-300 bg-[#F7F1EA] px-4 py-3 text-base text-neutral-900 outline-none transition placeholder:text-neutral-400 focus:border-[#B30D12] focus:bg-white focus:ring-2 focus:ring-[#B30D12]/20 disabled:opacity-60"})]}),(0,s.jsxs)("label",{className:"flex min-h-11 cursor-pointer items-center gap-3 text-base text-neutral-700",children:[(0,s.jsx)("input",{type:"checkbox",checked:N,onChange:e=>k(e.target.checked),disabled:B,className:"h-5 w-5 rounded border-neutral-400 text-[#B30D12] focus:ring-[#B30D12]"}),"Ingat saya"]}),w?(0,s.jsx)(u.X,{details:w}):v?(0,s.jsxs)("div",{className:"space-y-3",children:[(0,s.jsx)("p",{className:"whitespace-pre-line text-sm font-medium text-red-600",children:v}),D?(0,s.jsx)(m.Z,{}):null]}):null,(0,s.jsx)("button",{type:"submit",disabled:B,className:"w-full rounded-xl bg-[#B30D12] px-4 py-3.5 text-sm font-semibold text-white shadow-sm transition hover:bg-[#951010] disabled:opacity-60",children:B?"Memproses…":"Log Masuk"})]})]}),(0,s.jsx)(p,{variant:"desktop"})]})}),(0,s.jsx)(p,{variant:"mobile"})]})}),(0,s.jsx)(f.D,{variant:"standard"})]}):null}},1524:(e,a,t)=>{"use strict";t.d(a,{D:()=>i});var s=t(5155),l=t(8500),n=t.n(l);let r={home:{description:"Memperkasa rakyat Selangor melalui bantuan bersasar dan perkhidmatan digital yang mesra pengguna.",copyrightSuffix:"Hak cipta terpelihara."},standard:{description:"Komited menyediakan sokongan yang jelas, mudah diakses dan bermaruah kepada semua rakyat negeri.",copyrightSuffix:""}

1,portal:{description:"Portal rasmi untuk permohonan dan semakan status bantuan Kerajaan Negeri Selangor.",copyrightSuffix:""}};function i({id:e,variant:a="standard",className:t=""}){let{description:l,copyrightSuffix:d}=r[a],o="home"===a,c=o?"hover:text-[#8B1530]":"portal"===a?"hover:text-[#B31B1B]":"hover:text-[#B30D12]";return(0,s.jsxs)("footer",{id:e,className:`hidden border-t md:block ${o?"border-neutral-200/70":"border-neutral-200/80"} ${o?"bg-[#F0E8D8]":"portal"===a?"bg-[#EDE4D3]/60":"bg-[#EDE4D3]/50"} ${t}`.trim(),children:[(0,s.jsxs)("div",{className:`mx-auto flex max-w-6xl flex-col px-5 md:flex-row md:items-start md:justify-between md:px-8 ${o?"gap-10 py-12 md:py-16":"gap-8 py-10 md:py-12"}`,children:[(0,s.jsxs)("div",{className:o?"max-w-md space-y-4":"max-w-md space-y-3",children:[(0,s.jsx)("p",{className:"text-sm leading-relaxed text-neutral-600",children:l}),(0,s.jsxs)("p",{className:"text-xs text-neutral-500",children:["\xa9 ",new Date().getFullYear()," Kerajaan Negeri Selangor",d?`. ${d}`:"."]})]}),(0,s.jsxs)("div",{className:`flex flex-col text-sm font-medium text-neutral-700 ${o?"gap-3":"gap-2"}`,children:[(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsx)("p",{className:"font-semibold text-neutral-800",children:"Hubungi Kami"}),(0,s.jsxs)("p",{className:"text-sm font-normal leading-relaxed text-neutral-600",children:["Talian bantuan ",(0,s.jsx)("span",{className:"font-semibold text-neutral-800",children:"1800-22-6600"})," ","(waktu pejabat)"]})]}),(0,s.jsx)(n(),{href:"/inisiatif",className:c,children:"Inisiatif"}),(0,s.jsx)(n(),{href:"/program",className:c,children:"Maklumat Program"}),(0,s.jsx)(n(),{href:"/soalan-lazim",className:c,children:"Soalan Lazim"}),(0,s.jsx)(n(),{href:"/terma-dan-syarat",className:c,children:"Terma dan Syarat"})]})]}),(0,s.jsxs)("div",{className:`flex justify-end px-5 text-neutral-400 md:px-8 ${o?"gap-5 pb-8":"gap-4 pb-6"}`,children:[(0,s.jsx)("span",{className:o?"text-xl":"text-lg",title:"Bahasa",children:"\uD83C\uDF10"}),(0,s.jsx)("span",{className:o?"text-xl":"text-lg",title:"Keselamatan",children:"\uD83D\uDEE1️"})]})]})}},3321:(e,a,t)=>{"use strict";var s=t(4645);t.o(s,"usePathname")&&t.d(a,{usePathname:function(){return s.usePathname}}),t.o(s,"useRouter")&&t.d(a,{useRouter:function(){return s.useRouter}}),t.o(s,"useSearchParams")&&t.d(a,{useSearchParams:function(){return s.useSearchParams}})},6072:(e,a,t)=>{Promise.resolve().then(t.bind(t,28))},7632:(e,a,t)=>{"use strict";t.d(a,{X:()=>l});var s=t(5155);function l({details:e}){return(0,s.jsxs)("div",{className:"space-y-3 text-sm font-medium text-red-600",children:[(0,s.jsx)("p",{children:"Akaun tidak sepadan."}),(0,s.jsx)("p",{children:"Maklumat log masuk tidak sepadan dengan maklumat yang didaftarkan dalam Program Baucar Kita."}),(0,s.jsxs)("div",{className:"rounded-xl border border-red-100 bg-red-50/60 px-4 py-3 text-left text-neutral-800",children:[(0,s.jsx)("p",{className:"font-semibold text-neutral-900",children:"Maklumat log masuk"}),e.nric?(0,s.jsxs)("p",{className:"mt-1",children:[(0,s.jsx)("span",{className:"text-neutral-500",children:"NRIC:"})," ",e.nric]}):null,e.selangkahId?(0,s.jsxs)("p",{className:"mt-1",children:[(0,s.jsx)("span",{className:"text-neutral-500",children:"Selangkah ID:"})," ",e.selangkahId]}):null]}),(0,s.jsx)("p",{children:"Sila hubungi talian 1-800-22-6600."})]})}},7662:(e,a,t)=>{"use strict";t.d(a,{Z:()=>r});var s=t(5155),l=t(9474);let n="inline-flex min-h-11 flex-1 items-center justify-center rounded-xl border border-neutral-300 bg-white px-4 py-2.5 text-sm font-semibold text-neutral-800 transition hover:border-[#B30D12]/40 hover:bg-[#FEF9F3] focus:outline-none focus:ring-2 focus:ring-[#B30D12]/20";function r({className:e=""}){return(0,s.jsxs)("div",{className:`space-y-3 ${e}`.trim(),children:[(0,s.jsx)("p",{className:"text-sm font-medium text-neutral-700",children:"Muat turun aplikasi Selangkah:"}),(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row",children:[(0,s.jsx)("a",{href:l.qw,target:"_blank",rel:"noopener noreferrer",className:n,children:"Google Play Store"}),(0,s.jsx)("a",{href:l.zi,target:"_blank",rel:"noopener noreferrer",className:n,children:"App Store"})]})]})}},8123:(e,a,t)=>{"use strict";function s(e){let a=e.match(/NRIC:\s*([^,\s]+)/i),t=e.match(/Selangkah ID:\s*([^\s.]+)/i);

1return a||t?{nric:a?.[1],selangkahId:t?.[1]}:null}function l(e,a){return"ACCOUNT_IDENTITY_MISMATCH"===a||e.startsWith("Akaun tidak sepadan.")||!!s(e)}t.d(a,{J:()=>s,y:()=>l})},9474:(e,a,t)=>{"use strict";t.d(a,{nw:()=>r,qw:()=>l,zi:()=>n});var s=t(9934);let l="https://play.google.com/store/apps/details?id=sel.main.selangkah",n="https://apps.apple.com/my/app/selangkah/id1552552227";function r(e){return e instanceof s.dg&&("USER_NOT_FOUND"===e.code||404===e.status)}}},e=>{e.O(0,[591,516,441,794,358],()=>e(e.s=6072)),_N_E=e.O()}]);