https://www.rctiplus.com/web-profile-assets/_next/static/chunks/1115.541d8bc09bcaa153.js

1(self.webpackChunkshort=self.webpackChunkshort||[]).push([[1115],{7837:function(e,t,l){"use strict";var n=l(8775),a=l(3271),s=l(3691),o=l.n(s);t.A=e=>{let{text:t}=e;return t?(0,n.jsx)("span",{className:(0,a.A)("justify-center items-center align-middle",o().typografiWrongInput),children:t}):null}},9966:function(e,t,l){"use strict";var n=l(8775),a=l(2242),s=l.n(a),o=l(3271);t.A=e=>{let{children:t}=e;return(0,n.jsx)("div",{className:(0,o.A)("py-[20px]",s().scrolled),children:t})}},1115:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return h}});var n=l(8775),a=l(29),s=l(7837),o=l(9966),i=l(8901),r=l(1185),d=l(8068),u=l(7119);let m=e=>(0,u.AT)({url:"".concat(d.ms),method:"POST",path:"/contactus",data:e});var p=l(3271),f=l(3884),c=l(4811),x=l(8821),h=(0,c.A)(()=>{let[e,t]=(0,f.useState)({status:!1,message:"",statusCode:""}),[l,d]=(0,f.useState)({name:"",phone:"",email:"",comment:""}),[u,c]=(0,f.useState)({name:"",phone:"",email:"",comment:""}),[h,g]=(0,f.useState)(!1),v=(0,i.j)(),{data_user:b}=(0,i.G)(e=>e.user);(0,f.useEffect)(()=>{v((0,r.j)())},[]),(0,f.useEffect)(()=>{d({name:b.display_name,phone:b.phone_number,email:b.email,comment:""})},[b]),(0,f.useEffect)(()=>{let e=["phone"];Object.entries(l).some(t=>{let[l,n]=t;if(!e.includes(l))return""===n.trim()})?g(!1):g(!0)},[l]);let y=async e=>{var n,a,s,o,i,r,d,u,p,f;if(e.preventDefault(),!h||!j())return!1;let c=await m(l);(null==c?void 0:null===(a=c.data)||void 0===a?void 0:null===(n=a.status)||void 0===n?void 0:n.code)===0?(console.log("sukses"),t({status:!0,message:"Your message has been sent.",statusCode:null==c?void 0:null===(o=c.data)||void 0===o?void 0:null===(s=o.status)||void 0===s?void 0:s.code})):t({status:!0,message:null!==(p=null==c?void 0:null===(r=c.data)||void 0===r?void 0:null===(i=r.status)||void 0===i?void 0:i.message_server)&&void 0!==p?p:"Please Contact Admin",statusCode:null!==(f=null==c?void 0:null===(u=c.data)||void 0===u?void 0:null===(d=u.status)||void 0===d?void 0:d.code)&&void 0!==f?f:1})},A=e=>{d({...l,[e.target.name]:e.target.value})},j=()=>(c({name:"",phone:"",email:"",comment:""}),null==l?void 0:l.name)?C(null==l?void 0:l.name)?(null==l?void 0:l.name.length)>25?(c({...u,name:"Full Name cannot be more than 25 character."}),!1):(null==l?void 0:l.name.length)<1?(c({...u,name:"Full Name cannot be less than 1 character."}),!1):(null==l?void 0:l.comment)?(null==l?void 0:l.comment.length)>250?(c({...u,comment:"You have reached limit 250 character"}),!1):(null==l?void 0:l.email)?S(l.email)?(null==l?void 0:l.phone)&&N(l.phone.toString())?(null==l?void 0:l.phone.length)>15?(c({...u,phone:"You have reached limit 15 character"}),!1):!((null==l?void 0:l.phone.length)<9)||(c({...u,phone:"You have not reached the 9 character limit"}),!1):(c({...u,phone:"Please enter a valid phone number. Only numbers, spaces, hyphens, and a plus sign are allowed."}),!1):(c({...u,email:"Please enter a valid email address."}),!1):(c({...u,email:"Email is required."}),!1):(c({...u,comment:"Your Stories is required."}),!1):(c({...u,name:"Full Name only letters ."}),!1):(c({...u,name:"Full Name is required."}),!1),S=e=>/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}$/.test(e),N=e=>/^[\+0-9\s\-]*$/.test(e),C=e=>/^[A-Za-z\s]+$/.test(e);return(0,n.jsxs)(o.A,{children:[(0,n.jsx)(x.zD,{status_code:Number(e.statusCode),title:e.message,openModal:e.status,onCloseModal:()=>t({...e,status:!e.status})}),(0,n.jsxs)("div",{className:"flex flex-col ml-[47px] ",children:[(0,n.jsx)("div",{className:"pb-[13px] flex flex-col border-b",children:(0,n.jsx)("span",{style:{fontFamily:"Open Sans, sans-serif",fontSize:"20px",fontWeight:700,lineHeight:"30px",letterSpacing:"0.64px",textAlign:"left"},children:"We’re happy to listen to your stories and help your problem"})}),(0,n.jsx)("div",{className:"w-[508px]",children:(0,n.jsxs)("form",{children:[(0,n.jsxs)("div",{className:"flex flex-col mt-[18px]",children:[(0,n.jsx)("span",{className:(0,p.A)("mb-[8px]"),style:{fontFamily:"Open Sans",fontSize:"12px",fontWeight:"700",lineHeight:"16.34px",textAlign:"left"},children:"Full Name"}),(0,n.jsx)(a.pd,{className:(0,p.A)("bg-opacity-0 bg-inherit border border-[#fff] rounded-[4px] h-[35px] px-[16px] focus:border-[#fff] focus-visible:border-[#fff]"),style:{fontFamily:"Open Sans",fontSize:"10.16px",fontWeight:"400",lineHeight:"15.24px",textAlign:"left"},onChange:e=>A(e),value:null==l?void 0:l.name,name:"name",autoComplete:"off",placeholder:"Please input your full name.",maxLength:25}

1),(0,n.jsx)(s.A,{text:u.name})]}),(0,n.jsxs)("div",{className:"flex flex-col mt-[18px]",children:[(0,n.jsx)("span",{className:(0,p.A)("mb-[8px]"),style:{fontFamily:"Open Sans",fontSize:"12px",fontWeight:"700",lineHeight:"16.34px",textAlign:"left"},children:"Phone Number"}),(0,n.jsx)(a.pd,{className:(0,p.A)("bg-opacity-0 bg-inherit border border-[#fff] rounded-[4px] h-[35px] px-[16px] focus:border-[#fff] focus-visible:border-[#fff]"),style:{fontFamily:"Open Sans",fontSize:"10.16px",fontWeight:"400",lineHeight:"15.24px",textAlign:"left"},onChange:e=>A(e),value:null==l?void 0:l.phone,name:"phone",autoComplete:"off",placeholder:"Please input your phone number."}),(0,n.jsx)(s.A,{text:u.phone})]}),(0,n.jsxs)("div",{className:"flex flex-col mt-[18px]",children:[(0,n.jsx)("span",{className:(0,p.A)("mb-[8px]"),style:{fontFamily:"Open Sans",fontSize:"12px",fontWeight:"700",lineHeight:"16.34px",textAlign:"left"},children:"Email"}),(0,n.jsx)(a.pd,{className:(0,p.A)("bg-opacity-0 bg-inherit border border-[#fff] rounded-[4px] h-[35px] px-[16px] focus:border-[#fff] focus-visible:border-[#fff]"),style:{fontFamily:"Open Sans",fontSize:"10.16px",fontWeight:"400",lineHeight:"15.24px",textAlign:"left"},onChange:e=>A(e),value:null==l?void 0:l.email,name:"email",autoComplete:"off",placeholder:"Please insert your email"}),(0,n.jsx)(s.A,{text:u.email})]}),(0,n.jsxs)("div",{className:"flex flex-col mt-[18px]",children:[(0,n.jsx)("span",{className:(0,p.A)("mb-[8px]"),style:{fontFamily:"Open Sans",fontSize:"12px",fontWeight:"700",lineHeight:"16.34px",textAlign:"left"},children:"Your Stories"}),(0,n.jsx)("textarea",{className:(0,p.A)("bg-opacity-0 bg-inherit border border-[#fff] rounded-[4px] h-[83px] px-[16px] focus:border-[#fff] focus-visible:border-[#fff]"),style:{fontFamily:"Open Sans",fontSize:"10.16px",fontWeight:"400",lineHeight:"15.24px",textAlign:"left"},onChange:e=>A(e),value:null==l?void 0:l.comment,name:"comment",autoComplete:"off",placeholder:"Tell us your story here."}),(0,n.jsx)(s.A,{text:u.comment})]}),(0,n.jsx)("div",{className:"mt-[18px]",children:(0,n.jsx)(a.$n,{className:(0,p.A)("py-[12px] px-[24px] rounded-[4px] w-[90px] h-[40px] text-[12px]",h?"bg-[#0079FF]":"bg-[#606161] cursor-default"),onClick:e=>y(e),children:"Submit"})})]})})]})]})})},3691:function(e){e.exports={typografiWrongInput:"TextWarningInput_typografiWrongInput__K2hZD"}},2242:function(e){e.exports={scrolled:"BodyContent_scrolled__sEwg0"}}}]);