1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2707],{36842:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/e-survey-from/[id]/[answerID]/mail",function(){return t(91183)}])},91183:function(n,e,t){"use strict";t.r(e),t.d(e,{AssessmentResultPage:function(){return l},__N_SSP:function(){return r}});var i=t(85893),o=t(66308),a=t(67294),r=!0;function l(n){var e,t,r,l,d,s,c;let[p,u]=(0,a.useState)();function v(n){return n.selectedOptionDocumentIds.map(e=>n.options.find(n=>n.documentId===e))}return(0,a.useEffect)(()=>{u(function(e,t){var i,o,a,r,l,d,s,c,p,u,g,m,x,b,f,h,w,_,y,k,q,z,j;let D=((null==t?void 0:null===(j=t.data)||void 0===j?void 0:null===(z=j.answers)||void 0===z?void 0:z.map(n=>{var e;return{...n,subQuestions:(null===(e=n.subQuestions)||void 0===e?void 0:e.sort((n,e)=>n.page!==e.page?n.page-e.page:n.sequence-e.sequence))||[]}}).sort((n,e)=>n.page!==e.page?n.page-e.page:n.sequence-e.sequence))||[]).map(n=>{let e=[];return n.subQuestions&&n.subQuestions.length>0?n.subQuestions.forEach(n=>{e.push({question:n.question,answer_file:n.answer_file,answer_rating:n.answer_rating,answer_text:n.answer_text,options:v(n)})}):e=v(n),{...n,selectedOptions:e}});return'<!doctype html>\n<html lang="th">\n\n<head>\n <meta charset="UTF-8" />\n <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n <title>'.concat(t.data.survey_meta.survey_name,'</title>\n <style>\n body {\n font-family: "Sarabun", Arial, sans-serif;\n margin: 0;\n padding: 20px;\n color: #333;\n overflow-x: hidden;\n }\n\n .container {\n padding: 20px 20px;\n margin: 0 auto;\n background-color: #f7f9fc;\n border-radius: 8px;\n overflow: hidden;\n }\n\n .header {\n background-image: url("').concat(null==t?void 0:null===(i=t.data)||void 0===i?void 0:i.survey_meta.image_cover,'");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n width: 100%;\n height: 180px;\n color: white;\n text-align: center;\n position: relative;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 16px;\n }\n\n .header h1 {\n padding-top: 70px;\n font-size: 32px;\n font-weight: bold;\n position: relative;\n z-index: 2;\n }\n\n .congratulations {\n text-align: center;\n margin-top:20px;\n }\n\n .congratulations h2 {\n margin: 0 0 20px 0;\n font-size: 36px;\n font-weight: bold;\n color: #fbba1d;\n }\n\n .level-description {\n background-color: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n margin: 0;\n text-align: center;\n font-size: 20px;\n color: #fbba1d;\n font-weight: 500;\n }\n\n .summary-section {\n text-align: center;\n }\n\n .summary-title {\n font-size: 16px;\n color: #1e293b;\n margin-bottom: 20px;\n }\n\n .summary-score {\n font-size: 24px;\n font-weight: bold;\n color: #1e293b;\n margin-bottom: 20px;\n }\n\n .topics-list {\n background-color: #f7f9fc;\n padding: 20px;\n }\n\n .topic-item {\n display: table;\n width: 100%;\n padding-top: 20px;\n padding-bottom: 10px;\n border-bottom: 1px solid #e2e8f0;\n }\n\n .topic-content {\n display: table-cell;\n width: 70%;\n vertical-align: top;\n padding-right: 20px;\n }\n\n .topic-title {\n font-weight: bold;\n color: #1e293b;\n margin-bottom: 8px;\n font-size: 16px;\n }\n\n .topic-description {\n color: #6b7280;\n font-size: 14px;\n line-height: 1.5;\n }\n\n .topic-score {\n display: table-cell;\n width: 30%;\n vertical-align: top;\n text-align: right;\n }\n\n .score-value {\n display: inline-block;\n font-size: 18px;\n font-weight: bold;\n margin-bottom: 5px;\n margin-right: 10px;\n }\n\n .score-full {\n display: inline-block;\n font-size: 14px;\n }\n\n .score-100 {\n color: #059669;\n }\n\n .score-80 {\n color: #0891b2;\n }\n\n .score-50 {\n color: #d97706;\n }\n\n .score-20 {\n color: #dc2626;\n }\n\n .p-30 {\n padding: 30px;\n background-color: #f7f9fc;\n }\n\n .strengths-section {\n padding: 30px;\n background-color: #D7D9F0;\n border-radius: 12px;\n text-align: center;\n }\n\n .strengths-title {\n font-size: 20px;\n font-weight: bold;\n color: #1e293b;\n margin-bottom: 10px;\n text-align: center;\n }\n\n .strengths-title2 {\n font-size: 20px;\n font-weight: bold;\n color: #1e293b;\n margin-top: 20px;\n margin-bottom: 10px;\n text-align: center;\n }\n\n .questions-section {\n padding: 30px;\n background-color: #F7F9FC;\n }\n\n .questions-title {\n font-size: 20px;\n font-weight: bold;\n color: #1e293b;\n margin-bottom: 20px;\n }\n\n .question-item {\n border-radius: 8px;\n margin-bottom: 20px;\n }\n\n .question-title {\n font-size: 32px;\n font-weight: bold;\n margin-bottom: 15px;\n background: linear-gradient(90deg, #1A1C49 0%, #41B8B9 78.99%);\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .question-subtitle {\n font-size: 24px;\n font-weight: bold;\n color: #1e293b;\n margin-bottom: 15px;\n }\n\n .question-subtitle .required {\n color: #dc2626;\n }\n\n .question-title .required {\n color: #dc2626;\n -webkit-text-fill-color: #dc2626;\n background:#dc2626;\n background-clip: text;\n }\n\n .question-options {\n /* margin: 15px 0; */\n }\n\n .option {\n padding: 8px 0;\n }\n\n .option input[type="radio"] {\n margin-right: 10px;\n margin-top: 2px;
1\n width: 20px;\n height: 20px;\n }\n\n .option.correct {\n color: #00B700;\n }\n\n .option.incorrect {\n color: #EB4335;\n }\n\n .option.selected {\n font-weight: bold;\n }\n\n .option-marker {\n display: inline-block;\n width: 20px;\n text-align: center;\n margin-right: 10px;\n }\n\n .option-text {\n flex: 1;\n }\n\n .option-icon {\n margin-left: 10px;\n font-size: 16px;\n }\n\n .answer-explanation {\n background-color: #E5E7FC;\n border-radius: 8px;\n padding: 10px;\n margin-top: -5px;\n font-size: 15px;\n color: #1A1C49;\n margin-bottom: 20px;\n box-shadow: 0px 2px 4px 0px #00000026;\n\n }\n\n .arrow-icon {\n vertical-align: middle;\n margin-left: 20px;\n margin-bottom: -13px;\n margin-top: -20px;\n }\n\n .footer {\n background-color: #ffffff;\n color: #666666 !important;\n padding: 30px 0px 30px 0px;\n text-align: left;\n font-size: 12px;\n }\n\n .icon {\n width: 20px;\n height: 20px;\n vertical-align: middle;\n margin-right: 8px;\n }\n\n .sub-item{\n padding-left: 20px;\n }\n\n .textfield-tailwind {\n width: 100%;\n min-height: 25px;\n box-sizing: border-box;\n padding: 0.5rem 1rem;\n border-radius: 9999px; /* rounded-full */\n border: 1px solid #e5e7eb; /* border-gray-200 */\n background-color: #fff;\n font-size: 1rem;\n color: #374151; /* text-gray-700 */\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.textfield-tailwind:focus {\n border-color: #41B8B9; /* à¹à¸à¹à¸ªà¸µà¸«à¸¥à¸±à¸à¸à¸à¸à¹à¸à¸£à¹à¸à¸à¸à¹à¸«à¸£à¸·à¸ #2563eb (blue-600) */\n box-shadow: 0 0 0 2px rgba(65,184,185,0.2);\n}\n\n.container-sub{\n background-color: #D7D9F0;\n padding: 15px 15px;\n \n}\n\n.container-main-recmomend{\n background-color: #F2F2FF;\n padding: 15px 15px;\n \n}\n\n.container-recmomend{\npadding:15px 0px;\nmargin-top:20px;\ndisplay: flex;\n}\n\n.container-recmomend-sub{\nmargin-top:16px;\ndisplay: flex;\n}\n\n.text-reccomend{\nmargin-left:10px;\ntext-decoration: underline;\n}\n\n.text-question{\nfont-size:18px;\nfont-weight:bold;\n}\n\n.text-answer {\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n.item-question-reccomend{\n margin-top:10px;\n margin-bottom:30px;\n border-bottom: 2px solid #D7D9F0;\n}\n\n.item-sub-question-reccomend{\n margin-top:10px;\n}\n\n </style>\n</head>\n\n<body>\n <div class="container">\n <!-- Header Section -->\n <div class="header">\n <h1>').concat(t.data.survey_meta.survey_name,'</h1>\n </div>\n\n <!-- Congratulations Section -->\n <div class="congratulations">\n <img src="https://files-website.ditp.go.th/uploads/verify_baf7c99d31.svg" alt=""\n class="congratulations-icon" />\n <h2>').concat(null==t?void 0:null===(o=t.data)||void 0===o?void 0:o.overall_level_object.level_name,"</h2>\n\n ").concat((null===(l=n.surveysResult)||void 0===l?void 0:null===(r=l.data)||void 0===r?void 0:null===(a=r.overall_level_object)||void 0===a?void 0:a.capability_description)&&(null===(c=n.surveysResult)||void 0===c?void 0:null===(s=c.data)||void 0===s?void 0:null===(d=s.overall_level_object)||void 0===d?void 0:d.capability_description)!=="<p><br></p>"&&(null===(g=n.surveysResult)||void 0===g?void 0:null===(u=g.data)||void 0===u?void 0:null===(p=u.overall_level_object)||void 0===p?void 0:p.capability_description)!==""?'<div\n className="text-['.concat(null===(b=n.surveysResult)||void 0===b?void 0:null===(x=b.data)||void 0===x?void 0:null===(m=x.overall_level_object)||void 0===m?void 0:m.color,'] text-2xl mt-3 font-bold"\n >\n ').concat((null===(w=n.surveysResult)||void 0===w?void 0:null===(h=w.data)||void 0===h?void 0:null===(f=h.overall_level_object)||void 0===f?void 0:f.capability_description)?null===(k=n.surveysResult)||void 0===k?void 0:null===(y=k.data)||void 0===y?void 0:null===(_=y.overall_level_object)||void 0===_?void 0:_.capability_description:"","\n </div>"):"",'\n\n </div>\n\n <!-- Summary Section -->\n <div class="summary-section">\n <div class="summary-content">\n <div class="summary-title">\n สรุà¸à¸à¸¥à¸à¸²à¸£à¸à¸£à¸°à¹à¸¡à¸´à¸à¸¨à¸±à¸à¸¢à¸ าà¸à¸à¸¹à¹à¸ªà¹à¸à¸à¸à¸:\n <img src="https://files-website.ditp.go.th/uploads/group_login_9632b6367c.png" alt="" class="" />\n <strong>à¸à¸¸à¸ John Doe</strong>\n </div>\n \n <div class="summary-score">à¸à¸°à¹à¸à¸à¸£à¸§à¸¡à¸à¸à¸à¸à¸¸à¸ ').concat(null==t?void 0:null===(q=t.data)||void 0===q?void 0:q.totalScore,'%</div>\n <div class="container-sub">à¸à¹à¸²à¸à¸¡à¸µà¸à¸§à¸²à¸¡à¸à¸£à¹à¸à¸¡à¸ªà¸³à¸«à¸£à¸±à¸à¸à¸²à¸£à¸ªà¹à¸à¸à¸à¸à¹à¸¥à¹à¸§ à¸à¸¢à¹à¸²à¸à¹à¸£à¸à¹à¸à¸µà¸à¸§à¸£à¸¡à¸µà¸§à¸²à¸à¹à¸à¸à¸à¸¥à¸¢à¸¸à¸à¸à¸´à¹ à¹à¸à¸à¸²à¸£à¸à¸³à¸à¸¥à¸²à¸à¸à¹à¸²à¸à¸à¸£à¸°à¹à¸à¸¨à¸à¸µà¹à¸à¸±à¸à¹à¸à¸ à¹à¸¥à¸°à¹à¸¥à¸·à¸à¸à¹à¸à¹à¸²à¸£à¹à¸§à¸¡à¸à¸´à¸à¸à¸£à¸£à¸¡à¸ªà¹à¸à¹à¸ªà¸£à¸´à¸¡à¸à¸²à¸£à¸à¹à¸²à¸à¸µà¹à¹à¸«à¸¡à¸²à¸°à¸ªà¸¡à¸à¸±à¸à¸ªà¸´à¸à¸à¹à¸²/à¸à¸£à¸´à¸à¸²à¸£à¸à¸à¸à¸à¹à¸²à¸\nà¸à¸±à¹à¸à¸à¸µà¹ à¸à¹à¸²à¸à¸ªà¸²à¸¡à¸²à¸£à¸à¸à¸±à¸à¸«à¸¡à¸²à¸¢à¸à¸à¸à¸³à¸à¸£à¸¶à¸à¸©à¸²à¹à¸à¸´à¸à¸¥à¸¶à¸à¹à¸à¹à¸à¸µà¹ DITP Service Center 1169</div>\n </div>\n </div>\n\n ').concat(D.length>0?' <div class="container-recmomend">\n <img src="https://files-website.ditp.go.th/icon/pin-ditp.svg" width="20"/>\n <div class="text-reccomend">à¸à¸³à¹à¸à¸°à¸à¸³à¸à¸à¸ DITP à¹à¸à¸à¹à¸²à¸à¸à¹à¸²à¸à¹à¸à¸µà¹à¸à¹à¸²à¸à¸à¸§à¸£à¸à¸£à¸±à¸à¸à¸£à¸¸à¸à¸«à¸£à¸·à¸à¸¨à¸¶à¸à¸©à¸²à¸à¹à¸à¸¡à¸¹à¸¥à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡ มีà¸à¸±à¸à¸à¸µà¹</div>\n </div>\n\n <div class="container-main-recmomend">\n '.concat(D.map(n=>'<div class="item-question-reccomend">\n <div class="text-question">'.concat(n.question,"</div>\n\n ").concat(n.answer_text||n.answer_rating?'<div class="text-answer">à¸à¸³à¸à¸à¸ '.concat(n.answer_text||n.answer_rating,"</div>"):"","\n \n ").concat((null==n?void 0:n.answer_file)&&n.answer_file.length>0?n.answer_file.map(n=>'<div class="text-answer">à¸à¸³à¸à¸à¸ '.concat(n.name,"</div>")).join(""):"","\n\n ").concat(n.selectedOptions.map((e,t)=>{var i;return e.question?'\n <div class="item-sub-question-reccomend">\n <div class="text-question">'.concat(e.question,"</div>\n ").concat(e.answer_text||e.answer_rating?'<div class="text-answer">à¸à¸³à¸à¸à¸ '.concat(e.answer_text||e.answer_rating,"</div>"):"","\n ").concat((null==e?void 0:e.answer_file)&&e.answer_file.length>0?n.answer_file.map(n=>'<div class="text-answer">à¸à¸³à¸à¸à¸ '.concat(n.name,"</div>")).join(""):"","\n ").concat((null===(i=e.options)||void 0===i?void 0:i.map(n=>'\n <div class="text-answer">à¸à¸³à¸à¸à¸ '.concat(null==n?void 0:n.option,"</div>\n ").concat(n.description&&""!==n.description.trim()?'\n <div class="container-recmomend-sub">\n <img src="https://files-website.ditp.go.th/icon/pin-ditp.svg" width="20"/>\n <div class="text-reccomend">à¸à¸³à¹à¸à¸°à¸à¸³</div>\n </div>\n <div>'.concat(n.description,"</div>\n "):"","\n ")).join(""))||"","\n </div>\n "):'\n <div class="item-sub-question-reccomend">\n <div class="text-answer">à¸à¸³à¸à¸à¸ : '.concat(null==e?void 0:e.option,"</div>\n ").concat(e.description&&""!==e.description.trim()?'\n <div class="container-recmomend-sub">\n <img src="https://files-website.ditp.go.th/icon/pin-ditp.svg" width="20"/>\n <div class="text-reccomend">à¸à¸³à¹à¸à¸°à¸à¸³</div>\n </div>\n <div>'.concat(e.description,"</div>\n "):"","\n </div>\n ")}).join(""),"\n\n\n </div>")).join(""),"\n </div>"):"",'\n \n </div>\n\n \n\n \n\n <!-- Footer Section -->\n <div class="footer">\n <img src="https://files-website.ditp.go.th/uploads/logo_ditp_new_602e13ff33.png" alt="DITPE Logo" class="" />\n <div>à¸à¸£à¸¡à¸ªà¹à¸à¹à¸ªà¸£à¸´à¸¡à¸à¸²à¸£à¸à¹à¸²à¸£à¸°à¸«à¸§à¹à¸²à¸à¸à¸£à¸°à¹à¸à¸¨ à¸à¸£à¸°à¸à¸£à¸§à¸à¸à¸²à¸à¸´à¸à¸¢à¹</div>\n <div>563 à¸à¸à¸ à¸à¸à¸à¸à¸¸à¸£à¸µ à¸à¸³à¸à¸¥ à¸à¸²à¸à¸à¸£à¸°à¸ªà¸ à¸à¸³à¹à¸ à¸à¹à¸¡à¸·à¸à¸à¸à¸à¸à¸à¸¸à¸£à¸µ à¸à¸±à¸à¸«à¸§à¸±à¸à¸à¸à¸à¸à¸¸à¸£à¸µ 11000</div>\n <div class="">+66 2507 7999 | สายà¸à¸£à¸à¸à¸²à¸£à¸à¹à¸²à¸£à¸°à¸«à¸§à¹à¸²à¸à¸à¸£à¸°à¹à¸à¸¨: 1169</div>\n </div>\n </div>\n</body>\n\n</html>')}(n.surveysResultDetail,n.surveysResult))},[]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{title:(null==n?void 0:null===(t=n.surveysdata)||void 0===t?void 0:null===(e=t.data)||void 0===e?void 0:e.survey_name)||"à¸à¸¥à¸à¸²à¸£à¸à¸£à¸°à¹à¸¡à¸´à¸",description:(null==n?void 0:null===(d=n.surveysResult)||void 0===d?void 0:null===(l=d.data)||void 0===l?void 0:null===(r=l.overall_level_object)||void 0===r?void 0:r.level_name)?"à¸à¸¥à¸à¸²à¸£à¸à¸£à¸°à¹à¸¡à¸´à¸: ".concat(n.surveysResult.data.overall_level_object.level_name):"à¸à¸¥à¸à¸²à¸£à¸à¸£à¸°à¹à¸¡à¸´à¸",breadcrumbs:[{label:"หà¸à¹à¸²à¸«à¸¥à¸±à¸",link:"/"},{label:(null==n?void 0:null===(c=n.surveysdata)||void 0===c?void 0:null===(s=c.data)||void 0===s?void 0:s.survey_name)||"à¸à¸¥à¸à¸²à¸£à¸à¸£à¸°à¹à¸¡à¸´à¸"}]}),(0,i.jsx)("div",{children:p&&""!==p&&(0,i.jsx)("iframe",{srcDoc:p,title:"Assessment HTML Preview",style:{width:"100%",height:"1200px",border:"none",borderRadius:"12px",background:"#fff"},sandbox:"allow-scripts allow-same-origin"})})]})}e.default=l},9008:function(n,e,t){n.exports=t(23867)}},function(n){n.O(0,[6308,2888,9774,179],function(){return n(n.s=36842)}),_N_E=n.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.