globalThis['zbThemes']['HOME'] = class HOME { featuredCategories = []; featuredProducts = []; getAllBrands = []; getAllTestimonials = []; getRecentlyViewedProducts = []; isAPIPage = true; webElements = ['zwe-slider','zwe-timer','zwe-carousel','zwe-ratings']; device = "desktop"; constructor(bundleService, awsImageUrl, language, currencySymbol) { this.bundle = bundleService; this.awsUrl = awsImageUrl; this.language = language; this.currency = currencySymbol; } async zbOnInit(element,isInitial) { const document = element || globalThis?.safeDocument; const window = globalThis?.safeWindow; if(isInitial){ await this._getFeaturedCategories(); await this._getAllFeaturedProducts(); await this._getAllBrands(); await this._getTestimonials(); await this._getRecentlyViewedProducts(); } (() => { const defaultAnimations = { "blurText": [ { "filter": "blur(10px)", "offset": 0 }, { "filter": "blur(0)", "offset": 1 } ], "expandAnimation": [ { "transform": "scale(0)", "opacity": 0, "offset": 0 }, { "transform": "scale(1)", "opacity": 1, "offset": 1 } ], "bounce2": [ { "transform": "translateY(-15px)", "offset": 0 }, { "transform": "translateY(0)", "offset": 0.5 }, { "transform": "translateY(-15px)", "offset": 1 } ], "LeftFadeAndScale": [ { "transform": "translateX(-100px) scale(0.5)", "opacity": 0, "offset": 0 }, { "transform": "translateX(0) scale(1)", "opacity": 1, "offset": 1 } ], "RightFadeAndScale": [ { "transform": "translateX(100px) scale(0.5)", "opacity": 0, "offset": 0 }, { "transform": "translateX(0) scale(1)", "opacity": 1, "offset": 1 } ], "TopFadeAndScale": [ { "transform": "translateY(-100px) scale(0.5)", "opacity": 0, "offset": 0 }, { "transform": "translateY(0) scale(1)", "opacity": 1, "offset": 1 } ] }; const animateElement = (elem, animation, time, direction, delay = 0, iterations = 1, easing = "ease-out", fill = "forwards") => { return elem.animate(animation, { delay, duration: time, direction, easing, iterations, fill }); }; const animatedElements = new Set(); const infiniteAnimations = new Map(); const activeAnimations = new Map(); const signal = window?.animationCleanupController?.signal; if(typeof window !== 'undefined') { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { const el = entry.target; const animationName = el.getAttribute("data-animation-name"); const getIterationCount = el.getAttribute("data-animation-iteration"); const iterationCount = Math.max(0, parseInt(getIterationCount ?? "1", 10) || 1); const animateType = el.getAttribute("data-animation"); const duration = Math.max(0, el.getAttribute("data-animation-duration") || 700); const delay = el.getAttribute("data-animation-delay"); const easing = el.getAttribute("data-animation-easing") ?? "ease-out"; const fill = el.getAttribute("data-animation-fill") ?? "forwards"; const direction = el.getAttribute("data-animation-direction") ?? "normal"; if (entry.isIntersecting) { if (animateType === "loop" && !infiniteAnimations.has(el)) { const animation = animateElement(el, defaultAnimations[animationName], duration, direction, delay, Infinity, easing, fill); infiniteAnimations.set(el, animation); signal.addEventListener('abort', () => { animation.cancel(); infiniteAnimations.delete(el); }, { once: true }); } else if (animateType === "in-once" && !animatedElements.has(el)) { animateElement(el, defaultAnimations[animationName], duration, "normal", delay, iterationCount, easing, fill); animatedElements.add(el); } else if (animateType === "in") { animateElement(el, defaultAnimations[animationName], duration, "normal", delay, iterationCount, easing, fill); } else if (animateType === "in-out" && !animatedElements.has(el)) { animateElement(el, defaultAnimations[animationName], duration, "normal", delay, iterationCount, easing, fill); } } else { if (animateType === "in-out" && animatedElements.has(el)) { animateElement(el, defaultAnimations[animationName], duration, "reverse", delay, iterationCount, easing, fill); } else if (animateType === "loop" && infiniteAnimations.has(el)) { const animation = infiniteAnimations.get(el); animation.cancel(); infiniteAnimations.delete(el); } } }); }, { threshold: 0 }); document.querySelectorAll("[data-animation='in'],[data-animation='in-out'],[data-animation='in-once'],[data-animation='loop']").forEach(el => { observer.observe(el); }); } })(); }; async HOME(child) { const awsUrl = this.awsUrl; const language = this.language; const currency = this.currency; let html = ""; // Section 1 try { html += `

HOME DELIGHT

STARTS FROM

₹102.00

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

SHOP BY CATEGORIES

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

${item?.categoryName}

${item?.count} product

` }).join('')}

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

END OF SEASON SALE

Up To 60% OFF

Day

Hour

Min

Sec

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

TOP PRODUCTS

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

${item?.name}

₹ ${item?.price}

` }).join('')}

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

GALLERY

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

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

` }).join('')}

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

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

starstarstarstarstar

${item?.content}

${item?.author}

${item?.designation}

` }).join('')}

Testimonials From Delighted Customers

`; } catch (err) { console.error("Error rendering section 7 (WOODY_NEST-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}

` }).join('')}

`; } catch (err) { console.error("Error rendering section 8 (WOODY_NEST-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 } } }; 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() { const apiInput = { input: { params: { storeId: this.bundle?.storeId }, query: { langCode: this.bundle?.language, locationId: this.bundle?.locationId, limit: 20, offset: 0 } } }; try { const res = await this.bundle?.getAllFeaturedProducts?.(apiInput); this.featuredProducts = res?.i1_getFeaturedProducts?.getProducts ?? []; return this.featuredProducts; } catch (error) { console.error('Error fetching getAllFeaturedProducts:', error); this.featuredProducts = []; return []; } } async _getAllBrands() { const apiInput = { input: { params: { storeId: this.bundle?.storeId }, query: { langCode: "en" } } }; try { const res = await this.bundle?.getAllBrands?.(apiInput); this.getAllBrands = res?.i1_storeFrontBrand?.result ?? []; return this.getAllBrands; } catch (error) { console.error('Error fetching getAllBrands:', error); this.getAllBrands = []; return []; } } async _getTestimonials() { const apiInput = { input: { params: { storeId: this.bundle?.storeId }, query: { langCode: "en" } } }; try { const res = await this.bundle?.getTestimonials?.(apiInput); this.getAllTestimonials = res?.i1_getAllTestimonials?.testimonial ?? []; return this.getAllTestimonials; } catch (error) { console.error('Error fetching getTestimonials:', error); this.getAllTestimonials = []; 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 []; } } };