mealz-components 2.6.0 → 2.6.1

package/dist/assets/custom-element-BhZVzxrc.js

@@ -1,5 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */const n=e=>(t,i)=>{i!==void 0?i.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)};export{n as t};

package/dist/assets/product-card-TLfT6URx.js

@@ -1,189 +0,0 @@
-import"../price/price.min.js";import"../counter/counter.min.js";import"./promotion-badge-B-er7bV2.js";import{N as v,k as r,D as f}from"./no-shadow-element-D62BBu0I.js";import{t as g}from"./custom-element-BhZVzxrc.js";import{n as o}from"./property-CoRN-Ln2.js";import{G as k}from"./guestObserver-C5qvv1Ll.js";import{c as P}from"./capitalize-DUAqYmp4.js";import{m as c}from"./mealz-sdk-E_fNZM-c.js";import{d as I}from"./delay-DHNms76g.js";import{P as O}from"./price-D6RVRYHJ.js";var C=Object.defineProperty,x=Object.getOwnPropertyDescriptor,y=(t,e,i,a)=>{for(var s=a>1?void 0:a?x(e,i):e,d=t.length-1,n;d>=0;d--)(n=t[d])&&(s=(a?n(e,i,s):n(s))||s);return a&&s&&C(e,i,s),s};let u=class extends v{constructor(){super(),this.isSponsored=!1,this.priceService=O.getInstance(),this.styleURL=new URL("./product-badges/product-badges.css",this.getBaseURL())}connectedCallback(){super.connectedCallback(),this.applyStartingDataFromAttribute()}formatNumber(t){const e=c.user.getLanguage()||"fr";return new Intl.NumberFormat(e,{minimumFractionDigits:1,maximumFractionDigits:2}).format(t)}render(){var t,e,i,a,s;return r`
-    <div class="mealz-product-badges">
-      <!-- SPONSORED BADGE -->
-      ${this.isSponsored?r`
-        <div class="mealz-ds-badge mealz-ds-text size-xs weight-l">
-          <span>Sponsorisé</span>
-        </div>
-      `:r``}
-      <!-- PRODUCT CAPACITY -->
-      ${(t=this.item)!=null&&t.capacityVolume||(i=(e=this.item)==null?void 0:e.attributes)!=null&&i["capacity-volume"]?r`
-        <div class="mealz-ds-badge mealz-ds-text size-xs weight-l outline">
-          ${this.formatNumber(this.item.capacityVolume||this.item.attributes["capacity-volume"])}
-          ${this.item.capacityUnit||this.item.attributes["capacity-unit"]}
-        </div>
-      `:r``}
-      <!-- PRODUCT PRICE PER UNIT -->
-      ${(a=this.price)!=null&&a.pricePerUnit&&((s=this.price)!=null&&s.unitOfMeasurement)?r`
-        <span class="mealz-ds-text size-xs mealz-product-badges__details product-price-per-unit">
-          ${this.priceService.priceTemplate(this.price.pricePerUnit)}
-          /${this.price.unitOfMeasurement}
-        </span>
-      `:r``}
-    </div>
-  `}applyStartingDataFromAttribute(){const t=this.getAttribute("starting-data");if(t){try{const e=JSON.parse(t);typeof e.isSponsored=="boolean"&&(this.isSponsored=e.isSponsored)}catch(e){console.warn("[product-badges] starting-data parse error",e)}this.removeAttribute("starting-data")}}};y([o({type:Boolean})],u.prototype,"isSponsored",2);y([o({type:Object})],u.prototype,"item",2);y([o({type:Object})],u.prototype,"price",2);u=y([g("mealz-product-badges")],u);customElements.get("mealz-product-badges")||customElements.define("mealz-product-badges",u);var R=Object.defineProperty,U=Object.getOwnPropertyDescriptor,$=(t,e,i,a)=>{for(var s=a>1?void 0:a?U(e,i):e,d=t.length-1,n;d>=0;d--)(n=t[d])&&(s=(a?n(e,i,s):n(s))||s);return a&&s&&R(e,i,s),s};let h=class extends v{constructor(){super(),this.styleURL=new URL("./unavailable-badge/unavailable-badge.css",this.getBaseURL())}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}clicked(){const t=new CustomEvent("clicked",{bubbles:!0,composed:!0});this.dispatchEvent(t)}render(){return r`
-      <button
-      class="mealz-ds-badge mealz-unavailable-badge ${this.numberUnavailable?"pointer":""}" 
-      ?disabled="${!this.numberUnavailable}" 
-      @click="${()=>this.clicked()}">
-      <div class="mealz-unavailable-badge__icon">!</div>
-      ${this.numberUnavailable?"":r`<span>Indisponible</span>`}
-      ${this.numberUnavailable?r`<span>${this.numberUnavailable}</span>`:""}
-      ${this.numberUnavailable&&this.numberUnavailable<=1?r`<span>produit indisponible</span>`:""}
-      ${this.numberUnavailable&&this.numberUnavailable>1?r`<span>produits indisponible</span>`:""}
-    </button>
-    `}};$([o({type:Number})],h.prototype,"numberUnavailable",2);h=$([g("mealz-unavailable-badge")],h);customElements.get("mealz-unavailable-badge")||customElements.define("mealz-unavailable-badge",h);var A=Object.defineProperty,S=Object.getOwnPropertyDescriptor,E=(t,e,i,a)=>{for(var s=a>1?void 0:a?S(e,i):e,d=t.length-1,n;d>=0;d--)(n=t[d])&&(s=(a?n(e,i,s):n(s))||s);return a&&s&&A(e,i,s),s};let b=class extends v{constructor(){super(),this.styleURL=new URL("./out-of-stock-overlay/out-of-stock-overlay.css",this.getBaseURL())}replacedClicked(){const t=new CustomEvent("replacedClicked",{bubbles:!0,composed:!0});this.dispatchEvent(t)}render(){return r`
-      <div class="mealz-out-of-stock-overlay">
-        <div class="mealz-out-of-stock-overlay__container"></div>
-        <div class="mealz-out-of-stock-overlay__footer">
-          <mealz-unavailable-badge></mealz-unavailable-badge>
-          <button @click="${()=>this.replacedClicked()}"
-          class="mealz-ds-button mealz-ds-text weight-l small primary reverse">Remplacer</button>
-        </div>
-      </div>
-      `}};E([o()],b.prototype,"priceData",2);b=E([g("mealz-out-of-stock-overlay")],b);customElements.get("mealz-out-of-stock-overlay")||customElements.define("mealz-out-of-stock-overlay",b);var B=Object.defineProperty,w=Object.getOwnPropertyDescriptor,m=(t,e,i,a)=>{for(var s=a>1?void 0:a?w(e,i):e,d=t.length-1,n;d>=0;d--)(n=t[d])&&(s=(a?n(e,i,s):n(s))||s);return a&&s&&B(e,i,s),s};const _=["ignored","deleted","often_deleted","unavailable"],z=["ignored","deleted","often_deleted"],D=["initial","active","out_of_stock"],T=["initial","out_of_stock"];let l=class extends v{constructor(){super(),this.recipeId="",this.initialGuests=0,this.currentGuests=0,this.inBasket=!1,this.isSponsored=!1,this.analyticsPath="",this.subscriptions=[],this.loadingAddToBasket=!1,this.ingredientIsRemoved=!1,this.guestObserverService=k.getInstance(),this.modifiedIngQty=0,this.styleURL=new URL("./product-card/product-card.css",this.getBaseURL())}get status(){var t,e;return(e=(t=this.product)==null?void 0:t.basketEntry)==null?void 0:e.status}set status(t){this.product.basketEntry.status=t}get productImage(){return this.product.basketEntry.selectedItem.attributes.image||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}get ingredientPicture(){return this.product.ingredient.picture||"https://storage.googleapis.com/assets.miam.tech/generic/images/default-ingredient-picture.svg"}get props(){var s;const t=((s=this.product)==null?void 0:s.basketEntry)||{},e=t.attributes||{},i=t.selectedItem||t.relationships&&t.relationships["selected-item"]&&t.relationships["selected-item"].data||{},a=i&&i.attributes||{};return{entry_name:e.name??"",item_id:i.id??"",ext_item_id:a["ext-id"]??"",item_ean:a.ean??"",product_quantity:e.quantity!=null?String(e.quantity):""}}get selectors(){return{ignoreButton:".mealz-product-card__ignore-product",replaceButton:".mealz-product-card__replace-product",addProductButton:".mealz-product-card__add-product"}}updated(){var t,e;this.product&&(this.status==="deleted"&&(this.ingredientIsRemoved=!1),this.isSponsored=((e=(t=this.product.basketEntry.selectedItem)==null?void 0:t.attributes)==null?void 0:e.sponsored)===!0)}connectedCallback(){var t;super.connectedCallback(),this.listenGuestsChange(),this.productIsBeingAdded(),this.isRecipeInBasket(),(t=this.product)!=null&&t.ingredient&&this.calculateQty(),this.analyticsPath=`/recipes/${this.recipeId}/shopping`}disconnectedCallback(){super.disconnectedCallback(),this.subscriptions.forEach(t=>t.unsubscribe())}listenGuestsChange(){this.subscriptions.push(this.guestObserverService.guests$.subscribe(t=>{this.currentGuests=t,this.calculateQty()}))}calculateQty(){var s,d,n,p;if(!this.isConnected||!((s=this.product)!=null&&s.ingredient))return;const t=((d=this.product.ingredient)==null?void 0:d.quantity)??((p=(n=this.product.ingredient)==null?void 0:n.attributes)==null?void 0:p.quantity),e=Number(t),i=this.initialGuests||1;if(!Number.isFinite(e))return;const a=e/i;this.modifiedIngQty=Number((a*(this.currentGuests||i)).toFixed(2)),this.requestUpdate()}replaceProduct(t){var i,a,s,d;if(this.sendEntryReplaceEvent(),!!this.closest("mealz-recipe-details"))c.recipes.replaceBasketEntry(this.product.basketEntry,t);else{const n=(i=this.product)==null?void 0:i.basketEntry;n.name||(n.name=((d=(s=(a=this.product)==null?void 0:a.basketEntry)==null?void 0:s.attributes)==null?void 0:d.name)||""),c.replaceItem.basketEntryToReplace$.next({basketEntry:n,ignoreSelected:t,ingredient:this.product.ingredient,addProductMode:!1,initialGuests:this.initialGuests||4,currentGuests:this.currentGuests||this.initialGuests||4}),this.requestUpdate()}this.scrollBackWhenReplaced()}scrollBackWhenReplaced(){this.subscriptions.push(c.productAddition.productAdded$.pipe(I(200)).subscribe(()=>{this.isConnected&&(this.scrollIntoView({behavior:"smooth",block:"center"}),this.requestUpdate())}))}isInXRecipes(){var e;const t=(e=this.product)==null?void 0:e.basketEntry;return!t||t.status!=="active"?1:Array.isArray(t.recipesIds)?t.recipesIds.length:1}isRecipeInBasket(){this.subscriptions.push(c.recipes.recipePrice$.subscribe(t=>{this.inBasket=t.inBasket>0}))}ignoreProduct(){this.sendEntryIgnoreEvent(),c.recipes.ignoreProduct(this.product),this.requestUpdate()}updateQuantity(t){this.product.basketEntry.quantity!==t.detail.value&&(t.detail.value<1?(this.ingredientIsRemoved=!0,c.recipes.ingredientRemoved(this.product.ingredient,{originPath:this.analyticsPath,props:{}}),this.sendEntryDeleteEvent()):c.recipes.updateProductQuantity(this.product.basketEntry,t.detail.value,{originPath:this.analyticsPath,props:{}}),c.recipes.updateIngredientFromBasketLoading$.next(!0),this.requestUpdate())}addToBasket(){this.sendEntryAddEvent(),c.recipes.addToBasket(this.product,{props:{},originPath:this.analyticsPath}),this.requestUpdate()}productIsBeingAdded(){this.subscriptions.push(c.recipes.productIsBeingAdded(this.product.basketEntry).subscribe(t=>{this.loadingAddToBasket=t,this.requestUpdate()}))}render(){var t;return r`
-      ${(t=this.product)!=null&&t.basketEntry?this.renderProductCard():f}
-    `}renderProductCard(){return r`
-      <div
-        class="mealz-product-card
-      ${this.status==="active"?"added":""}
-      ${_.includes(this.status)?"disabled":""}
-      ${this.status==="out_of_stock"?"out_of_stock":""} ${this.status==="unavailable"?"unavailable":""}"
-      >
-        ${this.renderOutOfStockOverlay()}
-        ${this.renderHeader()}
-        <div
-          class="
-      mealz-product-card__content
-      ${z.includes(this.status)?"disabled":""}
-      ${this.status==="unavailable"?"unavailable":""}">
-          ${D.includes(this.status)?this.renderEnabledProductCard():this.renderDisabledOrUnavailableProduct()}
-        </div>
-        ${this.renderCalculatedForXRecipes()}
-      </div>
-    `}renderEnabledProductCard(){var t,e,i,a,s,d,n,p;return r`
-      <mealz-promotion-badge .priceData="${this.product.price}"></mealz-promotion-badge>
-      <div class="mealz-product-card__selected-product">
-        <div class="mealz-product-card__picture-column">
-          <img class="mealz-product-card__picture" alt="${((a=(i=(e=(t=this.product)==null?void 0:t.basketEntry)==null?void 0:e.selectedItem)==null?void 0:i.attributes)==null?void 0:a.brand)||""} ${((p=(n=(d=(s=this.product)==null?void 0:s.basketEntry)==null?void 0:d.selectedItem)==null?void 0:n.attributes)==null?void 0:p.name)||"product"}" src="${this.productImage}">
-        </div>
-        <div class="mealz-product-card__info-column">
-          <span class="mealz-ds-text size-xs weight-xl mealz-product-card__details product-brand">
-            ${this.product.basketEntry.selectedItem.attributes.brand}
-          </span>
-          <span class="mealz-ds-text size-xs mealz-product-card__details product-fullname">
-            ${this.product.basketEntry.selectedItem.attributes.name}
-          </span>
-          <mealz-product-badges
-            .isSponsored="${this.isSponsored}"
-            .item="${this.product.basketEntry.selectedItem}"
-            .price="${this.product.price}"
-          ></mealz-product-badges>
-        </div>
-      </div>
-      <div class="mealz-product-card__lower-action">
-        <mealz-price
-          class="mealz-product-card__price mealz-ds-text size-l weight-xxl"
-          .price="${this.product.price.unit}">
-        </mealz-price>
-        <div class="mealz-product-card__cta">
-          ${this.renderCTA()}
-        </div>
-      </div>
-      ${this.renderFooterActions()}
-    `}renderOutOfStockOverlay(){return this.status==="out_of_stock"?r`
-      <mealz-out-of-stock-overlay
-        @replacedClicked="${()=>this.replaceProduct(!0)}"></mealz-out-of-stock-overlay>
-    `:f}renderHeader(){return r`
-      <div
-        class="mealz-product-card__header
-      ${this.status==="active"?"added":""}
-      ${z.includes(this.status)?"disabled":""}
-      ${this.status==="unavailable"?"unavailable":""}">
-        <span
-          class="
-          mealz-product-card__header-name
-          mealz-ds-text weight-xl
-          ${_.includes(this.status)?"mealz-product-card__disabled-text":""}"
-        >
-          ${P(this.product.basketEntry.name)}
-        </span>
-        <span
-          class="
-          mealz-product-card__header-quantity
-          mealz-ds-text size-s weight-l
-          ${_.includes(this.status)?"mealz-product-card__disabled-text":""}"
-        >
-          <span>${this.modifiedIngQty?this.modifiedIngQty:this.product.ingredient.quantity}</span>
-          <span>${this.product.ingredient.attributes.unit}</span>
-        </span>
-      </div>
-    `}renderCalculatedForXRecipes(){var t;return r`
-      ${(t=this.product)!=null&&t.basketEntry&&this.isInXRecipes()>1&&this.status==="active"?r`
-        <div class="mealz-product-card__footer">
-          <div class="mealz-ds-text size-xs weight-xl light-text">
-            <span>Calculé pour </span>
-            <span>${this.isInXRecipes()}</span>
-            <span> repas</span>
-          </div>
-        </div>
-      `:""}
-    `}renderFooterActions(){return r`
-      <div class="mealz-product-card__footer__actions">
-        ${this.status==="initial"?r`
-          <button
-            class="mealz-ds-button mealz-ds-text weight-l mealz-product-card__ignore-product ghost small"
-            @click="${()=>this.ignoreProduct()}">
-            <span class="mealz-product-card__disabled-text">Ignorer produit</span>
-          </button>
-        `:""}
-        <button
-          @click="${()=>this.replaceProduct(this.status==="initial")}"
-          class="mealz-product-card__replace-product mealz-ds-button ghost mealz-ds-text size-s weight-xl"
-        >
-          <span>Remplacer</span>
-        </button>
-      </div>
-    `}renderCTA(){return T.includes(this.status)?r`
-        ${this.loadingAddToBasket?r`
-          <button class="mealz-ds-button mealz-product-card__loading-button square primary">
-            <div class="mealz-ds-loader"></div>
-          </button>
-        `:r`
-          <!-- TODO: add disabled state -->
-          <button class="mealz-ds-button mealz-product-card__add-product square primary"
-                @click="${()=>this.addToBasket()}">
-            <img alt="basket icon"
-                 src="https://storage.googleapis.com/assets.miam.tech/generic/icons/Basket.svg"/>
-          </button>
-        `}
-      `:this.status==="active"?r`
-        <mealz-counter
-          .value="${this.product.basketEntry.quantity}"
-          .min="${0}"
-          .biColor="${!0}"
-          .debounce="${300}"
-          .minusLoading="${this.ingredientIsRemoved}"
-          @valueChange="${t=>this.updateQuantity(t)}"
-        ></mealz-counter>
-      `:r``}renderDisabledOrUnavailableProduct(){return r`
-      ${z.includes(this.status)?r`
-        <span class="mealz-ds-text mealz-product-card__disabled-text">
-          Cet ingrédient ne sera pas ajouté à votre panier
-        </span>
-        <button
-          class="mealz-product-card__replace-product-from-disabled mealz-ds-button mealz-ds-text size-s weight-xl primary reverse small"
-          @click="${()=>this.replaceProduct(!0)}">
-          <span>Ajouter un produit</span>
-        </button>
-      `:""}
-      ${this.status==="unavailable"?r`
-        <img class="mealz-ds-avatar" src="${this.ingredientPicture}" alt="ingredient picture">
-        <mealz-unavailable-badge></mealz-unavailable-badge>
-        <button
-          class="mealz-product-card__replace-product-from-unavailable mealz-ds-button mealz-ds-text size-s weight-xl primary reverse small"
-          @click="${()=>this.replaceProduct(!0)}">
-          <span>Remplacer</span>
-        </button>
-      `:""}
-    `}sendEntryAddEvent(){c.analytics.sendEvent("entry.add",this.analyticsPath,this.props)}sendEntryReplaceEvent(){c.analytics.sendEvent("entry.replace",this.analyticsPath,this.props)}sendEntryIgnoreEvent(){c.analytics.sendEvent("entry.ignore",this.analyticsPath,this.props)}sendEntryDeleteEvent(){c.analytics.sendEvent("entry.delete",this.analyticsPath,this.props)}};m([o({type:Object})],l.prototype,"product",2);m([o({type:String})],l.prototype,"recipeId",2);m([o({type:Number})],l.prototype,"initialGuests",2);m([o({type:Number})],l.prototype,"currentGuests",2);l=m([g("mealz-product-card")],l);customElements.get("mealz-product-card")||customElements.define("mealz-product-card",l);

