{"version":3,"sources":["webpack:///./src/pages/bill-payment-information/index.js"],"names":["BillPage","data","meta","graphAPI","contentBilling","content","title","className","serviceRate","services","map","service","console","log","rateTiers","style","width","tier","key","type","textAlign","rate","toFixed","numberWithCommas","x","toString","replace","to","undefined","from","getRate","href","billPageQuery"],"mappings":"oQA6GeA,UAnGE,SAAC,GAAY,IAAXC,EAAU,EAAVA,KACTC,EAAOD,EAAKE,SAASC,eAAeF,KACpCG,EAAUJ,EAAKE,SAASC,eAAeC,QAC7C,OACI,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAKC,MAAOJ,EAAKI,QACjB,yBAAKC,UAAU,QACX,kBAAC,IAAD,MACA,yBAAKA,UAAU,0BACf,yBAAKA,UAAU,gBACX,yBAAKA,UAAU,iBACX,wBAAIA,UAAU,mBAAmBL,EAAKI,QAE1C,kBAAC,IAAD,CAASD,QAASA,IAClB,yBAAKE,UAAU,WACf,yBAAKA,UAAU,mBACX,qDACCN,EAAKE,SAASK,YAAYC,SAASC,KAAI,SAAAC,GAEpC,OADAC,QAAQC,IAAIF,EAAQG,WAEnB,yBAAKP,UAAU,eACZ,4BAAKI,EAAQL,OACb,2BAAOC,UAAU,QAAQQ,MAAO,CAACC,MAAO,SACpC,+BACKL,EAAQG,UAAUJ,KAAI,SAACO,EAAMC,GAwC1B,OACA,wBAAIA,IAAKA,GACU,QAAdD,EAAKE,KACF,wBAAIJ,MAAO,CAACK,UAAW,QAASJ,MAAO,WAAsB,IAAVC,EAAKI,MAAUC,QAAQ,GAA1E,MAEA,wBAAIP,MAAO,CAACK,UAAW,QAASJ,MAAO,UAAvC,KAAoDC,EAAKI,KAAKC,QAAQ,IAE1E,4BA9CJ,SAAiBD,EAAMH,EAAKP,GACxB,SAASY,EAAiBC,GACtB,OAAOA,EAAEC,WAAWC,QAAQ,wBAAyB,KAGzD,OADAd,QAAQC,IAAIQ,EAAKf,OACN,IAARY,IAA0B,IAAbG,EAAKM,GACA,UAAdN,EAAKF,KACE,wBACc,YAAdE,EAAKF,KACL,2BACc,UAAdE,EAAKF,KACL,0CAEA,sBAIIS,IAAfP,EAAKf,MACa,UAAde,EAAKF,MAAkC,QAAdE,EAAKF,KACvB,GAAIE,EAAKf,MACK,UAAde,EAAKF,KACL,0CAEA,iBAKG,UAAdE,EAAKF,MACY,IAAbE,EAAKM,GACE,kDAAmDJ,EAAiBF,EAAKQ,MAA/E,WAEE,oDAAqDN,EAAiBF,EAAKQ,MAAjF,gBAAsGN,EAAiBF,EAAKM,IAA5H,WAGE,iBAWDG,CAAQb,EAAMC,EAAKP,EAAQL,mBAW5D,yBAAKC,UAAU,mBACX,4NAEA,wMAEA,2BAAG,uBAAGwB,KAAK,6BAAR,iCAKX,kBAAC,IAAD,UAST,IAAMC,EAAa","file":"component---src-pages-bill-payment-information-index-js-3c160c058ea2db18ed6e.js","sourcesContent":["import React from \"react\"\n\nimport {graphql} from 'gatsby'\n\nimport Layout from \"../../components/layout\"\nimport Header from \"../../components/header\"\nimport Footer from \"../../components/footer\"\nimport Content from \"../../components/content\"\nimport SEO from \"../../components/seo\"\n\nconst BillPage = ({data}) => {\n    const meta = data.graphAPI.contentBilling.meta\n    const content = data.graphAPI.contentBilling.content\n    return (\n        <Layout>\n            <SEO title={meta.title} />\n            <div className=\"main\">\n                <Header />\n                <div className=\"main-content-container\">\n                <div className=\"main-content\">\n                    <div className=\"title-section\">\n                        <h1 className=\"title is-size-1\">{meta.title}</h1>\n                    </div>\n                    <Content content={content} />\n                    <div className=\"segment\">\n                    <div className=\"content-section\">\n                        <h2>Service Rate Schedule</h2>\n                        {data.graphAPI.serviceRate.services.map(service => {\n                            console.log(service.rateTiers)\n                            return (\n                            (<div className=\"service-box\">\n                                <h4>{service.title}</h4>\n                                <table className=\"table\" style={{width: 'auto'}}> \n                                    <tbody>\n                                        {service.rateTiers.map((tier, key) => {\n                                            function getRate(rate, key, service) {\n                                                function numberWithCommas(x) {\n                                                    return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n                                                }\n                                                console.log(rate.title)\n                                                if(key === 0 && rate.to === -1){\n                                                    if(rate.type === \"fixed\") {\n                                                        return `Base Rate for Service`\n                                                    } else if(rate.type === \"minimum\") {\n                                                        return `Minimum Rate for Service`\n                                                    } else if(rate.type === \"per1K\") {\n                                                        return `Rate per 1,000 gallons of metered usage`\n                                                    } else {\n                                                        return `Undefined Rate`\n                                                    }\n                                                }\n\n                                                if(rate.title !== undefined) {\n                                                    if(rate.type === \"fixed\" || rate.type === \"tax\") {\n                                                        return `${rate.title}`\n                                                    } else if(rate.type === \"per1K\") {\n                                                        return `Rate per 1,000 gallons of metered usage`\n                                                    } else {\n                                                        return `Undefined Rate`\n                                                    }\n\n                                                }\n\n                                                if(rate.type === \"per1K\") {\n                                                    if(rate.to === -1) {\n                                                        return `Rate per 1,000 gallons metered for usage above ${numberWithCommas(rate.from)} gallons`\n                                                    }\n                                                    return `Rate per 1,000 gallons metered for usage between ${numberWithCommas(rate.from)} gallons and ${numberWithCommas(rate.to)} gallons`\n                                                }\n\n                                                return `Undefined Rate`\n\n\n                                            }\n                                            return (\n                                            <tr key={key}>\n                                                {tier.type === \"tax\" ? (\n                                                    <td style={{textAlign: 'right', width: '100px'}}>{(tier.rate*100).toFixed(2)} %</td>\n                                                ) : (\n                                                    <td style={{textAlign: 'right', width: '100px'}}>$ {tier.rate.toFixed(2)}</td>\n                                                )}\n                                                <td>{getRate(tier, key, service.title)}</td>\n\n                                            </tr>\n                                        )})}\n\n                                    </tbody>\n                                </table>\n                            </div>)\n                        )})}\n\n                    </div>\n                    <div className=\"content-section\">\n                        <p>FBMUD 23 elected to join the Missouri City Ground Water Reduction Plan in July of 2008 to satisfy the Texas Legislative conversion mandates implemented by the Fort Bend Subsidence District.</p>\n\n                        <p>The GRP fee assessed each month is the way the conversion mandates are funded. For more information on subsidence please visit the Fort Bend Subsidence District webpage.</p>\n\n                        <p><a href=\"https://fbsubsidence.org/\">https://fbsubsidence.org/</a></p>\n                    </div>\n                    </div>\n\n                </div>\n                <Footer />\n                </div>\n            </div>\n        </Layout>\n    )\n}\n\nexport default BillPage\n\nexport const billPageQuery = graphql`\n    query billPage {\n        graphAPI {\n            contentBilling {\n                meta {\n                    id\n                    title\n                    description\n                }\n                content {\n                    ... on GRAPHAPI_ComponentPageBaseContent {\n                        ...baseContent\n                    }\n                    ... on GRAPHAPI_ComponentPageImage {\n                        ...pageImage\n                    }\n                    ... on GRAPHAPI_ComponentPageLinkCardWithImage {\n                        ...linkCardWithImage\n                    }\n                    ... on GRAPHAPI_ComponentPageSplitContentImage {\n                        ...splitContentImage\n                    }\n                    ... on GRAPHAPI_ComponentPageGallery {\n                        ...pageGallery\n                    }\n                    ... on GRAPHAPI_ComponentPageLinkList {\n                        ...pageLinkList\n                    }\n                }\n            }\n            serviceRate {\n                services {\n                    rateTiers\n                    title\n                    id\n                }\n            }\n        } \n    }\n`\n\n\n"],"sourceRoot":""}