{"version":3,"sources":["webpack:///./node_modules/date-fns/esm/toDate/index.js","webpack:///./src/components/layout/layoutPanel.js","webpack:///./src/images/supagas.jpg","webpack:///./src/constants/urls.js","webpack:///./node_modules/date-fns/esm/isAfter/index.js","webpack:///./src/components/common/Image.js","webpack:///./src/components/common/Faq.jsx","webpack:///./node_modules/@babel/runtime/helpers/esm/typeof.js","webpack:///./src/pages/lpg.jsx","webpack:///./node_modules/date-fns/esm/_lib/requiredArgs/index.js","webpack:///./src/constants/hooks/marketingEventToggles.jsx","webpack:///./node_modules/date-fns/esm/isBefore/index.js"],"names":["toDate","argument","arguments","argStr","Object","prototype","toString","call","Date","getTime","console","warn","Error","stack","NaN","LayoutPanel","props","backgroundClass","undefined","background","borderClass","border","paddingClass","padding","marginClass","margin","themeClass","theme","sectionClass","col","React","createElement","className","id","style","inlineStyle","children","module","exports","mermaidUrl","process","mermaidImgUrl","mermaidFlowmojiBgUrl","getYoutubeImageUrl","imgSrc","getYoutubeVideoUrl","videoSrc","getVimeoVideoDetail","videoId","getVimeoVideoUrl","isAfter","dirtyDate","dirtyDateToCompare","date","dateToCompare","Image","imageSrcRaw","src","imageSrc","imagesrcfrom","imagesrc","assign","alt","FrequentAnswerQuestions","showHeading","hideHeading","Fragment","panelBackground","panelPadding","AccordionList","listData","data","settings","description","_typeof","o","Symbol","iterator","constructor","LpgPageNew","SEO","title","titleBespoke","Header","LayoutMain","heroBanner","href","target","Faq","faqDataOfferV3","Footer","LpgPageOld","faqDataOffer","LpgPage","shouldShowSupagasInfoV3","useSupagasInfoV3","requiredArgs","required","args","length","TypeError","useDatePeriodToggle","startDate","endDate","isDateInRange","setIsDateInRange","useState","useEffect","currentDate","startParts","split","endParts","start","end","isInRange","isBefore","envVarValue","isDatePassed","setIsDatePassed","dateParts","targetDate","hasDatePassed","useDateToggle","useSummerCampaignActive"],"mappings":"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","file":"component---src-pages-lpg-jsx-1d38731fcce0ca1fb44c.js","sourcesContent":["import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}","import React from 'react';\r\n\r\nfunction LayoutPanel(props) {\r\n\r\n  let defaultClass = 'module-wrapper';\r\n  \r\n  let backgroundClass = props.background !== undefined ? ` ${props.background}` : '';\r\n  let borderClass = props.border !== undefined ? ` ${props.border}` : '';\r\n  let paddingClass = props.padding !== undefined ? ` ${props.padding}` : '';\r\n  let marginClass = props.margin !== undefined ? ` ${props.margin}` : '';\r\n  let themeClass = props.theme !== undefined ? ` ${props.theme}` : '';\r\n  let colClass = props.col !== undefined ? ` ${props.col}` : '';\r\n\r\n  let sectionClass = `${defaultClass}${colClass}${themeClass}${marginClass}${paddingClass}${backgroundClass}${borderClass}`;\r\n\r\n    return (\r\n        <section className={sectionClass} id={props.id} style={props.inlineStyle}>\r\n            {props.children}\r\n        </section>\r\n    );\r\n}\r\n\r\nexport default LayoutPanel;","module.exports = __webpack_public_path__ + \"static/supagas-30b1cc71287326baf73b3c3a6590c3d2.jpg\";","// \r\n// \r\n// Urls\r\n// Config file for urls used within gatsby \r\n// \r\n// \r\n\r\n\r\n// process.env.MERMAID_HOST\r\n//-- mermaid url\r\nexport const mermaidUrl = process.env.MERMAID_HOST;\r\n\r\n//-- mermaid Image Url\r\nexport const mermaidImgUrl = `${mermaidUrl}/-/img`;\r\n\r\n//-- mermaid flowmoji background\r\nexport const mermaidFlowmojiBgUrl = `${mermaidUrl}/-/img/bg-tile-generic.png`;\r\n\r\n// google address api\r\nexport const googleAddressApiUrl = `https://maps.googleapis.com/maps/api/js?key=${process.env.GOOGLE_MAP_KEY}&libraries=places`;\r\n\r\n\r\n//-- youtube image url\r\nexport const getYoutubeImageUrl = (imgSrc) =>{\r\n    return `https://img.youtube.com/vi/${imgSrc}/hqdefault.jpg`;\r\n}\r\nexport const getYoutubeVideoUrl = (videoSrc) =>{\r\n    return `https://www.youtube.com/embed/${videoSrc}?autoplay=1&mute=0`;\r\n}\r\n\r\n\r\n//-- vimeo image url\r\nexport const getVimeoVideoDetail= (videoId) =>{\r\n    return `https://vimeo.com/api/v2/video/${videoId}.json`;\r\n}\r\nexport const getVimeoVideoUrl = (videoSrc) =>{\r\n    return `https://player.vimeo.com/video/${videoSrc}?autoplay=1`;\r\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isAfter\n * @category Common Helpers\n * @summary Is the first date after the second one?\n *\n * @description\n * Is the first date after the second one?\n *\n * @param {Date|Number} date - the date that should be after the other one to return true\n * @param {Date|Number} dateToCompare - the date to compare with\n * @returns {Boolean} the first date is after the second date\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Is 10 July 1989 after 11 February 1987?\n * const result = isAfter(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> true\n */\nexport default function isAfter(dirtyDate, dirtyDateToCompare) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var dateToCompare = toDate(dirtyDateToCompare);\n  return date.getTime() > dateToCompare.getTime();\n}","import React from 'react';\r\nimport { mermaidImgUrl } from 'constants/urls';\r\n\r\n\r\nfunction Image (props) {\r\n\r\n    let imageSrcRaw = props.src !== undefined ? props.src : '';\r\n    let imageSrc = `${mermaidImgUrl}${imageSrcRaw}`;\r\n\r\n    if(props.imagesrcfrom!==undefined && props.imagesrcfrom!==null && props.imagesrcfrom==='youtube'){\r\n        imageSrc = props.imagesrc;\r\n    }\r\n    \r\n    return (\r\n        <img {...props} src={imageSrc} alt={props.alt} />\r\n    );\r\n}\r\n\r\nexport default Image;","import React from 'react';\r\nimport LayoutPanel from 'components/layout/layoutPanel';\r\nimport { AccordionList } from 'kh-common-components';\r\n\r\nfunction FrequentAnswerQuestions (props) {\r\n\r\n\tconst showHeading = props.hideHeading ? false : true;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<LayoutPanel background={props.panelBackground}\r\n                     \t padding={props.panelPadding} \r\n                     \t {...props}>\r\n            \t<div className=\"container\">\r\n                \t<div className=\"row mer-panel\">\r\n                \t\t<div className=\"col-12 col-sm-10 col-lg-8 col-xl-7 content\">\r\n\t\t\t\t\t\t\t{ showHeading && \r\n\t\t                \t\t<h2 className=\"text-center\">Frequently asked questions</h2>\r\n\t\t\t\t\t\t\t}\r\n\t                \t\t<AccordionList \r\n\t                \t\t\tlistData={props.data}\r\n\t\t\t\t\t\t\t\tsettings={props.settings}\r\n\t                \t\t/>\r\n\t\t\t\t\t\t\t{props.description}\r\n\t\t                </div>\r\n                \t</div>\r\n                </div>\r\n            </LayoutPanel>\r\n\t\t</>\r\n\t);\r\n}\r\n\r\nexport default FrequentAnswerQuestions;\r\n","function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}\nexport { _typeof as default };","import React from \"react\";\r\n\r\nimport SEO from \"components/Seo\";\r\nimport Header from \"components/Header\";\r\nimport Footer from \"components/Footer\";\r\n\r\nimport LayoutMain from \"components/layout/layoutMain\";\r\nimport LayoutPanel from \"components/layout/layoutPanel\";\r\nimport Image from 'components/common/Image';\r\nimport Faq from 'components/common/Faq';\r\n\r\nimport faqDataOffer from 'constants/components/accordion-list/supagas-info-faq';\r\nimport faqDataOfferV3 from 'constants/components/accordion-list/supagas-info-faq-v3';\r\nimport heroBanner from 'images/supagas.jpg';\r\n\r\nimport 'styles/pages/lpg-update.css';\r\n\r\nimport { useSupagasInfoV3 } from 'constants/hooks/marketingEventToggles';\r\n\r\n\r\nfunction LpgPage() {\r\n\tconst shouldShowSupagasInfoV3 = useSupagasInfoV3();\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{shouldShowSupagasInfoV3 === null ? (\r\n\t\t\t\t<div></div>\r\n\t\t\t) : shouldShowSupagasInfoV3 ? (\r\n\t\t\t\t<LpgPageNew />\r\n\t\t\t) : (\r\n\t\t\t\t<LpgPageOld />\r\n\t\t\t)}\r\n\t\t</>\r\n\t);\r\n}\r\n\r\nfunction LpgPageNew() {\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<SEO title=\"Residential LPG gas cylinders in WA | Kleenheat\"\r\n\t\t\t\ttitleBespoke=\"true\"\r\n\t\t\t\tdescription=\"Kleenheat has sold its LPG distribution business to Supagas. Find out how to order a gas cylinder from Supagas and more.\"\r\n\t\t\t/>\r\n\t\t\t<Header />\r\n\t\t\t<LayoutMain>\r\n\r\n\t\t\t\t<LayoutPanel theme=\"mer-theme--cyan\"\r\n\t\t\t\t\tbackground=\"mer-bg--primary-cyan\"\r\n\t\t\t\t\tpadding=\"mer-py-lg\"\r\n\t\t\t\t\tid=\"supagas-hero-banner\">\r\n\t\t\t\t\t<div className=\"container\">\r\n\t\t\t\t\t\t<div className=\"row mer-panel align-items-center justify-content-around flex-lg-column\">\r\n\t\t\t\t\t\t\t<div className=\"mer-panel__images col-8 col-sm-4 col-lg-3\">\r\n\t\t\t\t\t\t\t\t<img src={heroBanner}\r\n\t\t\t\t\t\t\t\t\tclassName=\"mer-panel__image supagas-logo\"\r\n\t\t\t\t\t\t\t\t\talt=\"Supagas logo\" />\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div className=\"col-12 col-sm-10 col-lg-8 col-xl-7 pt-0\">\r\n\t\t\t\t\t\t\t\t<div className=\"content text-center mer-text--size-lg\">\r\n\t\t\t\t\t\t\t\t\t<h1 className=\"mer-panel__title mer-typography--headline2 my-0\">LPG cylinder and bulk distribution business acquired by Supagas</h1>\r\n\r\n\t\t\t\t\t\t\t\t\t<p>On 2 December 2024, Supagas acquired Kleenheat’s LPG cylinder and bulk tank business that previously serviced WA and NT customers.</p>\r\n\t\t\t\t\t\t\t\t\t<p>Please refer to the Q&As below for information on how to order your LPG cylinders from Supagas.</p>\r\n\t\t\t\t\t\t\t\t\t<p className=\"mb-0\">You can activate your Supagas account by clicking the link below, and selecting the option ‘Set up for the first time OR Forgotten your password’.</p>\r\n\r\n\t\t\t\t\t\t\t\t\t<div className=\"mer-panel__actions mer-button-group justify-content-center flex-column col-10 col-sm-8 col-md-6 mx-auto\">\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"https://www.supagas.com.au/login\"\r\n\t\t\t\t\t\t\t\t\t\t\ttitle=\"Visit Supagas\"\r\n\t\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"mer-button mer-button--primary mr-0 mb-3\">\r\n\t\t\t\t\t\t\t\t\t\t\tActivate Supagas account\r\n\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#faq\"\r\n\t\t\t\t\t\t\t\t\t\t\ttitle=\"FAQs\"\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"mer-button mer-button--secondary\">\r\n\t\t\t\t\t\t\t\t\t\t\tFAQs\r\n\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</LayoutPanel>\r\n\r\n\t\t\t\t<LayoutPanel theme=\"mer-theme--light mer-border--bottom\"\r\n\t\t\t\t\tpadding=\"mer-py-lg\"\r\n\t\t\t\t\tcol=\"flex-sm-row-reverse\"\r\n\t\t\t\t\tbackground=\"mer-bg--gs-grey-lighter\">\r\n\t\t\t\t\t<div className=\"container\">\r\n\t\t\t\t\t\t<div className=\"row mer-panel justify-content-center\">\r\n\r\n\t\t\t\t\t\t\t<div className=\"col-10 col-sm-8 col-md-7 col-lg-5 content order-2\">\r\n\t\t\t\t\t\t\t\t<h2 className=\"pb-0 mb-0\">Pay your Kleenheat bill</h2>\r\n\t\t\t\t\t\t\t\t<p>If you have a Kleenheat bill, you’ll need to pay this directly to Kleenheat. You can pay through the link below using your Kleenheat customer details or call us on <a href=\"tel:132180\" title=\"Call our customer service team\">13 21 80</a>.</p>\r\n\r\n\t\t\t\t\t\t\t\t<div className=\"mer-panel__actions mer-button-group\">\r\n\t\t\t\t\t\t\t\t\t<a href=\"/pay-online\"\r\n\t\t\t\t\t\t\t\t\t\ttitle=\"Pay invoice\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"mer-button mer-button--primary mer--bg-primary-cyan\">\r\n\t\t\t\t\t\t\t\t\t\tPay bill online\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div className=\"mer-panel__images col-6 col-sm-4 col-md-3 col-lg-2 order-1\">\r\n\t\t\t\t\t\t\t\t<Image className=\"mer-panel__image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"/icons/flowmoji/flowmoji-invoice.svg\"\r\n\t\t\t\t\t\t\t\t\talt=\"Flowmoji invoice\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</LayoutPanel>\r\n\r\n\t\t\t\t<Faq panelBackground=\"mer-bg--ui-light\"\r\n\t\t\t\t\tpanelPadding=\"mer-py-lg\"\r\n\t\t\t\t\tid=\"faq\"\r\n\t\t\t\t\tdata={faqDataOfferV3} />\r\n\r\n\t\t\t</LayoutMain>\r\n\t\t\t<Footer />\r\n\t\t</>\r\n\t)\r\n}\r\n\r\nfunction LpgPageOld() {\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<SEO title=\"LPG update | WA's Local Provider - Kleenheat\"\r\n\t\t\t\ttitleBespoke=\"true\"\r\n\t\t\t\tdescription=\"Join WA's local natural gas supplier. Enjoy award-winning local service and ongoing value with Kleenheat. Find a plan to suit your needs today.\"\r\n\t\t\t/>\r\n\t\t\t<Header />\r\n\t\t\t<LayoutMain>\r\n\r\n\t\t\t\t<LayoutPanel theme=\"mer-theme--cyan\"\r\n\t\t\t\t\tbackground=\"mer-bg--primary-cyan\"\r\n\t\t\t\t\tpadding=\"mer-py-lg\"\r\n\t\t\t\t\tid=\"supagas-hero-banner\">\r\n\t\t\t\t\t<div className=\"container\">\r\n\t\t\t\t\t\t<div className=\"row mer-panel align-items-center justify-content-around flex-lg-column\">\r\n\t\t\t\t\t\t\t<div className=\"mer-panel__images col-8 col-sm-4 col-lg-3\">\r\n\t\t\t\t\t\t\t\t<img src={heroBanner}\r\n\t\t\t\t\t\t\t\t\tclassName=\"mer-panel__image supagas-logo\"\r\n\t\t\t\t\t\t\t\t\talt=\"Supagas logo\" />\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div className=\"col-12 col-sm-10 col-lg-8 col-xl-7 pt-0\">\r\n\t\t\t\t\t\t\t\t<div className=\"content text-center mer-text--size-lg\">\r\n\t\t\t\t\t\t\t\t\t<h1 className=\"mer-panel__title mer-typography--headline2 my-0\">LPG cylinder and bulk distribution business to be acquired by Supagas</h1>\r\n\r\n\t\t\t\t\t\t\t\t\t<p>On 2 December 2024, Supagas will acquire Kleenheat’s LPG cylinder and bulk tank business that services WA and NT customers.</p>\r\n\t\t\t\t\t\t\t\t\t<p>To facilitate this transition, Kleenheat stopped accepting cylinder orders at midday AWST on Friday 29 November. Please refer to the Q&As below for information on how to order cylinders from Supagas.</p>\r\n\t\t\t\t\t\t\t\t\t<p className=\"mb-0\">If you have a question about an order placed with Kleenheat on or prior to 29 November, please contact us on <a href=\"tel:132180\" title=\"Call our customer service team\">13 21 80</a>.</p>\r\n\r\n\t\t\t\t\t\t\t\t\t<div className=\"mer-panel__actions mer-button-group justify-content-center flex-column col-10 col-md-5 col-lg-4 mx-auto\">\r\n\t\t\t\t\t\t\t\t\t\t<a href=\"#faq\"\r\n\t\t\t\t\t\t\t\t\t\t\ttitle=\"FAQs\"\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"mer-button mer-button--secondary\">\r\n\t\t\t\t\t\t\t\t\t\t\tFAQs\r\n\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</LayoutPanel>\r\n\r\n\t\t\t\t<LayoutPanel theme=\"mer-theme--light mer-border--bottom\"\r\n\t\t\t\t\tpadding=\"mer-py-lg\"\r\n\t\t\t\t\tcol=\"flex-sm-row-reverse\"\r\n\t\t\t\t\tbackground=\"mer-bg--gs-grey-lighter\">\r\n\t\t\t\t\t<div className=\"container\">\r\n\t\t\t\t\t\t<div className=\"row mer-panel justify-content-center\">\r\n\r\n\t\t\t\t\t\t\t<div className=\"col-10 col-sm-8 col-md-7 col-lg-5 content order-2\">\r\n\t\t\t\t\t\t\t\t<h2 className=\"pb-0 mb-0\">Pay your Kleenheat bill</h2>\r\n\t\t\t\t\t\t\t\t<p>If you have a Kleenheat bill, you’ll need to pay this directly to Kleenheat. You can pay through the link below using your Kleenheat customer details or call us on <a href=\"tel:132180\" title=\"Call our customer service team\">13 21 80</a>.</p>\r\n\r\n\t\t\t\t\t\t\t\t<div className=\"mer-panel__actions mer-button-group\">\r\n\t\t\t\t\t\t\t\t\t<a href=\"/pay-online\"\r\n\t\t\t\t\t\t\t\t\t\ttitle=\"Pay invoice\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"mer-button mer-button--primary mer--bg-primary-cyan\">\r\n\t\t\t\t\t\t\t\t\t\tPay bill online\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<div className=\"mer-panel__images col-6 col-sm-4 col-md-3 col-lg-2 order-1\">\r\n\t\t\t\t\t\t\t\t<Image className=\"mer-panel__image\"\r\n\t\t\t\t\t\t\t\t\tsrc=\"/icons/flowmoji/flowmoji-invoice.svg\"\r\n\t\t\t\t\t\t\t\t\talt=\"Flowmoji invoice\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</LayoutPanel>\r\n\r\n\t\t\t\t<Faq panelBackground=\"mer-bg--ui-light\"\r\n\t\t\t\t\tpanelPadding=\"mer-py-lg\"\r\n\t\t\t\t\tid=\"faq\"\r\n\t\t\t\t\tdata={faqDataOffer} />\r\n\r\n\t\t\t</LayoutMain>\r\n\t\t\t<Footer />\r\n\t\t</>\r\n\t)\r\n}\r\n\r\nexport default LpgPage;","export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}","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":""}