function CartItemsProductBlock(props: CartItemsProductProps) { const { title, variantTitle, sellingPlanLabel, url, imageUrl, quantity, price, compareAtPrice, savingsHtml, discountTags, bundle, busy, stepperLocked, quantityInput, pending, increment, decrement, remove, onQuantityInput, commitQuantity, onQuantityKeyDown } = props; const variantKey = props.line ? String(props.line.variantId) : ''; const paidHandle = variantKey === '43196914401489' ? 'hard-moments-playbook' : variantKey === '42706906906833' ? 'mystery-box-1' : null; const linkUrl = paidHandle ? (url ? url.replace(/\/products\/.*$/, '/products/' + paidHandle) : '/products/' + paidHandle) : url; const [bundleExpanded, setBundleExpanded] = useState(false); const spinner = () => ( ); const image = imageUrl ? ( {title}

) : (

); return (

{linkUrl ? ( {image} ) : ( image )}

{linkUrl ? ( {title} ) : (

{title}

)} {variantTitle && (

{variantTitle}

)} {sellingPlanLabel && (

{sellingPlanLabel}

)}

{compareAtPrice && ( )}

{savingsHtml && (

)}

{bundle && bundle.children.length > 0 && (

{bundleExpanded && (

{bundle.children.map((child, index) => (

{child.imageUrl ? ( {child.title}

) : (

)}

{child.quantity + ' × ' + child.title} {child.variantTitle && ( {child.variantTitle} )}

))}

)}

{discountTags.length > 0 && (

{discountTags.map((tag, index) => ( {tag} ))}

)}

); }

🎁 TinyBeans+ (3 Months Free)

🎁 TinyBeans+ (3 Months Free)