package/dist/assets/promotion-badge-B-er7bV2.js

@@ -1,12 +0,0 @@
-import{N as c,k as n}from"./no-shadow-element-D62BBu0I.js";import{t as l}from"./custom-element-BhZVzxrc.js";import{n as d}from"./property-CoRN-Ln2.js";import{P as u}from"./price-D6RVRYHJ.js";var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,p=(e,o,s,r)=>{for(var t=r>1?void 0:r?f(o,s):o,a=e.length-1,m;a>=0;a--)(m=e[a])&&(t=(r?m(o,s,t):m(t))||t);return r&&t&&g(o,s,t),t};let i=class extends c{constructor(){super(),this.priceService=u.getInstance(),this.styleURL=new URL("./promotion-badge/promotion-badge.css",this.getBaseURL())}getPriceAmountSuffix(){var e;return(e=this.priceData.discountType)!=null&&e.endsWith("_perc")?"%":this.priceService.currencySymbol()}render(){var e;return n`
-        <div class="mealz-promotion-badge">
-            ${((e=this.priceData)==null?void 0:e.discountAmount)>0?n`
-                <div class="mealz-ds-badge mealz-promotion-badge__promotion">
-              <span class="mealz-promotion-badge__promotion-value mealz-ds-text size-s weight-l">
-                ${this.priceData.discountAmount}${this.getPriceAmountSuffix()}
-              </span>
-                    <span class="mealz-promotion-badge__promotion-text mealz-ds-text size-s weight-l">de remise immédiate</span>
-                </div>
-            `:""}
-        </div>
-    `}};p([d()],i.prototype,"priceData",2);i=p([l("mealz-promotion-badge")],i);customElements.get("mealz-promotion-badge")||customElements.define("mealz-promotion-badge",i);