@salla.sa/twilight-components 2.14.171 → 2.14.173

package/dist/twilight/p-2780506f.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sallaBookingFieldCss","SallaBookingField","exports","class_1","hostRef","_this","this","bookNowLabel","salla","lang","get","editLabel","bookedLabel","selectDate","bookingUrl","iframeReady","reservations","onLoaded","setTranslations","Salla","event","on","data","handleBookingOpen","prototype","setNestedAsync","key","value","Promise","resolve","helpers","setNested","messages","_c","sent","openBookingModal","afterReload","detail","productId","config","isGuest","setAfterReloadEvent","dispatch","booking","add","then","resp","redirect","to","Error","url","id","catch","error","logger","response","addParamToUrl","setTimeout","modal","setTitle","open","payload","storage","set","emitAfterReloadEvent","eventDetails","customEvent","CustomEvent","window","dispatchEvent","remove","componentWillLoad","option","details","length","componentDidLoad","addEventListener","handleMessageEvent","bind","reservationsInput","e","invalidInput","emit","setCustomValidity","reportValidity","source","action","type","message","localStorage","getItem","console","log","concat","_a","fields","reservation","notify","errorList","Object","values","flat","map","join","Number","schedule","time","timeSlot","date","day","from_timestamp","from","to_timestamp","filter","item","success","_b","close","location","reload","iframe","height","bookingModal","h","class","ref","width","position","noPadding","src","frameborder","renderReservationDate","innerHTML","Calendar","renderReservationTime","TimeIcon","render","Host","required","money","price","size","loaderPosition","fill","onClick","BookingTime","index","name","JSON","stringify","SallaConditionalFields","class_2","hideAllOptions","optionId","host","querySelectorAll","forEach","field","classList","dataset","disableInputs","input","setAttribute","removeAttribute","tagName","toLowerCase","includes","getAttribute","hasOwnProperty","checked","changeHandler","target","replace","isMultiple","isRadio","isEqual","showWhen","trim","isSelected","selectedValues","Array","toString","showTheInput","closestProductOption","closest","optionRequired","checkboxes","document","isAnyChecked","some","checkbox","componentDidRender","optionName","querySelector"],"sources":["src/components/salla-booking-field/salla-booking-field.scss?tag=salla-booking-field","src/components/salla-booking-field/salla-booking-field.tsx","src/components/salla-conditional-fields/salla-conditional-fields.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, Prop, h, Element, State, Event, EventEmitter } from '@stencil/core';\nimport { Option, Reservation } from './interfaces';\nimport BookingTime from '../../assets/svg/calendar-time.svg';\nimport Calendar from '../../assets/svg/calendar.svg';\nimport TimeIcon from '../../assets/svg/time.svg';\n\n@Component({\n  tag: 'salla-booking-field',\n  styleUrl: 'salla-booking-field.scss',\n})\nexport class SallaBookingField {\n  /**\n   * The booking option configuration\n   */\n  @Prop() option: Option;\n  /**\n   * The ID of the product for which the booking is being made\n   */\n  @Prop() productId: number;\n  @Element() host: HTMLElement;\n  @State() bookNowLabel: string = salla.lang.get('pages.cart.book_an_appointment', 'حجز موعد');\n  @State() editLabel: string = salla.lang.get('pages.cart.edit_an_appointment', 'تعديل الموعد');\n  @State() bookedLabel: string = salla.lang.get('pages.cart.booked_successfully', 'تمت اضافة الموعد بنجاح');\n  @State() selectDate: string = salla.lang.get('pages.cart.select_appointment_date', 'حدد تاريخ الموعد');\n  @State() bookingUrl: string = '';\n  @State() iframeReady: boolean = false;\n  @State() reservations: Reservation[] = [];\n  @State() reservationsInput: HTMLInputElement;\n\n  /**\n   * Event emitted when the input is invalid.\n   */\n  @Event() invalidInput: EventEmitter<any>;\n\n  private modal: HTMLSallaModalElement;\n  private iframe: HTMLIFrameElement;\n\n  constructor() {\n    // Load translations\n    salla.lang.onLoaded(() => this.setTranslations());\n    // Register event listeners\n    Salla.event.on('booking::open', (data) => this.handleBookingOpen(data));\n  }\n\n  private async setTranslations() {\n    const setNestedAsync = (lang, key, value) => {\n      return new Promise((resolve) => {\n        salla.helpers.setNested(salla.lang.messages[lang], key, value);\n        resolve(true);\n      });\n    };\n\n    await setNestedAsync('ar.trans', 'pages.cart.book_an_appointment', 'حجز موعد');\n    await setNestedAsync('en.trans', 'pages.cart.book_an_appointment', 'Book an Appointment');\n    await setNestedAsync('ar.trans', 'pages.cart.edit_an_appointment', 'تعديل الموعد');\n    await setNestedAsync('en.trans', 'pages.cart.edit_an_appointment', 'Edit an Appointment');\n    await setNestedAsync('ar.trans', 'pages.cart.booked_successfully', 'تمت اضافة الموعد بنجاح');\n    await setNestedAsync('en.trans', 'pages.cart.booked_successfully', 'Booked Successfully');\n    await setNestedAsync('ar.trans', 'pages.cart.select_appointment_date', 'حدد تاريخ الموعد');\n    await setNestedAsync('en.trans', 'pages.cart.select_appointment_date', 'Select appointment date');\n\n    this.bookNowLabel = salla.lang.get('pages.cart.book_an_appointment');\n    this.editLabel = salla.lang.get('pages.cart.edit_an_appointment');\n    this.bookedLabel = salla.lang.get('pages.cart.booked_successfully');\n    this.selectDate = salla.lang.get('pages.cart.select_appointment_date');\n  }\n\n  private openBookingModal(event: any, afterReload = false) {\n    if (afterReload && (!event.detail || typeof event.detail !== 'number' || event.detail !== this.productId)) {\n      return;\n    }\n    if (salla.config.isGuest()) {\n      this.setAfterReloadEvent('booking::open-after-reload', this.productId);\n      salla.event.dispatch('login::open');\n      return;\n    }\n    salla.booking.add(this.productId, false)\n      .then((resp) => {\n        if (resp.data.redirect.to !== 'booking') {\n          throw new Error('Unexpected redirect!');\n        }\n        salla.event.dispatch('booking::open', { url: resp.data.redirect.url, id: this.productId });\n      })\n      .catch((error) => {\n        salla.error(salla.lang.get('common.errors.error_occurred'));\n        salla.logger.error(error.response || error);\n      });\n  }\n\n  private handleBookingOpen(data) {\n    if (data.id !== this.productId) return;\n    this.bookingUrl = salla.url.addParamToUrl('product_id', data.id, data.url);\n    this.iframeReady = true;\n    setTimeout(() => {\n      this.modal.setTitle(this.selectDate);\n      this.modal.open();\n    }, 100);\n  }\n\n  private setAfterReloadEvent(event, payload) {\n    salla.storage.set('afterReloadEvent', { event, payload });\n  }\n\n  private emitAfterReloadEvent() {\n    const eventDetails = salla.storage.get('afterReloadEvent');\n    if (eventDetails && eventDetails.event) {\n      const customEvent = new CustomEvent(eventDetails.event, {\n        detail: eventDetails.payload\n      });\n      window.dispatchEvent(customEvent)\n      salla.storage.remove('afterReloadEvent');\n    }\n  }\n\n  componentWillLoad() {\n    if (this.option && this.option.details.length) {\n      this.reservations = this.option.details;\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('booking::open-after-reload', (event) => this.openBookingModal(event, true));\n    this.emitAfterReloadEvent();\n    window.addEventListener('message', this.handleMessageEvent.bind(this));\n    this.reservationsInput.addEventListener('invalid', e => this.invalidInput.emit(e));\n    this.reservationsInput.addEventListener('input', () => {\n      this.reservationsInput.setCustomValidity('');\n      this.reservationsInput.reportValidity();\n    });\n  }\n\n  private handleMessageEvent(event) {\n    if (event.data.source !== 'booking') return;\n    const action = event.data.type;\n    const value = event.data.message;\n    if (localStorage.getItem('debug')) console.log(`Received an action:${action}`, event.data);\n\n    if (action === 'error') {\n      if (value.fields?.reservation) {\n        salla.notify.error(value.fields.reservation[0]);\n        return;\n      }\n      const errorList = Object.values(value.fields || [value.message]).flat().map(error => `<li>${error}</li>`).join('');\n      salla.notify.error(`<ul>${errorList}</ul>`);\n    }\n\n    if (action === 'success') {\n      if (Number(value.productId) !== Number(this.productId)) return;\n      this.reservations = value.data.reservations.map(schedule => {\n        if (schedule.time && schedule.time.length > 0) {\n          const timeSlot = schedule.time[0];\n          return {\n            date: schedule.date,\n            day: schedule.day,\n            from_timestamp: timeSlot.from,\n            to_timestamp: timeSlot.to,\n          };\n        }\n        return null;\n      }).filter(item => item !== null);\n\n      salla.notify.success(this.bookedLabel);\n      this.modal?.close();\n      setTimeout(() => window.location.reload());\n    }\n\n    if (action === 'height') {\n      this.iframe.height = value?.height + 'px';\n    }\n  }\n\n  private bookingModal() {\n    return (\n      <salla-modal class=\"s-booking-field-modal\" ref={modal => (this.modal = modal)} width=\"md\" position=\"middle\" noPadding>\n        <iframe ref={iframe => (this.iframe = iframe)} src={this.bookingUrl} frameborder=\"0\"></iframe>\n      </salla-modal>\n    );\n  }\n\n  renderReservationDate(reservation: Reservation) {\n    return (\n      <span class={reservation.from_timestamp ? 's-booking-field-reservations-has-time' : ''}>\n        <i class=\"s-booking-field-reservations-icon\" innerHTML={Calendar}></i>\n        {reservation.date}\n      </span>\n    );\n  }\n\n  renderReservationTime(reservation: Reservation) {\n    if (!reservation.from_timestamp) return '';\n    return (\n      <span class=\"s-booking-field-reservations-time\">\n        <i class=\"s-booking-field-reservations-icon\" innerHTML={TimeIcon}></i>\n        <span>\n          {reservation.from_timestamp} - {reservation.to_timestamp}\n        </span>\n      </span>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"s-booking-field-main\">\n          {this.option.required || this.reservations.length > 0 ? <div class=\"s-booking-field-price\">\n            <span>{salla.money(this.option.price)}</span>\n          </div> : ''}\n          <salla-button class=\"s-booking-field-book-now\" size=\"small\" loaderPosition=\"center\" fill=\"outline\" onClick={event => this.openBookingModal(event, false)}>\n            <span class=\"s-booking-field-book-now-content\">\n              <span innerHTML={BookingTime}></span>\n              {this.reservations.length ? this.editLabel : this.bookNowLabel}\n            </span>\n          </salla-button>\n        </div>\n        {this.reservations.length > 0 && (\n          <div class=\"s-booking-field-reservations\">\n            {this.reservations.map((reservation, index) => (\n              <div key={index} class=\"s-booking-field-reservations-item\">\n                {this.renderReservationDate(reservation)}\n                {this.renderReservationTime(reservation)}\n              </div>\n            ))}\n          </div>\n        )}\n        <input\n          class=\"s-hidden\"\n          name={this.option.name}\n          required={this.option.required}\n          value={JSON.stringify(this.reservations) === '[]' ? '' : JSON.stringify(this.reservations)}\n          ref={reservations => this.reservationsInput = reservations}\n        />\n        {this.iframeReady && this.bookingModal()}\n      </Host>\n    );\n  }\n}\n","import { Component, Element, Host, Listen, h } from '@stencil/core';\n\n/**\n * its to easy to use, currenlty its support select & checkbox input as trigger for show/hide the dom\n * the dom you can put it like this data-show-when=\"{name of the field} {= or !=} {value of the field}\"\n */\n@Component({\n  tag: 'salla-conditional-fields'\n})\nexport class SallaConditionalFields {\n\n  @Element() host: HTMLElement;\n\n  private hideAllOptions(optionId) {\n    this.host.querySelectorAll(`[data-show-when^=\"options[${optionId}\"]`).forEach((field: HTMLElement) => {\n      field.classList.add('hidden');\n      this.hideAllOptions(field.dataset.optionId);\n      this.disableInputs(field);\n    });\n  }\n\n  private disableInputs(field) {\n    field.querySelectorAll('[name]').forEach((input) => {\n\n      input.setAttribute('disabled', '');\n      input.removeAttribute('required');\n      if (input?.tagName?.toLowerCase() === 'select') {\n        input.value = ''\n      }\n      if (['checkbox'].includes(input.getAttribute('type')) && input.hasOwnProperty('checked')) {\n        // @ts-ignore\n        input.checked = false;\n      }\n    });\n  }\n  \n  @Listen('change')\n  changeHandler(event) {\n    salla.event.emit('salla-onditional-fields::change', event);\n    salla.log('Received the change event: ', event);\n\n    if (!event.target || !['SELECT'].includes(event.target.tagName) && !['checkbox', 'radio'].includes(event.target.getAttribute('type'))) {\n      salla.log('Ignore the change because is not a supported input: ' + (event?.target?.tagName || 'N/A'));\n      return;\n    }\n\n    let optionId = event.target.name.replace('[]', '');\n    let isMultiple = event.target.getAttribute('type') === 'checkbox';\n    let isRadio = event.target.getAttribute('type') === 'radio';\n\n    salla.log('Trying to find all elements with condition:', `[data-show-when^=\"${optionId}\"]`);\n\n    this.host.querySelectorAll(`[data-show-when^=\"${optionId}\"]`)\n      .forEach((field: HTMLElement) => {\n        let isEqual = !field?.dataset.showWhen.includes('!=');\n        let value = field?.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$3').trim();\n        let isSelected;\n        if (isMultiple) {\n          let selectedValues = Array.from(this.host.querySelectorAll(`input[name=\"${event.target.name}\"]:checked`), e => (e as HTMLInputElement)?.value);\n          isSelected = selectedValues.includes(value.toString());\n        } else if (isRadio) {\n          // Handle radio inputs.\n          isSelected = event.target.checked && event.target.value === value;\n        } else {\n          isSelected = value === event.target.value;\n        }\n\n        salla.log('The input is ', isMultiple ? 'Multiple' : isRadio ? 'Radio' : 'Single', ' value:', isSelected);\n\n        let showTheInput = (isEqual && isSelected) || (!isEqual && !isSelected);\n        if (showTheInput) {\n          field.classList.remove('hidden');\n          field.querySelectorAll('[name]').forEach((input) => {\n            input.removeAttribute('disabled');\n\n            const closestProductOption = (input as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n            if (closestProductOption.dataset.optionRequired === 'true') {\n              input.setAttribute('required', '');\n            }\n\n            if (input.getAttribute('type') === 'checkbox') {\n              const checkboxes = Array.from(document.querySelectorAll(`input[type=\"checkbox\"][name=\"${input.getAttribute('name')}\"]`)) as HTMLInputElement[];\n              const isAnyChecked = checkboxes.some((checkbox) => checkbox.checked);\n              if (isAnyChecked) {\n                checkboxes.forEach((checkbox) => {\n                  checkbox.removeAttribute('required');\n                });\n              }\n            }\n          });\n        } else {\n          this.hideAllOptions(field.dataset.optionId);\n          field.classList.add('hidden');\n          this.disableInputs(field);\n        }\n      });\n  }  \n\n  componentDidRender() {\n    this.host.querySelectorAll(`[data-show-when]`).forEach((field) => {\n      // @ts-ignore\n      let optionName = field?.dataset?.showWhen.replace(/(.*)(=|!=)(.*)/gm, '$1').trim();\n      if (!optionName) {\n        return;\n      }\n\n      this.changeHandler({\n        target: this.host.querySelector('[name^=\"' + optionName + '\"]')\n      })\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/twilight/p-30d8107f.system.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-System.register(["./p-D-0D-Csi.system.js"],(function(s){"use strict";var t,n,a,i;return{setters:[function(s){t=s.r;n=s.h;a=s.H;i=s.g}],execute:function(){var r=":host{display:block}";var e=s("salla_apps_icons",function(){function s(s){var n=this;t(this,s);var a;this.apps=salla.config.get("store.apps");this.appSlot=((a=this.host.querySelector('[slot="app"]'))===null||a===void 0?void 0:a.innerHTML)||"<img alt={name} src={icon} />";salla.onReady((function(){n.apps=salla.config.get("store.apps")}));salla.lang.onLoaded((function(){n.appsTitle=salla.lang.get("blocks.footer.download_apps")}))}s.prototype.getAppsArray=function(){return Object.entries(this.apps).map((function(s){var t=s[0],n=s[1];return{name:t,value:n}}))};s.prototype.componentWillLoad=function(){return new Promise((function(s){return salla.onReady(s)}))};s.prototype.render=function(){var s=this;var t=this.getAppsArray();if(Array.isArray(t)&&!t.length){return}return n(a,{class:"s-apps-icons"},!this.hideTitle&&n("h3",null,this.appsTitle),n("div",{class:{"s-apps-icons-list":true,vertical:this.vertical}},t.map((function(t,a){return n("a",{key:a,href:t.value,rel:"noreferrer",target:"_blank",class:"s-apps-icons-item",id:"app-slot",innerHTML:s.appSlot.replace(/\{icon\}/g,salla.url.cdn("images/".concat(t.name,".png"))).replace(/\{name\}/g,t.name)})}))))};s.prototype.componentDidRender=function(){var s;(s=this.host.querySelector('[slot="app"]'))===null||s===void 0?void 0:s.remove()};Object.defineProperty(s.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return s}());e.style=r}}}));
-//# sourceMappingURL=p-30d8107f.system.entry.js.map

package/dist/twilight/p-93c132a7.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as i,h as t,H as e}from"./p-LiUkE7QA.js";var s;(function(i){i["PERCENTAGE"]="percentage";i["FIXED"]="fixed";i["FREE_PRODUCT"]="free_product"})(s||(s={}));var o;(function(i){i["PRODUCT_COUNT"]="products_count";i["PRODUCT_PURCHASE"]="order_amount"})(o||(o={}));const n=":host{display:block}";const a=class{constructor(t){i(this,t);this.offer=null;this.products={};this.isLoading=true;this.canRender=true}componentWillLoad(){salla.onReady().then((()=>{var i,t,e;if(!((i=salla.config.get("store.features"))===null||i===void 0?void 0:i.includes("conditional-offer"))||salla.storage.get("cart")!==""&&!((e=(t=salla.storage.get("cart"))===null||t===void 0?void 0:t.summary)===null||e===void 0?void 0:e.count)){throw new Error("feature or cart object does not existed")}})).then((()=>salla.api.cart.offers())).then((({data:i})=>{this.offer=i.find((i=>i.type==="conditional"));if(!this.offer){throw new Error("No conditional offer has been activated in the merchant dashboard")}this.offer.details.discounts.unshift({value:0,min_spend:0});return this.updateInitialOfferValue()})).then((()=>this.getProducts())).then((()=>salla.event.on("cart::updated",(i=>this.updateOfferValues(i))))).catch((i=>{this.canRender=false;salla.logger.warn("salla-conditional-offer:: ",i)})).finally((()=>{this.isLoading=false}))}getProducts(){const i=this.offer.details.discounts.filter((({type:i})=>i===s.FREE_PRODUCT)).map((({value:i})=>i));if(i.length>0){return salla.product.fetch({source:"selected",source_value:i}).then((({data:i})=>{i.forEach((({id:i,url:t,image:e})=>{this.products[i]={url:t,image:e}}))}))}}updateInitialOfferValue(){return salla.api.cart.details().then((({data:{cart:i}})=>this.updateOfferValues(i)))}updateOfferValues({items:i,sub_total:t}){var e;const s=this.offer.details.based_on===o.PRODUCT_COUNT?i.reduce(((i,{quantity:t})=>i+t),0):t;this.offer=Object.assign(Object.assign({},this.offer),{details:Object.assign(Object.assign({},(e=this.offer)===null||e===void 0?void 0:e.details),{current_value:s})});return this.offer}getCheckpointContent(i){var e,o;if(i.type===s.PERCENTAGE)return`${i.value}%`;if(i.type===s.FIXED)return salla.money(i.value);if(i.type!==s.FREE_PRODUCT){salla.logger.error(`salla-conditional-offer:: unexpected type (${i.type})!`);return""}const n=this.products[i.value];if(!n){salla.logger.error(`salla-conditional-offer:: there is no product with id (${i.value})!`);return""}return t("a",{class:"s-conditional-offer-product-link",href:n.url},t("img",{class:"s-conditional-offer-checkpoint-image-content",loading:"lazy",decoding:"async",alt:((e=n===null||n===void 0?void 0:n.image)===null||e===void 0?void 0:e.alt)||"",src:(o=n===null||n===void 0?void 0:n.image)===null||o===void 0?void 0:o.url}))}getOfferType(i){var t;const e=(t=this.offer.details)===null||t===void 0?void 0:t.based_on;if(e===o.PRODUCT_COUNT)return salla.lang.choice("blocks.header.products_count",i.min_spend);if(e===o.PRODUCT_PURCHASE)return salla.money(i.min_spend);salla.logger.warn(`salla-conditional-offer:: Unexpected offer detail's based_on value: ${e}`);return`${i.min_spend}`}clamp(i,t,e){return Math.max(t,Math.min(i,e))}mapValueRanges(i,t,e,s,o){const n=(i-t)*(o-s)/(e-t)+s;if(n===Number.POSITIVE_INFINITY)return 100;if(n===Number.NEGATIVE_INFINITY)return 0;return this.clamp(n,0,100)}getCheckPointView(i,e){var s,o;const n=this.offer.details.discounts.findIndex((({min_spend:t})=>t===i.min_spend));const a=(o=(s=this.offer.details.discounts[n-1])===null||s===void 0?void 0:s.min_spend)!==null&&o!==void 0?o:0;const l=this.mapValueRanges(this.offer.details.current_value,a,i.min_spend,0,100);const r=i.min_spend<=this.offer.details.current_value;return t("div",{class:"s-conditional-offer-checkpoint-container"},e>0?[t("div",{key:"progress-line",class:"s-conditional-offer-progress-line-container"},t("div",{class:"s-conditional-offer-progress-line-inactive"}),t("div",{class:"s-conditional-offer-progress-line-active",style:{width:`${l}%`}})),t("div",{key:"checkpoint",class:`s-conditional-offer-checkpoint ${r?"s-conditional-offer-active-checkpoint":""}`},t("div",{class:`s-conditional-offer-item-avatar-content ${r?"active":""}`,innerHTML:this.products&&this.getCheckpointContent(i)}),t("div",{class:`s-conditional-offer-checkpoint-label ${r?"active":""}`,innerHTML:this.getOfferType(i)}))]:t("div",{key:"label",class:{"s-conditional-offer-checkpoint-label":true,"first-checkpoint":e===0,active:r},innerHTML:this.getOfferType(i)}))}getLoadingSkeletonView(){return t(e,{class:"s-conditional-offer-container"},t("div",{class:"s-conditional-offer-skeleton-inner-container"},t("div",{class:"s-conditional-offer-skeleton-subtitle"},t("salla-skeleton",{height:"16px",width:"30%"})),t("div",{class:"s-conditional-offer-skeleton-subtitle"},t("salla-skeleton",{height:"16px",width:"35%"})),t("div",{class:"s-conditional-offer-skeleton-checkpoints-wrapper"},Array(3).fill(null).map((()=>[t("salla-skeleton",{key:"checkpoint-line",height:"8px"}),t("div",{key:"checkpoint"},t("salla-skeleton",{height:"60px",width:"60px",type:"circle"}))])))))}render(){if(!this.canRender)return null;if(this.isLoading)return this.getLoadingSkeletonView();return t(e,{class:"s-conditional-offer-container"},t("div",{class:"s-conditional-offer-title-wrapper"},t("div",{class:"s-conditional-offer-title"},this.offer.title),this.offer.description?t("div",{class:"s-conditional-offer-subtitle"},this.offer.description," ",t("i",{class:"sicon-information"})):null),t("div",{class:"s-conditional-offer-progress-container"},this.offer.details.discounts.map(((i,e)=>t("div",{class:{"flex-1":e>0},key:i.min_spend},this.getCheckPointView(i,e))))))}};a.style=n;export{a as salla_conditional_offer};
-//# sourceMappingURL=p-93c132a7.entry.js.map