globalThis['zbThemes']['HOME'] = class HOME { featuredCategories = []; featuredProducts_limit_20 = []; getAllDeals = []; getRecentlyViewedProducts = []; isAPIPage = true; webElements = ['zwe-slider']; device = "desktop"; constructor(bundleService, awsImageUrl, language, currencySymbol) { this.bundle = bundleService; this.awsUrl = awsImageUrl; this.language = language; this.currency = currencySymbol; globalThis['animationLoad_mj13znv5_7dxj3'] = this.animationLoad_mj13znv5_7dxj3.bind(this); globalThis['randomColor_mj13znv7_62e7d'] = this.randomColor_mj13znv7_62e7d.bind(this); globalThis['loadTextAnimation_mj13znv8_1o6wm'] = this.loadTextAnimation_mj13znv8_1o6wm.bind(this); globalThis['loadTextAnimation_mj13znva_1fys3'] = this.loadTextAnimation_mj13znva_1fys3.bind(this); } async zbOnInit(element,isInitial) { const document = element || globalThis?.safeDocument; const window = globalThis?.safeWindow; if(isInitial){ await Promise.allSettled([ this._getFeaturedCategories(), this._getAllFeaturedProducts_limit_20(), this._getAllDeals(), this._getRecentlyViewedProducts() ]); } }; animationLoad_mj13znv5_7dxj3(text){ const rootElement=document.querySelector('#mj13znv5_7dxj3');if(!rootElement)return;const sharpShadowContainer = rootElement.querySelector(`[data-id = sharp-shadow-image]`);sharpShadowContainer.style.transition = 'opacity 6s';setTimeout(() => {sharpShadowContainer.style.opacity = '1';}, 0);const rocketContainer= rootElement.querySelector(`[data-id=realrocket-image]`);rocketContainer.style.transition='transform 1000ms ease';rocketContainer.style.transform='translate(-300%, 300%)';setTimeout(()=>{rocketContainer.style.transform = 'translate(0%, 0%)';},0);const baloonContainer= rootElement.querySelector(`[data-id=ballon-image]`);baloonContainer.style.transition='transform 1000ms ease';baloonContainer.style.transform='translate(100%, -200%)';setTimeout(()=>{baloonContainer.style.transform = 'translate(0%, 0%)';},0);const paperRocketContainer= rootElement.querySelector(`[data-id= rocket-image]`);paperRocketContainer.style.transition='transform 1000ms ease';paperRocketContainer.style.transform='rotateZ(-16deg) translate(-300%, 300%)';setTimeout(()=>{paperRocketContainer.style.transform = 'translate(0%, 0%)';},0);const waveContainer= rootElement.querySelector(`[data-id=wave-image]`);waveContainer.style.transition='transform 1000ms ease';waveContainer.style.transform='translateY(100%)';setTimeout(()=>{waveContainer.style.transform = 'translateY(0%)';},0);const personImageContainer= rootElement.querySelector(`[data-id=young-girl-image]`);personImageContainer.style.transition='transform 1200ms ease';personImageContainer.style.transform='translateX(200%)';setTimeout(()=>{personImageContainer.style.transform = 'translateX(0%)';},0);const circleContainer= rootElement.querySelector(`[data-id=circle-shape]`);circleContainer.style.transition='transform 1500ms ease';circleContainer.style.transform='translateY(-250%)';setTimeout(()=>{circleContainer.style.transform = 'translateY(0%)';},0); }; randomColor_mj13znv7_62e7d(index){ const colors = ['#26a6a1', '#f39c12', '#e74c3c', '#8e44ad']; const selectedColor= colors[index];const cardContainer = document.querySelector(`[data-id = babycado-category-card${index}]`);if(cardContainer) {cardContainer.style.backgroundColor = `${selectedColor}`;} }; loadTextAnimation_mj13znv8_1o6wm(text){ const rootElement=document.querySelector('#mj13znv8_1o6wm');if(!rootElement)return;const target = rootElement.querySelector(`[data-id=text-container]`);const imageContainer = rootElement.querySelector(`[data-id=image-container]`);const adContainer = rootElement.querySelector(`[data-id=ad-container]`);const buyContainer = rootElement.querySelector(`[data-id=buy-toys-container]`);if(target&&imageContainer&&adContainer&&buyContainer){const options={root:null,rootMargin:'0px',threshold:0.1};const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){target.classList.add('in-view');imageContainer.classList.add('in-view');adContainer.classList.add('in-view');buyContainer.classList.add('in-view');observer.unobserve(entry.target);}else{target.classList.remove('in-view');imageContainer.classList.remove('in-view');adContainer.classList.remove('in-view');buyContainer.classList.remove('in-view');}});},options);observer.observe(target);observer.observe(imageContainer);observer.observe(adContainer);observer.observe(buyContainer);};const outerContainer=document.querySelector('#mj13znv8_1o6wm');const container1=rootElement.querySelector(`[data-id=left-cloud]`);const container2=rootElement.querySelector(`[data-id=right-cloud]`);if(outerContainer&&container1&&container2){outerContainer.addEventListener('mousemove',event=>{moveContainers(container1,event,outerContainer);moveContainers(container2,event,outerContainer);});outerContainer.addEventListener('mouseleave',()=>{resetContainers(container1);resetContainers(container2);});}function moveContainers(container,e,outerContainer){const rect=outerContainer.getBoundingClientRect();const mouseX=e.clientX-rect.left;const mouseY=e.clientY-rect.top;const containerCenterX=rect.width/2;const containerCenterY=rect.height/2;const deltaX=mouseX-containerCenterX;const deltaY=mouseY-containerCenterY;const moveX=(deltaX/containerCenterX)*30;const moveY=(deltaY/containerCenterY)*40;container.style.transform=`translate(${moveX}px,${moveY}px)`;}function resetContainers(container){container.style.transform='translate(0,0)';} }; loadTextAnimation_mj13znva_1fys3(text){ const rootElement=document.querySelector('#mj13znva_1fys3');if(!rootElement)return;const cards=rootElement.querySelectorAll('#mfm67ktl_xk43t');if(!cards.length)return;const config=rootElement.getAttribute('configuration');let cardCount=3;try{if(config){const parsed=JSON.parse(config);if(parsed.cardCount){cardCount=parsed.cardCount;}}}catch(e){}cards.forEach((card,index)=>{card.style.borderRight='none';card.style.margin='0';card.style.display='flex';card.style.justifyContent='center';if(cardCount===3){if(index<2){card.style.borderRight='1px solid black';}}else if(cardCount===2){if(index===0){card.style.borderRight='1px solid black';}rootElement.style.display='flex';rootElement.style.justifyContent='center';}else if(cardCount===1){rootElement.style.display='flex';rootElement.style.justifyContent='center';}let baseWidth=350;card.style.width=(baseWidth*(3/cardCount))+'px';}); }; async HOME(child) { const awsUrl = this.awsUrl; const language = this.language; const currency = this.currency; let html = ""; // Section 1 try { html += `

`; } catch (err) { console.error("Error rendering section 1 (BABYCADO-HOME-SECTION#1):", err); } // Section 2 try { html += `

`; } catch (err) { console.error("Error rendering section 2 (BABYCADO-HOME-SECTION#2):", err); } // Section 3 try { html += `

Fresh Finds,Limited Time!

${this.featuredCategories.map((data, i) => { const item = { ...data, index: i , length: this.featuredCategories?.length}; return `

${item?.categoryName}

` }).join('')}

`; } catch (err) { console.error("Error rendering section 3 (BABYCADO-HOME-SECTION#3):", err); } // Section 4 try { html += `

Discover Joy

With Kids

Essentials

Buy Now

`; } catch (err) { console.error("Error rendering section 4 (BABYCADO-HOME-SECTION#4):", err); } // Section 5 try { html += `

`; } catch (err) { console.error("Error rendering section 5 (BABYCADO-HOME-SECTION#5):", err); } // Section 6 try { html += `

Top Picks

${this.featuredProducts_limit_20.map((data, i) => { const item = { ...data, index: i , length: this.featuredProducts_limit_20?.length}; return `

${item?.name}

${currency}${item?.price}

` }).join('')}

`; } catch (err) { console.error("Error rendering section 6 (BABYCADO-HOME-SECTION#6):", err); } // Section 7 try { html += `

${this.getAllDeals.map((data, i) => { const item = { ...data, index: i , length: this.getAllDeals?.length}; return `

Get ${item?.discountValue}% OFF

${item?.description ? `

${item?.description}

` : ``}

${item?.promoCode}

` }).join('')}

`; } catch (err) { console.error("Error rendering section 7 (BABYCADO-HOME-SECTION#7):", err); } // Section 8 try { html += `

Recently Viewed Products

${this.getRecentlyViewedProducts.map((data, i) => { const item = { ...data, index: i , length: this.getRecentlyViewedProducts?.length}; return `

${item?.name}

${currency} ${item?.price}

` }).join('')}

`; } catch (err) { console.error("Error rendering section 8 (BABYCADO-HOME-SECTION#8):", err); } return html || ''; } async _getFeaturedCategories() { const apiInput = { input: { params: { storeId: this.bundle?.storeId }, query: { langCode: this.bundle?.langCode, locationId: this.bundle?.locationId, limit: undefined } } }; try { const res = await this.bundle?.getFeaturedCategories?.(apiInput); this.featuredCategories = res?.i1_featuredCategories?.getCategories ?? []; return this.featuredCategories; } catch (error) { console.error('Error fetching getFeaturedCategories:', error); this.featuredCategories = []; return []; } } async _getAllFeaturedProducts_limit_20() { const apiInput = { input: { params: { storeId: this.bundle?.storeId }, query: { langCode: this.bundle?.langCode, locationId: this.bundle?.locationId, limit: 20, offset: 0, isFeatured: true } } }; try { const res = await this.bundle?.getAllFeaturedProducts?.(apiInput); this.featuredProducts_limit_20 = res?.i1_getFeaturedProducts?.getProducts ?? []; return this.featuredProducts; } catch (error) { console.error('Error fetching getAllFeaturedProducts:', error); this.featuredProducts = []; return []; } } async _getAllDeals() { const apiInput = { input: { query: { type: "Manual", langCode: this.bundle?.langCode }, params: { storeId: this.bundle?.storeId } } }; try { const res = await this.bundle?.getAllDeals?.(apiInput); this.getAllDeals = res?.i1_getAllDeal?.discount?.rows ?? []; return this.getAllDeals; } catch (error) { console.error('Error fetching getAllDeals:', error); this.getAllDeals = []; return []; } } async _getRecentlyViewedProducts() { const apiInput = { input: { params: { storeId: this.bundle?.storeId }, query: { customerId: this.bundle?.customerId } } }; try { const res = await this.bundle?.getRecentlyViewedProducts?.(apiInput); this.getRecentlyViewedProducts = res?.i1_getRecentlyViewedProducts?.recentlyViewedProducts ?? []; return this.getRecentlyViewedProducts; } catch (error) { console.error('Error fetching getRecentlyViewedProducts:', error); this.getRecentlyViewedProducts = []; return []; } } };

Choose Location

Top Picks

Recently Viewed Products