https://www.cst.gov.sa/_next/static/chunks/120.f8da1ad8a8445070.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[120],{60120:function(e,l,n){"use strict";n.r(l);var a=n(27812),s=n(50029),i=n(87794),t=n.n(i),o=n(97346),c=n(21608),d=n(31555),u=n(72433),r=n(16606),v=n(22556),f=n(44435),h=n(11163),m=n(67294),x=(n(21779),n(66028),n(85893));l.default=function(e){var l,i,p,b,j,N=(null!==e&&void 0!==e?e:{}).fields,k=null!==N&&void 0!==N?N:{},g=k.Title,C=k.FormOptions,_=void 0===C?[]:C,w=k.NoFormOptions,Z=void 0===w?[]:w,y=k.Note,V=k.SendButtonLabel,L=(0,m.useState)([]),S=L[0],E=L[1],D=(0,m.useState)(!1),F=D[0],H=D[1],P=(0,m.useState)(null),T=P[0],B=P[1],I=(0,m.useState)(null),M=I[0],R=I[1],z=(0,m.useState)(0),O=z[0],q=z[1],Q=(0,m.useState)(""),Y=Q[0],A=Q[1],G="true",J=(0,h.useRouter)(),K=(0,v.QT)().t,U=null!==(l=null===(i=n.g)||void 0===i?void 0:i.pageID)&&void 0!==l?l:"",W=null!==(p=null===(b=n.g)||void 0===b?void 0:b.pageName)&&void 0!==p?p:"",X=function(){var e=(0,s.Z)(t().mark((function e(l){var n,s,i;return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return q(1),n="1"===l?"1":"0",s="0"===l?"1":"0",i=[],"1"===l?i=[].concat((0,a.Z)(_.map((function(e){var l,n,a=S.some((function(l){var n,a,s;return(null===l||void 0===l||null===(n=l.Value)||void 0===n?void 0:n.value)===(null===e||void 0===e||null===(a=e.fields)||void 0===a||null===(s=a.Value)||void 0===s?void 0:s.value)}));return{field:null===e||void 0===e||null===(l=e.fields)||void 0===l||null===(n=l.Value)||void 0===n?void 0:n.value,value:a?"1":"0"}}))),(0,a.Z)(Z.map((function(e){var l,n;return{field:null===e||void 0===e||null===(l=e.fields)||void 0===l||null===(n=l.Value)||void 0===n?void 0:n.value,value:null}})))):"0"===l&&(i=[].concat((0,a.Z)(Z.map((function(e){var l,n,a=S.some((function(l){var n,a,s;return(null===l||void 0===l||null===(n=l.Value)||void 0===n?void 0:n.value)===(null===e||void 0===e||null===(a=e.fields)||void 0===a||null===(s=a.Value)||void 0===s?void 0:s.value)}));return{field:null===e||void 0===e||null===(l=e.fields)||void 0===l||null===(n=l.Value)||void 0===n?void 0:n.value,value:a?"1":"0"}}))),(0,a.Z)(_.map((function(e){var l,n;return{field:null===e||void 0===e||null===(l=e.fields)||void 0===l||null===(n=l.Value)||void 0===n?void 0:n.value,value:null}}))))),e.next=7,(0,f.Ho)(U,W,n,s,null===J||void 0===J?void 0:J.locale,i);case 7:e.sent===G?(q(2),B(U)):q(0),R(null);case 10:case"end":return e.stop()}}),e)})));return function(l){return e.apply(this,arguments)}}(),$=(0,m.useCallback)((function(e,l){E((function(n){return e?[].concat((0,a.Z)(n),[l.fields]):n.filter((function(e){var n,a,s;return(null===e||void 0===e||null===(n=e.Value)||void 0===n?void 0:n.value)!==(null===l||void 0===l||null===(a=l.fields)||void 0===a||null===(s=a.Value)||void 0===s?void 0:s.value)}))}))}),[]),ee=function(e){return e.map((function(e,l){var n,a=null!==(n=e.fields)&&void 0!==n?n:{},s=a.Label,i=a.Value,t=S.some((function(e){var l;return(null===e||void 0===e||null===(l=e.Value)||void 0===l?void 0:l.value)===(null===i||void 0===i?void 0:i.value)}));return(0,x.jsxs)("div",{className:"field-wrapper",children:[(0,x.jsx)(o.Z.Check,{id:"".concat(null===i||void 0===i?void 0:i.value,"_").concat(l),autoComplete:"off",className:"checkBox-field",type:"checkbox",onChange:function(l){return $(l.target.checked,e)},checked:t}),(0,x.jsx)(u.x,{className:"option-label resizable",field:s,tag:"span",onClick:function(){return $(!t,e)}})]},l)}))};return(0,m.useEffect)((function(){var e;2==O&&T&&T!==(null===(e=n.g)||void 0===e?void 0:e.pageID)&&q(0)}),[null===(j=n.g)||void 0===j?void 0:j.pageID,T,O]),(0,m.useEffect)((function(){if(2===O){var e=window.setTimeout((function(){q(0),H(!1),R(null),E([]),A("")}),5e3);return function(){return window.clearTimeout(e)}}}),[O]),(0,x.jsx)("div",{className:"helpful-information-container ",children:(0,x.jsxs)("div",{className:"helpful-information-wrapper container",children:[(0,x.jsxs)("div",{className:"help-full-bar ".concat(1===O?"loading":""),children:[2!==O?(0,x.jsxs)("div",{className:"help-full-txt",children:[(0,x.jsx)(u.x,{field:g,tag:"h2",className:"resizable feedback-question"}),(0,x.jsxs)("div",{className:"help-full-icons",children:[(0,x.jsx)("button",{className:"thumb-buttons ".concat("1"===M?"active":""),onClick:function(){E([]),A(""),null!==_&&void 0!==_&&_.length?(R("1"),H(!0)):X("1")},children:(0,x.jsx)("span",{className:"thumb-text",children:K("yes")||"Yes"})}),(0,x.jsx)("button",{className:"thumb-buttons ".concat("0"===M?"active":""),onClick:function(){E([]),A(""),null!==Z&&void 0!==Z&&Z.length?(R("0"),H(!0)):X("0")},children:(0,x.jsx)("span",{className:"thumb-text",children:K("no")||"No"})})]})]}):null,!O&&F&&M&&(0,x.jsxs)("button",{className:"helpful-close-btn",onClick:function(){H(!1),R(null),E([]),A(""),q(0)},"aria-label":"Close",children:[(0,x.jsx)("span",{className:"helpful-close-btn-text",children:"ar"===(null===J||void 0===J?void 0:J.locale)?"\u0625\u063a\u0644\u0627\u0642":K("close")||"Close"}),(0,x.jsx)("span",{className:"helpful-close-icon",children:(0,x.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,focusable:!1,children:[(0,x.jsx)("path",{d:"M9.53036 8.4697C9.23748 8.17679 8.76261 8.17676 8.4697 8.46964C8.17679 8.76252 8.17676 9.23739 8.46964 9.5303L10.9394 12.0003L8.47028 14.4697C8.1774 14.7626 8.17743 15.2375 8.47034 15.5304C8.76325 15.8232 9.23812 15.8232 9.531 15.5303L12 13.061L14.469 15.5303C14.7619 15.8232 15.2368 15.8232 15.5297 15.5304C15.8226 15.2375 15.8226 14.7626 15.5297 14.4697L13.0606 12.0003L15.5304 9.5303C15.8232 9.23739 15.8232 8.76252 15.5303 8.46964C15.2374 8.17676 14.7625 8.17679 14.4696 8.4697L12 10.9396L9.53036 8.4697Z",fill:"currentColor"}),(0,x.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 22.75C6.06294 22.7

