https://www.cst.gov.sa/_next/static/chunks/7511.5cfef74540472056.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7511],{57511:function(e,a,s){"use strict";s.r(a);var l=s(59499),i=s(50029),r=s(27812),n=s(87794),t=s.n(n),c=s(72433),d=s(97346),o=s(35005),u=s(67294),p=s(57987),m=s(44435),v=s(23561),f=s(82392),x=s(44313),j=s(88155),b=s(87536),h=s(22556),g=s(73496),N=s(11163),y=s(86659),z=(s(75355),s(53138),s(85893));function k(e,a){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);a&&(l=l.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),s.push.apply(s,l)}return s}function w(e){for(var a=1;a<arguments.length;a++){var s=null!=arguments[a]?arguments[a]:{};a%2?k(Object(s),!0).forEach((function(a){(0,l.Z)(e,a,s[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):k(Object(s)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(s,a))}))}return e}var Z="InvalidCaptcha",C="Record Already Exists",O="true";a.default=function(e){var a,s,l,n,k,H,E,S,T,q,F=(null!==e&&void 0!==e?e:{}).fields,L=(0,h.QT)().t,P=(0,N.useRouter)(),I=null!==F&&void 0!==F?F:{},A=I.AttachmentsTitle,R=I.FileUploaderText,D=I.CTA,_=I.CaptchaTitle,M=I.CommentsTitle,U=I.LeftTitle,B=I.Email,Q=I.Name,$=I.Title,G=I.PublicationId,J=I.RecommendedFileText,K=(0,u.useState)(0),V=K[0],W=K[1],X=(0,u.useState)(),Y=X[0],ee=X[1],ae=(0,u.useState)((0,v.y)())[0],se=(0,u.useState)([]),le=se[0],ie=se[1],re=(0,u.useState)(!1),ne=re[0],te=re[1],ce=(0,u.useState)(0),de=ce[0],oe=ce[1],ue=(0,u.useState)(!1),pe=ue[0],me=ue[1],ve=(0,u.useState)(!1),fe=ve[0],xe=ve[1],je=(0,b.cI)({criteriaMode:"all"}),be=je.handleSubmit,he=je.register,ge=je.formState.errors,Ne=je.setError,ye=je.reset,ze=(0,u.useRef)(null),ke=function(){te((null===le||void 0===le?void 0:le.length)>0)},we=function(){var e=(0,i.Z)(t().mark((function e(a){var s,l,i,r,n,c,d,o;return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(me(!0),xe(!0),s=null===P||void 0===P?void 0:P.locale,l=null===G||void 0===G?void 0:G.value,!((null===le||void 0===le?void 0:le.length)>0)){e.next=10;break}return r=(i=null!==a&&void 0!==a?a:{}).fullName,n=i.email,c=i.feedback,d=i.captcha,e.next=8,(0,m.e5)(r,n,c,le,ae,d,s,l);case 8:(o=e.sent)===Z?(Ne("root.serverError",{type:Z}),Ce(ae)):o===C?Ne("root.serverError",{type:C}):o===O?(ye(),Ce(ae),W(1),ie([]),setTimeout((function(){W(0)}),5e3)):(W(2),setTimeout((function(){W(0)}),5e3));case 10:xe(!1);case 11:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}(),Ze=function(){var e=(0,i.Z)(t().mark((function e(a){var s;return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,m.yz)(a);case 2:(s=e.sent)instanceof Blob&&ee(s);case 4:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}();(0,u.useEffect)((function(){Ze(ae);var e=setInterval((function(){Ce(ae)}

