https://www.ttbbank.com/_next/static/chunks/pages/cxmf/c/[hash]/[level]-build-1789371932-a6d92467e49b2082.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11144],{37871:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/cxmf/c/[hash]/[level]",function(){return n(36010)}])},36010:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return p}});var c=n(85893),o=n(11163),s=n(67294),a=n(93967),l=n.n(a),i=n(97334),r=n.n(i),m=n(16242),h=n(32592),d=n(93023),f=n(58207),x=n.n(f);let u={th:{text_level1:"สิ่งที่คุณอยากบอก ทีเอ็มบีธนชาต (ทีทีบี)",text_level2:"เกี่ยวกับ"},en:{text_level1:"Your comment or suggestion to ttb",text_level2:"relating to"}};var p=!0;t.default=e=>{let t=(0,o.useRouter)(),{hash:n}=t.query,{levelText:a,level:i,data:f,branchCode:p,searchParams:j,utm:g,ref_channel:v,locale:w,isStaffExist:b,segment:_,subChannel:k,requireMessage:N,isFallBack:y}=e,[A,F]=(0,s.useState)(""),{choices:R,handleAnswer:P,previousAnswer:L,token:S}=(0,d.default)(i,f,p,j,g,v,w);(0,s.useEffect)(()=>{S&&F(S)},[S]);let C=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"th",{staff:n}=e,o={en:{welcome:"ttb thank you for your kindly scan QR on name card of",prefix:"Khun",name:"".concat(n.first_name_en," ").concat(n.last_name_en),positionPrefix:"Position",position:n.position_en,title:"Your comment or suggestion to ttb"},th:{welcome:"ทีทีบี สวัสดีครับ ขอบคุณที่คุณลูกค้าสแกน QR บนนามบัตรของ",prefix:"คุณ",name:"".concat(n.first_name_th," ").concat(n.last_name_th),positionPrefix:"ตำแหน่ง",position:n.position_th,title:"วันนี้คุณอยากบอกอะไรกับ ทีทีบี"}};return(0,c.jsxs)("div",{className:x().welcomeMessage,children:[(0,c.jsx)("p",{children:o[t].welcome}),(0,c.jsxs)("div",{className:"py-4",children:[(0,c.jsx)("p",{children:"".concat(o[t].prefix," ").concat(o[t].name)}),(0,c.jsx)("p",{children:"".concat(o[t].positionPrefix," ").concat(o[t].position)})]}),(0,c.jsx)("p",{children:o[t].title})]})},E=()=>(0,c.jsx)("img",{className:x()["hide-on-mobile-1"],style:{width:"30%",margin:"0 auto"},src:"/global/assets/img/half_male.png"}),I=()=>1===i?(0,c.jsx)(c.Fragment,{}):(0,c.jsx)(h.Z,{pathName:"cxm",levelName:a,value:L,locale:e.locale,isLoading:y}),M=r().stringify(j);return((0,s.useEffect)(()=>{if(2===i&&"_temp_"===n){let e=sessionStorage.getItem("cxmf_form");if(e){let{hash:t,search_params:n}=JSON.parse(e);n?window.location.href="/".concat(w,"/cxmf/c/").concat(encodeURIComponent(t),"/level2?").concat(n):window.location.href="/".concat(w,"/cxmf/c/").concat(encodeURIComponent(t),"/level2")}}5!==i&&6!==i||S||t.push("/".concat(w,"/cxmf/c/").concat(encodeURIComponent(n),"/level1?").concat(M))},[i,S]),5===i)?(0,c.jsx)(m.Ar,{isLoading:!1,children:(0,c.jsx)(m.te,{requireMessage:N,token:A})}):6===i?(0,c.jsx)(m.Ar,{isLoading:!1,children:(0,c.jsx)(m.Wj,{token:A,subChannel:k,segment:_,env:e.env})}):(0,c.jsxs)(m.Ar,{isLoading:y,children:[b&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:"no-gutters container my-3",children:(0,c.jsx)("div",{className:"col-sm-12 col-lg-6",children:I()})}),(0,c.jsxs)(m.Ar.Left,{children:[(()=>{let n=e=>(0,c.jsx)("h2",{className:"".concat(x()["h2-mobile"]," ").concat(x()["hide-on-mobile-1"]),style:{textAlign:"left",marginBottom:"6%"},children:e});return"level1"==a?(0,c.jsx)("div",{className:x().welcomeMessageWrapper,children:C(t.locale)}):"level2"==a?n(u[e.locale].text_level2):"level3"==a?n(L):"level4"==a?n(L):""})(),E()]}),(0,c.jsx)(m.Ar.Right,{children:R.map((e,t)=>{let n=e.split("|"),o="";if(n.length>0&&(o=n[0]),i<=4)return(0,c.jsx)("p",{className:"d-flex justify-content-center",children:(0,c.jsx)("button",{"data-test-id":"qr-name-choice-".concat(t+1),className:"btn btn-outline-primary ".concat(x()["button-submit"]),onClick:()=>P(e),children:o})},"choice-".concat(i,"-").concat(e))})})]}),!b&&(0,c.jsx)(c.Fragment,{children:y?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(m.Ar.Left,{children:[I(),(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:"".concat(x()["h2-mobile"]),style:{textAlign:"left",marginBottom:"6%"},children:(0,c.jsx)("div",{className:"".concat(x()["skeleton-level-message"])})})}),(0,c.jsx)("div",{className:l()(x()["hide-on-mobile-1"],x()["skeleton-image"]),style:{margin:"0 auto"}})]}),(0,c.jsx)(m.Ar.Right,{children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("div",{className:l()("d-flex justify-content-center",x()["skeleton-choice-wrapper"]),children:(0,c.jsx)("div",{className:"".concat(x()["skeleton-choice"])})}),(0,c.jsx)("div",{className:l()("d-flex justify-content-center",x()["skeleton-choice-wrapper"]),children:(0,c.jsx)("div",{className:"".concat(x()["skeleton-choice"])})}),(0,c.jsx)("div",{className:l()("d-flex justify-content-center",x()["skeleton-choice-wrapper"]),children:(0,c.jsx)("div",{className:"".concat(x()["skeleton-choice"])})})]})})]}):(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(m.Ar.Left,{children:E()}),(0,c.jsx)(m.Ar.Right,{children:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"th",t={en:{sorry:"Sorry, we cannot find the staff information from the scanned QR code.",contact:'<p class="py-4">If you would like to contact ttb, please visit <a href="https://www.ttbbank.com/">www.ttbbank.com</a></p> or <a href="https://www.facebook.com/ttbbankofficial">Facebook Page ttb bank</a>.'},th:{sorry:"ขออภัยครับ ไม่พบข้อมูลของพนักงานจากนามบัตรที่ท่านได้สแกน",contact:'<p class="py-4">หากต้องการติดต่อ ทีทีบี สามารถติดต่อผ่านทางเว็บไซต์ <a href="https://www.ttbbank.com/">www.ttbbank.com</a></p>หรือที่ <a href="https://www.facebook.com/ttbbankofficial">Facebook Page ttb bank</a> ครับ'}};

1return(0,c.jsxs)("div",{className:x().notFoundStaffMessage,children:[(0,c.jsx)("p",{children:t[e].sorry}),(0,c.jsx)("div",{dangerouslySetInnerHTML:{__html:t[e].contact}})]})}(t.locale)})]})})]})}}},function(e){e.O(0,[86455,3905,93023,92888,49774,40179],function(){return e(e.s=37871)}),_N_E=e.O()}]);