export class HEADER { getHeaderPlugins = []; getWebsiteSettings = {}; getCurrentLocation = {}; getStoreLocation = []; getCategoryProducts_categoryId_1946 = []; featuredCategories_limit_20 = []; featuredProducts_limit_20 = []; lazySections = [ { "targetId": "mp35knb1_b3x8t", "propertyName": "getStoreLocation", "methodName": "_getAllLocation", "renderMethodName": "_getAllLocationHtml" }, { "targetId": "mpcecl0i_guph1", "propertyName": "getCategoryProducts_categoryId_1946", "methodName": "_fetchProductsByCategories_categoryId_1946", "renderMethodName": "_fetchProductsByCategories_categoryId_1946Html" }, { "targetId": "muzb2hni_uighd", "propertyName": "featuredCategories_limit_20", "methodName": "_getFeaturedCategories_limit_20", "renderMethodName": "_getFeaturedCategories_limit_20Html" }, { "targetId": "mpb1z5fy_3yanv", "propertyName": "featuredProducts_limit_20", "methodName": "_getAllFeaturedProducts_limit_20", "renderMethodName": "_getAllFeaturedProducts_limit_20Html" } ]; isAPIPage = true; webElements = ['zwe-dialog','zwe-menu','zwe-attention-banner','zwe-nav-list','zwe-drawer','zwe-api-list','zwe-slider']; menuColor='#000000'; hoverBgColor='#ead4c9'; menuIconColor='#000000'; hoverTextColor='var(--element-primary-color)'; floatingCartConfig='{"design":"design12","showFab":false,"behaviour":"drawer","cartCount":"1","cartBgColor":"#FFFFFF","borderRadius":"0","imageBgColor":"#f2f2f2","emptyCartBgColor":"#FFFFFF","enableImageBgColor":false}' device = "desktop"; constructor(bundleService, awsImageUrl, language, currencySymbol) { this.bundle = bundleService; this.awsUrl = awsImageUrl; this.language = language; this.currency = currencySymbol; globalThis['emitLocation_mp35knb0_nvkpx'] = this.emitLocation_mp35knb0_nvkpx.bind(this); globalThis['onQuickAccessOpen_mp35knb0_nvkpx'] = this.onQuickAccessOpen_mp35knb0_nvkpx.bind(this); globalThis['searchAndNavigate_mp35knb0_nvkpx'] = this.searchAndNavigate_mp35knb0_nvkpx.bind(this); globalThis['toggleSubcategory_mp35knb0_nvkpx'] = this.toggleSubcategory_mp35knb0_nvkpx.bind(this); globalThis['openLocationDialog_mp35knb0_nvkpx'] = this.openLocationDialog_mp35knb0_nvkpx.bind(this); globalThis['closeLocationDialog_mp35knb0_nvkpx'] = this.closeLocationDialog_mp35knb0_nvkpx.bind(this); globalThis['onQuickAccessSelect_mp35knb0_nvkpx'] = this.onQuickAccessSelect_mp35knb0_nvkpx.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._getHeaderPlugins(), this._WebsiteSettings(), this._getCurrentLocation() ]); } }; 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_mp35knb0_nvkpx(location){ const event = new CustomEvent('emitLocation', { detail: { location }});window.dispatchEvent(event);closeLocationDialog_mp35knb0_nvkpx() }; onQuickAccessOpen_mp35knb0_nvkpx(){ 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_mp35knb0_nvkpx(){ 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_mp35knb0_nvkpx(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_mp35knb0_nvkpx(){ const dialogElement = document.querySelector('[data-id=locationDialog]');if(dialogElement){dialogElement.config={type:'custom',borderRadius: 0};dialogElement.open();} }; closeLocationDialog_mp35knb0_nvkpx(){ const dialogElement = document.querySelector('[data-id=locationDialog]');if(dialogElement){dialogElement.close();} }; onQuickAccessSelect_mp35knb0_nvkpx(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

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

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

person${true ? `favorite_border` : ``}0shopping_cart

${true ? `

location_cityexpand_more${this?.getCurrentLocation?.locationName}Shop from

` : ``}${true ? `

Free shipping on orders above $50

Big Savings on Daily Essentials!

` : ``}

`; } catch (err) { console.error("Error rendering section 1 (DAILFRESH-HEADER):", err); } return html || ''; } 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); const apiData = res?.i1_getHeaderPluginsForStudio?.menus ?? []; this.getHeaderPlugins = apiData; } 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; const apiData = res ?? {}; this.getWebsiteSettings = apiData; } catch (error) { console.error('Error fetching WebsiteSettings:', error); this.getWebsiteSettings = {}; } } return this.getWebsiteSettings; } async _getCurrentLocation() { let dataFound = false; if (!dataFound) { const apiInput = { input: { storeId: this.bundle?.storeId, langCode: this.bundle?.langCode } }; try { const res = await this.bundle?.getCurrentLocation?.(apiInput); const apiData = res?.getCurrentLocation?.currentlocation ?? {}; this.getCurrentLocation = apiData; } catch (error) { console.error('Error fetching getCurrentLocation:', error); this.getCurrentLocation = {}; } } return this.getCurrentLocation; } 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); const apiData = res?.i1_getStoreLocation?.storeLocation ?? []; this.getStoreLocation = apiData; } catch (error) { console.error('Error fetching getAllLocation:', error); this.getStoreLocation = []; } } return this.getStoreLocation; } async _fetchProductsByCategories_categoryId_1946() { let dataFound = false; if (!dataFound) { const apiInput = { input: { query: { offset: 0, locationId: this.bundle?.locationId, limit: 10, filterData: "{\"isInitialCall\":true}", langCode: this.bundle?.langCode, categoryId: [ 1946 ], isFeaturedProduct: this.bundle?.isFeaturedProduct }, params: { storeId: this.bundle?.storeId } } }; try { const res = await this.bundle?.fetchProductsByCategories?.(apiInput); const apiData = res?.i1_fetchProductList?.products ?? []; this.getCategoryProducts_categoryId_1946 = apiData; } catch (error) { console.error('Error fetching fetchProductsByCategories:', error); this.getCategoryProducts_categoryId_1946 = []; } } return this.getCategoryProducts_categoryId_1946; } async _getFeaturedCategories_limit_20() { let dataFound = false; if (!dataFound) { const apiInput = { input: { params: { storeId: this.bundle?.storeId }, query: { langCode: this.bundle?.langCode, locationId: this.bundle?.locationId, limit: 20 } } }; try { const res = await this.bundle?.getFeaturedCategories?.(apiInput); const apiData = res?.i1_featuredCategories?.getCategories ?? []; this.featuredCategories_limit_20 = apiData; } catch (error) { console.error('Error fetching getFeaturedCategories:', error); this.featuredCategories_limit_20 = []; } } return this.featuredCategories_limit_20; } async _getAllFeaturedProducts_limit_20() { let dataFound = false; if (!dataFound) { 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); const apiData = res?.i1_getFeaturedProducts?.getProducts ?? []; this.featuredProducts_limit_20 = apiData; } catch (error) { console.error('Error fetching getAllFeaturedProducts:', error); this.featuredProducts_limit_20 = []; } } return this.featuredProducts_limit_20; } _getAllLocationHtml() { const awsUrl = this.awsUrl; const language = this.language; const currency = this.currency; return `${(() => { 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('')})()}`; } _fetchProductsByCategories_categoryId_1946Html() { const awsUrl = this.awsUrl; const language = this.language; const currency = this.currency; return `${(() => { return (this.getCategoryProducts_categoryId_1946).map((data, i) => { const item = { ...data, index: i , length: (this.getCategoryProducts_categoryId_1946).length}; return ` ${item?.name}` }).join('')})()}`; } _getFeaturedCategories_limit_20Html() { const awsUrl = this.awsUrl; const language = this.language; const currency = this.currency; return `${(() => { const customData = [{},{},{},{},{},{},{}]; return (this.featuredCategories_limit_20).map((data, i) => { const item = { ...data, ...(customData[i] ?? customData[0]), index: i , length: (this.featuredCategories_limit_20).length}; return `

${item?.categoryName ? `

${item?.categoryName}

` : ``}` }).join('')})()}`; } _getAllFeaturedProducts_limit_20Html() { const awsUrl = this.awsUrl; const language = this.language; const currency = this.currency; return `${(() => { return (this.featuredProducts_limit_20).map((data, i) => { const item = { ...data, index: i , length: (this.featuredProducts_limit_20).length}; return `

${item?.name}

$${item?.price}

${item?.costComparePrice ? `~~$${item?.costComparePrice}~~` : ``}` }).join('')})()}`; } };

Choose Location

Anise Star

Bay Leaf

Cinnamon

Coriander Seeds

Fennel Seeds

Fenugreek

Mustard

Pepper