npm - @salla.sa/twilight-components - Versions diffs - 2.14.138 → 2.14.140 - Mend

@salla.sa/twilight-components 2.14.138 → 2.14.140

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.

Files changed (33) hide show

package/dist/esm-es5/salla-booking-field_2.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,a){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function r(e){try{l(a.next(e))}catch(e){i(e)}}function s(e){try{l(a["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):o(e.value).then(r,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,o,i,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(n=0)),n)try{if(a=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;o=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){n.label=s[1];break}if(s[0]===6&&n.label<i[1]){n.label=i[1];i=s;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(s);break}if(i[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];o=0}finally{a=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-114c614f.js";var BookingTime='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>calendar-time</title>\n<path d="M22.667 17.333c-0.737 0-1.333 0.596-1.333 1.333v2.667h-2.667c-0.737 0-1.333 0.596-1.333 1.333s0.596 1.333 1.333 1.333h4c0.737 0 1.333-0.596 1.333-1.333v-4c0-0.737-0.596-1.333-1.333-1.333zM28 2.667h-2.667v-1.333c0-0.736-0.596-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v1.333h-13.333v-1.333c0-0.736-0.596-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v1.333h-2.667c-2.205 0-4 1.795-4 4v21.333c0 2.205 1.795 4 4 4h5.363c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333h-5.363c-0.736 0-1.333-0.597-1.333-1.333v-21.333c0-0.736 0.597-1.333 1.333-1.333h2.667v2.667c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.667h13.333v2.667c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.667h2.667c0.736 0 1.333 0.599 1.333 1.333v2.696c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.696c0-2.205-1.795-4-4-4zM22 12c-5.515 0-10 4.485-10 10s4.485 10 10 10 10-4.485 10-10-4.485-10-10-10zM22 29.333c-4.043 0-7.333-3.291-7.333-7.333s3.291-7.333 7.333-7.333 7.333 3.291 7.333 7.333-3.291 7.333-7.333 7.333z"></path>\n</svg>\n';var Calendar='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>calendar</title>\n<path d="M28 2.667h-2.667v-1.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v1.333h-13.333v-1.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v1.333h-2.667c-2.205 0-4 1.795-4 4v21.333c0 2.205 1.795 4 4 4h24c2.205 0 4-1.795 4-4v-21.333c0-2.205-1.795-4-4-4zM29.333 28c0 0.736-0.599 1.333-1.333 1.333h-24c-0.736 0-1.333-0.599-1.333-1.333v-13.333h26.667zM29.333 12h-26.667v-5.333c0-0.736 0.599-1.333 1.333-1.333h2.667v2.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.667h13.333v2.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.667h2.667c0.736 0 1.333 0.599 1.333 1.333z"></path>\n</svg>\n';var TimeIcon='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>time</title>\n<path d="M16 0c-8.823 0-16 7.177-16 16s7.177 16 16 16 16-7.177 16-16-7.177-16-16-16zM16 29.333c-7.352 0-13.333-5.981-13.333-13.333s5.981-13.333 13.333-13.333 13.333 5.981 13.333 13.333-5.981 13.333-13.333 13.333zM16 8c-0.736 0-1.333 0.596-1.333 1.333v6.667h-4c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333h5.333c0.736 0 1.333-0.596 1.333-1.333v-8c0-0.737-0.597-1.333-1.333-1.333z"></path>\n</svg>\n';var sallaBookingFieldCss=":host{display:block}";var SallaBookingField=function(){function e(e){var t=this;registerInstance(this,e);this.invalidInput=createEvent(this,"invalidInput",7);this.option=undefined;this.productId=undefined;this.bookNowLabel=salla.lang.get("pages.cart.book_an_appointment","حجز موعد");this.editLabel=salla.lang.get("pages.cart.edit_an_appointment","تعديل الموعد");this.bookedLabel=salla.lang.get("pages.cart.booked_successfully","تمت اضافة الموعد بنجاح");this.selectDate=salla.lang.get("pages.cart.select_appointment_date","حدد تاريخ الموعد");this.bookingUrl="";this.iframeReady=false;this.reservations=[];this.reservationsInput=undefined;salla.lang.onLoaded((function(){return t.setTranslations()}));Salla.event.on("booking::open",(function(e){return t.handleBookingOpen(e)}))}e.prototype.setTranslations=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=function(e,t,n){return new Promise((function(a){salla.helpers.setNested(salla.lang.messages[e],t,n);a(true)}))};return[4,e("ar.trans","pages.cart.book_an_appointment","حجز موعد")];case 1:t.sent();return[4,e("en.trans","pages.cart.book_an_appointment","Book an Appointment")];case 2:t.sent();return[4,e("ar.trans","pages.cart.edit_an_appointment","تعديل الموعد")];case 3:t.sent();return[4,e("en.trans","pages.cart.edit_an_appointment","Edit an Appointment")];case 4:t.sent();return[4,e("ar.trans","pages.cart.booked_successfully","تمت اضافة الموعد بنجاح")];case 5:t.sent();return[4,e("en.trans","pages.cart.booked_successfully","Booked Successfully")];case 6:t.sent();return[4,e("ar.trans","pages.cart.select_appointment_date","حدد تاريخ الموعد")];case 7:t.sent();return[4,e("en.trans","pages.cart.select_appointment_date","Select appointment date")];case 8:t.sent();this.bookNowLabel=salla.lang.get("pages.cart.book_an_appointment");this.editLabel=salla.lang.get("pages.cart.edit_an_appointment");this.bookedLabel=salla.lang.get("pages.cart.booked_successfully");this.selectDate=salla.lang.get("pages.cart.select_appointment_date");return[2]}}))}))};e.prototype.openBookingModal=function(e,t){var n=this;if(t===void 0){t=false}if(t&&(!e.detail||typeof e.detail!=="number"||e.detail!==this.productId)){return}if(salla.config.isGuest()){this.setAfterReloadEvent("booking::open-after-reload",this.productId);salla.event.dispatch("login::open");return}salla.booking.add(this.productId,false).then((function(e){if(e.data.redirect.to!=="booking"){throw new Error("Unexpected redirect!")}salla.event.dispatch("booking::open",{url:e.data.redirect.url,id:n.productId})})).catch((function(e){salla.error(salla.lang.get("common.errors.error_occurred"));salla.logger.error(e.response||e)}))};e.prototype.handleBookingOpen=function(e){var t=this;if(e.id!==this.productId)return;this.bookingUrl=salla.url.addParamToUrl("product_id",e.id,e.url);this.iframeReady=true;setTimeout((function(){t.modal.setTitle(t.selectDate);t.modal.open()}),100)};e.prototype.setAfterReloadEvent=function(e,t){salla.storage.set("afterReloadEvent",{event:e,payload:t})};e.prototype.emitAfterReloadEvent=function(){var e=salla.storage.get("afterReloadEvent");if(e&&e.event){var t=new CustomEvent(e.event,{detail:e.payload});window.dispatchEvent(t);salla.storage.remove("afterReloadEvent")}};e.prototype.componentWillLoad=function(){if(this.option&&this.option.details.length){this.reservations=this.option.details}};e.prototype.componentDidLoad=function(){var e=this;window.addEventListener("booking::open-after-reload",(function(t){return e.openBookingModal(t,true)}));this.emitAfterReloadEvent();window.addEventListener("message",this.handleMessageEvent.bind(this));this.reservationsInput.addEventListener("invalid",(function(t){return e.invalidInput.emit(t)}));this.reservationsInput.addEventListener("input",(function(){e.reservationsInput.setCustomValidity("");e.reservationsInput.reportValidity()}))};e.prototype.handleMessageEvent=function(e){var t,n;if(e.data.source!=="booking")return;var a=e.data.type;var o=e.data.message;if(localStorage.getItem("debug"))console.log("Received an action:".concat(a),e.data);if(a==="error"){if((t=o.fields)===null||t===void 0?void 0:t.reservation){salla.notify.error(o.fields.reservation[0]);return}var i=Object.values(o.fields).flat().map((function(e){return"<li>".concat(e,"</li>")})).join("");salla.notify.error("<ul>".concat(i,"</ul>"))}if(a==="success"){if(Number(o.productId)!==Number(this.productId))return;this.reservations=o.data.reservations.map((function(e){if(e.time&&e.time.length>0){var t=e.time[0];return{date:e.date,day:e.day,from_timestamp:t.from,to_timestamp:t.to}}return null})).filter((function(e){return e!==null}));salla.notify.success(this.bookedLabel);(n=this.modal)===null||n===void 0?void 0:n.close();setTimeout((function(){return window.location.reload()}))}if(a==="height"){this.iframe.height=(o===null||o===void 0?void 0:o.height)+"px"}};e.prototype.bookingModal=function(){var e=this;return h("salla-modal",{class:"s-booking-field-modal",ref:function(t){return e.modal=t},width:"md",position:"middle",noPadding:true},h("iframe",{ref:function(t){return e.iframe=t},src:this.bookingUrl,frameborder:"0"}))};e.prototype.renderReservationDate=function(e){return h("span",{class:e.from_timestamp?"s-booking-field-reservations-has-time":""},h("i",{class:"s-booking-field-reservations-icon",innerHTML:Calendar}),e.date)};e.prototype.renderReservationTime=function(e){if(!e.from_timestamp)return"";return h("span",{class:"s-booking-field-reservations-time"},h("i",{class:"s-booking-field-reservations-icon",innerHTML:TimeIcon}),h("span",null,e.from_timestamp," - ",e.to_timestamp))};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"s-booking-field-main"},this.option.required||this.reservations.length>0?h("div",{class:"s-booking-field-price"},h("span",null,salla.money(this.option.price))):"",h("salla-button",{class:"s-booking-field-book-now",size:"small",loaderPosition:"center",fill:"outline",onClick:function(t){return e.openBookingModal(t,false)}},h("span",{class:"s-booking-field-book-now-content"},h("span",{innerHTML:BookingTime}),this.reservations.length?this.editLabel:this.bookNowLabel))),this.reservations.length>0&&h("div",{class:"s-booking-field-reservations"},this.reservations.map((function(t,n){return h("div",{key:n,class:"s-booking-field-reservations-item"},e.renderReservationDate(t),e.renderReservationTime(t))}))),h("input",{class:"s-hidden",name:this.option.name,required:this.option.required,value:JSON.stringify(this.reservations)==="[]"?"":JSON.stringify(this.reservations),ref:function(t){return e.reservationsInput=t}}),this.iframeReady&&this.bookingModal())};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SallaBookingField.style=sallaBookingFieldCss;var SallaConditionalFields=function(){function e(e){registerInstance(this,e)}e.prototype.hideAllOptions=function(e){var t=this;this.host.querySelectorAll('[data-show-when^="options['.concat(e,'"]')).forEach((function(e){e.classList.add("hidden");t.hideAllOptions(e.dataset.optionId);t.disableInputs(e)}))};e.prototype.disableInputs=function(e){e.querySelectorAll("[name]").forEach((function(e){var t;e.setAttribute("disabled","");e.removeAttribute("required");if(((t=e===null||e===void 0?void 0:e.tagName)===null||t===void 0?void 0:t.toLowerCase())==="select"){e.value=""}if(["checkbox"].includes(e.getAttribute("type"))&&e.hasOwnProperty("checked")){e.checked=false}}))};e.prototype.changeHandler=function(e){var t=this;var n;salla.event.emit("salla-onditional-fields::change",e);salla.log("Received the change event: ",e);if(!e.target||!["SELECT"].includes(e.target.tagName)&&!["checkbox","radio"].includes(e.target.getAttribute("type"))){salla.log("Ignore the change because is not a supported input: "+(((n=e===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.tagName)||"N/A"));return}var a=e.target.name.replace("[]","");var o=e.target.getAttribute("type")==="checkbox";var i=e.target.getAttribute("type")==="radio";salla.log("Trying to find all elements with condition:",'[data-show-when^="'.concat(a,'"]'));this.host.querySelectorAll('[data-show-when^="'.concat(a,'"]')).forEach((function(n){var a=!(n===null||n===void 0?void 0:n.dataset.showWhen.includes("!="));var r=n===null||n===void 0?void 0:n.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$3").trim();var s;if(o){var l=Array.from(t.host.querySelectorAll('input[name="'.concat(e.target.name,'"]:checked')),(function(e){return e===null||e===void 0?void 0:e.value}));s=l.includes(r.toString())}else if(i){s=e.target.checked&&e.target.value===r}else{s=r===e.target.value}salla.log("The input is ",o?"Multiple":i?"Radio":"Single"," value:",s);var c=a&&s||!a&&!s;if(c){n.classList.remove("hidden");n.querySelectorAll("[name]").forEach((function(e){e.removeAttribute("disabled");var t=e.closest(".s-product-options-option");if(t.dataset.optionRequired==="true"){e.setAttribute("required","")}if(e.getAttribute("type")==="checkbox"){var n=Array.from(document.querySelectorAll('input[type="checkbox"][name="'.concat(e.getAttribute("name"),'"]')));var a=n.some((function(e){return e.checked}));if(a){n.forEach((function(e){e.removeAttribute("required")}))}}}))}else{t.hideAllOptions(n.dataset.optionId);n.classList.add("hidden");t.disableInputs(n)}}))};e.prototype.componentDidRender=function(){var e=this;this.host.querySelectorAll("[data-show-when]").forEach((function(t){var n;var a=(n=t===null||t===void 0?void 0:t.dataset)===null||n===void 0?void 0:n.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$1").trim();if(!a){return}e.changeHandler({target:e.host.querySelector('[name^="'+a+'"]')})}))};e.prototype.render=function(){return h(Host,null,h("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{SallaBookingField as salla_booking_field,SallaConditionalFields as salla_conditional_fields};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-114c614f.js";var BookingTime='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>calendar-time</title>\n<path d="M22.667 17.333c-0.737 0-1.333 0.596-1.333 1.333v2.667h-2.667c-0.737 0-1.333 0.596-1.333 1.333s0.596 1.333 1.333 1.333h4c0.737 0 1.333-0.596 1.333-1.333v-4c0-0.737-0.596-1.333-1.333-1.333zM28 2.667h-2.667v-1.333c0-0.736-0.596-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v1.333h-13.333v-1.333c0-0.736-0.596-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v1.333h-2.667c-2.205 0-4 1.795-4 4v21.333c0 2.205 1.795 4 4 4h5.363c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333h-5.363c-0.736 0-1.333-0.597-1.333-1.333v-21.333c0-0.736 0.597-1.333 1.333-1.333h2.667v2.667c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.667h13.333v2.667c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.667h2.667c0.736 0 1.333 0.599 1.333 1.333v2.696c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.696c0-2.205-1.795-4-4-4zM22 12c-5.515 0-10 4.485-10 10s4.485 10 10 10 10-4.485 10-10-4.485-10-10-10zM22 29.333c-4.043 0-7.333-3.291-7.333-7.333s3.291-7.333 7.333-7.333 7.333 3.291 7.333 7.333-3.291 7.333-7.333 7.333z"></path>\n</svg>\n';var Calendar='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>calendar</title>\n<path d="M28 2.667h-2.667v-1.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v1.333h-13.333v-1.333c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v1.333h-2.667c-2.205 0-4 1.795-4 4v21.333c0 2.205 1.795 4 4 4h24c2.205 0 4-1.795 4-4v-21.333c0-2.205-1.795-4-4-4zM29.333 28c0 0.736-0.599 1.333-1.333 1.333h-24c-0.736 0-1.333-0.599-1.333-1.333v-13.333h26.667zM29.333 12h-26.667v-5.333c0-0.736 0.599-1.333 1.333-1.333h2.667v2.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.667h13.333v2.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.667h2.667c0.736 0 1.333 0.599 1.333 1.333z"></path>\n</svg>\n';var TimeIcon='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>time</title>\n<path d="M16 0c-8.823 0-16 7.177-16 16s7.177 16 16 16 16-7.177 16-16-7.177-16-16-16zM16 29.333c-7.352 0-13.333-5.981-13.333-13.333s5.981-13.333 13.333-13.333 13.333 5.981 13.333 13.333-5.981 13.333-13.333 13.333zM16 8c-0.736 0-1.333 0.596-1.333 1.333v6.667h-4c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333h5.333c0.736 0 1.333-0.596 1.333-1.333v-8c0-0.737-0.597-1.333-1.333-1.333z"></path>\n</svg>\n';var sallaBookingFieldCss=":host{display:block}";var SallaBookingField=function(){function e(e){var t=this;registerInstance(this,e);this.invalidInput=createEvent(this,"invalidInput",7);this.option=undefined;this.productId=undefined;this.bookNowLabel=salla.lang.get("pages.cart.book_an_appointment","حجز موعد");this.editLabel=salla.lang.get("pages.cart.edit_an_appointment","تعديل الموعد");this.bookedLabel=salla.lang.get("pages.cart.booked_successfully","تمت اضافة الموعد بنجاح");this.selectDate=salla.lang.get("pages.cart.select_appointment_date","حدد تاريخ الموعد");this.bookingUrl="";this.iframeReady=false;this.reservations=[];this.reservationsInput=undefined;salla.lang.onLoaded((function(){return t.setTranslations()}));Salla.event.on("booking::open",(function(e){return t.handleBookingOpen(e)}))}e.prototype.setTranslations=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=function(e,t,n){return new Promise((function(a){salla.helpers.setNested(salla.lang.messages[e],t,n);a(true)}))};return[4,e("ar.trans","pages.cart.book_an_appointment","حجز موعد")];case 1:t.sent();return[4,e("en.trans","pages.cart.book_an_appointment","Book an Appointment")];case 2:t.sent();return[4,e("ar.trans","pages.cart.edit_an_appointment","تعديل الموعد")];case 3:t.sent();return[4,e("en.trans","pages.cart.edit_an_appointment","Edit an Appointment")];case 4:t.sent();return[4,e("ar.trans","pages.cart.booked_successfully","تمت اضافة الموعد بنجاح")];case 5:t.sent();return[4,e("en.trans","pages.cart.booked_successfully","Booked Successfully")];case 6:t.sent();return[4,e("ar.trans","pages.cart.select_appointment_date","حدد تاريخ الموعد")];case 7:t.sent();return[4,e("en.trans","pages.cart.select_appointment_date","Select appointment date")];case 8:t.sent();this.bookNowLabel=salla.lang.get("pages.cart.book_an_appointment");this.editLabel=salla.lang.get("pages.cart.edit_an_appointment");this.bookedLabel=salla.lang.get("pages.cart.booked_successfully");this.selectDate=salla.lang.get("pages.cart.select_appointment_date");return[2]}}))}))};e.prototype.openBookingModal=function(e,t){var n=this;if(t===void 0){t=false}if(t&&(!e.detail||typeof e.detail!=="number"||e.detail!==this.productId)){return}if(salla.config.isGuest()){this.setAfterReloadEvent("booking::open-after-reload",this.productId);salla.event.dispatch("login::open");return}salla.booking.add(this.productId,false).then((function(e){if(e.data.redirect.to!=="booking"){throw new Error("Unexpected redirect!")}salla.event.dispatch("booking::open",{url:e.data.redirect.url,id:n.productId})})).catch((function(e){salla.error(salla.lang.get("common.errors.error_occurred"));salla.logger.error(e.response||e)}))};e.prototype.handleBookingOpen=function(e){var t=this;if(e.id!==this.productId)return;this.bookingUrl=salla.url.addParamToUrl("product_id",e.id,e.url);this.iframeReady=true;setTimeout((function(){t.modal.setTitle(t.selectDate);t.modal.open()}),100)};e.prototype.setAfterReloadEvent=function(e,t){salla.storage.set("afterReloadEvent",{event:e,payload:t})};e.prototype.emitAfterReloadEvent=function(){var e=salla.storage.get("afterReloadEvent");if(e&&e.event){var t=new CustomEvent(e.event,{detail:e.payload});window.dispatchEvent(t);salla.storage.remove("afterReloadEvent")}};e.prototype.componentWillLoad=function(){if(this.option&&this.option.details.length){this.reservations=this.option.details}};e.prototype.componentDidLoad=function(){var e=this;window.addEventListener("booking::open-after-reload",(function(t){return e.openBookingModal(t,true)}));this.emitAfterReloadEvent();window.addEventListener("message",this.handleMessageEvent.bind(this));this.reservationsInput.addEventListener("invalid",(function(t){return e.invalidInput.emit(t)}));this.reservationsInput.addEventListener("input",(function(){e.reservationsInput.setCustomValidity("");e.reservationsInput.reportValidity()}))};e.prototype.handleMessageEvent=function(e){var t,n;if(e.data.source!=="booking")return;var a=e.data.type;var o=e.data.message;if(localStorage.getItem("debug"))console.log("Received an action:".concat(a),e.data);if(a==="error"){if((t=o.fields)===null||t===void 0?void 0:t.reservation){salla.notify.error(o.fields.reservation[0]);return}var i=Object.values(o.fields||[o.message]).flat().map((function(e){return"<li>".concat(e,"</li>")})).join("");salla.notify.error("<ul>".concat(i,"</ul>"))}if(a==="success"){if(Number(o.productId)!==Number(this.productId))return;this.reservations=o.data.reservations.map((function(e){if(e.time&&e.time.length>0){var t=e.time[0];return{date:e.date,day:e.day,from_timestamp:t.from,to_timestamp:t.to}}return null})).filter((function(e){return e!==null}));salla.notify.success(this.bookedLabel);(n=this.modal)===null||n===void 0?void 0:n.close();setTimeout((function(){return window.location.reload()}))}if(a==="height"){this.iframe.height=(o===null||o===void 0?void 0:o.height)+"px"}};e.prototype.bookingModal=function(){var e=this;return h("salla-modal",{class:"s-booking-field-modal",ref:function(t){return e.modal=t},width:"md",position:"middle",noPadding:true},h("iframe",{ref:function(t){return e.iframe=t},src:this.bookingUrl,frameborder:"0"}))};e.prototype.renderReservationDate=function(e){return h("span",{class:e.from_timestamp?"s-booking-field-reservations-has-time":""},h("i",{class:"s-booking-field-reservations-icon",innerHTML:Calendar}),e.date)};e.prototype.renderReservationTime=function(e){if(!e.from_timestamp)return"";return h("span",{class:"s-booking-field-reservations-time"},h("i",{class:"s-booking-field-reservations-icon",innerHTML:TimeIcon}),h("span",null,e.from_timestamp," - ",e.to_timestamp))};e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"s-booking-field-main"},this.option.required||this.reservations.length>0?h("div",{class:"s-booking-field-price"},h("span",null,salla.money(this.option.price))):"",h("salla-button",{class:"s-booking-field-book-now",size:"small",loaderPosition:"center",fill:"outline",onClick:function(t){return e.openBookingModal(t,false)}},h("span",{class:"s-booking-field-book-now-content"},h("span",{innerHTML:BookingTime}),this.reservations.length?this.editLabel:this.bookNowLabel))),this.reservations.length>0&&h("div",{class:"s-booking-field-reservations"},this.reservations.map((function(t,n){return h("div",{key:n,class:"s-booking-field-reservations-item"},e.renderReservationDate(t),e.renderReservationTime(t))}))),h("input",{class:"s-hidden",name:this.option.name,required:this.option.required,value:JSON.stringify(this.reservations)==="[]"?"":JSON.stringify(this.reservations),ref:function(t){return e.reservationsInput=t}}),this.iframeReady&&this.bookingModal())};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SallaBookingField.style=sallaBookingFieldCss;var SallaConditionalFields=function(){function e(e){registerInstance(this,e)}e.prototype.hideAllOptions=function(e){var t=this;this.host.querySelectorAll('[data-show-when^="options['.concat(e,'"]')).forEach((function(e){e.classList.add("hidden");t.hideAllOptions(e.dataset.optionId);t.disableInputs(e)}))};e.prototype.disableInputs=function(e){e.querySelectorAll("[name]").forEach((function(e){var t;e.setAttribute("disabled","");e.removeAttribute("required");if(((t=e===null||e===void 0?void 0:e.tagName)===null||t===void 0?void 0:t.toLowerCase())==="select"){e.value=""}if(["checkbox"].includes(e.getAttribute("type"))&&e.hasOwnProperty("checked")){e.checked=false}}))};e.prototype.changeHandler=function(e){var t=this;var n;salla.event.emit("salla-onditional-fields::change",e);salla.log("Received the change event: ",e);if(!e.target||!["SELECT"].includes(e.target.tagName)&&!["checkbox","radio"].includes(e.target.getAttribute("type"))){salla.log("Ignore the change because is not a supported input: "+(((n=e===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.tagName)||"N/A"));return}var a=e.target.name.replace("[]","");var o=e.target.getAttribute("type")==="checkbox";var i=e.target.getAttribute("type")==="radio";salla.log("Trying to find all elements with condition:",'[data-show-when^="'.concat(a,'"]'));this.host.querySelectorAll('[data-show-when^="'.concat(a,'"]')).forEach((function(n){var a=!(n===null||n===void 0?void 0:n.dataset.showWhen.includes("!="));var r=n===null||n===void 0?void 0:n.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$3").trim();var s;if(o){var l=Array.from(t.host.querySelectorAll('input[name="'.concat(e.target.name,'"]:checked')),(function(e){return e===null||e===void 0?void 0:e.value}));s=l.includes(r.toString())}else if(i){s=e.target.checked&&e.target.value===r}else{s=r===e.target.value}salla.log("The input is ",o?"Multiple":i?"Radio":"Single"," value:",s);var c=a&&s||!a&&!s;if(c){n.classList.remove("hidden");n.querySelectorAll("[name]").forEach((function(e){e.removeAttribute("disabled");var t=e.closest(".s-product-options-option");if(t.dataset.optionRequired==="true"){e.setAttribute("required","")}if(e.getAttribute("type")==="checkbox"){var n=Array.from(document.querySelectorAll('input[type="checkbox"][name="'.concat(e.getAttribute("name"),'"]')));var a=n.some((function(e){return e.checked}));if(a){n.forEach((function(e){e.removeAttribute("required")}))}}}))}else{t.hideAllOptions(n.dataset.optionId);n.classList.add("hidden");t.disableInputs(n)}}))};e.prototype.componentDidRender=function(){var e=this;this.host.querySelectorAll("[data-show-when]").forEach((function(t){var n;var a=(n=t===null||t===void 0?void 0:t.dataset)===null||n===void 0?void 0:n.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$1").trim();if(!a){return}e.changeHandler({target:e.host.querySelector('[name^="'+a+'"]')})}))};e.prototype.render=function(){return h(Host,null,h("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{SallaBookingField as salla_booking_field,SallaConditionalFields as salla_conditional_fields};
 //# sourceMappingURL=salla-booking-field_2.entry.js.map

package/dist/esm-es5/salla-booking-field_2.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["sallaBookingFieldCss","SallaBookingField","class_1","hostRef","_this","this","salla","lang","get","onLoaded","setTranslations","Salla","event","on","data","handleBookingOpen","prototype","setNestedAsync","key","value","Promise","resolve","helpers","setNested","messages","_c","sent","bookNowLabel","editLabel","bookedLabel","selectDate","openBookingModal","afterReload","detail","productId","config","isGuest","setAfterReloadEvent","dispatch","booking","add","then","resp","redirect","to","Error","url","id","catch","error","logger","response","bookingUrl","addParamToUrl","iframeReady","setTimeout","modal","setTitle","open","payload","storage","set","emitAfterReloadEvent","eventDetails","customEvent","CustomEvent","window","dispatchEvent","remove","componentWillLoad","option","details","length","reservations","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","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).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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"}
1	+ {"version":3,"names":["sallaBookingFieldCss","SallaBookingField","class_1","hostRef","_this","this","salla","lang","get","onLoaded","setTranslations","Salla","event","on","data","handleBookingOpen","prototype","setNestedAsync","key","value","Promise","resolve","helpers","setNested","messages","_c","sent","bookNowLabel","editLabel","bookedLabel","selectDate","openBookingModal","afterReload","detail","productId","config","isGuest","setAfterReloadEvent","dispatch","booking","add","then","resp","redirect","to","Error","url","id","catch","error","logger","response","bookingUrl","addParamToUrl","iframeReady","setTimeout","modal","setTitle","open","payload","storage","set","emitAfterReloadEvent","eventDetails","customEvent","CustomEvent","window","dispatchEvent","remove","componentWillLoad","option","details","length","reservations","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","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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"}