function renderStars(average, max = 5) { average = parseFloat(average) || 0; let starsWrapper = gbb.$('

').addClass('yotpo-stars'); for (let i = 0; i < max; i++) { let starWrapper = gbb.$('').addClass('yotpo-star-wrapper'); let starEmpty = gbb.$('').addClass('yotpo-star empty').text('★'); let starFilled = gbb.$('').addClass('yotpo-star filled').text('★'); let fillPercent = Math.min(Math.max(average - i, 0), 1) * 100; starFilled.css('width', fillPercent + '%'); starWrapper.append(starEmpty); starWrapper.append(starFilled); starsWrapper.append(starWrapper); } return starsWrapper; } dynamicScript(productData, origin, selectedVariant); function dynamicScript(productData, origin, selectedVariant) { try { const metafieldNameSpaceAndKeys = gbb.settings.bundleSettings.metafieldNameSpaceAndKeys || []; if (!metafieldNameSpaceAndKeys.length) return ''; let metafieldWrapper = gbb.$('

').addClass('productsMetafieldWrapper'); const validMetafieldTypes = [ 'single_line_text_field', 'multi_line_text_field', 'list.single_line_text_field', ]; for (let i = 0; i < metafieldNameSpaceAndKeys.length; i++) { let metafieldData = metafieldNameSpaceAndKeys[i]; if ( metafieldData.hasOwnProperty('showOnProductCard') || metafieldData.hasOwnProperty('showOnModal') ) { if (origin == 'PRODUCT_CARD' && !metafieldData.showOnProductCard) continue; else if ( origin == 'PRODUCT_VARIANTS_MODAL' && !metafieldData.showOnModal ) continue; } let productMetafieldAccessKey = `metafield_${metafieldData?.namespace}_${metafieldData?.key}`; let productMetafieldData = {}; // ───────────────────────── PRESET BUNDLE BRANCH ───────────────────────── if (metafieldData.key === 'eb_preset_bundle_variants') { if (origin !== 'PRODUCT_CARD') continue; const _presetMeta = productData?.metafield_custom_eb_preset_bundle_variants; if (!_presetMeta?.value) continue; let _presetVariantIds; try { _presetVariantIds = JSON.parse(_presetMeta.value); } catch (e) { continue; } if (!Array.isArray(_presetVariantIds) || !_presetVariantIds.length) continue; const _presetType = ( productData?.metafield_custom_eb_preset_type?.value || '' ).trim().toLowerCase(); // ─────── ONE-TIME INIT ─────── if (!gbb.state._ebPresetBundleInitialized) { gbb.state._ebPresetBundleInitialized = true; gbb.state._ebPresetBundleVariantIds = new Set(); gbb.state._ebPresetPendingCards = []; gbb.state._ebPresetRenderedCards = []; // Minimal functional CSS — only rules required for behavior, not styling. if (!document.getElementById('eb-preset-bundle-functional-styles')) { const _style = document.createElement('style'); _style.id = 'eb-preset-bundle-functional-styles'; _style.textContent = '.gbbProductItem.ebPresetItemHidden{display:none !important}' + '.ebPresetCategoryPillsContainer{display:flex;flex-wrap:wrap;gap:8px;align-items:center}' + '.ebPresetCategoryPill{cursor:pointer;user-select:none;text-transform:capitalize}' + '.ebPresetLoadingSkeleton{min-height:100px;display:flex;align-items:center;justify-content:center;opacity:.6}' + ".ebPresetLoadingSkeleton::after{content:'Loading...'}"; document.head.appendChild(_style); } // Resolve an image URL from variant first, then product. Covers the 3 // shapes our cache actually produces (variant.image as string, variant // .featured_image.src, product.featured_image.src / product.featuredImage.url). gbb.state._ebPresetImageFor = function (variant, product) { const _v = variant || {}; const _p = product || {}; return ( (typeof _v.image === 'string' ? _v.image : _v.image?.src) || _v.featured_image?.src || _p.featured_image?.src || _p.featuredImage?.url || '' ); }; // Look up variants from the GraphQL cache. Called only when we need to // resolve pending cards — not on a timer. gbb.state._ebPresetLookupVariants = function (variantIds) { const _resolved = []; const _missing = []; const _cache = gbb.state.cachedProductDataGraphql; variantIds.forEach(function (vid) { let _hit = null; if (_cache && typeof _cache.forEach === 'function') { _cache.forEach(function (product) { if (_hit || !Array.isArray(product?.variants)) return; const _match = product.variants.find(function (v) { return ( String(v.variantId || v.variant_id || v.id) === String(vid) ); }); if (_match) _hit = { variant: _match, product: product }; }); } if (_hit) _resolved.push(_hit); else _missing.push(vid); }); return { resolved: _resolved, missing: _missing }; }; // Warm-fetch products for the cache. Walks both flat uniqueProductsData // and multi-category categories[*].uniqueProductsData so cards across // all categories resolve. Safe to re-run on category change — the // underlying getcachedProductData* utilities skip IDs already in cache. gbb.state._ebPresetTriggerFetch = function () { try { const _state = gbb.gbbAddProductsPage?.state || {}; const _allProducts = []; // Flat list (single-category pages). if (Array.isArray(_state.uniqueProductsData)) { _allProducts.push(..._state.uniqueProductsData); } // Per-category buckets (multi-category pages). const _cats = _state.productPageData?.categories; if (_cats && typeof _cats === 'object') { Object.values(_cats).forEach(function (cat) { if (Array.isArray(cat?.uniqueProductsData)) { _allProducts.push(...cat.uniqueProductsData); } }); } if (!_allProducts.length) return; if ( gbb.settings?.app?.enableStoreFrontGQLAPI && typeof gbb.utility.getcachedProductDataForGraphql === 'function' ) { const _ids = _allProducts .map(function (p) { return p?.productId || p?.id; }) .filter(Boolean); gbb.utility.getcachedProductDataForGraphql(_ids); } else if ( typeof gbb.utility.getcachedProductData === 'function' ) { const _handles = _allProducts .map(function (p) { return p?.handle; }) .filter(Boolean); gbb.utility.getcachedProductData(_handles); } } catch (e) { gbb.utility.debugError('ebPresetBundle: warm fetch failed', e); } }; // Render full content into a previously-empty skeleton card. gbb.state._ebPresetRenderContent = function (entry, resolved) { try { const _$card = entry.presetCard; if (!_$card?.length || !document.body.contains(_$card[0])) return; _$card.empty(); // Register product data so the widget can look up variants on ATC. try { const _productsObj = {}; resolved.forEach(function (item) { const _pid = item.product.productId || item.product.id; if (_pid && !_productsObj[_pid]) { // Deep-clone so widget's internal mutations don't bleed into cache. _productsObj[_pid] = JSON.parse( JSON.stringify(item.product) ); } }); if ( Object.keys(_productsObj).length && typeof gbb.utility.setMapForVariantId === 'function' ) { gbb.utility.setMapForVariantId(_productsObj); } } catch (e) { gbb.utility.debugError( 'ebPresetBundle: variant map registration failed', e ); } // Images row const _imagesRow = gbb.$('

').addClass('ebPresetImagesRow'); resolved.forEach(function (item) { gbb .$('

') .addClass('ebPresetImageWrapper') .append( gbb .$('') .attr( 'src', gbb.state._ebPresetImageFor(item.variant, item.product) ) .attr('alt', item.product.title || '') .addClass('ebPresetVariantImage') ) .appendTo(_imagesRow); }); // Product list + optional concern subtitle const _productsList = gbb .$('

') .addClass('ebPresetProductsList'); resolved.forEach(function (item, idx) { const _itemEl = gbb .$('

') .addClass('ebPresetProductItem') .append( gbb .$('

') .addClass('ebPresetProductTitle') .text(item.product.title || '') ); const _concernRaw = item.product?.metafield_custom_eureka_ConcernFacet?.value; if (_concernRaw) { let _concernText = _concernRaw; try { const _parsed = JSON.parse(_concernRaw); if (Array.isArray(_parsed)) _concernText = _parsed.join(', '); } catch (e) { /* keep raw */ } _itemEl.append( gbb .$('

') .addClass('ebPresetProductSubtitle') .text(_concernText) ); } _productsList.append(_itemEl); if (idx < resolved.length - 1) { _productsList.append( gbb .$('

') .addClass('ebPresetProductSeparator') .text('+') ); } }); // Totals let _totalOriginal = 0; let _totalDiscounted = 0; resolved.forEach(function (item) { const _price = Number(item.variant.price) || 0; const _compare = Number(item.variant.compare_at_price) || 0; _totalDiscounted += _price; _totalOriginal += _compare > _price ? _compare : _price; }); const _pricesEl = gbb .$('

') .addClass('ebPresetPricesContainer'); if (_totalOriginal > _totalDiscounted) { _pricesEl.append( gbb .$('

') .addClass('ebPresetCompareAtPrice') .text(gbb.utility.formatPrice(_totalOriginal)) ); } _pricesEl.append( gbb .$('

') .addClass('ebPresetPrice') .text(gbb.utility.formatPrice(_totalDiscounted)) ); // Add button const _addBtn = gbb .$('

') .addClass('ebPresetAddButton') .text('+'); const _allVariantIdStrs = resolved.map(function (item) { return String( item.variant.variantId || item.variant.variant_id || item.variant.id ); }); _addBtn.on('click', async function () { const _$btn = gbb.$(this); if ( _$btn.hasClass('ebPresetAdding') || _$btn.hasClass('ebPresetAdded') ) return; _$btn.addClass('ebPresetAdding'); try { const _validateInv = gbb.settings?.bundleSettings?.isValidateInventoryEnabled; const _addedVariants = []; gbb.gbbBrowser.updateBundleView({ trackBundleSessionInitiated: true, }); for (const item of resolved) { const _vid = String( item.variant.variantId || item.variant.variant_id || item.variant.id ); if ( _validateInv && gbb.utility.allowATCBasedOnProductInventory && !gbb.utility.allowATCBasedOnProductInventory(_vid, 1) ) { continue; } let _existingQty = 0; try { // Sum existing preset-bundle lines for this variant. Reading via // checkIfItemPresentInGiftBoxCart(_vid) without uniqueItemKey scopes // the lookup to the current page's _boxProduct and never finds // 'presetBundle' lines, so updateCartV2's internal lookup *would* // find one (via uniqueItemKey) and overwrite it with qty=1. _existingQty = (gbb.state.giftBoxCartData?.items || []) .filter(function (it) { return ( String(it.variant_id) === String(_vid) && it.properties?._boxProduct === 'presetBundle' ); }) .reduce(function (sum, it) { return sum + (it.quantity || 0); }, 0); } catch (e) { /* ignore */ } try { // Same shape the widget itself passes from gbbProductAddButton. // The widget reads productData/variant internally — we just pass refs. await gbb.utility.addToCart( { variant: item.variant, qty: _existingQty + 1 }, 'presetBundle' ); _addedVariants.push({ variantId: _vid, productId: item.product.productId || item.product.id, }); } catch (e) { gbb.utility.debugError( 'ebPresetBundle: addToCart failed for ' + _vid, e ); } } if (!_addedVariants.length) return; await gbb.utility.getGiftBoxProductsFromCart(); _addedVariants.forEach(function (a) { try { const _existingCard = gbb .$('.gbbProductsContainer') .find("[productId='" + a.productId + "']"); if ( _existingCard.length > 0 && gbb.gbbAddProductsPage?.f?.updateProductCard ) { gbb.gbbAddProductsPage.f.updateProductCard( a.productId, a.variantId ); } } catch (e) { gbb.utility.debugError( 'ebPresetBundle: updateProductCard failed', e ); } }); // Re-render footer + summary page (matches what gbbProductAddButton does). try { const _noteAttr = gbb.state.currentPageId || 'addProductsPage1'; gbb.$('.gbbPageFooterHTML').replaceWith( gbb.f.renderCartProductsFooterHTML(_noteAttr, { flow: 'updateFooterWithoutAppending', }) ); gbb.gbbBrowser.emitCustomEvent({ eventName: 'gbb-footer-rendered', }); if (_noteAttr === 'reviewPage' && gbb.gbbReviewPage?.init) { gbb.gbbReviewPage.init(gbb.settings, 'SUMMARY_PAGE'); } } catch (e) { gbb.utility.debugError( 'ebPresetBundle: footer re-render failed', e ); } } finally { _$btn.removeClass('ebPresetAdding'); gbb.state._ebPresetUpdateButtonStates(); } }); _$card .append(_imagesRow) .append(_productsList) .append( gbb .$('

') .addClass('ebPresetBottomRow') .append(_pricesEl) .append(_addBtn) ); _allVariantIdStrs.forEach(function (vid) { gbb.state._ebPresetBundleVariantIds.add(vid); }); gbb.state._ebPresetRenderedCards.push({ presetCard: _$card, addBtn: _addBtn, variantIds: _allVariantIdStrs, resolved: resolved, }); gbb.state._ebPresetUpdateButtonStates(); } catch (e) { gbb.utility.debugError( 'ebPresetBundle: render content failed', e ); } }; // Try to render any pending cards whose variants are now in cache. gbb.state._ebPresetResolvePendingCards = function () { if (!gbb.state._ebPresetPendingCards.length) return; const _stillPending = []; gbb.state._ebPresetPendingCards.forEach(function (entry) { if ( !entry.presetCard?.length || !document.body.contains(entry.presetCard[0]) ) { return; // card detached — drop it } const _lookup = gbb.state._ebPresetLookupVariants( entry.presetVariantIds ); if (_lookup.missing.length === 0) { gbb.state._ebPresetRenderContent(entry, _lookup.resolved); } else { _stillPending.push(entry); } }); gbb.state._ebPresetPendingCards = _stillPending; }; // Sync +/Added labels from current cart state. Driven by gbb-cart-update. gbb.state._ebPresetUpdateButtonStates = function () { try { let _items = []; try { const _box = gbb.gbbBrowser.getRelevantBoxDataFromSessionStorage(); _items = _box?.items || []; } catch (e) { _items = gbb.state.giftBoxCartData?.items || []; } const _presetInCart = new Set(); _items.forEach(function (item) { if ( item?.properties?._boxProduct === 'presetBundle' && item.quantity > 0 ) { _presetInCart.add(String(item.variant_id || item.id)); } }); // Drop entries whose button is no longer in DOM. gbb.state._ebPresetRenderedCards = gbb.state._ebPresetRenderedCards.filter(function (entry) { return ( entry.addBtn?.length && document.body.contains(entry.addBtn[0]) ); }); gbb.state._ebPresetRenderedCards.forEach(function (entry) { if (entry.addBtn.hasClass('ebPresetAdding')) return; const _allInCart = entry.variantIds.every(function (vid) { return _presetInCart.has(vid); }); if (_allInCart && !entry.addBtn.hasClass('ebPresetAdded')) { entry.addBtn.addClass('ebPresetAdded').text('Added'); } else if ( !_allInCart && entry.addBtn.hasClass('ebPresetAdded') ) { entry.addBtn.removeClass('ebPresetAdded').text('+'); } }); } catch (e) { gbb.utility.debugError('ebPresetBundle: state-update failed', e); } }; // Cart-footer Remove button rewiring. Runs once now and after every // gbb-footer-rendered event (which fires whenever the footer is rebuilt). gbb.state._ebPresetRewireFooterRemoveButtons = function () { try { const _ids = gbb.state._ebPresetBundleVariantIds; if (!_ids?.size) return; gbb .$( '.gbbFooterProductWrapper:not([data-eb-preset-rewired]), .gbbFooterProductContainer:not([data-eb-preset-rewired])' ) .each(function () { const _$w = gbb.$(this); const _vid = _$w.attr('variantid'); if (!_vid || !_ids.has(String(_vid))) return; const _cartItem = ( gbb.state.giftBoxCartData?.items || [] ).find(function (i) { return String(i.variant_id) === String(_vid); }); if (!_cartItem) return; _$w.attr('data-eb-preset-item', 'true'); _$w.attr('data-eb-preset-rewired', 'true'); const _$rmW = _$w.find( '.gbbFooterProductRemoveButtonWrapper' ); const _$rmB = _$w.find('.gbbFooterProductRemoveButton'); _$rmW.removeClass('gbbRemoveButtonDisabled'); _$rmB.off('click').on('click', function () { try { gbb.utility.removeProductFromCartFooter( _cartItem, gbb.state.currentPageId ); // State sync runs via the gbb-cart-update listener below. } catch (e) { gbb.utility.debugError( 'ebPresetBundle: remove click failed', e ); } }); }); } catch (e) { gbb.utility.debugError('ebPresetBundle: rewire failed', e); } }; // Render category-header pills based on preset-type metafield values. // Runs once on init and after every cart update (covers re-renders). gbb.state._ebPresetSyncCategoryPills = function () { try { gbb.$('.gbbCategoryContainer').each(function () { const _$cat = gbb.$(this); if (_$cat.find('.ebPresetBundleCard').length > 0) { _$cat.attr('data-has-preset-bundle', 'true'); } }); gbb .$('.gbbCategoryContainer[data-has-preset-bundle="true"]') .each(function () { const _$cat = gbb.$(this); const _typesSet = new Set(); _$cat .find('.ebPresetBundleCard[data-preset-type]') .each(function () { const _t = gbb.$(this).attr('data-preset-type'); if (_t) _typesSet.add(_t); }); const _types = Array.from(_typesSet); if (!_types.length) return; // Defined BEFORE the guard so it can be re-applied whether or not // we (re)build the pills this pass. const _applyFilter = function (selectedType) { _$cat.attr('data-active-preset-type', selectedType); _$cat .find('.gbbProductItem[data-preset-type]') .each(function () { const _$item = gbb.$(this); _$item.toggleClass( 'ebPresetItemHidden', _$item.attr('data-preset-type') !== selectedType ); }); }; const _typesKey = _types.slice().sort().join('|'); let _$pills = _$cat.find( '.gbbCategoryHeaderContainer .ebPresetCategoryPillsContainer' ); // Pills already built for this type set: do NOT rebuild, but DO // re-apply the active filter. Product items receive their // data-preset-type attribute across several setTimeout(0) ticks, // so items tagged after the pills were first built were never // filtered. Re-running the filter here catches them. if ( _$cat.attr('data-preset-pills-key') === _typesKey && _$pills.length ) { const _active = _$cat.attr('data-active-preset-type') || _types[0]; _applyFilter(_active); return; } const _$header = _$cat .find('.gbbCategoryHeaderContainer') .first(); if (!_$header.length) return; _$header.find('.ebPresetCategoryPillsContainer').remove(); _$pills = gbb .$('

') .addClass('ebPresetCategoryPillsContainer'); const _$title = _$header.find('.gbbCategoryTitle').first(); if (_$title.length) _$title.after(_$pills); else _$header.append(_$pills); // Preserve the active pill across re-syncs instead of snapping // back to _types[0] every time. const _activeType = _$cat.attr('data-active-preset-type') || _types[0]; _types.forEach(function (type) { const _$pill = gbb .$('

') .addClass('ebPresetCategoryPill') .attr('data-pill-type', type) .text(type); if (type === _activeType) _$pill.addClass('ebPresetCategoryPillActive'); _$pill.on('click', function (e) { e.stopPropagation(); e.preventDefault(); _$pills .find('.ebPresetCategoryPill') .removeClass('ebPresetCategoryPillActive'); gbb.$(this).addClass('ebPresetCategoryPillActive'); _applyFilter(gbb.$(this).attr('data-pill-type')); }); _$pills.append(_$pill); }); _applyFilter(_activeType); _$cat.attr('data-preset-pills-key', _typesKey); }); } catch (e) { gbb.utility.debugError('ebPresetBundle: pill sync failed', e); } }; // Self-terminating poll: drives pending-card resolution after the warm- // fetch populates the cache. No widget event fires when the GraphQL // response lands, so we need a short-lived tick — but it stops the // moment the queue drains, unlike a permanent setInterval. gbb.state._ebPresetPollHandle = null; gbb.state._ebPresetStartResolutionPoll = function () { if (gbb.state._ebPresetPollHandle) return; // already running if (!gbb.state._ebPresetPendingCards.length) return; // nothing to do gbb.state._ebPresetPollHandle = setInterval(function () { gbb.state._ebPresetResolvePendingCards(); if (!gbb.state._ebPresetPendingCards.length) { clearInterval(gbb.state._ebPresetPollHandle); gbb.state._ebPresetPollHandle = null; } }, 300); }; // Rewrites footer price text to show line total (unit × qty) instead // of unit price. Runs after every footer render. Only touches preset- // bundle lines — change the _boxProduct check below to apply to all // lines if you want consistency across the footer. gbb.state._ebPresetRewriteFooterPricesAsLineTotals = function () { try { const _items = gbb.state.giftBoxCartData?.items || []; gbb .$('.gbbFooterProductContainer, .gbbFooterProductWrapper') .each(function () { const _$line = gbb.$(this); const _vid = _$line.attr('variantid'); if (!_vid) return; const _item = _items.find(function (it) { return String(it.variant_id) === String(_vid); }); if (!_item) return; // Drop this check to apply to ALL footer lines. if (_item.properties?._boxProduct !== 'presetBundle') return; const _qty = _item.quantity || 1; if (_qty <= 1) return; const _unitPrice = Number(_item.price) || 0; const _lineTotal = _unitPrice * _qty; const _$price = _$line.find('.gbbFooterProductPrice').first(); if (_$price.length) { _$price.text(gbb.utility.formatPrice(_lineTotal)); } const _$qty = _$line .find('.gbbFooterProductQuantity') .first(); if (_$qty.length) _$qty.css('display', 'none'); }); } catch (e) { gbb.utility.debugError( 'ebPresetBundle: footer price rewrite failed', e ); } }; // Pre-applies the bundle's discount code to the cart so it's visible // in the theme cart drawer. Currently disabled — uncomment the // function body and the gbb-cart-update wiring below to enable. // gbb.state._ebPresetLastAppliedDiscount = null; // gbb.state._ebPresetApplyDiscountToCart = async function () { // try { // const _code = gbb.gbbDiscountComponent?.state?.discountCode; // if (!_code) return; // if (gbb.state._ebPresetLastAppliedDiscount === _code) return; // const _hasItems = (gbb.state.giftBoxCartData?.items || []).length > 0; // if (!_hasItems) { // gbb.state._ebPresetLastAppliedDiscount = null; // return; // } // await fetch('/discount/' + encodeURIComponent(_code), { // method: 'GET', // credentials: 'same-origin', // }); // gbb.state._ebPresetLastAppliedDiscount = _code; // } catch (e) { // gbb.utility.debugError('ebPresetBundle: apply discount failed', e); // } // }; // ─── EVENT WIRING (replaces permanent 500ms polling) ─── // gbb-cart-update fires after every add/remove. Use it to: // - resolve any cards re-queued mid-session // - sync +/Added button labels // - re-sync category pills (handles category re-renders) document.addEventListener('gbb-cart-update', function () { gbb.state._ebPresetResolvePendingCards(); gbb.state._ebPresetStartResolutionPoll(); gbb.state._ebPresetUpdateButtonStates(); gbb.state._ebPresetSyncCategoryPills(); // gbb.state._ebPresetApplyDiscountToCart(); }); // gbb-footer-rendered fires after the cart-footer rebuilds. Use it to // re-rewire the Remove buttons (which are recreated each render), // re-sync labels, and rewrite per-line prices as line totals. document.addEventListener('gbb-footer-rendered', function () { gbb.state._ebPresetRewireFooterRemoveButtons(); gbb.state._ebPresetUpdateButtonStates(); gbb.state._ebPresetRewriteFooterPricesAsLineTotals(); }); } // ─────── END ONE-TIME INIT ─────── // Render skeleton card immediately so layout doesn't jump. const _presetCard = gbb .$('

') .addClass('ebPresetBundleCard') .attr('data-preset-type', _presetType) .append(gbb.$('

').addClass('ebPresetLoadingSkeleton')); metafieldWrapper.append(_presetCard); // Mark parents so category-pill sync and CSS can find them. // Deferred so .closest() can walk a fully-attached tree. setTimeout(function () { try { const _productItem = _presetCard.closest('.gbbProductItem'); if (_productItem.length && _presetType) { _productItem.attr('data-preset-type', _presetType); } const _categoryContainer = _presetCard.closest( '.gbbCategoryContainer' ); if (_categoryContainer.length) { _categoryContainer.attr('data-has-preset-bundle', 'true'); } // Re-sync pills now that this card is in DOM (covers the very first card, // before any cart-update event has fired). gbb.state._ebPresetSyncCategoryPills(); } catch (e) { gbb.utility.debugError('ebPresetBundle: parent marking failed', e); } }, 0); // Always queue and resolve on next tick — the skeleton card isn't attached // to the DOM yet at this point (the parent wrapper gets inserted by the // caller after this function returns), so _ebPresetRenderContent's DOM- // containment check would fail on a synchronous call. const _pendingEntry = { presetCard: _presetCard, presetType: _presetType, presetVariantIds: _presetVariantIds, parentProductId: productData?.productId || productData?.id, }; gbb.state._ebPresetPendingCards.push(_pendingEntry); setTimeout(function () { gbb.state._ebPresetResolvePendingCards(); if (gbb.state._ebPresetPendingCards.length) { // Still pending — cache wasn't warm. Kick a fetch and start the poll. gbb.state._ebPresetTriggerFetch(); gbb.state._ebPresetStartResolutionPoll(); } }, 0); continue; } // ─────────────────────── END PRESET BUNDLE BRANCH ─────────────────────── // variant level metafield if (metafieldData.origin == 'variant' && selectedVariant) { productMetafieldData = selectedVariant?.[productMetafieldAccessKey] || {}; } else { productMetafieldData = productData?.[productMetafieldAccessKey] || {}; } if (validMetafieldTypes.includes(productMetafieldData?.type)) { let metafieldContainer = gbb.$('

').addClass('metafieldContainer'); let metafieldLabel = gbb.$('

').addClass('metafieldLabel'); metafieldLabel.text(metafieldData?.label); let metafieldValue = gbb .$('

') .attr('metafield-key', metafieldData?.key); if (metafieldData.origin == 'variant') { metafieldValue.addClass(`variant_metafield_${metafieldData?.key}`); } else { metafieldValue.addClass(`product_metafield_${metafieldData?.key}`); } if (productMetafieldData?.type === 'list.single_line_text_field') { const parsed = JSON.parse(productMetafieldData?.value); const value = Array.isArray(parsed) ? parsed.join(', ') : productMetafieldData?.value; metafieldValue.text(value); } else if ( metafieldData?.key === 'reviews_average' || metafieldData?.key === 'reviews_count' ) { const key = metafieldData.key; const value = productMetafieldData?.value; let yotpoWrapper = gbb.$('

').addClass('yotpo-rating-wrapper'); if (key === 'reviews_average') { const stars = renderStars(value); yotpoWrapper.append(stars); } if (key === 'reviews_count') { let countText = gbb .$('') .addClass('yotpo-review-count') .text(`(${value})`); yotpoWrapper.append(countText); } metafieldValue.append(yotpoWrapper); } else { metafieldValue.text(productMetafieldData?.value); } metafieldContainer.append(metafieldLabel); metafieldContainer.append(metafieldValue); metafieldWrapper.append(metafieldContainer); } } return metafieldWrapper; } catch (error) { gbb.utility.debugError('error in prepareHTMLforProductMetafields', error); } }

Hair

Company Overview

Quick Links

Contact Us