\n \n \n
\n )\n }\n return (\n \n {\n label || label === '' && (\n
\n )\n}\n\nFormCheckbox.defaultProps = {\n className: ''\n}\n\nexport default FormCheckbox\n","const co2eConstants = {\n questionnaire: {\n ENERGY: 'ENERGY',\n RECYCLE: 'WASTE',\n FOOD: 'FOOD',\n SPENDING: 'SHOPPING',\n COMMUTE: 'DAILY_TRAVELS',\n TRAVEL: 'HOLIDAY_TRAVELS',\n HOME_MOBILE: 'HOME_MOBILE',\n },\n\n FETCH_QUESTIONNAIRE: 'CO2E_FETCH_QUESTIONNAIRE',\n FETCH_QUESTIONNAIRE_SUCCESS: 'CO2E_FETCH_QUESTIONNAIRE_SUCCESS',\n FETCH_QUESTIONNAIRE_FAIL: 'CO2E_FETCH_QUESTIONNAIRE_FAIL',\n\n CALCULATE: 'CO2E_CALCULATE',\n CALCULATE_SUCCESS: 'CO2E_CALCULATE_SUCCESS',\n CALCULATE_FAIL: 'CO2E_CALCULATE_FAIL',\n\n SUBMIT: 'CO2E_SUBMIT',\n SUBMIT_SUCCESS: 'CO2E_SUBMIT_SUCCESS',\n SUBMIT_FAIL: 'CO2E_SUBMIT_FAIL',\n\n GET_RESULT: 'CO2E_GET_RESULT',\n GET_RESULT_SUCCESS: 'CO2E_GET_RESULT_SUCCESS',\n GET_RESULT_FAIL: 'CO2E_GET_RESULT_FAIL',\n\n SUBMIT_TARGET: 'CO2E_SUBMIT_TARGET',\n SUBMIT_TARGET_SUCCESS: 'CO2E_SUBMIT_TARGET_SUCCESS',\n SUBMIT_TARGET_FAIL: 'CO2E_SUBMIT_TARGET_FAIL',\n\n GUESS_RAINTREES_SUCCESS: \"CO2E_GUESS_RAINTREES_SUCCESS\",\n SAVE_PAST_RESULT_SUCCESS: \"CO2E_SAVE_PAST_RESULT_SUCCESS\",\n SAVE_PAST_RESULT_FAIL: \"CO2E_SAVE_PAST_RESULT_FAIL\",\n\n CONTINUE: 'CO2E_CONTINUE',\n RESET: 'CO2E_RESET',\n\n ERR_MSG_NOT_AUTHORIZE: 'You are not authorized for this request'\n}\nexport default co2eConstants\n","import React, { useState } from 'react'\nimport classnames from 'classnames'\n\n\nconst Card = ({ image, title, subtitle, children, toHandler, toParams, className, external, ...props }) => {\n \n const [active, setActive] = useState(false)\n \n const _card = classnames('app-card', className,{\n 'is-active': active\n })\n\n const handleClick = () => {\n if (!toHandler) return null\n setTimeout(() => {\n toHandler(toParams, external)\n }, 400)\n }\n\n const handleDown = () => {\n setActive(true)\n }\n\n const handleUp = () => {\n setTimeout(() => {\n setActive(false)\n }, 200)\n }\n\n return (\n \n {label}\n
\n )\n }\n \n
\n \n \n \n
\n \n {\n image && (\n \n {image}\n \n )\n }\n {\n title && (\n \n )\n } \n {\n subtitle && (\n \n )\n } \n \n {\n children\n }\n
\n )\n}\n\nexport default Card\n","import React from 'react'\nimport classnames from 'classnames'\n\nimport Card from './Card'\n\nconst CardSelection = ({ items, refToContainer, ...props }) => {\n const _cardselection = classnames('app-cardselection', props.className)\n return (\n \n {\n items.length > 0 && items.map((item, key) => {\n return (\n \n {item.content}\n \n )\n })\n }\n
\n )\n}\n\nCardSelection.defaultProps = {\n items: []\n}\n\nexport default CardSelection\n","import React from 'react'\nimport classnames from 'classnames'\n\n/**\n * Component for backdrops eg. a black opaque overlay \n * when modal is active\n */\nconst Backdrop = (props) => {\n\tlet __backdrop__ = classnames(\n\t\t'app-backdrop',\n\t)\n\t\n\treturn (\n\t\t\n\t)\n}\n\nexport default Backdrop\n","export default __webpack_public_path__ + \"static/media/illustration-fail.08f1f840.svg\";","import React, { Component, PureComponent, Fragment } from 'react'\n\nimport illustrationFail from 'spd-gds/images/illustration-fail.svg'\n\nconst Icon = (IconComponent, CustomProps = {}) => {\n return class extends Component {\n static defaultProps = {\n stroke: 'none',\n addToDimension: true,\n id: '',\n className: ''\n }\n render() {\n const { width, height, ...rest } = this.props\n const { viewBox: cViewBox, ...customRest } = CustomProps\n let viewBox = `0 0 ${width} ${height}`\n\n if (rest.viewBox && rest.viewBox !== '') {\n viewBox = rest.viewBox\n } else if (cViewBox && cViewBox !== '') {\n viewBox = cViewBox\n }\n\n if (!rest.color) {\n rest.color = CustomProps.color\n }\n return (\n {title}
)\n\t\t\t\t}\n\n\t\t\t\t{\n\t\t\t\t\tcontent && (\n\t\t\t\t\t\t{content}\n\t\t\t\t\t
)\n\t\t\t\t}\n\t\t\t\t{\n\t\t\t\t\t(config.ok || config.cancel) && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t(config.ok) && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{processing ? 'processing..' : config.ok.label}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t(config.cancel || !processing) && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{config.cancel.label}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t
\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t\n\t\t)\n\t}\n}\n\nConfirmationDialog.propTypes = {\n\t/**\n\t * Title of the Dialog component\n\t */\n\ttitle: PropTypes.string.isRequired,\n\t/**\n\t * if available, renders any content inside the Dialog component\n\t */\n\tcontent: PropTypes.oneOfType([\n\t\tPropTypes.string,\n\t\tPropTypes.number,\n\t\tPropTypes.element,\n\t\tPropTypes.node,\n\t]),\n\t/**\n\t * Close handler whenever modal is closing\n\t */\n\tonCloseHandler: PropTypes.func,\n\t/**\n\t * When esc key is pressed will invoke this handler\n\t */\n\tonEscapeKeyDownHandler: PropTypes.func,\n\t/**\n\t * Invoke this handler when `Ok` is clicked from the CTAs\n\t */\n\tconfirmOkHandler: PropTypes.func,\n\t/**\n\t * Invoke this handler when `Cancel` is clicked from the CTAs\n\t */\n\tconfirmCancelHandler: PropTypes.func,\n\tactionConfig: PropTypes.object\n}\n\nConfirmationDialog.defaultProps = {\n\ttitle: '',\n\tcontent: null,\n\tactionConfig: ACTION_CONFIG_DEFAULT,\n\tprocessing: true,\n\tcloseBtn: true\n}\n","import React from 'react'\nimport { Button } from 'spd-gds/components/common'\n\nconst TermsBox = ({\n content,\n onAccept,\n onReject\n}) => {\n return (\n <>\n \n
\n \n {content.map((c, key) => (\n
\n \n {c}\n
\n ))}\n \n \n {`Reject`}\n \n \n {`Accept`}\n \n
\n \n )\n}\n\nTermsBox.defaultProps = {\n content: [],\n onAccept: () => {},\n onReject: () => {}\n}\n\nexport default TermsBox\n","import React from 'react'\nimport classnames from 'classnames'\n\nconst Frame = ({\n source,\n className,\n frameProps,\n refFrame,\n scrolling,\n ...props\n}) => {\n const _Frame = classnames('app-frame', className)\n return (\n \n
\n )\n}\n\nexport default Loader\n","import React from 'react'\nimport classnames from 'classnames'\n\nconst ToggleButtons = ({ label, buttons, handler, active }) => {\n\n const handleBtnClick = btn => e => {\n const { id, handler: btnHandler } = btn\n if (handler) {\n handler(id)\n } else {\n btnHandler(id)\n }\n }\n\n const renderBtns = () => {\n return buttons.map((btn, key) => {\n const _btn = classnames('app-button',{\n active: btn.id === active\n })\n return (\n \n )\n })\n }\n\n return (\n \n {\n label && (\n
\n )\n}\n\nToggleButtons.defaultProps = {\n handler: () => {},\n buttons: []\n}\n\nexport default ToggleButtons\n","import React from 'react'\n\nconst DetailNode = ({\n label,\n children,\n ...props\n}) => {\n return (\n {label}
\n )\n }\n\n {renderBtns()}\n
\n \n {\n label !== '' && (\n
\n )\n}\n\nDetailNode.defaultProps = {\n label: ''\n}\n\nconst DetailNodeItem = ({\n label,\n data,\n render,\n ...props\n}) => {\n\n return (\n \n
\n )\n }\n \n
\n {label}
\n\n {children}\n
\n \n { label !== '' && (\n
\n )\n}\n\nDetailNodeItem.defaultProps = {\n data: {},\n render: ()=>(null)\n}\nconst Detail = {\n DetailNode,\n DetailNodeItem\n}\n\nexport default Detail\n","import React, { PureComponent } from 'react'\n\nimport FormCheckBox from '../form/FormCheckBox'\n\nclass TermsControl extends PureComponent {\n render() {\n const {\n id,\n name,\n value,\n byClickMessage,\n handleChange,\n items,\n withCheckbox,\n children\n } = this.props\n return (\n {label}
\n )\n }\n { label !== '' ?\n {render(data)}
:\n {render(data)}
\n }\n \n {\n withCheckbox && (\n
\n )\n }\n}\n\nTermsControl.defaultProps = {\n byClickMessage: 'By clicking Submit, I:',\n id: '',\n name: '',\n value: '',\n handleChange: () => { },\n items: [],\n withCheckbox: true\n}\n\nexport default TermsControl\n","import React, { useState, useEffect } from 'react'\nimport { Document, Page } from 'react-pdf'\nimport Viewer from 'react-pinch-and-zoom'\n\nimport Modal from './Modal'\nimport Icons from './Icons'\n\nconst options = {\n cMapUrl: 'cmaps/',\n cMapPacked: true,\n}\n\nconst DocViewer = ({ doc, pageNumber, numPages, onCloseHandler, onLoadHandler, ...props }) => {\n const [docLoad, setDocLoad] = useState(false)\n const [docLoaded, setDocLoaded] = useState(false)\n function handleLoadSuccess(res) {\n onLoadHandler(res)\n setDocLoaded(true)\n }\n const handleClose = (e) => {\n onCloseHandler(e)\n }\n\n useEffect(() => {\n let loadTimeout = setTimeout(() => {\n setDocLoad(true)\n }, 1000)\n return () => {\n clearTimeout(loadTimeout)\n loadTimeout = null\n }\n }, [])\n\n return (\n \n
\n )\n }\n \n \n {byClickMessage}\n \n
\n - \n {\n items.map((item, key) => (\n
- \n {item}\n \n ))\n }\n
\n
\n )\n }\n {props.children}
\n )\n }\n {\n props.image !== '' && (\n \n { props.footnote }\n
\n )\n }\n \n\n \n\n
)\n\n }\n}\n","import React, { Component } from 'react'\n\nexport default class TermsAndConditions extends Component {\n render() {\n const { children } = this.props\n\n return (\n Personal Data Protection Policy
\n
\n \n
\n { children }\n \n\n
\n Introduction
\n1. Singapore Power Limited and its Singapore-incorporated\n subsidiaries (SP Group) own and operate the national electricity and gas transmission and\n distribution networks, providing electricity and gas services to more than one million industrial,\n commercial and residential customers in Singapore. SP Group also provides billing services for various\n principals in the water and waste industries, e.g., The Public Utilities Board, City Gas Pte Ltd, Veolia ES\n Singapore Pte Ltd, Colex Environmental Pte Ltd, SembWaste Pte Ltd and 800 Super Waste Management Pte Ltd.\n (collectively, Third\n Party Utilities).
\n2. By continuing to use the services of SP Group you\n signify that you have read, understood and agree to SP Group’s collection use and disclosure of your\n personal data as described in this Policy.
\n\nInformation we may collect from you
\n3. SP Group may collect the following data about you either\n directly from you, from your authorised representatives (i.e. persons who you have authorised and persons\n who have been validly identified as being you or your authorised representative) from third parties, or from\n publicly available sources:
\n- \n
- Personal information (such as your full name, NRIC, ethnicity, telephone numbers, address).\n \n
- Records from discussions or correspondences, including details obtained through customer satisfaction or\n other surveys.\n \n
- Details of your usage of SP Group or Third Party Utility services (including consumption and usage data\n and reports prepared by electricity or gas meter-readers).\n \n
- Information derived from cookies (small text files which uniquely identify your browser) where you visit\n any website or use any application created by or on behalf of the SP Group.\n \n
- Information you provide to any SP Group or any Third Party Utility in relation to the provision of any\n services from SP Group or a Third Party Utility to you.\n \n
Use and disclosure of personal data collected
\n4. You agree that SP Group may use your personal data where\n permitted by applicable law and for the following purposes:
\n- \n
- To provide and improve SP Group and Third Party Utility services including fulfilling audit\n requirements, performing creditworthiness checks and billing for services (including debt recovery).\n \n
- To compile information for analysis and in reports to our regulatory agencies and to the Third Party\n Utilities.\n \n
- To conduct surveys, obtain feedback, provide you with information, products or services from SP Group or\n third parties or which we feel may interest you, where you have consented to be contacted for such\n purposes.\n \n
- To carry out your instructions or to respond to enquiries.\n \n
- To comply with any requirements obligations or arrangements for using or disclosing data that applies to\n any member of the SP Group or any Third Party Utility due to applicable laws, regulations or industry\n codes.\n \n
- For internal management of the services being provided to you.\n \n
- To maintain the security of our premises.\n \n
- To provide training and apply for grants.\n \n
- To carry out analytics, research, planning and statistical assessment.\n \n
- To develop new services and products.\n \n
- For other purposes as reasonably required to provide services to you. \n
5. In addition, you agree that SP Group may disclose your\n personal data where permitted by applicable law and for the following purposes:
\n- \n
- If we are under a duty to disclose or share your personal data where we believe that we are under a\n legal obligation to disclose; in order to enforce or apply agreed terms and conditions or other\n agreements; or to protect the rights, property, security or safety of SP Group members, our customers, or\n premises, or others. The foregoing includes exchanging information with other companies and organisations\n for the purposes of fraud protection and credit risk reduction.\n \n
- To persons who have been validly identified as being you or your authorised representative(s) pursuant,\n for the purpose of the relevant transaction or enquiry.\n \n
- To authorised proxies such as your Member of Parliament or a social welfare organisation representing\n you.\n \n
- To third parties with whom we have contracted to provide services to us (such as analysis on our behalf)\n or within the SP Group for any of the purposes described above. Where SP Group discloses your personal\n data to third parties SP Group shall ensure that such data is used only to provide services to SP Group.\n \n
Storage of data, information security and applicability to third parties
\n\n6. The data we collect from you may be transferred to,\n processed, and stored at, multiple destinations worldwide. SP Group will take all steps as required by\n mandatory Singapore law in connection with any transfer of such data overseas.
\n7. SP Group will make reasonable security arrangements to\n prevent unauthorised access, collection, use, disclosure, copying, modification, disposal or similar\n activities to protect your personal data in SP Group’s possession or under SP Group’s control.
\n8. SP Group will require these data protection standards to\n be observed by external parties who provide services to SP Group and/or to whom we disclose your personal\n data, but we cannot and do not assume any responsibility for any actions or omissions of third parties.
\nUse of Cookies
\n9. When you use and access our services on our website or\n applications, you agree that SP Group may place a number of cookies files in your web browser. We use\n cookies for the purposes as set out in this Policy, including without limitation enabling certain functions\n of the services, to provide analytics, to store your preferences and to enable advertisements\n delivery. In addition to SP Group’s cookies, we may also use various third-parties cookies to report\n usage statistics of the services, deliver advertisements on and through the services, and so on.
\n10. If you would like to delete cookies or instruct your web\n browser to delete or refuse cookies, please visit the help pages of your web browser. Please note,\n however, that if you delete cookies or refuse to accept them, you might not be able to use all of the\n features SP Group offers, you may not be able to store your preferences, and some of our pages might not\n display properly.
\nAccess to personal information
\n11. At your request, we will provide access to your personal\n data, save that in specified circumstances your access may be subject to fees to meet our costs.
\nAmendments
\n12. SP Group may modify this Policy at any time by giving you\n written notice, such as together with your monthly bill. Continued use of any SP Group or Third Party\n Utility service after such written notification has been sent, signifies acceptance of any such\n modification.
\nQuestions, Application for Access/Correction, Withdrawal of consent, Personal Data Retention and Disposal
\n13. If you have any questions, comments or suggestions regarding\n this Policy, we would be glad to hear from you. Please contact our SP Data Protection Office at:
\nSP Data Protection Office\n
\nSP Group
\n2 Kallang Sector
\nSingapore 349277
\nEmail: dpo@spgroup.com.sg
\n14. Please also contact our SP Data Protection Office if you\n would like to apply for access/correction of your own personal data or if you would like us to cease use of\n your personal data for any purpose.
\n15. We will try to respond to your question or request promptly.\n We may however, depending on the nature of the question or request, need up to 30 days to provide you an\n estimate of when we will be able to respond to you.
\n\n
\n SAMPLE TERMS & CONDITIONS
\n- \n
- \n Sample content for definitions\n
- \n
- “Agreement” Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n \n
- “Customer” Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n \n
\n - \n Sample term item 2 content\n \n
- \n Sample term item 3 content:\n
- \n
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n \n
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n \n
\n
\n {\n this._target = el\n }}\n onClick={this._tooltipOpenHandler}\n type='button'\n >\n {withIcon &&
\n {show && (\n \n \n
\n {title}
\n {children}\n\n
\n )\n}\n\nconst ChartNodeLabel = ({ data = [] }) => {\n return (\n \n
\n \n \n {title}\n \n \n 
\n \n
\n \n
\n\n \n {children}\n
\n \n {data.map((el, id) => ({el.content}))}\n
\n )\n}\n\nconst ChartNodeDesc = ({ data = [] }) => {\n return (\n \n {data.map((el, id) => ({Utils.formatNumber(el.totalKG)} kg CO2))}\n
\n )\n}\n\nconst ChartNodeBar = ({ data, maxVal }) => {\n data = data.map(value => {\n let width = 0\n if (value.totalKG === maxVal) {\n width = 100\n } else {\n width = value.totalKG * 100 / maxVal\n }\n return { ...value, width }\n })\n\n return (\n \n {data.map((el, id) => {\n return (\n
\n )\n}\nexport default HorizontalChart\n","import HorizontalChart from \"./HorizontalChart\"\n\nexport default HorizontalChart\n","import SelectionBox from \"./SelectionBox\"\n\nexport default SelectionBox\n","import React from 'react'\nimport classnames from 'classnames'\nimport \"./styles.scss\"\n\nconst SelectionBox = ({ data, latest, className, title, handleChange }) => {\n const _Selection = classnames('selection-box', className)\n return (\n \n \n
\n )\n })}\n \n {title}\n
\n )\n}\n\nexport default SelectionBox\n","import moment from 'moment'\n\nconst getWindowSize = () => {\n return {\n width: window.innerWidth,\n height: window.innerHeight\n }\n}\n\nconst isEmpty = (obj) => {\n const entries = Object.keys(obj)\n if (entries.length > 0) {\n return false\n }\n return true\n}\n\nconst parseStrTemplate = (template, data = {}, replaceChar = {}) => {\n const keys = Object.keys(data)\n const chars = Object.keys(replaceChar)\n let result = template\n if (keys.length === 0) {\n return result\n }\n\n keys.forEach(key => {\n let re = new RegExp(`{${key}}`, 'g')\n let d = data[key]\n if (chars.length > 0) {\n chars.forEach(c => {\n let reC = new RegExp(`${c}`, 'g')\n d = d.replace(reC, replaceChar[c])\n })\n }\n result = result.replace(re, d)\n })\n return result\n}\n\nconst parseDate = (date, format = 'DD MMM YYYY', timezone = 'Asia/Singapore') => {\n if (timezone) {\n return moment(date).tz(timezone).format(format)\n }\n return moment(date).format(format)\n}\n\nconst checkIfValIsNum = (v) => {\n return Number.isInteger(parseInt(v))\n}\n\nconst transformWithZero = (v, padOffset) => {\n if (v.length < 2) {\n if (v.charAt(0) !== '0' && checkIfValIsNum(v.charAt(0))) {\n return `0${v}`\n } else {\n return v.slice(padOffset)\n }\n }\n if (v.length > 2) {\n if (v.charAt(0) === '0' && checkIfValIsNum(v.charAt(0))) {\n let sliceIt = true\n for (let i = 1;i < v.length;i++) {\n if (v.charAt(i) && !checkIfValIsNum(v.charAt(i))) {\n sliceIt = false\n }\n }\n if (sliceIt) {\n return v.slice(padOffset + 1)\n }\n return v\n }\n }\n return v\n}\n\nconst trailWithZero = (v, joining = '/') => {\n let padOffset = -(v.length)\n if (v === '') {\n return ''\n }\n let vJoin = v.split(joining)\n if (vJoin.length > 1) {\n let vSplit = ''\n vJoin.forEach((vJ, vIndex) => {\n let r = transformWithZero(vJ, padOffset)\n if (r) {\n vSplit += `${r}`\n }\n if (vIndex < (vJoin.length - 1)) {\n vSplit += `/`\n }\n })\n return vSplit\n }\n\n let res = transformWithZero(v, padOffset)\n if (res) {\n return res\n }\n return v.slice(padOffset)\n}\n\nconst capitalise = (str, firstOnly = true, splitBy = ' ') => {\n if (firstOnly) {\n return str.charAt(0).toUpperCase() + str.slice(1)\n }\n str = str.split(splitBy)\n for (let i = 0;i < str.length;i++) {\n str[i] = str[i].charAt(0).toUpperCase() + str[i].slice(1)\n }\n return str.join(splitBy)\n}\n\nconst formatNumber = (num, decimal) => {\n if(typeof decimal == 'undefined') {\n return Number(num).toLocaleString('en-US')\n }\n\n let result = Number(num).toLocaleString('en-US', {maximumFractionDigits: decimal})\n const dotIndex = result.indexOf('.')\n\n // forcing zero decimal on round number\n if(dotIndex < 0) {\n const requiredPadEnd = result.length + decimal + 1\n return (result + '.').padEnd(requiredPadEnd,'0')\n }\n \n // adding additional zero if not enough.\n const totalPadRequired = decimal + dotIndex + 1\n return result.padEnd(totalPadRequired , '0')\n}\n\nconst detectIE = () => {\n let ua = window.navigator.userAgent\n\n let msie = ua.indexOf('MSIE ')\n if (msie > 0) {\n // IE 10 or older => return version number\n return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10)\n }\n\n let trident = ua.indexOf('Trident/')\n if (trident > 0) {\n // IE 11 => return version number\n let rv = ua.indexOf('rv:')\n return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10)\n }\n\n let edge = ua.indexOf('Edge/')\n if (edge > 0) {\n // Edge (IE 12+) => return version number\n return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10)\n }\n\n // other browser\n return false\n}\n\n/**\n * Convert a base64 string in a Blob according to the data and contentType.\n *\n * @param b64Data {String} Pure base64 string without contentType\n * @param contentType {String} the content type of the file i.e (image/jpeg - image/png - text/plain)\n * @param sliceSize {Int} SliceSize to process the byteCharacters\n * @see http://stackoverflow.com/questions/16245767/creating-a-blob-from-a-base64-string-in-javascript\n * @return Blob\n */\nconst b64toBlob = (b64Data, contentType, sliceSize) => {\n contentType = contentType || \"\"\n sliceSize = sliceSize || 512\n let byteCharacters = atob(b64Data)\n let byteArrays = []\n for (let offset = 0;offset < byteCharacters.length;offset += sliceSize) {\n let slice = byteCharacters.slice(offset, offset + sliceSize)\n let byteNumbers = new Array(slice.length)\n for (let i = 0;i < slice.length;i++) {\n byteNumbers[i] = slice.charCodeAt(i)\n }\n let byteArray = new Uint8Array(byteNumbers)\n byteArrays.push(byteArray)\n }\n let blob = new Blob(byteArrays, {\n type: contentType,\n })\n return blob\n}\n\nconst utils = {\n getWindowSize,\n isEmpty,\n parseStrTemplate,\n parseDate,\n transformWithZero,\n trailWithZero,\n capitalise,\n formatNumber,\n detectIE,\n b64toBlob\n}\n\nexport default utils\n","import { version } from '../../package.json'\nconst PROJECT_NAME = process.env.REACT_APP_PROJECT_NAME\nconst API_BASE = process.env.REACT_APP_API_BASE\nconst API_BASE_AUTHENTICATED = process.env.REACT_APP_API_BASE_AUTHENTICATED\nconst API_BASE_PUBLIC = process.env.REACT_APP_API_BASE_PUBLIC\nconst VERSION = version\n\nconst constants = {\n PROJECT_NAME,\n ENV: process.env.REACT_APP_ENV || 'dev',\n AUTH0: {\n domain: process.env.REACT_APP_AUTH0_DOMAIN || '',\n client_id: process.env.REACT_APP_AUTH0_CLIENTID || '',\n redirect_uri: process.env.REACT_APP_AUTH0_REDIRECT_URI || '',\n logout_uri: process.env.REACT_APP_AUTH0_LOGOUT_URI || '',\n connection: process.env.REACT_APP_AUTH0_CONNECTION || '',\n target_uri: process.env.REACT_APP_AUTH0_TARGET_URI || '',\n audience: process.env.REACT_APP_AUTH0_AUDIENCE || '',\n },\n STORAGE: {\n fields: 'dyipne:fields',\n answers: 'dyipne:answers',\n data: 'dyipne:data',\n page: 'dyipne:page_flow',\n target: 'dyipne:target',\n guess_raintrees: 'dyipne:guess_raintrees',\n },\n API_ENDPOINTS: {\n base: API_BASE,\n isAuth: API_BASE_AUTHENTICATED,\n isPublic: API_BASE_PUBLIC,\n authGraphQL: '/authenticated/graphql',\n graphQL: '/graphql',\n },\n SURVEY: {\n name: 'survey_v1',\n uri: '/v1/survey/survey_v1',\n },\n URLS: {\n floormap_images: `${API_BASE}/static/floormaps`,\n },\n MESSAGES: {\n generic_error: 'Sorry, an error has occured. Please try again later.',\n },\n ENABLE_MAINTENANCE: {\n PAGE: false,\n BANNER: false,\n },\n RUM: {\n dev: {\n service: PROJECT_NAME,\n version: VERSION,\n sampleRate: 100,\n premiumSampleRate: 0,\n trackInteractions: true,\n allowedTracingOrigins: [\n /^https:\\/\\/.*\\.spdigital\\.sg/,\n 'http://localhost:3000',\n 'http://localhost:4001',\n ],\n },\n qa: {\n service: PROJECT_NAME,\n version: VERSION,\n sampleRate: 100,\n premiumSampleRate: 0,\n trackInteractions: true,\n allowedTracingOrigins: [\n /^https:\\/\\/.*\\.spdigital\\.sg/,\n 'http://localhost:3000',\n 'http://localhost:4001',\n ],\n },\n prod: {\n service: PROJECT_NAME,\n version: VERSION,\n sampleRate: 50,\n premiumSampleRate: 0,\n trackInteractions: true,\n allowedTracingOrigins: [\n /^https:\\/\\/.*\\.spdigital\\.sg/,\n /^https:\\/\\/.*\\.spgroup\\.com\\.sg/,\n ],\n },\n },\n}\n\nexport default constants\n","import React, { PureComponent } from 'react'\nimport classnames from 'classnames'\n\nimport { Button, Icons, Tooltip } from 'spd-gds/components/common'\nimport Utils from 'spd-gds/utils'\nimport FormErrorBlock from './FormErrorBlock'\n\nclass FormInput extends PureComponent {\n static getDerivedStateFromProps(props, state) {\n if (props.value !== state.value) {\n let modified = state.tempValue !== props.value\n if (modified) {\n return {\n value: props.value,\n modified: true,\n }\n }\n return {\n value: props.value,\n modified: false,\n }\n }\n return null\n }\n\n state = {\n value: this.props.value,\n tempValue: this.props.value,\n error: null,\n modified: false,\n }\n\n componentDidMount() {\n const { capsOnBlur } = this.props\n if (capsOnBlur) {\n this._capsAllVals()\n }\n }\n\n render() {\n const {\n id,\n label,\n error,\n value,\n name,\n maxLength,\n handleChange,\n handleBlur,\n isInline,\n ctaHandler,\n ctaLabel,\n note,\n loading,\n capsOnBlur,\n setFieldValue,\n onlyNumber,\n showError,\n capsOnChange,\n unit,\n info,\n autoCapitalize,\n showModified,\n trailZero,\n ...props\n } = this.props\n const { value: stateValue, modified } = this.state\n\n const _FormInput = classnames('lm--formItem form-item field-input', {\n 'lm--formItem--inline': isInline,\n 'is-modified': !error && showModified && modified,\n 'is-error': error,\n 'with-cta': ctaHandler,\n 'with-note': note,\n })\n\n return (\n \n \n
\n \n {label && label !== '' && (\n
\n )\n }\n\n _changeHandler = e => {\n const {\n handleChange,\n setFieldValue,\n id,\n onlyNumber,\n capsOnChange,\n autoCapitalize,\n } = this.props\n if (setFieldValue) {\n let value = e.target.value\n if (onlyNumber) {\n let re = /[^0-9]/gi\n if (onlyNumber.decimal) {\n re = /[^0-9.]/gi\n let decimal = onlyNumber.decimal\n let decimalRegex = new RegExp(`\\\\d+(\\\\.\\\\d{0,${decimal}})?`)\n if (value) {\n value = value.replace(re, '')\n if (value !== '') {\n value = value.match(decimalRegex)[0]\n }\n }\n }\n if (onlyNumber.integer) {\n value = '0' + value\n if (value === '') {\n value = '0'\n }\n value = `${parseInt(value.replace(re, ''))}`\n } else {\n value = value.replace(re, '')\n }\n }\n if (capsOnChange) {\n if (typeof value === 'string') {\n value = value.toUpperCase()\n }\n }\n if (autoCapitalize) {\n if (autoCapitalize === 'words' || autoCapitalize === 'sentences') {\n const splitBy = autoCapitalize === 'words' ? ' ' : '. '\n value = Utils.capitalise(value, false, splitBy)\n } else if (autoCapitalize === 'characters') {\n value = value.toUpperCase()\n } else if (autoCapitalize === true) {\n value = Utils.capitalise(value)\n }\n }\n setFieldValue(id, value)\n if (handleChange) {\n handleChange(e)\n }\n } else {\n if (handleChange) {\n handleChange(e)\n }\n }\n }\n\n _blurHandler = e => {\n const {\n handleBlur,\n handleChange,\n setFieldValue,\n capsOnBlur,\n trailZero,\n error,\n params,\n } = this.props\n if (capsOnBlur) {\n this._capsAllVals()\n }\n if (handleBlur) {\n handleBlur(e)\n }\n if (trailZero) {\n const tId = e.target.id\n let v = e.target.value\n v = Utils.trailWithZero(v)\n console.log('# trailZero', v)\n setFieldValue(tId, v)\n if (handleChange) {\n handleChange(tId, v, params.type)\n }\n }\n if (error) {\n this.setState(prevState => ({\n ...prevState,\n error,\n }))\n } else {\n this.setState(prevState => ({\n ...prevState,\n error: null,\n }))\n }\n }\n\n _capsAllVals = () => {\n const { id, value, setFieldValue } = this.props\n if (setFieldValue) {\n const val = value.toUpperCase()\n setFieldValue(id, val)\n }\n }\n}\n\nFormInput.defaultProps = {\n isInline: true,\n showModified: false,\n}\n\nexport default FormInput\n","import React from 'react'\nimport OtpInput from 'react-otp-input'\nimport classnames from 'classnames'\n\nimport FormErrorBlock from './FormErrorBlock'\n\nconst FormOtpInput = ({\n numberOfInputs,\n isInline,\n error,\n note,\n label,\n preOtp,\n autoFocus,\n handleChange: propHandleChange,\n setFieldValue,\n ...props\n}) => {\n\n const _OtpInput = classnames('lm--formItem form-item field-otp', {\n 'lm--formItem--inline': isInline,\n 'is-error': error,\n 'with-note': note\n })\n\n const handleChange = (val) => {\n if (setFieldValue) {\n setFieldValue(props.id, val)\n return\n }\n propHandleChange(val)\n }\n\n return (\n \n {label}\n {info && (\n \n
\n )}\n \n \n \n )}\n
\n \n \n {ctaLabel || 'Continue'}\n \n
\n )}\n {unit && {unit}}\n {loading && (\n \n {\n label && label !== ''\n && (\n
\n )\n}\n\nFormOtpInput.defaultProps = {\n isInline: true,\n numberOfInputs: 4,\n id: '',\n autoFocus: false\n}\n\nexport default FormOtpInput\n","import React from 'react'\nimport classnames from 'classnames'\n\nconst FormCTA = ({\n isInline,\n isCenter,\n children,\n ...props\n}) => {\n const _formCta = classnames('lm--formItem form-item form-cta field-cta', {\n 'lm--formItem--inline': isInline,\n 'lm--formItem--center': isCenter,\n })\n return (\n {label}
\n )}\n \n
\n \n {\n preOtp && (\n \n {`${preOtp} -`}\n \n )\n }\n
\n \n { children }\n
\n )\n}\n\nexport default FormCTA\n","import React from 'react'\n\nconst FormSwitchRadio = ({ id, name, value, checked, onChange, label, ...props }) => {\n return (\n \n \n \n
\n )\n}\n\nexport default FormSwitchRadio\n","import React, { PureComponent, Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport FormSwitchRadio from './FormSwitchRadio'\nimport FormErrorBlock from './FormErrorBlock'\n\nclass FormChoose extends PureComponent {\n state = {\n error: null,\n }\n render() {\n const { title, children, multiple, error, notes, onlyElem } = this.props\n // const {\n // error:stateError\n // } = this.state\n if (onlyElem) {\n return (\n \n {children ? (\n typeof children === 'function' ? (\n children()\n ) : (\n children\n )\n ) : (\n
\n )\n }\n return (\n {this._renderChoices()}
\n )}\n {error && (\n \n
\n {title}
\n \n {children ? (\n typeof children === 'function' ? (\n children()\n ) : (\n children\n )\n ) : (\n
\n {this._renderChoices()}
\n )}\n {error && (\n \n \n Select All\n \n
\n )\n multipleChoice.unshift(chooseAllBtn)\n }\n\n return multipleChoice\n }\n return null\n }\n\n _renderNotes = () => {\n const { id, selected, notes } = this.props\n let filteredNotes = notes.filter((note, i) => {\n let _values = JSON.stringify(note.values.sort())\n let _selected = JSON.stringify([...selected].sort())\n return _values === _selected\n })\n if (filteredNotes && filteredNotes.length > 0) {\n return (\n \n {filteredNotes[0].notes.map((note, i) => {\n return
\n )\n }\n return null\n }\n _onChangeHandler = e => {\n const { setFieldValue, multiple, selected, handleChange } = this.props\n const { value, name, checked } = e.target\n let fieldValue = value\n if (multiple) {\n fieldValue = [...selected]\n if (checked) {\n fieldValue.push(value)\n } else {\n fieldValue.splice(fieldValue.indexOf(value), 1)\n }\n }\n if (setFieldValue) {\n setFieldValue(name, fieldValue)\n }\n if (handleChange) {\n handleChange(e)\n }\n }\n\n _blurHandler = e => {\n const { handleBlur, error } = this.props\n\n if (handleBlur) {\n handleBlur(e)\n }\n if (error) {\n this.setState(prevState => ({\n ...prevState,\n error,\n }))\n } else {\n this.setState(prevState => ({\n ...prevState,\n error: null,\n }))\n }\n }\n\n _chooseAllHandler = () => {\n const { setFieldValue, id, choices, selected } = this.props\n if (selected.length === choices.length) {\n setFieldValue(id, [])\n } else {\n const all = choices.map(choice => choice.id || choice.value)\n setFieldValue(id, all)\n }\n }\n}\n\nFormChoose.defaultProps = {\n id: '',\n title: '',\n choices: [],\n multiple: false,\n selected: [],\n notes: [],\n onlyElem: false,\n}\n\nFormChoose.propTypes = {\n id: PropTypes.string,\n title: PropTypes.string,\n choices: PropTypes.arrayOf(PropTypes.object),\n multiple: PropTypes.bool,\n selected: PropTypes.array,\n notes: PropTypes.array,\n onlyElem: PropTypes.bool,\n}\n\nexport default FormChoose\n","import React, { PureComponent } from 'react'\n\nimport DatePicker from '../common/DatePicker'\nimport FormErrorBlock from './FormErrorBlock'\nimport moment from 'moment'\n\nclass FormDate extends PureComponent {\n state = {\n error: null\n }\n\n componentDidMount(){\n const { id, value, setFieldValue } = this.props\n let date = moment(value, moment.ISO_8601,true)\n \n if (date.isValid()){\n setTimeout(() => {\n setFieldValue(id, date.toDate())\n })\n }\n }\n \n componentDidUpdate(prevProps) {\n const { value } = this.props\n \n if (value !== prevProps.value && Object.prototype.toString.call(value) === '[object Date]') {\n this._checkForError()\n } \n\n if (value === prevProps.value && value !== ''){\n this._checkForError()\n }\n }\n\n render() {\n const { id, label, error, value, isRange, disablePrev, disableNext, availableDays, offset, showLegend, isInput, disabled, disableBefore, disableAfter } = this.props\n\n return (\n {note}
\n })}\n \n
\n )\n }\n _onChangeHandler = (e) => {\n const { handleChange, setFieldValue, id } = this.props\n if (setFieldValue ) {\n let value = e.target.value\n var date = moment(value,'DD/MM/YYYY',true)\n \n setFieldValue(id, date.isValid()?date.toDate():value)\n if (handleChange) {\n handleChange(e)\n }\n }\n }\n\n _onSelectHandler = (id,value) => {\n const { setFieldValue } = this.props\n if (setFieldValue) {\n setFieldValue(id,value === null?'':value)\n }\n this._checkForError()\n }\n\n _blurHandler = (e) => {\n const { handleBlur } = this.props\n if (handleBlur) {\n handleBlur(e)\n }\n this._checkForError()\n }\n\n _onPickerHandler = (e) => {\n const { setFieldTouched } = this.props\n if (setFieldTouched) {\n if (e.state === 'close') {\n setFieldTouched(e.id, true)\n }\n }\n }\n\n _checkForError = () => {\n const { error } = this.props\n\n if (error) {\n this.setState(prevState => ({\n ...prevState,\n error: error,\n }))\n } else {\n this.setState(prevState => ({\n ...prevState,\n error: null,\n }))\n }\n }\n}\n\nexport default FormDate\n","import React, { PureComponent } from 'react'\n\nclass FormField extends PureComponent {\n render() {\n const { \n label, \n field,\n children,\n } = this.props\n return (\n {label}
\n \n
\n \n \n
\n )\n }\n}\n\nFormField.defaultProps = {\n label: '',\n field: ''\n}\n\nexport default FormField\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst FormGroup = ({\n groupTitle,\n groupField,\n groupHeaderContent,\n children,\n className\n}) => {\n return (\n \n {children}\n
\n \n
\n \n {groupTitle}\n
\n {\n groupField && (\n \n {groupField}\n
\n )\n }\n {\n groupHeaderContent && (\n \n {groupHeaderContent}\n
\n )\n }\n {label}
\n \n
\n \n )\n }\n _blurHandler = e => {\n const { handleBlur, errorPrefix, errorNumber } = this.props\n\n if (handleBlur) {\n handleBlur(e)\n }\n if (errorPrefix || errorNumber) {\n this.setState(prevState => ({\n ...prevState,\n errorPrefix,\n errorNumber,\n }))\n } else {\n this.setState(prevState => ({\n ...prevState,\n errorPrefix: null,\n errorNumber: null,\n }))\n }\n }\n\n _changeHandler = e => {\n const { id, setFieldValue } = this.props\n const re = /^[0-9\\b]+$/\n if (e.target.value === '' || re.test(e.target.value)) {\n setFieldValue(id, e.target.value)\n }\n }\n}\n\nFormMobileNumber.defaultProps = {\n valuePrefix: '+65',\n autoComplete: 'off',\n autoCorrect: 'off',\n autoCapitalize: 'off',\n prefixMaxLength: '3',\n maxLength: '8',\n setFieldValue: () => {},\n}\n\nexport default FormMobileNumber\n","import React, { PureComponent } from 'react'\n\nimport Utils from 'spd-gds/utils'\nimport { Tooltip } from 'spd-gds/components/common'\nimport FormErrorBlock from './FormErrorBlock'\n\nclass FormSelectOption extends PureComponent {\n state = {\n error: null,\n }\n render() {\n const {\n label,\n id,\n name,\n note,\n info,\n error,\n value,\n handleChange,\n handleBlur,\n children,\n options,\n ...props\n } = this.props\n // const { error: stateError } = this.state\n let val = value\n // if (typeof value === 'string') {\n // val = val.toLowerCase()\n // }\n return (\n \n
\n \n \n {ctaLabel || 'Continue'}\n \n
\n )}\n \n {label}\n {info && (\n \n
\n \n \n {options.map(option => {\n let op_v = option.value\n if (typeof option.value === 'string') {\n op_v = op_v.toLowerCase()\n }\n return (\n \n {option.text || option.value}\n \n )\n })}\n \n {note && {note}}\n {/* {stateError &&
\n \n )\n }\n\n _blurHandler = e => {\n const { handleBlur, error } = this.props\n\n if (handleBlur) {\n handleBlur(e)\n }\n if (error) {\n this.setState(prevState => ({\n ...prevState,\n error,\n }))\n } else {\n this.setState(prevState => ({\n ...prevState,\n error: null,\n }))\n }\n }\n}\n\nexport default FormSelectOption\n","import React, { PureComponent } from 'react'\n\nimport isEqual from 'lodash.isequal'\nimport classnames from 'classnames'\n\nimport Utils from '../../utils'\nimport FormErrorBlock from './FormErrorBlock'\n\nconst { trailWithZero } = Utils\n\nclass FormInputSplit extends PureComponent {\n static getDerivedStateFromProps(props, state) {\n if (!isEqual(props.value, state.value)) {\n let modified1 = state.modified.value1\n let modified2 = state.modified.value2\n if (props.value[0] !== state.value[0]) {\n let v1 = state.tempValue[0] !== props.value[0]\n if (v1) {\n modified1 = true\n } else {\n modified1 = false\n }\n }\n\n if (props.value[1] !== state.value[1]) {\n let v2 = state.tempValue[1] !== props.value[1]\n if (v2) {\n modified2 = true\n } else {\n modified2 = false\n }\n }\n\n return {\n value: props.value,\n modified: {\n value1: modified1,\n value2: modified2,\n },\n }\n }\n if (props.error && props.error.length > 0) {\n return {\n errorInput1: props.error[0] || false,\n errorInput2: props.error[1] || false,\n }\n }\n return null\n }\n\n state = {\n errorInput1: false,\n errorInput2: false,\n value: this.props.value,\n tempValue: this.props.value,\n modified: {\n value1: false,\n value2: false,\n },\n }\n\n render() {\n const {\n id,\n name,\n label,\n value,\n valuePrefix,\n error,\n handleChange,\n handleBlur,\n placeholder,\n prefixMaxLength,\n setFieldValue,\n trailZero,\n capsOnChange,\n params,\n prefix,\n separator,\n showModified,\n onlyNumber,\n ...props\n } = this.props\n const { value: stateValue, errorInput1, errorInput2, modified } = this.state\n\n const _FormSplitInput = classnames(\n 'lm--formItem lm--formItem--inline field-split split',\n {\n 'is-modified-1': showModified && modified.value1,\n 'is-modified-2': showModified && modified.value2,\n 'is-error': errorInput1 || errorInput2,\n }\n )\n\n return (\n \n \n
\n \n )\n }\n _inputFirstChangeHandler = e => {\n const {\n handleChange,\n setFieldValue,\n onlyNumber,\n capsOnChange,\n params,\n id,\n } = this.props\n if (setFieldValue) {\n let v = e.target.value\n if (onlyNumber) {\n let re = /[a-zA-Z!@#$%^&*,=~`;:{}|\"'<>?[\\]/\\\\ ]/g\n if (onlyNumber.decimal) {\n let decimal = onlyNumber.decimal\n let decimalRegex = new RegExp(`\\\\d+(\\\\.\\\\d{0,${decimal}})?`)\n if (v) {\n v = v.match(decimalRegex)[0]\n }\n }\n if (onlyNumber.integer) {\n re = /[a-zA-Z!@#$%^&*,=~`;:{}|\"'<>?[\\]/\\\\ .]/g\n }\n v = v.replace(re, '')\n }\n if (capsOnChange) {\n if (typeof v === 'string') {\n v = v.toUpperCase()\n }\n }\n setFieldValue(id[0], v)\n handleChange(id[0], v, params.type)\n } else {\n handleChange(e, params.type)\n }\n }\n\n _inputSecondChangeHandler = e => {\n const {\n handleChange,\n setFieldValue,\n onlyNumber,\n capsOnChange,\n params,\n id,\n } = this.props\n if (setFieldValue) {\n let v = e.target.value\n if (onlyNumber) {\n let re = /[a-zA-Z!@#$%^&*,=~`;:{}|\"'<>?[\\]/\\\\ ]/g\n if (onlyNumber.decimal) {\n let decimal = onlyNumber.decimal\n let decimalRegex = new RegExp(`\\\\d+(\\\\.\\\\d{0,${decimal}})?`)\n if (v) {\n v = v.match(decimalRegex)[0]\n }\n }\n if (onlyNumber.integer) {\n re = /[a-zA-Z!@#$%^&*,=~`;:{}|\"'<>?[\\]/\\\\ .]/g\n }\n v = v.replace(re, '')\n }\n if (capsOnChange) {\n if (typeof v === 'string') {\n v = v.toUpperCase()\n }\n }\n setFieldValue(id[1], v)\n handleChange(id[1], v, params.type)\n } else {\n handleChange(e, params.type)\n }\n }\n\n _blurHandler = e => {\n const {\n handleBlur,\n error,\n trailZero,\n setFieldValue,\n handleChange,\n id,\n params,\n } = this.props\n if (handleBlur) {\n handleBlur(e)\n }\n if (trailZero && trailZero.length > 0) {\n const tId = e.target.id\n let v = e.target.value\n trailZero.forEach((tz, i) => {\n if (tz) {\n if (tId === id[i]) {\n v = trailWithZero(v)\n setFieldValue(id[i], v)\n handleChange(id[i], v, params.type)\n }\n }\n })\n }\n if (error) {\n if (error[0] || error[1]) {\n this.setState(prevState => ({\n ...prevState,\n errorInput1: error[0],\n errorInput2: error[1],\n }))\n }\n } else {\n this.setState(prevState => ({\n ...prevState,\n errorInput1: null,\n errorInput2: null,\n }))\n }\n }\n}\n\nFormInputSplit.defaultProps = {\n id: '',\n label: '',\n value: ['', ''],\n valuePrefix: '#',\n prefixMaxLength: '1',\n error: '',\n handleChange: () => {},\n placeholder: '',\n autoComplete: 'off',\n autoCorrect: 'off',\n autoCapitalize: 'off',\n prefix: {},\n showModified: false,\n}\n\nexport default FormInputSplit\n","import React from 'react'\n\nclass FormSwitchRadioGroup extends React.Component {\n constructor (props) {\n super(props)\n this.onChange = this.onChange.bind(this)\n }\n onChange (event) {\n this.props.onChange(this.props.id, event.target.value)\n }\n render () {\n const { labelGroupTitle, children } = this.props\n return (\n {label}
\n \n {prefix.value && (\n
\n \n
\n )}\n {separator && (\n <>\n \n
\n \n
\n \n
\n )\n }\n}\n\nexport default FormSwitchRadioGroup\n","import React from 'react'\nimport classnames from 'classnames'\n\nconst Form = ({\n title,\n description,\n children,\n className,\n ...props\n}) => {\n const _Form = classnames(`app-form`, className)\n return (\n {labelGroupTitle}
\n {children(this.onChange, this.props.selected)}\n \n {\n title && (\n \n {children}\n \n\n
\n )\n}\n\nexport { Form }\nexport { default as FormInput } from './FormInput'\nexport { default as FormOtpInput } from './FormOtpInput'\nexport { default as FormPrefixInput } from './FormPrefixInput'\nexport { default as FormCTA } from './FormCTA'\nexport { default as FormErrorBlock } from './FormErrorBlock'\nexport { default as FormCheckBox } from './FormCheckBox'\nexport { default as FormChoose } from './FormChoose'\nexport { default as FormDate } from './FormDate'\nexport { default as FormField } from './FormField'\nexport { default as FormGroup } from './FormGroup'\nexport { default as FormMobileNumber } from './FormMobileNumber'\nexport { default as FormSelectOption } from './FormSelectOption'\nexport { default as FormSplitInput } from './FormSplitInput'\nexport { default as FormSwitchRadio } from './FormSwitchRadio'\nexport { default as FormSwitchRadioGroup } from './FormSwitchRadioGroup'\n","import Constants from 'spd-gds/constants/'\nimport Co2eConstants from 'spd-gds/constants/co2e.constants'\nimport { StorageServices } from 'spd-gds/services'\n\nconst co2eThreshold = 3000\n\nfunction getPreSavedFields() {\n\n let preSavedFields = StorageServices.Retrieve(Constants.STORAGE.fields)\n if (!preSavedFields) {\n return null\n }\n\n return JSON.parse(preSavedFields)\n}\n\nfunction getPreSavedAnswers() {\n\n let preSavedAnswers = StorageServices.Retrieve(Constants.STORAGE.answers)\n if (!preSavedAnswers) {\n return []\n }\n\n return JSON.parse(preSavedAnswers)\n}\n\nfunction getSavedData() {\n /**\n * data: {\n total: {\n value: 892,\n unit: 'KG',\n sgAverage: 0,\n sustainableAverage: 0,\n groups: []\n },\n trees: 0,\n groups: []\n },\n */\n\n let preSavedData = StorageServices.Retrieve(Constants.STORAGE.data)\n let preSavedGuessRTs = StorageServices.Retrieve(Constants.STORAGE.guess_raintrees)\n if (!preSavedData) {\n return {\n threshold: co2eThreshold,\n total: {\n value: 0,\n unit: 'kg',\n sgAverage: 0,\n sustainableAverage: 0,\n groups: [],\n pastResults: [],\n target: 0\n },\n trackingType: \"\",\n trees: 0,\n guessRaintrees: 0\n }\n }\n\n const preData = JSON.parse(preSavedData)\n const preGuessRTs = JSON.parse(preSavedGuessRTs)\n\n const result = {\n threshold: co2eThreshold,\n total: {\n value: preData.totalKG,\n unit: 'kg',\n sgAverage: preData.sgAverageKG,\n sustainableAverage: preData.sustainableAverageKG || preData.sustainableAverage,\n groups: preData.groups.edges || [],\n pastResults: preData?.pastResults?.edges || preData?.pastResults || [],\n target: preData.target || 0\n },\n trackingType: preData.trackingType || \"\",\n trees: preData.trees,\n guessRaintrees: preGuessRTs ?? 0\n }\n\n return result\n}\n\nexport const initialState = {\n type: 'co2e',\n\n // FETCH QUESTIONNAIRE\n fetching_qnnre: false,\n fetch_qnnre_success: false,\n fetch_qnnre_fail: false,\n\n // CALCULATE\n calculating: false,\n calculate_success: false,\n calculate_fail: false,\n\n // SUBMISSION\n submitting: false,\n submit_success: false,\n submit_fail: false,\n\n // GET RESULT\n fetching_result: false,\n fetch_result_success: false,\n fetch_result_fail: false,\n\n data: getSavedData(),\n fields: getPreSavedFields(),\n answers: getPreSavedAnswers(),\n questionnnaire: null,\n errors: null,\n}\n\nexport const co2eReducer = (state, action) => {\n switch (action.type) {\n case Co2eConstants.FETCH_QUESTIONNAIRE: {\n return {\n ...state,\n fetching_qnnre: true,\n fetch_qnnre_success: false,\n fetch_qnnre_fail: false,\n errors: null,\n }\n }\n\n case Co2eConstants.FETCH_QUESTIONNAIRE_SUCCESS: {\n return {\n ...state,\n fetching_qnnre: false,\n fetch_qnnre_success: true,\n fetch_qnnre_fail: false,\n questionnnaire: action.payload,\n errors: null,\n }\n }\n\n case Co2eConstants.FETCH_QUESTIONNAIRE_FAIL: {\n return {\n ...state,\n fetching_qnnre: false,\n fetch_qnnre_success: false,\n fetch_qnnre_fail: true,\n data: null,\n questionnnaire: null,\n errors: action.payload\n }\n }\n\n case Co2eConstants.CALCULATE: {\n return {\n ...state,\n calculating: true,\n calculate_success: false,\n calculate_fail: false,\n }\n }\n\n case Co2eConstants.CALCULATE_SUCCESS: {\n return {\n ...state,\n calculating: false,\n calculate_success: true,\n calculate_fail: false,\n data: {\n ...state.data,\n total: {\n ...state.data.total,\n value: action.payload.results.totalKG,\n sgAverage: action.payload.results.sgAverageKG,\n sustainableAverage: action.payload.results.sustainableAverageKG,\n groups: action.payload.results.groups\n },\n trees: action.payload.results.trees,\n },\n fields: {\n ...state.fields,\n ...action.payload.fields\n },\n answers: action.payload.answers\n }\n }\n\n case Co2eConstants.CALCULATE_FAIL: {\n return {\n ...state,\n calculating: false,\n calculate_success: false,\n calculate_fail: true,\n errors: action.payload\n }\n }\n\n case Co2eConstants.SUBMIT: {\n return {\n ...state,\n submitting: true,\n submit_success: false,\n submit_fail: false,\n }\n }\n\n case Co2eConstants.SUBMIT_SUCCESS: {\n return {\n ...state,\n submitting: false,\n submit_success: true,\n submit_fail: false,\n data: {\n ...state.data,\n total: {\n ...state.data.total,\n value: action.payload.results.totalKG,\n sgAverage: action.payload.results.sgAverageKG,\n sustainableAverage: action.payload.results.sustainableAverageKG,\n groups: action.payload.results.groups.edges,\n pastResults: action?.payload?.results?.pastResults?.edges || [],\n target: action?.payload?.results?.target || 0\n },\n trees: action.payload.results.trees,\n },\n fields: {\n ...state.fields,\n ...action.payload.fields\n },\n }\n }\n\n case Co2eConstants.SUBMIT_FAIL: {\n return {\n ...state,\n submitting: false,\n submit_success: false,\n submit_fail: true,\n errors: action.payload\n }\n }\n\n case Co2eConstants.GET_RESULT: {\n return {\n ...state,\n fetching_result: true,\n fetch_result_success: false,\n fetch_result_fail: false,\n }\n }\n\n case Co2eConstants.GET_RESULT_SUCCESS: {\n return {\n ...state,\n fetching_result: false,\n fetch_result_success: true,\n fetch_result_fail: false,\n data: {\n ...state.data,\n total: {\n ...state.data.total,\n value: action.payload.results.totalKG,\n sgAverage: action.payload.results.sgAverageKG,\n sustainableAverage: action.payload.results.sustainableAverageKG,\n groups: action.payload.results.groups.edges,\n pastResults: action?.payload?.results?.pastResults?.edges || [],\n target: action?.payload?.results?.target || 0\n },\n trackingType: action.payload.results.trackingType,\n trees: action.payload.results.trees,\n }\n }\n }\n\n case Co2eConstants.GET_RESULT_FAIL: {\n return {\n ...state,\n fetching_result: false,\n fetch_result_success: false,\n fetch_result_fail: true,\n errors: action.payload\n }\n }\n\n case Co2eConstants.SUBMIT_TARGET: {\n return {\n ...state,\n submitting: true,\n submit_success: false,\n submit_fail: false,\n }\n }\n\n case Co2eConstants.SUBMIT_TARGET_SUCCESS: {\n return {\n ...state,\n submitting: false,\n submit_success: true,\n submit_fail: false,\n data: {\n ...state.data,\n total: {\n ...state.data.total,\n target: action?.payload?.target || 0\n },\n },\n fields: {\n ...state.fields,\n ...action.payload.fields\n },\n }\n }\n\n case Co2eConstants.SUBMIT_TARGET_FAIL: {\n return {\n ...state,\n submitting: false,\n submit_success: false,\n submit_fail: true,\n errors: action.payload\n }\n }\n\n case Co2eConstants.GUESS_RAINTREES_SUCCESS: {\n return {\n ...state,\n data: {\n ...state.data,\n total: {\n ...state.data.total\n },\n guessRaintrees: action.payload[\"guess_raintrees\"]\n },\n fields: {\n ...state.fields,\n ...action.payload.fields\n },\n }\n }\n\n case Co2eConstants.SAVE_PAST_RESULT_SUCCESS: {\n return {\n ...state,\n data: {\n ...state.data,\n total: {\n ...state.data.total,\n value: action.payload.results.totalKG,\n sgAverage: action.payload.results.sgAverageKG,\n sustainableAverage: action.payload.results.sustainableAverage,\n groups: action.payload.results.groups.edges,\n pastResults: action.payload.results.pastResults.edges,\n target: action.payload.results.target\n },\n trees: action.payload.results.trees,\n },\n fields: {\n ...state.fields,\n ...action.payload.fields\n },\n }\n }\n\n case Co2eConstants.SAVE_PAST_RESULT_FAIL: {\n return {\n ...state,\n fetching_result: false,\n fetch_result_success: false,\n fetch_result_fail: true,\n errors: action.payload.error\n }\n }\n\n case Co2eConstants.CONTINUE: {\n return {\n ...state,\n fetching_qnnre: false,\n fetch_qnnre_success: false,\n fetch_qnnre_fail: false,\n calculating: false,\n calculate_success: false,\n calculate_fail: false,\n submitting: false,\n submit_success: false,\n submit_fail: false,\n errors: null\n }\n }\n\n case Co2eConstants.RESET: {\n return {\n ...initialState,\n data: {\n threshold: co2eThreshold,\n total: {\n value: 0,\n unit: 'kg',\n sgAverage: 0,\n sustainableAverage: 0,\n groups: [],\n pastResults: [],\n target: 0\n },\n trackingType: \"\",\n trees: 0,\n guessRaintrees: 0\n },\n fields: null,\n answers: [],\n errors: null,\n }\n }\n\n default:\n return {\n ...state\n }\n }\n}\n","import React, { useContext } from 'react'\n\nimport { useReducerThunk } from 'spd-gds/reducers'\nimport { co2eReducer, initialState } from 'spd-gds/reducers/co2e.reducer'\n\nexport const DyipneCtx = React.createContext()\n\nexport const DyipneProvider = DyipneCtx.Provider\n\nexport const useDyipne = () => {\n const dyipneCtx = useContext(DyipneCtx)\n return dyipneCtx\n}\n\nexport const withDyipne = (Component, otherProps) => {\n return props => (\n {title}
\n )\n }\n\n {\n description && (\n{description}
\n )\n }\n\n\n
\n )}\n {error}
) : null\n}\n\nexport default FormErrorBlock\n","import React, { Component, Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Icons, ConfirmationDialog } from 'spd-gds/components/common'\n\nclass Button extends Component {\n constructor(props) {\n super(props)\n this.state = {\n confirm: false,\n }\n\n this.onClickHandler = props.onClickHandler\n\n if (typeof props.onClickHandler === 'string') {\n this.onClickHandler = window.__handlers[props.onClickHandler]\n }\n }\n\n _onClickHandler = (e) => {\n if (this.onClickHandler) {\n e.preventDefault()\n e.stopPropagation()\n // e.nativeEvent.stopImmediatePropagation()\n\n const { confirm: confirmProp, onClickHandlerArgs } = this.props\n if (confirmProp) {\n this.setState(prevState => ({\n ...prevState,\n confirm: true\n }))\n } else {\n if (typeof this.props.onClickHandler === 'string') {\n this.onClickHandler(e.nativeEvent, onClickHandlerArgs, this._element)\n } else {\n this.props.onClickHandler(e.nativeEvent)\n }\n }\n }\n }\n\n _confirmationOkHandler = (e) => {\n const { onClickHandlerArgs, dataMethod } = this.props\n if (this.onClickHandler) {\n this.onClickHandler(e, [...onClickHandlerArgs, dataMethod], this._element)\n }\n }\n\n _confirmationCloseHandler = () => {\n this.setState(prevState => ({\n ...prevState,\n confirm: false\n })\n )\n }\n\n _renderElement() {\n const { link, content, children, to, rel, className, variant, onClickHandler, disabled, type, loading, bare, styles, id } = this.props\n let _to = to\n if (onClickHandler) {\n _to = ''\n }\n if (content && !children) {\n if (link) {\n return (\n ![\"Results](\"/images/HeroBanner.png\")
\n ![\"Maintenance\"](\"/images/maintenance.png\")
\n ![\"CO2](\"/images/co2_tree.png\")
\n