https://www.true.th/_next/static/chunks/91.f2978473a3ef01e4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91],{2091:function(n,e,t){"use strict";t.r(e);var o=t(5893),a=t(7294),i=t(1144),l=t.n(i),_=t(4954),r=t.n(_),c=t(3293),d=t(1163),b=t(309),u=t(1719),s=t(4961),m=t(1564),g=t(9808),h=t(6122),v=t(9674),p=t(4720);e.default=n=>{let{items:e,gtm_tracking:t}=n,i=(0,d.useRouter)(),[_,y]=(0,a.useState)(!1),x="Asia/Bangkok",w=(0,m.zW)(new Date,x),k=e.map(n=>({...n,bannerPosition:"left"===n.bannerPosition||"right"===n.bannerPosition?n.bannerPosition:"right",bgColor:n.bgColor||"Default",alignment:(null==n?void 0:n.alignment)==="center"?l().align_center:""})),T=n=>{if(!c.$Z)return;let e=(0,c.Vt)(n).toLowerCase().replace(/\s+/g,"_");(0,c.FL)({location:i.asPath,event:"user_interaction",type:"button",action:"click",description:"button | see_more_".concat(e),locale:i.locale||""})},f=n=>{if(!c.$Z)return;let e=(0,c.Vt)(n).toLowerCase().replace(/\s+/g,"_");(0,c.FL)({location:i.asPath,event:"user_interaction",type:"button",action:"click",description:"button | ".concat(e),locale:i.locale||""})},j=(n,e)=>{var o,a,l,_,r;if(f(n.title||""),(null==n?void 0:null===(o=n.ecommerce_track)||void 0===o?void 0:o.isEcommerce)&&(null==t?void 0:null===(a=t.item_ecommerce)||void 0===a?void 0:a.click_event)?(0,c.o)({btn_name:(null==n?void 0:n.title)||"",item_name:(null==n?void 0:n.item_name)||"",id:(null==n?void 0:null===(l=n.ecommerce_track)||void 0===l?void 0:l.id)||"",type:(null==n?void 0:null===(_=n.ecommerce_track)||void 0===_?void 0:_.type)||"",form_id:(null==n?void 0:null===(r=n.ecommerce_track)||void 0===r?void 0:r.form_id)||"",gtm_tracking:t,router:i,index_item:e}):(0,c._B)({btn_name:(null==n?void 0:n.title)||"",item_name:(null==n?void 0:n.item_name)||"",gtm_tracking:t,router:i}),n.href){let e=n.href;window.location&&(0,v.mN)(window.location.pathname)&&window.location.search&&(e=(0,v.x3)(e,window.location.search)),(0,v.nG)(e,!0)}},N=(n,e)=>{var o;f(e||""),(0,c._B)({btn_name:e||"",item_name:(null===(o=n[0])||void 0===o?void 0:o.item_name)||"",gtm_tracking:t,router:i}),y(!0)},C=(n,e,o)=>{var a,l,_,r,d;if(T(n.uniqueTitle||e.href||""),f(e.title||""),(null==e?void 0:null===(a=e.ecommerce_track)||void 0===a?void 0:a.isEcommerce)&&(null==t?void 0:null===(l=t.item_ecommerce)||void 0===l?void 0:l.click_event)?(0,c.o)({btn_name:e.title||"",item_name:(null==e?void 0:e.item_name)||"",id:(null==e?void 0:null===(_=e.ecommerce_track)||void 0===_?void 0:_.id)||"",type:(null==e?void 0:null===(r=e.ecommerce_track)||void 0===r?void 0:r.type)||"",form_id:(null==e?void 0:null===(d=e.ecommerce_track)||void 0===d?void 0:d.form_id)||"",gtm_tracking:t,router:i,index_item:o}):(0,c._B)({btn_name:e.title||"",item_name:(null==e?void 0:e.item_name)||"",gtm_tracking:t,router:i}),e.href){let n=e.href;window.location&&(0,v.mN)(window.location.pathname)&&window.location.search&&(n=(0,v.x3)(n,window.location.search)),(0,v.nG)(n,!0)}},I=k.filter(n=>{let e=void 0!==n.show,t=!!n.start_date,o=!!n.expire_date,a=!0;if(e||t||o){var i,l;let e=t?(0,m.zW)((0,b.D)(null!==(i=n.start_date)&&void 0!==i?i:""),x):null,_=o?(0,m.zW)((0,b.D)(null!==(l=n.expire_date)&&void 0!==l?l:""),x):null;a=!!(!e&&!_||!e&&_&&(0,u.R)(w,_)||e&&!_&&(0,s.A)(w,e)||e&&_&&(0,s.A)(w,e)&&(0,u.R)(w,_))&&!!n.show}return a});return(0,o.jsx)(o.Fragment,{children:I.map((n,e)=>{var a,i,c,d,b,u,s,m,v,x;let w="Homepage"===n.page&&"left"===n.bannerPosition;return(0,o.jsxs)("div",{className:"".concat(l().outer_container," ").concat(w?l().outer_container_gradient:""," \n            ").concat("Gradient Gray"===n.bgColor?l().bg_gradient_gray:""," \n            ").concat("Dark Gray"===n.bgColor?l().bg_dark_gray:"","\n            ").concat("white"===n.bgColor?l().bg_white:"","\n            ").concat("charcoal-gray"===n.bgColor?l().bg_charcoal_gray:"","\n            ").concat("black"===n.bgColor?l().bg_black:""),children:[(0,o.jsx)("div",{className:"".concat(l().inner_container),children:(0,o.jsx)("div",{className:l().banner_type,children:(0,o.jsxs)("div",{className:l().banner_item,children:["left"===n.bannerPosition&&(0,o.jsx)("div",{className:"\n                        ".concat("square-image-left"===n.style_content||"square-image-right"===n.style_content?l().banner_image_square_box:l().banner_image_box,"\n                        ").concat(l().banner_image_box_left,"\n                      "),children:(0,o.jsx)(p.Z,{src:n.banner,alt:(null==n?void 0:n.alt)||"",imgClassName:l().banner_image,maxWidth:1200,sizes:"(max-width: 768px) 100vw, 50vw",intrinsicWidth:676,intrinsicHeight:380,placeholder:"blur",objectFit:"cover",priority:0===e})},e),(0,o.jsxs)("div",{className:"".concat(l().banner_text_box," ").concat(null==n?void 0:n.alignment),children:[n.highlight&&(0,o.jsx)("h2",{className:"".concat(l().banner_title," ").concat("charcoal-gray"===n.bgColor||"black"===n.bgColor?l().color_white:""),dangerouslySetInnerHTML:{__html:n.highlight}}),n.title&&(n.highlight?(0,o.jsx)("h3",{className:"".concat(l().banner_highlight," ").concat("charcoal-gray"===n.bgColor||"black"===n.bgColor?l().color_white:""),dangerouslySetInnerHTML:{__html:n.title}}):(0,o.jsx)("h2",{className:"".concat(l().banner_highlight," ").concat("charcoal-gray"===n.bgColor||"black"===n.bgColor?l().color_white:""),dangerouslySetInnerHTML:{__html:n.title}})),n.subTitleIcon&&(0,o.jsx)("div",{className:l().banner_img_highlight,children:(0,o.jsx)(p.Z,{src:n.subTitleIcon,alt:n.alt||"",maxWidth:400,sizes:"(max-width: 768px) 80vw, 400px",placeholder:"blur",objectFit:"contain"})}),n.description&&((n.highlight||n.title)&&n.highlight&&n.title?(0,o.jsx)("h4",{className:"".concat(l().banner_description," ").concat("charcoal-gray"===n.bgColor||"black"===n.bgColor?l().color_white:""),dangerouslySetInnerHTML:{__html:n.description}}):(0,o.jsx)("h3",{className:"".concat(l().banner_description," ").concat("charcoal-gray"===n.bgColor||"black"===n.bgColor?l().color_white:""),dangerouslySetInnerHTML:{__html:n.description}})),n.notice&&(0,o.jsx)("h4",{className:"".concat(r().editor),dangerouslySetInnerHTML:{__html:n.notice}}),(null==n?void 0:n.add_on_button)&&(null==n?void 0:null===(i=n.add_on_button)||void 0===i?void 0:null===(a=i.button)||void 0===a?void 0:a.length)>0&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:l().add_on_button_container,children:[null==n?void 0:null===(c=n.add_on_button)||void 0===c?void 0:c.title,(null==n?void 0:n.add_on_button.button.length)>=1&&(0,o.jsx)("div",{className:l().add_on_container,children:n.add_on_button.button.map((n,t)=>(0,o.jsx)(g.z,{className:l().add_on_button,customVariant:"outlined"===n.style?"outlined":"filled",onClick:()=>j(n.link,e),children:n.link.title},t))})]}),(0,o.jsx)("div",{className:l().add_on_more_text,children:null==n?void 0:null===(d=n.add_on_button)||void 0===d?void 0:d.add_on_more_text})]}),(null==n?void 0:null===(b=n.action)||void 0===b?void 0:b.length)>1?(0,o.jsx)(o.Fragment,{children:(0,o.jsx)("div",{className:"".concat(l().button_buy_n

