(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[26],{"79Se":function(n,e,t){"use strict";t.d(e,"a",(function(){return g})),t.d(e,"b",(function(){return p})),t.d(e,"c",(function(){return m})),t.d(e,"d",(function(){return h}));var o=t("jT3O"),i=t("lTCR"),a=t.n(i);function r(){var n=Object(o.a)(["\n    query ($excludeId: Int, $category: [String]) {\n        contents(\n            query: { slug: null, is_hightlight: false, exclude_id: $excludeId, category: $category }\n            limit: 3\n            offset: 0\n        ) {\n            id\n            title\n            bodyJson\n            remark\n            is_remark\n            publishDate\n            contentCategoryID\n            cover_url\n            contentCategory {\n                name_th\n                name_en\n                slug\n            }\n            type\n            slug\n            metaTitle\n            metaDescription\n            ogTitle\n            ogDescription\n            ogImage\n            ogURL\n            ogType\n            IsCallToAction\n            IsBtnGreen\n            BtnGreenLabel\n            BtnGreenUrl\n            IsBtnBlue\n            BtnBlueLabel\n            BtnBlueUrl\n        }\n    }\n"]);return r=function(){return n},n}function s(){var n=Object(o.a)(["\n    query ($contentCategory: String, $year: Int, $month: String) {\n        contents(query: { contentCategory: $contentCategory, month: $month, year: $year }) {\n            id\n            title\n            bodyJson\n            remark\n            is_remark\n            publishDate\n            contentCategoryID\n            cover_url\n            contentCategory {\n                name_th\n                name_en\n                slug\n            }\n            type\n            slug\n            metaTitle\n            metaDescription\n            ogTitle\n            ogDescription\n            ogImage\n            ogURL\n            ogType\n            IsCallToAction\n            IsBtnGreen\n            BtnGreenLabel\n            BtnGreenUrl\n            IsBtnBlue\n            BtnBlueLabel\n            BtnBlueUrl\n        }\n    }\n"]);return s=function(){return n},n}function l(){var n=Object(o.a)(["\n    query ($slug: String, $is_hightlight: Boolean) {\n        content(slug: $slug, is_hightlight: $is_hightlight) {\n            id\n            title\n            bodyJson\n            remark\n            is_remark\n            publishDate\n            contentCategoryID\n            cover_url\n            slug\n            contentCategory {\n                name_th\n                name_en\n                slug\n            }\n            type\n            metaTitle\n            metaDescription\n            ogTitle\n            ogDescription\n            ogImage\n            ogURL\n            ogType\n            IsCallToAction\n            IsBtnGreen\n            BtnGreenLabel\n            BtnGreenUrl\n            IsBtnBlue\n            BtnBlueLabel\n            BtnBlueUrl\n            SubTitle\n        }\n    }\n"]);return l=function(){return n},n}function c(){var n=Object(o.a)(["\n    query ($ids: [Int]) {\n        content(ids: $ids) {\n            id\n            title\n            bodyJson\n            publishDate\n            contentCategoryID\n            cover_url\n            remark\n            is_remark\n            contentCategory {\n                name_th\n                name_en\n                slug\n            }\n            type\n            slug\n            metaTitle\n            metaDescription\n            ogTitle\n            ogDescription\n            ogImage\n            ogURL\n            ogType\n            IsCallToAction\n            IsBtnGreen\n            BtnGreenLabel\n            BtnGreenUrl\n            IsBtnBlue\n            BtnBlueLabel\n            BtnBlueUrl\n            SubTitle\n            IsSubChapter\n            chapters {\n                chapter_id\n            }\n        }\n    }\n"]);return c=function(){return n},n}function d(){var n=Object(o.a)(["\n    query ($id: Int) {\n        content(id: $id) {\n            id\n            title\n            bodyJson\n            publishDate\n            contentCategoryID\n            cover_url\n            remark\n            is_remark\n            contentCategory {\n                name_th\n                name_en\n                slug\n            }\n            type\n            slug\n            metaTitle\n            metaDescription\n            ogTitle\n            ogDescription\n            ogImage\n            ogURL\n            ogType\n            IsCallToAction\n            IsBtnGreen\n            BtnGreenLabel\n            BtnGreenUrl\n            IsBtnBlue\n            BtnBlueLabel\n            BtnBlueUrl\n            SubTitle\n            IsSubChapter\n            chapters {\n                chapter_id\n            }\n        }\n    }\n"]);return d=function(){return n},n}function u(){var n=Object(o.a)(["\n    query (\n        $offset: Int\n        $limit: Int\n        $contentCategory: String\n        $year: Int\n        $month: String\n        $is_lifestyle: Boolean\n        $category: [String]\n        $is_sub_chapter: Boolean\n    ) {\n        contents(\n            offset: $offset\n            limit: $limit\n            query: {\n                contentCategory: $contentCategory\n                month: $month\n                year: $year\n                is_lifestyle: $is_lifestyle\n                category: $category\n                is_sub_chapter: $is_sub_chapter\n            }\n        ) {\n            id\n            title\n            bodyJson\n            publishDate\n            contentCategoryID\n            cover_url\n            remark\n            is_remark\n            contentCategory {\n                name_th\n                name_en\n                slug\n            }\n            type\n            slug\n            metaTitle\n            metaDescription\n            ogTitle\n            ogDescription\n            ogImage\n            ogURL\n            ogType\n            IsCallToAction\n            IsBtnGreen\n            BtnGreenLabel\n            BtnGreenUrl\n            IsBtnBlue\n            BtnBlueLabel\n            BtnBlueUrl\n            SubTitle\n            IsSubChapter\n            chapters {\n                chapter_id\n            }\n        }\n    }\n"]);return u=function(){return n},n}var g=a()(u()),p=a()(d()),m=(a()(c()),a()(l())),h=a()(s());a()(r())},jAOg:function(n,e,t){"use strict";var o=t("z7pX"),i=t("MX0m"),a=t.n(i),r=t("q1tI"),s=t.n(r),l=t("20a2"),c=t("sZxp"),d=t.n(c),u=t("3YpY"),g=t("4gQ6"),p=t("VX74"),m=t("79Se"),h=(t("2uxE"),t("zcEj")),b=t("RbEA"),x=t("jNIf"),f=t("MllN"),y=s.a.createElement;e.a=Object(g.a)((function(n){for(var e=n.allContents,t=n.hightlightContent,i=Object(l.useRouter)(),c=i.query.param||[],g=Object(r.useState)([]),w=g[0],j=g[1],v=Object(r.useState)(!1),k=v[0],B=v[1],I=Object(r.useState)(""),_=I[0],C=I[1],T=Object(r.useContext)(h.a),$=T[0],D=(T[1],Object(r.useState)(!0)),S=D[0],O=D[1],N=s.a.createRef(),z=[],L=0;L<100;L++)z.push(y("div",{key:L.toString()},y(d.a,{width:372,height:400,translucent:!0}),y(d.a,{width:100}),y(d.a,{width:150}),y(d.a,{width:372}),y(d.a,{width:372}),y(d.a,{width:372})));var G=function(n,e){n.preventDefault(),C(e),B(!k),window.history.pushState({url:window.location.href},"","".concat(window.location.href,"/").concat(e.slug)),U()},U=function(){try{var n,e,t=window.location.pathname.split("/");t[0]="home";var o,i="",a="",r=[];""===t[t.length-1]&&(i="home",a="home"),"home"==i&&(i=t.pop());var s=[];""==a&&t.length>1&&(a=t[1]),t.length>1&&t.shift(),o=t.join(":"),t.forEach((function(n,e){"home"==n&&(n=""),s.push(n),0==e?r.push('primaryCategory: "vespa:tha:th'.concat(""==n?"":":").concat(n,'"')):r.push("subCategory".concat(e,': "vespa:tha:th:').concat(s.join(":"),'"'))}));var l=document.createElement("script");l.id="adobe_page-load",l.innerHTML='\n              var digitalData = {}; \n              digitalData.page = {\n                pageInfo: { pageName: "vespa:tha:th:'.concat(o,'", site: "vespa:tha", language: "th"\n              },\n              category: { pageType: "').concat(a,'", ').concat(r.join(),' }, };\n              try { \n                _satellite.track("page load"); console.log( "page news-promotion modal loaded" ); \n              }\n               catch (error) {\n\n               }'),document.getElementById("adobe_page-load")&&document.getElementById("adobe_page-load").remove(),null===(n=document)||void 0===n||null===(e=n.body)||void 0===e||e.appendChild(l)}catch(c){console.log("error",c)}},E=Object(p.useQuery)(m.a,{variables:{offset:0,limit:6,category:["news","promotion"],contentCategory:"\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14"==$.contentCategory?null:$.contentCategory&&$.contentCategory.slug,year:"\u0e17\u0e38\u0e01\u0e1b\u0e35"==$.year?null:$.year,month:"\u0e17\u0e38\u0e01\u0e40\u0e14\u0e37\u0e2d\u0e19"==$.month?null:$.month&&$.month.number},notifyOnNetworkStatusChange:!0}),q=E.loading,A=E.data,R=E.fetchMore;return Object(r.useEffect)((function(){if(null!==A&&void 0!==A&&A.contents){var n=A.contents;j(n)}}),[A]),q?y(s.a.Fragment,null,"/news-promotion"==i.pathname&&y(d.a,{height:555}),y("div",{className:"jsx-3835149230 collection-grid-news"},z),y(a.a,{id:"3835149230"},[".collection-grid-news.jsx-3835149230{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-column-gap:20px;grid-row-gap:20px;margin-top:20px;margin-bottom:80px;cursor:pointer;}","@media only screen and (max-width:768px){.collection-grid-news.jsx-3835149230{grid-template-columns:1fr 1fr;}}","@media only screen and (max-width:540px){.collection-grid-news.jsx-3835149230{grid-template-columns:1fr;}}"])):y(s.a.Fragment,null,A.contents.length>0?y("div",{ref:N,className:"jsx-1763728355 collection-grid-news"},"/news-promotion"==i.pathname&&t&&t.id&&y("div",{onClick:function(n){return G(n,t)},className:"jsx-1763728355 collection-grid-news-item"},y(x.a,{content:t})),A&&w.map((function(n){return y("div",{key:n.id,onClick:function(e){return G(e,n)},className:"jsx-1763728355"},y(b.a,{content:n}))})),k?y(u.a,null,y(f.a,{parentCallback:function(n){B(!n),U()}.bind(undefined),content:_})):null):y("p",{className:"jsx-1763728355 no-content"},"\u0e44\u0e21\u0e48\u0e1e\u0e1a\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32"),A.contents.length>0&&S&&y("div",{className:"jsx-1763728355 ui-wrapper"},y("button",{"data-adobe_text":"view-more",type:"button",onClick:function(){R({variables:{offset:A.contents.length},updateQuery:function(n,t){var i=t.fetchMoreResult;return(c&&0==i.contents.length||e.length==A.contents.length+i.contents.length)&&O(!1),i?Object.assign({},n,{contents:[].concat(Object(o.a)(n.contents),Object(o.a)(i.contents))}):n}})},className:"jsx-1763728355 ui-button-flex"},"More")),y(a.a,{id:"1763728355"},[".collection-grid-news.jsx-1763728355{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-column-gap:20px;grid-row-gap:20px;margin-top:20px;margin-bottom:80px;cursor:pointer;}",".collection-grid-news-item.jsx-1763728355{grid-column:span 3;}","@media only screen and (max-width:768px){.collection-grid-news.jsx-1763728355{grid-template-columns:1fr 1fr;}}","@media only screen and (max-width:540px){.collection-grid-news.jsx-1763728355{grid-template-columns:1fr;grid-column-gap:0px;}.collection-grid-news-item.jsx-1763728355{grid-column:span 1;}}",".ui-wrapper.jsx-1763728355{display:block;position:relative;}",".ui-button-flex.jsx-1763728355{font-family:var(--font-custom);font-weight:500;font-size:15px;color:#fff;line-height:1.22em;outline:none;cursor:pointer;border:none;background:var(--color-mint);outline:none;display:block;width:30%;border-radius:30px;height:40px;box-sizing:border-box;margin:0 auto;}",".no-content.jsx-1763728355{font-weight:500;font-size:20px;color:var(--color-midgrey);text-align:center;line-height:17px;padding:3rem;}"]))}))},jNIf:function(n,e,t){"use strict";var o=t("MX0m"),i=t.n(o),a=t("q1tI"),r=t.n(a),s=t("b6Qr"),l=t("2uxE"),c=r.a.createElement;e.a=function(n){var e=n.content;return c(r.a.Fragment,null,c("div",{className:"jsx-1873458758 "+"card-news-link ".concat(s.isMobile?"no-hover":"")},c("div",{className:"jsx-1873458758 card-news-item"},c("div",{className:"jsx-1873458758 card-news-content"},c("div",{className:"jsx-1873458758 news-title"},c("div",{className:"jsx-1873458758 title-small news-title-category category-news"},e.contentCategory&&e.contentCategory.name_th),c("div",{className:"jsx-1873458758 title-small news-title-date"},Object(l.a)(e.publishDate)),c("div",{dangerouslySetInnerHTML:{__html:"".concat(e.title)},className:"jsx-1873458758 title-text"}),c("div",{className:"jsx-1873458758 shade"})),c("div",{style:{backgroundImage:"url(".concat(e.cover_url,")")},className:"jsx-1873458758 news-cover"})))),c(i.a,{id:"1873458758"},[".card-news-link.jsx-1873458758{grid-column:span 3;display:block;border-radius:2px;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;}",".card-news-item.jsx-1873458758{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-sizing:border-box;border-radius:2px;background:#ffffff;}",'.card-news-item.jsx-1873458758:after{padding-bottom:48%;content:" ";display:block;}',".card-news-link.jsx-1873458758{display:block;-webkit-transition:all 300ms ease;transition:all 300ms ease;}",".card-news-link.jsx-1873458758:hover .card-news-item.jsx-1873458758{-webkit-transition:all 200ms ease;transition:all 200ms ease;box-shadow:0 0 8px 0 rgba(0,0,0,0.12),0 8px 8px 0 rgba(0,0,0,0.24);}",".card-news-link.no-hover.jsx-1873458758 .card-news-item.jsx-1873458758{box-shadow:none;}",".card-news-content.jsx-1873458758{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:calc(33.33333% + 7px) 1fr;grid-template-rows:1fr;}",".news-cover.jsx-1873458758{position:relative;overflow:hidden;background-color:#ccc;font-size:0;background-size:cover;background-repeat:no-repeat;border-radius:0px;background-position:center;}",'.news-cover.jsx-1873458758:after{padding-bottom:73%;content:" ";display:block;}',".news-title.jsx-1873458758{box-sizing:border-box;display:block;padding:20px;overflow:hidden;height:100%;position:relative;}",".news-title.jsx-1873458758 .title-small.jsx-1873458758{font-size:14px;line-height:1.22em;padding-top:0.1em;padding-bottom:0.1em;color:#5a5a5c;}",".news-title.jsx-1873458758 .news-title-category.jsx-1873458758{font-weight:500;}",".news-title.jsx-1873458758 .news-title-date.jsx-1873458758{margin-bottom:1em;}",".news-title.jsx-1873458758 .title-text.jsx-1873458758{font-size:30px;font-weight:500;line-height:1.44em;color:#1e1e20;}",".news-title.jsx-1873458758 .content-text.jsx-1873458758{font-size:15px;font-weight:400;line-height:1.44em;color:#5a5a5c;position:absolute;top:30%;bottom:20px;left:20px;right:20px;}",".news-title.jsx-1873458758 .title-small.category-news.jsx-1873458758{color:#ffc800;}",".shade.jsx-1873458758{background-image:linear-gradient(180deg,rgba(255,255,255,0) 50%,#ffffff 100%);display:block;position:absolute;bottom:0;left:0;right:0;height:100px;}","@media only screen and (max-width:1024px){.news-title.jsx-1873458758 .title-text.jsx-1873458758{font-size:21px;line-height:1.33em;}.news-title.jsx-1873458758 .content-text.jsx-1873458758{font-size:14px;font-weight:400;line-height:1.44em;color:#5a5a5c;position:absolute;top:50%;bottom:20px;left:20px;right:20px;}}",'@media only screen and (max-width:768px){.card-news-link.jsx-1873458758{grid-column:span 2;}.card-news-item.jsx-1873458758:after{padding-bottom:54%;content:" ";display:block;}.card-news-content.jsx-1873458758{grid-template-columns:40% 1fr;}.news-cover.jsx-1873458758:after{padding-bottom:90%;content:" ";display:block;}.news-title.jsx-1873458758 .title-small.jsx-1873458758{font-size:12px;}.news-title.jsx-1873458758 .title-text.jsx-1873458758{font-size:13px;line-height:1.33em;}}','@media only screen and (max-width:540px){.card-news-link.jsx-1873458758{grid-column:span 1;}.card-news-item.jsx-1873458758:after{padding-bottom:168%;content:" ";display:block;}.card-news-content.jsx-1873458758{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto 36%;}.news-cover.jsx-1873458758{grid-row-start:1;}.news-cover.jsx-1873458758:after{padding-bottom:100%;content:" ";display:block;}.news-title.jsx-1873458758:after{display:block;content:" ";padding-bottom:26%;}.news-title.jsx-1873458758 .title-small.jsx-1873458758{font-size:14px;}.news-title.jsx-1873458758 .title-text.jsx-1873458758{font-size:15px;line-height:1.44em;}.news-title.jsx-1873458758 .content-text.jsx-1873458758{display:none;}}']))}},z7pX:function(n,e,t){"use strict";t.d(e,"a",(function(){return a}));var o=t("6FTQ");var i=t("8rE2");function a(n){return function(n){if(Array.isArray(n))return Object(o.a)(n)}(n)||function(n){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(n))return Array.from(n)}(n)||Object(i.a)(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}},zcEj:function(n,e,t){"use strict";t.d(e,"a",(function(){return a})),t.d(e,"b",(function(){return r}));var o=t("q1tI"),i=t.n(o).a.createElement,a=Object(o.createContext)(),r=function(n){var e=Object(o.useState)({contentCategory:"\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14",year:"\u0e17\u0e38\u0e01\u0e1b\u0e35",month:"\u0e17\u0e38\u0e01\u0e40\u0e14\u0e37\u0e2d\u0e19"}),t=e[0],r=e[1];return i(a.Provider,{value:[t,r]},n.children)}}}]);