{"version":3,"file":"static/chunks/pages/blog-dcbb11f215615ecc.js","mappings":"qIAeA,IAP4B,kBAC1B,SAAC,IAAD,CACEA,UAAU,+BACVC,MAAM,iB,6TC2RV,UAhNsC,SAAC,GAAD,IAAGC,EAAH,EAAGA,UAAWC,EAAd,EAAcA,KAAd,OACpC,SAAC,KAAD,WACE,UAAC,IAAD,YACE,SAAC,IAAD,CACEC,KAAK,OACLC,MAAM,oDACNC,YAAW,kHAEb,SAAC,IAAD,CAAgBD,MAAM,wDAEtB,SAAC,IAAD,4HAGA,SAAC,IAAD,KACA,UAAC,IAAD,CAASE,GAAI,GAAIC,GAAI,GAArB,WACE,UAAC,IAAD,CAAWR,UAAU,GAArB,yCAC6B,kBAD7B,gBAKA,SAAC,IAAD,CAAKA,UAAU,yBAAf,SACGG,EAAKM,YACJP,EAAUQ,KAAI,YAAmD,MAAhDC,EAAgD,EAAhDA,KAAMC,EAA0C,EAA1CA,GAAIC,EAAsC,EAAtCA,qBAAsBC,EAAgB,EAAhBA,IAAKC,EAAW,EAAXA,KAC9BC,EAAAA,GAAAA,QAAiBL,EAAKM,YACvBD,EAAAA,GAAAA,QAAiBH,GACtC,OACE,SAAC,UAAD,CAAMK,KAAI,gBAAWJ,GAArB,UACE,SAAC,IAAD,CACEd,UAAU,OACVmB,GAAI,GACJX,GAAI,EACJY,MAAO,CAAEC,UAAW,UAJtB,UAME,UAAC,IAAD,CACErB,UAAU,YAEVoB,MAAO,CAAEE,MAAO,OAAQC,OAAQ,QAHlC,WAKE,UAAC,IAAD,WACGZ,EAAKa,OAAOC,MACX,SAAC,IAAD,CAAKN,GAAI,GAAIX,GAAI,GAAjB,UAEE,SAAC,QAAD,CACEkB,QAAQ,MACRC,IAAKhB,EAAKa,OAAOC,IACjBG,IAAKjB,EAAKa,OAAOI,IACjBR,MAAO,CACLE,MAAO,OACPC,OAAQ,IACRM,UAAW,QACXC,SAAU,eAKlB,SAAC,IAAD,CAAKX,GAAI,GAAIX,GAAI,GAAjB,UACE,SAAC,UAAD,CACER,UAAU,qBACVoB,MAAO,CACLW,SAAU,OACVC,WAAY,OACZC,aAAc,WACdH,SAAU,SACVI,WAAY,SACZC,WAAY,OACZlC,MAAO,QACPmC,aAAc,GAVlB,UAaE,oCAAOzB,EAAK0B,UAAU,UAAtB,aAAO,EAAmBC,eAIhC,eACElB,MAAO,CACLE,MAAO,QACPiB,OAAQ,YACRC,gBAAiB,cAGrB,SAAC,IAAD,WACE,SAAC,IAAD,CAAKrB,GAAI,GAAIX,GAAI,GAAIR,UAAU,OAA/B,SACuB,OAApBW,EAAK8B,aACJ,iCAEE,kBAAMrB,MAAO,CAAEW,SAAU,GAAII,WAAY,KAAzC,iBACOxB,EAAK8B,WADZ,QAGA,0BAYR,SAAC,IAAD,CAAKzC,UAAU,YAAf,UACE,SAAC,IAAD,UACGe,EAAK2B,OAAS,IACb,iCAIE,kBAEC3B,EAAK4B,MAAM,EAAG,GAAGjC,KAChB,SAACkC,GAAD,OACEA,EAAIF,OAAS,KACX,SAAC,IAAD,CAEE1C,UAAU,YACVoB,MAAO,CACLW,SAAU,OACVI,WAAY,IACZU,WAAY,UACZ5C,MAAO,SAPX,SAUG2C,GATIA,eA9EhBhC,WAqGf,UAAC,IAAD,CAAKO,GAAI,GAAIZ,GAAI,GAAIuC,GAAI,GAAzB,WACE,SAAC,IAAD,CACEnB,IA3MS,uBA4MTtB,MAAM,mBACNL,UAAU,gBAGZ,eAAIA,UAAU,sBAAd,qEAKA,cAAGA,UAAU,cAAb,mFAIA,UAAC,IAAD,CAAKA,UAAU,gDAAf,WACE,SAAC,SAAD,WACE,SAAC,SAAD,WACE,SAAC,UAAD,CAAMkB,KAAK,cAAX,UACE,eAAGlB,UAAU,oCAAb,2BACe,SAAC,IAAD,CAAiB+C,KAAMC,EAAAA,gBAK5C,SAAC,SAAD,WACE,SAAC,SAAD,WACE,SAAC,UAAD,CAAM9B,KAAK,aAAX,UACE,cAAGlB,UAAU,oCAAb,sCAMN,SAAC,SAAD,WACE,SAAC,SAAD,WACE,SAAC,UAAD,CAAMkB,KAAK,SAAX,UACE,cAAGlB,UAAU,oCAAb,uCAWbG,EAAK8C,WAAa,IACjB,SAAC,IAAD,CAAKjD,UAAU,yBAAf,UACE,SAAC,IAAD,CAAKmB,GAAI,GAAIX,GAAI,EAAGR,UAAU,6BAA9B,UACE,SAAC,IAAD,CAAWG,KAAMA,EAAM+C,SAAS,8B,uBCjRzCC,OAAOC,SAAWD,OAAOC,UAAY,IAAIC,KAAK,CAC7C,QACA,WACE,OAAO,EAAQ,Y","sources":["webpack://_N_E/./components/SwooptyBg/index.tsx","webpack://_N_E/./pages/blog/index.tsx","webpack://_N_E/?e864"],"sourcesContent":["import React from 'react';\nimport Section from '../Section';\n// import style from './SwooptyBg.module.scss';\n\n// interface SwooptyBgProps{\n//   color?: string;\n// }\n\nconst SwooptyBg: React.FC = () => (\n  <Section\n    className=\"swoopty-bg swoopty-bg--fixed\"\n    color=\"light-pink\"\n  />\n);\n\nexport default SwooptyBg;\n","import React from 'react';\nimport Link from 'next/link';\nimport { DateTime, Duration } from 'luxon';\nimport camelcaseKeys from 'camelcase-keys';\nimport { Row, Col, Card, Pagination, Badge, Nav } from 'react-bootstrap';\nimport Prismic from 'prismic-javascript';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSearch } from '@fortawesome/free-solid-svg-icons';\nimport Layout from '../../components/Layout';\nimport OpenGraphTitle from '../../components/OpenGraphTitle';\nimport OpenGraphDescription from '../../components/OpenGraphDescription';\nimport Section from '../../components/Section';\nimport PageTitle from '../../components/PageTitle';\nimport SwooptyBg from '../../components/SwooptyBg';\nimport Paginator from '../../components/Paginator';\nimport { PrismicClient } from '../../SDKs/Prismic/prismic.config';\nimport { BlogItemDataCamelCase } from '../../SDKs/Prismic/prismic.types';\nimport { FranchiseeProvider } from '../../context/Franchisee';\nimport SVG from 'react-inlinesvg';\nimport Head from '../../components/head';\n\nconst iconPageNotFound = '/images/icon-404.svg';\n\nexport const getStaticProps = async (context) => {\n  const { req } = context;\n\n  const queryResult = await PrismicClient(req).query(\n    Prismic.Predicates.at('document.type', 'blog-post'),\n    { pageSize: 6, orderings: '[my.blog-post.dateposted desc]' }\n  );\n\n  const {\n    page,\n    prev_page: prevPage,\n    next_page: nextPage,\n    results_per_page: resultsPerPage,\n    results_size: resultsSize,\n    total_pages: totalPages,\n    results,\n  } = await queryResult;\n\n  const blogItems = results\n    .filter(({ uid, data }) => uid !== null && data.franchiseeslug === null)\n    .map((item) => camelcaseKeys({ ...item, data: camelcaseKeys(item.data) }));\n\n  const meta = {\n    page,\n    prevPage,\n    nextPage,\n    resultsPerPage,\n    resultsSize,\n    totalPages,\n  };\n\n  return {\n    props: {\n      meta,\n      blogItems,\n    },\n    // revalidate: Duration.fromObject({ minutes: 15 }).as('seconds'),\n    revalidate: Duration.fromObject({ hours: 8 }).as('seconds'),\n  };\n};\n\ninterface BlogPageProps {\n  /* add blog page props here */\n  blogItems: Array<{\n    id: string;\n    firstPublicationDate: string;\n    lastPublicationDate: string;\n    type: string;\n    slugs: Array<string>;\n    tags: Array<string>;\n    data: BlogItemDataCamelCase;\n    uid: string;\n  }>;\n  meta: {\n    page: number;\n    prevPage?: number;\n    nextPage?: number;\n    resulstsPerPage: number;\n    resultsSize: number;\n    totalPages: number;\n  };\n}\n\nconst Blog: React.FC<BlogPageProps> = ({ blogItems, meta }: BlogPageProps) => (\n  <FranchiseeProvider>\n    <Layout>\n      <Head\n        slug='blog'\n        title='Blog - Two Maids - Professional Cleaning Services'\n        description={`Tips, updates, stories from the field, and information on our professional cleaning services from our blogs.`}\n      />\n      <OpenGraphTitle title='Blog - Two Maids - Professional Cleaning Services ' />\n\n      <OpenGraphDescription>\n        Tips, updates, stories from the field, and information on our professional cleaning services from our blogs.\n      </OpenGraphDescription>\n      <SwooptyBg />\n      <Section lg={12} md={12}>\n        <PageTitle className=''>\n          The Latest Blog Posts from <br />\n          Two Maids \n        </PageTitle>\n\n        <Row className='justify-content-center'>\n          {meta.resultsSize ? (\n            blogItems.map(({ data, id, firstPublicationDate, uid, tags }) => {\n              const publishedDate = DateTime.fromISO(data.dateposted);\n              const fallbackDate = DateTime.fromISO(firstPublicationDate);\n              return (\n                <Link href={`/blog/${uid}`}>\n                  <Col\n                    className='mb-4'\n                    xs={12}\n                    md={4}\n                    style={{ textAlign: 'center' }}\n                  >\n                    <Card\n                      className='blog-card'\n                      key={id}\n                      style={{ width: '100%', height: '100%' }}\n                    >\n                      <Row>\n                        {data.banner.url && (\n                          <Col xs={12} md={12}>\n                            {/* <img className=\"img-fluid rounded\" src={data.banner.url} alt={data.banner.alt} /> */}\n                            <Card.Img\n                              variant='top'\n                              src={data.banner.url}\n                              alt={data.banner.alt}\n                              style={{\n                                width: '100%',\n                                height: 230,\n                                objectFit: 'cover',\n                                overflow: 'hidden',\n                              }}\n                            />\n                          </Col>\n                        )}\n                        <Col xs={12} md={12}>\n                          <Card.Title\n                            className='px-4 pt-4 ellipsis'\n                            style={{\n                              fontSize: '18px',\n                              lineHeight: '26px',\n                              textOverflow: 'ellipsis',\n                              overflow: 'hidden',\n                              whiteSpace: 'nowrap',\n                              fontWeight: 'bold',\n                              color: 'black',\n                              marginBottom: 0,\n                            }}\n                          >\n                            <span>{data.blogTitle[0]?.text}</span>\n                          </Card.Title>\n                        </Col>\n                      </Row>\n                      <hr\n                        style={{\n                          width: '100px',\n                          margin: '16px auto',\n                          backgroundColor: '#D4357F',\n                        }}\n                      />\n                      <Row>\n                        <Col xs={12} md={12} className='px-4'>\n                          {data.authorName !== null && (\n                            <>\n                              {/* fontWeight needs to be medium and not throw an error */}\n                              <span style={{ fontSize: 14, fontWeight: 500 }}>\n                                By: {data.authorName}:\n                              </span>\n                              <br />\n                            </>\n                          )}\n                \n                        </Col>\n                        {/* <Col xs={12} md={5} className=\"d-flex justify-content-end align-items-baseline\">\n                          <Link href={`/blog/${uid}`}>\n                            <a className=\"btn btn-primary\">Read More</a>\n                          </Link>\n\n                        </Col> */}\n                      </Row>\n                      <Row className='px-2 pb-4'>\n                        <Col>\n                          {tags.length > 0 && (\n                            <>\n                              {/* <span>\n                              Filed Under:\n                            </span> */}\n                              <br />\n                              {/* fontWeight needs to be medium and not throw an error */}\n                              {tags.slice(0, 6).map(\n                                (tag) =>\n                                  tag.length < 14 && (\n                                    <Badge\n                                      key={tag}\n                                      className='mr-2 px-2'\n                                      style={{\n                                        fontSize: '12px',\n                                        fontWeight: 500,\n                                        background: '#D4357F',\n                                        color: 'white',\n                                      }}\n                                    >\n                                      {tag}\n                                    </Badge>\n                                  )\n                              )}\n                            </>\n                          )}\n                        </Col>\n                      </Row>\n                    </Card>\n                  </Col>\n                </Link>\n              );\n            })\n          ) : (\n            <Col xs={10} lg={12} xl={10}>\n              <SVG\n                src={iconPageNotFound}\n                title='A piece of paper'\n                className='w-100 mb-4'\n              />\n\n              <h1 className='h2 text-center mb-5'>\n                We&apos;re Sorry. Two Maids  hasn&apos;t posted any\n                content yet.\n              </h1>\n\n              <p className='text-center'>\n                Maybe one of these links will help you find what you&apos;re\n                looking for.\n              </p>\n              <Nav className='d-block d-lg-flex justify-content-center my-5'>\n                <Nav.Item>\n                  <Nav.Link>\n                    <Link href='/locations/'>\n                      <a className='btn btn-outline-primary btn-block'>\n                        Find a Store <FontAwesomeIcon icon={faSearch} />\n                      </a>\n                    </Link>\n                  </Nav.Link>\n                </Nav.Item>\n                <Nav.Item>\n                  <Nav.Link>\n                    <Link href='/services/'>\n                      <a className='btn btn-outline-primary btn-block'>\n                        Cleaning Packages\n                      </a>\n                    </Link>\n                  </Nav.Link>\n                </Nav.Item>\n                <Nav.Item>\n                  <Nav.Link>\n                    <Link href='/book/'>\n                      <a className='btn btn-outline-primary btn-block'>\n                        Get a Quote\n                      </a>\n                    </Link>\n                  </Nav.Link>\n                </Nav.Item>\n              </Nav>\n            </Col>\n          )}\n        </Row>\n\n        {meta.totalPages > 1 && (\n          <Row className='justify-content-center'>\n            <Col xs={12} md={8} className='d-flex justify-content-end'>\n              <Paginator meta={meta} hrefBase='/blog/page/' />\n            </Col>\n          </Row>\n        )}\n      </Section>\n    </Layout>\n  </FranchiseeProvider>\n);\n\n// Blog.defaultProps = {\n//   blogItems: [],\n//   meta: ({\n//     prevPage: null,\n//     nextPage: null,\n//     resulstsPerPage: 20,\n//     resultsSize: 0,\n//     totalPages: 1,\n//   }),\n// };\n\nexport default Blog;\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/blog\",\n      function () {\n        return require(\"private-next-pages/blog/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/blog\"])\n      });\n    }\n  "],"names":["className","color","blogItems","meta","slug","title","description","lg","md","resultsSize","map","data","id","firstPublicationDate","uid","tags","DateTime","dateposted","href","xs","style","textAlign","width","height","banner","url","variant","src","alt","objectFit","overflow","fontSize","lineHeight","textOverflow","whiteSpace","fontWeight","marginBottom","blogTitle","text","margin","backgroundColor","authorName","length","slice","tag","background","xl","icon","faSearch","totalPages","hrefBase","window","__NEXT_P","push"],"sourceRoot":""}