{"version":3,"file":"blocks-DatoCtaRef-990c5a8f325e385e9a4c.js","mappings":"+JA8DA,UA7CoBA,IAGlB,IAAKA,EAAMC,IAAK,OAAO,KAEvB,MAAM,IAAEA,EAAG,OAAEC,EAAM,eAAEC,GAAmBH,EAClCI,EAAMD,GAAkB,aACxBE,EAAMH,GAAU,QAEhB,KAAEI,EAAI,MAAEC,EAAK,SAAEC,EAAQ,MAAEC,GAAUR,EAEzC,IAAKM,IAAUC,EACb,OAAO,KAGT,OAAQP,EAAIS,YACV,IAAK,yBACH,OACEC,EAAAA,cAACC,EAAAA,EAAc,CACbN,KAAMA,QAAQO,EACdN,MAAOA,EACPC,SAAUA,EACVM,gBAAiBV,EACjBK,MAAOA,QAASI,EAChBE,MAAOd,EAAIc,MACXb,OAAQG,IAGd,IAAK,gCACH,OAAOJ,EAAIe,IACTL,EAAAA,cAACM,EAAAA,EAAqB,CACpBX,KAAMA,QAAQO,EACdN,MAAOA,EACPC,SAAUA,EACVM,gBAAiBV,EACjBK,MAAOA,QAASI,EAChBG,IAAKf,EAAIe,IACTd,OAAQG,IAER,KACR,C,uFCtBF,IArB+BL,GAG3BW,EAAAA,cAACO,EAAAA,EAAc,CACbC,IAAIC,EAAAA,EAAAA,IAAQpB,EAAMO,OAClBL,OAAQF,EAAME,OACdmB,kBAAmBrB,EAAMc,gBACzBQ,MAAOtB,EAAMS,OAASE,EAAAA,cAACY,EAAAA,EAAoBvB,EAAMS,OACjDe,QACEb,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAA,UAAKX,EAAMO,OACXI,EAAAA,cAAA,KAAGc,MAAO,CAAEC,SAAU,IAAM1B,EAAMM,MAClCK,EAAAA,cAACgB,EAAAA,EAAY,CAACC,KAAM5B,EAAMgB,KACxBL,EAAAA,cAACkB,EAAAA,EAAM,CAACC,MAAO9B,EAAMQ,SAAUuB,UAAW,O,iGCatD,IAzBwB/B,IAAgC,IAADgC,EAErD,MACMC,GADeC,EAAAA,EAAAA,IACHC,CAAwB,QAAZH,EAAChC,EAAMe,aAAK,IAAAiB,OAAA,EAAXA,EAAaI,YAC5C,OACEzB,EAAAA,cAACO,EAAAA,EAAc,CACbC,IAAIC,EAAAA,EAAAA,IAAQpB,EAAMO,OAClBL,OAAQF,EAAME,OACdmB,kBAAmBrB,EAAMc,gBACzBQ,MAAOtB,EAAMS,OAASE,EAAAA,cAACY,EAAAA,EAAoBvB,EAAMS,OACjDe,QACEb,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAA,UAAKX,EAAMO,OACXI,EAAAA,cAAA,KAAGc,MAAO,CAAEC,SAAU,IAAM1B,EAAMM,MACjC2B,GACCtB,EAAAA,cAAC0B,EAAAA,KAAI,CAACC,GAAIL,GAAajC,EAAMuC,WAAa,KACxC5B,EAAAA,cAACkB,EAAAA,EAAM,CAACC,MAAO9B,EAAMQ,SAAUuB,UAAW,OAKlD,C","sources":["webpack://@nitro/gatsby-harvia.com/../gatsby-theme-harvia/src/components/dato/blocks/DatoCtaRef.tsx","webpack://@nitro/gatsby-harvia.com/../gatsby-theme-harvia/src/components/molecules/tileable-blocks/CtaToExternalUrlBlock.tsx","webpack://@nitro/gatsby-harvia.com/../gatsby-theme-harvia/src/components/molecules/tileable-blocks/CtaToPageBlock.tsx"],"sourcesContent":["import { graphql } from \"gatsby\"\nimport React from \"react\"\nimport { HarviaBackgroundColor } from \"../../layouts/BgColor\"\nimport CtaToExternalUrlBlock from \"../../molecules/tileable-blocks/CtaToExternalUrlBlock\"\nimport CtaToPageBlock from \"../../molecules/tileable-blocks/CtaToPageBlock\"\nimport { MediaTextBlockLayout } from \"../../molecules/tileable-blocks/MediaTextBlock\"\n//import * as styles from \"./DatoSharedCtaToPageRef.module.scss\"\n\nexport type DatoCtaRefProps = {\n  cta:\n    | ({ __typename: \"DatoCmsSharedCtaToPage\" } & Queries.DatoSharedCtaToPageFragment)\n    | ({ __typename: \"DatoCmsSharedCtaToExternalUrl\" } & Queries.DatoSharedCtaToExternalUrlFragment)\n\n  layout: MediaTextBlockLayout\n  textBackground?: HarviaBackgroundColor\n}\n\nconst DatoCtaRef = (props: Queries.DatoCtaRefFragment) => {\n  //console.log(\"Rendering DatoCtaRef\", props)\n\n  if (!props.cta) return null\n\n  const { cta, layout, textBackground } = props\n  const bg = (textBackground || \"BrandWhite\") as HarviaBackgroundColor\n  const la = (layout || \"Tile\") as MediaTextBlockLayout\n\n  const { text, title, linkText, image } = cta\n\n  if (!title || !linkText) {\n    return null\n  }\n\n  switch (cta.__typename) {\n    case \"DatoCmsSharedCtaToPage\":\n      return (\n        <CtaToPageBlock\n          text={text || undefined}\n          title={title}\n          linkText={linkText}\n          backgroundColor={bg}\n          image={image || undefined}\n          route={cta.route}\n          layout={la}\n        />\n      )\n    case \"DatoCmsSharedCtaToExternalUrl\":\n      return cta.url ? (\n        <CtaToExternalUrlBlock\n          text={text || undefined}\n          title={title}\n          linkText={linkText}\n          backgroundColor={bg}\n          image={image || undefined}\n          url={cta.url}\n          layout={la}\n        />\n      ) : null\n  }\n\n  //return <CtaToPageBlock {...{ ...rest, ...cta }} />\n}\n\nexport default DatoCtaRef\n\nexport const query = graphql`\n  fragment DatoCtaRef on DatoCmsCtaRef {\n    id: originalId # Korjaus daton bugiin, jos käytetään structured textissä\n    cta {\n      ... on Node {\n        __typename\n      }\n      ... on DatoCmsSharedCtaToPage {\n        ...DatoSharedCtaToPage\n      }\n      ... on DatoCmsSharedCtaToExternalUrl {\n        ...DatoSharedCtaToExternalUrl\n      }\n    }\n    layout\n    textBackground\n  }\n`\n","import React from \"react\"\nimport { slugify } from \"../../../utils\"\nimport Button from \"../../atoms/Button\"\nimport ExternalLink from \"../../atoms/ExternalLink\"\nimport { HarviaBackgroundColor } from \"../../layouts/BgColor\"\nimport BackgroundMedia from \"../BackgroundMedia\"\nimport MediaTextBlock, { MediaTextBlockLayout } from \"./MediaTextBlock\"\n//import * as styles from \"./CtaToExternalUrlBlock.module.scss\"\n\nexport type CtaToExternalUrlBlockProps = Queries.DatoSharedCtaToExternalUrlFragment & {\n  layout: MediaTextBlockLayout\n  backgroundColor?: HarviaBackgroundColor\n}\n\nconst CtaToExternalUrlBlock = (props: CtaToExternalUrlBlockProps) => {\n  //console.log('Rendering CtaToExternalUrlBlock', props)\n  return (\n    <MediaTextBlock\n      id={slugify(props.title)}\n      layout={props.layout}\n      contentBackground={props.backgroundColor}\n      media={props.image && <BackgroundMedia {...props.image} />}\n      content={\n        <>\n          <h3>{props.title}</h3>\n          <p style={{ flexGrow: 1 }}>{props.text}</p>\n          <ExternalLink href={props.url}>\n            <Button label={props.linkText} tabIndex={-1} />\n          </ExternalLink>\n        </>\n      }\n    />\n  )\n}\n\nexport default CtaToExternalUrlBlock\n","import { Link } from \"gatsby\"\nimport React from \"react\"\nimport useRoutePath from \"../../../hooks/useRoutePath\"\nimport { slugify } from \"../../../utils\"\nimport Button from \"../../atoms/Button\"\nimport type { HarviaBackgroundColor } from \"../../layouts/BgColor\"\nimport BackgroundMedia from \"../BackgroundMedia\"\nimport MediaTextBlock, { MediaTextBlockLayout } from \"./MediaTextBlock\"\n//import * as styles from \"./CtaToPageBlock.module.scss\"\n\nexport type CtaToPageBlockProps = Queries.DatoSharedCtaToPageFragment & {\n  layout: MediaTextBlockLayout\n  backgroundColor?: HarviaBackgroundColor\n}\n\nconst CtaToPageBlock = (props: CtaToPageBlockProps) => {\n  // console.debug('Rendering CtaToPageBlock', props)\n  const getRoutePath = useRoutePath()\n  const routePath = getRoutePath(props.route?.originalId)\n  return (\n    <MediaTextBlock\n      id={slugify(props.title)}\n      layout={props.layout}\n      contentBackground={props.backgroundColor}\n      media={props.image && <BackgroundMedia {...props.image} />}\n      content={\n        <>\n          <h3>{props.title}</h3>\n          <p style={{ flexGrow: 1 }}>{props.text}</p>\n          {routePath && (\n            <Link to={routePath + (props.urlParams || \"\")}>\n              <Button label={props.linkText} tabIndex={-1} />\n            </Link>\n          )}\n        </>\n      }\n    />\n  )\n}\n\nexport default CtaToPageBlock\n"],"names":["props","cta","layout","textBackground","bg","la","text","title","linkText","image","__typename","React","CtaToPageBlock","undefined","backgroundColor","route","url","CtaToExternalUrlBlock","MediaTextBlock","id","slugify","contentBackground","media","BackgroundMedia","content","style","flexGrow","ExternalLink","href","Button","label","tabIndex","_props$route","routePath","useRoutePath","getRoutePath","originalId","Link","to","urlParams"],"sourceRoot":""}