1ow," ").concat((null==n?void 0:n.full_width_button)?l().full_width_button:""),children:(0,o.jsx)(g.z,{className:"".concat(l().button," ").concat((null==n?void 0:n.full_width_button)?l().full_width_button:""),customVariant:(null==n?void 0:null===(u=n.buy_now_button)||void 0===u?void 0:u.style)=="outlined"?"outlined":"filled",onClick:()=>{var e;N(null==n?void 0:n.action,(null==n?void 0:null===(e=n.buy_now_button)||void 0===e?void 0:e.button_name)||"")},children:(null==n?void 0:null===(s=n.buy_now_button)||void 0===s?void 0:s.button_name)||""})})}):(0,o.jsx)(o.Fragment,{children:null===(m=n.action)||void 0===m?void 0:m.map((t,a)=>{var i;return(0,o.jsx)("div",{className:"".concat(l().button_buy_now," ").concat((null==n?void 0:n.full_width_button)?l().full_width_button:""),children:(0,o.jsx)(g.z,{className:"".concat(l().button," ").concat((null==n?void 0:n.full_width_button)?l().full_width_button:""),onClick:()=>C(n,t,e),customVariant:(null==n?void 0:null===(i=n.buy_now_button)||void 0===i?void 0:i.style)=="outlined"?"outlined":"filled",children:t.title})},a)})})]}),"right"===n.bannerPosition&&(0,o.jsx)("div",{className:"\n                        ".concat("square-image-left"===n.style_content||"square-image-right"===n.style_content?l().banner_image_square_box:l().banner_image_box,"\n                        ").concat(l().banner_image_box_right,"\n                      "),children:(0,o.jsx)(p.Z,{src:n.banner,alt:(null==n?void 0:n.alt)||"",imgClassName:l().banner_image,maxWidth:1200,intrinsicWidth:676,intrinsicHeight:380,sizes:"(max-width: 768px) 100vw, 50vw",placeholder:"blur",objectFit:"cover",priority:0===e})},e)]})})}),(0,o.jsx)(h.N,{open:_,onClose:()=>y(!1),titleKey:null==n?void 0:null===(v=n.popup)||void 0===v?void 0:v.title,descriptionKey:null==n?void 0:null===(x=n.popup)||void 0===x?void 0:x.description,buttons:null==n?void 0:n.action,gtm_tracking:t,indexItem:e})]},e)})})}},1144:function(n){n.exports={outer_container:"bannerType_outer_container___jwJt",outer_container_gradient:"bannerType_outer_container_gradient__XhYNB",bg_gradient_gray:"bannerType_bg_gradient_gray__4L74_",bg_dark_gray:"bannerType_bg_dark_gray__KTaQq",bg_white:"bannerType_bg_white__0l8ge",bg_charcoal_gray:"bannerType_bg_charcoal_gray__ycnNq",bg_black:"bannerType_bg_black___Ip82",inner_container:"bannerType_inner_container__A6u6k",banner_type:"bannerType_banner_type__JO5Nr",banner_item:"bannerType_banner_item__CaI7Q",banner_image_square_box:"bannerType_banner_image_square_box__4_yof",banner_text_box:"bannerType_banner_text_box__TJk36",banner_image_box:"bannerType_banner_image_box__FwBtx",banner_image_box_left:"bannerType_banner_image_box_left__Lul02",banner_image_box_right:"bannerType_banner_image_box_right__eczsh",banner_image:"bannerType_banner_image__csDMh",align_center:"bannerType_align_center__X2XZS",banner_title:"bannerType_banner_title__zICD7",banner_highlight:"bannerType_banner_highlight__t1dkk",banner_img_highlight:"bannerType_banner_img_highlight__e9wdq",banner_description:"bannerType_banner_description__d3_MV",btn_container:"bannerType_btn_container__4Srk4",banner_link:"bannerType_banner_link__3XIVc",banner_link_blue:"bannerType_banner_link_blue___xOKY",banner_label:"bannerType_banner_label__grK0o",add_on_button_container:"bannerType_add_on_button_container__lJtHd",add_on_container:"bannerType_add_on_container__TI9Hc",add_on_button:"bannerType_add_on_button__dKcqR",add_on_more_text:"bannerType_add_on_more_text__v_AZ5",button_buy_now:"bannerType_button_buy_now__4THVG",button:"bannerType_button__Qxvz0",full_width_button:"bannerType_full_width_button__egAr5",color_white:"bannerType_color_white__vG4RW"}}}]);