\n IN COMPLIANCE WITH FEDERAL STATUTES, GOVX requires\n that you carefully read the requirements set forth below, and accept\n and agree to the terms of this acknowledgement form prior to your\n purchase or receipt of an automatic opening knife.\n
\n\n By placing an order for, or receiving an automatic opening knife\n product, you agree that you meet any or all of the following criteria\n established by Federal law:\n
\n\n Federal law prohibits shipment of automatic knives across state lines,\n with the following exceptions:\n
\n\n GOVX will not sell automatic opening knives to any customer unless\n such sale or receipt is made in compliance with one or more of the\n above conditions.\n
\n\n You recognize and acknowledge that it is your responsibility as the\n customer, buyer, and owner to ascertain and obey all applicable laws\n (local, state, federal and international) in regard to the possession\n or purchase of any item from GOVX. You hereby represent and certify\n that your purchase or ownership of automatic opening knives from GOVX\n meets one or more of the criteria set forth above and you agree to use\n these knives in connection with your duties as described above in\n sections 1, 2, 3, 4 and 5.\n
\n{message}
\n )}\n />\n\n If you are sending items in this order as a gift, let the lucky\n recipient know by including their name with a brief message.\n
\n \n \n )\n}\n\nexport default GiftMessageModal\n","import React, { useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { useSelector } from 'react-redux'\nimport { renderRoutes } from 'react-router-config'\nimport { selectUser } from '../../../../redux/selectors'\nimport Header from '../../components/Header'\nimport GlobalSnackbar from '../../../../mobile/components/common/GlobalSnackbar'\nimport CheckoutAlert from '../../components/CheckoutAlert/CheckoutAlert'\nimport { CheckoutProvider } from './checkoutContext'\nimport {\n selectCheckoutAlerts,\n selectCheckoutDetails,\n useGetBraintreeTokenQuery,\n useGetCheckoutDetailsQuery,\n useSignAcknowledgementFormMutation,\n} from '../../../../redux/slices/checkoutSlice'\nimport Footer from '../../components/Footer'\nimport { useModal } from '../../../../hooks/useModal'\nimport AckFormModal from '../../components/AckFormModal'\nimport GiftMessageModal from '../../components/GiftMessageModal'\n\nexport const CheckoutRoot = ({ route }) => {\n // this import is a temporary workaround to restrict the Tailwind preflight to this component tree\n useEffect(() => {\n document.body.classList.add('twp')\n return () => {\n document.body.classList.remove('twp')\n }\n }, [])\n\n const user = useSelector(selectUser)\n\n const [signAcknowledgementForm] = useSignAcknowledgementFormMutation()\n const { openModal, renderModal, modalExists } = useModal({\n ACK_ALERT: {\n component: AckFormModal,\n },\n GIFT_MESSAGE_ALERT: {\n component: GiftMessageModal,\n },\n })\n\n const modalsMounted = Boolean(\n modalExists('ACK_ALERT') && modalExists('GIFT_MESSAGE_ALERT'),\n )\n\n const [hasDisplayedAckForm, setHasDisplayedAckForm] = useState(false)\n\n // RTK\n const checkoutDetails = useGetCheckoutDetailsQuery(null, {\n refetchOnMountOrArgChange: true,\n })\n\n const { itemAlerts, actionAlerts } = useSelector(selectCheckoutAlerts)\n const checkoutAlerts = checkoutDetails.data?.alerts || []\n\n const displayAckFormModal = () => {\n openModal(\n 'ACK_ALERT',\n {\n user,\n onAccept: () => {\n return signAcknowledgementForm()\n },\n },\n {\n category: 'Auto-Open Knife Modal',\n action: 'aokaf',\n },\n )\n }\n\n const displayGiftMessageModal = () => {\n openModal(\n 'GIFT_MESSAGE_ALERT',\n {},\n {\n category: 'Gift Message Modal',\n action: 'gift_message',\n },\n )\n }\n\n const { data: braintreeToken } = useGetBraintreeTokenQuery()\n\n const ack = useSelector((state) => state.modals.modals['ACK_ALERT'])\n useEffect(() => {\n if (!modalsMounted) return\n const ackFormAlerts = checkoutDetails.data?.alerts?.some(\n (alert) => alert?.code?.toLowerCase() === 'ackform',\n )\n if (ackFormAlerts && !hasDisplayedAckForm && user) {\n displayAckFormModal()\n setHasDisplayedAckForm(true)\n }\n }, [checkoutDetails.data?.alerts, user, hasDisplayedAckForm, modalsMounted])\n\n useEffect(() => {\n if (\n checkoutDetails.data?.includeGiftMessage &&\n !checkoutDetails.data?.giftDetails\n ) {\n if (!modalsMounted) return\n displayGiftMessageModal()\n }\n }, [\n checkoutDetails.data?.includeGiftMessage,\n checkoutDetails.data?.giftDetails,\n modalsMounted,\n ])\n\n return (\n©GOVX {new Date().getFullYear()}
\n\n
Send Feedback
*/}\n \n \n )\n}\n\nconst enhance = compose(\n withRouter,\n withHandlers({\n onClickLink:\n ({ history, onClose }) =>\n (link) => {\n const routes = {\n 'contact-us': '/t/contact-us',\n }\n history.push(routes[link])\n onClose()\n },\n onClickHelpCenter:\n ({ onClose }) =>\n () => {\n window.open('https://support.govx.com/', '_blank')\n onClose()\n },\n }),\n)\n\nexport default enhance(NavFooter)\n","import { ChevronLeft } from '@material-ui/icons'\nimport React from 'react'\nimport { dollar } from '../../../utilities/price-util'\nimport { createUseStyles } from 'react-jss'\n\nconst useStyles = createUseStyles({\n button: {\n background: 'transparent',\n border: 'none',\n fontSize: '32px',\n color: '#2a2d36',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n '&:hover': {\n opacity: 0.85,\n },\n margin: '0px',\n padding: '6px',\n },\n})\n\nconst NavHeader = ({\n user = {},\n currentNavNode,\n onClose,\n onBack,\n onClickAccount,\n onClickJoin,\n}) => {\n const classes = useStyles()\n return (\nLoading...
\n\n