\n \n Shop\n \n
\n \n );\n};\n\nButton.propTypes = {\n title: PropTypes.string,\n position: PropTypes.string,\n};\n","import React from 'react';\nimport { Button } from './components/Button';\n\nconst MainCtaApp = props => ;\n\nexport default MainCtaApp;\n","import PropTypes from 'prop-types';\nimport React, { useCallback, useMemo } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { useSelector } from 'react-redux';\n\nexport const Button = ({ title: rawTitle = 'Learn More' }) => {\n const [{ checkout }] = useCookies(['checkout']);\n const answers = useSelector(({ quiz }) => quiz.customRotation);\n const isUnfinishedQuiz = useMemo(() => Object.keys(answers).length > 0, [answers]);\n\n const onClick = useCallback(() => {\n if (checkout) {\n window.location.href = `/get_started/${checkout}`;\n return;\n }\n\n if (isUnfinishedQuiz) {\n window.location.href = '/filter_checkout?finished=true';\n return;\n }\n\n window.location.href = '/filter_checkout';\n }, [checkout, isUnfinishedQuiz]);\n\n const title = useMemo(() => (checkout || isUnfinishedQuiz ? 'Finish checkout' : rawTitle), [\n rawTitle,\n checkout,\n isUnfinishedQuiz,\n ]);\n\n return (\n \n );\n};\n\nButton.propTypes = {\n title: PropTypes.string,\n};\n","import React from 'react';\nimport { Button } from './components/Button';\n\nconst TryItOutButtonApp = props => ;\n\nexport default TryItOutButtonApp;\n","import React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDispatch } from 'react-redux';\nimport { clearCustomRotationAction, saveCustomRotationAnswerAction } from '../../../../store/quiz/quiz.actions';\nimport { useHistory } from 'react-router-dom';\n\nexport const Rotation = ({ src, srcSet, alt, answers, children }) => {\n const dispatch = useDispatch();\n const history = useHistory();\n\n const onClick = useCallback(async () => {\n await dispatch(clearCustomRotationAction());\n\n for (let i = 0; i < answers.length; i += 1) {\n let curAnswer = i + 1;\n if (curAnswer > 2 && answers.length !== 6) {\n curAnswer += 1;\n }\n\n await dispatch(saveCustomRotationAnswerAction(curAnswer, answers[i]));\n }\n\n history.push('/filter_checkout?finished=true');\n window.location.reload();\n }, [dispatch, history, answers]);\n\n return (\n \n 
\n
\n );\n};\n\nRotation.propTypes = {\n src: PropTypes.string.isRequired,\n srcSet: PropTypes.string.isRequired,\n alt: PropTypes.string.isRequired,\n answers: PropTypes.arrayOf(PropTypes.string).isRequired,\n children: PropTypes.node.isRequired,\n};\n","import React from 'react';\nimport { Rotation } from './Rotation';\n\nconst ANSWERS = {\n Espresso: [\n 'roast:espresso',\n 'grind:Whole Bean;specificGrind:null',\n 'size:12',\n 'price_type:standard;size:12',\n 'dateOverride:0',\n ],\n PremiumLight: [\n 'roast:light',\n 'grind:Whole Bean;specificGrind:null',\n 'size:12',\n 'price_type:premium;size:12',\n 'dateOverride:0',\n ],\n Medium: [\n 'roast:medium',\n 'grind:Whole Bean;specificGrind:null',\n 'size:12',\n 'price_type:standard;size:12',\n 'dateOverride:0',\n ],\n Dark: ['roast:dark', 'grind:Whole Bean;specificGrind:null', 'size:12', 'price_type:basic;size:12', 'dateOverride:0'],\n};\n\nexport const Rotations = () => (\n <>\n {children}
\n Espresso
\n Rotation
\n \n Premium Light
\n Rotation
\n \n Medium Roast
\n Rotation
\n \n Dark Roast
\n Rotation
\n \n \n);\n","import React from 'react';\nimport { Rotations } from './components/Rotations';\n\nconst RotationsApp = props => \n
\n );\n};\n\nPricingComponent.propTypes = {\n pricingRule: PropTypes.object,\n};\n\nexport const Pricing = connect(({ user }) => ({\n me: user.me,\n pricingRule: user.me ? user.me.pricingRule : user.pricingRule,\n}))(PricingComponent);\n","import React from 'react';\nimport { Pricing } from './components/Pricing';\n\nconst PricingApp = props => \n
\n \n
\n \n
\n per month
\n \n
\n \n {pricingRule.free_shipping && (\n
\n \n
\n )}\n {pricingRule.first_bag_discount && (\n \n
\n )}\n {pricingRule.discount_proportion && (\n \n
\n )}\n \n
\n {pricingRule.free_trial_length && (\n \n
\n )}\n \n \n Build Your Rotation\n \n
\n \n {pricingRule?.free_trial_length && `Join for ${pricingRule.free_trial_length} days free of membership. `}Risk free\n - cancel anytime.\n
\n );\n};\n","import React from 'react';\nimport { Description } from './components';\n\nconst TryItOutDescriptionCtaApp = props =>