export class HEADER { getStoreLocation = []; getHeaderPlugins = []; getWebsiteSettings = {}; isAPIPage = true; webElements = ['zwe-dialog','zwe-menu','zwe-nav-list','zwe-drawer','zwe-attention-banner']; menuColor='#000000'; hoverBgColor='#ead4c9'; menuIconColor='#000000'; hoverTextColor='var(--element-primary-color)' device = "desktop"; constructor(bundleService, awsImageUrl, language, currencySymbol) { this.bundle = bundleService; this.awsUrl = awsImageUrl; this.language = language; this.currency = currencySymbol; globalThis['emitLocation_motq5v4b_jrzmo'] = this.emitLocation_motq5v4b_jrzmo.bind(this); globalThis['onQuickAccessOpen_motq5v4b_jrzmo'] = this.onQuickAccessOpen_motq5v4b_jrzmo.bind(this); globalThis['searchAndNavigate_motq5v4b_jrzmo'] = this.searchAndNavigate_motq5v4b_jrzmo.bind(this); globalThis['toggleSubcategory_motq5v4b_jrzmo'] = this.toggleSubcategory_motq5v4b_jrzmo.bind(this); globalThis['openLocationDialog_motq5v4b_jrzmo'] = this.openLocationDialog_motq5v4b_jrzmo.bind(this); globalThis['closeLocationDialog_motq5v4b_jrzmo'] = this.closeLocationDialog_motq5v4b_jrzmo.bind(this); globalThis['onQuickAccessSelect_motq5v4b_jrzmo'] = this.onQuickAccessSelect_motq5v4b_jrzmo.bind(this); globalThis['defaultEventHandler'] = this.defaultEventHandler.bind(this); } async zbOnInit(element,isInitial) { const document = element || globalThis?.safeDocument; const window = globalThis?.safeWindow; if(isInitial){ await Promise.allSettled([ this._getAllLocation(), this._getHeaderPlugins(), this._WebsiteSettings() ]); } }; defaultEventHandler(detail, event){ if (event) { if (event.preventDefault) event.preventDefault(); if (event.stopPropagation) event.stopPropagation(); } const customEvent = new CustomEvent('defaultEventHandler', {detail: {...detail, event, $event: event}}); document.dispatchEvent(customEvent); }; emitLocation_motq5v4b_jrzmo(location){ const event = new CustomEvent('emitLocation', { detail: { location }});window.dispatchEvent(event);closeLocationDialog_motq5v4b_jrzmo() }; onQuickAccessOpen_motq5v4b_jrzmo(){ const trigger = document.querySelector('[data-id=quickAccessTemplate]');const menu = document.querySelector('[data-id=quick_access_menu]');trigger && trigger.addEventListener('click', (event) => {menu.toggle(event);}); }; searchAndNavigate_motq5v4b_jrzmo(){ if(!false){const e=document.querySelector('[data-id=searchInput]')?.value||'',t=document.querySelector('[data-id=category-select]');if(t?.value){let a={};try{a=JSON.parse(t.value)}catch(e){console.error('Invalid category JSON:',e)}window.dispatchEvent(new CustomEvent('searchResult',{detail:{searchText:e,searchCategory:a}}))}} }; toggleSubcategory_motq5v4b_jrzmo(currentCategoryId){ const subcategories = document.querySelectorAll('.subcategory'); subcategories.forEach(subcategory => { if (subcategory.getAttribute('data-category-id') == currentCategoryId) { subcategory.style.display = 'block'; } else { subcategory.style.display = 'none'; } }); }; openLocationDialog_motq5v4b_jrzmo(){ const dialogElement = document.querySelector('[data-id=locationDialog]');if(dialogElement){dialogElement.config={type:'custom',borderRadius: 0};dialogElement.open();} }; closeLocationDialog_motq5v4b_jrzmo(){ const dialogElement = document.querySelector('[data-id=locationDialog]');if(dialogElement){dialogElement.close();} }; onQuickAccessSelect_motq5v4b_jrzmo(value){ const event = new CustomEvent('navigateTo', {details:{value}});window.dispatchEvent(event); }; async HEADER(child) { const awsUrl = this.awsUrl; const language = this.language; const currency = this.currency; let html = ""; // Section 1 try { html += `

Choose Location

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

${item?.locationName}

${item?.address?.addressLine1 ? item?.address?.addressLine1 : ''}${item?.address?.addressLine2 ? (item?.address?.addressLine1 ? ', ' : '') + item?.address?.addressLine2 : ''}

${item?.address?.city ? item?.address?.stateDetail?.name ? item?.address?.zipCode ? item?.address?.city + ', ' + item?.address?.stateDetail?.name + ', ' + item?.address?.zipCode : item?.address?.city + ', ' + item?.address?.stateDetail?.name : item?.address?.zipCode ? item?.address?.city + ', ' + item?.address?.zipCode : item?.address?.city : item?.address?.stateDetail?.name ? item?.address?.zipCode ? item?.address?.stateDetail?.name + ', ' + item?.address?.zipCode : item?.address?.stateDetail?.name : item?.address?.zipCode ? item?.address?.zipCode : ''}

` }).join('')})()}

${this?.getWebsiteSettings?.logoUrl ? ` Logo

` : ``}${this?.getWebsiteSettings?.store?.name}

person 0shopping_cart

Free Shipping 📦

Now on sale ✨

`; } catch (err) { console.error("Error rendering section 1 (TIDALIX-HEADER):", err); } return html || ''; } async _getAllLocation() { let dataFound = false; if (!dataFound) { const apiInput = { input: { query: { langCode: this.bundle?.langCode }, params: { storeId: this.bundle?.storeId } } }; try { const res = await this.bundle?.getAllLocation?.(apiInput); this.getStoreLocation = res?.i1_getStoreLocation?.storeLocation ?? []; } catch (error) { console.error('Error fetching getAllLocation:', error); this.getStoreLocation = []; } } return this.getStoreLocation; } async _getHeaderPlugins() { let dataFound = false; if (!dataFound) { const apiInput = { input: { params: { storeId: this.bundle?.storeId }, query: { pluginCode: null } } }; try { const res = await this.bundle?.getHeaderPlugins?.(apiInput); this.getHeaderPlugins = res?.i1_getHeaderPluginsForStudio?.menus ?? []; } catch (error) { console.error('Error fetching getHeaderPlugins:', error); this.getHeaderPlugins = []; } } return this.getHeaderPlugins; } async _WebsiteSettings() { let dataFound = false; if (!dataFound) { const apiInput = { input: { params: { storeId: this.bundle?.storeId, }, query: { langCode: this.bundle?.language } } }; try { const res = await this.bundle?.WebsiteSettings; this.getWebsiteSettings = res ?? {}; } catch (error) { console.error('Error fetching WebsiteSettings:', error); this.getWebsiteSettings = {}; } } return this.getWebsiteSettings; } };

Choose Location

No products found