{"version":3,"sources":["webpack:///./src/components/cards/SignupNgInfoSummerNew.jsx","webpack:///./src/pages/homepage.jsx","webpack:///./src/pages/index.js","webpack:///./src/images/natural-gas/hero-welcomebonus.png","webpack:///./src/constants/hooks/marketingEventToggles.jsx","webpack:///./node_modules/date-fns/esm/isBefore/index.js"],"names":["SignUpNgInfo","props","React","createElement","Layout","background","padding","className","href","title","target","LinkModal","modalContents","useModal","displayContent","modalTitle","modalContentName","okayButtonLabel","src","heroWelcomeBonus","alt","Homepage","isSummerCampaignActive","useSummerCampaignActive","Fragment","SEO","description","style","HomepageHeroBanner","theme","inlineStyle","id","TileCard","data","tileCardData","Svg","icon","aria-hidden","data-section","SignupNgInfoSummerNew","HomeProductHighlight","panelBackground","panelPadding","heroSkateboard","AwardsInfo","Panel","panelData","IndexPage","Header","Footer","module","exports","useDatePeriodToggle","startDate","endDate","isDateInRange","setIsDateInRange","useState","useEffect","currentDate","Date","startParts","split","endParts","start","end","isInRange","isAfter","dirtyDate","dirtyDateToCompare","requiredArgs","arguments","date","toDate","dateToCompare","getTime","isBefore","useSupagasInfoV3","envVarValue","isDatePassed","setIsDatePassed","dateParts","targetDate","hasDatePassed","useDateToggle","process"],"mappings":"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","file":"component---src-pages-index-js-9871623967d6c15345cc.js","sourcesContent":["import React from 'react';\r\n\r\nimport Layout from \"components/layout/layoutPanel\";\r\nimport heroWelcomeBonus from 'images/natural-gas/hero-welcomebonus.png';\r\nimport { LinkModal } from 'kh-common-components';\r\nimport { modalContents } from 'constants/modal-content';\r\n\r\nfunction SignUpNgInfo (props) {\r\n\r\n  return (\r\n    <Layout background=\"mer-bg--ui-light\"\r\n        padding=\"mer-py-ju\">\r\n        <div className=\"container\">\r\n            <div className=\"row mer-panel feature-pill mer-bg--gs-grey-lighter\">\r\n                <div className=\"col-10 col-xl-5 col-md-6 col-sm-7 content mer-py-lg text-center mer-text--size-lg\">\r\n                    <h2>Save 35% off natural gas usage charges for 12 months*</h2>\r\n                    <p className=\"mer-color--primary-royal\"><strong>Plus, choose from a $50 Kmart or Bunnings gift card, account credit, or 10,000 Flybuys points.^</strong></p>\r\n                    <div className=\"mer-panel__actions mer-button-group justify-content-center\">\r\n                        <a href=\"/sign-up\" title=\"Move now\" className=\"mer-button mer-button--primary\" target=\"\">Choose offer and sign up</a>\r\n                    </div>\r\n                    <br />\r\n                    <p className=\"mer-typography--body2\">\r\n                        <small>\r\n                        *Offer ends 30 April 2025. Online only. New and moving customers. &nbsp;\r\n                            <LinkModal \r\n                                modalContents={modalContents}\r\n                                useModal=\"true\"\r\n                                displayContent=\"^T&Cs apply\"\r\n                                title=\"Monthly Smart Saver terms & conditions\"\r\n                                modalTitle=\"Monthly Smart Saver terms and conditions\"\r\n                                modalContentName=\"plan_details_and_terms_2_summer\"\r\n                                okayButtonLabel=\"Close\"\r\n                            />.\r\n                        </small>\r\n                    </p>\r\n                </div>\r\n                <div className=\"col-6 col-xl-5 col-lg-4 col-md-5 col-sm-3 mer-panel__images feature-pill-asset \">\r\n                    <img className=\"mer-panel__image\"\r\n                        src={heroWelcomeBonus}\r\n                        alt=\"Welcome bonus\"\r\n                    />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default SignUpNgInfo;","import React from \"react\";\r\n\r\nimport Layout from \"components/layout/layoutPanel\";\r\nimport Panel from \"components/common/Panel\";\r\nimport TileCard from \"components/common/TileCard-new\";\r\nimport SEO from \"components/Seo\";\r\n\r\nimport panelData from \"constants/homepage/panel-new\";\r\nimport tileCardData from \"constants/homepage/tile-card-new\";\r\nimport HomepageHeroBanner from \"components/cards/HomepageHeroBanner-new\";\r\nimport SignupNgInfoSummerNew from \"components/cards/SignupNgInfoSummerNew\";\r\nimport HomeProductHighlight from \"components/cards/HomeProductHighlight\";\r\nimport AwardsInfo from \"components/cards/AwardsInfo\";\r\nimport { Svg } from 'kh-common-components';\r\nimport heroSkateboard from 'images/moving-house/hero-skateboard-boxes.png';\r\nimport { useSummerCampaignActive } from 'constants/hooks/marketingEventToggles';\r\n\r\n// style\r\n// bespoke styles for this page\r\n// https://www.gatsbyjs.com/docs/how-to/styling/css-modules\r\nimport 'styles/pages/homepage-new.css';\r\n\r\nfunction Homepage() {\r\n    \r\n    const isSummerCampaignActive = useSummerCampaignActive();\r\n    return (\r\n        <>\r\n            <SEO title=\"Kleenheat\"\r\n                description=\"We're WA's truly local natural gas supplier. Enjoy award-winning, local customer service and great ongoing value with Kleenheat.\" />\r\n\r\n            <div style={{ 'overflowX': 'hidden' }}>\r\n                    \r\n                <HomepageHeroBanner />\r\n            \r\n                <Layout theme=\"mer-theme--light\"\r\n                    padding=\"mer-pt-lg mer-pb-sm feature-links\"\r\n                    inlineStyle={{ 'background': 'rgba(0,158,222,0.25)' }}\r\n                    id=\"homepage-tile-card\">\r\n                    <div className=\"container mer-pt-de\">\r\n                        <div className=\"row mer-panel align-items-center justify-content-around flex-direction-column flex-direction-md-row\">\r\n                            <div className=\"col-12 text-center\">\r\n                                <h4 className=\"my-0\">Looking for something else?</h4>\r\n                            </div>\r\n                            <TileCard data={tileCardData} />\r\n                        </div>\r\n                        <div className=\"row justify-content-center\">\r\n                            <div className=\"col-12 col-sm-8 text-md-center\">\r\n                                <a className=\"d-inline-block mer-p-sm hero-notice\" href=\"/lpg\">\r\n                                    <div className=\"d-flex align-items-center justify-content-center text-left\">\r\n                                        <Svg title=\"Alert\"\r\n                                            icon=\"alert-jazzy\"\r\n                                            aria-hidden=\"true\"\r\n                                            style={{ 'color': 'inherit', 'width': '1.5em', 'height': '1.5em' }} />\r\n                                        <h6 className=\"my-0 mer-pl-sm\" style={{ 'color': 'inherit' }}>Service changes for LPG customers. <span className=\"mer-text--no-wrap\">Click here to learn more.</span></h6>\r\n                                    </div>\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </Layout>\r\n            </div>\r\n\r\n            {isSummerCampaignActive && \r\n                <div data-section=\"section-new\"> \r\n                    <SignupNgInfoSummerNew theme=\"mer-theme--cyan\"\r\n                            background=\"mer-bg--primary-cyan\"\r\n                            padding=\"mer-py-ju\" />\r\n                </div>\r\n            }\r\n\r\n            {/* Why choose kleenheat */}\r\n            <HomeProductHighlight panelBackground=\"mer-bg--ui-light\"\r\n                panelPadding=\"mer-pt-lg\" />\r\n\r\n            {/* Moving house made easy */}\r\n            {!isSummerCampaignActive && <Layout background=\"mer-bg--ui-light\"\r\n                padding=\"mer-py-ju\">\r\n                <div className=\"container\">\r\n                    <div className=\"row mer-panel feature-pill\">\r\n                        <div className=\"col-10 col-xl-5 col-md-6 col-sm-7 content mer-py-lg text-center mer-text--size-lg\">\r\n                            <h2>Moving house made easy</h2>\r\n                            <p className=\"mer-color--primary-royal\">New to Kleenheat? Simply tell us where you're moving and we'll take care of the rest. If you're an existing customer you can move your gas online through <a href=\"/my-account\">My Account</a>.</p>\r\n                            <div className=\"mer-panel__actions mer-button-group justify-content-center\">\r\n                                <a href=\"/moving-house\" title=\"Move now\" className=\"mer-button mer-button--primary\" target=\"\">Move your gas today</a>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-6 col-xl-5 col-lg-4 col-md-5 col-sm-3 mer-panel__images feature-pill-asset \">\r\n                            <img className=\"mer-panel__image\"\r\n                                src={heroSkateboard}\r\n                                alt=\"Moving house made easy\"\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </Layout>}\r\n\r\n            <AwardsInfo\r\n                panelBackground=\"mer-bg--ui-light\"\r\n                panelPadding={!isSummerCampaignActive ? \"mer-pb-lg\" : \"mer-py-lg\"}\r\n            />\r\n\r\n            <Layout background=\"mer-bg--ui-light\" theme=\"mer-theme--light\" padding=\"mer-py-lg\">\r\n                <div className=\"container\">\r\n                    <div className=\"row justify-content-center\">\r\n                        <div className=\"col-10 col-sm-8 col-lg-6 mer-text--size-lg\">\r\n                            <div className=\"content text-center\">\r\n                                <h2 className=\"mer-color--primary-cyan\">Other things we do</h2>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-10 col-lg-8\">\r\n                            <Panel data={panelData} id=\"homepage1\" />\r\n                            <Panel data={panelData} id=\"homepage2\" />\r\n                            <Panel data={panelData} id=\"homepage3\" />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </Layout>\r\n        </>\r\n    );\r\n}\r\n\r\nexport default Homepage;\r\n","import React from \"react\"\r\n\r\nimport Layout from \"components/layout/layoutMain\"\r\nimport SEO from \"components/Seo\"\r\nimport Homepage from \"pages/homepage\"\r\nimport Header from \"components/Header\"\r\nimport Footer from \"components/Footer\"\r\n\r\nconst IndexPage = () => (\r\n  <>\r\n    <SEO title=\"Kleenheat\" />\r\n    <Header />\r\n    <Layout>\r\n      <Homepage />\r\n    </Layout>\r\n    <Footer />\r\n  </>\r\n)\r\n\r\nexport default IndexPage\r\n","module.exports = __webpack_public_path__ + \"static/hero-welcomebonus-a807c3ccdfda257c793186946af39622.png\";","import { useEffect, useState } from 'react';\r\nimport { isAfter, isBefore } from 'date-fns';\r\n\r\nexport const useDateToggle = (envVarValue) => {\r\n    const [isDatePassed, setIsDatePassed] = useState(null);\r\n\r\n    useEffect(() => {\r\n        const currentDate = new Date();\r\n\r\n        const dateParts = envVarValue.split('-');\r\n        const targetDate = new Date(\r\n            dateParts[0],\r\n            dateParts[1] - 1,\r\n            dateParts[2],\r\n            dateParts[3] ? dateParts[3] : '',\r\n            dateParts[4] ? dateParts[4] : ''\r\n        );\r\n\r\n        const hasDatePassed = isAfter(currentDate, targetDate);\r\n        \r\n        setIsDatePassed(hasDatePassed);\r\n    }, [envVarValue]);\r\n\r\n    return isDatePassed;\r\n};\r\n\r\nexport const useDatePeriodToggle = (startDate, endDate) => {\r\n    const [isDateInRange, setIsDateInRange] = useState(null);\r\n\r\n    useEffect(() => {\r\n        const currentDate = new Date();\r\n\r\n        const startParts = startDate.split('-');\r\n        const endParts = endDate.split('-');\r\n\r\n        const start = new Date(\r\n            startParts[0],\r\n            startParts[1] - 1,\r\n            startParts[2],\r\n            startParts[3] ? startParts[3] : '',\r\n            startParts[4] ? startParts[4] : ''\r\n        );\r\n\r\n        const end = new Date(\r\n            endParts[0],\r\n            endParts[1] - 1,\r\n            endParts[2],\r\n            endParts[3] ? endParts[3] : '',\r\n            endParts[4] ? endParts[4] : ''\r\n        );\r\n\r\n        const isInRange = isAfter(currentDate, start) && isBefore(currentDate, end);\r\n        setIsDateInRange(isInRange);\r\n    }, [startDate, endDate]);\r\n\r\n    return isDateInRange;\r\n};\r\n\r\nexport const useSupagasInfoV3 = () => {\r\n    return useDateToggle(process.env.SUPAGAS_INFO_V3);\r\n};\r\n\r\nexport const useSummerCampaignActive = () => {\r\n    const startDate = process.env.SUMMER_CAMPAIGN_START;\r\n    const endDate = process.env.SUMMER_CAMPAIGN_END;\r\n    return useDatePeriodToggle(startDate, endDate);\r\n};","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isBefore\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\n *\n * @param {Date|Number} date - the date that should be before the other one to return true\n * @param {Date|Number} dateToCompare - the date to compare with\n * @returns {Boolean} the first date is before the second date\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\nexport default function isBefore(dirtyDate, dirtyDateToCompare) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var dateToCompare = toDate(dirtyDateToCompare);\n  return date.getTime() < dateToCompare.getTime();\n}"],"sourceRoot":""}