1),3e5);return function(){return clearInterval(e)}}),[]);var Ce=function(){var e=(0,i.Z)(t().mark((function e(a){return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Ze(a);case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}();return(0,z.jsxs)("div",{className:"regulation-feedback-form",children:[(0,z.jsx)("div",{className:"heading",children:(0,z.jsx)("p",{className:"subHeading",children:(0,z.jsx)(c.x,{tag:"span",field:U,className:"resizable"})})}),(0,z.jsx)("div",{className:"description",children:(0,z.jsx)("div",{className:"feedback-form",children:fe?(0,z.jsx)(y.Z,{}):0===V?(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)("div",{className:"form-title",children:(0,z.jsx)("p",{className:"subHeading",children:(0,z.jsx)(c.x,{tag:"span",field:$,className:"resizable"})})}),(0,z.jsx)(d.Z,{onSubmit:be(we),children:(0,z.jsxs)("div",{className:"form-body",children:[(0,z.jsxs)("div",{className:"fields-wrapper",children:[(0,z.jsxs)(d.Z.Label,{children:[(0,z.jsx)(c.x,{tag:"span",field:{value:"".concat(null===Q||void 0===Q?void 0:Q.value)},className:"resizable"}),(0,z.jsx)(c.x,{tag:"span",field:{value:"*"},className:"resizable asterik"})]}),(0,z.jsx)(d.Z.Control,w({id:"fullName",autoComplete:"off","aria-label":null===Q||void 0===Q?void 0:Q.value,type:"text"},he("fullName",{required:!0,pattern:/^[a-zA-Z\u0600-\u06FF,-][\sa-zA-Z\u0600-\u06FF,-]*$/}))),"required"===(null===(a=ge.fullName)||void 0===a?void 0:a.type)&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("required")}}),"pattern"===(null===(s=ge.fullName)||void 0===s?void 0:s.type)&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("invalid_name")}})]}),(0,z.jsxs)("div",{className:"fields-wrapper",children:[(0,z.jsxs)(d.Z.Label,{children:[(0,z.jsx)(c.x,{tag:"span",field:B,className:"resizable"}),(0,z.jsx)(c.x,{tag:"span",field:{value:"*"},className:"resizable asterik"})]}),(0,z.jsx)(d.Z.Control,w({id:"email",autoComplete:"off","aria-label":null===B||void 0===B?void 0:B.value,type:"email"},he("email",{required:!0,validate:function(e){return(0,v.oH)(e)}}))),"required"===(null===(l=ge.email)||void 0===l?void 0:l.type)&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("required")}}),"validate"===(null===(n=ge.email)||void 0===n?void 0:n.type)&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("InvalidEmail")}})]}),(0,z.jsxs)("div",{className:"fields-wrapper comments",children:[(0,z.jsxs)(d.Z.Label,{children:[(0,z.jsx)(c.x,{tag:"span",field:M,className:"resizable"}),(0,z.jsx)(c.x,{tag:"span",field:{value:"*"},className:"resizable asterik"})]}),(0,z.jsxs)("div",{className:"comments-field-wrapper",children:[(0,z.jsx)(x.Z,{}),(0,z.jsx)(d.Z.Control,w({id:"feedback",autoComplete:"off","aria-label":null===M||void 0===M?void 0:M.value,as:"textarea",rows:5},he("feedback",{required:!0})))]}),"required"===(null===(k=ge.feedback)||void 0===k?void 0:k.type)&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("required")}}),"pattern"===(null===(H=ge.feedback)||void 0===H?void 0:H.type)&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:"Invalid feedback"}})]}),(0,z.jsxs)("div",{className:"fields-wrapper attachments",children:[(0,z.jsxs)(d.Z.Label,{children:[(0,z.jsx)(c.x,{tag:"span",field:A,className:"resizable"}),(0,z.jsx)(c.x,{tag:"span",field:{value:"*"},className:"resizable asterik"})]}),(0,z.jsx)(d.Z.Control,w(w({id:"files",autoComplete:"off","aria-label":null===A||void 0===A?void 0:A.value,type:"file",accept:"application/pdf,application/msword,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.openxmlformats-officedocument.wordprocessingml.document"},he("files")),{},{onChange:function(e){!function(e){var a=(0,r.Z)(le),s=["application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/vnd.ms-powerpoint","application/vnd.openxmlformats-officedocument.presentationml.presentation","application/pdf"];(null===e||void 0===e?void 0:e.length)>0&&(e.forEach((function(e){s.includes(e.type)?-1===a.findIndex((function(a){return a.name===e.name}))&&(e.size<5242881?(a.push(e),oe(0)):oe(1),a.length>3&&alert("Max File Limit is 3")):oe(2)})),a.length<=3&&ie(a))}(Array.prototype.slice.call(e.target.files)),ke(),me(!1)},ref:ze,style:{display:"none"},disabled:(null===le||void 0===le?void 0:le.length)>=3,multiple:!0})),(0,z.jsx)("div",{className:"file-upload",children:(null===le||void 0===le?void 0:le.length)>=3?(0,z.jsxs)("div",{className:"disabled",children:[(0,z.jsx)(j.Z,{}),(0,z.jsx)(c.x,{tag:"span",field:R,className:"resizable browse-files"})]}):(0,z.jsxs)("div",{children:[(0,z.jsx)(j.Z,{}),(0,z.jsx)(c.x,{tag:"span",field:R,className:"resizable browse-files",onClick:function(){ze.current.click()}})]})}),(null===le||void 0===le?void 0:le.length)>3&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("errFileLimit")}}),pe&&!ne&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("required")}}),1===de?(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("errFileSize")}}):2===de&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("errFileType")}}),(0,z.jsx)(c.x,{tag:"span",field:J,className:"resizable chipsTitles"}),(0,z.jsx)("div",{className:"uploaded-files-list",children:le&&(null===le||void 0===le?void 0:le.map((function(e,a){return(0,z.jsxs)("div",{className:"attachment-list",children:[(0,z.jsx)("p",{children:(0,z.jsx)(c.x,{tag:"span",field:{value:null===e||void 0===e?void 0:e.name},className:"resizable"})}),(0,z.jsx)(o.Z,{onClick:function(){return function(e){var a=[].concat((0,r.Z)(le.slice(0,e)),(0,r.Z)(le.slice(e+1)));ie(a),ke(),me(!1)}(a)},children:(0,z.jsx)("i",{children:(0,z.jsx)(g.Z,{})})})]},a)})))})]}),(0,z.jsx)("div",{className:"captcha-row",children:(0,z.jsxs)("div",{className:"fields-wrapper captcha-field",children:[(0,z.jsx)(d.Z.Control,w({id:"captcha",autoComplete:"off",type:"text","aria-label":null===_||void 0===_?void 0:_.value,placeholder:null===_||void 0===_?void 0:_.value},he("captcha",{required:!0}))),(0,z.jsxs)("div",{className:"captcha-controls",children:[(0,z.jsx)("img",{src:Y?URL.createObjectURL(Y):"",alt:"captcha-image"}),(0,z.jsx)(o.Z,{onClick:function(){return Ce(ae)},children:(0,z.jsx)("i",{children:(0,z.jsx)(p.Z,{})})})]}),"required"===(null===(E=ge.captcha)||void 0===E?void 0:E.type)?(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("required")}}):(null===ge||void 0===ge||null===(S=ge.root)||void 0===S||null===(T=S.serverError)||void 0===T?void 0:T.type)===Z&&(0,z.jsx)(c.x,{tag:"span",className:"resizable error-message subHeading",field:{value:L("captchaErrorMessage")}})]})}),(0,z.jsx)("div",{className:"submit-btn-wrapper field-wrapper",children:(0,z.jsx)(f.Z,{type:"submit",field:{value:{text:null===D||void 0===D||null===(q=D.value)||void 0===q?void 0:q.text}},onClick:function(){ke()}})})]})})]}):1===V?(0,z.jsxs)("div",{className:"thank-you-msg",children:[(0,z.jsx)("div",{className:"thank-you-heading",children:(0,z.jsx)("p",{className:"global-text",children:L("Thankyou")})}),(0,z.jsx)("div",{className:"content",children:(0,z.jsx)("div",{className:"thank-you",children:(0,z.jsx)("p",{children:(0,z.jsx)(c.x,{field:{value:L("SuccessMessage")},className:"resizable subHeading",tag:"span"})})})})]}):(0,z.jsx)("div",{className:"thank-you-msg",children:(0,z.jsx)("div",{className:"content",children:(0,z.jsx)("div",{className:"thank-you",children:(0,z.jsx)("p",{children:(0,z.jsx)(c.x,{field:{value:L("ErrorDescription")},className:"resizable subHeading",tag:"span"})})})})})})})]})}},75355:function(){}}]);