{"version":3,"file":"js/4337-30519201375505f59498.chunk.js","mappings":"sIAEA,UACEA,EAAAA,EAAAA,YAAU,KACRC,OAAOC,SAAS,EAAG,EAAE,GACpB,IAEI,K,8EC4CT,UA9BkBC,EAAGC,OAASC,UAAUC,SAAWC,UAAYC,SAAQC,cACrE,MAAM,GAAEC,EAAE,KAAEC,GARUC,KACtB,MAAMC,EAAUD,EAASE,MAAM,KAG/B,MAAO,CAAEJ,GAFEK,SAASF,EAAQA,EAAQG,OAAS,GAAI,IAEpCL,KADAE,EAAQI,MAAM,GAAI,GAAGC,KAAK,KACpB,EAIEC,CAAed,EAAOO,UAE3C,OACEQ,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAACC,EAAAA,EAAM,CAACC,IAAMZ,IACdU,EAAAA,cAACG,EAAAA,EAAIC,OAAAC,OAAA,CACHf,GAAKA,EACLC,KAAOA,EACPe,OAASjB,GAxBWD,KAC1B,MAAMmB,EAAQC,EAAAA,EAAYC,MAAMrB,GAChC,MAAO,CACLsB,QAASH,EAAMI,SAAWhB,SAASY,EAAMI,SAAU,IAAM,KACzDC,QAASL,EAAMM,SAAWlB,SAASY,EAAMM,SAAU,IAAM,KAC1D,EAoBUC,CAAmB1B,KAEzB,C","sources":["webpack://artfully-walls/./app/javascript/arts/components/Application/scroll.js","webpack://artfully-walls/./app/javascript/arts/components/WorksShow/index.js"],"sourcesContent":["import { useEffect } from 'react';\n\nexport default () => {\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, []);\n\n  return null;\n};\n","import React from 'react';\nimport T from 'prop-types';\nimport queryString from 'query-string';\nimport Work from '../Work';\nimport Scroll from '../Application/scroll';\n\nconst parseFrameAndPaper = (search) => {\n  const query = queryString.parse(search);\n  return {\n    paperId: query.paper_id ? parseInt(query.paper_id, 10) : null,\n    frameId: query.frame_id ? parseInt(query.frame_id, 10) : null\n  };\n};\n\nconst parseSlugAndId = (workSlug) => {\n  const entries = workSlug.split(/-/);\n  const id = parseInt(entries[entries.length - 1], 10);\n  const slug = entries.slice(0, -1).join('-');\n  return { id, slug };\n};\n\nconst WorksShow = ({ match: { params }, history: { location: { search, state } } }) => {\n  const { id, slug } = parseSlugAndId(params.workSlug);\n\n  return (\n    <>\n      <Scroll key={ id } />\n      <Work\n        id={ id }\n        slug={ slug }\n        detail={ state }\n        { ...parseFrameAndPaper(search) }\n      />\n    </>\n  );\n};\n\nWorksShow.propTypes = {\n  match: T.shape({\n    params: T.shape({\n      workSlug: T.string.isRequired\n    }).isRequired\n  }).isRequired,\n  history: T.shape({\n    location: T.shape({\n      search: T.string,\n      state: T.any\n    }).isRequired\n  }).isRequired\n};\n\nexport default WorksShow;\n"],"names":["useEffect","window","scrollTo","WorksShow","match","params","history","location","search","state","id","slug","workSlug","entries","split","parseInt","length","slice","join","parseSlugAndId","React","Scroll","key","Work","Object","assign","detail","query","queryString","parse","paperId","paper_id","frameId","frame_id","parseFrameAndPaper"],"sourceRoot":""}