https://www.ditp.go.th/_next/static/chunks/pages/international-foreign-market-206a8a5a4be875ff.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8198],{50969:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/international-foreign-market",function(){return l(81381)}])},32602:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var l in t)Object.defineProperty(e,l,{enumerable:!0,get:t[l]})}(t,{default:function(){return n},noSSR:function(){return a}});let r=l(38754);l(85893),l(67294);let i=r._(l(35491));function s(e){return{default:(null==e?void 0:e.default)||e}}function a(e,t){return delete t.webpack,delete t.modules,e(t)}function n(e,t){let l=i.default,r={loading:e=>{let{error:t,isLoading:l,pastDelay:r}=e;return null}};e instanceof Promise?r.loader=()=>e:"function"==typeof e?r.loader=e:"object"==typeof e&&(r={...r,...e});let n=(r={...r,...t}).loader;return(r.loadableGenerated&&(r={...r,...r.loadableGenerated},delete r.loadableGenerated),"boolean"!=typeof r.ssr||r.ssr)?l({...r,loader:()=>null!=n?n().then(s):Promise.resolve(s(()=>null))}):(delete r.webpack,delete r.modules,a(l,r))}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},1159:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"LoadableContext",{enumerable:!0,get:function(){return r}});let r=l(38754)._(l(67294)).default.createContext(null)},35491:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return m}});let r=l(38754)._(l(67294)),i=l(1159),s=[],a=[],n=!1;function o(e){let t=e(),l={loading:!0,loaded:null,error:null};return l.promise=t.then(e=>(l.loading=!1,l.loaded=e,e)).catch(e=>{throw l.loading=!1,l.error=e,e}),l}class d{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:t}=this;e.loading&&("number"==typeof t.delay&&(0===t.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},t.delay)),"number"==typeof t.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},t.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}constructor(e,t){this._loadFn=e,this._opts=t,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function c(e){return function(e,t){let l=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},t),s=null;function o(){if(!s){let t=new d(e,l);s={getCurrentValue:t.getCurrentValue.bind(t),subscribe:t.subscribe.bind(t),retry:t.retry.bind(t),promise:t.promise.bind(t)}}return s.promise()}if(!n){let e=l.webpack?l.webpack():l.modules;e&&a.push(t=>{for(let l of e)if(t.includes(l))return o()})}function c(e,t){!function(){o();let e=r.default.useContext(i.LoadableContext);e&&Array.isArray(l.modules)&&l.modules.forEach(t=>{e(t)})}();let a=r.default.useSyncExternalStore(s.subscribe,s.getCurrentValue,s.getCurrentValue);return r.default.useImperativeHandle(t,()=>({retry:s.retry}),[]),r.default.useMemo(()=>{var t;return a.loading||a.error?r.default.createElement(l.loading,{isLoading:a.loading,pastDelay:a.pastDelay,timedOut:a.timedOut,error:a.error,retry:s.retry}):a.loaded?r.default.createElement((t=a.loaded)&&t.default?t.default:t,e):null},[e,a])}return c.preload=()=>o(),c.displayName="LoadableComponent",r.default.forwardRef(c)}(o,e)}function u(e,t){let l=[];for(;e.length;){let r=e.pop();l.push(r(t))}return Promise.all(l).then(()=>{if(e.length)return u(e,t)})}c.preloadAll=()=>new Promise((e,t)=>

