{title}
\n\n It's the easiest way to gift Goldbelly! No shipping address is needed — just\n their email!\n
\nDon't worry about shipping details!
\n\n Send Goldbelly to friends, colleagues, & family just using their email address!\n
\n (Make different selections to see more possible dates & add to cart to choose your\n delivery date at checkout.)\n
\n \n ) : (\n <>\n\n This calendar is for reference only. Please select delivery date at check out.\n
\n \n *-Adding more products to your cart can sometimes change your delivery date options at\n checkout\n \n \n )}\n \n);\n","import React, { useState } from 'react';\nimport { DayPickerRangeController } from 'react-dates';\nimport { faCalendarAlt, faCheckCircle } from '@fortawesome/pro-regular-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport moment, { Moment } from 'moment';\nimport 'react-dates/initialize';\nimport 'react-dates/lib/css/_datepicker.css';\n\nimport Breakpoints from 'src/explore/services/breakpoints';\nimport { Modal } from 'src/shoppe/elements/Modal';\n\nimport { IDeliveryDates } from '../../../../types';\nimport { DatepickerNote } from './elements/DatepickerNote';\n\nimport styles from './index.module.sass';\n\ninterface NextDeliveryDatesProps {\n dates: IDeliveryDates;\n maxDays: number;\n choices?: string[];\n}\n\nexport const NextDeliveryDates = ({ dates, maxDays, choices }: NextDeliveryDatesProps ) => {\n const [ open, setOpen ] = useState( false );\n\n return (\n <>\n\n {!!deadline && (\n {`if you order in the next ${deadline}${\n !anyDeliveryDates ? '.' : ''\n }`}\n )}\n {!!anyDeliveryDates && (\n {' or check out other possible delivery dates here.'}\n )}\n
\n\n {!!anyDeliveryDates && (\nChoose Delivery Date at Checkout
}\n \n );\n};\n","export const makeShippingDateEndpointUrl = ({\n baseUrl,\n quantity = 1,\n choices = [],\n}: {\n baseUrl: string;\n quantity: number;\n choices: number[];\n}) => {\n const params = new URLSearchParams();\n params.append( 'quantity', String( quantity ));\n if ( choices.length > 0 ) {\n choices.forEach(( choice ) => {\n params.append( 'product_option_ids[]', String( choice ));\n });\n }\n return `${baseUrl}?${params.toString()}`;\n};\n","import React, { useMemo } from 'react';\nimport { compact, flatten } from 'lodash-es';\n\nimport {\n IAvailableOption,\n IAvailableVariance,\n INextShippingOption,\n} from 'src/explore/types/shoppe';\nimport { useApiObject } from 'src/explore/hooks/useApiObject';\nimport { Expedited } from './elements/Expedited';\nimport { IDeliveryDates } from './types';\nimport { makeShippingDateEndpointUrl } from '../../services/endpointHelper';\n\ntype INextDeliveryDates = {\n dates: IDeliveryDates;\n};\n\ninterface ShippingProps {\n acceptsRequests: boolean;\n className?: {\n container?: string;\n date?: string;\n };\n maxDays: number;\n nextShippingOption: INextShippingOption;\n productId: number;\n withMoreDates?: boolean;\n choices?: IAvailableOption[];\n options?: IAvailableVariance[];\n quantity?: number;\n}\n\nexport const Shipping = ({\n acceptsRequests,\n className,\n maxDays,\n nextShippingOption,\n productId,\n withMoreDates,\n choices = [],\n options = [],\n quantity = 1,\n}: ShippingProps ) => {\n const { isGround, toShipOn } = nextShippingOption;\n const shipDate = new Date( toShipOn.replace( /-/g, '/' ));\n const month = new Intl.DateTimeFormat([], { month: 'short' });\n\n const deliveryDatesEndpoint = makeShippingDateEndpointUrl({\n baseUrl: `products/${String( productId )}/next_delivery_dates`,\n quantity,\n choices: choices.map(( choice: IAvailableOption ) => choice.gbFormFieldValue ),\n });\n const deliveryDates = useApiObject\n This item is coming soon to doors nationwide on Goldbelly! Sign up to get notified\n when it’s available to be purchased.\n
\n ) : (\nThis product is coming soon! Please check back later.
\n )}\n \n ) : (\n\n We will notify you via email when it becomes available to be purchased. Make sure to add\n yourself to the waitlist again if you were notified already! Things sell out quickly.\n
\n )}\n \n );\n};\n","import React, { FC } from 'react';\n\nimport { DollarsAndCents } from 'src/explore/elements/DollarsAndCents';\nimport { IPromotionProduct } from 'src/explore/types/shoppe';\n\nimport styles from './index.module.sass';\n\ninterface Props {\n effectivePriceInCents: number;\n flashSale?: IPromotionProduct;\n}\n\nexport const FlashSaleDetails: FC