import React from 'react'; import { connect } from "react-redux"; import hasSoftError from "../utils/has-soft-error"; import getResultText from "../utils/get-result-text"; import { getErrorPages } from "../utils/selectors"; import { trackEvent } from "../utils/tracking"; import Block from "./blocks/Block"; import ExportData from "./ExportData"; import Html from "./helper/Html"; import Summary from "./Summary"; import { H1, H2 } from "../primitives/Heading"; import { Lead } from "../primitives/Paragraphs"; import { MainButton } from "../primitives/Button"; import { TextBlock } from "../primitives/Block"; import { Export, Grid } from "../primitives"; import PDFButton from "./PDFButton"; import { RenderableNode, State, WizardDefinition } from "../index"; import { ExportButtonWrapper } from '../primitives/Export'; type Props = { children: RenderableNode[] schema: RenderableNode[] errorPages: ReturnType exporter?: string exports?: Record any> heading: string | { complete: string, completeWithError: string, incomplete: string, incompleteWithError: string, } lead?: string | { complete: string, completeWithError: string, incomplete: string, incompleteWithError: string, } debug: boolean pageid: string setPage: (page: string) => void title?: string summaryTitle?: string wizard: WizardDefinition } function Result(props: Props) { const { children = [], debug, errorPages, exporter, heading, lead, exports, pageid, schema, setPage, wizard: { meta: { pdfServiceUrl, localStorageKey }, }, } = props; const incomplete = errorPages.length > 0; const hasSoftErrors = schema.filter((page) => hasSoftError(page)).length > 0; const resultHeading = getResultText(heading, incomplete, hasSoftErrors); const resultLead = getResultText(lead, incomplete, hasSoftErrors); const printPage = () => { trackEvent("Skriv ut", resultHeading); window.print(); }; return (

{resultHeading}

{resultLead && } {children.map(({ heading, ...block }: any) => ( ))}

Oppsummering

{!incomplete && exporter ? (

Takk for at du gjennomførte veiviseren!

Du kan kopiere svarene dine, eller skrive ut resultatsiden. ) : null} {!incomplete && exporter && exports?.[exporter] ? ( ) : null} {pdfServiceUrl && localStorageKey ? ( ) : ( Skriv ut )} ); } const mapStateToProps = (state: State, { wizard }: { wizard: WizardDefinition }) => ({ errorPages: getErrorPages(wizard.schema, state), }); export default connect(mapStateToProps)(Result);