\n {isQuickShip ? \"Quick Ship\" : \"Lead Time\" } \n
\n White Glove Delivery Available\n
\n \n \n How does it work? \n \n \nWe first ship your order to a delivery company in your local area and they will work with you to schedule your White Glove service.
\nThe local service provider will carefully unpack, inspect and assemble each item in your order, and place the item(s) where you want.
\nAll packaging like boxes, plastic, and shipping insulation will be removed and discarded for you.
\n\n \n Visit our shipping policies\n \n
\n \n }\n \n );\n}\n\nexport default WhiteGlove;","\nexport function IconScheduledDelivery(props){\n return(\n \n )\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"heading\":\"HeavyFreight_heading__3sIjR\",\"icon\":\"HeavyFreight_icon__7bxoZ\",\"block\":\"HeavyFreight_block___AcOa\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"generalSection\":\"RatingsChart_generalSection__otXUl\",\"total\":\"RatingsChart_total__xDHsY\",\"box\":\"RatingsChart_box__EojP_\",\"avg\":\"RatingsChart_avg__cLv4I\",\"btn\":\"RatingsChart_btn__6QK6z\",\"chart\":\"RatingsChart_chart__DbtTH\",\"numberCount\":\"RatingsChart_numberCount___Vb_k\",\"reviewSection\":\"RatingsChart_reviewSection__QLIiI\",\"ratingChartScore\":\"RatingsChart_ratingChartScore__BLD6r\",\"starCount\":\"RatingsChart_starCount__09_GU\"};","\nexport function IconHelpOutline(props){\n return(\n \n )\n}","\"use client\"\n\nimport { setRejoinerProduct } from 'thirdparty/Rejoiner/Rejoiner.service';\nimport { ga4EventData } from 'thirdparty/Google/helpers/event.helpers';\nimport { useEffect } from 'react';\nimport { sendGTMEvent } from '@next/third-parties/google';\n\n\nexport function AddonAnalytics({ addons, brand, family, parentId, userId }){\n useEffect(() => {\n\n const obj = Object.entries(addons).map(([k],i) => ({\n item_name: addons[k]['name'],\n item_id: k || addons[k]['sku'],\n index: i,\n price: addons[k]['price'],\n affiliation: parentId,\n item_variant: addons[k]['variant_id'],\n quantity: addons[k]['quantity'],\n item_category: brand?.brandShortName || \"\", // pass pmt explicitly to avoid taking data from view_item event item_category\n item_category2: family || \"\",\n item_brand: brand?.name || \"\",\n item_list_name: \"\", // pass pmt explicitly to avoid taking data from view_item event item_list_name\n item_list_id: \"\" // pass pmt explicitly to avoid taking data from view_item event item_list_id\n \n }));\n\n const view_item_lists = {\n value:0,\n item_list_id: \"view_item_addons\",\n item_list_name: \"Addons On PDP\",\n items: obj \n };\n sendGTMEvent({ event: 'reset_dl', ecommerce: null});\n sendGTMEvent({ event: 'view_item_list', ecommerce: {...view_item_lists, user_id: userId }}); \n\n }, [\n brand?.brandShortName,\n brand?.name,\n family,\n parentId,\n userId,\n addons\n ])\n\n return null\n}\n\nexport function GiftCardAnalytics({ items, userId }) {\n useEffect(() => {\n const obj = items.map((amount, index) => ({\n item_id: `gift_card_${amount}`, \n item_name: `Gift Card $${amount}`,\n index: index,\n price: amount,\n quantity: 1,\n item_category: \"giftCertificates\"\n }));\n \n const view_item_lists = {\n value:0,\n item_list_id: \"giftCertificates\",\n item_list_name: \"Gift Cards\",\n items: obj.flat() \n };\n \n sendGTMEvent({ event: 'reset_dl', ecommerce: null });\n sendGTMEvent({ event: 'view_item_list', ecommerce: { ...view_item_lists, user_id: userId } });\n \n }, [\n items,\n userId\n ])\n\n return null\n}\n\n\nexport function VariantAnalytics({ options, brand, family, parentId, userId }){\n useEffect(() => {\n const obj = Object.entries(options).map(([k], i) => (\n options[k].map(variant => {\n return {\n item_name: variant['name'],\n item_id: variant['product_id'],\n price: \"\",\n affiliation: parentId,\n item_variant: variant['variation_value'],\n quantity: \"\",\n item_category: brand?.brandShortName || \"\", // pass pmt explicitly to avoid taking data from view_item event item_category\n item_category2: family || \"\",\n item_brand: brand?.name || \"\",\n item_list_name: variant['variation_label'], // pass pmt explicitly to avoid taking data from view_item event item_list_name\n item_list_id: \"\" // pass pmt explicitly to avoid taking data from view_item event item_list_id\n }\n \n })\n ));\n \n const view_item_lists = {\n value:0,\n item_list_id: \"view_item_variants\",\n item_list_name: \"Variants on PDP\",\n items: obj.flat() \n };\n \n sendGTMEvent({ event: 'reset_dl', ecommerce: null });\n sendGTMEvent({ event: 'view_item_list', ecommerce: { ...view_item_lists, user_id: userId } });\n \n }, [\n brand?.brandShortName,\n brand?.name,\n family,\n parentId,\n userId,\n options\n ])\n\n return null\n}\n\n\n\nfunction PIPAnalytics({ productData, user }){\n useEffect(() => {\n if( productData ){\n // GA4 data layer\n try{\n const viewItem = ga4EventData(productData, 'view_item');\n sendGTMEvent({ event: 'reset_dl', ecommerce: null});\n sendGTMEvent({ event: 'view_item', ecommerce: {...viewItem, user_id: user?.user_id }});\n\n setRejoinerProduct(productData)\n }catch(err){}\n } \n\n }, [\n productData,\n user?.user_id\n ])\n\n\n return null\n}\n\n\n\n\nexport function addToCartAnalytics({\n qty,\n productId,\n variantId,\n name,\n price,\n brand,\n family,\n categories,\n parentId,\n buyNow,\n userId,\n contextState\n}){\n const cat = (contextState === 'addons') ? { \"item_category\":'Addons'} : (categories.length ? {\"item_category\": categories.map(c => c.name).join(', ')} : {})\n \n const buy_now = buyNow ? { \"buy_now\": buyNow } : {};\n\n const atc_prod = {\n \"currency\": \"USD\",\n \"value\": price,\n ...buy_now, //added event pmt as custom dimension to filter out atc vs buynow\n \"items\": [\n {\n \"item_name\": name,\n \"price\": price,\n \"quantity\": qty,\n \"item_id\": productId,\n \"item_variant\": variantId,\n ...cat,\n \"item_brand\": brand,\n \"item_category2\": family,\n \"affiliation\" : parentId\n }\n ] \n };\n\n sendGTMEvent({ event: 'reset_dl', ecommerce: null});\n sendGTMEvent({ event: 'add_to_cart', ecommerce: { ...atc_prod, user_id: userId } });\n}\n\n\nexport default PIPAnalytics;","\n\n/**\n * Get the JSON Object to send to cart\n * @param {string} type - define the type of object\n * @param {string} qty \n * @param {string} productId \n * @param {string} variantId\n * @param {object} options\n * @returns JSON Object\n*/\n\nexport default function getCartBody(type, { \n qty, \n productId, \n variantId, \n options = {}, \n customerId = 0\n}){\n \n if( type === \"cartBody\" ){\n const body = {\n \"customer_id\": parseInt(customerId),\n \"line_items\": [\n {\n \"quantity\": qty,\n \"product_id\": productId,\n \"variant_id\": variantId,\n }\n ]\n }\n\n if( options && Object.values(options).length ){ \n body.line_items[0][\"option_selections\"] = Object.values(options).map(item => {\n return {\n \"option_id\": item.attribute,\n \"option_value\": item.attributeValue,\n }\n })\n }\n\n return body;\n\n \n }else if( type === \"itemBody\"){\n return {\n \"customer_id\": parseInt(customerId),\n \"line_item\": {\n \"quantity\": qty,\n \"product_id\": productId,\n \"variant_id\": variantId,\n }\n }\n }\n \n}\n","\n/**\n * Checks to see if in the passed in parameter is an object\n * @param {object} obj \n * @returns \n */\n\nexport default function isObject(obj){\n return Object.prototype.toString.call(obj) === '[object Object]'\n}\n","import whilst from \"async/whilst\";\nimport * as Sentry from '@sentry/nextjs';\nimport getCartBody from \"./getCartBody\";\nimport isObject from \"lib/Utils/isObject\";\n\n\n/**\n * ATC Addon Options\n * @param {Object} addonOptions - addon options\n * @param {Object} itemMutation - item mutation\n * @param {String} customerId - customer id\n * @param {Function} errorCallback - error callback\n * @param {Function} sentAddons - sent addons\n * @param {Function} resolve - async resolver\n * @param {Function} reject - async rejection\n * @param {Number} qty - quantity\n */\n\nexport default function atcAddonOptions({ \n addonOptions, \n itemMutation,\n customerId, \n errorCallback,\n sentAddons = () => null,\n resolve = () => null,\n reject = () => null,\n qty = 1\n}){\n const sentProducts = [];\n const addonProducts = [];\n let index = 0;\n\n\n Object.keys(addonOptions).forEach(key => {\n if( addonOptions[key].title !== \"No Thanks\" ){\n if( key !== \"cover\" ){\n addonProducts.push(addonOptions[key])\n \n }else{\n addonOptions[key].productOptions.forEach(product => {\n addonProducts.push({\n ...product\n })\n })\n }\n }\n })\n\n\n\n whilst(\n (cb) => { cb(null, index < addonProducts.length); },\n (callback) => {\n const { quantity, variant_id, attributeValue, attribute, product_id, options } = addonProducts[index] ?? {};\n \n let opts = {}\n \n if (attributeValue && attribute){\n opts = {\n covers: {\n attributeValue,\n attribute\n }\n }\n }else if( Array.isArray(options) && options.length ){\n options.forEach((option, i) => {\n opts = {\n ...opts,\n [`covers_${i}`]: {\n attributeValue: option.attributeValue,\n attribute: option.attribute\n }\n }\n })\n }\n\n \n // if this is a product cover multiply the quantity by the qty of the core product\n const addonQty = (isObject(opts) && (Object.hasOwn(opts, \"covers\") || Object.hasOwn(opts, \"covers_1\") )) ? parseInt(quantity) * qty : parseInt(quantity) \n\n\n const productBody = getCartBody(\"cartBody\", { \n qty: addonQty, \n variantId: parseInt(variant_id), \n productId: product_id,\n options: opts,\n customerId\n })\n\n\n itemMutation.mutate({ type: \"add\", productBody },\n {\n onSuccess: (data) => {\n if( \n data?.response?.status === 404 || \n data?.response?.status === 308 \n ){\n errorCallback(data.response, addonProducts[index])\n }\n\n sentProducts.push(`${product_id}:${quantity}`)\n callback(null, index);\n\n },\n onError: (err) => {\n errorCallback(err, addonProducts[index])\n callback(null, index);\n }\n }\n )\n\n index++;\n\n }, (err) => {\n sentAddons(sentProducts)\n resolve()\n }\n );\n}","import whilst from \"async/whilst\";\nimport getCartBody from \"./getCartBody\";\n\n\n/**\n * Batch Process adding products to cart via an array of products like sets\n * @param {object} productData - array of product objects\n * @param {string} customerId - customer id\n * @param {object} itemMutation - mutation hook\n * @param {function} errorCallback - error callback\n * @param {function} confirmationCallback - confirmation callback\n * @param {boolean} buyNow - buy now flag\n * @param {array} sentAddons - sent addons\n */\n\nexport default function atcBatchProducts({\n productData,\n customerId,\n itemMutation,\n errorCallback = () => null,\n confirmationCallback = () => null,\n buyNow = false,\n sentAddons = [],\n}){\n const sentProducts = [];\n let cartData = null;\n let index = 0;\n let errors = [];\n\n\n // Async Loop here:\n // Big Commerce needs 1 at a time\n whilst(\n (cb) => { cb(null, index < productData.length); },\n (callback) => {\n\n sentProducts.push(`${productData[index].product_id}:${productData[index].quantity}`)\n \n const productBody = getCartBody(\"cartBody\", { \n qty: parseInt(productData[index].quantity), \n productId: parseInt(productData[index].product_id), \n variantId: parseInt(productData[index].variant_id), \n options: productData[index]?.options,\n customerId: customerId\n })\n\n\n itemMutation.mutate({ type: \"add\", productBody, buyNow }, \n {\n onSuccess: (data) => {\n if( \n data?.response?.status === 404 ||\n data?.response?.status === 308\n ){\n errorCallback(data.response, productData[index])\n errors.push(true)\n }\n\n cartData = data\n callback(null, index);\n },\n\n onError: async (err) => {\n errorCallback(err, productData[index])\n }\n }\n )\n\n index++;\n\n }, (err) => {\n if( !errors.length ){\n\n // trigger cart confirmation showing...comma separated list of quantities and product ids\n confirmationCallback({ \n productAdded: [ sentAddons, sentProducts ].join(\",\"),\n cartData\n })\n }\n }\n );\n}","import getCartBody from './getCartBody';\n\n\n/**\n * ATC Standard Single Product\n * @param {object} itemMutation - mutation hook \n * @param {object} productData - product data\n * @param {string} customerId - customer id\n * @param {function} errorCallback - error callback\n * @param {function} confirmationCallback - confirmation callback\n * @param {boolean} buyNow - buy now flag\n * @param {array} sentAddons - sent addons\n */\n\nexport default function atcSingleProduct({ \n productData, \n itemMutation, \n customerId, \n errorCallback = () => null, \n confirmationCallback = () => null, \n buyNow = false,\n sentAddons = [],\n cartBody = null\n}){\n\n const { qty, productId, variantId, options } = productData ?? {};\n\n const productBody = cartBody ?? getCartBody(\"cartBody\", { \n qty, \n productId, \n variantId, \n options,\n customerId\n })\n \n itemMutation.mutate({type: \"add\", productBody, buyNow }, \n {\n onSuccess: (data) => { \n if( \n data?.response?.status === 404 ||\n data?.response?.status === 308\n ){\n errorCallback(data.response, productData) \n return null;\n }\n \n confirmationCallback({ \n productAdded: [ ...sentAddons, `${productId}:${qty}` ],\n cartData: data\n });\n },\n\n onError: async (err) => {\n errorCallback(err, productData)\n }\n }\n )\n}","import { validateOptions } from \"components/applications/pip/helpers/PIP.helpers\";\nimport { useCart } from \"./useCart\";\nimport { useContext } from \"react\";\nimport { ProductOptionContext } from \"components/applications/pip/contexts/ProductOptionContext\";\nimport { GlobalContext } from \"contexts/GlobalContext\";\nimport atcAddonOptions from \"../helpers/atcAddonOptions\";\nimport atcBatchProducts from \"../helpers/atcBatchProducts\";\nimport atcSingleProduct from \"../helpers/atcSingleProduct\";\nimport atcCustomProduct from \"../helpers/atcCustomProduct\";\nimport useAtcCallbacks from \"./useAtcCallbacks\";\nimport useButtonFeedback from \"components/forms/Button/useButtonFeedback\";\n\n\nexport function useAddToCart({ \n contextState = null,\n qty, \n productId,\n prodCat,\n variantId, \n minimum_qty,\n maximum_qty,\n buyNow = false,\n type = null,\n redirectToCart = false\n}){\n const [ state, dispatch ] = useContext(ProductOptionContext)\n const [ global, _ ] = useContext(GlobalContext)\n\n const feedback = useButtonFeedback()\n const { itemMutation } = useCart();\n\n\n\n /**\n * Universal Add to Cart function\n * @param {object} productData - Array or Object\n * @param {number} customerId - the current logged in customers id or default logged out id\n * @param {object} addonOptions - the current addon options\n * @param {string} type - the type of product being added\n * @param {boolean} buyNow - whether to redirect to cart after adding\n */\n\n const add = ( productData, customerId, addonOptions, type, buyNow ) => {\n const sentAddons = [];\n\n dispatch({\n type: \"atc\",\n data: {\n status: \"started\",\n productAdded: null,\n cartData: null\n }\n })\n\n // we have to add each addon option one-at-a-time to cart synchronously first then the core product\n const addonPromise = new Promise((resolve, reject) => {\n if( addonOptions && Array.isArray(Object.keys(addonOptions)) && Object.keys(addonOptions).length ){\n atcAddonOptions({\n addonOptions,\n customerId,\n itemMutation,\n qty,\n errorCallback,\n sentAddons: (data) => sentAddons.push(data),\n resolve,\n reject\n })\n\n // No Addons? So resolve to add everything else\n }else{\n resolve()\n }\n })\n \n\n addonPromise.then(() => {\n // Add Product Sets To cart\n if( Array.isArray(productData) ){\n atcBatchProducts({\n productData,\n customerId,\n itemMutation,\n errorCallback,\n confirmationCallback: (data) => {\n feedback.setSuccess(true)\n confirmationCallback(data)\n },\n buyNow,\n sentAddons\n })\n\n // OR Add a Single Product to cart\n }else{\n atcSingleProduct({\n productData,\n itemMutation,\n customerId,\n errorCallback,\n confirmationCallback: (data) => {\n feedback.setSuccess(true)\n confirmationCallback(data)\n },\n buyNow,\n sentAddons\n })\n }\n\n // not sure if I have to have this hear, but it's here for now\n if( type === \"custom\" ){\n atcCustomProduct({\n productData,\n itemMutation,\n errorCallback,\n confirmationCallback: (data) => {\n feedback.setSuccess(true)\n confirmationCallback(data)\n }\n })\n }\n \n })\n\n }\n\n\n\n\n const { confirmationCallback, resetFeedbackState, errorCallback } = useAtcCallbacks({ \n add,\n buyNow, \n prodCat, \n contextState,\n redirectToCart, \n feedback \n });\n\n\n\n\n\n\n // add standard product to cart\n function addToCart(){\n feedback.setLoading(true)\n\n const areNotValid = validateOptions(\n {\n ...(state[contextState]?.[(contextState === \"addons\" || contextState === \"sets\") && productId] ?? state[contextState])\n },\n )\n\n const validMinimumQty = qty >= minimum_qty;\n const validMaximumQty = qty <= maximum_qty;\n\n\n if( areNotValid.length || !validMinimumQty || !validMaximumQty ){\n dispatch({\n type: \"setErrorAttributes\",\n data: [\n ...areNotValid,\n { \n validMinimumQty, \n validMaximumQty \n }\n ]\n })\n\n feedback.setError(true)\n setTimeout(resetFeedbackState, 1000)\n\n }else{\n const complexOptions = (contextState === \"addons\" || contextState === \"sets\") ? { ...state[contextState]?.[productId] } : state[contextState]\n\n add({ \n qty, \n productId, \n variantId, \n options: complexOptions,\n }, \n global.user?.external_customer_id,\n state?.addonOptions,\n type,\n buyNow\n )\n\n\n }\n }\n\n\n\n\n // add full product set to cart\n async function addSetToCart(){\n feedback.setLoading(true)\n\n const erred = [];\n\n // validate selections\n Object.keys(state.sets).forEach(item => {\n \n const areNotValid = validateOptions(state?.sets?.[item])\n\n if( areNotValid.length ){\n erred.push(...areNotValid)\n }\n })\n\n\n if( Object.keys(erred).length ){\n dispatch({\n type: \"setErrorAttributes\",\n data: erred\n })\n\n feedback.setError(true)\n setTimeout(resetFeedbackState, 1000)\n\n }else{\n dispatch({\n type: \"setErrorAttributes\",\n data: []\n })\n\n \n const newSets = { ...state.sets };\n\n delete newSets.products;\n\n const productData = Object.keys(state?.sets?.products).map(product => { \n return {\n ...state.sets.products[product],\n options: newSets.hasOwnProperty(product) ? Object.values(newSets[product]).map(opt => opt) : [],\n product_id: product,\n };\n })\n\n\n // add set to cart\n add(\n productData, \n global.user?.external_customer_id,\n state?.addonOptions,\n type,\n buyNow\n )\n\n }\n }\n\n\n\n\n return{\n add,\n addToCart,\n addSetToCart,\n loading: feedback.loading,\n success: feedback.success,\n err: feedback.err,\n }\n\n\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"block\":\"LeadTime_block__yS_qd\",\"text\":\"LeadTime_text__CMN3k\",\"icon\":\"LeadTime_icon__WSdpJ\",\"iconCntr\":\"LeadTime_iconCntr__jO8ry\",\"rangeTime\":\"LeadTime_rangeTime__04x73\",\"message\":\"LeadTime_message__AsJ9g\"};","\n\nexport function IconDeliveryAssembly(props){\n return(\n \n )\n}","\nexport function IconQuickShip(props){\n return(\n \n )\n}","\nexport function IconWhiteGlove(props){\n return(\n \n )\n}\n","\n\nexport function initAddonProducts(options, product_id){\n const obj = {\n [product_id]: {}\n };\n\n options.forEach((option, index) => {\n obj[product_id] = {\n ...obj[product_id],\n [option?.display_name]:{\n index,\n attribute: option.option_group_id,\n attributeValue: null\n }\n }\n });\n\n return obj\n}","import useSetNextOption from \"custom_hooks/useSetNextOption\";\nimport ErrorBoundary from \"services/ErrorBoundary\";\nimport CustomizeType from \"../Options/CustomizeType\";\n\nimport Style from \"./Addon.module.scss\"\n\n\nfunction Options({ \n options, \n product_id,\n hideSwatch = \"\",\n stockedOptions = \"\",\n specialOrderOptions = \"\", \n}){\n const next = useSetNextOption({ product_id });\n\n return(\n\n