{"version":3,"file":"ProductTileSearchResults.YtpxU-QN.min.js","sources":["../frontend/src/stories/client/ProductTileSearch/ProductTileSearchResults.tsx"],"sourcesContent":["import React, {useEffect, useState} from \"react\";\nimport helpers from \"../../../../js/helpers\";\nimport useMobileBreakpoint from \"@mindarc/arctheme-components/frontend/src/hooks/useMobileBreakpoint\";\n\nexport const ProductTileSearchResults = ({\n                                product,\n                                swatches = [],\n                                siblings,\n                                show_add = false,\n                                show_price_inline = false,\n                                settings,\n                                enableWishlist,\n                                type = ''\n                            }) => {\n    const isMobile = useMobileBreakpoint(\"1024px\");\n    const currencyCode =  window.Alpine?.store('currency').getCurrencyCode();\n    const currencySymbol =  window.Alpine?.store('currency').getCurrencySymbol();\n\n    // Helper function to get price by currency code\n    const getPriceByCurrency = (priceRanges, currency, type) => {\n        const priceEntry = priceRanges?.find((item) => item.price.currency_code === currency);\n        return priceEntry[`${type}`]?.amount || 0; // Convert to proper price format\n    };\n\n    // Default prices from compare_at_price and price\n    let minPrice = product?.price > 0 ? product?.price / 100 : 0;\n    let maxPrice = product?.compare_at_price > 0 ? product?.compare_at_price / 100 : 0;\n\n    // If presentment_price_ranges exist, extract prices for the current currency\n    if (product?.variants[0]?.presentment_prices) {\n        const presentmentMinPrice = getPriceByCurrency(product?.variants[0]?.presentment_prices, currencyCode, \"price\");\n        const presentmentMaxPrice = getPriceByCurrency(product?.variants[0]?.presentment_prices, currencyCode, \"compare_at_price\");\n\n        // Use presentment prices only if they are available\n        minPrice = presentmentMinPrice ?? minPrice;\n        maxPrice = presentmentMaxPrice ?? maxPrice;\n    }\n\n    // Ensure that compare_at_price is treated as a \"strike-through price\" if higher\n    const isOnSale = minPrice > 0 && minPrice < maxPrice;\n\n    return (\n        <>\n            <a href={`/products/${product.handle}`} className=\"product-tile\">\n                <div className=\"product-tile__inner flex gap-[85px] lg:gap-[8px]\">\n                    <div className=\"product-tile__image\">\n                        <img\n                            className={`h-auto w-[66px] lg:w-[90px]`}\n                            src={product.image}\n                            alt={product.name}\n                            height={150}\n                        />\n                    </div>\n                    <div className=\"product-tile__content w-[70px]\">\n                        <div className=\"product-tile__content-inner\">\n                            <div\n                                className=\"product-tile__title h6 font-normal leading-[1.6] tracking-[2.05px] uppercase\">\n                                {product.title}\n                            </div>\n                            <div className=\"product-tile__price\">\n                                <div className=\"product__price\" data-prodify-price-container=\"\">\n                                    {isOnSale ? (\n                                        <>\n                                            <span className=\"sr-only\">Special Price</span>\n                                            <div className=\"product__sale-price h6\">\n                                                {currencyCode} {currencySymbol}{minPrice.toFixed(0)}\n                                            </div>\n                                        </>\n                                    ) : (\n                                        <>\n                                            <span className=\"sr-only\">Regular Price</span>\n                                            <div className=\"product__price h6\">\n                                                {currencyCode} {currencySymbol}{minPrice.toFixed(0)}\n                                            </div>\n                                        </>\n                                    )}\n                                </div>\n                            </div>\n                            <div className=\"product-tile__swatches\">\n                                {swatches.map((swatch) => (\n                                    <div\n                                        key={swatch.id}\n                                        className=\"product-tile__swatch\"\n                                        style={{backgroundColor: swatch.color}}\n                                    />\n                                ))}\n                            </div>\n                            <div className=\"product-tile__actions\">\n                                {show_add && (\n                                    <button\n                                        className=\"product-tile__add\"\n                                        onClick={() => {\n                                        }}\n                                    >\n                                        Add to Cart\n                                    </button>\n                                )}\n                                {enableWishlist && (\n                                    <button\n                                        className=\"product-tile__wishlist\"\n                                        onClick={() => {\n                                        }}\n                                    >\n                                        Add to Wishlist\n                                    </button>\n                                )}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </a>\n        </>\n    );\n};\n"],"names":["ProductTileSearchResults","product","swatches","siblings","show_add","show_price_inline","settings","enableWishlist","type","useMobileBreakpoint","currencyCode","_a","currencySymbol","_b","getPriceByCurrency","priceRanges","currency","item","minPrice","maxPrice","_c","presentmentMinPrice","_d","presentmentMaxPrice","_e","isOnSale","jsx","Fragment","jsxs","swatch"],"mappings":"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"}