{"version":3,"file":"index-cnKlboVD.js","sources":["../../../app/javascript/src/explore/scenes/BellyRewards/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useSelector } from 'react-redux';\nimport cls from 'classnames';\n\nimport { Routes } from 'src/explore/services/Routes';\n\nimport styles from './index.module.sass';\n\nconst BellyRewards = () => {\n  // @ts-ignore FIXME: missing redux store types\n  const pointRatio = useSelector(( state ) => state.data?.settings?.centsToPointsRatio );\n  const points = Math.ceil( 100 * pointRatio );\n\n  return (\n    <a\n      href={Routes.rewards( 'rewards_footer' )}\n      className={cls( styles.wrapper, 'd-block p-4 text-decoration-none' )}\n    >\n      <h3 className=\"font-weight-bold fs-7 fs-md-8 text-center text-dark\">EARN BELLY REWARDS!</h3>\n      <div className={cls( styles.text, 'fs-4 text-center' )}>\n        {`Earn ${points ? `${points} ` : ''}points for every dollar you spend on Goldbelly. `}\n        <span className={cls( styles.learnMore, 'text-secondary' )}>Learn More</span>\n      </div>\n    </a>\n  );\n};\n\nexport default BellyRewards;\n"],"names":["BellyRewards","pointRatio","useSelector","state","_b","_a","points","React.createElement","Routes","cls","styles"],"mappings":"gZAQMA,EAAe,IAAM,CAEzB,MAAMC,EAAaC,EAAcC,GAAW,SAAA,OAAAC,GAAAC,EAAAF,EAAM,OAAN,YAAAE,EAAY,WAAZ,YAAAD,EAAsB,mBAAmB,EAC/EE,EAAS,KAAK,KAAM,IAAML,CAAW,EAGzC,OAAAM,EAAA,cAAC,IAAA,CACC,KAAMC,EAAO,QAAS,gBAAiB,EACvC,UAAWC,EAAKC,EAAO,QAAS,kCAAmC,CAAA,EAElEH,EAAAA,cAAA,KAAA,CAAG,UAAU,qDAAA,EAAsD,qBAAmB,EACvFA,EAAAA,cAAC,MAAI,CAAA,UAAWE,EAAKC,EAAO,KAAM,kBAAmB,CAAA,EAClD,QAAQJ,EAAS,GAAGA,CAAM,IAAM,EAAE,mDAClCC,EAAA,cAAA,OAAA,CAAK,UAAWE,EAAKC,EAAO,UAAW,gBAAiB,CAAG,EAAA,YAAU,CACxE,CACF,CAEJ"}