https://intercloud-digital.com/static/js/7005.6399fafc.chunk.js

1/*! For license information please see 7005.6399fafc.chunk.js.LICENSE.txt */
2"use strict";(globalThis.webpackChunkfrontend||=[]).push([[7005],{7005(e,a,s){s.r(a);var t=s(5043),l=s(8975),n=s(6833),i=s(2024),r=s(7719),c=s(5469),d=s(1827),o=s(1884),m=s(1310),x=s(1079),p=s(579);const h=()=>{const{user:e,register:a}=(0,m.A)(),s=(0,l.Zp)(),[h]=(0,l.ok)(),u=h.get("crm_token")||"",[g,j]=(0,t.useState)({name:"",email:"",phone:"",password:"",confirm:"",company:"",industry:"",attention:"",address_line1:"",address_line2:"",city:"",province:"",postal_code:"",country:"Indonesia",npwp:"",accepts_tos:!1}),[b,N]=(0,t.useState)(1),[f,v]=(0,t.useState)(!1),[y,w]=(0,t.useState)(""),[k,C]=(0,t.useState)("");(0,t.useEffect)(()=>{u&&x.FH.get("/register/crm-prefill",{params:{token:u}}).then(e=>{let{data:a}=e;j(e=>({...e,name:a.name||e.name,email:a.email||e.email,phone:a.phone||e.phone,company:a.company||e.company})),C("Data Anda sudah terisi dari undangan. Periksa dan lengkapi jika perlu.")}).catch(()=>{w("Link undangan tidak valid atau telah kedaluwarsa.")})},[u]),(0,t.useEffect)(()=>{e&&"client"===e.role?s("/portal/client/dashboard",{replace:!0}):e&&s("/portal/admin/dashboard",{replace:!0})},[e,s]);const A=e=>a=>j({...g,[e]:"checkbox"===a.target.type?a.target.checked:a.target.value}),_="mt-1.5 w-full h-11 rounded-xl border border-slate-300 px-3 focus:outline-none focus:ring-2 focus:ring-[#f5b120] focus:border-[#f5b120] text-sm",S="block text-sm",P="text-slate-700 font-semibold";return(0,p.jsxs)("div",{className:"min-h-screen grid md:grid-cols-[45%_55%] bg-[#0a2350] text-white ic-font",children:[(0,p.jsxs)("div",{className:"relative overflow-hidden hidden md:flex flex-col p-12 justify-between",children:[(0,p.jsx)("div",{className:"absolute inset-0 grid-overlay opacity-30"}),(0,p.jsx)("div",{className:"absolute -top-24 -left-16 h-96 w-96 rounded-full bg-[#f5b120]/10 blur-3xl"}),(0,p.jsxs)("div",{className:"relative",children:[(0,p.jsxs)(l.N_,{to:"/",className:"inline-flex items-center gap-2 text-white/70 hover:text-[#f5b120] transition-colors text-sm",children:[(0,p.jsx)(c.A,{className:"h-4 w-4"})," Back to website"]}),(0,p.jsxs)("div",{className:"mt-10 flex items-center gap-3",children:[(0,p.jsx)("div",{className:"h-11 w-11 rounded-xl bg-[#f5b120] flex items-center justify-center",children:(0,p.jsx)(d.A,{className:"h-6 w-6 text-[#0a2350]",strokeWidth:2})}),(0,p.jsxs)("div",{children:[(0,p.jsx)("div",{className:"text-xs font-bold tracking-widest text-[#f5b120]",children:"CREATE ACCOUNT"}),(0,p.jsx)("div",{className:"text-lg font-extrabold",children:"Intercloud Digital Inovasi"})]})]})]}),(0,p.jsxs)("div",{className:"relative max-w-md",children:[(0,p.jsxs)("h1",{className:"text-4xl font-extrabold leading-tight",children:["Start with ",(0,p.jsx)("span",{className:"text-[#f5b120]",children:"Intercloud"})," in minutes."]}),(0,p.jsx)("p",{className:"mt-5 text-white/70 text-sm leading-relaxed",children:"One account for every service - cloud, hosting, VPS, colocation & interconnect. Order online, get an invoice instantly, and auto-provision the moment payment is verified."}),(0,p.jsx)("ul",{className:"mt-6 space-y-2 text-sm text-white/80",children:["Real-time invoices & PDF receipts","24/7 technical support ticketing","Auto-provisioning on paid orders","Bilingual (EN / ID) throughout"].map(e=>(0,p.jsxs)("li",{className:"flex items-center gap-2",children:[(0,p.jsx)(n.A,{className:"h-4 w-4 text-[#f5b120]"})," ",e]},e))})]}),(0,p.jsxs)("div",{className:"relative text-[11px] text-white/50",children:["\xa9 ",(new Date).getFullYear()," PT Intercloud Digital Inovasi"]})]}),(0,p.jsx)("div",{className:"flex items-center justify-center p-6 md:p-10 bg-slate-50 text-[#0a2350]",children:(0,p.jsxs)("form",{onSubmit:1===b?e=>(e.preventDefault(),w(""),g.name.trim()&&g.email.trim()&&g.password?g.password.length<8?w("Password must be at least 8 characters."):g.password!==g.confirm?w("Password confirmation does not match."):g.accepts_tos?void N(2):w("Please accept the Terms of Service to continue."):w("Name, email, and password are required.")):async e=>{e.preventDefault(),v(!0),w("");try{const{confirm:e,...t}=g,l=await a({...t,crm_token:u||void 0});s("client"===l.role?"/portal/client/dashboard":"/portal/admin/dashboard",{replace:!0})}catch(t){w(t.message||"Registration failed"),N(1)}finally{v(!1)}},className:"w-full max-w-xl bg-white rounded-3xl shadow-xl border border-slate-200 p-7 md:p-9","data-testid":"portal-register-form",children:[(0,p.jsx)("div",{className:"md:hidden mb-5",children:(0,p.jsxs)(l.N_,{to:"/",className:"text-sm text-slate-500 hover:text-[#f5b120] inline-flex items-center gap-1",children:[(0,p.jsx)(c.A,{className:"h-4 w-4"})," Back to website"]})}),(0,p.jsxs)("div",{className:"flex items-center justify-between",children:[(0,p.jsxs)("div",{children:[(0,p.jsx)("div",{className:"text-[#f5b120] text-xs font-bold tracking-widest uppercase",children:"Create Account"}),(0,p.jsx)("h2",{className:"text-2xl md:text-3xl font-extrabold mt-1",children:"Register your business"}),(0,p.jsx)("p",{className:"text-sm text-slate-500 mt-1",children:"Takes about a minute. Two quick steps."})]}),(0,p.jsxs)("div",{className:"text-xs text-slate-500",children:["Step ",(0,p.jsx)("span",{className:"font-extrabold text-[#0a2350]",children:b})," / 2"]})]}),(0,p.jsxs)("div",{className:"mt-4 flex gap-1.5",children:[(0,p.jsx)("div",{className:"h-1 flex-1 rounded "+(b>=1?"bg-[#f5b120]":"bg-slate-200")}),(0,p.jsx)("div",{className:"h-1 flex-1 rounded "+(b>=2?"bg-[#f5b120]":"bg-slate-200")})]}),y&&(0,p.jsxs)("div",{className:"mt-5 flex items-start gap-2 text-sm bg-red-50 border border-red-200 text-red-700 rounded-xl px-3 py-2.5","data-testid":"register-error",children:[(0,p.jsx)(r.A,{className:"h-4 w-4 mt-0.5 flex-shrink-0"}),(0,p.jsx)("span",{children:y})]}

2),k&&(0,p.jsxs)("div",{className:"mt-5 flex items-start gap-2 text-sm bg-emerald-50 border border-emerald-200 text-emerald-700 rounded-xl px-3 py-2.5","data-testid":"register-prefill",children:[(0,p.jsx)(n.A,{className:"h-4 w-4 mt-0.5 flex-shrink-0"}),(0,p.jsx)("span",{children:k})]}),1===b&&(0,p.jsxs)("div",{className:"mt-5 grid grid-cols-2 gap-3.5",children:[(0,p.jsxs)("label",{className:`${S} col-span-2`,children:[(0,p.jsx)("span",{className:P,children:"Full name *"}),(0,p.jsx)("input",{value:g.name,onChange:A("name"),required:!0,"data-testid":"reg-name",className:_,placeholder:"Budi Santoso"})]}),(0,p.jsxs)("label",{className:`${S} col-span-2`,children:[(0,p.jsx)("span",{className:P,children:"Business email *"}),(0,p.jsx)("input",{type:"email",value:g.email,onChange:A("email"),required:!0,"data-testid":"reg-email",className:_,placeholder:"[email protected]",autoComplete:"email"})]}),(0,p.jsxs)("label",{className:S,children:[(0,p.jsx)("span",{className:P,children:"Phone / WhatsApp"}),(0,p.jsx)("input",{value:g.phone,onChange:A("phone"),"data-testid":"reg-phone",className:_,placeholder:"+62 812-3456-7890",autoComplete:"tel"})]}),(0,p.jsxs)("label",{className:S,children:[(0,p.jsx)("span",{className:P,children:"Company"}),(0,p.jsx)("input",{value:g.company,onChange:A("company"),"data-testid":"reg-company",className:_,placeholder:"PT Contoh Digital",autoComplete:"organization"})]}),(0,p.jsxs)("label",{className:S,children:[(0,p.jsx)("span",{className:P,children:"Password *"}),(0,p.jsx)("input",{type:"password",value:g.password,onChange:A("password"),minLength:8,required:!0,"data-testid":"reg-password",className:_,placeholder:"min 8 characters",autoComplete:"new-password"})]}),(0,p.jsxs)("label",{className:S,children:[(0,p.jsx)("span",{className:P,children:"Confirm password *"}),(0,p.jsx)("input",{type:"password",value:g.confirm,onChange:A("confirm"),minLength:8,required:!0,"data-testid":"reg-confirm",className:_,autoComplete:"new-password"})]}),(0,p.jsxs)("label",{className:"col-span-2 flex items-start gap-2 text-sm mt-1",children:[(0,p.jsx)("input",{type:"checkbox",checked:g.accepts_tos,onChange:A("accepts_tos"),"data-testid":"reg-accept-tos",className:"mt-0.5"}),(0,p.jsxs)("span",{className:"text-slate-600",children:["I have read and agree to the ",(0,p.jsx)(l.N_,{to:"/legal/terms",target:"_blank",className:"text-[#0a2350] font-semibold hover:text-[#f5b120] underline",children:"Terms of Service"}),",",(0,p.jsx)(l.N_,{to:"/legal/aup",target:"_blank",className:"text-[#0a2350] font-semibold hover:text-[#f5b120] underline mx-1",children:"Acceptable Use Policy"}),"and ",(0,p.jsx)(l.N_,{to:"/legal/sla",target:"_blank",className:"text-[#0a2350] font-semibold hover:text-[#f5b120] underline",children:"SLA"}),"."]})]})]}),2===b&&(0,p.jsxs)("div",{className:"mt-5 grid grid-cols-2 gap-3.5",children:[(0,p.jsx)("p",{className:"col-span-2 text-xs text-slate-500 -mb-1",children:"Billing details appear on invoices & quotations. All fields are optional but we recommend completing them so invoices are payment-ready."}),(0,p.jsxs)("label",{className:`${S} col-span-2`,children:[(0,p.jsx)("span",{className:P,children:"ATTN (person invoices should be addressed to)"}),(0,p.jsx)("input",{value:g.attention,onChange:A("attention"),"data-testid":"reg-attn",className:_,placeholder:g.name||"Contact person"})]}),(0,p.jsxs)("label",{className:`${S} col-span-2`,children:[(0,p.jsx)("span",{className:P,children:"Address line 1"}),(0,p.jsx)("input",{value:g.address_line1,onChange:A("address_line1"),"data-testid":"reg-addr1",className:_,placeholder:"Jl. Sudirman Kav. 52-53"})]}),(0,p.jsxs)("label",{className:`${S} col-span-2`,children:[(0,p.jsx)("span",{className:P,children:"Address line 2"}),(0,p.jsx)("input",{value:g.address_line2,onChange:A("address_line2"),"data-testid":"reg-addr2",className:_,placeholder:"Building, floor, unit"})]}),(0,p.jsxs)("label",{className:S,children:[(0,p.jsx)("span",{className:P,children:"City"}),(0,p.jsx)("input",{value:g.city,onChange:A("city"),"data-testid":"reg-city",className:_,placeholder:"Jakarta Selatan"})]}),(0,p.jsxs)("label",{className:S,children:[(0,p.jsx)("span",{className:P,children:"Province / State"}),(0,p.jsx)("input",{value:g.province,onChange:A("province"),"data-testid":"reg-province",className:_,placeholder:"DKI Jakarta"})]}),(0,p.jsxs)("label",{className:S,children:[(0,p.jsx)("span",{className:P,children:"Postal code"}),(0,p.jsx)("input",{value:g.postal_code,onChange:A("postal_code"),"data-testid":"reg-postal",className:_,placeholder:"12190"})]}),(0,p.jsxs)("label",{className:S,children:[(0,p.jsx)("span",{className:P,children:"Country"}),(0,p.jsx)("input",{value:g.country,onChange:A("country"),"data-testid":"reg-country",className:_})]}),(0,p.jsxs)("label",{className:`${S} col-span-2`,children:[(0,p.jsx)("span",{className:P,children:"NPWP (tax ID)"}),(0,p.jsx)("input",{value:g.npwp,onChange:A("npwp"),"data-testid":"reg-npwp",className:_,placeholder:"00.000.000.0-000.000"})]}),(0,p.jsxs)("label",{className:`${S} col-span-2`,children:[(0,p.jsx)("span",{className:P,children:"Industry (optional - helps us tailor onboarding)"}),(0,p.jsxs)("select",{value:g.industry,onChange:A("industry"),"data-testid":"reg-industry",className:_,children:[(0,p.jsx)("option",{value:"",children:"Select\u2026"}),(0,p.jsx)("option",{children:"Digital / Media"}),(0,p.jsx)("option",{children:"E-Commerce"}),(0,p.jsx)("option",{children:"SaaS / Tech Startup"}),(0,p.jsx)("option",{children:"Financial Services"}),(0,p.jsx)("option",{children:"Manufacturing"}),(0,p.jsx)("option",{children:"Education"}),(0,p.jsx)("option",{children:"Government"}),(0,p.jsx)("option",{children:"Other"})]})]})]}),(0,p.jsxs)("div",{className:"mt-6 flex items-center gap-2",children:[2===b&&(0,p.jsx)("button",{type:"button",onClick:()=>

2N(1),className:"h-11 px-4 rounded-xl border border-slate-300 text-sm font-semibold text-[#0a2350] hover:bg-slate-100","data-testid":"reg-back",children:"\u2190 Back"}),(0,p.jsxs)("button",{type:"submit",disabled:f,"data-testid":1===b?"reg-next":"reg-submit",className:"flex-1 h-11 rounded-xl bg-[#0a2350] hover:bg-[#f5b120] hover:text-[#0a2350] text-white font-semibold text-sm inline-flex items-center justify-center gap-2 transition-colors disabled:opacity-70",children:[f?(0,p.jsx)(i.A,{className:"h-4 w-4 animate-spin"}):(0,p.jsx)(o.A,{className:"h-4 w-4"}),f?"Creating account\u2026":1===b?"Continue":"Create my account"]})]}),(0,p.jsxs)("div",{className:"mt-5 text-xs text-slate-500 border-t border-slate-100 pt-4",children:["Already have an account?"," ",(0,p.jsx)(l.N_,{to:"/portal/login",className:"text-[#0a2350] font-semibold hover:text-[#f5b120]","data-testid":"reg-goto-login",children:"Sign in \u2192"})]})]})})]})};s.d(a,["default",0,h])},7719(e,a,s){const t=(0,s(7784).A)("triangle-alert",[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);s.d(a,["A",0,t])},1884(e,a,s){const t=(0,s(7784).A)("user-plus",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"19",x2:"19",y1:"8",y2:"14",key:"1bvyxn"}],["line",{x1:"22",x2:"16",y1:"11",y2:"11",key:"1shjgl"}]]);s.d(a,["A",0,t])}}]);
3//# sourceMappingURL=7005.6399fafc.chunk.js.map