{"version":3,"sources":["utils/index.js","components/NavMenu.js","components/Footer.js","components/Layout.js","components/Spinner.js","components/Home.js","components/PhotoGallery.js","components/PackageOptions.js","components/ContactForm.js","components/ClientPhotos.js","App.js","registerServiceWorker.js","index.js","styles/home.module.scss"],"names":["colorTypes","Primary","Secondary","Success","Danger","Warning","Info","getImageBaseUrl","window","location","href","includes","alertTypes","Light","Dark","buttonTypes","Link","handleFetchRequest","a","url","method","body","fetch","headers","JSON","stringify","res","json","spinnerStyle","currencyFormatter","Intl","NumberFormat","style","currency","minimumFractionDigits","numbersOnly","e","charCode","event","which","keyCode","preventDefault","dollarsToCents","amount","Error","Math","round","parseFloat","replace","NavMenu","Navbar","className","light","Container","fluid","NavbarBrand","tag","to","title","src","alt","Footer","Layout","children","Spinner","size","width","height","role","defaultProps","Home","props","useState","searchBox","setSearchBox","alertMessage","setAlertMessage","alertColor","setAlertColor","modal","setModal","clients","setClients","buttonDisabled","setButtonDisabled","handleSubmit","data","length","handleSearchSuccess","history","push","slug","toggleModal","styles","section","onSubmit","Alert","color","Input","type","value","onChange","target","Button","disabled","block","Modal","isOpen","toggle","backdrop","centered","ModalHeader","ModalBody","map","client","name","id","SRLOptions","overlayColor","captionStyle","captionColor","captionFontFamily","captionFontSize","captionFontWeight","captionFontStyle","buttonsStyle","buttonsBackgroundColor","buttonsIconColor","autoplaySpeed","transitionSpeed","showCaption","showThumbnails","PhotoGallery","photos","handleAddSelection","processPhotoThumbLink","photo","processPhotoFullLink","options","onClick","path","data-attribute","label","PackageOptions","handleRemoveSelection","handleUpdateSelection","orderTotal","activeTab","setActiveTab","format","Nav","tabs","photoIndex","NavItem","NavLink","classnames","active","tab","photoLabel","confirm","handleDelete","TabContent","packages","TabPane","tabId","show","Table","borderless","hover","responsive","p","packageIndex","description","price","onKeyPress","handleQuantityChange","quantity","optionID","ContactForm","fields","onFormChange","errors","phone","email","handleChange","rawValue","undefined","Form","Row","form","Col","md","FormGroup","Label","for","Cleave","phoneRegionCode","ClientPhotos","state","isLoading","isError","selectedPhotos","contactInfo","formErrors","disableSubmit","isSubmitLoading","reduce","acc","packageOptions","setState","newSelections","filter","selection","calculateOrderTotal","produce","draft","flat","Number","subTotal","Dinero","multiply","add","toUnit","handleSubmitOrder","filteredPhotos","filterSelectedPhotos","validateForm","hasErrors","Name","Phone","Email","scrollTo","message","MainRender","this","match","params","newData","processData","document","oncontextmenu","obj","Object","keys","Component","photosPath","processLabel","labelArr","split","selected","pathArray","photoName","trim","NoMatch","App","exact","component","displayName","isLocalhost","Boolean","hostname","registerValidSW","swUrl","navigator","serviceWorker","register","then","registration","onupdatefound","installingWorker","installing","onstatechange","controller","console","log","catch","error","rootElement","getElementById","ReactDOM","render","basename","URL","process","origin","addEventListener","response","status","get","indexOf","ready","unregister","reload","checkValidServiceWorker","registerServiceWorker","module","exports"],"mappings":"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","file":"static/js/main.f673561d.chunk.js","sourcesContent":["const colorTypes = {\n  Primary: 'primary',\n  Secondary: 'secondary',\n  Success: 'success',\n  Danger: 'danger',\n  Warning: 'warning',\n  Info: 'info',\n};\n\nexport const getImageBaseUrl = () =>\n  window.location.href.includes('localhost')\n    ? ''\n    : 'https://ik.imagekit.io/munozphotography';\n\nexport const alertTypes = {\n  ...colorTypes,\n  Light: 'light',\n  Dark: 'dark',\n};\n\nexport const buttonTypes = {\n  ...colorTypes,\n  Link: 'link',\n};\n\nexport const handleFetchRequest = async ({ url, method, body }) => {\n  const res = await fetch(url, {\n    method,\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  });\n  return await res.json();\n};\n\nexport const spinnerStyle = {\n  fullPage: 'spinner-full',\n  inline: 'spinner-inline',\n};\n\nexport const currencyFormatter = new Intl.NumberFormat('en-US', {\n  style: 'currency',\n  currency: 'USD',\n  minimumFractionDigits: 2,\n});\n\nexport const numbersOnly = e => {\n  e = e ? e : window.event;\n  const charCode = e.which ? e.which : e.keyCode;\n\n  if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode !== 46) {\n    e.preventDefault();\n  } else {\n    return true;\n  }\n};\n\nexport const isObjectEmpty = obj => !Object.keys(obj).length;\n\nexport const dollarsToCents = amount => {\n  if (typeof amount !== 'string' && typeof amount !== 'number') {\n    throw new Error('Amount passed must be of type String or Number.');\n  }\n\n  return Math.round(\n    100 *\n      parseFloat(\n        typeof amount === 'string' ? amount.replace(/[$,]/g, '') : amount,\n      ),\n  );\n};\n","import React from 'react';\r\nimport { Container, Navbar, NavbarBrand } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { getImageBaseUrl } from '../utils';\r\n\r\nimport '../styles/navMenu.scss';\r\n\r\nconst NavMenu = () => {\r\n  return (\r\n    <header>\r\n      <Navbar\r\n        className=\"navbar navbar-expand-sm navbar-toggleable-sm navbar-light border-bottom box-shadow nav-marketing\"\r\n        light\r\n      >\r\n        <Container fluid>\r\n          <NavbarBrand tag={Link} to=\"/\" title=\"Muñoz Photography Logo\">\r\n            <img\r\n              src={`${getImageBaseUrl()}/images/logo-bg-transparent.png`}\r\n              alt=\"Muñoz Photography Logo\"\r\n              className=\"nav-logo\"\r\n            />\r\n          </NavbarBrand>\r\n        </Container>\r\n      </Navbar>\r\n    </header>\r\n  );\r\n};\r\n\r\nexport { NavMenu };\r\n","import React from 'react';\n\nimport '../styles/footer.scss';\n\nconst Footer = () => {\n  return (\n    <footer className=\"footer text-muted\">\n      <div className=\"container container-custom d-flex align-items-center justify-content-center\">\n        <p>\n          Muñoz\n          <br />\n          Photography\n        </p>\n      </div>\n    </footer>\n  );\n};\n\nexport { Footer };\n","import React from 'react';\r\nimport { Container } from 'reactstrap';\r\n\r\nimport { NavMenu } from './NavMenu';\r\nimport { Footer } from './Footer';\r\n\r\nconst Layout = ({ children }) => {\r\n  return (\r\n    <>\r\n      <NavMenu />\r\n      <Container tag=\"main\" className=\"main-container\" fluid>\r\n        {children}\r\n      </Container>\r\n      <Footer />\r\n    </>\r\n  );\r\n};\r\n\r\nexport { Layout };\r\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { spinnerStyle } from '../utils/index';\n\nimport '../styles/spinner.scss';\n\nconst Spinner = ({ style, size }) => {\n  return (\n    <div\n      className={`d-flex justify-content-center align-items-center ${style}`}\n    >\n      <div\n        className=\"spinner-border text-warning\"\n        style={{ width: size, height: size }}\n        role=\"status\"\n      >\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    </div>\n  );\n};\n\nSpinner.propTypes = {\n  style: PropTypes.string,\n  size: PropTypes.string,\n};\n\nSpinner.defaultProps = {\n  style: spinnerStyle.fullPage,\n  size: '7rem',\n};\n\nexport { Spinner };\n","import React, { useState } from 'react';\r\nimport {\r\n  Button,\r\n  Input,\r\n  Modal,\r\n  ModalBody,\r\n  ModalHeader,\r\n  Alert,\r\n} from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport {\r\n  alertTypes,\r\n  handleFetchRequest,\r\n  buttonTypes,\r\n  spinnerStyle,\r\n} from '../utils';\r\nimport { Spinner } from './Spinner';\r\n\r\nimport styles from '../styles/home.module.scss';\r\n\r\nconst Home = props => {\r\n  const [searchBox, setSearchBox] = useState('');\r\n  const [alertMessage, setAlertMessage] = useState();\r\n  const [alertColor, setAlertColor] = useState();\r\n  const [modal, setModal] = useState(false);\r\n  const [clients, setClients] = useState([]);\r\n  const [buttonDisabled, setButtonDisabled] = useState(false);\r\n\r\n  const handleOnChange = ({ target }) => {\r\n    setSearchBox(target.value);\r\n  };\r\n\r\n  const handleSubmit = async e => {\r\n    e.preventDefault();\r\n\r\n    setButtonDisabled(true);\r\n\r\n    try {\r\n      const data = await handleFetchRequest({\r\n        url: 'api/search',\r\n        method: 'POST',\r\n        body: searchBox,\r\n      });\r\n\r\n      if (data.clients.length > 0) {\r\n        handleSearchSuccess(data.clients);\r\n      } else {\r\n        setAlertColor(alertTypes.Warning);\r\n        setAlertMessage('Student with the provided ID does not exist.');\r\n        setButtonDisabled(false);\r\n      }\r\n    } catch (err) {\r\n      setAlertColor(alertTypes.Danger);\r\n      setAlertMessage(`Something happened: ${err}`);\r\n      setButtonDisabled(false);\r\n    }\r\n  };\r\n\r\n  const handleSearchSuccess = clients => {\r\n    if (clients.length === 1) {\r\n      props.history.push(`client-photos/${clients[0].slug}`);\r\n    } else {\r\n      setClients(clients);\r\n      toggleModal();\r\n    }\r\n  };\r\n\r\n  const toggleModal = () => {\r\n    setModal(!modal);\r\n\r\n    if (modal) setButtonDisabled(false);\r\n  };\r\n\r\n  return (\r\n    <section className={styles.section}>\r\n      <form method=\"POST\" onSubmit={handleSubmit}>\r\n        {alertMessage && <Alert color={alertColor}>{alertMessage}</Alert>}\r\n\r\n        <h1>Enter Your Student ID</h1>\r\n        <Input type=\"text\" value={searchBox} onChange={handleOnChange} />\r\n\r\n        <Button\r\n          color={buttonTypes.Primary}\r\n          type=\"submit\"\r\n          disabled={buttonDisabled}\r\n          block\r\n        >\r\n          {buttonDisabled ? (\r\n            <Spinner style={spinnerStyle.inline} size={'3rem'} />\r\n          ) : (\r\n            <>\r\n              <i className=\"fas fa-camera\"></i>\r\n              Lookup My Photos\r\n            </>\r\n          )}\r\n        </Button>\r\n      </form>\r\n\r\n      <Modal isOpen={modal} toggle={toggleModal} backdrop=\"static\" centered>\r\n        <ModalHeader toggle={toggleModal}></ModalHeader>\r\n        <ModalBody>\r\n          <p>\r\n            <strong>Who are you?</strong>\r\n          </p>\r\n          <p>\r\n            {clients.map(client => (\r\n              <span key={client.id}>\r\n                <Link to={`client-photos/${client.slug}`}>{client.name}</Link>\r\n                <br />\r\n              </span>\r\n            ))}\r\n          </p>\r\n        </ModalBody>\r\n      </Modal>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport { Home };\r\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport SimpleReactLightbox, { SRLWrapper } from 'simple-react-lightbox';\nimport { Alert, Button } from 'reactstrap';\n\nimport { getImageBaseUrl, alertTypes, buttonTypes } from '../utils';\n\nconst SRLOptions = {\n  overlayColor: 'rgba(0,0,0,0.9)',\n  captionStyle: {\n    captionColor: '#fff',\n    captionFontFamily: 'Raleway, sans-serif',\n    captionFontSize: '22px',\n    captionFontWeight: '300',\n    captionFontStyle: 'capitalize',\n  },\n  buttonsStyle: {\n    buttonsBackgroundColor: '#fff',\n    buttonsIconColor: 'rgba(206, 25, 31, 0.8)',\n  },\n  autoplaySpeed: 1500,\n  transitionSpeed: 300,\n  showCaption: true,\n  showThumbnails: false,\n};\n\nconst PhotoGallery = ({ photos, handleAddSelection }) => {\n  const processPhotoThumbLink = (photo) =>\n    `${getImageBaseUrl()}${photo}?tr=h-300,q-80`;\n\n  const processPhotoFullLink = (photo) =>\n    `${getImageBaseUrl()}${photo}?tr=w-1000,q-65,l-image,i-logo-bg-transparent-white_ywv9rVPKv.png,l-end,ow-450`;\n\n  if (photos.length === 0)\n    return (\n      <div className=\"container\">\n        <Alert color={alertTypes.Info}>\n          No photos found. Please send me a message <a href=\"/contact\">here</a>\n        </Alert>\n      </div>\n    );\n\n  return (\n    <SimpleReactLightbox>\n      <SRLWrapper options={SRLOptions}>\n        <section className=\"gallery-content\">\n          <div className=\"row\">\n            {photos.map((photo) => {\n              return (\n                <div\n                  className=\"col-lg-3 col-md-4 col-sm-4 col-image col-image-with-link\"\n                  key={photo.path}\n                >\n                  <div className=\"col-photo\">\n                    <Button\n                      color={buttonTypes.Warning}\n                      type=\"button\"\n                      onClick={() => handleAddSelection(photo)}\n                    >\n                      <i className=\"fas fa-plus\"></i>Add To Cart\n                    </Button>\n                    <a\n                      href={processPhotoFullLink(photo.path)}\n                      data-attribute=\"SRL\"\n                    >\n                      <img\n                        src={processPhotoThumbLink(photo.path)}\n                        alt={photo.label}\n                      />\n                    </a>\n                    <label>{photo.label}</label>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        </section>\n      </SRLWrapper>\n    </SimpleReactLightbox>\n  );\n};\n\nPhotoGallery.propTypes = {\n  photos: PropTypes.arrayOf(\n    PropTypes.shape({\n      path: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  ).isRequired,\n  handleAddSelection: PropTypes.func.isRequired,\n};\n\nPhotoGallery.defaultProps = {\n  photos: [],\n};\n\nexport { PhotoGallery };\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  Table,\n  Input,\n  Nav,\n  NavItem,\n  NavLink,\n  TabContent,\n  TabPane,\n} from 'reactstrap';\nimport classnames from 'classnames';\n\nimport { currencyFormatter, numbersOnly } from '../utils';\n\nconst PackageOptions = ({\n  photos,\n  handleRemoveSelection,\n  handleUpdateSelection,\n  orderTotal,\n}) => {\n  const [activeTab, setActiveTab] = useState(0);\n\n  const toggleTab = tab => {\n    if (activeTab !== tab) setActiveTab(tab);\n  };\n\n  const handleDelete = (e, photoLabel) => {\n    e.preventDefault();\n\n    if (window.confirm(`Are you sure you want to delete ${photoLabel}`)) {\n      handleRemoveSelection(photoLabel);\n    }\n  };\n\n  const handleQuantityChange = (e, photoIndex, packageIndex) => {\n    e.preventDefault();\n\n    handleUpdateSelection(e.target.value, photoIndex, packageIndex);\n  };\n\n  if (photos.length === 0) return null;\n\n  return (\n    <section className=\"packages-content d-flex flex-column\">\n      <h2>Selections</h2>\n\n      <p className=\"align-self-end order-total\">\n        <strong>Total: </strong>\n        <span>{currencyFormatter.format(orderTotal)}</span>\n      </p>\n\n      <Nav tabs>\n        {photos.map((photo, photoIndex) => {\n          const label = photo.label;\n\n          return (\n            <NavItem key={label}>\n              <NavLink\n                className={classnames({ active: activeTab === photoIndex })}\n                onClick={() => {\n                  toggleTab(photoIndex);\n                }}\n              >\n                <p\n                  className={classnames('photo-label', {\n                    active: activeTab === photoIndex,\n                  })}\n                >\n                  <strong>{label}</strong>\n                  <button\n                    type=\"button\"\n                    title=\"Delete Selection\"\n                    onClick={e => handleDelete(e, label)}\n                  >\n                    <i className=\"fas fa-trash-alt\"></i>\n                  </button>\n                </p>\n              </NavLink>\n            </NavItem>\n          );\n        })}\n      </Nav>\n      <TabContent activeTab={activeTab}>\n        {photos.map((photo, photoIndex) => {\n          const packages = photo.packages;\n\n          return (\n            <TabPane\n              tabId={photoIndex}\n              key={photo.path}\n              className={classnames('fade', { show: activeTab === photoIndex })}\n            >\n              <Table borderless hover responsive>\n                <thead>\n                  <tr>\n                    <th>Package Options</th>\n                    <th>Price</th>\n                    <th>Quantity</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  {packages.map((p, packageIndex) => (\n                    <tr key={p.optionID}>\n                      <td>{p.description}</td>\n                      <td>{currencyFormatter.format(p.price)}</td>\n                      <td>\n                        <Input\n                          className=\"quantity\"\n                          type=\"number\"\n                          onKeyPress={numbersOnly}\n                          onChange={e =>\n                            handleQuantityChange(e, photoIndex, packageIndex)\n                          }\n                          value={packages[packageIndex].quantity}\n                        />\n                      </td>\n                    </tr>\n                  ))}\n                </tbody>\n              </Table>\n            </TabPane>\n          );\n        })}\n      </TabContent>\n    </section>\n  );\n};\n\nPackageOptions.propTypes = {\n  photos: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      path: PropTypes.string,\n      packages: PropTypes.arrayOf(\n        PropTypes.shape({\n          description: PropTypes.string,\n          optionID: PropTypes.number,\n          price: PropTypes.number,\n          quantity: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n          type: PropTypes.string,\n        }),\n      ),\n    }),\n  ).isRequired,\n  handleRemoveSelection: PropTypes.func.isRequired,\n  handleUpdateSelection: PropTypes.func.isRequired,\n  orderTotal: PropTypes.number,\n};\n\nexport { PackageOptions };\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Cleave from 'cleave.js/react';\nimport 'cleave.js/dist/addons/cleave-phone.us';\nimport { Input, Form, Row, Col, FormGroup, Label } from 'reactstrap';\n\nconst ContactForm = ({ fields, onFormChange, errors }) => {\n  const { name, phone, email } = fields;\n\n  const handleChange = e => {\n    let { name, value, rawValue } = e.target;\n\n    value = rawValue !== undefined ? rawValue : value;\n\n    onFormChange({ name, value });\n  };\n\n  return (\n    <section className=\"contact-form\">\n      <h2>Contact Information</h2>\n      <Form>\n        <Row form>\n          <Col md={4}>\n            <FormGroup>\n              <Label for=\"name\">Name</Label>{' '}\n              <span className=\"text-danger\">\n                <small>{errors.name}</small>\n              </span>\n              <Input\n                type=\"text\"\n                name=\"name\"\n                id=\"name\"\n                value={name}\n                onChange={handleChange}\n              />\n            </FormGroup>\n          </Col>\n          <Col md={4}>\n            <FormGroup>\n              <Label for=\"phone\">Phone</Label>{' '}\n              <span className=\"text-danger\">\n                <small>{errors.phone}</small>\n              </span>\n              <Input\n                type=\"text\"\n                name=\"phone\"\n                id=\"phone\"\n                tag={Cleave}\n                value={phone}\n                onChange={handleChange}\n                options={{\n                  phone: true,\n                  phoneRegionCode: 'US',\n                }}\n              />\n            </FormGroup>\n          </Col>\n          <Col md={4}>\n            <FormGroup>\n              <Label for=\"name\">Email</Label>{' '}\n              <span className=\"text-danger\">\n                <small>{errors.email}</small>\n              </span>\n              <Input\n                type=\"email\"\n                name=\"email\"\n                id=\"email\"\n                value={email}\n                onChange={handleChange}\n              />\n            </FormGroup>\n          </Col>\n        </Row>\n      </Form>\n    </section>\n  );\n};\n\nContactForm.propTypes = {\n  fields: PropTypes.shape({\n    name: PropTypes.string,\n    phone: PropTypes.string,\n    email: PropTypes.string,\n  }).isRequired,\n  errors: PropTypes.shape({\n    name: PropTypes.string,\n    phone: PropTypes.string,\n    email: PropTypes.string,\n  }).isRequired,\n  onFormChange: PropTypes.func.isRequired,\n};\n\nexport { ContactForm };\n","import React, { Component } from 'react';\nimport {\n  Alert,\n  Button,\n  Container,\n  Modal,\n  ModalHeader,\n  ModalBody,\n} from 'reactstrap';\nimport produce from 'immer';\nimport Dinero from 'dinero.js';\nimport 'array-flat-polyfill';\n\nimport {\n  handleFetchRequest,\n  alertTypes,\n  dollarsToCents,\n  buttonTypes,\n  isObjectEmpty,\n  spinnerStyle,\n} from '../utils';\nimport { Spinner } from './Spinner';\nimport { PhotoGallery } from './PhotoGallery';\nimport { PackageOptions } from './PackageOptions';\nimport { ContactForm } from './ContactForm';\n\nimport '../styles/gallery.scss';\n\nclass ClientPhotos extends Component {\n  state = {\n    client: {},\n    isLoading: true,\n    isError: false,\n    selectedPhotos: [],\n    orderTotal: 0,\n    contactInfo: {\n      name: '',\n      phone: '',\n      email: '',\n    },\n    formErrors: {},\n    disableSubmit: false,\n    modal: {\n      body: '',\n      isOpen: false,\n    },\n    isSubmitLoading: false,\n  };\n\n  async componentDidMount() {\n    const { slug } = this.props.match.params;\n\n    try {\n      const data = await handleFetchRequest({\n        url: `api/clients/${slug}`,\n        method: 'GET',\n      });\n      const newData = processData(data);\n\n      this.setState({ client: newData, isLoading: false });\n    } catch (error) {\n      this.setState({ isError: true, isLoading: false });\n    }\n\n    document.oncontextmenu = () => false;\n  }\n\n  componentWillUnmount() {\n    document.oncontextmenu = () => true;\n  }\n\n  handleAddSelection = photo => {\n    const { client, selectedPhotos } = this.state;\n\n    const labelExists = selectedPhotos.reduce((acc, p) => {\n      if (p.label === photo.label) return (acc = true);\n      return acc;\n    }, false);\n\n    if (labelExists) return null;\n\n    const packages = client.packageOptions.map(p => ({\n      ...p,\n      quantity: 0,\n    }));\n\n    this.setState({\n      selectedPhotos: [\n        ...selectedPhotos,\n        {\n          ...photo,\n          packages,\n        },\n      ],\n    });\n  };\n\n  handleRemoveSelection = photoLabel => {\n    const newSelections = this.state.selectedPhotos.filter(\n      selection => selection.label !== photoLabel,\n    );\n\n    this.setState({ selectedPhotos: [...newSelections] }, () =>\n      this.calculateOrderTotal(),\n    );\n  };\n\n  handleUpdateSelection = (quantity, photoIndex, packageIndex) => {\n    this.setState(\n      {\n        selectedPhotos: produce(this.state.selectedPhotos, draft => {\n          draft[photoIndex].packages[packageIndex].quantity = quantity;\n        }),\n      },\n      () => this.calculateOrderTotal(),\n    );\n  };\n\n  calculateOrderTotal = () => {\n    const packages = this.state.selectedPhotos.map(p => p.packages).flat();\n    const orderTotal = packages.reduce((acc, p) => {\n      const price = dollarsToCents(p.price);\n      const quantity = Number(p.quantity);\n      const subTotal = Dinero({ amount: price }).multiply(quantity);\n\n      return acc.add(subTotal);\n    }, Dinero({ amount: 0 }));\n\n    this.setState({ orderTotal: orderTotal.toUnit() });\n  };\n\n  onFormChange = ({ name, value }) => {\n    this.setState({\n      contactInfo: produce(this.state.contactInfo, draft => {\n        draft[name] = value;\n      }),\n    });\n  };\n\n  toggleModal = () => {\n    this.setState({\n      modal: produce(this.state.modal, draft => {\n        draft.isOpen = !draft.isOpen;\n      }),\n    });\n  };\n\n  handleSubmitOrder = async () => {\n    const {\n      selectedPhotos,\n      orderTotal,\n      contactInfo,\n      client,\n      modal,\n    } = this.state;\n    const filteredPhotos = filterSelectedPhotos(selectedPhotos);\n    const { hasErrors, errors } = validateForm(contactInfo);\n\n    this.setState({\n      formErrors: errors,\n      disableSubmit: true,\n      isSubmitLoading: true,\n    });\n\n    if (!hasErrors) {\n      try {\n        const data = await handleFetchRequest({\n          url: `api/clients`,\n          method: 'POST',\n          body: {\n            ...contactInfo,\n            orderTotal,\n            photos: filteredPhotos,\n            client: { id: client.id, name: client.name },\n          },\n        });\n\n        if (data.errors) {\n          errors = {\n            name: data.errors.Name && data.errors.Name[0],\n            phone: data.errors.Phone && data.errors.Phone[0],\n            email: data.errors.Email && data.errors.Email[0],\n          };\n          window.scrollTo(0, 0);\n        }\n\n        this.setState({\n          formErrors: errors,\n          disableSubmit: false,\n          modal: produce(modal, draft => {\n            draft.isOpen = !draft.isOpen;\n            draft.body = data.message;\n          }),\n          isSubmitLoading: false,\n        });\n      } catch (error) {\n        this.setState({\n          disableSubmit: false,\n          modal: produce(modal, draft => {\n            draft.isOpen = !draft.isOpen;\n            draft.body = `Something has happened. Please contact me with the following message: ${error}`;\n          }),\n          isSubmitLoading: false,\n        });\n      }\n    } else {\n      this.setState({ disableSubmit: false, isSubmitLoading: false });\n      window.scrollTo(0, 0);\n    }\n  };\n\n  MainRender = () => {\n    const {\n      client,\n      selectedPhotos,\n      orderTotal,\n      contactInfo,\n      formErrors,\n      disableSubmit,\n      isSubmitLoading,\n    } = this.state;\n\n    return (\n      <Container className=\"container-extended d-flex flex-column\">\n        <h1>{client.name} Photos</h1>\n        <PhotoGallery\n          photos={client.photos}\n          handleAddSelection={this.handleAddSelection}\n        />\n        <ContactForm\n          fields={contactInfo}\n          errors={formErrors}\n          onFormChange={this.onFormChange}\n        />\n        <PackageOptions\n          photos={selectedPhotos}\n          handleRemoveSelection={this.handleRemoveSelection}\n          handleUpdateSelection={this.handleUpdateSelection}\n          orderTotal={orderTotal}\n        />\n        <br />\n        <Button\n          type=\"button\"\n          className=\"align-self-end\"\n          size=\"lg\"\n          color={buttonTypes.Success}\n          block\n          disabled={orderTotal === 0 ? true : false || disableSubmit}\n          onClick={this.handleSubmitOrder}\n        >\n          {isSubmitLoading ? (\n            <Spinner style={spinnerStyle.inline} size={'3rem'} />\n          ) : (\n            <>\n              <i className=\"fas fa-chevron-circle-right\"></i>\n              Submit Order\n            </>\n          )}\n        </Button>\n      </Container>\n    );\n  };\n\n  render() {\n    const { isError, isLoading, formErrors, modal } = this.state;\n\n    return (\n      <>\n        {isError && (\n          <Alert color={alertTypes.Danger}>Something went wrong</Alert>\n        )}\n        {!isObjectEmpty(formErrors) && (\n          <Alert color={alertTypes.Danger}>\n            Contact information is required\n          </Alert>\n        )}\n        {isLoading ? <Spinner /> : this.MainRender()}\n        <Modal\n          isOpen={modal.isOpen}\n          toggle={this.toggleModal}\n          backdrop=\"static\"\n          centered\n        >\n          <ModalHeader toggle={this.toggleModal}>Order Submission</ModalHeader>\n          <ModalBody>\n            <p>{modal.body}</p>\n          </ModalBody>\n        </Modal>\n      </>\n    );\n  }\n}\n\nconst processData = data => {\n  const photos = data.photosPath.map(photo => ({\n    path: photo,\n    label: processLabel(photo),\n  }));\n\n  delete data.photosPath;\n\n  const newData = {\n    ...data,\n    photos,\n  };\n\n  return newData;\n};\n\nconst processLabel = photo => {\n  const labelArr = photo.split('-');\n  return labelArr[labelArr.length - 1];\n};\n\nconst filterSelectedPhotos = selectedPhotos =>\n  selectedPhotos.reduce((acc, selected) => {\n    const packages = selected.packages.filter(p => Number(p.quantity) !== 0);\n    const pathArray = selected.path.split('/');\n    const photoName = pathArray[pathArray.length - 1];\n\n    acc.push({ photoName, packages });\n\n    return acc;\n  }, []);\n\nconst validateForm = fields => {\n  let hasErrors = false;\n  const errors = {};\n\n  if (fields.name.trim() === '') {\n    hasErrors = true;\n    errors.name = 'Required Field';\n  }\n  if (fields.phone.trim() === '') {\n    hasErrors = true;\n    errors.phone = 'Required Field';\n  }\n  if (fields.email.trim() === '') {\n    hasErrors = true;\n    errors.email = 'Required Field';\n  }\n\n  return {\n    hasErrors,\n    errors,\n  };\n};\n\nexport { ClientPhotos };\n","import React, { Component } from 'react';\r\nimport { Route, Switch } from 'react-router-dom';\r\n\r\nimport { Layout } from './components/Layout';\r\nimport { Home } from './components/Home';\r\nimport { ClientPhotos } from './components/ClientPhotos';\r\n\r\nimport './styles/site.scss';\r\n\r\nconst NoMatch = () => {\r\n  window.location = '/home/not-found';\r\n  return null;\r\n};\r\n\r\nexport default class App extends Component {\r\n  static displayName = App.name;\r\n\r\n  render() {\r\n    return (\r\n      <Layout>\r\n        <Switch>\r\n          <Route exact path=\"/\" component={Home} />\r\n          <Route exact path=\"/client-photos/:slug\" component={ClientPhotos} />\r\n          <Route component={NoMatch} />\r\n        </Switch>\r\n      </Layout>\r\n    );\r\n  }\r\n}\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n  // [::1] is the IPv6 localhost address.\r\n  window.location.hostname === '[::1]' ||\r\n  // 127.0.0.1/8 is considered localhost for IPv4.\r\n  window.location.hostname.match(\r\n    /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n  )\r\n);\r\n\r\nexport default function register () {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Lets check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl);\r\n      } else {\r\n        // Is not local host. Just register service worker\r\n        registerValidSW(swUrl);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the old content will have been purged and\r\n              // the fresh content will have been added to the cache.\r\n              // It's the perfect time to display a \"New content is\r\n              // available; please refresh.\" message in your web app.\r\n              console.log('New content is available; please refresh.');\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      if (\r\n        response.status === 404 ||\r\n        response.headers.get('content-type').indexOf('javascript') === -1\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister () {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister();\r\n    });\r\n  }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.min.css';\r\n\r\nimport 'whatwg-fetch';\r\n\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\n\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\nconst baseUrl = 'order-photos-online'; //document.getElementsByTagName(\"base\")[0].getAttribute(\"href\");\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n  <BrowserRouter basename={baseUrl}>\r\n    <App />\r\n  </BrowserRouter>,\r\n  rootElement,\r\n);\r\n\r\nregisterServiceWorker();\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"section\":\"home_section__YTTzi\"};"],"sourceRoot":""}