{"version":3,"file":"mobile-side-menu-e5a73f1a.js","sources":["../../../client/src/javascripts/customer_pages/_megamenu/mobile-side-menu.jsx"],"sourcesContent":["'use strict';\n\n// Import Libraries\nimport React, { useState } from 'react';\nimport classNames from 'classnames';\nimport FocusTrap from 'focus-trap-react';\nimport PropTypes from 'prop-types';\nimport { href, link_classes } from './utils';\nimport { builderDispatch, WebUI } from '../_utils/ui';\n\nconst MobileSideMenu = ({ headerLinks, links }) => {\n  React.useEffect(() => {\n    const builderDispatchLogin = builderDispatch.register((event) => {\n      switch (event.type) {\n        case WebUI.LOGIN:\n          updateComponent();\n          break;\n      }\n    });\n    return () => {\n      builderDispatch.unregister(builderDispatchLogin);\n    };\n  });\n\n  const [values, setValues] = useState({\n    opened: false,\n    display: 'none',\n    update: false,\n  });\n\n  const updateComponent = () => {\n    setValues({ ...values, update: !values.update });\n  };\n\n  const renderAccountTools = () => {\n    const loggedIn =\n      typeof window.App !== 'undefined' && window.App.order.logged_in();\n    const { store_finder: storeFinderUrl, help_page: helpPageUrl } = headerLinks;\n    const utilityLinks = () => {\n      if (!storeFinderUrl && !helpPageUrl) {\n        return null;\n      }\n\n      return (\n        <>\n          <li className=\"sfinder\">\n            <a href={storeFinderUrl} role=\"button\">\n              <i className=\"skinny-icon pin\"></i>Store Finder\n            </a>\n          </li>\n          <li className=\"help\">\n            <a href={helpPageUrl} role=\"button\">\n              <i className=\"skinny-icon help\"></i>Help\n            </a>\n          </li>\n        </>\n      );\n    };\n\n    const renderHeaderLinks = () => {\n      if (loggedIn) {\n        const {\n          logged_in_links: {\n            order_prints: orderPrintsUrl,\n            user_albums: userAlbumsUrl,\n          },\n        } = headerLinks;\n\n        const uploadLinks = () => {\n          const storageProviderPresent =\n            typeof window.App !== 'undefined' &&\n            window.App.order.storage_provider_present;\n          if (!storageProviderPresent) {\n            return null;\n          }\n\n          return (\n            <>\n              <li className=\"upload\">\n                <a href={orderPrintsUrl} role=\"button\">\n                  <i className=\"skinny-icon upload\"></i>Upload Photos\n                </a>\n              </li>\n              <li className=\"photos\">\n                <a href={userAlbumsUrl} role=\"button\">\n                  <i className=\"skinny-icon photos\"></i>My Photos\n                </a>\n              </li>\n            </>\n          );\n        };\n        const userName =\n          typeof window.App !== 'undefined' &&\n          window.App.order.logged_in_user_name;\n\n        const {\n          logged_in_links: {\n            user_projects: userProjectsUrl,\n            user_account: userAccountUrl,\n            track_orders: trackOrdersUrl,\n            logout: logoutUrl,\n          },\n        } = headerLinks;\n\n        return (\n          <>\n            <span className=\"logged-in\">Hello, {userName}</span>\n            <ul>\n              {uploadLinks()}\n              <li className=\"projects\">\n                <a href={userProjectsUrl} role=\"button\">\n                  <i className=\"skinny-icon projects\"></i>My Projects\n                </a>\n              </li>\n              <li className=\"account\">\n                <a href={userAccountUrl} role=\"button\">\n                  <i className=\"skinny-icon account\"></i>My Account\n                </a>\n              </li>\n              <li className=\"orders\">\n                <a href={trackOrdersUrl} role=\"button\">\n                  <i className=\"skinny-icon orders\"></i>Track Orders\n                </a>\n              </li>\n              {utilityLinks()}\n              <li className=\"sign-out\">\n                <a href={logoutUrl} role=\"button\">\n                  <i className=\"skinny-icon sign-out\"></i>Sign Out\n                </a>\n              </li>\n            </ul>\n          </>\n        );\n      } else {\n        const { new_account: newAccountUrl, store_name: storeName } = headerLinks;\n\n        return (\n          <>\n            <span>Account</span>\n            <ul>\n              <li className=\"sign-in\">\n                <a href=\"#\" data-login=\"\" role=\"button\">\n                  <i className=\"skinny-icon anna sign-in\"></i>Sign In\n                </a>\n              </li>\n              <li className=\"create-account\">\n                <a href={newAccountUrl} role=\"button\">\n                  <i className=\"skinny-icon create-account\"></i>Create Account\n                  <small className=\"d-block\">Get more out of {storeName}</small>\n                </a>\n              </li>\n              {utilityLinks()}\n            </ul>\n          </>\n        );\n      }\n    };\n\n    return (\n      <li id=\"login-status-burger\" className=\"category\">\n        {renderHeaderLinks()}\n      </li>\n    );\n  };\n\n  return (\n    <>\n      <FocusTrap active={values.opened} focusTrapOptions={{ returnFocusOnDeactivate: true }}>\n        <div>\n          <button\n            className=\"close\"\n            id=\"close-menu-button\"\n            data-target=\"#close-sidrs\"\n            type=\"button\"\n            aria-label=\"Close\">\n            <i className=\"skinny-icon close\" />\n          </button>\n          <ul>\n            {renderAccountTools()}\n            <li className=\"category border-top\">\n              <span>Categories</span>\n              <ul>\n                {links.map((link, i) => {\n                  return (\n                    <li key={i} className={classNames(link_classes(link))}>\n                      <a href={href(link)} role=\"button\">\n                        {link.name}\n                      </a>\n                    </li>\n                  );\n                })}\n              </ul>\n            </li>\n          </ul>\n        </div>\n      </FocusTrap>\n    </>\n  );\n};\n\nMobileSideMenu.propTypes = {\n  headerLinks: PropTypes.object,\n  links: PropTypes.array,\n};\n\nMobileSideMenu.defaultTypes = {\n  headerLinks: null,\n  links: null,\n};\n\nexport default MobileSideMenu;\n"],"names":["MobileSideMenu","headerLinks","links","React","builderDispatchLogin","builderDispatch","event","WebUI","updateComponent","values","setValues","useState","renderAccountTools","loggedIn","storeFinderUrl","helpPageUrl","utilityLinks","renderHeaderLinks","orderPrintsUrl","userAlbumsUrl","uploadLinks","userName","userProjectsUrl","userAccountUrl","trackOrdersUrl","logoutUrl","newAccountUrl","storeName","FocusTrap","link","i","classNames","link_classes","href","PropTypes"],"mappings":"6QAUA,MAAMA,EAAiB,CAAC,CAAE,YAAAC,EAAa,MAAAC,KAAY,CACjDC,EAAM,UAAU,IAAM,CACpB,MAAMC,EAAuBC,EAAgB,SAAUC,GAAU,CAC/D,OAAQA,EAAM,KAAM,CAClB,KAAKC,EAAM,MACOC,IAChB,KACJ,CAAA,CACD,EACD,MAAO,IAAM,CACXH,EAAgB,WAAWD,CAAoB,CAAA,CACjD,CACD,EAED,KAAM,CAACK,EAAQC,CAAS,EAAIC,WAAS,CACnC,OAAQ,GACR,QAAS,OACT,OAAQ,EAAA,CACT,EAEKH,EAAkB,IAAM,CAC5BE,EAAU,CAAE,GAAGD,EAAQ,OAAQ,CAACA,EAAO,OAAQ,CAAA,EAG3CG,EAAqB,IAAM,CACzB,MAAAC,EACJ,OAAO,OAAO,IAAQ,KAAe,OAAO,IAAI,MAAM,YAClD,CAAE,aAAcC,EAAgB,UAAWC,GAAgBd,EAC3De,EAAe,IACf,CAACF,GAAkB,CAACC,EACf,qCAKJZ,EAAA,cAAA,KAAA,CAAG,UAAU,SAAA,kBACX,IAAE,CAAA,KAAMW,EAAgB,KAAK,UAC3BX,EAAA,cAAA,IAAA,CAAE,UAAU,iBAAA,CAAkB,EAAI,cACrC,CACF,EACAA,EAAA,cAAC,MAAG,UAAU,QACXA,EAAA,cAAA,IAAA,CAAE,KAAMY,EAAa,KAAK,UACzBZ,EAAA,cAAC,KAAE,UAAU,kBAAmB,CAAA,EAAI,MACtC,CACF,CACF,EAIEc,EAAoB,IAAM,CAC9B,GAAIJ,EAAU,CACN,KAAA,CACJ,gBAAiB,CACf,aAAcK,EACd,YAAaC,CACf,CACE,EAAAlB,EAEEmB,EAAc,IAEhB,OAAO,OAAO,IAAQ,KACtB,OAAO,IAAI,MAAM,yDAOdjB,EAAA,cAAA,KAAA,CAAG,UAAU,QAAA,kBACX,IAAE,CAAA,KAAMe,EAAgB,KAAK,UAC3Bf,EAAA,cAAA,IAAA,CAAE,UAAU,oBAAA,CAAqB,EAAI,eACxC,CACF,EACAA,EAAA,cAAC,MAAG,UAAU,UACXA,EAAA,cAAA,IAAA,CAAE,KAAMgB,EAAe,KAAK,UAC3BhB,EAAA,cAAC,KAAE,UAAU,oBAAqB,CAAA,EAAI,WACxC,CACF,CACF,EAfO,KAkBLkB,EACJ,OAAO,OAAO,IAAQ,KACtB,OAAO,IAAI,MAAM,oBAEb,CACJ,gBAAiB,CACf,cAAeC,EACf,aAAcC,EACd,aAAcC,EACd,OAAQC,CACV,CACE,EAAAxB,EAEJ,uCAEKE,EAAA,cAAA,OAAA,CAAK,UAAU,WAAY,EAAA,UAAQkB,CAAS,EAC7ClB,EAAA,cAAC,KACE,KAAAiB,EAAA,EACAjB,EAAA,cAAA,KAAA,CAAG,UAAU,UACZ,EAAAA,EAAA,cAAC,KAAE,KAAMmB,EAAiB,KAAK,QAAA,kBAC5B,IAAE,CAAA,UAAU,uBAAuB,EAAI,aAC1C,CACF,EACAnB,EAAA,cAAC,MAAG,UAAU,SAAA,kBACX,IAAE,CAAA,KAAMoB,EAAgB,KAAK,QAAA,kBAC3B,IAAE,CAAA,UAAU,qBAAsB,CAAA,EAAI,YACzC,CACF,kBACC,KAAG,CAAA,UAAU,UACXpB,EAAA,cAAA,IAAA,CAAE,KAAMqB,EAAgB,KAAK,QAC5B,EAAArB,EAAA,cAAC,KAAE,UAAU,oBAAA,CAAqB,EAAI,cACxC,CACF,EACCa,IACAb,EAAA,cAAA,KAAA,CAAG,UAAU,UACZ,EAAAA,EAAA,cAAC,KAAE,KAAMsB,EAAW,KAAK,UACvBtB,EAAA,cAAC,KAAE,UAAU,sBAAuB,CAAA,EAAI,UAC1C,CACF,CACF,CACF,CAAA,KAEG,CACL,KAAM,CAAE,YAAauB,EAAe,WAAYC,GAAc1B,EAG5D,OAAAE,EAAA,cAAAA,EAAA,SAAA,KACGA,EAAA,cAAA,OAAA,KAAK,SAAO,kBACZ,KACC,KAAAA,EAAA,cAAC,KAAG,CAAA,UAAU,SACZ,EAAAA,EAAA,cAAC,KAAE,KAAK,IAAI,aAAW,GAAG,KAAK,QAAA,EAC5BA,EAAA,cAAA,IAAA,CAAE,UAAU,0BAA2B,CAAA,EAAI,SAC9C,CACF,kBACC,KAAG,CAAA,UAAU,gBACZ,EAAAA,EAAA,cAAC,IAAE,CAAA,KAAMuB,EAAe,KAAK,QAAA,EAC1BvB,EAAA,cAAA,IAAA,CAAE,UAAU,4BAAA,CAA6B,EAAI,iBAC9CA,EAAA,cAAC,QAAM,CAAA,UAAU,SAAU,EAAA,mBAAiBwB,CAAU,CACxD,CACF,EACCX,EACH,CAAA,CACF,CAEJ,CAAA,EAGF,uBACG,KAAG,CAAA,GAAG,sBAAsB,UAAU,UAAA,EACpCC,GACH,CAAA,EAIJ,OAEId,EAAA,cAAAA,EAAA,SAAA,KAAAA,EAAA,cAACyB,EAAU,CAAA,OAAQnB,EAAO,OAAQ,iBAAkB,CAAE,wBAAyB,GAC7E,EAAAN,EAAA,cAAC,MACC,KAAAA,EAAA,cAAC,SAAA,CACC,UAAU,QACV,GAAG,oBACH,cAAY,eACZ,KAAK,SACL,aAAW,OAAA,EACXA,EAAA,cAAC,IAAE,CAAA,UAAU,mBAAoB,CAAA,GAElCA,EAAA,cAAA,KAAA,KACES,IACDT,EAAA,cAAC,MAAG,UAAU,qBAAA,kBACX,OAAK,KAAA,YAAU,EACfA,EAAA,cAAA,KAAA,KACED,EAAM,IAAI,CAAC2B,EAAMC,IAEd3B,EAAA,cAAC,MAAG,IAAK2B,EAAG,UAAWC,EAAWC,EAAaH,CAAI,CAAC,CAAA,kBACjD,IAAE,CAAA,KAAMI,EAAKJ,CAAI,EAAG,KAAK,QACvB,EAAAA,EAAK,IACR,CACF,CAEH,CACH,CACF,CACF,CACF,CACF,CACF,CAEJ,EAEA7B,EAAe,UAAY,CACzB,YAAakC,EAAU,OACvB,MAAOA,EAAU,KACnB,EAEAlC,EAAe,aAAe,CAC5B,YAAa,KACb,MAAO,IACT"}