https://shop.thegreenchapter.com/static/js/blog-item.4b12204d.chunk.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7025],{20138:(e,t,o)=>{e.exports=o(12922).wrapCssModule(e.id,o(95987))},20470:(e,t,o)=>{e.exports=o(12922).wrapCssModule(e.id,o(94595))},39532:(e,t,o)=>{e.exports=o(12922).wrapCssModule(e.id,o(35541))},52600:(e,t,o)=>{"use strict";o.d(t,{Bl:()=>m,DN:()=>l,EL:()=>s,GK:()=>i,_2:()=>a,eG:()=>r,uR:()=>c,yR:()=>n});const m='BLOG_ITEM/COMMENTS/REQUESTED',s=(e,t,o)=>({type:m,payload:{blogItemId:e,options:{page:{index:t,size:o}}}}),n='BLOG_ITEM/COMMENTS/RECEIVED',a=e=>({type:n,payload:e}),l='BLOG_ITEM/COMMENT/SUBMITTED',i=e=>({type:l,payload:e}),r='BLOG_ITEM/COMMENT/PROCESSED',c=()=>({type:r})},23912:(e,t,o)=>{"use strict";var m=o(20564),s=o(12134),n=o(17694),a=o(43144),l=o(10437),i=o(52600);var r=o(34728),c=o(70997),d=o(40119),g=o(94385),p=o(95027),h=o(83589),u=o(69230);const C=(e,t,o)=>{let{api:m,logger:C}=o;const _=e.pipe((0,s.g)(r.ty)),b=e.pipe((0,s.g)(i.Bl),(0,n.p)((e=>m.graphApi(" query BlogComments($blogItemId:ID!,$options:BlogCommentsLoadOptions!){pages{blogItem(id:$blogItemId){blogItem{comments(options:$options){items{date details name title}}}}}}",e.payload).pipe((0,a.ZZ)((e=>{let{pages:{blogItem:t}}=e;return t?(0,h.of)((0,i._2)(t.blogItem.comments.items)):p.w})),(0,l.Q)(_))))),x=e.pipe((0,s.g)(i.DN),(0,n.p)((t=>m.graphApi(" mutation AddBlogComment($input:BlogCommentInput!){blogItemPage{addComment(input:$input)}}",{input:t.payload}).pipe((0,a.ZZ)((()=>[(0,i.uR)(),(0,c.QQ)(d.qY.Comment),(0,d.xL)(d.qY.Comment)])),(0,g.lu)(['INVALID_INPUT'],(0,h.of)((0,c.QQ)(d.qY.Comment),(0,d.xL)(d.qY.Comment))),(0,g.WC)(e,C,(e=>(0,h.of)((0,c.QQ)(d.qY.Comment),(0,d.xL)(d.qY.Comment)))),(0,l.Q)(_)))));return(0,u.h)(b,x)};(0,m.A)('blogItem',(function(e,t){switch(void 0===e&&(e=null),t.type){case i.yR:return{...e,blogItem:{...e.blogItem,comments:{...e.blogItem.comments,items:e.blogItem.comments.items.concat(t.payload)}}};case i.eG:return{...e,blogItem:{...e.blogItem,comments:{...e.blogItem.comments,saved:Date.now()}}};default:return e}}),C)},15441:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>x});var m=o(31130),s=o(94708),n=o(25498),a=o(86459),l=o(14940),i=o(15166),r=o(51668),c=o(21010);const d=e=>{let{item:t}=e;const o=(0,i.useCultureName)(),m=(0,l.Bk)(),s=(0,l.$I)(t,o,m);return(0,c.jsx)(a.mg,{children:(0,c.jsx)("script",{type:"application/ld+json",children:JSON.stringify(s)})})},g=(0,n.memo)(d,(e=>!0)),p=(0,r.A)(g);var h=o(74393),u=o(96575);const C=e=>{let{item:t}=e;const o=(0,i.useCultureName)(),{context:{origin:m}}=(0,h.A)(),s=(0,u.cO)(t.url,m),n=(0,u.cO)(t.image,m);return(0,c.jsxs)(a.mg,{children:[(0,c.jsx)("meta",{property:"og:type",content:"article"}),(0,c.jsx)("meta",{property:"og:title",content:t.title}),(0,c.jsx)("meta",{property:"og:url",content:s}),n&&(0,c.jsx)("meta",{property:"og:image",content:n}),t.shortDescription&&(0,c.jsx)("meta",{property:"og:description",content:t.shortDescription}),(0,c.jsx)("meta",{property:"og:locale",content:o})]})},_=(0,n.memo)(C,(e=>!0)),b=(0,r.A)(_),x=e=>{let{desktop:t,mobile:o,blogItem:n}=e;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.$U,{at:"xs",children:(0,m.U)(o)}),(0,c.jsx)(s.$U,{greaterThanOrEqual:"sm",children:(0,m.U)(t)}),(0,c.jsx)(p,{item:n}),(0,c.jsx)(b,{item:n})]})}},90119:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>a});var m=o(18913),s=o(70358),n=o(21010);const a=()=>{const e=(0,s.useSelector)((e=>{var t;return null==(t=e.page.blogItem)?void 0:t.author})),{texts:[t],loaded:o}=(0,m.LW)(['BlogItemAuthor_WrittenBy']);return o&&e?(0,n.jsx)("div",{className:"blog-author-block",children:(0,m._V)(t,[e])??e}):null}},38196:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var m=o(12922),s=o(20138),n=o.n(s),a=o(25498),l=o(70358),i=o(18913),r=o(92904),c=o(21010);const d=()=>{const e=(0,l.useSelector)((e=>e.page.blogItem.categories));return 0===e.length?null:(0,c.jsxs)("div",{className:n().container,children:[(0,c.jsxs)("span",{children:[(0,c.jsx)(i.gJ,{textKey:"BlogItemCategories_Title"}),":"]}),e&&(0,c.jsx)("div",{className:n().list,children:e.map(((e,t)=>(0,c.jsx)(r.C,{name:"Categories",id:e.id,value:e.title,"aria-label":e.title,omitScroll:!1,children:(0,c.jsx)("span",{className:n().item,children:e.title})},t)))})]})},g=(0,m.withStyles)(n())((0,a.memo)(d))},49007:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>B});var m=o(12922),s=o(20470),n=o.n(s),a=o(25498),l=o(70358),i=o(52600),r=o(18913),c=o(15166),d=o(34814),g=o(21010);const p=e=>{let{totalCount:t,comments:o,onShowNextComments:m}=e;const s=o.length<t?Math.floor(o.length/10):null,a=(0,c.useCultureName)();return(0,g.jsx)("div",{className:n().cnt,children:0===t?(0,g.jsx)("p",{className:`msg-block ${n().noComments}`,children:(0,g.jsx)(r.gJ,{textKey:"BlogItemComments_NoCommentsYet"})}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("ul",{className:"clearfix",children:o.map(((e,t)=>(0,g.jsxs)("li",{"aria-label":e.title,children:[(0,g.jsxs)("div",{className:n().c

