{"version":3,"file":"js/mobileBlogList.bundle.js?a36a3594d1903ff918a4","mappings":"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","sources":["webpack://compress-and-tidy/./assets/js/react/common/components/image.tsx","webpack://compress-and-tidy/./assets/js/react/features/blogList/card.tsx","webpack://compress-and-tidy/./assets/js/react/features/blogList/container.tsx","webpack://compress-and-tidy/./assets/js/react/features/blogList/index.tsx"],"sourcesContent":["import React, { CSSProperties, useState, FC } from 'react';\r\nimport { CardImageProps, ImageContainer } from '../types';\r\n\r\ninterface ExtendedCardImageProps extends CardImageProps {\r\n  ratio?: string;\r\n  customStyle?: CSSProperties;\r\n}\r\n\r\nconst ResponsiveImage: FC<ExtendedCardImageProps> = ({\r\n  webpUrl,\r\n  jpgUrl,\r\n  originalUrl,\r\n  alt,\r\n  title,\r\n  classes,\r\n  ratio,\r\n  customStyle,\r\n}) => {\r\n  const [errorCount, setError] = useState(0);\r\n\r\n  const safeTitle = title?.replace(/[\"]+/g, '');\r\n  const safeAlt = alt?.replace(/[\"]+/g, '');\r\n\r\n  return errorCount < 2 ? (\r\n    <picture className={classes} title={safeTitle} style={customStyle}>\r\n      {webpUrl && errorCount === 0 ? (\r\n        <source srcSet={webpUrl} type='image/webp' />\r\n      ) : null}\r\n      {jpgUrl && errorCount < 2 ? (\r\n        <source srcSet={jpgUrl} type='image/jpeg' />\r\n      ) : null}\r\n      <img\r\n        src={originalUrl}\r\n        className={classes}\r\n        title={safeTitle}\r\n        alt={safeAlt}\r\n        loading='lazy'\r\n        onError={() => setError(errorCount + 1)}\r\n        {...getWidthAndHeight(ratio)}\r\n      />\r\n    </picture>\r\n  ) : null;\r\n};\r\n\r\nconst getWidthAndHeight = (ratio: string | undefined) => {\r\n  switch (ratio) {\r\n    case 'w45h28':\r\n      return {\r\n        width: 450,\r\n        height: 280,\r\n      };\r\n    case 'w31h40':\r\n      return {\r\n        width: 310,\r\n        height: 400,\r\n      };\r\n    case 'w427h400':\r\n      return {\r\n        width: 427,\r\n        height: 400,\r\n      };\r\n    case 'w17h5':\r\n      return {\r\n        width: 1360,\r\n        height: 400,\r\n      };\r\n    case 'w33h20':\r\n      return {\r\n        width: 660,\r\n        height: 400,\r\n      };\r\n    case 'w7h5':\r\n      return {\r\n        width: 700,\r\n        height: 500,\r\n      };\r\n    case 'flag':\r\n      return {\r\n        width: 32,\r\n        height: 23,\r\n      };\r\n    case 'map':\r\n      return {\r\n        width: 100,\r\n        height: 120,\r\n      };\r\n    default:\r\n      return {};\r\n  }\r\n};\r\n\r\nexport class ImgContainer extends React.PureComponent<ImageContainer, {}> {\r\n  render() {\r\n    const { children, cropRatio, classes } = this.props;\r\n    return (\r\n      <div className={`ratio-container ratio-${cropRatio} ${classes ?? ''}`}>\r\n        <div className='ratio-inner'>{children}</div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ResponsiveImage;\r\n","import React from 'react';\r\nimport { BlogCardComponentProps } from './types';\r\nimport ResponsiveImage, { ImgContainer } from '@common/components/image';\r\n\r\nexport default class BlogCard extends React.PureComponent<\r\n  BlogCardComponentProps,\r\n  {}\r\n> {\r\n  render() {\r\n    if (!this.props.item) {\r\n      return null;\r\n    }\r\n    const { cardClass, linkText } = this.props;\r\n    const { url, date, title, category, subtitle, overview, image } =\r\n      this.props.item;\r\n\r\n    const imageRatio = 'w45h28';\r\n\r\n    return (\r\n      <div\r\n        className={\r\n          'col-12 item-slider__slide js-item-slider-slide py-2 ' + cardClass\r\n        }\r\n      >\r\n        <article className='blog blog--transparent h-100'>\r\n          <a\r\n            href={url}\r\n            className='category-cta color-body no-underline font-weight-normal'\r\n          >\r\n            <div className='row no-gutters h-100 align-content-start align-items-end flex-column tour'>\r\n              <div className='w-100'>\r\n                <div className='blog__header'>\r\n                  {image ? (\r\n                    <ImgContainer cropRatio={imageRatio}>\r\n                      <ResponsiveImage {...image} ratio={imageRatio} />\r\n                    </ImgContainer>\r\n                  ) : null}\r\n\r\n                  {date ? (\r\n                    <div className='blog__header-info-holder'>\r\n                      <div className='row'>\r\n                        <div className='col-7'>\r\n                          <div>\r\n                            <span className='blog__header-info blog__header-info--left blog__header-info--red text-uppercase'>\r\n                              {date}\r\n                            </span>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  ) : null}\r\n\r\n                  {title ? (\r\n                    <div className='blog__category-title-wrapper text-uppercase text-center font-weight-bold'>\r\n                      <h2 className='category-cta__title color-white font-weight-semi-bold mb-2 mb-xl-3'>\r\n                        {title}\r\n                      </h2>\r\n\r\n                      {category ? (\r\n                        <div className='blog__category-wrapper text-uppercase text-center font-weight-bold'>\r\n                          <span className='blog__category d-inline-block'>\r\n                            {category}\r\n                          </span>\r\n                        </div>\r\n                      ) : null}\r\n                    </div>\r\n                  ) : null}\r\n                </div>\r\n              </div>\r\n              <div className='w-100 mt-2'>\r\n                <div className='tour__body px-2 pt-4 pb-2'>\r\n                  {subtitle ? (\r\n                    <h3 className='blog__title text-uppercase font-weight-bold color-body m-0 pb-1'>\r\n                      {subtitle}\r\n                    </h3>\r\n                  ) : null}\r\n\r\n                  {overview ? (\r\n                    <div className='blog__description text-block'>\r\n                      <p>{overview}</p>\r\n                    </div>\r\n                  ) : null}\r\n\r\n                  <div className='mt-1 text-left'>\r\n                    <div className='category-cta__more-link font-italic blog__card__readmore'>\r\n                      {linkText}\r\n                      <span className='d-inline-block category-cta__more-arrow'>\r\n                        <i className='fas fa-chevron-right'></i>\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </a>\r\n        </article>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React from 'react';\r\nimport { MobileBlogListProps, MobileBlogListState } from './types';\r\nimport BlogCard from './card';\r\nimport axios from 'axios';\r\n\r\nexport default class MobileBlogListContainer extends React.PureComponent<\r\n  MobileBlogListProps,\r\n  MobileBlogListState\r\n> {\r\n  state = {\r\n    isLoading: false,\r\n    batchNr: this.props.batchNr,\r\n    hasMore: true,\r\n    items: [],\r\n  };\r\n\r\n  handleClick = () => {\r\n    this.setState({\r\n      ...this.state,\r\n      isLoading: true,\r\n    });\r\n\r\n    axios\r\n      .get(\r\n        `/umbraco/api/blogsapi/getblogs?batchNr=${this.state.batchNr}&pageId=${window.globalSettings.currentPageID}`\r\n      )\r\n      .then((result) => {\r\n        if (result.status === 200) {\r\n          var resultJson = JSON.parse(result.data);\r\n          this.setState((prevState) => {\r\n            prevState.items.push(...resultJson.items);\r\n            return {\r\n              isLoading: false,\r\n              batchNr: prevState.batchNr + 1,\r\n              hasMore: resultJson.hasMore,\r\n              items: prevState.items,\r\n            };\r\n          });\r\n        } else {\r\n          throw 'invalid response';\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        this.setState({\r\n          ...this.state,\r\n          isLoading: false,\r\n          hasMore: false,\r\n        });\r\n      });\r\n  };\r\n\r\n  render() {\r\n    const { buttonText, cardClass, cardLinkText } = this.props;\r\n    const { isLoading, hasMore, items } = this.state;\r\n    return (\r\n      <div className='row'>\r\n        <div className='col-12'>\r\n          <div className='row'>\r\n            {items && items.length > 0\r\n              ? items.map((item, index) => {\r\n                  return (\r\n                    <BlogCard\r\n                      key={'blogcard' + index}\r\n                      item={item}\r\n                      cardClass={cardClass}\r\n                      linkText={cardLinkText}\r\n                    />\r\n                  );\r\n                })\r\n              : null}\r\n            {isLoading ? (\r\n              <div className='col-12 d-flex justify-content-center'>\r\n                <div className='spinner' />\r\n              </div>\r\n            ) : hasMore ? (\r\n              <div className=' col-12'>\r\n                <button\r\n                  className='btn btn-secondary w-100'\r\n                  onClick={this.handleClick.bind(this)}\r\n                >\r\n                  {buttonText}\r\n                </button>\r\n              </div>\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React from 'react';\r\nimport { render } from 'react-dom';\r\nimport MobileBlogList from './container';\r\nimport '../../types/general';\r\n\r\nexport default {\r\n  init: function (\r\n    element: HTMLElement,\r\n    buttonText: string,\r\n    cardLinkText: string,\r\n    cardClass: string\r\n  ) {\r\n    if (element) {\r\n      const urlParams = new URLSearchParams(window.location.search);\r\n      const page = urlParams.get('page');\r\n      render(\r\n        <MobileBlogList\r\n          buttonText={buttonText}\r\n          cardClass={cardClass}\r\n          cardLinkText={cardLinkText}\r\n          batchNr={page ? parseInt(page) : 1}\r\n        />,\r\n        element\r\n      );\r\n    }\r\n  },\r\n};\r\n"],"names":["getWidthAndHeight","ratio","width","height","ImgContainer","_React$PureComponent","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","_this$props","this","props","children","cropRatio","classes","React","className","concat","_ref","webpUrl","jpgUrl","originalUrl","alt","title","customStyle","_useState","useState","_useState2","_slicedToArray","errorCount","setError","safeTitle","replace","safeAlt","style","srcSet","type","_extends","src","loading","onError","BlogCard","item","cardClass","linkText","_this$props$item","url","date","category","subtitle","overview","image","imageRatio","href","ResponsiveImage","MobileBlogListContainer","_this","_len","length","args","Array","_key","call","_defineProperty","_assertThisInitialized","isLoading","batchNr","hasMore","items","setState","_objectSpread","state","axios","window","globalSettings","currentPageID","then","result","status","resultJson","JSON","parse","data","prevState","_prevState$items","push","_toConsumableArray","error","buttonText","cardLinkText","_this$state","map","index","onClick","handleClick","bind","init","element","page","URLSearchParams","location","search","get","render","MobileBlogList","parseInt"],"sourceRoot":""}