{"version":3,"sources":["webpack:///./src/components/editorial/textWithIcon.js","webpack:///./src/styling/breakpoints.js","webpack:///./src/components/editorial/portableTextWrap.js","webpack:///./src/components/editorial/section.js","webpack:///./src/styling/typescale.js","webpack:///./node_modules/get-youtube-id/index.js","webpack:///./src/components/editorial/quote.js"],"names":["SectionStyle","breakpoints","mobile","props","i","colors","green03","TextWithIcon","img","image","asset","fixed","src","alt","maybeImage","mainImage","bg","className","index","key","_key","horizonal","style","centered","iconRight","title","_rawRichText","portableTextContent","hasIconBackground","serializers","types","vimeo","url","node","vimeoVideoId","split","length","width","height","frameBorder","allow","allowFullScreen","youtube","id","getYouTubeID","videourl","block","test","level","replace","React","createElement","children","BlockContent","defaultSerializers","link","externalURL","linkText","arrow","bold","underlined","textWithIcon","richText","_ref","code","data-language","language","RichText","textWidth","blocks","projectId","dataset","css","Section","caption","video","isYouTubeVideo","join","indexOf","isVimeoVideo","youtubeVideoId","maybeVideo","links","map","displayTitle","slug","page","current","chevron","typescale","module","exports","opts","undefined","fuzzy","patterns","exec","tokens","quoteStyling","Cite","author","title_1","title_2","QuoteText","cite","quote","story","Quote"],"mappings":"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","file":"2d73464ec078822a67aad1fa0b165d2c2bdb6464-7ec5de1f50c42443e2c2.js","sourcesContent":["import React from \"react\";\nimport styled from '@emotion/styled';\n\nimport RichText from \"./portableText\";\n\nimport { breakpoints } from \"../../styling/breakpoints\";\n\nimport \"../../styling/libraries.scss\"\nimport { colors } from \"../../styling/colors\";\n\nconst SectionStyle = styled.div`\n\n  .columns {\n    @media only screen and (${breakpoints.mobile}) {\n      display: flex;\n      flex-direction: row;\n      flex-direction: ${props => props.i && props.i % 2 ? 'column-reverse' : 'column'};\n    }\n  }\n\n  .hasIconBackground {\n    background: ${colors.green03};\n    border-radius: 100%;\n    height: 200px;\n    width: 200px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .buttons {\n    display: block;\n    text-align: center;\n  }\n`\n\nconst maybeImage = image => {\n  let img = null;\n  if (image && image.asset && image.asset.fixed && image.asset.fixed.src) {\n    img = (\n      <img src={image.asset.fixed.src} alt={image.alt ? image.alt : ''} />\n    );\n  }\n  return img;\n};\n\nfunction TextWithIcon (props) {\n\n  const img = maybeImage(props.mainImage);\n\n  return (\n    <SectionStyle \n      bg={props.bg}\n      i={props.i}\n      className=\"column\"\n      index={props.index}\n      key={props._key}>\n\n        {props.horizonal \n          ? <div className=\"mb-5\" style={{'maxWidth': '748px', 'margin': props.centered ? '0 auto' : ''}}>\n              <div className=\"columns content has-text-left\">\n                {props.i % 2 || props.iconRight\n                  ? <>\n                      <div className=\"column\">\n                        {props.title && <h3 className=\"title is-size-5\">{props.title}</h3>}\n                        {props._rawRichText && <RichText portableTextContent={props._rawRichText} />}\n                      </div>\n                      <div className={`column is-one-third`}>\n                       <div className={`${props.hasIconBackground && 'hasIconBackground' }`}>\n                          {img}\n                        </div>\n                      </div>\n                    </>\n                  : <>\n                      <div className={`column is-one-third`}>\n                        <div className={`${props.hasIconBackground && 'hasIconBackground' }`}>\n                          {img}\n                        </div>\n                        </div>\n                      <div className=\"column\">\n                        {props.title && <h3 className=\"title is-size-5\">{props.title}</h3>}\n                        {props._rawRichText && <RichText portableTextContent={props._rawRichText} />}\n                      </div>\n                    </>\n                }\n              </div>\n            </div>\n          : <div className=\"column has-text-centered\">\n            \n              <div className=\"icon is-large mb-4\">{img}</div>\n\n              {props._rawRichText && <RichText portableTextContent={props._rawRichText} />}\n\n            </div>\n        }\n    \n    </SectionStyle>\n  )\n}\n\nexport default TextWithIcon;\n","export const breakpoints = {\n    \"mobile\": \"max-width: 768px\",\n    \"tablet\": \"min-width: 769px\",\n    \"tablet-only\": \"min-width: 769px and max-width: 1023px\",\n    \"desktop\": \"min-width: 1080px\",\n}","import React from 'react'\n// import PortableText from \"react-portable-text\"\nimport BlockContent from '@sanity/block-content-to-react'\nimport getYouTubeID from 'get-youtube-id'\n\nimport Link from \"./link\";\nimport TextWithIcon from \"./textWithIcon\";\n\nconst BlockRenderer = (props) => {\n  const {style = 'normal'} = props.node;\n  \n  if (/^h\\d/.test(style)) {\n    const level = style.replace(/[^\\d]/g, '')\n    return <div className=\"columns\">\n      <div \n        className={`column is-offset-1 is-7`}\n      >\n        {React.createElement(style, { className: `title is-${level} mb-0`}, props.children)}\n      </div>\n    </div>\n  }\n\n  if (style === 'blockquote') {\n    return <blockquote>- {props.children}</blockquote>\n  }\n  \n  // Fall back to default handling\n  return <div className=\"columns\">\n    <div className={`column is-7 is-offset-1 py-0`}>\n      {BlockContent.defaultSerializers.types.block(props)}\n    </div>\n  </div>\n}\n\nconst serializers = {\n  types: {\n    vimeo: (props) => {\n\n      const url = props.node.url\n\n      const vimeoVideoId = url && url\n          .split('/')[url.split('/').length - 1]\n      \n      if (!url) {\n          return <div>Missing Vimeo URL</div>    \n      }\n      return ( \n        <figure className=\"image is-16by9 mb-6\">\n\n          <iframe\n              className=\"has-ratio\"\n              width=\"560\" \n              height=\"315\" \n              src={`https://player.vimeo.com/video/${vimeoVideoId}`} \n              title=\"Vimeo video player\" \n              frameBorder=\"0\" \n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n              allowFullScreen>\n          </iframe>\n\n        </figure>\n      )\n    },\n    youtube: (props) => { \n      \n      const id = getYouTubeID(props.node.url)\n      const videourl = `https://www.youtube.com/embed/${id}`\n\n      if (!id) {\n        return <div>Missing YouTube URL</div>    \n      }\n      return (\n        <div className=\"columns\">\n          <div className={`column is-offset-1 is-10 py-0`}>\n\n            <figure className=\"image is-16by9\">\n              <iframe\n                className=\"has-ratio\"\n                title=\"YouTube Preview\" \n                width=\"560\" \n                height=\"315\" \n                src={videourl} \n                frameBorder=\"0\" \n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n                allowFullScreen>\n              </iframe>\n            </figure>\n\n          </div>\n        </div>\n      )\n    },\n    block: BlockRenderer,\n    link: ({node}) => {\n      return (\n        <div className=\"columns\">\n          <div className={`column is-offset-1 is-8 py-0`}>\n            <Link \n              externalURL={node.externalURL}\n              linkText={node.linkText}\n              arrow\n              bold\n              underlined\n            />\n          </div>\n        </div>\n      )\n    },\n    textWithIcon: (props) => {\n      return (\n        <div className=\"columns\">\n          <div className={`column is-offset-1 is-8 py-0`}>\n            <div className=\"columns\">\n              <TextWithIcon horizonal iconRight _rawRichText={props.node.richText} {...props}\n                mainImage={props.node.mainImage && props.node.mainImage.asset && \n                  {\n                    \"asset\": {\n                      \"fixed\": {\n                        \"src\": `https://cdn.sanity.io/images/8njkenaf/production/${props.node.mainImage.asset._ref.replace('-svg', '.svg').replace('image-', '')}`\n                      }\n                    }\n                  }\n                }\n              />\n            </div>\n          </div>\n        </div>\n      )\n    },\n    code: props => (\n      <pre data-language={props.node.language}>\n        <code>{props.node.code}</code>\n      </pre>\n    )\n  }\n}\n\nconst RichText = ({ portableTextContent, textWidth }) => (\n  <BlockContent \n    blocks={portableTextContent} \n    serializers={serializers} \n    textWidth={textWidth}\n    projectId=\"8njkenaf\"\n    dataset=\"production\"\n  />\n)\n\nexport default RichText;\n\n// https://www.sanity.io/plugins/react-portable-text","import React from \"react\";\nimport {css} from '@emotion/css';\n\nimport PortableTextWrap from \"./portableTextWrap\";\nimport Body from \"./body\";\n\nimport LinkComponent from \"./link\";\n\nimport { breakpoints } from \"../../styling/breakpoints\";\nimport \"../../styling/libraries.scss\"\n\nconst maybeVideo = videourl => {\n  let video = null;\n  if (videourl) {\n\n  const isYouTubeVideo = videourl && videourl\n    .split('/')\n    .join()\n    .split('.')\n    .indexOf('youtube') > -1\n\n  const isVimeoVideo = videourl && videourl\n    .split('/')\n    .join()\n    .indexOf('vimeo.com') > -1\n\n  const vimeoVideoId = videourl && videourl\n    .split('/')[videourl.split('/').length - 1]\n\n  const youtubeVideoId = videourl && videourl\n    .split('/')\n    .join()\n    .split('=')[videourl.split('/').join().split('=').length - 1]\n\n\n    video = (\n      <div>\n\n        {videourl &&\n\n        <div className=\"mb-3 auto-resizable-iframe\">\n\n          <figure className=\"image is-16by9\">\n            \n            <iframe \n              className=\"has-ratio\"\n              src={isVimeoVideo \n                ? `https://player.vimeo.com/video/${vimeoVideoId}`\n                : isYouTubeVideo \n                  ? `https://www.youtube.com/embed/${youtubeVideoId}`\n                  : null}\n              title='Video'\n              width=\"485\" \n              height=\"292\" \n              frameBorder=\"0\" \n              allow=\"autoplay; fullscreen; picture-in-picture\" \n              allowFullScreen\n            />\n\n          </figure>\n\n        </div>\n\n        }        \n      </div>\n    )\n  }\n  return video;\n}\n\nconst maybeImage = mainImage => {\n  let img = null;\n  if (mainImage && mainImage.asset) {\n    img = (\n      <figure \n        style={{\n          'width': mainImage.width,\n          'height': mainImage.height\n        }}\n      >\n        <img \n          src={mainImage.asset.fixed.src || ''} \n          alt={mainImage.alt || ''}\n        />\n        <figcaption>{mainImage.caption}</figcaption>\n      </figure>\n    )\n  }\n  return img;\n};\n\nconst SectionStyle = css`\n  margin: 0 0 1em;\n\n  p a {\n    color: #333;\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  &.is-index-0 {\n    h1 {\n      font-size: 56px;\n      @media only screen and (${breakpoints.mobile}) {\n        font-size: 36px;\n      }\n      margin-bottom: .5em;\n    }\n\n    p {\n      font-size: 24px;\n    }\n  }\n\n  h2 {\n    font-size: 1.3em;\n    font-weight: 600;\n  }\n\n  h3 {\n    font-size: 20px !important;\n  }\n\n`\n\nfunction Section (props) {\n  const img = maybeImage(props.mainImage);\n  const video = maybeVideo(props.video);\n\n  return (\n    <SectionStyle \n      bg={props.bg}\n      index={props.index}>\n\n      <section \n        key={props.title}\n        className={`${SectionStyle} ${props.index === 0 ? 'is-index-0' : ''}`}\n        style={{'background': props.bg, 'marginBottom': props.bg ? 0 : ''}}\n      >\n\n      <div className=\"container\">\n\n        {video\n\n        ? <div className=\"section py-6 medhjelper-editorial-section-with-image\">\n            <div className=\"columns is-vcentered\">\n              <div className=\"column is-offset-1 is-5\">\n\n                <div className=\"mb-4\">\n                  {props.title}\n                </div>\n\n                {props._rawRichText && \n                  <Body blocks={props._rawRichText} />\n                }\n\n                <div className=\"section\">\n                  <div className=\"columns\">\n                    <div className=\"column is-offset-1\">\n                      {(props.links || []).map((link, i) => (\n                        <LinkComponent key={i} {...link} arrow />\n                      ))}\n                    </div>\n                  </div>\n                </div>\n\n              </div>\n              <div className=\"column is-5\">\n                {video}\n              </div>\n            </div>\n          </div>\n            \n          : img ? <div className=\"section py-6 medhjelper-editorial-section-with-image\">\n              <div className=\"columns is-vcentered\">\n                <div className=\"column is-offset-1 is-5\">\n\n                  <div className=\"mb-4\">\n                    {props.title}\n                  </div>\n\n                  {props._rawRichText && \n                    <Body blocks={props._rawRichText} />\n                  }\n\n                  <div className=\"section\">\n                    <div className=\"columns\">\n                      <div className=\"column is-offset-1\">\n                        {(props.links || []).map((link, i) => (\n                          <LinkComponent key={i} {...link} arrow />\n                        ))}\n                      </div>\n                    </div>\n                  </div>\n\n                </div>\n                <div className=\"column is-4 is-offset-1\">\n                  {video || img}\n                </div>\n              </div>\n            </div>\n\n          : <div className={`medhjelper-editorial-section-without-image section ${props.index === 0 && props.displayTitle ? 'py-6' : ''}`}>\n              {/* <div className={` ${props.index === 0 && props.displayTitle ? 'py-6' : ''}`}> */}\n\n                {props.title &&\n                  <div className=\"columns\">\n                    <div className=\"column is-offset-1 is-8\">\n                      {props.title}\n                    </div>\n                  </div>\n                }\n\n                <div>\n                  {props._rawRichText && <PortableTextWrap \n                    textWidth=\"is-offset-1 is-7\"\n                    portableTextContent={props._rawRichText} \n                  />}\n                </div>\n\n                {props.links &&\n                  <div className=\"section\">\n                    <div className=\"columns has-text-right\">\n                      <div className=\"column is-7 is-offset-1\">\n                        {(props.links || []).map((link, i) => (\n                          <LinkComponent \n                            key={i} \n                            slug={link.page.slug.current} \n                            linkText={link.linkText ? link.linkText : 'Les mer'} \n                            chevron \n                          />\n                        ))}\n                      </div>\n                    </div>\n                  </div>\n                }\n                \n              {/* </div> */}\n            </div>\n\n          }\n\n        </div>\n      </section>\n      \n    </SectionStyle>\n  )\n}\n\nexport default Section;\n","export const typescale = {\n    \"title-1\": {\"fontSize\": \"56px\", \"lineHeight\": \"1.25em\", \"fontWeight\": \"600\"},\n    \"title-2\": {\"fontSize\": \"40px\", \"lineHeight\": \"1.25em\", \"fontWeight\": \"600\"},\n    \"title-3\": {\"fontSize\": \"24px\", \"lineHeight\": \"1.25em\", \"fontWeight\": \"600\"},\n    \"title-4\": {\"fontSize\": \"18px\", \"lineHeight\": \"1.25em\"}\n}","(function (root, factory) {\n  if (typeof exports === 'object') {\n    module.exports = factory();\n  } else if (typeof define === 'function' && define.amd) {\n    define(factory);\n  } else {\n    root.getYouTubeID = factory();\n  }\n})(this, function (exports) {\n  return function (url, opts) {\n    if (opts == undefined) {\n      opts = {\n        fuzzy: true\n      };\n    }\n\n    if (/youtu\\.?be/.test(url)) {\n      // Look first for known patterns\n      var i;\n      var patterns = [/youtu\\.be\\/([^#\\&\\?]{11})/, // youtu.be/<id>\n      /\\?v=([^#\\&\\?]{11})/, // ?v=<id>\n      /\\&v=([^#\\&\\?]{11})/, // &v=<id>\n      /embed\\/([^#\\&\\?]{11})/, // embed/<id>\n      /\\/v\\/([^#\\&\\?]{11})/ // /v/<id>\n      ]; // If any pattern matches, return the ID\n\n      for (i = 0; i < patterns.length; ++i) {\n        if (patterns[i].test(url)) {\n          return patterns[i].exec(url)[1];\n        }\n      }\n\n      if (opts.fuzzy) {\n        // If that fails, break it apart by certain characters and look \n        // for the 11 character key\n        var tokens = url.split(/[\\/\\&\\?=#\\.\\s]/g);\n\n        for (i = 0; i < tokens.length; ++i) {\n          if (/^[^#\\&\\?]{11}$/.test(tokens[i])) {\n            return tokens[i];\n          }\n        }\n      }\n    }\n\n    return null;\n  };\n});","import React from \"react\";\nimport { css } from '@emotion/css';\nimport LinkComponent from \"./link\";\nimport { breakpoints } from \"../../styling/breakpoints\";\n\nconst quoteStyling = css`\n\n  .quote-wrap {\n    display: flex;\n    @media only screen and (${breakpoints.mobile}) {\n      flex-direction: column;\n    }\n  }\n\n  .image {\n    @media only screen and (${breakpoints.mobile}) {\n      order: -1;\n    }\n  }\n\n  .quote-text {\n    margin-bottom: 1em;\n    font-weight: 600;\n    font-style: italic;\n    font-size: 24px;\n  }\n\n  .author {\n    width: 100%;\n    display: block;\n    font-weight: 600;\n    font-style: normal;\n    margin: 0;\n    font-size: 24px;\n  }\n\n  .author-title {\n    font-style: normal;\n    width: 100%;\n    display: block;\n  }\n\n`\n\nconst maybeImage = image => {\n  let img = null;\n  if (image && image.asset && image.asset.fixed && image.asset.fixed.src) {\n    img = (\n      <img width=\"530\" height=\"312\" src={image.asset.fixed.src} alt={image.alt ? image.alt : ''} />\n    );\n  }\n  return img;\n};\n\nconst Cite = (props) => (\n  <div className=\"mb-4\">\n    <cite>\n      <span className=\"author block \">{props.author}</span>\n      <em className=\"author-title block m-0\">{props.title_1}</em>\n      <em className=\"author-title m-0\">{props.title_2}</em>\n    </cite>\n  </div>\n)\n\nconst QuoteText = (props) => (\n  <div className={`column is-4 is-offset-1`}>\n    \n    {props.cite}\n\n    <div className=\"quote-text\">\"{props.quote}\"</div>\n\n    {props.story &&\n      <div className=\"is-flex is-justify-content-flex-end\">\n        {<LinkComponent slug={'/artikler/' + props.story.slug.current} linkText=\"Les mer\" chevron />}\n      </div>\n    }\n\n  </div>\n)\n\nfunction Quote (props) {\n  const img = maybeImage(props.image);\n\n  return (\n    <section className=\"column py-2\">\n\n      <div className=\"container \">\n\n        <div className=\"section\">\n\n          {props.i % 2 \n            ? <blockquote>\n\n                <div \n                  className={`columns is-variable is-vcentered is-align-items-center ${quoteStyling}`}>\n                  \n                  <div className=\"quote-wrap\">\n\n                    <QuoteText {...props} cite={\n                      <Cite {...props} />\n                    } />\n\n                    <div className={`column is-5 is-offset-1 image`}>{img}</div>\n\n                  </div>\n\n                </div>\n\n              </blockquote>\n            : <blockquote>\n\n                <div \n                  className={`columns is-variable is-vcentered is-align-items-center ${quoteStyling}`}>\n\n                    <div className=\"quote-wrap\">\n\n                      <div className={`column is-5 is-offset-1 image`}>{img}</div>\n\n                      <QuoteText {...props} cite={\n                        <Cite {...props} />\n                      } />\n\n                    </div>\n\n                </div>\n\n              </blockquote>\n          }\n\n        </div>\n        \n      </div>\n\n    </section>\n  )\n}\n\nexport default Quote;\n"],"sourceRoot":""}