https://www.ditp.go.th/_next/static/chunks/311.60875b6b98a1ef38.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[311],{60311:function(e,t,n){n.r(t),n.d(t,{default:function(){return o}});var a=n(85893),r=n(16983);n(18439);var s=n(67294);function o(e){let{markers:t,locale:n}=e,[o,l]=(0,s.useState)(null),[i,d]=(0,s.useState)({top:0,left:0}),c=[{coords:[8.7832,34.5085],name:{th:"แอฟริกา",en:"Africa",zh:"非洲",ja:"アフリカ",de:"Afrika"}},{coords:[2.87,114.9925],name:{th:"อาเซียน",en:"ASEAN",zh:"ASEAN",ja:"ASEAN",de:"ASEAN"}},{coords:[35.8617,104.1954],name:{th:"เอเชียตะวันออก",en:"East Asia",zh:"东亚",ja:"東アジア",de:"Ostasien"}},{coords:[-25.2744,133.7751],name:{th:"โอเชียเนีย",en:"Oceania",zh:"Oceania",ja:"Oceania",de:"Oceania"}},{coords:[49.526,17.2551],name:{th:"ยุโรปตะวันออก และ ยุโรปตะวันตก และ CIS",en:"Eastern Europe and Western Europe and the CIS",zh:"Eastern Europe and Western Europe and the CIS",ja:"Eastern Europe and Western Europe and the CIS",de

1:"Eastern Europe and Western Europe and the CIS"}},{coords:[-17.235,-56.9253],name:{th:"ละตินอเมริกา",en:"Latin America",zh:"拉美",ja:"ラテンアメリカ",de:"Lateinamerika"}},{coords:[25.276987,45.296249],name:{th:"ตะวันออกกลาง",en:"Middle East",zh:"中东",ja:"中東",de:"Naher Osten"}},{coords:[37.7749,-100.7129],name:{th:"อเมริกาเหนือ",en:"North America",zh:"北美",ja:"北米",de:"Nordamerika"}},{coords:[22.5937,84.9629],name:{th:"เอเชียใต้",en:"South Asia",zh:"南亚",ja:"南アジア",de:"S\xfcdasien"}},{coords:[,],name:"สำนักงานตัวแทนการค้า"}],h=t.map(e=>{let t=c.find(t=>t.name[n]===e.name);return{...e,name:t?t.name[n]:e.name,coords:t?t.coords:[,]}});return(0,s.useEffect)(()=>{let e=document.getElementById("map");if(e){let t=new r.Z({selector:e,map:"world",zoomButtons:!1,showTooltip:!1,zoomOnScroll:!1,zoomOnHover:!1,panOnDrag:!1,markers:h.map(e=>({name:e.name,coords:e.coords})),regionStyle:{initial:{fill:"#0B216D","fill-opacity":1,stroke:"#B8860B","stroke-width":.4,"stroke-opacity":1}},markerStyle:{initial:{fill:"#B8860B"}},onMarkerClick:(e,t)=>{let n=e.target.getBoundingClientRect();l(e=>e&&e.name===h[t].name?null:h[t]),d({top:n.top+window.scrollY,left:n.left+n.width/2})}}),n=()=>{t.updateSize()};return window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}}},[n]),(0,s.useEffect)(()=>{let e=e=>{let t=document.getElementById("map");t&&!t.contains(e.target)&&l(null)};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[]),(0,a.jsx)("div",{children:(0,a.jsx)("div",{id:"map",style:{height:"500px",width:"100%"},children:o&&(0,a.jsxs)("div",{className:"absolute",style:{top:Math.max(i.top-16,80),left:i.left,transform:"translate(-50%, -100%)",maxWidth:"300px"},children:[(0,a.jsx)("div",{className:"absolute w-0 h-0 border-l-8 border-l-transparent border-r-8 border-r-transparent border-t-8 border-t-white transform -translate-x-1/2",style:{bottom:"-8px",left:"50%"}}),(0,a.jsx)("div",{className:"rounded-xl overflow-hidden border w-[150px] md:w-[250px] h-fit max-h-[300px]",children:(0,a.jsxs)("div",{className:"bg-white p-4 overflow-y-auto max-h-[300px]",children:[(0,a.jsxs)("div",{className:"text-xl font-bold text-gray-800 inline",children:[o.name," (",o.ditps.length,")"]}),o.ditps.length>0&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{children:{th:"สำนักงานส่งเสริมการค้าในต่างประเทศ (สคต.)",en:"Thai Trade Centers",zh:"泰国贸易中心",ja:"タイの貿易センター",nl:"Thail\xe4ndische Handelszentren"}[n]}),(0,a.jsx)("ol",{className:"list-disc ml-8",children:o.ditps.map((e,t)=>(0,a.jsx)("li",{children:(0,a.jsx)("span",{onClick:()=>{let t=document.getElementById("".concat(e.replace(/\s+/g,"-")));t&&t.scrollIntoView({behavior:"smooth",block:"start"})},className:"cursor-pointer text-transparent bg-clip-text bg-gradient-to-r active-menu",children:e})},t))})]}),o.hta.length>0&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{children:{th:"ที่ปรึกษากิตติมศักดิ์ของกระทรวงพาณิชย์",en:"HTAs",zh:"HTAs",ja:"HTA",nl:"HTAs"}[n]}),(0,a.jsx)("ol",{className:"list-disc ml-8",children:o.hta.map((e,t)=>(0,a.jsx)("li",{children:(0,a.jsx)("span",{onClick:()=>{let t=document.getElementById("".concat(e.replace(/\s+/g,"-")));t&&t.scrollIntoView({behavior:"smooth",block:"start"})},className:"cursor-pointer text-transparent bg-clip-text bg-gradient-to-r active-menu",children:e})},t))})]})]})})]})})})}}}]);