{"version":3,"file":"static/chunks/5441-6504241fe9a3263d.js","mappings":"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","sources":["webpack://_N_E/./src/compliance/components/CompliAssist/ChartDescriptions/Modal.js","webpack://_N_E/./src/compliance/components/CompliAssist/ChartDescriptions/ChartDescriptionTile.js","webpack://_N_E/./src/compliance/components/CompliAssist/ChartDescriptions/index.js","webpack://_N_E/./src/shared/components/LoadingResults/index.js","webpack://_N_E/./src/shared/components/WebLogImage.js"],"sourcesContent":["import { css, jsx } from '@emotion/core';\nimport { Icon, Modal } from 'antd';\nimport Link from 'next/link';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Media from 'react-media';\n\nimport ChartDescriptions from '@/src/compliance/components/CompliAssist/ChartDescriptions';\nimport Button from '@/src/shared/components/Button';\nimport btnStyle from '@/src/shared/components/Button/style';\nimport Heading from '@/src/shared/components/Heading';\nimport { bp, space } from '@/styles';\n\nconst { m } = space;\n\nconst style = {\n  titleContainer: css`\n    display: flex;\n    flex-direction: column;\n    @media ${bp.sm} {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n  `,\n  title: css`\n    margin-bottom: 10px;\n    @media ${bp.sm} {\n      margin-bottom: 0;\n    }\n  `,\n};\nconst ChartDescriptionsModal = props => {\n  const { closeModal, visible } = props;\n\n  return (\n    <Media query={bp.sm}>\n      {isSM => (\n        <Modal\n          footer={null}\n          title={\n            <span css={style.titleContainer}>\n              <Heading type={3} weight=\"bolder\" theme=\"gray\" css={style.title}>\n                Chart Descriptions\n              </Heading>\n              <Link href=\"/compliance/compliassist/charts\">\n                <a target=\"_blank\">\n                  <Button.Group theme=\"gray\" css={[btnStyle.group, m.r24]}>\n                    <Button>\n                      <Icon type=\"printer\" theme=\"filled\" /> Print Version\n                    </Button>\n                  </Button.Group>\n                </a>\n              </Link>\n            </span>\n          }\n          onCancel={closeModal}\n          visible={visible}\n          width={isSM ? '71%' : '90%'}\n          maskStyle={{\n            backgroundColor: 'rgba(0,38,73,0.65)',\n          }}\n        >\n          <ChartDescriptions />\n        </Modal>\n      )}\n    </Media>\n  );\n};\n\nChartDescriptionsModal.propTypes = {\n  closeModal: PropTypes.func.isRequired,\n  visible: PropTypes.bool.isRequired,\n};\n\nexport default ChartDescriptionsModal;\n","import { css, jsx } from '@emotion/core';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { form as formStyle } from '@/styles';\n\nconst ChartDescriptionTile = ({ chart }) => {\n  const { ChartTitle, ChartDescription } = chart;\n\n  return (\n    <div css={formStyle.gridCol}>\n      <div>{ChartTitle}</div>\n      <div>{ChartDescription}</div>\n    </div>\n  );\n};\n\nChartDescriptionTile.propTypes = {\n  chart: PropTypes.object.isRequired,\n};\n\nexport default ChartDescriptionTile;\n","import React, { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { requestChartDescriptions } from '@/src/compliance/redux/complianceReducer';\nimport Heading from '@/src/shared/components/Heading';\nimport Loading from '@/src/shared/components/LoadingResults';\nimport { form as formStyle } from '@/styles';\n\nimport ChartDescription from './ChartDescriptionTile';\n\nconst index = props => {\n  const { selectedCategories } = props;\n  const dispatch = useDispatch();\n  const { chartDescriptions, isLoadingChartDescriptions } = useSelector(\n    state => state.compliance.chartDescriptions\n  );\n\n  useEffect(() => {\n    dispatch(requestChartDescriptions(selectedCategories));\n  }, [selectedCategories]);\n\n  return (\n    <div>\n      {isLoadingChartDescriptions ? (\n        <Loading />\n      ) : (\n        <>\n          <div css={formStyle.gridColHeader}>\n            <Heading type={4} weight=\"bolder\" theme=\"gray\">\n              Title\n            </Heading>\n            <Heading type={4} weight=\"bolder\" theme=\"gray\">\n              Description\n            </Heading>\n          </div>\n          {chartDescriptions.map(cd => (\n            <ChartDescription chart={cd} key={cd.ChartId} />\n          ))}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default index;\n","import { css, jsx } from '@emotion/core';\nimport { Icon, Spin } from 'antd';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport Heading from '@/src/shared/components/Heading';\nimport { colors, space } from '@/styles';\n\nconst { m } = space;\nconst spinner = <Icon type=\"loading\" style={{ fontSize: 36 }} spin />;\n\nconst style = {\n  container: css`\n    border-radius: 2px;\n    background-color: #ffffff;\n    box-shadow: 0 6px 12px 0 rgba(35, 32, 32, 0.1);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n  `,\n  text: css`\n    color: ${colors.secondaryBlue};\n  `,\n  spinner: css`\n    color: ${colors.secondaryBlue};\n  `,\n};\n\nconst LoadingResults = ({ text = 'Loading...', height }) => {\n  return (\n    <div css={style.container} style={{ height }}>\n      <Spin indicator={spinner} css={[style.spinner, m.t24]} />\n      <Heading type={4} tag={3} weight=\"bolder\" css={[m.b24, m.t32, style.text]}>\n        {text}\n      </Heading>\n    </div>\n  );\n};\n\nLoadingResults.propTypes = {\n  text: PropTypes.string,\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nLoadingResults.defaultProps = {\n  text: 'Loading...',\n  height: 'auto',\n};\n\nexport default LoadingResults;\n","import { css } from '@emotion/core';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { connect } from 'react-redux';\n\nconst style = {\n  weblogImg: css`\n    display: none;\n  `,\n};\n\nconst host = process.env.API_ROOT;\nconst isBrowser = typeof window !== 'undefined';\n\nconst WebLogImage = props => {\n  const { personId, path, sitePageId, title, pagedata, browserPath } = props;\n\n  const router = useRouter();\n  const { query } = router;\n  const source = query.source ? query.source : 'web';\n  const pageTitle = title || pagedata.MetaTitle || 'APCIA';\n  const url =\n    browserPath && isBrowser\n      ? `${host}${window.location.pathname}`\n      : `${host}${path}${sitePageId ? '/' : ''}${sitePageId}`;\n\n  const src = `/pciwebsite/weblogging/Log/Create?url=${url}&id=${sitePageId}&personid=${personId}&source=${source}&title=${pageTitle}`;\n\n  return <img css={style.weblogImg} src={src} alt=\"web logging\" />;\n};\n\nfunction mapStateToProps(state) {\n  const {\n    auth: {\n      userinfo: { PersonID },\n    },\n  } = state;\n  return {\n    personId: PersonID,\n  };\n}\n\nWebLogImage.propTypes = {\n  path: PropTypes.string,\n  sitePageId: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  title: PropTypes.string,\n  pagedata: PropTypes.object,\n  browserPath: PropTypes.bool,\n};\n\nWebLogImage.defaultProps = {\n  path: '',\n  sitePageId: '',\n  title: '',\n  pagedata: {},\n  browserPath: false,\n};\n\nexport default connect(mapStateToProps)(WebLogImage);\n"],"names":["m","space","style","titleContainer","css","bp","title","props","closeModal","visible","query","isSM","footer","type","weight","theme","href","target","btnStyle","r24","onCancel","width","maskStyle","backgroundColor","chart","ChartTitle","ChartDescription","formStyle","selectedCategories","dispatch","useDispatch","useSelector","state","compliance","chartDescriptions","isLoadingChartDescriptions","useEffect","requestChartDescriptions","Heading","map","cd","key","ChartId","spinner","fontSize","spin","container","text","colors","LoadingResults","height","indicator","t24","tag","b24","t32","defaultProps","weblogImg","host","process","WebLogImage","personId","path","sitePageId","pagedata","browserPath","useRouter","source","pageTitle","MetaTitle","url","window","location","pathname","src","alt","connect","auth","userinfo","PersonID"],"sourceRoot":""}