gfb.gfbOverWriteBundleDisplayDataInCart.f.renderItemsNameAsStablized = async function(selectors, mode) { try { let { cartPageSelector, bundleImageSelector, itemTitleSelector, itemDetailsSelector } = selectors; const cartData = gfb.state.cartData; if (!cartData) { return; } const items = cartData.items; let cartItemsHtmlNodesRef = document.querySelectorAll(cartPageSelector); const isCartPage = "cart" === gfb.state.page_type; if (isCartPage) { cartItemsHtmlNodesRef = document.querySelectorAll(".cart-item"); } for (let i = 0; i < cartItemsHtmlNodesRef.length; i++) { const currentCartItemHtmlNodeRef = cartItemsHtmlNodesRef[i]; const currentCartItemData = items[i]; const propertiesOfCurrNodeData = currentCartItemData.properties; const isFlyBundlesPresentInCart = propertiesOfCurrNodeData["OfferId"] && (propertiesOfCurrNodeData["OfferId"].includes("FBT") || propertiesOfCurrNodeData["OfferId"].includes("VOL")); if (!isFlyBundlesPresentInCart) { continue; } let offerId = propertiesOfCurrNodeData["OfferId"]; offerId = offerId.split("_")[0]; const volOffers = gfb.settings.configDataFromDb.volumeDiscountData; const fbtOffers = gfb.settings.configDataFromDb.frequentBoughtData; let matchingOffer = null; if(!window.globalConfigDataCacheByOfferId){ window.globalConfigDataCacheByOfferId = {}; } if (propertiesOfCurrNodeData["OfferId"].includes("FBT")) { matchingOffer = window.globalConfigDataCacheByOfferId[offerId] || fbtOffers.find((offer) => offer.offerId == offerId); } else if (propertiesOfCurrNodeData["OfferId"].includes("VOL")) { matchingOffer = window.globalConfigDataCacheByOfferId[offerId] || volOffers.find((offer) => offer.offerId == offerId); } else { matchingOffer = window.globalConfigDataCacheByOfferId[offerId] || volOffers.find((offer) => offer.offerId == offerId); if (!matchingOffer) { matchingOffer = fbtOffers.find((offer) => offer.offerId == offerId); } } if (!matchingOffer) { continue; } if(!window.globalConfigDataCacheByOfferId[offerId]){ window.globalConfigDataCacheByOfferId[offerId] = matchingOffer; } gfb.utility.debugConsole("matchingOffer => ", matchingOffer); // Customizations Possibilities... const overwriteBundleImage = gfb.settings.app.overwriteBundleImage; const overwriteBundleName = gfb.settings.app.overwriteBundleName; const addBundleItemsNameAsText = gfb.settings.app.addBundleItemsNameAsText; const addStrikeThroughPrice = gfb.settings.app.addStrikeThroughPrice; const addBundleItemsCustomizedText = gfb.settings.app.addBundleItemsCustomizedText; const allConditionsObj = { overwriteBundleImage, overwriteBundleName, addBundleItemsNameAsText, addStrikeThroughPrice, addBundleItemsCustomizedText }; const cartItemsImageSelector = bundleImageSelector; const cartItemsNameSelector = itemTitleSelector; const cartItemsDetailsSelector = itemDetailsSelector; const bundleImageSelectorRef = currentCartItemHtmlNodeRef.querySelector(cartItemsImageSelector); const bundleNameSelectorRef = currentCartItemHtmlNodeRef.querySelector(cartItemsNameSelector); const bundleInfoSelectorRef = !isCartPage ? currentCartItemHtmlNodeRef.querySelector(cartItemsDetailsSelector) : currentCartItemHtmlNodeRef.querySelector(".cart-item__details dl .product-option"); const bundleDetails = propertiesOfCurrNodeData["_Details"]; const bundleItemsCustomTextInfo = propertiesOfCurrNodeData["_CustomText"]; const bundleDetailsSplit = bundleDetails.split(",").filter(curr => curr.trim() != ""); const bundleItemsCustomTextInfoSplit = bundleItemsCustomTextInfo.split(",").filter(curr => curr.trim() != ""); // Only declare outside the forEach, do not redeclare in every case block! // Use unique variable names in different cases to avoid redeclaration errors let lastChildIndex, lastChildIndexCustomized; // Handle each condition using switch cases Object.entries(allConditionsObj).forEach(([condition, enabled]) => { if (!enabled) return; switch (condition) { case 'overwriteBundleImage': if (bundleImageSelectorRef && !bundleImageSelectorRef.classList.contains("gfbBundlesInCartImage")) { if (matchingOffer.uploadedImageSrc) { bundleImageSelectorRef.src = matchingOffer.uploadedImageSrc; } bundleImageSelectorRef.classList.add("gfbBundlesInCartImage"); } break; case 'overwriteBundleName': if (bundleNameSelectorRef && !bundleNameSelectorRef.classList.contains("gfbBundlesInCartName")) { bundleNameSelectorRef.textContent = matchingOffer.title; bundleNameSelectorRef.classList.add("gfbBundlesInCartName"); } break; case 'addBundleItemsNameAsText': { let itemsStr = ""; bundleDetailsSplit.forEach((item) => { const itemsArr = item.split(":"); const variantId = itemsArr[0].trim(); const quantity = itemsArr[1].trim(); const isVolumeBundle = matchingOffer.offerId.includes("VOL"); const isFrequentBought = matchingOffer.offerId.includes("FBT"); let cachedVariantData = JSON.parse(localStorage.getItem("cachedVariantDataById")) || {}; let currVariantData = null; if (isVolumeBundle) { currVariantData = gfb.gfbVolumeDiscount.state.volumeBundleShopifyDataByVariantIds[variantId]; } else if (isFrequentBought) { currVariantData = gfb.gfbFrequentBought.state.frequentBoughtShopifyDataByVariantIds[variantId]; } const name = currVariantData?.name || cachedVariantData[variantId]?.name; const quantityStr = `${quantity} x ${name}`; itemsStr += quantityStr + ", "; }); const existingBundleItems = bundleInfoSelectorRef.querySelector('.gfbBundlesInCartItems'); if (existingBundleItems) { existingBundleItems.remove(); } if(isCartPage && bundleInfoSelectorRef.parentElement && bundleInfoSelectorRef.parentElement.querySelector(".gfbBundlesInCartItems")){ bundleInfoSelectorRef.parentElement.querySelector(".gfbBundlesInCartItems").remove(); } const itemStrArr = itemsStr.split(","); const lastChildParentElementClone = bundleInfoSelectorRef.cloneNode(true); if(isCartPage){ lastChildParentElementClone.innerHTML = `

${itemStrArr.map(item => `${item}`).join("
")}

`; lastChildParentElementClone.classList.add("gfbBundlesInCartItems"); bundleInfoSelectorRef.parentElement.appendChild(lastChildParentElementClone); return; } const markup = `

${itemStrArr.map(item => `${item}`).join("")}

`; lastChildParentElementClone.innerHTML = markup; bundleInfoSelectorRef.appendChild(lastChildParentElementClone); lastChildParentElementClone.classList.add("gfbBundlesInCartItems"); break; } case 'addStrikeThroughPrice': // TODO: Implement strike through price logic break; case 'addBundleItemsCustomizedText': { let itemsStrForCustomizedText = ""; bundleDetailsSplit.forEach((item, index) => { const itemsArr = item.split(":"); const customText = bundleItemsCustomTextInfoSplit[index].split(":")[1].trim(); const variantId = itemsArr[0].trim(); const quantity = itemsArr[1].trim(); const isVolumeBundle = matchingOffer.offerId.includes("VOL"); const isFrequentBought = matchingOffer.offerId.includes("FBT"); let currVariantData = null; if (isVolumeBundle) { currVariantData = gfb.gfbVolumeDiscount.state.volumeBundleShopifyDataByVariantIds[variantId]; } else if (isFrequentBought) { currVariantData = gfb.gfbFrequentBought.state.frequentBoughtShopifyDataByVariantIds[variantId]; } const title = currVariantData.title; const quantityStr = `${quantity} x ${title}`; if (!customText.includes("null")) { itemsStrForCustomizedText += `${quantityStr} - ${customText}, `; } else { itemsStrForCustomizedText += `${quantityStr}, `; } }); const existingCustomizedText = bundleInfoSelectorRef.querySelector('.gfbBundlesInCartItemsCustomizedText'); if (existingCustomizedText) { existingCustomizedText.remove(); } lastChildIndexCustomized = bundleInfoSelectorRef.children.length - 2; const lastChildParentElementCloneForCustomizedText = bundleInfoSelectorRef.children[lastChildIndexCustomized].cloneNode(true); lastChildParentElementCloneForCustomizedText.innerHTML = `Items: ${itemsStrForCustomizedText}`; bundleInfoSelectorRef.appendChild(lastChildParentElementCloneForCustomizedText); lastChildParentElementCloneForCustomizedText.classList.add("gfbBundlesInCartItemsCustomizedText"); break; } } }); } } catch (err) { gfb.utility.debugConsole("error in renderItemsNameAsStablized => ", err); } }

Meghan Turtleneck