mealz-components 2.9.0 → 2.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/catalog/basket-preview/basket-preview.min.js +3 -3
- package/dist/counter/counter.min.js +3 -3
- package/dist/drawer-view-swapper/drawer-view-swapper.min.js +5 -5
- package/dist/no-supplier-add-to-cart-cta/no-supplier-add-to-cart-cta.min.js +1 -1
- package/dist/replace-item/replace-item.min.js +4 -4
- package/dist/supplier-selector/supplier-selector.css +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/slider-tabs.min.js";import"../../store-locator/store-locator.min.js";import{N as I,k as l,D as _,s as L,Q as F,R as V}from"../../assets/no-shadow-element-DZc32M1D.js";import{n as w}from"../../assets/property-CrS1c6lI.js";import{m as o,a as N,w as
|
|
1
|
+
import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/slider-tabs.min.js";import"../../store-locator/store-locator.min.js";import{N as I,k as l,D as _,s as L,Q as F,R as V}from"../../assets/no-shadow-element-DZc32M1D.js";import{n as w}from"../../assets/property-CrS1c6lI.js";import{m as o,a as N,w as G}from"../../assets/mealz-sdk-CQtAGQGQ.js";import"../../counter/counter.min.js";import"../../price/price.min.js";import"../../modal/modal.min.js";import{P as U}from"../../assets/price-Bfy_G-uC.js";import{c as H}from"../../assets/capitalize-DUAqYmp4.js";import{e as M,i as D,t as j}from"../../assets/unsafe-html-DTarpZaV.js";import{d as Q}from"../../assets/debounceTime-D6W3esj0.js";import{d as W}from"../../assets/delay-CUcLbxeL.js";import{t as K}from"../../assets/take-B0yyxfMB.js";import{s as J}from"../../assets/switchMap-C79NTzdm.js";import"../../assets/state-1qy1JPQz.js";import"../../assets/query-BApjzB0v.js";import"../../onboarding/events.min.js";import"../../assets/singleton-COF3iBbF.js";import"../../assets/async-Buq9Zuro.js";import"../../assets/OperatorSubscriber-BF1r9b3N.js";import"../../assets/map-DdvZijlE.js";import"../../assets/mergeMap-CObP_yRz.js";import"../../assets/innerFrom-BZ8nxpLv.js";import"../../assets/executeSchedule-CEDvgTzM.js";import"../../assets/timer-CGijW-Af.js";import"../../assets/isScheduler-B3orCs5Q.js";import"../../assets/isDate-BwHtzZM4.js";import"../../assets/empty--gMS1asf.js";var Y=Object.defineProperty,Z=(t,e,i,r)=>{for(var s=void 0,a=t.length-1,n;a>=0;a--)(n=t[a])&&(s=n(e,i,s)||s);return s&&Y(e,i,s),s};class q extends I{constructor(){super(),this.analyticsPath="",this.styleURL=new URL("./product-addition/product-addition.css",this.getBaseURL())}render(){return l`
|
|
2
2
|
<div class="mealz-product-addition">
|
|
3
3
|
<span class="mealz-product-addition__title mealz-ds-text weight-l">Besoin de compléter votre panier ?</span>
|
|
4
4
|
<button @click=${()=>this.openProductAdditionModal()}
|
|
@@ -44,7 +44,7 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
44
44
|
</div>
|
|
45
45
|
<!-- TITLE -->
|
|
46
46
|
<div class="mealz-basket-preview-product__title mealz-ds-text size-xs">
|
|
47
|
-
<span>${
|
|
47
|
+
<span>${H(this.basketEntry.selectedItem.attributes.name)}</span>
|
|
48
48
|
</div>
|
|
49
49
|
<div class="mealz-basket-preview-product__badges">
|
|
50
50
|
<!-- SPONSORISED BADGE -->
|
|
@@ -234,4 +234,4 @@ import"../../store-indicator/store-indicator.min.js";import"../../slider-tabs/sl
|
|
|
234
234
|
panier
|
|
235
235
|
</h2>
|
|
236
236
|
</div>
|
|
237
|
-
`}async initializeNoSupplierState(){try{if(await
|
|
237
|
+
`}async initializeNoSupplierState(){try{if(await G(),!this.isComponentConnected)return;this.subscriptions.push(o.supplier.noSupplier$.pipe(K(1)).subscribe({next:e=>{this.isComponentConnected&&this.applyNoSupplierState(e)},error:e=>{this.isComponentConnected&&console.warn("[mealz-basket-preview] Unable to resolve noSupplier state.",e)}}))}catch(e){if(!this.isComponentConnected)return;console.warn("[mealz-basket-preview] Unable to resolve noSupplier state.",e)}}applyNoSupplierState(e){this.isComponentConnected&&(this.noSupplier=e,this.noSupplier&&this.appendStoreIndicatorToDrawerHeader(),this.requestUpdate())}appendStoreIndicatorToDrawerHeader(){const e=document.querySelector("mealz-drawer"),i=document.querySelector("mealz-store-indicator");if(!e||i)return;const r=e.getElementsByClassName("mealz-drawer__content-container")[0];r!=null&&r.querySelector("mealz-supplier-selector")||(this.drawerStoreIndicator=document.createElement("mealz-store-indicator"),this.drawerStoreIndicator.setAttribute("analyticsPath",this.analyticsPath),e.appendToHeaderComponent(this.drawerStoreIndicator))}placeOrder(){this.openBasketTransferModal(),o.basketTransfer.transfer()}openBasketTransferModal(){let e=document.querySelector("mealz-basket-transfer-modal");e||(e=document.createElement("mealz-basket-transfer-modal"),document.body.appendChild(e))}recipeCardClick(e){o.recipes.openDetails(e.id,e.guests,this.analyticsPath)}removeRecipeClick(e){e.isGettingRemoved=!0,this.requestUpdate(),o.basket.removeRecipe(e.id,this.analyticsPath).subscribe({next:()=>{this.recipePreviews=this.recipePreviews.filter(i=>i.id!==e.id),e.isGettingRemoved=!1,this.requestUpdate()},error:()=>{e.isGettingRemoved=!1,this.requestUpdate()}})}updateTabIndex(e){this.selectedTabIndex=e,le(e),this.selectedTabIndex===0?(this.analyticsPath="/basket/recipes",this.pageview()):(this.analyticsPath="/basket/products",this.pageview()),this.requestUpdate()}updateRecipeView(){const e=o.basket,i=e.buildPreview(),r=typeof e.waitForBasketEntries=="function"?e.waitForBasketEntries().pipe(J(()=>i)):i;this.subscriptions.push(r.subscribe(s=>{s.map(a=>a.isGettingRemoved=!1),this.recipePreviews=s,this.requestUpdate()}))}scrollToAddedProduct(e){var r;const i=document.querySelector(`#mealz-basket-preview-product-${e}`);if(i)i.scrollIntoView({block:"center",behavior:"smooth"});else{const s=this.getElementsByTagName("MEALZ-BASKET-PREVIEW-PRODUCT");(r=s.item(s.length-1))==null||r.scrollIntoView({block:"center",behavior:"smooth"})}}listenToActiveTab(){this.subscriptions.push(o.basket.basketPreviewState$.subscribe(({activeTabIndex:e})=>{e!==void 0&&(this.selectedTabIndex=e)}))}listenToCloseEvent(){const e=document.querySelector("mealz-drawer");e&&e.addEventListener("drawerClosed",this.sendCloseEvent.bind(this))}isHidden(){return this.classList.contains("hidden")}pageview(){this.isHidden()||o.analytics.sendEvent("pageview",this.analyticsPath,{})}sendCloseEvent(){this.isHidden()||o.analytics.sendEvent("basket.close",this.analyticsPath,{})}}ce([w({type:Boolean,attribute:"hide-tab-selector"})],O.prototype,"hideTabSelector");customElements.get("mealz-basket-preview")||customElements.define("mealz-basket-preview",O);export{Le as l,Oe as o};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{N as h,B as c,k as a}from"../assets/no-shadow-element-DZc32M1D.js";import{n as i}from"../assets/property-CrS1c6lI.js";import{d as m}from"../assets/debounceTime-D6W3esj0.js";import"../assets/mealz-sdk-CQtAGQGQ.js";import"../assets/async-Buq9Zuro.js";import"../assets/OperatorSubscriber-BF1r9b3N.js";var d=Object.defineProperty,n=(l,e,t,p)=>{for(var o=void 0,
|
|
1
|
+
import{N as h,B as c,k as a}from"../assets/no-shadow-element-DZc32M1D.js";import{n as i}from"../assets/property-CrS1c6lI.js";import{d as m}from"../assets/debounceTime-D6W3esj0.js";import"../assets/mealz-sdk-CQtAGQGQ.js";import"../assets/async-Buq9Zuro.js";import"../assets/OperatorSubscriber-BF1r9b3N.js";var d=Object.defineProperty,n=(l,e,t,p)=>{for(var o=void 0,r=l.length-1,u;r>=0;r--)(u=l[r])&&(o=u(e,t,o)||o);return o&&d(e,t,o),o};class s extends h{constructor(){super(),this.disabled=!1,this.floating=!1,this.biColor=!1,this.min=1,this.max=99,this.value=4,this.debounce=0,this.minusLoading=!1,this.plusLoading=!1,this.minusButton=null,this.plusButton=null,this.valueText=null,this.icons={minus:"https://storage.googleapis.com/assets.miam.tech/generic/icons/minus-primary.svg",minus_white:"https://storage.googleapis.com/assets.miam.tech/generic/icons/minus-white.svg",plus:"https://storage.googleapis.com/assets.miam.tech/generic/icons/plus-primary.svg",plus_white:"https://storage.googleapis.com/assets.miam.tech/generic/icons/plus-white.svg",people:"https://storage.googleapis.com/assets.miam.tech/generic/icons/single-user.svg"},this.subscriptions=[],this.hydrateOnly=!1,this.styleURL=new URL("./counter/counter.css",this.getBaseURL())}get selectors(){return{minusButton:".mealz-counter__minus",plusButton:".mealz-counter__plus",valueText:".mealz-counter__value-text"}}connectedCallback(){super.connectedCallback(),this.applyStartingDataFromAttribute(),this.valueSubject=new c(this.value),this.subscriptions.push(this.valueSubject.subscribe(()=>{this.hydrateOnly?this.updateDOM():this.requestUpdate()})),this.subscriptions.push(this.valueSubject.pipe(m(this.debounce)).subscribe(()=>{this.dispatchValue()})),this.findElementsInDocument(),this.addEveryEventListeners(),this.hydrateOnly&&this.updateDOM()}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}renderMinus(){return this.minusLoading?a`
|
|
2
2
|
<div class="mealz-ds-loader"></div>
|
|
3
3
|
`:a`
|
|
4
4
|
<img alt="remove one" src="${this.disabled&&this.biColor?this.icons.minus_white:this.icons.minus}">
|
|
@@ -22,7 +22,7 @@ import{N as h,B as c,k as a}from"../assets/no-shadow-element-DZc32M1D.js";import
|
|
|
22
22
|
<!-- DECREMENT BUTTON -->
|
|
23
23
|
<button
|
|
24
24
|
class="mealz-counter__minus mealz-ds-button square ${this.disabled?"disabled":""}
|
|
25
|
-
${this.value===
|
|
25
|
+
${this.value===this.min?"mealz-counter__minus__remove":""} ${this.biColor?"":"ghost small"}"
|
|
26
26
|
?disabled="${this.disabled||this.minusLoading}"
|
|
27
27
|
@click="${this.decrement}"
|
|
28
28
|
>
|
|
@@ -44,4 +44,4 @@ import{N as h,B as c,k as a}from"../assets/no-shadow-element-DZc32M1D.js";import
|
|
|
44
44
|
</button>
|
|
45
45
|
</div>
|
|
46
46
|
</div>
|
|
47
|
-
`}findElementsInDocument(){this.initSelectors(),this.minusButton=this.elements.minusButton,this.plusButton=this.elements.plusButton,this.valueText=this.elements.valueText}addEveryEventListeners(){this.addClickListener("minusButton",this.decrement.bind(this)),this.addClickListener("plusButton",this.increment.bind(this))}applyStartingDataFromAttribute(){const e=this.getAttribute("starting-data");if(e){try{const t=JSON.parse(e);this.hydrateOnly=!0,typeof t.disabled=="boolean"&&(this.disabled=t.disabled),typeof t.floating=="boolean"&&(this.floating=t.floating),typeof t.biColor=="boolean"&&(this.biColor=t.biColor),typeof t.min=="number"&&(this.min=t.min),typeof t.max=="number"&&(this.max=t.max),typeof t.debounce=="number"&&(this.debounce=t.debounce),typeof t.value=="number"&&(this.value=t.value)}catch(t){console.warn("[mealz-counter] Invalid starting-data JSON",t)}this.removeAttribute("starting-data")}}updateDOM(){if(this.valueText&&(this.valueText.textContent=String(this.value)),this.minusButton){const e=this.value===this.min;this.minusButton.classList.toggle("mealz-counter__minus__remove",e)}}decrement(){this.value>this.min&&this.valueSubject.next(--this.value)}increment(){this.value<this.max&&this.valueSubject.next(++this.value)}dispatchValue(){const e={detail:{value:this.value},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("valueChange",e))}}n([i({type:Boolean})],s.prototype,"disabled");n([i({type:Boolean})],s.prototype,"floating");n([i({type:Boolean})],s.prototype,"biColor");n([i({type:Number})],s.prototype,"min");n([i({type:Number})],s.prototype,"max");n([i({type:Number})],s.prototype,"value");n([i({type:Number})],s.prototype,"debounce");customElements.get("mealz-counter")||customElements.define("mealz-counter",s);
|
|
47
|
+
`}findElementsInDocument(){this.initSelectors(),this.minusButton=this.elements.minusButton,this.plusButton=this.elements.plusButton,this.valueText=this.elements.valueText}addEveryEventListeners(){this.addClickListener("minusButton",this.decrement.bind(this)),this.addClickListener("plusButton",this.increment.bind(this))}applyStartingDataFromAttribute(){const e=this.getAttribute("starting-data");if(e){try{const t=JSON.parse(e);this.hydrateOnly=!0,typeof t.disabled=="boolean"&&(this.disabled=t.disabled),typeof t.floating=="boolean"&&(this.floating=t.floating),typeof t.biColor=="boolean"&&(this.biColor=t.biColor),typeof t.min=="number"&&(this.min=t.min),typeof t.max=="number"&&(this.max=t.max),typeof t.debounce=="number"&&(this.debounce=t.debounce),typeof t.value=="number"&&(this.value=t.value)}catch(t){console.warn("[mealz-counter] Invalid starting-data JSON",t)}this.removeAttribute("starting-data")}}updateDOM(){if(this.hydrateOnly&&(this.valueText&&(this.valueText.textContent=String(this.value)),this.minusButton)){const e=this.value===this.min;this.minusButton.classList.toggle("mealz-counter__minus__remove",e)}}decrement(){this.value>this.min&&this.valueSubject.next(--this.value)}increment(){this.value<this.max&&this.valueSubject.next(++this.value)}dispatchValue(){const e={detail:{value:this.value},bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent("valueChange",e))}}n([i({type:Boolean})],s.prototype,"disabled");n([i({type:Boolean})],s.prototype,"floating");n([i({type:Boolean})],s.prototype,"biColor");n([i({type:Number})],s.prototype,"min");n([i({type:Number})],s.prototype,"max");n([i({type:Number})],s.prototype,"value");n([i({type:Number})],s.prototype,"debounce");customElements.get("mealz-counter")||customElements.define("mealz-counter",s);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-drawer.min.js";import{N as h,D as d,k as r,B as c}from"../assets/no-shadow-element-DZc32M1D.js";import{n as y}from"../assets/property-CrS1c6lI.js";import{m as
|
|
1
|
+
import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-drawer.min.js";import{N as h,D as d,k as r,B as c}from"../assets/no-shadow-element-DZc32M1D.js";import{n as y}from"../assets/property-CrS1c6lI.js";import{m as t,w as k,i as V}from"../assets/mealz-sdk-CQtAGQGQ.js";import"../recipe-details/recipe-details.min.js";import"../store-locator/store-locator.min.js";import"../planner/planner-catalog/planner-catalog.min.js";import"../replace-item/replace-item.min.js";import"../replace-item-planner/replace-item-planner.min.js";import"../history-drawer/history-drawer.min.js";import{G as P,g}from"../supplier-selector/supplier-selector.min.js";import{o as R,l as z}from"../catalog/basket-preview/basket-preview.min.js";import"../preferences/preferences.min.js";import{m as b}from"../assets/merge-rdVI6Z3B.js";import{m as n}from"../assets/map-DdvZijlE.js";import{E as _}from"../assets/empty--gMS1asf.js";import"../assets/unsafe-html-DTarpZaV.js";import"../assets/skipWhile-BrGaejAE.js";import"../assets/OperatorSubscriber-BF1r9b3N.js";import"../assets/switchMap-C79NTzdm.js";import"../assets/innerFrom-BZ8nxpLv.js";import"../assets/filter-Dq4X88HC.js";import"../recipe-pricing/recipe-pricing.min.js";import"../assets/viewport-listener-073Dyp25.js";import"../assets/debounceTime-D6W3esj0.js";import"../assets/async-Buq9Zuro.js";import"../assets/take-B0yyxfMB.js";import"../assets/price-Bfy_G-uC.js";import"../assets/singleton-COF3iBbF.js";import"../assets/capitalize-DUAqYmp4.js";import"../counter/counter.min.js";import"../assets/product-card-CcfAgVi3.js";import"../price/price.min.js";import"../assets/promotion-badge-BusnHgIb.js";import"../assets/guestObserver-CSQi-6i9.js";import"../assets/delay-CUcLbxeL.js";import"../assets/mergeMap-CObP_yRz.js";import"../assets/executeSchedule-CEDvgTzM.js";import"../assets/timer-CGijW-Af.js";import"../assets/isScheduler-B3orCs5Q.js";import"../assets/isDate-BwHtzZM4.js";import"../assets/accordion-Ds4UMuL5.js";import"../store-indicator/store-indicator.min.js";import"../assets/state-1qy1JPQz.js";import"../assets/query-BApjzB0v.js";import"../last-order-badge/last-order-badge.min.js";import"../order-again/order-again.min.js";import"../like-button/like-button.min.js";import"../last-order-modal/last-order-modal.min.js";import"../planner/planner-onboarding/planner-onboarding.min.js";import"../onboarding/onboarding.min.js";import"../onboarding/events.min.js";import"../onboarding/analytics/onboarding-analytics.min.js";import"../assets/responsive-C7Qf71r3.js";import"../planner/helpers/planner-onboarding-storage.min.js";import"../assets/tap-D0fB7oij.js";import"../assets/combineLatest-CRVESsJM.js";import"../assets/from-BxJrdzJs.js";import"../assets/mapOneOrManyArgs-BpqqmasF.js";import"../assets/args-DPeCFqiB.js";import"../catalog/catalog-load-more.min.js";import"../assets/http-B0u4sOhM.js";import"../replace-item/replace-item-card/replace-item-card.min.js";import"../assets/price-utils-BRFZa-3D.js";import"../assets/distinctUntilChanged-FtASLz6t.js";import"../replace-item-planner/replace-item-card-planner/replace-item-card-planner.min.js";import"../assets/of-R1iMbYYX.js";import"../slider-tabs/slider-tabs.min.js";import"../modal/modal.min.js";import"../assets/mergeAll-BJfNWPb7.js";var C=Object.defineProperty,D=(l,e,i,o)=>{for(var s=void 0,a=l.length-1,p;a>=0;a--)(p=l[a])&&(s=p(e,i,s)||s);return s&&C(e,i,s),s};class f extends h{constructor(){super(),this.styleURL=new URL("./recipe-details/sponsor-block/sponsor-block.css",this.getBaseURL())}render(){var w,v,$;if(!this.sponsorBlock)return d;const{pictureUrl:e,content:i,backgroundColor:o="#FFFFFF",fontSize:s=16,fontColor:a="#000000"}=this.sponsorBlock,p=($=(v=(w=this.sponsorBlock.relationships)==null?void 0:w["sponsor-block-type"])==null?void 0:v.data)==null?void 0:$.name;if(!p)return r``;const u=p.toLowerCase(),m=`background-color: ${o}; font-size: ${s}px; color: ${a};`;switch(p){case"TEXT":case"SMALL_TEXT":case"TITLE":case"SMALL_TITLE":return r`
|
|
2
2
|
<div class="sponsor-text-blocks sponsor-${u}-block" style="background-color: ${o};">
|
|
3
3
|
<span class="sponsor-${u}-block__text" style="font-size: ${p.includes("TITLE")?32:16}px; color: ${a};">
|
|
4
4
|
${i}
|
|
@@ -23,7 +23,7 @@ import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-dra
|
|
|
23
23
|
${i}
|
|
24
24
|
</span>
|
|
25
25
|
<img class="sponsor-text-and-image-block__image" src="${e}">
|
|
26
|
-
</div>`;default:return d}}}D([y()],
|
|
26
|
+
</div>`;default:return d}}}D([y()],f.prototype,"sponsorBlock");customElements.get("mealz-sponsor-block")||customElements.define("mealz-sponsor-block",f);class B extends h{constructor(){super(),this.sponsorBlocks=[],this.subscriptions=[],this.styleURL=new URL("./recipe-details/recipe-addon/recipe-addon.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.listenToCloseEvent(),this.subscriptions.push(t.recipes.displayedRecipe$.subscribe(e=>{e&&(this.recipe=e.recipe,this.getSponsorBlocks())}))}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}getSponsorBlocks(){var i,o,s;const e=(s=(o=(i=this.recipe)==null?void 0:i.relationships)==null?void 0:o.sponsors)==null?void 0:s.data[0];e&&this.subscriptions.push(t.sponsor.getSponsorBlocks(e.id).subscribe(a=>{a&&(this.sponsorBlocks=a,this.requestUpdate())}))}render(){var e;return r`
|
|
27
27
|
<div class="mealz-recipe-addon">
|
|
28
28
|
<div class="mealz-recipe-addon__header">
|
|
29
29
|
<button class="mealz-recipe-addon__header-back-button mealz-ds-button ghost" @click="${this.closeRecipeAddon}">
|
|
@@ -46,8 +46,8 @@ import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-dra
|
|
|
46
46
|
${this.sponsorBlocks.map(o=>r`
|
|
47
47
|
<mealz-sponsor-block .sponsorBlock=${o}></mealz-sponsor-block>
|
|
48
48
|
`)}
|
|
49
|
-
`}listenToCloseEvent(){document.querySelector("mealz-drawer").addEventListener("drawerClosed",()=>{this.closeRecipeAddon()})}closeRecipeAddon(){const e=document.querySelector("mealz-drawer-view-swapper");e&&e.displayRecipeAddon$.next(!1)}}customElements.get("mealz-recipe-addon")||customElements.define("mealz-recipe-addon",B);var E=Object.defineProperty,A=(l,e,i,o)=>{for(var
|
|
50
|
-
<div class="mealz-drawer-view-swapper">${this.drawerIsOpen()?this.displayDrawer():d}</div>`}drawerIsOpen(){return this.currentView$.value!==void 0}closeDrawer(){this.displayStoreLocator$.next(!1),this.displayPlannerCatalog$.next(!1),this.displayPreferences$.next(!1),this.displayBasketDrawer$.next(null),
|
|
49
|
+
`}listenToCloseEvent(){document.querySelector("mealz-drawer").addEventListener("drawerClosed",()=>{this.closeRecipeAddon()})}closeRecipeAddon(){const e=document.querySelector("mealz-drawer-view-swapper");e&&e.displayRecipeAddon$.next(!1)}}customElements.get("mealz-recipe-addon")||customElements.define("mealz-recipe-addon",B);var E=Object.defineProperty,A=(l,e,i,o)=>{for(var s=void 0,a=l.length-1,p;a>=0;a--)(p=l[a])&&(s=p(e,i,s)||s);return s&&E(e,i,s),s};class S extends h{constructor(){super(),this.displayBasketPreview=!1,this.displayProductAddition=!1,this.displayReplaceProduct=!1,this.displayPreferences$=new c(!1),this.displayStoreLocator$=new c(!1),this.displaySupplierSelector$=new c(!1),this.displayRecipeAddon$=new c(!1),this.displayPlannerCatalog$=new c(!1),this.displayHistoryDrawer$=new c(null),this.displayBasketDrawer$=new c(null),this.currentView$=new c(void 0),this.activeViewNames$=new c([]),this.subscriptions=[],this.recipePartnerLabel=P,this.viewHistory=[],this.scrollPositions=new Map,this.viewSelector=[{isSupplierSelectorVisible:()=>this.displaySupplierSelector$.value},{isStoreLocatorVisible:()=>this.displayStoreLocator$.value},{isRecipeAddonVisible:()=>this.displayRecipeAddon$.value},{isReplaceItemVisible:()=>!!this.displayReplaceItem},{isReplaceItemPlannerVisible:()=>!!this.displayReplaceItemPlanner},{isRecipeDetailsVisible:()=>!!this.displayedRecipeDetails},{isBasketPreviewVisible:()=>this.displayBasketPreview},{isProductAdditionVisible:()=>this.displayProductAddition},{isReplaceProductVisible:()=>this.displayReplaceProduct},{isPlannerCatalogVisible:()=>this.displayPlannerCatalog$.value},{isHistoryDrawerVisible:()=>!!this.displayHistoryDrawer$.value},{isBasketDrawerVisible:()=>!!this.displayBasketDrawer$.value},{isPreferencesVisible:()=>this.displayPreferences$.value}],this.styleURL=new URL("./drawer-view-swapper/drawer-view-swapper.css",this.getBaseURL()),R(),z(this.currentView$)}connectedCallback(){super.connectedCallback(),this.waitForSDKAndSetup()}waitForSDKAndSetup(){try{k().then(()=>{this.setupSubscriptions()})}catch(e){console.error("Error waiting for MealzInternal SDK:",e)}}setupSubscriptions(){this.subscriptions.push(b(t.pos.currentPos().pipe(n(e=>{this.pos=e,this.noSupplier=t.supplier.isNoSupplier(),this.openSupplierSelectorWhenBasketPreviewNeedsPos()})),(t.supplier.noSupplier$??_).pipe(n(e=>{this.noSupplier=e,this.openSupplierSelectorWhenBasketPreviewNeedsPos()})),t.recipes.displayedRecipe$.pipe(n(e=>{this.displayedRecipeDetails=e,this.noSupplier&&!this.pos&&e&&t.noSupplier.displaySupplierSelector$.next(!0)})),t.noSupplier.displaySupplierSelector$.pipe(n(e=>{this.displaySupplierSelector$.next(e)})),b(t.replaceItem.basketEntryToReplace$.pipe(n(e=>e||{displayReplaceItem:void 0})),t.replaceItem.replaceProductFromPreviewOpen$.pipe(n(e=>e?{basketEntry:e}:{displayReplaceItem:void 0})),t.replaceItem.additionModalOpen$.pipe(n(e=>e?{addProductMode:!0}:{displayReplaceItem:void 0}))).pipe(n(e=>{this.displayReplaceItem="displayReplaceItem"in e?void 0:e})),t.basket.basketPreviewState$.pipe(n(({isOpen:e})=>{this.displayBasketPreview=e,this.openSupplierSelectorWhenBasketPreviewNeedsPos()})),t.planner.itemToReplace$.pipe(n(e=>this.displayReplaceItemPlanner=e)),this.displayRecipeAddon$,this.displayStoreLocator$,this.displayPlannerCatalog$,this.displayHistoryDrawer$,this.displayBasketDrawer$,this.displayPreferences$).subscribe(()=>{this.recipePartnerLabel=g(),this.updateActiveViews(),this.findView(),this.requestUpdate()}))}openSupplierSelectorWhenBasketPreviewNeedsPos(){var s,a;const e=(s=t.noSupplier)==null?void 0:s.displaySupplierSelector$;if(!e||!this.displayBasketPreview||!this.noSupplier)return;const i=!!((a=this.pos)!=null&&a.id),o=!!localStorage.getItem("_miam/noSupplier/posId");if(!i&&!o){e.next(!0);return}i&&e.value&&e.next(!1)}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(e=>e.unsubscribe())}findView(){const e=this.getNextViewName();e!==this.currentView$.value?(this.saveCurrentScrollPosition(),this.currentView$.next(e),this.requestUpdate(),e?this.restoreScrollPosition(e):this.resetScrollPositions()):this.currentView$.next(e)}getDrawerContentContainer(){return this.querySelector(".mealz-drawer__content-container")}getNextViewName(){return this.computeActiveViewNames()[0]}computeActiveViewNames(){const e=[];for(const i of this.viewSelector){const[o,s]=Object.entries(i)[0];s()&&e.push(o)}return e}getActiveViewNames(){return[...this.activeViewNames$.value]}updateActiveViews(){const e=this.computeActiveViewNames(),i=this.activeViewNames$.value;(e.length!==i.length||e.some((s,a)=>s!==i[a]))&&(this.activeViewNames$.next(e),this.dispatchEvent(new CustomEvent("mealz-active-views-changed",{detail:{activeViews:e},bubbles:!0,composed:!0})))}saveCurrentScrollPosition(){if(this.currentView$.value){const e=this.getDrawerContentContainer();e&&this.scrollPositions.set(this.currentView$.value,e.scrollTop)}}restoreScrollPosition(e){requestAnimationFrame(()=>{const i=this.getDrawerContentContainer();i&&this.scrollPositions.has(e)&&(i.scrollTop=this.scrollPositions.get(e)??0)})}resetScrollPositions(){this.scrollPositions.clear()}addToHistory(e){this.viewHistory[this.viewHistory.length-1]!==e&&this.viewHistory.push(e)}render(){return r`
|
|
50
|
+
<div class="mealz-drawer-view-swapper">${this.drawerIsOpen()?this.displayDrawer():d}</div>`}drawerIsOpen(){return this.currentView$.value!==void 0}closeDrawer(){this.displayStoreLocator$.next(!1),this.displayPlannerCatalog$.next(!1),this.displayPreferences$.next(!1),this.displayBasketDrawer$.next(null),V()&&(t.recipes.displayedRecipe$.next(null),t.basket.basketPreviewState$.next({isOpen:!1}),t.noSupplier&&t.noSupplier.displaySupplierSelector$&&t.noSupplier.displaySupplierSelector$.next(!1),t.productAddition&&typeof t.productAddition.close=="function"&&t.productAddition.close())}displayDrawer(){return this.drawerIsOpen()?r`
|
|
51
51
|
<mealz-drawer @drawerClosed=${this.closeDrawer}
|
|
52
52
|
.titleSlot=
|
|
53
53
|
${this.currentView$.value==="isSupplierSelectorVisible"?r`<span>Mes courses avec ${this.recipePartnerLabel}</span>`:this.currentView$.value==="isBasketPreviewVisible"?r`<span>Mes repas</span>`:this.currentView$.value==="isHistoryDrawerVisible"?r`<span>Commande du ${this.displayHistoryDrawer$.value.orderDate}</span>`:this.currentView$.value==="isBasketDrawerVisible"?r`<span>${this.displayBasketDrawer$.value.title}</span>`:this.currentView$.value==="isPlannerCatalogVisible"?r`<span>Ajouter une recette</span>`:d}
|
|
@@ -94,4 +94,4 @@ import"../drawer/drawer.min.js";import"../store-locator-drawer/store-locator-dra
|
|
|
94
94
|
</mealz-history-drawer>
|
|
95
95
|
`}
|
|
96
96
|
</mealz-drawer>
|
|
97
|
-
`:r``}}A([y({type:Boolean})],
|
|
97
|
+
`:r``}}A([y({type:Boolean})],S.prototype,"displayBasketPreview");customElements.get("mealz-drawer-view-swapper")||customElements.define("mealz-drawer-view-swapper",S);if(!document.querySelector("mealz-drawer-view-swapper")){const l=document.createElement("mealz-drawer-view-swapper");document.body.appendChild(l)}
|
|
@@ -4,4 +4,4 @@ import{N as n}from"../assets/no-shadow-element-DZc32M1D.js";import{m as a}from".
|
|
|
4
4
|
`,this.addToBasketContent=`
|
|
5
5
|
<img alt="add ingredients to basket icon" src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"/>
|
|
6
6
|
<span class="mealz-ds-text weight-l">Acheter les ingrédients</span>
|
|
7
|
-
`}static get observedAttributes(){return[...super.observedAttributes,"guests"]}attributeChangedCallback(t,
|
|
7
|
+
`}static get observedAttributes(){return[...super.observedAttributes,"guests"]}attributeChangedCallback(t,s,e){if(super.attributeChangedCallback(t,s,e),t!=="guests"||s===e)return;const i=Number(e);this.guests=Number.isFinite(i)?i:void 0}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.ctaBtn&&(this.observer.unobserve(this.ctaBtn),this.observer.disconnect()),this.subscriptions.forEach(t=>t.unsubscribe())}render(){this.ctaBtn=this.querySelector(".mealz-no-supplier-add-to-cart-cta.mealz-no-supplier-add-to-cart-cta--static"),this.fixedCtaBtn=this.querySelector(".mealz-no-supplier-add-to-cart-cta.mealz-no-supplier-add-to-cart-cta--fixed"),!(!this.ctaBtn||!this.fixedCtaBtn)&&(this.getInitialStatus(),this.listenToRecipeInBasket(),this.listenToGuestsChange(),this.setupEventListeners(),this.setupIntersectionObserver())}getInitialStatus(){const t=this.getAttribute("starting-data");if(t){const{recipeId:s,inBasket:e,guests:i}=JSON.parse(t);this.recipeId=s,this.inBasket=e!==void 0?e:!1,this.guests=typeof i=="number"?i:void 0,this.removeAttribute("starting-data")}else this.inBasket=this.getAttribute("in-basket")==="true";this.syncHostInBasketState()}syncHostInBasketState(){this.setAttribute("in-basket",String(this.inBasket)),this.classList.toggle("in-basket",this.inBasket)}setupEventListeners(){this.ctaBtn.addEventListener("click",t=>{t.stopPropagation(),this.handleCtaClick()}),this.fixedCtaBtn.addEventListener("click",t=>{t.stopPropagation(),this.handleCtaClick()})}setupIntersectionObserver(){this.observer=new IntersectionObserver(([t])=>{this.showFixedButton=!t.isIntersecting,this.fixedCtaBtn.style.display=this.showFixedButton?"flex":"none",this.showFixedButton&&(this.fixedCtaBtn.style.animation="slideUp 300ms cubic-bezier(.25,.8,.25,1)")},{threshold:0}),this.observer.observe(this.ctaBtn)}updateDOM(){this.updateButtonState(this.ctaBtn),this.updateButtonState(this.fixedCtaBtn)}updateButtonState(t){t&&(this.inBasket?(t.className=t.className.replace("primary","secondary"),t.innerHTML=this.inBasketContent):(t.className=t.className.replace("secondary","primary"),t.innerHTML=this.addToBasketContent))}handleCtaClick(){var t,s;if(this.inBasket){const e=(s=(t=a.basket)==null?void 0:t.guestsForRecipe)==null?void 0:s.call(t,this.recipeId),i=this.guests??e??null;a.recipes.openDetails(this.recipeId,i,0,"",!0)}else a.noSupplier.addRecipeToBasketFromIdAndOpenPreview(this.recipeId,this.guests)}listenToRecipeInBasket(){this.subscriptions.push(a.recipes.isRecipeInBasket(this.recipeId).subscribe(t=>{this.setInBasket(t)}))}setInBasket(t){this.inBasket!==t&&(this.inBasket=t,this.syncHostInBasketState(),this.updateDOM(),this.dispatchEvent(new CustomEvent("inBasketStatus",{bubbles:!0,composed:!0,detail:t})))}listenToGuestsChange(){this.subscriptions.push(this.guestObserverService.guests$.subscribe(t=>{this.guests=t}))}}customElements.get("mealz-no-supplier-add-to-cart-cta")||customElements.define("mealz-no-supplier-add-to-cart-cta",c);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"./replace-item-card/replace-item-card.min.js";import{N as
|
|
1
|
+
import"./replace-item-card/replace-item-card.min.js";import{N as g,n as h,D as d,k as c}from"../assets/no-shadow-element-DZc32M1D.js";import{c as b}from"../assets/capitalize-DUAqYmp4.js";import{m as i}from"../assets/mealz-sdk-CQtAGQGQ.js";import{G as f}from"../assets/guestObserver-CSQi-6i9.js";import{m as _}from"../assets/merge-rdVI6Z3B.js";import{m as o}from"../assets/map-DdvZijlE.js";import{d as v}from"../assets/debounceTime-D6W3esj0.js";import{f as z}from"../assets/filter-Dq4X88HC.js";import{d as S}from"../assets/distinctUntilChanged-FtASLz6t.js";import{s as I}from"../assets/switchMap-C79NTzdm.js";import"../assets/promotion-badge-BusnHgIb.js";import"../assets/property-CrS1c6lI.js";import"../assets/price-Bfy_G-uC.js";import"../assets/singleton-COF3iBbF.js";import"../assets/price-utils-BRFZa-3D.js";import"../assets/mergeAll-BJfNWPb7.js";import"../assets/mergeMap-CObP_yRz.js";import"../assets/innerFrom-BZ8nxpLv.js";import"../assets/OperatorSubscriber-BF1r9b3N.js";import"../assets/executeSchedule-CEDvgTzM.js";import"../assets/empty--gMS1asf.js";import"../assets/args-DPeCFqiB.js";import"../assets/isScheduler-B3orCs5Q.js";import"../assets/from-BxJrdzJs.js";import"../assets/async-Buq9Zuro.js";class $ extends g{constructor(){super(),this.addProductMode=!1,this.fromRecipeDetails=!1,this.isLoading=!1,this.subscriptions=[],this.searchString="",this.itemsWithPricesList=[],this.searchSubject=new h,this.guestObserverService=f.getInstance(),this.initialGuests=1,this.currentGuests=1,this.styleURL=new URL("./replace-item/replace-item.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.searchSubscription=this.setupSearchObservable(),this.subscriptions.push(i.replaceItem.basketEntryToReplace$.subscribe(e=>{this.handleToReplace(e)}),_(i.recipes.displayedRecipe$.pipe(o(e=>{var a,n,l,m;if(!this.ingredient)return;const t=(a=e==null?void 0:e.recipe)==null?void 0:a.id;if(!t)return;this.currentRecipeId=t;const r=((l=(n=e==null?void 0:e.recipe)==null?void 0:n.attributes)==null?void 0:l["number-of-guests"])||1,s=(m=e==null?void 0:e.recipe)==null?void 0:m.modifiedGuests;this.initialGuests=Number(r)||1,this.currentGuests=Number(s||r)||1,this.calculateQty()})),i.replaceItem.replaceProductFromPreviewOpen$.pipe(o(e=>{e&&(this.basketEntry=e,this.fromRecipeDetails=!1)})),i.replaceItem.additionModalOpen$.pipe(o(e=>{this.addProductMode=e,e&&(this.fromRecipeDetails=!1)})),i.replaceItem.itemsWithPricesList$.pipe(o(e=>{this.itemsWithPricesList=e})),i.replaceItem.fetchingItemLoading$.pipe(o(e=>{this.isLoading=e}))).subscribe(()=>this.requestUpdate()),this.guestObserverService.guests$.subscribe(e=>{this.currentGuests=Number(e)||this.currentGuests||1,this.calculateQty()}))}disconnectedCallback(){var e;super.disconnectedCallback(),(e=this.searchSubscription)==null||e.unsubscribe(),this.subscriptions.forEach(t=>t.unsubscribe())}handleToReplace(e){var r;if(this.searchString="",!e){this.basketEntry=void 0,this.ingredient=void 0,this.ignoreSelected=!1;return}this.basketEntry=e.basketEntry,this.ingredient=e.ingredient,this.ignoreSelected=e.ignoreSelected||!1,e.initialGuests&&(this.initialGuests=Number(e.initialGuests)||this.initialGuests),e.currentGuests&&(this.currentGuests=Number(e.currentGuests)||this.currentGuests);const t=this.basketEntry;if(t&&t.name&&!(t.attributes&&t.attributes.name)&&(t.attributes={...t.attributes||{},name:t.name}),this.ingredient&&(this.fromRecipeDetails=!0,!this.currentRecipeId)){const s=this.basketEntry,a=(s==null?void 0:s.recipesIds)&&s.recipesIds[0]||((r=s==null?void 0:s.attributes)==null?void 0:r["recipe-ids"])&&s.attributes["recipe-ids"][0];a&&(this.currentRecipeId=String(a))}this.calculateQty(),this.requestUpdate()}calculateQty(){var a,n,l;if(!this.ingredient)return;const e=((a=this.ingredient)==null?void 0:a.quantity)??((l=(n=this.ingredient)==null?void 0:n.attributes)==null?void 0:l.quantity),t=Number(e);if(!Number.isFinite(t))return;const r=this.initialGuests||1,s=t/r;this.modifiedIngQty=Number((s*(this.currentGuests||r)).toFixed(2))}onClose(){var e;i.replaceItem.replaceItemLoading$.next(void 0),i.replaceItem.basketEntryToReplace$.next(void 0),i.replaceItem.replaceProductFromPreviewOpen$.next(null),i.replaceItem.additionModalOpen$.next(!1),i.replaceItem.itemsWithPricesList$.next([]),i.replaceItem.fetchingItemLoading$.next(!1),i.productAddition.close(),this.addProductMode=!1,this.fromRecipeDetails=!1,this.isLoading=!1,this.searchString="",this.basketEntry=void 0,this.ingredient=void 0,this.ignoreSelected=!1,this.modifiedIngQty=void 0,this.itemsWithPricesList=[],this.currentRecipeId=void 0,this.initialGuests=1,this.currentGuests=1,(e=this.searchSubscription)==null||e.unsubscribe(),this.searchSubject.complete(),this.searchSubject=new h,this.searchSubscription=this.setupSearchObservable(),this.requestUpdate()}onSearchInputChange(e){this.searchString=e.target.value,this.searchSubject.next(this.searchString)}setupSearchObservable(){return this.searchSubject.pipe(v(200),z(e=>e.length>=3),S(),I(e=>i.replaceItem.searchItem(e))).subscribe()}onSelectItem(e){var s;const t=(s=this.basketEntry)==null?void 0:s.id,r=this.fromRecipeDetails?`/recipes/${this.currentRecipeId}/shopping`:"/basket/products";i.replaceItem.onSelectItem(e.detail.item,this.searchString,()=>{this.onClose(),i.productAddition.productAdded$.next(t)},{originPath:`${r}/item-selector`,props:{}})}renderIssues(){var e,t;return c`
|
|
2
2
|
<!-- NO SUBSTITUTION PRODUCT -->
|
|
3
3
|
${!this.isLoading&&this.itemsWithPricesList.length===1&&!this.searchString?c`
|
|
4
4
|
<div class="mealz-replace-item__error">
|
|
@@ -28,7 +28,7 @@ import"./replace-item-card/replace-item-card.min.js";import{N as h,n as g,D as d
|
|
|
28
28
|
<span class="mealz-replace-item__issue-description mealz-ds-text weight-xxl"><span>Essayez avec un autre mot-clé</span></span>
|
|
29
29
|
</div>
|
|
30
30
|
`:d}
|
|
31
|
-
`}render(){var e,t,
|
|
31
|
+
`}render(){var e,t,r,s,a,n,l,m;return c`
|
|
32
32
|
<div class="mealz-replace-item">
|
|
33
33
|
<!-- HEADER -->
|
|
34
34
|
<div class="mealz-replace-item__header mealz-ds-text weight-xxl">
|
|
@@ -60,9 +60,9 @@ import"./replace-item-card/replace-item-card.min.js";import{N as h,n as g,D as d
|
|
|
60
60
|
${this.fromRecipeDetails?c`
|
|
61
61
|
<div class="mealz-replace-item__product-banner">
|
|
62
62
|
<span class="mealz-replace-item__banner-product-name mealz-ds-text size-s">
|
|
63
|
-
<span>${b(((
|
|
63
|
+
<span>${b(((r=(t=this.basketEntry)==null?void 0:t.attributes)==null?void 0:r.name)||"")} :</span>
|
|
64
64
|
<span class="mealz-replace-item__banner-quantity mealz-ds-text weight-xxl">
|
|
65
|
-
${this.modifiedIngQty||((s=this.ingredient)==null?void 0:s.quantity)||((n=(a=this.ingredient)==null?void 0:a.attributes)==null?void 0:n.quantity)} ${(
|
|
65
|
+
${this.modifiedIngQty||((s=this.ingredient)==null?void 0:s.quantity)||((n=(a=this.ingredient)==null?void 0:a.attributes)==null?void 0:n.quantity)} ${(m=(l=this.ingredient)==null?void 0:l.attributes)==null?void 0:m.unit}
|
|
66
66
|
</span>
|
|
67
67
|
</span>
|
|
68
68
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.mealz-supplier-selector .mealz-supplier-selector__onboarding-container{padding:24px;background-color:var(--mealz-ds-color-primary-100, #e4eaec)}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-title{margin:0 0 8px}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps{overflow-y:scroll;margin-top:16px;display:flex}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps>*:not(:last-child){margin-right:16px}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps .mealz-supplier-selector__card{background-color:var(--mealz-ds-color-neutral-white, #fff);display:flex;align-items:center;padding:16px;border-radius:12px}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps .mealz-supplier-selector__card .mealz-supplier-selector__instructions{flex:1 1 0;margin-right:24px}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps .mealz-supplier-selector__card .mealz-supplier-selector__instructions .mealz-supplier-selector__step-counter{display:flex;justify-content:center;align-items:center;margin-bottom:8px;height:32px;width:32px;border-radius:50%;background-color:var(--mealz-ds-color-primary, #24748F);color:var(--mealz-ds-color-neutral-white, #fff)}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps .mealz-supplier-selector__card .mealz-supplier-selector__onboarding-step-image{flex:1 1 0}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container{padding:24px}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));margin:0 -6px -6px}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list .mealz-supplier-selector__supplier-button-card{border-radius:8px;background:none;border:none;padding:0;margin:6px;cursor:pointer;position:relative;overflow:hidden}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list .mealz-supplier-selector__supplier-button-card .mealz-supplier-selector__supplier-logo{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:65%;max-height:100%;width:auto;height:auto;object-fit:contain}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list .mealz-supplier-selector__supplier-button-card .mealz-supplier-selector__supplier-bg{display:block}@media (max-width: 575px){.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (max-width: 375px){.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list{grid-template-columns:repeat(1,minmax(150px,1fr))}}
|
|
1
|
+
.mealz-supplier-selector .mealz-supplier-selector__onboarding-container{padding:24px;background-color:var(--mealz-ds-color-primary-100, #e4eaec)}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-title{margin:0 0 8px}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;margin-top:16px;display:flex}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps::-webkit-scrollbar{display:none}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps>*:not(:last-child){margin-right:16px}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps .mealz-supplier-selector__card{background-color:var(--mealz-ds-color-neutral-white, #fff);display:flex;align-items:center;padding:16px;border-radius:12px;min-width:306px}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps .mealz-supplier-selector__card .mealz-supplier-selector__instructions{flex:1 1 0;margin-right:24px}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps .mealz-supplier-selector__card .mealz-supplier-selector__instructions .mealz-supplier-selector__step-counter{display:flex;justify-content:center;align-items:center;margin-bottom:8px;height:32px;width:32px;border-radius:50%;background-color:var(--mealz-ds-color-primary, #24748F);color:var(--mealz-ds-color-neutral-white, #fff)}.mealz-supplier-selector .mealz-supplier-selector__onboarding-container .mealz-supplier-selector__onboarding-steps .mealz-supplier-selector__card .mealz-supplier-selector__onboarding-step-image{flex:1 1 0;width:128px}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container{padding:24px}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));margin:0 -6px -6px}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list .mealz-supplier-selector__supplier-button-card{border-radius:8px;background:none;border:none;padding:0;margin:6px;cursor:pointer;position:relative;overflow:hidden}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list .mealz-supplier-selector__supplier-button-card .mealz-supplier-selector__supplier-logo{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:65%;max-height:100%;width:auto;height:auto;object-fit:contain}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list .mealz-supplier-selector__supplier-button-card .mealz-supplier-selector__supplier-bg{display:block}@media (max-width: 575px){.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (max-width: 375px){.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list{grid-template-columns:repeat(1,minmax(150px,1fr))}.mealz-supplier-selector .mealz-supplier-selector__suppliers-container .mealz-supplier-selector__supplier-list .mealz-supplier-selector__supplier-bg{width:100%}}
|