{"version":3,"file":"index-B8faNMRy.js","sources":["../../../app/javascript/src/shoppe/scenes/ExpressCheckout/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useSelector } from 'react-redux';\nimport camelCaseKeys from 'camelcase-keys';\n\nimport ExpressCheckout from 'src/shoppe/compositions/ExpressCheckout';\nimport { IAccountV2, ICartV2 } from 'src/explore/types/shoppe';\n\nimport styles from './index.module.sass';\n\nconst ExpressCheckoutScene = () => {\n  // The type of state is IStore but we need to use any here\n  // camelCaseKeys is written to return the same type as the input\n  // TODO: re-write camelCaseKeys to return a new type that is the camelized version of the input\n  const account = useSelector<any, IAccountV2>(( state ) =>\n    camelCaseKeys( state.data.account?.data, { deep: true })\n  );\n  const cart = useSelector<any, ICartV2>(( state ) =>\n    camelCaseKeys( state.data.cart?.data, { deep: true })\n  );\n\n  if ( !cart ) return null;\n\n  return (\n    <div className={styles.container}>\n      <ExpressCheckout cart={cart} account={account} />\n    </div>\n  );\n};\n\nexport default ExpressCheckoutScene;\n"],"names":["ExpressCheckoutScene","account","useSelector","state","camelCaseKeys","_a","cart","React","styles","ExpressCheckout"],"mappings":"uOASMA,EAAuB,IAAM,CAIjC,MAAMC,EAAUC,EAA+BC,GAC7C,OAAA,OAAAC,GAAeC,EAAAF,EAAM,KAAK,UAAX,YAAAE,EAAoB,KAAM,CAAE,KAAM,EAAM,CAAA,EACzD,EACMC,EAAOJ,EAA4BC,GACvC,OAAA,OAAAC,GAAeC,EAAAF,EAAM,KAAK,OAAX,YAAAE,EAAiB,KAAM,CAAE,KAAM,EAAM,CAAA,EACtD,EAEK,OAACC,EAGJC,EAAA,cAAC,OAAI,UAAWC,EAAO,WACpBD,EAAA,cAAAE,EAAA,CAAgB,KAAAH,EAAY,QAAAL,CAAkB,CAAA,CACjD,EALkB,IAOtB"}