15 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75ZM2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12Z",fill:"currentColor"})]})})]}),(0,x.jsx)("div",{className:"help-thanks-text",style:2===O?{display:"block"}:{},children:(0,x.jsx)("div",{className:"thanks-text-inr subHeading",children:K("your_response_has_been_submitted")})}),1===O&&(0,x.jsx)("div",{className:"loader"})]}),!O&&F&&"1"===M?(0,x.jsxs)(o.Z,{className:"help-full-form",children:[(0,x.jsx)("div",{className:"feedback-form-content",children:(0,x.jsxs)(c.Z,{children:[(0,x.jsx)(d.Z,{xs:12,sm:12,md:7,lg:7,children:(0,x.jsxs)("div",{className:"feedback-reason-section",children:[(0,x.jsxs)("div",{className:"feedback-section-heading",children:[(0,x.jsx)("span",{className:"feedback-heading-text",children:"ar"===(null===J||void 0===J?void 0:J.locale)?"\u064a\u0631\u062c\u0649 \u0625\u062e\u0628\u0627\u0631\u0646\u0627 \u0628\u0627\u0644\u0633\u0628\u0628":K("please_tell_us_why")||"Please tell us why"}),(0,x.jsx)("span",{className:"feedback-heading-subtitle",children:"ar"===(null===J||void 0===J?void 0:J.locale)?"(\u064a\u0645\u0643\u0646\u0643 \u0627\u062e\u062a\u064a\u0627\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629)":K("you_can_select_multiple_options")||"(you can select multiple options)"})]}),(0,x.jsx)("div",{className:"form-options-wrapper",children:ee(_)})]})}),(0,x.jsx)(d.Z,{xs:12,sm:12,md:5,lg:5,children:(0,x.jsxs)("div",{className:"feedback-textarea-section",children:[(0,x.jsx)("label",{className:"feedback-label",children:"ar"===(null===J||void 0===J?void 0:J.locale)?"\u062a\u0639\u0644\u064a\u0642\u0627\u062a":K("feedback")||"Feedback"}),(0,x.jsx)("textarea",{className:"feedback-textarea",placeholder:"ar"===(null===J||void 0===J?void 0:J.locale)?"\u0623\u062f\u062e\u0644 \u0627\u0644\u0646\u0635":K("entered_text")||"Entered text",rows:3,value:Y,onChange:function(e){return A(e.target.value)}})]})})]})}),(0,x.jsxs)("div",{className:"feedback-form-footer",children:[(0,x.jsx)("div",{className:"feedback-agreement-text",children:(0,x.jsx)(r.H,{className:"helpful-note",field:y})}),(0,x.jsx)("button",{className:"helpful-submit-btn",type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),M&&X(M)},children:(0,x.jsx)("span",{className:"helpful-submit-btn-text",children:(null===V||void 0===V?void 0:V.value)||K("submit")||"Submit"})})]})]}):!O&&F&&"0"===M?(0,x.jsxs)(o.Z,{className:"help-full-form",children:[(0,x.jsx)("div",{className:"feedback-form-content",children:(0,x.jsxs)(c.Z,{children:[(0,x.jsx)(d.Z,{xs:12,sm:12,md:7,lg:7,children:(0,x.jsxs)("div",{className:"feedback-reason-section",children:[(0,x.jsxs)("div",{className:"feedback-section-heading",children:[(0,x.jsx)("span",{className:"feedback-heading-text",children:"ar"===(null===J||void 0===J?void 0:J.locale)?"\u064a\u0631\u062c\u0649 \u0625\u062e\u0628\u0627\u0631\u0646\u0627 \u0628\u0627\u0644\u0633\u0628\u0628":K("please_tell_us_why")||"Please tell us why"}),(0,x.jsx)("span",{className:"feedback-heading-subtitle",children:"ar"===(null===J||void 0===J?void 0:J.locale)?"(\u064a\u0645\u0643\u0646\u0643 \u0627\u062e\u062a\u064a\u0627\u0631 \u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629)":K("you_can_select_multiple_options")||"(you can select multiple options)"})]}),(0,x.jsx)("div",{className:"form-options-wrapper",children:ee(Z)})]})}),(0,x.jsx)(d.Z,{xs:12,sm:12,md:5,lg:5,children:(0,x.jsxs)("div",{className:"feedback-textarea-section",children:[(0,x.jsx)("label",{className:"feedback-label",children:"ar"===(null===J||void 0===J?void 0:J.locale)?"\u062a\u0639\u0644\u064a\u0642\u0627\u062a":K("feedback")||"Feedback"}),(0,x.jsx)("textarea",{className:"feedback-textarea",placeholder:"ar"===(null===J||void 0===J?void 0:J.locale)?"\u0623\u062f\u062e\u0644 \u0627\u0644\u0646\u0635":K("entered_text")||"Entered text",rows:3,value:Y,onChange:function(e){return A(e.target.value)}})]})})]})}),(0,x.jsxs)("div",{className:"feedback-form-footer",children:[(0,x.jsx)("div",{className:"feedback-agreement-text",children:(0,x.jsx)(r.H,{className:"helpful-note",field:y})}),(0,x.jsx)("button",{className:"helpful-submit-btn",type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),M&&X(M)},children:(0,x.jsx)("span",{className:"helpful-submit-btn-text",children:(null===V||void 0===V?void 0:V.value)||K("submit")||"Submit"})})]})]}):null]})})}},66028:function(){},21779:function(){}}]);