1{u(s).then(e,t)}),c.preloadReady=e=>(void 0===e&&(e=[]),new Promise(t=>{let l=()=>(n=!0,t());u(a,e).then(l,l)})),window.__NEXT_PRELOADREADY=c.preloadReady;let m=c},3632:function(e,t,l){"use strict";l.d(t,{Z:function(){return n}});var r=l(85893),i=l(41664),s=l.n(i),a=l(11163);function n(e){let{paths:t}=e,l=(0,a.useRouter)();return(0,r.jsx)("nav",{className:"text-gray-500 text-sm overflow-x-auto whitespace-nowrap custom-scroll",children:(0,r.jsx)("div",{className:"max-w-screen-xl mx-auto px-4",children:(0,r.jsxs)("div",{className:"flex space-x-2 items-center",children:[(0,r.jsx)("img",{src:"/icons/home.png",alt:"Profile",className:"w-4 h-4"}),t.filter(e=>e.label).map((e,i)=>(0,r.jsxs)("div",{className:"flex items-center space-x-2 mt-2",children:[i>0&&(0,r.jsx)("span",{className:"text-gray-400",children:"/"}),i===t.length-1?(0,r.jsx)("span",{className:"text-black font-semibold",children:e.label}):e.link?(0,r.jsx)(s(),{href:e.link,legacyBehavior:!0,locale:l.locale,children:(0,r.jsx)("a",{className:"text-gray-400 hover:text-gray-600",children:e.label})}):(0,r.jsx)("div",{className:"text-gray-400 line-clamp-1",children:e.label})]},i))]})})})}},94612:function(e,t,l){"use strict";l.d(t,{Z:function(){return m}});var r=l(85893),i=l(67294),s=l(5152),a=l.n(s),n=l(45697),o=l.n(n);let d=e=>new Promise((t,l)=>{if(document.querySelector('script[src="'.concat(e,'"]'))){t();return}let r=document.createElement("script");r.src=e,r.async=!0,r.onload=t,r.onerror=l,document.body.appendChild(r)});var c=function(e,t){let l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=(0,i.useRef)(null);return(0,i.useEffect)(()=>{if(!e.current||"true"!==e.current.dataset.dflipInitialized)return(async()=>{try{let l=e.current;if(!l||!t||"true"===l.dataset.dflipInitialized)return;if(window.jQuery||await d("/dflip/js/libs/jquery.min.js"),window.PDFJS=window.PDFJS||{},window.PDFJS.pdfjsWorkerSrc="/pdf.worker.min.js",window.PDFJS.workerSrc="/pdf.worker.min.js",await new Promise(e=>requestAnimationFrame(()=>e())),window.DFLIP||await d("/dflip/js/dflip.min.js"),await new Promise(e=>requestAnimationFrame(()=>e())),await new Promise(e=>setTimeout(e,50)),!window.jQuery||!window.DFLIP)throw Error("dFlip not ready");l.dataset.dflipInitialized="true",r.current=window.jQuery(l).flipBook(t,{webgl:!0,direction:1,duration:800,maxTextureSize:4096,autoEnableOutline:!1,autoEnableThumbnail:!1,overwritePDFOutline:!1,onReady:()=>console.log("dFlip ready"),onError:e=>console.error("dFlip error",e)})}catch(e){console.error("initFlipbook failed:",e)}})(),()=>{r.current&&(r.current.dispose&&r.current.dispose(),r.current._removeZoomListener&&r.current._removeZoomListener(),e.current&&(e.current.dataset.dflipInitialized="false"))}},[e,t,l]),r.current};let u=e=>{let{file:t,options:l={}}=e,s=(0,i.useRef)(null);return c(s,t,l),(0,r.jsx)("div",{ref:s,className:"_df_book","data-pdf-url":t,"data-mode":"pdf","data-webgl":"false",style:{width:"100%",height:"600px"}})};u.propTypes={file:o().string,options:o().object};var m=a()(()=>Promise.resolve(u),{ssr:!1})},40792:function(e,t,l){"use strict";var r=l(85893),i=l(67294),s=l(5152),a=l.n(s);let n=e=>{var t,l,s,a;let{file:n}=e,o=(null==n?void 0:null===(l=n.file_path)||void 0===l?void 0:null===(t=l[0])||void 0===t?void 0:t.url)||(null==n?void 0:null===(s=n.file_pdf)||void 0===s?void 0:s.url),d=(null===(a=n.image)||void 0===a?void 0:a.url)||"/images/ditpimage.png";return(0,i.useEffect)(()=>{window.DFLIP?(window.DFLIP.parseBooks(),setTimeout(()=>{document.querySelectorAll("._df_thumb").forEach(e=>{e.style.width="220px",e.style.height="350px"}),document.querySelectorAll("._df_thumb img").forEach(e=>{e.style.width="250px",e.style.height="350px"})},300)):console.error("DearFlip is not loaded!")},[]),(0,r.jsx)("div",{className:"flex justify-center items-center",children:(0,r.jsx)("div",{className:"_df_thumb",source:o,thumb:d})})};t.Z=a()(()=>Promise.resolve(n),{ssr:!1})},81381:function(e,t,l){"use strict";l.r(t),l.d(t,{__N_SSP:function(){return g},default:function(){return b}});var r=l(85893),i=l(3632),s=l(41664),a=l.n(s),n=l(67294),o=l(76809),d=l(24985),c=l(63805),u=l(11163);l(71061);var m=l(40792),x=l(45149),h=l(94612),p=l(66308),f=l(1288),v=l(89854),g=!0;function b(e){var t,l,s,g,b,j,w,y,N,_,k,P,C;let E=(0,u.useRouter)();d.QP;

1let[S,T]=(0,n.useState)("All Content"),[I,A]=(0,n.useState)((null===(t=e.delveintoteworldknowledge)||void 0===t?void 0:t.data)||[]),[B,D]=(0,n.useState)("All e-Magazine"),[L,O]=(0,n.useState)([]),[R,F]=(0,n.useState)(!1),[z,M]=(0,n.useState)(null),[q,Z]=(0,n.useState)([]),[W,U]=(0,n.useState)(null),[$,V]=(0,n.useState)(!1),G=(0,n.useRef)(null),H=e=>{var t,l,r;U((null==e?void 0:null===(l=e.file_path)||void 0===l?void 0:null===(t=l[0])||void 0===t?void 0:t.url)||(null==e?void 0:null===(r=e.file_pdf)||void 0===r?void 0:r.url)),V(!0)};(0,n.useEffect)(()=>{(async()=>{F(!0);try{let e;if("All Content"===S){let t=new URLSearchParams;t.append("filters[category_post][documentId][$in]","uvluu0pei129kwambr2xwimo"),e=(await o.hi.getDelveintoteworldPost(t)).data}else{let t=new URLSearchParams;t.append("filters[category_post][documentId][$in]","uvluu0pei129kwambr2xwimo"),t.append("filters[post_type][post_type_name][$in]",S),e=(await o.hi.getDelveintoteworldPost(t)).data}A(e.data)}catch(e){console.error("Error fetching data: ",e)}finally{F(!1)}})()},[S]);let J=e=>{T(e)};(0,n.useEffect)(()=>{(async()=>{F(!0);try{let t;if("All e-Magazine"===B)t=e.tradeaninvestmentguides;else{let e=new URLSearchParams;e.append("filters[e_magazine_type][magazine_name][$in]",B),t=(await o.hi.getTradeaninvestmentguidesmagazine(e)).data}O((null==t?void 0:t.data)||[])}catch(e){console.error("Error fetching data: ",e)}finally{F(!1)}})()},[B]);let K=e=>{D(e)};(0,n.useEffect)(()=>{(async()=>{F(!0);try{let e=new URLSearchParams;e.append("filters[category_post][documentId][$in][0]","xb5dcuaaa6brpgwtgte9ncmu"),e.append("filters[category_post][documentId][$in][1]","ndqk95ttxp9yqp8xapnnayfj"),z&&(e.delete("filters[category_post][documentId][$in][0]"),e.delete("filters[category_post][documentId][$in][1]"),e.append("filters[category_post][documentId][$in]",z));let t=(await o.hi.getDelveintoteworldPost(e)).data;Z((null==t?void 0:t.data)||[])}catch(e){console.error("Error fetching data: ",e)}finally{F(!1)}})()},[z]);let Q=e=>{M(e)},[Y,X]=(0,n.useState)(""),[ee,et]=(0,n.useState)([]),[el,er]=(0,n.useState)([]),[ei,es]=(0,n.useState)([]),[ea,en]=(0,n.useState)([]),[eo,ed]=(0,n.useState)(null),ec=e.categories.data.map(e=>e.category_name),eu=e.regions.data.map(e=>e.region_name),em=e.reporttypes.data.map(e=>e.report_type_name),ex=e.posttypes.data.map(e=>e.post_type_name),eh=e=>{ed(t=>t===e?null:e)},ep=(e,t,l)=>{l(t.includes(e)?t.filter(t=>t!==e):[...t,e])},ef=e=>{G.current&&!G.current.contains(e.target)&&ed(null)};(0,n.useEffect)(()=>(document.addEventListener("mousedown",ef),()=>{document.removeEventListener("mousedown",ef)}),[]);let ev=e=>{e([])},eg=()=>{(Y.trim()||0!==ee.length||0!==el.length||0!==ei.length||0!==ea.length)&&E.push({pathname:"/result_search",query:{q:Y||"",categories:ee.join(","),regions:el.join(","),topics:ei.join(","),dataTypes:ea.join(",")}})};(0,n.useEffect)(()=>{(async()=>{try{let e={content:"สถานการณ์การค้าในต่างประเทศ",url:window.location.href,author:"",post_type:"หน้า",publishAt:""};await o.hi.getPageinsights(e)}catch(e){console.error("เกิดข้อผิดพลาดในการบันทึกข้อมูล",e)}})()},[]);let eb=(e,t,l,i,s)=>(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("div",{className:"border p-2 rounded-lg cursor-pointer bg-white flex items-center justify-between",onClick:()=>eh(s),children:[(0,r.jsx)("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap flex-1",children:l.length>0?l.join(", "):e}),(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentColor",className:"w-4 h-4 ml-2 text-gray-600 flex-shrink-0",children:(0,r.jsx)("path",{fillRule:"evenodd",d:"M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})})]}),eo===s&&(0,r.jsxs)("div",{className:"absolute z-10 mt-2 w-full max-h-60 overflow-y-auto border rounded-lg bg-white shadow-lg",children:[(0,r.jsxs)("div",{className:"flex justify-between p-2",children:[(0,r.jsxs)("span",{className:"text-sm font-semibold",children:["เลือก ",l.length," รายการ"]}),(0,r.jsx)("button",{className:"text-sm text-blue-500 hover:underline",onClick:()=>ev(i),children:"Clear"})]}),(0,r.jsx)("div",{children:t.map((e,t)=>(0,r.jsxs)("label",{className:"flex  items-center gap-2 p-2 cursor-pointer hover:bg-gray-100",children:[(0,r.jsx)("input",{type:"checkbox",checked:l.includes(e),onChange:()=>ep(e,l,i),className:"form-checkbox h-[16px] w-[16px] text-[#10143c] focus:ring-[#10143c]"}),(0,r.jsx)("div",{className:"line-clamp-1",children:e})]},t))})]})]}),ej=[{label:"หน้าหลัก",link:"/"},{label:"สถานการณ์การค้าในต่างประเทศ"}];return(0,r.jsxs)("div",{className:"pt-14 pb-16",style:{backgroundColor:"#ffffff",backgroundImage:"url('/images/bg.jpg')",backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"repeat"},children:[(0,r.jsx)("div",{className:"flex items-center justify-center bg-cover bg-center",style:{backgroundImage:"url(".concat(null!==(C=null===(s=e.imagecover.data.image_cover_international_foreign_market)||void 0===s?void 0:null===(l=s.formats)||void 0===l?void 0:l.medium.url)&&void 0!==C?C:null===(g=e.imagecover.data.image_cover_international_foreign_market)||void 0===g?void 0:g.url,")"),height:"193px"},children:(0,r.jsx)("h1",{className:"text-white text-center text-xl md:text-[40px]",children:"สถานการณ์การค้าในต่างประเทศ"})}),(0,r.jsx)(p.Z,{title:"สถานการณ์การค้าในต่างประเทศ - กรมส่งเสริมการค้าระหว่างประเทศ",description:"ฉันต้องการ... ศึกษาข้อมูลตลาดต่างประเทศ ข้อมูลตลาดต่างประเทศ ประเด็นร้อน/เจาะลึกตลาดโลก องค์ความรู้ด้านการค้าระหว่างประเทศ YouTube ดูทั้งหมด Podcast ดูทั้งหมด",breadcrumbs:ej}

1),(0,r.jsx)("div",{className:"sticky top-[60px] z-20 bg-white ",children:(0,r.jsx)(i.Z,{paths:ej})}),(0,r.jsx)("div",{className:"max-w-screen-xl mx-auto mt-8 px-4",children:(0,r.jsxs)("div",{className:"bg-[#E7E7F5] flex flex-col md:flex-col border rounded-xl justify-center items-center px-8 py-6",children:[(0,r.jsx)("div",{className:"text-2xl md:text-[40px] font-semibold text-[#2C85B5] p-2",children:"ค้นหาข้อมูลตลาดต่างประเทศ"}),(0,r.jsxs)("div",{className:"bg-white flex px-4 py-3 mt-4 rounded-md border border-white overflow-hidden w-full",children:[(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 192.904 192.904",width:"16px",className:"mr-3",children:(0,r.jsx)("path",{d:"m190.707 180.101-47.078-47.077c11.702-14.072 18.752-32.142 18.752-51.831C162.381 36.423 125.959 0 81.191 0 36.422 0 0 36.423 0 81.193c0 44.767 36.422 81.187 81.191 81.187 19.688 0 37.759-7.049 51.831-18.751l47.079 47.078a7.474 7.474 0 0 0 5.303 2.197 7.498 7.498 0 0 0 5.303-12.803zM15 81.193C15 44.694 44.693 15 81.191 15c36.497 0 66.189 29.694 66.189 66.193 0 36.496-29.692 66.187-66.189 66.187C44.693 147.38 15 117.689 15 81.193z"})}),(0,r.jsx)("input",{type:"search",placeholder:"พิมพ์คำที่ต้องการค้นหา เช่น การค้า,รถยนต์...",className:"w-full outline-none bg-transparent text-black text-sm",value:Y,onChange:e=>{X(e.target.value)},onKeyDown:e=>{"Enter"===e.key&&eg()}})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-4 gap-4 mt-4 w-full",ref:G,children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm font-semibold ml-1",children:"กลุ่มสินค้า"}),eb("กลุ่มสินค้าทั้งหมด",ec,ee,et,"categories")]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm font-semibold ml-1",children:"ภูมิภาค"}),eb("ภูมิภาคทั้งหมด",eu,el,er,"regions")]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm font-semibold ml-1",children:"หัวข้อรายงาน"}),eb("หัวข้อรายงานทั้งหมด",em,ei,es,"reportTopics")]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm font-semibold ml-1",children:"ประเภทข้อมูล"}),eb("ประเภทข้อมูลทั้งหมด",ex,ea,en,"dataTypes")]})]}),(0,r.jsxs)("div",{className:"flex space-x-4 mt-6 justify-center items-center",children:[(0,r.jsx)("div",{children:(Y||ee.length>0||el.length>0||ei.length>0||ea.length>0)&&(0,r.jsxs)("button",{onClick:()=>{X(""),et([]),er([]),es([]),en([])},className:"hidden px-4 py-3 rounded-full md:flex items-center space-x-2 border border-black",children:[(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"w-5 h-5 text-gray-700",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})}),(0,r.jsx)("span",{children:"Clear Filter"})]})}),(0,r.jsx)("button",{onClick:eg,type:"button",className:"bg-gradient-to-r from-[#1A1C49] to-[#41B8B9] px-10 py-3 border border-gray-200 rounded-full w-72 disabled:opacity-50 disabled:cursor-not-allowed",children:(0,r.jsx)("div",{className:"text-center text-white",children:"ค้นหา"})})]})]})}),(0,r.jsxs)("div",{className:"max-w-screen-xl mx-auto mt-4 flex flex-col items-center ",children:[(0,r.jsxs)("div",{className:"overflow-x-auto w-full mt-4 md:mt-16",children:[(0,r.jsx)("div",{id:"ประเด็นร้อน/เจาะลึกตลาดโลก",className:"text-center text-2xl md:text-[40px] font-semibold text-gradient mt-4",children:"ประเด็นร้อน/เจาะลึกตลาดโลก"}),(0,r.jsx)("div",{className:"w-14 h-1 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9] mx-auto mt-2"}),(0,r.jsxs)("div",{className:"flex flex-col items-center",children:[(0,r.jsx)("div",{className:"overflow-x-auto w-full",children:(0,r.jsx)("div",{className:"p-4 mt-6",children:(0,r.jsx)("div",{className:"flex gap-4 md:grid md:grid-cols-3 xl:grid-cols-4 z-10",children:null===(j=(0,c.IU)(null===(w=e.delveintoteworld)||void 0===w?void 0:w.data))||void 0===j?void 0:null===(b=j.slice(0,8))||void 0===b?void 0:b.map((t,l)=>{var i,s,n,o,d,u,m,x,h,p,g;let b=((null===(i=t.report_type)||void 0===i?void 0:i.report_type_name)+"").toLowerCase().includes("factsheet");return(0,r.jsx)(a(),{href:"/post/".concat(t.documentId),children:(0,r.jsxs)("div",{className:"flex-shrink-0 w-72 md:flex md:flex-col md:w-full bg-white border rounded-lg",children:[(0,r.jsx)("div",{className:"shrink-0 hover:opacity-75",children:t.generate_template&&b?(0,r.jsx)("div",{className:"",children:(0,r.jsx)(f.Z,{originalHeight:900,originalWidth:1600,maxWidth:"100%",aspectRatio:"16:9",objectFit:"cover",className:"rounded-t-lg",children:(0,r.jsx)(v.Z,{data:t,countriesWithImage:e.countriesWithImage})})}):(0,r.jsx)("img",{className:"aspect-[16/9] w-full object-cover object-end rounded-t-lg",src:null!==(g=null!==(p=null===(o=t.image)||void 0===o?void 0:null===(n=o.formats)||void 0===n?void 0:null===(s=n.small)||void 0===s?void 0:s.url)&&void 0!==p?p:null===(d=t.image)||void 0===d?void 0:d.url)&&void 0!==g?g:"/images/ditpimage.png",alt:t.title})}),(0,r.jsxs)("div",{className:"flex flex-col h-40 justify-between",children:[(0,r.jsxs)("div",{className:"p-4",children:[(0,r.jsx)("div",{className:"text-md text-pretty font-medium text-left line-clamp-2 hover:opacity-50",children:t.title}),(0,r.jsxs)("div",{className:"mt-1 text-gray-500 text-sm text-left line-clamp-1",children:[null===(u=t.region)||void 0===u?void 0:u.region_name," ",(null===(m=t.region)||void 0===m?void 0:m.region_name)&&(null===(x=t.category)||void 0===x?void 0:x.category_name)&&" • ",null===(h=t.category)||void 0===h?void 0:h.category_name]})]}),(0,r.jsx)("div",{className:"text-gray-500 text-sm text-left p-4",children:(0,c.vc)((null==t?void 0:t.publish_date)||(null==t?void 0:t.current_publish)||(null==t?void 0:t.createdAt),t.locale)})]})]},l)},l)})})})}),(0,r.jsx)(a(),{href:"/international-foreign-market/Hot-issue",children:(0,r.jsx)("button",{type:"button",className:"w-[246px] h-[53px] border bg-[#0E143B] hover:bg-gradient-to-r from-[#1A1C49] to-[#41B8B9] md:w-[320px] rounded-full mt-4",children:(0,r.jsx)("div",{className:"text-center text-white",children:"ดูทั้งหมด"})})})]})]}),(0,r.jsxs)("div",{className:"overflow-x-auto w-full mt-4 md:mt-24",children:[(0,r.jsx)("div",{id:"องค์ความรู้ด้านการค้าระหว่างประเทศ",className:"px-8 text-center text-2xl md:text-[40px] font-semibold text-gradient",children:"องค์ความรู้ด้านการค้าระหว่างประเทศ"}),(0,r.jsx)("div",{className:"w-14 h-1 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9] mx-auto mt-2"}),(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"flex flec-row md:justify-center mt-12 space-x-4 whitespace-nowrap overflow-x-auto custom-scroll px-2 md:px-0",children:["All Content","Youtube","Infographic","Podcast","Presentation","blockdit"].map(e=>(0,r.jsx)("span",{className:"cursor-pointer ".concat(S===e?"font-bold text-gradient":"text-gray-600 hover:text-transparent bg-clip-text bg-gradient-to-br from-blue-950 to-blue-400"),onClick:()=>J(e),children:e},e))})}),0===I.length?(0,r.jsx)("div",{className:"flex justify-center items-center",children:(0,r.jsx)("img",{src:"/images/nodata.png",alt:"No Data",className:"w-[495px] h-[397px] mb-4"})}):(0,r.jsxs)("div",{className:"flex flex-col items-center",children:[(0,r.jsx)("div",{className:"overflow-x-auto w-full p-4 mt-8",children:(0,r.jsx)("div",{className:"flex gap-4 md:grid md:grid-cols-3 xl:grid-cols-4 z-10",children:null===(N=(0,c.IU)(I))||void 0===N?void 0:null===(y=N.slice(0,8))||void 0===y?void 0:y.map((e,t)=>{var l,i,s,n;let o=null===(l=e.post_type)||void 0===l?void 0:l.post_type_name,d="blockdit"===o,u="Podcast"===o||"Presentation"===o;return d?(0,r.jsx)(a(),{href:(null==e?void 0:e.link_url)||"",target:"_blank",children:(0,r.jsxs)("div",{className:"flex-shrink-0 w-72 md:flex md:flex-col md:w-full bg-white border rounded-lg overflow-hidden",children:[(0,r.jsx)("img",{className:"h-48 w-full object-cover object-end md:h-48 object-top hover:opacity-75",src:(null===(s=e.image)||void 0===s?void 0:s.url)||"/images/ditpimage.png",alt:e.title}),(0,r.jsxs)("div",{className:"flex flex-col h-40 justify-between",children:[(0,r.jsxs)("div",{className:"p-4",children:[(0,r.jsx)("div",{className:"text-md text-pretty font-medium text-left line-clamp-2 hover:opacity-50",children:e.title}),(0,r.jsx)("div",{className:"mt-1 text-gray-500 text-sm text-left line-clamp-1",children:o})]}),(0,r.jsx)("div",{className:"text-gray-500 text-sm text-left p-4",children:(0,c.vc)((null==e?void 0:e.publish_date)||(null==e?void 0:e.current_publish)||(null==e?void 0:e.createdAt),e.locale)})]})]})},t):u?(0,r.jsx)(a(),{href:E.asPath,onClick:e=>{e.preventDefault(),x.W.showDialogFail({message:"There is no data for this content"})},children:(0,r.jsxs)("div",{className:"flex-shrink-0 w-72 md:flex md:flex-col md:w-full bg-white border rounded-lg overflow-hidden",children:[(0,r.jsx)("img",{className:"h-48 w-full object-cover object-end md:h-48 object-top hover:opacity-75",src:(null===(n=e.image)||void 0===n?void 0:n.url)||"/images/ditpimage.png",alt:e.title}),(0,r.jsxs)("div",{className:"flex flex-col h-40 justify-between",children:[(0,r.jsxs)("div",{className:"p-4",children:[(0,r.jsx)("div",{className:"text-md text-pretty font-medium text-left line-clamp-2 hover:opacity-50",children:e.title}),(0,r.jsx)("div",{className:"mt-1 text-gray-500 text-sm text-left line-clamp-1",children:o})]}),(0,r.jsx)("div",{className:"text-gray-500 text-sm text-left p-4",children:(0,c.vc)((null==e?void 0:e.publish_date)||(null==e?void 0:e.current_publish)||(null==e?void 0:e.createdAt),e.locale)})]})]})},t):(0,r.jsx)(a(),{href:"/post/post-knowledge/".concat(e.documentId),children:(0,r.jsxs)("div",{className:"flex-shrink-0 w-72 md:flex md:flex-col md:w-full bg-white border rounded-lg overflow-hidden",children:[(0,r.jsx)("img",{className:"h-48 w-full object-cover md:h-48 object-top hover:opacity-75",src:(null===(i=e.image)||void 0===i?void 0:i.url)||"/images/ditpimage.png",alt:e.title}),(0,r.jsxs)("div",{className:"flex flex-col h-40 justify-between",children:[(0,r.jsxs)("div",{className:"p-4",children:[(0,r.jsx)("div",{className:"text-md text-pretty font-medium text-left line-clamp-2 hover:opacity-50",children:e.title}),(0,r.jsx)("div",{className:"mt-1 text-gray-500 text-sm text-left line-clamp-1",children:o})]}),(0,r.jsx)("div",{className:"text-gray-500 text-sm text-left p-4",children:(0,c.vc)((null==e?void 0:e.publish_date)||(null==e?void 0:e.current_publish)||(null==e?void 0:e.createdAt),e.locale)})]})]})},t)})})}),(0,r.jsx)(a(),{href:"/international-foreign-market/Knowledge",children:(0,r.jsx)("button",{type:"button",className:"w-[246px] h-[53px] border bg-[#0E143B] hover:bg-gradient-to-r from-[#1A1C49] to-[#41B8B9] md:w-[320px] rounded-full mt-4",children:(0,r.jsx)("div",{className:"text-center text-white",children:"ดูทั้งหมด"})})})]})]}),(0,r.jsxs)("div",{className:"overflow-x-auto w-full mt-4 md:mt-16",children:[(0,r.jsx)("div",{id:"คู่มือการค้าการลงทุน",className:"px-8 text-center text-2xl md:text-[40px] font-semibold text-gradient",children:"นิตยสารออนไลน์ด้านการค้า"}),(0,r.jsx)("div",{className:"w-14 h-1 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9] mx-auto mt-2"}),(0,r.jsx)("div",{children:(0,r.jsx)("div",{className:"flex flex-row md:justify-center mt-12 space-x-4 whitespace-nowrap overflow-x-auto custom-scroll px-2 md:px-0",children:["All e-Magazine","Think Trade Think DITP","Insight china","TIK: Trade In K

1orea","Cambodia Compass"].map(e=>(0,r.jsx)("span",{className:"cursor-pointer ".concat(B===e?"font-bold text-gradient":"text-gray-600 hover:text-transparent bg-clip-text bg-gradient-to-br from-blue-950 to-blue-400"),onClick:()=>K(e),children:e},e))})}),0===L.length?(0,r.jsx)("div",{className:"flex justify-center items-center",children:(0,r.jsx)("img",{src:"/images/nodata.png",alt:"No Data",className:"w-[495px] h-[397px] mb-4"})}):(0,r.jsxs)("div",{className:"flex flex-col items-center",children:[(0,r.jsx)("div",{className:"overflow-x-auto w-full p-4 mt-8",children:(0,r.jsx)("div",{className:"flex gap-4 md:grid md:grid-cols-3 xl:grid-cols-4 z-10",children:null===(k=(0,c.IU)(L))||void 0===k?void 0:null===(_=k.slice(0,8))||void 0===_?void 0:_.map(e=>(0,r.jsxs)("div",{className:"flex-shrink-0 md:flex md:flex-col justify-center items-center ",children:[(0,r.jsx)(m.Z,{file:e}),(0,r.jsx)("div",{className:"w-[240px]",children:(0,r.jsx)("div",{className:"text-center text-md font-semibold line-clamp-2 hover:opacity-50",children:e.title})})]},e.id))})}),(0,r.jsx)(a(),{href:"/international-foreign-market/Investment-Guide",children:(0,r.jsx)("button",{type:"button",className:"w-[246px] h-[53px] border bg-[#0E143B] hover:bg-gradient-to-r from-[#1A1C49] to-[#41B8B9] md:w-[320px] rounded-full mt-4",children:(0,r.jsx)("div",{className:"text-center text-white",children:"ดูทั้งหมด"})})})]})]}),(0,r.jsxs)("div",{className:"overflow-x-auto w-full mt-4 md:mt-16",children:[(0,r.jsx)("div",{id:"คู่มือด้านการค้า",className:"px-8 text-center text-2xl md:text-[40px] font-semibold text-gradient",children:"คู่มือด้านการค้า"}),(0,r.jsx)("div",{className:"w-14 h-1 bg-gradient-to-r from-[#1A1C49] to-[#41B8B9] mx-auto mt-2"}),(0,r.jsx)("div",{className:"flex flex-row md:justify-center mt-12 space-x-8 whitespace-nowrap overflow-x-auto custom-scroll px-2 md:px-0",children:[{label:"All",value:null},{label:"คู่มือการค้าการลงทุน",value:"xb5dcuaaa6brpgwtgte9ncmu"},{label:"คู่มือการค้าออนไลน์ข้ามพรมแดน",value:"ndqk95ttxp9yqp8xapnnayfj"}].map(e=>(0,r.jsx)("span",{className:"cursor-pointer ".concat(z===e.value?"font-bold text-gradient":"text-gray-600 hover:text-transparent bg-clip-text bg-gradient-to-br from-blue-950 to-blue-400"),onClick:()=>Q(e.value),children:e.label},e.value))}),0===q.length?(0,r.jsx)("div",{className:"flex justify-center items-center",children:(0,r.jsx)("img",{src:"/images/nodata.png",alt:"No Data",className:"w-[495px] h-[397px] mb-4"})}):(0,r.jsxs)("div",{className:"flex flex-col items-center",children:[(0,r.jsxs)("div",{className:"overflow-x-auto w-full p-4 mt-4",children:[(0,r.jsx)("div",{className:"flex gap-4 md:grid md:grid-cols-3 xl:grid-cols-4 z-10",children:null===(P=(0,c.IU)(q))||void 0===P?void 0:P.slice(0,8).map((e,t)=>{var l;return(0,r.jsxs)("div",{className:"flex-shrink-0 w-72 md:flex md:flex-col md:w-full bg-white border rounded-lg overflow-hidden cursor-pointer",onClick:()=>H(e),children:[(0,r.jsx)("img",{className:"h-48 w-full object-cover object-end md:h-48 object-top hover:opacity-75",src:(null===(l=e.image)||void 0===l?void 0:l.url)||"/images/ditpimage.png",alt:e.title}),(0,r.jsxs)("div",{className:"flex flex-col h-40 justify-between",children:[(0,r.jsx)("div",{className:"p-4",children:(0,r.jsx)("div",{className:"text-md text-pretty font-medium text-left line-clamp-2 hover:opacity-50",children:e.title})}),(0,r.jsx)("div",{className:"text-gray-500 text-sm text-left p-4",children:(0,c.vc)((null==e?void 0:e.publish_date)||(null==e?void 0:e.current_publish)||(null==e?void 0:e.createdAt),e.locale)})]})]},t)})}),$&&(0,r.jsxs)("div",{className:"fixed inset-0 z-50 bg-white flex justify-center items-center",children:[(0,r.jsx)("div",{className:"absolute top-4 right-4 z-50",children:(0,r.jsx)("button",{onClick:()=>{V(!1),U(null)},className:"bg-gray-200 rounded-full p-2 hover:bg-gray-300",children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})}),(0,r.jsx)("div",{className:"w-full",children:(0,r.jsx)("div",{className:"md:mb-8",children:W&&(0,r.jsx)(h.Z,{file:W})})})]})]}),(0,r.jsx)(a(),{href:"/international-foreign-market/Trade-Guide",children:(0,r.jsx)("button",{type:"button",className:"w-[246px] h-[53px] border bg-[#0E143B] hover:bg-gradient-to-r from-[#1A1C49] to-[#41B8B9] md:w-[320px] rounded-full mt-4",children:(0,r.jsx)("div",{className:"text-center text-white",children:"ดูทั้งหมด"})})})]})]})]})]})}},5152:function(e,t,l){e.exports=l(32602)},9008:function(e,t,l){e.exports=l(23867)},92703:function(e,t,l){"use strict";var r=l(50414);function i(){}function s(){}s.resetWarningCache=i,e.exports=function(){function e(e,t,l,i,s,a){if(a!==r){var n=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw n.name="Invariant Violation",n}}function t(){return e}e.isRequired=e;var l={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol

1:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:s,resetWarningCache:i};return l.PropTypes=l,l}},45697:function(e,t,l){e.exports=l(92703)()},50414:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}},function(e){e.O(0,[6308,2888,9774,179],function(){return e(e.s=50969)}),_N_E=e.O()}]);