1ommentHeading,children:[(0,g.jsx)("h3",{className:`h4 ${n().commentTitle}`,children:(0,r.g_)(e.title)}),(0,g.jsx)("span",{children:"\xa0"}),(0,g.jsx)("span",{className:n().commentAuthor,children:(0,g.jsx)(r.gJ,{textKey:"BlogItemComments_CommentedBy",formatWith:[(0,r.g_)(e.name)]})}),(0,g.jsx)("span",{"aria-hidden":!0,children:"\xa0-\xa0"}),(0,g.jsx)("time",{dateTime:e.date,children:(0,c.toLocaleDate)(e.date,a)})]}),(0,g.jsx)("div",{className:n().commentDetails,children:(0,r.g_)(e.details)})]},t)))}),s&&(0,g.jsx)("div",{className:n().btnLoadMoreWrapper,children:(0,g.jsx)(d.Oi,{textKey:"ShowNextNComments",size:"lg",icon:(0,g.jsx)(d.ZL,{}),formatWith:[10],onClick:()=>m(s)})})]})})},h=(0,m.withStyles)(n())((0,a.memo)(p));var u=o(40119),C=o(41457),_=o(86590),b=o(6360),x=o(76809);const v=(0,m.withStyles)(n())((()=>{const{texts:[e],loaded:t}=(0,r.KR)(['BlogItemComments_Details_Description']);return t?(0,g.jsxs)("div",{className:n().detailsMessage,children:[(0,g.jsx)("span",{className:n().icon,children:(0,g.jsx)(b.A,{"aria-hidden":!0})}),e]}):(0,g.jsx)(x.O,{})}));var I=o(88936),f=o(42980);const j=e=>e.stopPropagation(),y=e=>{let{id:t,blogItemTitle:o,onSubmit:m,savedDate:s,isDesignerMode:i}=e;const[c,d,p,h,b,x]=(0,r.KR)(['BlogItemComments_Title','BlogItemComments_Details','BlogItemComments_Name','BlogItemComments_Email','BlogItemComments_DetailsRequiredValidationMessage','Aria_Blog_SubmitComment_Label']).texts,y=(0,l.useSelector)((e=>e.user.isAuthenticated?e.user.email:null)),w={email:y??''},N=(0,_.BF)(m,u.qY.Comment,[]),B=(0,I.x)(N.onSubmit);return(0,a.useEffect)((()=>{s&&Date.now()<s+500&&C.b.success('',{textKey:'BlogItemComments_CommentSentSuccessfully'})}),[s]),(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("h3",{className:n().writeHeading,children:(0,g.jsx)(r.gJ,{textKey:"BlogItemComments_FormTitle"})}),(0,g.jsx)("div",{children:(0,g.jsx)(r.gJ,{textKey:"BlogItemComments_FormDescription"})}),(0,g.jsxs)(_.gK,{name:t,onSubmit:B,initialValues:w,shouldReset:s,tabIndex:-1,onKeyDown:j,className:n().form,children:[(0,g.jsxs)("div",{className:n().blogItemTitleRow,children:[(0,g.jsx)("div",{className:n().blogItemTitleLabel,children:(0,g.jsx)(r.gJ,{textKey:"BlogItemComments_BlogItemTitle"})}),(0,g.jsx)("span",{className:`h4 ${n().blogItemTitle}`,children:o})]}),(0,g.jsx)(_.gE,{fieldName:"title",fieldTitle:c,fieldComponent:_.dY,maxLength:200,required:!0,validation:{required:!0,readableName:!0},disabled:i}),(0,g.jsx)(_.gE,{fieldName:"details",fieldTitle:d,fieldComponent:_.l2,descriptionComponent:v,maxLength:2e3,required:!0,validation:{required:{message:b}},disabled:i}),(0,g.jsx)(_.gE,{fieldName:"name",fieldTitle:p,fieldComponent:_.dY,maxLength:100,required:!0,validation:{required:!0,readableName:!0},disabled:i}),(0,g.jsx)(_.gE,{fieldName:"email",fieldTitle:h,fieldComponent:_.tB,maxLength:80,required:!0,validation:{required:!0},disabled:i||!!y}),i?(0,g.jsx)(f.n,{className:n().captcha}):(0,g.jsx)(_.KP,{ref:N.captchaRef,captchaId:u.qY.Comment}),(0,g.jsx)(_.gK.SubmitRow,{className:n().submitBtn,onClick:i?e=>e.preventDefault():void 0,"aria-label":x})]})]})},w=(0,m.withStyles)(n())((0,a.memo)(y)),N=e=>{let{id:t,isDesignerMode:o}=e;const m=(0,l.useDispatch)(),{blogItemId:s,blogItemTitle:c,showComments:d,comments:p}=(0,l.useSelector)((e=>{const t=e.page,{blog:o}=e.settings;return{blogItemId:t.blogItem.id,blogItemTitle:t.blogItem.title,showComments:t.blogItem.showComments&&o.showComments,comments:t.blogItem.comments}}),l.shallowEqual),u=(0,a.useCallback)((e=>{!o&&m((0,i.EL)(s,e))}),[s,o]),C=(0,a.useCallback)((e=>{m((0,i.GK)({blogItemId:s,...e}))}),[s]);return d||o?(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("h2",{className:n().heading,children:(0,g.jsx)(r.gJ,{textKey:"BlogItemComments_CommentsAmountHeader",formatWith:[p.totalCount]})}),(0,g.jsx)(h,{totalCount:p.totalCount,comments:p.items,onShowNextComments:u}),(0,g.jsx)(w,{id:t,blogItemTitle:c,onSubmit:C,savedDate:p.saved,isDesignerMode:o})]}):null},B=(0,m.withStyles)(n())((0,a.memo)(N))},74736:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var m=o(18913),s=o(70358),n=o(15166),a=o(21010);const l=()=>{const{texts:[e],loaded:t}

1=(0,m.LW)(['BlogItemPublishDate_Label']),o=(0,s.useSelector)((e=>{let{page:t}=e;return t.blogItem.publishDate})),l=(0,n.useCultureName)();if(!t)return null;const i=(0,n.toLocaleDateUtc)(o,l);return(0,a.jsx)("div",{className:"blog-publish-date-block",children:(0,m._V)(e,[i])??i})}},83558:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>g});var m=o(12922),s=o(39532),n=o.n(s),a=o(70358),l=o(25498),i=o(18913),r=o(92904),c=o(21010);const d=()=>{const e=(0,a.useSelector)((e=>e.page.blogItem.tags));return 0===e.length?null:(0,c.jsxs)("div",{className:n().container,children:[(0,c.jsxs)("span",{children:[(0,c.jsx)(i.gJ,{textKey:"BlogItemTags_Title"}),":"]}),(0,c.jsx)("div",{className:n().list,children:e&&e.map(((e,t)=>(0,c.jsx)(r.C,{name:"Tags",id:e.id,value:e.title,"aria-label":e.title,omitScroll:!1,children:(0,c.jsx)("span",{className:n().item,children:e.title},t)},t)))})]})},g=(0,m.withStyles)(n())((0,l.memo)(d))},95987:(e,t,o)=>{var m=o(68723),s=o(95756)(m);s.push([e.id,".Categories_container{display:inline-flex;flex-wrap:wrap;gap:.5em}.Categories_item{background-color:var(--theme-tag_BackgroundColor,#f7f7f7);border:1px solid var(--theme-tag_BorderColor,#c2c2c2);border-radius:3px;display:inline-block;padding:0 .5em;white-space:nowrap}html.pointer-mouse .Categories_item:hover{background-color:var(--theme-tag_Hover_BackgroundColor,#2289e3);border-color:var(--theme-tag_Hover_BorderColor,#2289e3)}@supports(not (-webkit-hyphens:none)) and (not (-moz-appearance:none)) and (list-style-type:\"*\"){@media(pointer:coarse){html:not(.pointer-mouse) .Categories_item:active{background-color:var(--theme-tag_Hover_BackgroundColor,#2289e3);border-color:var(--theme-tag_Hover_BorderColor,#2289e3)}}}.Categories_list a{display:inline-block;margin-bottom:5px;margin-right:5px}.Categories_list a span{color:var(--theme-tag_Color,#4c4c4c)}html.pointer-mouse .Categories_list a:hover span{color:var(--theme-tag_Hover_Color,#f7f7f7)}@supports(not (-webkit-hyphens:none)) and (not (-moz-appearance:none)) and (list-style-type:\"*\"){@media(pointer:coarse){html:not(.pointer-mouse) .Categories_list a:active span{color:var(--theme-tag_Hover_Color,#f7f7f7)}}}",""]),s.locals={container:"Categories_container",item:"Categories_item",list:"Categories_list"},e.exports=s},94595:(e,t,o)=>{var m=o(68723),s=o(95756)(m);s.push([e.id,".Comments_heading{margin:0}.Comments_write-heading{margin:.4em 0}.Comments_blog-item-title-row{display:table;margin-bottom:20px;table-layout:fixed;width:100%}.Comments_blog-item-title-label{display:table-cell;overflow:hidden;padding-right:3%;text-overflow:ellipsis;vertical-align:top;width:36%}.Comments_blog-item-title{margin:0}.Comments_form{margin-top:1em;max-width:53.85em}.Comments_no-comments,.Comments_submit-btn{margin-bottom:0}.Comments_no-comments{margin-top:1em}.Comments_comment-heading{align-items:baseline;display:flex;flex-wrap:wrap}.Comments_details-message{color:var(--theme-regularTitle_Color,#333);line-height:1.2;margin-top:.6em}.Comments_details-message .Comments_icon{margin-right:.5em}.Comments_details-message .Comments_icon img,.Comments_details-message .Comments_icon svg{max-height:1.2em;max-width:1.2em;vertical-align:sub}.Comments_captcha{margin-bottom:20px}.Comments_captcha img{box-shadow:0 0 4px 1px rgba(0,0,0,.08);vertical-align:bottom}.Comments_cnt{margin:1em 0}.Comments_cnt ul{list-style:none;margin:0;padding:0}.Comments_cnt li{border-bottom-style:solid;border-bottom-width:1px;border-color:var(--theme-table_BorderColor,#e6e6e6);margin-top:10px;padding-bottom:10px}.Comments_cnt li:first-child{margin-top:0}.Comments_cnt .Comments_btn-load-more-wrapper{text-align:right}.Comments_cnt .Comments_btn-load-more-wrapper button{width:100%}.Comments_cnt .Comments_comment-title{margin:0}@media not all and (min-width:env(--theme-breakpoints_Small,600)px){.Comments_captcha{text-align:right}.Comments_captcha img{margin-left:0}}@media (min-width:env(--theme-breakpoints_Small,600)px),print{.Comments_cnt .Comments_btn-load-more-wrapper{display:flex;justify-content:flex-end}

1.Comments_cnt .Comments_btn-load-more-wrapper button{width:auto}}.Comments_comment-author,.Comments_comment-details{/*!*/}",""]),s.locals={heading:"Comments_heading","write-heading":"Comments_write-heading",writeHeading:"Comments_write-heading","blog-item-title-row":"Comments_blog-item-title-row",blogItemTitleRow:"Comments_blog-item-title-row","blog-item-title-label":"Comments_blog-item-title-label",blogItemTitleLabel:"Comments_blog-item-title-label","blog-item-title":"Comments_blog-item-title",blogItemTitle:"Comments_blog-item-title",form:"Comments_form","no-comments":"Comments_no-comments",noComments:"Comments_no-comments","submit-btn":"Comments_submit-btn",submitBtn:"Comments_submit-btn","comment-heading":"Comments_comment-heading",commentHeading:"Comments_comment-heading","details-message":"Comments_details-message",detailsMessage:"Comments_details-message",icon:"Comments_icon",captcha:"Comments_captcha",cnt:"Comments_cnt","btn-load-more-wrapper":"Comments_btn-load-more-wrapper",btnLoadMoreWrapper:"Comments_btn-load-more-wrapper","comment-title":"Comments_comment-title",commentTitle:"Comments_comment-title","comment-author":"Comments_comment-author",commentAuthor:"Comments_comment-author","comment-details":"Comments_comment-details",commentDetails:"Comments_comment-details"},e.exports=s},35541:(e,t,o)=>{var m=o(68723),s=o(95756)(m);s.push([e.id,".Tags_container{display:inline-flex;flex-wrap:wrap;gap:.5em}.Tags_item{background-color:var(--theme-tag_BackgroundColor,#f7f7f7);border:1px solid var(--theme-tag_BorderColor,#c2c2c2);border-radius:3px;display:inline-block;padding:0 .5em;white-space:nowrap}html.pointer-mouse .Tags_item:hover{background-color:var(--theme-tag_Hover_BackgroundColor,#2289e3);border-color:var(--theme-tag_Hover_BorderColor,#2289e3)}@supports(not (-webkit-hyphens:none)) and (not (-moz-appearance:none)) and (list-style-type:\"*\"){@media(pointer:coarse){html:not(.pointer-mouse) .Tags_item:active{background-color:var(--theme-tag_Hover_BackgroundColor,#2289e3);border-color:var(--theme-tag_Hover_BorderColor,#2289e3)}}}.Tags_list a{display:inline-block;margin-bottom:5px;margin-right:5px}.Tags_list a span{color:var(--theme-tag_Color,#4c4c4c)}html.pointer-mouse .Tags_list a:hover span{color:var(--theme-tag_Hover_Color,#f7f7f7)}@supports(not (-webkit-hyphens:none)) and (not (-moz-appearance:none)) and (list-style-type:\"*\"){@media(pointer:coarse){html:not(.pointer-mouse) .Tags_list a:active span{color:var(--theme-tag_Hover_Color,#f7f7f7)}}}",""]),s.locals={container:"Tags_container",item:"Tags_item",list:"Tags_list"},e.exports=s}}]);
2//# sourceMappingURL=blog-item.4b12204d.chunk.js.map